.container { max-width:1580px; }
.header{ border-bottom:1px solid #2d7e93; }
.header .container { padding:0 15px; }

a {color: #000000; text-decoration:none; }
a:hover { color: #2d7e93; }

p { color:#000; font-size:18px; line-height:30px; font-weight:400; margin-bottom:25px; font-family: 'Inter'; }
h1 { font-family: 'DM Serif Display'; font-weight:400; }
h2 { font-family: 'DM Serif Display'; font-weight:400; font-size:60px; line-height:60px; color:#010101; }

h3 { font-family: 'DM Serif Display'; font-weight:400; font-size:30px; line-height:40px; color:#010101; }
h4 { font-size:24px; }
h5 { font-size:21px; }

.logo img { max-width:273px; }
.strip { background:#2d7e93; padding:5px 0; font-size:13px; }
.header-contact { }
.header-contact ul { display:flex; color:#ffffff; justify-content: center; }
.header-contact ul li { padding-right:20px; }
.header-contact ul li:last-child { padding-right:0; }
.header-contact ul li a { color:#ffffff; }
.header-contact ul li a:hover { color:#5dd6c3; }
.header-contact ul li a.email { background:url(../images/email-icon.png) left no-repeat; padding-left:24px; }
.header-contact ul li a.call { background:url(../images/phone-icon.png) left no-repeat; padding-left:20px; }

.header-social { display:flex; justify-content:flex-end; }
.header-social ul { display:flex; color:#ffffff; }
.header-social ul li { padding-left:40px; font-size:16px; }
.header-social ul li a { color:#ffffff; }
.header-social ul li a:hover { color:#5dd6c3; }


.nav-inner { padding:20px 0; transition: all 0.3s ease-out 0s; }
.header.sticky .nav-inner { padding:10px 0; transition: all 0.3s ease-out 0s; }

#middlewrapper { margin-top:137px; }

.banner { width:100%; display:block; background:url(../images/banner-bg.jpg) left top no-repeat; background-size:cover; padding:0;  }
.banner .h1-tag { font-size:18px; font-weight:700; display:block; margin-bottom:10px; text-transform:uppercase;}
.banner h1 { color:#fff; font-size:62px; line-height:74px; margin-bottom:30px; }
.banner p { font-size:21px; line-height:36px; font-weight:500; color:#000000; }
a.orange-btn { background:#e65211;padding:14px 36px; border-radius:10px;font-size:16px; text-transform:uppercase; color: #ffffff; font-weight: 700;}
a.orange-btn:hover { background:#2d7e93; color:#FFFFFF;}
.banner-text { width:100%; max-width:775px; padding:50px 80px 125px 15px; }
.banner img{ height:100%; max-width:initial; object-fit:cover; margin:inherit; padding:0; max-width:inherit; }

.welcome .left-col { background:#096153; padding:70px 50px 45px 50px; border-radius:35px 200px 35px 35px; color:#FFFFFF; margin-top:-125px; }
.welcome .left-col p { font-weight:500; color:#5dd6c3; margin-bottom:10px; }
.welcome .left-col h2 { color:#ffffff; margin-bottom:50px; }
.welcome .left-col ul li { background:url(../images/logo-icon-small.png) left no-repeat; padding-left:40px; font-size:30px; font-weight:600; margin-bottom:25px; }
.welcome .left-col ul li span { color:#5dd6c3; }
.welcome .right-col { padding-left:80px; }
.welcome .right-col h5 { margin-bottom:40px; line-height:36px; }

.mission { background:#2d7e93; color:#FFFFFF; margin:115px 0 105px 0; padding-top:70px; padding-bottom:70px; }
.mission .sec-1 h2 { color:#FFFFFF; }
.mission .sec-2 { background:#29788d; padding:30px 100px 30px 50px; border-radius:35px 0 0 35px; position:relative; }
.mission .sec-2:after { content:""; background:#29788d; position:absolute; width:200px; height:100%; top:0; right:-200px; z-index:0; }
.mission .sec-2 p { font-size:24px; line-height:40px; color:#FFFFFF; margin-bottom:0; }
.mission .sec-3 {  position:relative; z-index:1; }
.mission .sec-3 img { border-radius:35px 35px 35px 200px; margin-top:-105px; margin-bottom:-105px; width:100%; height:auto; }

.services { margin-bottom:85px; }
.services .container .row {padding:0 15px!important;}
.services h2 { margin-bottom:40px; }
.service-box { align-items: center; padding:65px 40px 45px 40px; border-radius:25px 150px 25px 25px; border:1px solid #cfd5d6; box-shadow: 5px 6px 16px -1px rgba(0,0,0,0.1);-webkit-box-shadow: 5px 6px 16px -1px rgba(0,0,0,0.1);-moz-box-shadow: 5px 6px 16px -1px rgba(0,0,0,0.1); }
.services .row .col-lg-6 {width:calc(50% - 15px);margin-bottom:55px;}
.services .icon { width:23%; }
.services .text {width:77%; padding-left:40px;}
.services .text h3 { margin-bottom:25px; }


.why-choose { background:url(../images/why-choose-bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding-top:190px; padding-bottom:190px; }
.why-choose h2 { margin-bottom:50px; color:#FFFFFF; }
.why-choose img { margin-bottom:30px; }
.why-choose h4 { color:#FFFFFF; text-align:center; margin-bottom:10px; }
.why-choose p { color:#FFFFFF; text-align:center; }

.contact {}
.contact-left {}
.contact-right { background:#d4eced; }
.contact-left .details { width:100%; max-width:775px; padding:70px 15px 70px 15px; text-align:center }
.contact-left ul {display: flex; justify-content: center; align-items: center; gap:30px;}

.contact-right .contact-form { width:100%; max-width:775px; padding:70px 15px 70px 30px; }

.contact-left h2 { margin-bottom:50px; }
.contact-left h3 { font-weight:600; font-family: 'Inter'; color:#2d7e93; margin-bottom:15px; }
.contact-left a.email { background:url(../images/email-icon-2.png) left no-repeat; padding-left:24px; display:inline-block; }
.contact-left a.call { background:url(../images/phone-icon-2.png) left no-repeat; padding-left:20px; }

.contact-form .form-control {border:0; border-radius:8px; color:#000000; font-size: 16px; font-weight:400; height: 58px; padding:0 20px; }
.contact-form .form-control::placeholder {color:#000000;}
.contact-form .textarea { resize:none; height:200px; padding:20px; }
.contact-form .sub-btn { background:#e65211;padding:14px 60px; border-radius:10px;font-size:16px; text-transform:uppercase; color: #ffffff; font-weight: 700; display:inline-block; border:0;}
.contact-form .sub-btn:hover { background:#2d7e93; color:#FFFFFF;}

.mt-20 { margin-top: 20px;}

.footer { width:100%; padding:20px; background:#292b2b; color:#868b8b; font-size:11px; }
.footer a { color:#868b8b; }
.footer a:hover { color:#ffffff; }
.footer-r { text-align:right; }


.spacer { height:1px; }
#about { margin-top:-230px; padding-top:230px; }
#services { margin-top:-125px; padding-top:125px; }
#why-choose-us { margin-top:-125px; padding-top:125px; }
#contact { margin-top:-125px; padding-top:125px; }



@media only screen and (max-width:1850px){

}


@media only screen and (max-width:1599px){
.navbar-nav .nav-item { margin-left:30px; }

}


@media only screen and (max-width:1366px){
.banner-text { padding: 50px 30px 125px 15px;}
.banner h1 {font-size: 58px;line-height: 65px;}
.welcome .left-col { margin-top: -100px;}

.mission { margin: 115px 0 105px 0; padding-top: 35px; padding-bottom: 35px;}
h2 { font-size:55px; }
.mission .sec-2 { padding: 30px 30px 30px 50px; }

.services { margin-bottom:50px; }
.services h2 { margin-bottom:30px; }
.service-box { padding:45px 30px 30px 30px; }
.services .row .col-lg-6 {margin-bottom:30px;}
.services .icon { width:23%; }
.services .text {width:77%; padding-left:40px;}
.services .text h3 { margin-bottom:25px; }

.why-choose { padding-top:150px; padding-bottom:150px; }

#about { margin-top:-200px; padding-top:200px; }
}


@media only screen and (max-width:1359px){
.banner-text { padding: 50px 0 125px 15px;}
.banner h1 {font-size: 50px; }
.welcome .left-col { padding: 30px; border-radius: 35px 100px 35px 35px;}
.welcome .right-col {padding-left: 40px;}
.welcome .left-col h2 { margin-bottom: 20px; }

.mission .sec-3 img { border-radius: 35px 35px 35px 100px; }
.mission { padding-top:30px; padding-bottom:30px;}
.mission .sec-2 {padding: 15px 30px; }
.mission .sec-2 p {font-size: 18px;line-height: 30px; }

.service-box { border-radius:25px 75px 25px 25px; }
}


@media only screen and (max-width:1024px){
h2 { font-size:40px; line-height:40px; }
h2 { font-size:40px; line-height:40px; }
h3 { font-size:30px; line-height:40px; }
h4 { font-size:24px; }
h5 { font-size:21px; }

.nav-inner { padding:15px 0; }
.header.sticky .nav-inner { padding:15px 0; }
.navbar-nav .nav-item { margin-left: 20px; }
.navbar-nav .nav-item.last { margin-left: 20px;}
.navbar-nav .nav-item.last a {padding:10px 25px;}
#middlewrapper {margin-top:127px;}

.banner h1 {font-size: 44px;line-height: 50px; }
h2 {font-size: 40px;line-height: 50px; }

.mission { margin: 70px 0 70px 0; }
.welcome .left-col { margin-top: -120px;}
.welcome .left-col ul li { font-size: 20px; margin-bottom: 20px;}
.welcome .right-col { padding-top:20px; }

.services { margin-bottom:20px; }
.service-box { padding:25px 25px 0 25px; }
.services .icon { width:25%; }
.services .text {width:75%; padding-left:20px;}
h3 { margin-bottom:20px; font-size:26px; line-height:30px; }

.why-choose { padding-top:100px; padding-bottom:100px; }

.contact-right .contact-form { padding-left:15px; }
.contact-left h2 { margin-bottom: 30px;}

#about { margin-top:-170px; padding-top:170px; }
.logo img { max-width:220px; }

}

@media only screen and (max-width:991px){
#middlewrapper { margin-top: 130px; }
.navbar-toggler { position:absolute; top:15px; right:0; }
#navbarSupportedContent { padding-top:0; }
.navbar-nav .nav-item { margin-left: 0; }
.navbar-nav .nav-item.last { margin-left: 0; }
.navbar-nav li { padding:8px 0; width:100%; text-align:left; }
.navbar-nav .nav-item a { font-size:18px; }

.header .navbar-brand img { width:240px; }
.header-right { justify-content:space-around; display:flex; flex-wrap:wrap; padding-top:0; width:100%; }
.header-contact ul li a.email { width:20px; height:20px; background-position:center; display:inline-block; }
.header-contact ul li a.email span { display:none; }
.header-contact ul li a.call { width:20px; height:20px; background-position:center; display:inline-block; }
.header-contact ul li a.call span { display:none; }

.banner-text { width: 100%; max-width:inherit; padding: 30px 15px 30px 15px;}
.banner img{ padding:15px; width:100%; }
.banner h1 { padding-top:25px; }
.welcome { margin-top:20px; }
.welcome .left-col { margin-top:0;}
.welcome .left-col ul li { font-size: 20px; margin-bottom: 20px;}
.welcome .right-col { padding-top:30px; padding-left:0; }

.mission { margin:10px 0 30px 0; }
.mission .sec-2 { margin:30px 15px; width:calc(100% - 30px); border-radius:20px; padding:30px; }
.mission .sec-2:after { display:none;}
.mission .sec-3 img { border-radius:35px; margin-top:0px; margin-bottom:0px; }

.service-box { padding:25px 15px 0 15px; display:flex; flex-direction:column; align-items:flex-start; justify-content: flex-start!Important; }
.services .icon { width:100%; text-align:center; margin-bottom:20px; }
.services .icon img{ max-width:100px; }
.services .text {width:100%; padding-left:0px; text-align:center}
h3 { margin-bottom:20px; font-size:26px; }

.why-choose { padding-top:70px; padding-bottom:70px; }

.contact-left .details { max-width:inherit; padding:30px 15px;}
.contact-right .contact-form { max-width:inherit; padding:30px 15px;}

.footer-l, .footer-r { text-align:center; }
#about { margin-top:-125px; padding-top:125px; }
}


@media only screen and (max-width:767px){

.header .navbar-collapse {  background:#42a9ac; }
.header-contact ul li:first-child { display:none; }
.header-contact ul li { padding:0 20px 0 0; display:flex; align-items: center; }
.header-contact ul li a.email { background-position:center; padding-left:0; }
.header-contact ul li a.call { background-position:center; padding-left:0; }

#middlewrapper { margin-top:127px; }
.header-social ul li { padding-left: 20px; }

.banner h1 { padding-top:0; margin-bottom:20px; font-size:30px; line-height:36px; }
.welcome .left-col { padding:15px; }

.mission { margin:0 0 30px 0; }
h2 { font-size:30px; line-height:30px; }
.mission .sec-2 { padding:15px; }

.services .row .col-lg-6 { width:inherit!important; }
h3 { font-size: 24px; }

.why-choose { padding-top:30px; padding-bottom:30px; }
.why-choose img { margin-bottom:20px; }
.why-choose h2 { margin-bottom:30px; }
h4 { font-size:22px; }
h5 { font-size:20px; }

.contact-left ul {display: flex; flex-direction:column;gap:15px;}
.contact-form .form-control {height:40px; padding:0 15px; }
.contact-form .textarea { height:100px; padding:15px; }
.navbar-nav .nav-item a { color: #fff; }
}


@media only screen and (max-width:599px){

}


@media only screen and (max-width:479px){
}