/* TABLE OF CONTENTS */
/* ------------------------------ reset */
/* ------------------------------ fonts */
/* ------------------------------ body */
/* ------------------------------ headings */
/* ------------------------------ home page */
/* ----------------- header */
/* ----------------- banner */
/* ----------------- content */
/* ----------------- footer */
/* ------------------------------ inner pages */










/* ----------------------------------------------------------------------- reset */

@import "reset.css";



/* ----------------------------------------------------------------------- fonts */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');




/* ----------------------------------------------------------------------- body */

body {
    font:normal 14px "Poppins", sans-serif;
    line-height:140%;
    font-weight:400;
	color:#222;
}

.margin-bot30{
	margin-bottom:30px !important;
}

.margin-bot50{
	margin-bottom:50px !important;
}

.margin-bot-last{
	margin-bottom:120px !important;
}

.no-margin{
	margin:0 !important;
}





/* ----------------------------------------------------------------------- headings */

.banner h1{
	font:normal 82px "Oswald", sans-serif;
    line-height:120%;
    font-weight:600;
	color:#003892;
	margin-bottom:5px;
}

.banner h2{
	font:normal 52px "Oswald", sans-serif;
    line-height:120%;
    font-weight:600;
	color:#343434;
	letter-spacing:-1px;
	margin:0 0 32px 0;
}

h3, .inner-wrapper h1{
	font:normal 52px "Oswald", sans-serif;
    line-height:120%;
    font-weight:500;
	color:#343434;
	text-align:center;
	background:url(../images/divider.png) no-repeat top center;
	padding:55px 0 0 0;
	margin:0 0 60px 0;
}

h3 span, .inner-wrapper h1 span{
	font:normal 18px "Poppins", sans-serif;
    line-height:140%;
    font-weight:500;
	color:#343434;
	display:block;
	margin:20px 0 0 0;
	text-align:center;
}

.inner-wrapper h1{
	margin-bottom:90px;
}

.inner-wrapper h2{
	font:normal 22px "Poppins", sans-serif;
    line-height:120%;
    font-weight:600;
	color:#343434;
	margin:0 0 10px 0;
}

.inner-wrapper .inner-box h2{
	margin-bottom:22px;
}

.inner-wrapper .contact-rightcol h2{
	margin-bottom:8px;
}





/* ----------------------------------------------------------------------- home page */

/* ----------------------------------------- header */

#outer{
	background:#fff4dd;
	padding-bottom:160px;
}

header{
	padding:20px 0 8px 0;
}

header nav{
	padding-top:25px;
	text-align:right;
}

header nav ul{
	padding:0;
}

header nav ul li{
	display:inline;
	font:normal 13px "Poppins", sans-serif;
    line-height:120%;
    font-weight:600;
	color:#222;
	text-transform:uppercase;
	margin-left:10px;
}

header nav ul li a{
	color:#222;
	padding:7px 14px 5px 14px;
	display:inline-block;
	border:2px solid transparent;
	transition:0.3s;
	border-radius:4px;
}

header nav ul li a:hover{
	color:#f1222f;
	border:2px solid #f1222f;
}

#homepage header nav ul li.home-active a, #aboutpage header nav ul li.about-active a, #contactpage header nav ul li.contact-active a{
	color:#f1222f;
	border:2px solid #f1222f;
}

.header-social{
	padding-top:25px;
	text-align:right;
}

.header-social li{
	display:inline;
	margin:0 0 0 5px;
}

#mobile-nav{
	display:none;
}




/* ----------------------------------------- banner */

.banner{
	position:relative;
}

.banner figure{
	position:absolute;
	top:0;
	right:0;
}

.banner-left{
	padding-top:50px;
}

.certificate{
	margin:0 0 35px 0;
}

.certificate li{
	font-size:17px;
	font-weight:500;
	background:url(../images/banner-icon.png) no-repeat left center;
	padding:6px 0 5px 35px;
	margin:0 0 10px 0;
}

.btn-red{
	font-size:13px;
	line-height:120%;
	font-weight:500;
	color:#fff;
	background:#f1222f;
	display:inline-block;
	padding:9px 19px;
	text-transform:uppercase;
	margin:0 12px 0 0;
	border:2px solid #f1222f;
	border-radius:4px;
	transition:0.3s;
	margin-bottom:10px;
}

.btn-red:hover{
	color:#fff;
	transform:scale(1.1);
}

.btn-white{
	font-size:13px;
	line-height:120%;
	font-weight:500;
	color:#f1222f;
	background:transparent;
	display:inline-block;
	padding:9px 19px;
	text-transform:uppercase;
	border:2px solid #f1222f;
	border-radius:4px;
	transition:0.3s;
}

.btn-white:hover{
	color:#fff;
	background:#f1222f;
	transform:scale(1.1);
}





/* ----------------------------------------- content */

.case-studies{
	background:#fff;
	padding:80px 0 0 0;
}

.website-developer-kolkata{
	padding:0 130px;
	text-align:center;
}

.website-developer-kolkata p{
	font:normal 19px "Lato", sans-serif;
    line-height:160%;
    font-weight:400;
	color:#444;
	margin-bottom:30px;
}

.case-studies .row{
	margin-bottom:50px;
}

.portfolio-box{
	background:#fff;
	border:2px solid #ddd;
	border-radius:20px;
	min-height:100%;
}

.portfolio-box figure img{
	border-bottom:2px solid #ddd;
	border-radius:20px 20px 0 0;
	transition:0.3s;
}

.portfolio-box article{
	padding:15px 20px;
}

.portfolio-box p{
	font:normal 17px "Lato", sans-serif;
    line-height:140%;
    font-weight:400;
	color:#444;
	margin-bottom:10px;
}

.portfolio-box p strong, .portfolio-box p strong a{
	font:normal 17px "Lato", sans-serif;
    line-height:120%;
	font-weight:700;
	color:#003892;
	text-decoration:none;
}

.portfolio-box p strong a:hover{
	text-decoration:none;
}

.portfolio-box p a{
	font-size:15px;
	color:#f1222f;
	text-decoration:underline;
}

.portfolio-box p a:hover{
	text-decoration:none;
}




/* ----------------------------------------- footer */

#footer1{
	background:#343434 url(../images/footer-logo.jpg) no-repeat top center;
	padding:100px 0 30px 0;
	text-align:center;
}

#footer1 ul li{
	color:#fff;
	display:inline;
	font-size:15px;
}

#footer1 ul li em{
	font-style:normal;
	margin:0 10px;
}

#footer1 ul li a{
	text-decoration:none;
	color:#fff;
}

#footer1 ul li a:hover{
	text-decoration:underline;
}

#footer2{
	background:#fff;
	padding:30px;
}

#footer2 ul{
	text-align:center;
}

#footer2 ul li{
	margin:0 20px;
	display:inline;
}

#footer2 ul li a{
	color:#000;
	display:inline-block;
	padding:0 0 0 22px;
}

#footer2 ul li a:hover{
	text-decoration:underline;
}

.email{
	background:url(../images/email.jpg) no-repeat left center;
	padding-left:4px;
}

.linkedin{
	background:url(../images/linkedin.jpg) no-repeat left center;
	padding-left:1px;
}

.whatsapp{
	background:url(../images/whatsapp.jpg) no-repeat left center;
}

#footer3{
	background:#faeac8;
	padding:15px 0;
}

#footer3 p{
	font-size:13px;
	text-align:center;
}




/* ----------------------------------------------------------------------- inner pages */

#outer-inner{
	background:#fff4dd;
	padding-bottom:10px;
	border-bottom:6px solid #ffedc7;
}

.inner-wrapper{
	background:#fff;
	padding:60px 0 120px 0;
}

.inner-leftcol figure{
	margin-bottom:26px;
}

.inner-leftcol figure img{
	border-radius:20px;
	border:1px solid #ddd;
}

.inner-leftcol p{
	font:normal 17px "Lato", sans-serif;
    line-height:160%;
    font-weight:400;
	color:#444;
	margin:0 0 20px 0;
}

.inner-leftcol p a{
	color:#f1222f;
	text-decoration:none;
}

.inner-leftcol p a:hover{
	text-decoration:underline;
}

.inner-leftcol ul{
	list-style:disc;
	padding:0 0 0 18px;
}

.inner-leftcol ul li{
	font:normal 17px "Lato", sans-serif;
    line-height:160%;
    font-weight:400;
	color:#444;
	margin:0 0 6px 0;
}

.inner-box{
	background:#fff4dd;
	border-radius:20px;
	padding:35px 30px 10px 30px;
	margin:0 0 0 40px;
}

.inner-box figure{
	margin-bottom:40px;
	border:2px solid #ddd;
	display:block;
	line-height:0;
}

.contact-rightcol .inner-box figure{
	margin:50px 0 30px 0;
	border:none;
	display:block;
	line-height:0;
	text-align:center;
}

.contact-rightcol p{
	font:normal 17px "Lato", sans-serif;
    line-height:140%;
    font-weight:400;
	color:#444;
	margin:0 0 24px 0;
}

.contact-rightcol p a{
	color:#444;
	text-decoration:none;
}

.contact-rightcol p a:hover{
	text-decoration:underline;
}

.contact-form label{
	display:block;
	font-weight:500;
	margin:0 0 8px 0;
}

.txtbox{
	width:60%;
	height:40px;
	font:normal 15px "Poppins", sans-serif;
    line-height:130%;
    font-weight:400;
	color:#444;
	padding:6px 10px;
	border:1px solid #999;
	border-radius:4px;
	margin-bottom:18px;
}

.contact-form textarea{
	width:90%;
	min-height:180px;
	font:normal 15px "Poppins", sans-serif;
    line-height:130%;
    font-weight:400;
	color:#444;
	padding:10px;
	border:1px solid #999;
	border-radius:4px;
	margin-bottom:18px;
}

.message.success{
	background:#acfdd2;
	border:1px solid #1ad06f;
	font-weight:400;
	color:#000;
	padding:5px 15px;
	display:inline-block;
	height:34px;
	margin-bottom:20px;
}

.message.error {
	background:#fcdbdb;
	border:1px solid #fb5366;
	font-weight:400;
	color:#000;
	padding:5px 15px;
	display:inline-block;
	height:34px;
	margin-bottom:20px;
}