@font-face {
    font-family: 'Brittany Signature';
    src: url('../fonts/BrittanySignatureRegular.eot');
    src: url('../fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrittanySignatureRegular.woff2') format('woff2'),
        url('../fonts/BrittanySignatureRegular.woff') format('woff'),
        url('../fonts/BrittanySignatureRegular.ttf') format('truetype'),
        url('../fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gohan';
    src: url('../fonts/Gohan.eot');
    src: url('../fonts/Gohan.eot') format('embedded-opentype'),
         url('../fonts/Gohan.woff2') format('woff2'),
         url('../fonts/Gohan.woff') format('woff'),
         url('../fonts/Gohan.ttf') format('truetype'),
         url('../fonts/Gohan.svg#Gohan') format('svg');
}

@font-face {
    font-family: 'CreatoDisplayBold';
    src: url('../fonts/CreatoDisplayBold.eot');
    src: url('../fonts/CreatoDisplayBold.eot') format('embedded-opentype'),
         url('../fonts/CreatoDisplayBold.woff2') format('woff2'),
         url('../fonts/CreatoDisplayBold.woff') format('woff'),
         url('../fonts/CreatoDisplayBold.ttf') format('truetype'),
         url('../fonts/CreatoDisplayBold.svg#CreatoDisplayBold') format('svg');
}

@font-face {
    font-family: 'CreatoDisplayMedium';
    src: url('../fonts/CreatoDisplayMedium.eot');
    src: url('../fonts/CreatoDisplayMedium.eot') format('embedded-opentype'),
         url('../fonts/CreatoDisplayMedium.woff2') format('woff2'),
         url('../fonts/CreatoDisplayMedium.woff') format('woff'),
         url('../fonts/CreatoDisplayMedium.ttf') format('truetype'),
         url('../fonts/CreatoDisplayMedium.svg#CreatoDisplayMedium') format('svg');
}


*{ padding: 0; margin: 0; box-sizing: border-box;}
html {overflow-x:hidden;}
body {background:#fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 16px; color:#000; overflow-x: hidden;}
h1 {font-family: 'Gohan'; font-size: 76px; font-weight: 400;}
h2, h3, h4, h5, h6, p, li {font-family: "Montserrat", sans-serif;}
h2 {font-size: 40px !important; font-weight: 600 !important; line-height: 1 !important;}
h3 {font-size: 34px !important; line-height: 1 !important;}
a {text-decoration: none !important;}
p, li {font-weight: 400; font-size: 16px; line-height: 1.4; color: #000;}
a {color:#00a1e4; display:inline-block; text-decoration:none; font-family: 'CreatoDisplayBold';}
ul{ list-style-type:none;}
.btnsite {font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 15px; text-transform: uppercase; border-radius: 100px; background-color: #20af4a; color: #fff; line-height: 1.2; padding: 16px 50px;}
.container {max-width: 1200px !important;}


.mainsiteheader {background-color: #ffffff;}
.logoarea {width: 185px; height: 93px; margin: 6px auto 0px auto;}
.logoarea img {width: 100%; height: 100%; object-fit: contain;}
.mainsiteheader .navbar-collapse {background-color: #09c1d0; color: #fff; background-size: cover; background-position: center; padding: 10px 5px; border-radius: 100px;}
.mainsiteheader .navbar-collapse li a:hover, .mainsiteheader .navbar-collapse li a.active {color: #ffffff;}
.mainsiteheader .navbar-collapse li a {color: #000000; font-family: 'CreatoDisplayMedium'; font-size: 17px; margin: 0px 6px;}
.mainsiteheader .navbar {margin-bottom: -25px; padding-bottom: 0; position: relative; z-index: 3;}
.mainsiteheader .navbar {position: relative;}
.mainsiteheader .navbar-toggler {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1001;
  border-color: #000;
}
.bannersection {position: relative;}
.bannersection:before {position: absolute; content: ""; background-image: radial-gradient(circle at 20% 50%, #ffffff 0%, #7f00ff00 37%);width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-position: 0% 0%;}
.bannersection:after {position: absolute; content: ""; background-image: url('../images/bannershape.png'); background-repeat: no-repeat; width: 100%; height: 300px; bottom: -50px; z-index: 2; background-size: 100% 100%;}
#bannerslider img {width: 100%; height: 665px; object-fit: cover;}
.bannerbox {position: absolute; z-index: 3; top: 16%;}
.bannerboxwrap {max-width: 495px; text-align: center; position: relative;}
.bannerboxwrap h1 {font-weight: 700; font-size: 74px; line-height: 1; text-transform: uppercase; color: #092848;}
.bannerboxwrap p {color: #fff;}
.servicecontent h2 {color: #092848; text-transform: uppercase;}
.servicecontent p {color: #373737;}
.bannerboxwrap h1 span {font-weight: 300; font-size: 58px; display: block;}
.bannerboxwrap h2 {font-family: 'Brittany Signature'; font-weight: 400 !important; font-size: 44px !important; line-height: 1; color: #00838e; margin-bottom: 0;}
.bannerdual-btns {margin-top: 20px;}
.bannerdual-btns a {font-size: 16px; font-weight: 700; padding: 16px 58px; border-radius: 100px; line-height: 1.1;}
.bannerdual-btns span:first-child a {background-color: #1cbecc; color: #000;}
.bannerdual-btns span:first-child a:hover {background-color: #010101; color: #fff;}
.bannerdual-btns span:last-child a {background-color: #010101; color: #fff;}
.bannerdual-btns span:last-child a:hover {background-color: #1cbecc; color: #000;}
.bannerdual-btns a:hover {background-color: #fff; color: #20af4a;}
.footermenu {padding-left: 0px; display: flex; justify-content: center; margin-bottom: 12px;}
.footermenu li a {padding: 0px 12px; display: block; font-size: 17px; color: #fff; border-right: 2px solid #fff; line-height: 1.1; font-weight: 500; font-family: 'CreatoDisplayMedium';}
.sitefooter p {font-size: 15px; color: #82a9d1; font-weight: 400; text-align: center; margin-bottom: 0px;}
.footermenu li:last-child a {border-right: 0px solid #000;}
.footermenu li a:hover, .footermenu li.active a {color: #1cbecc;}
.sitefooter {background-color: #092848; padding: 42px 0px;}
.beconbox {max-width: 934px; margin: auto;}
.beconbox img {background-color: #fff; overflow: hidden; border-radius: 50px; width: 100%;}
.downloadarea {background-color: #1cbecc; padding: 85px 0px 320px; background-blend-mode: luminosity; background-position: 18% 65%;}
section.beforefooter {margin-top: -200px; background-image: url('../images/sky-texture.png'); background-repeat: no-repeat; background-position: 50% 20%; background-size: 90%;}
.downloadarea p {font-size: 20px; max-width: 600px; margin: auto; text-align: center;}
.downloadwrap {display: flex; gap: 15px 10px; justify-content: center; flex-wrap: wrap; margin-top: 0px;}
.downloadwrap .dowmbtn {width: 24%; line-height: 1.1;}
.downloadwrap .dowmbtn a {display: block; border-radius: 100px; color: #1b1b1b; font-weight: 500; padding: 12px 14px 12px 70px; background-image: url('../images/small.png'); background-repeat: no-repeat; background-position: 10% 50%; min-height: 66px; display: flex; align-items: center; transition: all .2s ease-in-out; background-color: #ffffff; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.3;}
.downloadwrap .dowmbtn a:hover {transform: scale(0.95);}
.enqform_section {position: relative; padding-bottom: 100px; margin-top: -240px;}
.enqform_section:after {position: absolute; content: ""; z-index: -1;}
.enqform_section h2 {color: #092848; text-align: center;  margin-bottom: 28px; text-transform: uppercase; font-weight: 600;}
.contactwrapper {display: flex; align-items: center; background-color: #fff; box-shadow: 0px 0px 30px 0px #cccccc99; overflow: hidden; border-radius: 15px;}
.contactwrapper .contactimgarea {width: 50%;}
.contactwrapper .contactimgarea img {width: 100%; height: 525px; object-fit: cover;}
.contactwrapper .formwrapper {width: 50%; padding: 20px 40px;}
.formwrapper {background-color: #fff;}
.inputext input, .inputext textarea {width: 100%; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 13px; background-color: transparent; border: 0px; border: 1px solid #c9c9c9; color: #092848; outline: none; box-shadow: none; border-radius: 7px; padding: 12px 20px; font-style: italic;}
.formwrapper .inputext {margin-bottom: 15px;}
.img {text-align: center;}
.img img {width: 100%;}
.inputwrap {display: flex; gap: 10px;}
.inputwrap .inputext {width: 50%;}
.inputext input::placeholder, .inputext textarea::placeholder {color: #000000;}
.formbtn {text-align: center; margin-top: 30px;}
.formbtn .btn {background-color: #1cbecc; color: #000000; font-size: 15px; font-weight: 700; border-radius: 100px; padding: 16px 60px; line-height: 1.1; font-family: 'CreatoDisplayBold';}
.formbtn .btn:hover {background-color: #092848; color: #ffffff;}
.servicesection {padding-top: 125px; padding-bottom: 0px;}
.servicecontent {max-width: 738px; margin: auto;}
.topheading {font-size: 44px; color: #cbced3; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; line-height: 1; text-align: center; display: block; width: 100%; margin-bottom: 50px;}
.servicecontent h2 {text-align: center; text-transform: uppercase;}
.serviceslider {margin-top: 50px;}
.servicebox {overflow: hidden;}
.serdata {padding: 20px 0px 0px;}
.serdata ul {padding-left: 0px; padding-top: 6px;}
.serdata ul li {padding-left: 26px; background-image: url(../images/list-icon.png); background-repeat: no-repeat; background-position: left center; font-size: 18px; margin: 6px 0px;}
.serdata h4 {text-align: center; font-size: 24px; font-weight: 600; line-height: 1; color: #092848; text-transform: uppercase;}
#serviceslider .owl-item:nth-child(odd) .servicebox .serdata p {color: #000;}
.servicebox img {width: 100%; height: 286px; object-fit: cover; border-radius: 30px;}
#serviceslider .owl-nav button {width: 62px; height: 62px; background-color: transparent !important;}
#serviceslider .owl-nav button span {display: none;}
#serviceslider .owl-nav .owl-prev {background-image: url(../images/left-arrow.png);}
#serviceslider .owl-nav .owl-next {background-image: url(../images/right-arrow.png);}
.twocol_section .twocol_content h6, .wrapleft p, .belowbannerwrap_right h6 {font-size: 21px; line-height: 1.3;}
.contentwrap {display: flex; position: relative; z-index: 1; max-width: 1085px; margin: auto; background-image: url('../images/bannerimg.png'); background-repeat: no-repeat; background-position: top center; padding-top: 100px;}
.wrapright img {width: 100%; height: 509px; object-fit: cover;}
.contentwrap .wrapleft {width: 50%; background-color: #084822; border-radius: 0px 60px; overflow: hidden; padding: 40px; display: flex;
    flex-wrap: wrap; align-items: center; align-content: center;}
.contentwrap .wrapright {width: 50%; border-radius: 60px 0px; overflow: hidden;}
.wrapleft p {color: #fff;}
.wrapleft .btnsite {margin-top: 10px;}
.wrapleft .btnsite:hover {background-color: #fff; color: #084822;}
.whychoose-section {background-color: #092848; color: #fff; margin-top: 0px;}
.whychoosewrap {display: flex; align-items: center;}
.whychoosewrap .whychooseleft {width: 50%; padding-right: 30px;}
.whychoosewrap .whychooseright {width: 50%; position: relative;}
.whychoosewrap .whychooseright:after {position: absolute; content: ""; right: 0; background-image: url(../images/circle.png); background-repeat: no-repeat; top: 125px; right: -145px; width: 308px; height: 308px;}
.whychooseright img {width: 100%; height: 714px; object-fit: cover; border-radius: 30px; position: relative; z-index: 2; margin-bottom: -85px; margin-top: -85px;}
.whychooseleft ul {padding-left: 0px; padding-top: 10px;}
.whychooseleft ul li {font-weight: 400; color: #fff; font-size: 20px; background-image: url(../images/white-arrow.png); background-repeat: no-repeat; background-position: left center; padding-left: 26px; margin-bottom: 10px;}
.whychooseleft h2 {text-transform: uppercase; line-height: 1.1 !important;}
.abwrap {display: flex; align-items: center;}
.abwrap .abimg {width: 50%; padding-left: 60px; background-image: url(../images/shh.png); background-repeat: no-repeat; padding-top: 90px; padding-bottom: 90px;}
.abwrap .abimg img {width: 100%; height: 540px; object-fit: cover; border-radius: 30px;}
.aboutsection {padding-top: 100px; padding-bottom: 140px;}
.abcontent h4 {font-weight: 600; font-size: 27px; color: #092848; margin-bottom: 15px;}
.abwrap .abcontent {width: 50%; padding-left: 45px;}
.sitecontent-section {padding-top: 100px; padding-bottom: 80px;}
.sitecontent-section h2 {text-align: center; margin-bottom: 25px;}
.sitecontent-section h3 {margin-top: 22px;  margin-bottom: 12px;}
.sitecontent-section h4 {margin-top: 22px;  margin-bottom: 12px; font-size: 24px;}
.sitecontent-section p a {color: #092848; font-weight: 600;}
.sitecontent-section ul {padding-left: 0px; padding-top: 10px;}
.sitecontent-section ul li {background-image: url(../images/list-icon.png); background-repeat: no-repeat; padding-left: 26px; background-position: left center; margin-bottom: 10px;}
.thakyouwrap p {text-align: center;}
.shadow { box-shadow: 0 0 9px #666;  padding: 1%;}
.thankypuwrap {text-align: center;}
.hero-slider {  position: relative;  overflow: hidden;}
.slide-item {  position: relative;  height: 100vh;}
.slide-item img { width: 100%; height: 100%; object-fit: cover;}
.slide-item::after{   content: "";  position: absolute;  inset: 0;  background: rgba(0,0,0,0.4);}
.banner-content { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 2; color: #fff;
    max-width: 600px;}
.banner-content h1 { font-size: 60px;  margin-bottom: 20px;}
.banner-content p { font-size: 18px; margin-bottom: 25px;}
.banner-content a { display: inline-block; padding: 14px 30px; background: #fff; color: #000; text-decoration: none;
    border-radius: 50px; font-weight: 600;}
.slide-item img { width:100%; height:100%; object-fit:cover;
    transform: scale(1);
    transition: transform 6s ease;
}
.swiper-slide-active img{
    transform: scale(1.1);
}
.banner-content{
    position:absolute;
    top:50%;
    left:10%;
    transform:translateY(-50%);
    z-index:2;
    color:#fff;
    opacity:0;
    transform: translateY(50px);
    transition: all 1s ease;
}
.swiper-slide-active .banner-content{
    opacity:1;
    transform: translateY(0);
}
.marquee-container {
    display: flex;
    gap: 25px;
    height: 500px;
    overflow: hidden;
}
/* column wrapper */
.marquee {
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
}

/* moving track */
.track {
    display: flex;
    flex-direction: column;
    gap: 20px;
    will-change: transform;
}

/* SPEED CONTROL HERE (important) */
.track1 {
    animation: scrollUp 20s linear infinite;
}
.track2 {
    animation: scrollUp 20s linear infinite;
    animation-delay: -4s;      /* smooth offset start */
    animation-direction: reverse;
}
.track3 {
    animation: scrollUp 20s linear infinite;
}
/* images */
.track img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
}

/* animation */
@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}
.servicewrapper {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.servitem {width: 31%;}



.cookie-banner {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background:#00747d;
    color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
    z-index: 99999;
    display: none;
    font-family: Arial, sans-serif;
}
.cookie-banner p{ color:#fff;}
.cookie-banner .btn{ background:#ffffff;}
.cookie-banner .btn:hover{ background:#010101;}

.cookie-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.cookie-text strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
}

.cookie-text p {
    margin: 0;
    line-height: 1.6;
    font-size: 14px;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.btn {
    padding: 12px 22px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: .3s;
}

.btn-accept {
    background: #0d6efd;
    color: #fff;
}

.btn-accept:hover {
    background: #0b5ed7;
}

.btn-reject {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn-reject:hover {
    background: rgba(255,255,255,.15);
}
/*=============responsive=============*/
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.container {max-width: 1160px !important;}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.container {max-width: 1120px !important;}
.mainsiteheader .navbar-collapse li a {font-size: 13px;}
.contentsection:after {
    width: 87%;
    height: 100%;
    background-size: 100%;
}
#serviceslider .owl-nav .owl-prev {
    left: -10px;
}
#serviceslider .owl-nav .owl-next {
    right: -10px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {max-width: 900px !important;}
h2 {font-size: 34px !important;}
h3 {font-size: 28px !important;}
p, li {font-size: 14px;}
.twocol_section .twocol_content h6, .wrapleft p, .belowbannerwrap_right h6 {font-size: 18px;}
.bannersection:after {height: 220px;}  
.bannerboxwrap h1 {font-size: 50px;}
.bannerboxwrap h1 span {font-size: 45px;}
.bannerboxwrap h2 {font-size: 35px;}  
.bannerboxwrap {
    padding: 50px 20px;
    border-radius: 70px 0px;
}
.topheading {
    font-size: 38px;
    margin-bottom: 40px;
}
.bannerdual-btns a {padding: 16px 40px;}
.abcontent h4 {font-size: 22px;}
.contentsection {padding-top: 60px;}
.abwrap .abcontent {padding-left: 30px;}
.aboutsection {padding-top: 90px; padding-bottom: 120px;}
.abwrap .abimg {padding-left: 28px;}
.whychooseleft ul li, .serdata ul li {font-size: 16px;}
.whychooseright img {
    height: 602px;
    margin-bottom: -70px;
    margin-top: -70px;
}
.serviceslider {margin-top: 30px;}
#bannerslider img {height: 550px;}
.mainsiteheader .container {display: flex; align-items: center; padding: 8px 10px;}
.mainsiteheader .navbar {position: relative; z-index: 1000;}
.mainsiteheader .navbar-toggler {z-index: 1002; display: block !important;}
.mainsiteheader .navbar-collapse {
    position: fixed;
    top: 114px;
    left: -100%;
    width: 90%;
    height: 100vh;
    background: #092848;
    padding-top: 20px;
    transition: 0.4s ease;
    display: block !important;
    border-radius: 0;
    z-index: 1001;
}
.mainsiteheader .navbar-collapse.show {left: 0; align-items: baseline;}
.mainsiteheader .navbar-nav {
    padding: 10px 30px;
    position: relative;
    display: block;
    width: 100%;
}
.contentsection:after {display: none;}
.belowbannerwrap {background-image: none; align-items: end; flex-wrap: wrap; max-width: 700px; padding: 80px 20px 50px 20px;}
.wrapright img {height: 470px;}
.belowbannerwrap_left {width: 100%;}
.belowbannerwrap_right {width: 100%; padding-top: 25px;}
.belowbannerwrap_right_inner {max-width: 475px; margin: auto;}
.bannerboxwrap:before {
    top: -137px;
    width: 230px;
    height: 269px;
    background-size: 100%;
}
#serviceslider .owl-nav button {
    width: 35px;
    height: 35px;
    background-size: 100%;
}
#serviceslider .owl-nav .owl-prev {left: -10px;}
#serviceslider .owl-nav .owl-next {right: -10px;}
.footermenu {display: block; text-align: center;}
.footermenu li {display: inline-block;}
.footermenu li a {padding: 5px 5px; border-right: 0px solid #000; font-size: 15px;}
.twocol_section .twocol_content {padding-left: 40px;}
.twocol_img img {height: 555px;}
.servicecontent {max-width: 650px;}
.servicesection {padding-bottom: 60px; padding-top: 140px;}
.formwrapper {max-width: 400px; border-radius: 60px 0px; padding: 50px 35px;}
.downloadarea {padding: 60px 0px 280px;}
.enqform_section:after {
    width: 400px;
    height: 456px;
    background-size: 100%;
}
.enqform_section {margin-top: -215px; padding-bottom: 70px;}
.downloadwrap .dowmbtn a {padding: 14px 11px 14px 54px; font-size: 12px;}
.downloadwrap {gap: 15px 8px;}
.contactwrapper .contactimgarea img {height: 455px;}
.sitecontent-section {padding-bottom: 70px;}
.mainsiteheader .navbar-collapse li a {color: #ffffff;}
.mainsiteheader .navbar-collapse li a:hover, .mainsiteheader .navbar-collapse li a.active {color: #1cbecc;}
.servicewrapper {gap: 26px;}
}

@media(max-width:768px){
.cookie-content{ flex-direction:column; align-items:flex-start;}
.cookie-buttons{  width:100%;}
.cookie-buttons .btn{  flex:1;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
h2 {font-size: 30px !important;}
h3 {font-size: 25px !important;}
p, li {font-size: 14px;}
.container {max-width: 550px !important;}
.bannerboxwrap h1 {font-size: 45px;}
.bannerboxwrap h1 span {font-size: 40px;}
.bannerboxwrap:before {display: none;}
.bannerboxwrap h2 {font-size: 32px !important;}
.bannerboxwrap {margin-top: 50px; margin-left: auto; margin-right: auto;}
.bannersection:after {height: 100px; top: 225px;}
.mainsiteheader .container {display: flex; align-items: center; padding: 8px 10px;}
.logoarea {width: 145px; height: 75px; margin-left: 0;}
.mainsiteheader .navbar {
    margin-bottom: 0;
    padding-bottom: 0;
}
.bannerbox {position: inherit; top: 0%;}
.bannerdual-btns a {font-size: 12px; padding: 15px 23px;}
#bannerslider img {height: 300px; object-position: 70% 50%;}
.mainsiteheader .navbar {position: relative; z-index: 1000;}
.mainsiteheader .navbar-toggler {z-index: 1002;}
.mainsiteheader .navbar-collapse {
    position: fixed;
    top: 97px;
    left: -100%;
    width: 90%;
    height: 100vh;
    background: #092848;
    padding-top: 20px;
    transition: 0.4s ease;
    display: block !important;
    border-radius: 0;
    z-index: 1001;
}
.mainsiteheader .navbar-collapse.show {left: 0;}
.mainsiteheader .navbar-nav {
    padding: 10px 30px;
    position: relative;
}
.contentsection:after, .enqform_section:after {display: none;}
.downloadwrap .dowmbtn {width: 100%; margin-bottom: 5px;}
.downloadwrap, .twocol_section {display: block;}
.footermenu {display: block; text-align: center;}
.footermenu li a {
    padding: 5px 5px;
    border-right: 0px solid #000;
    font-size: 15px;
}
.footermenu li {display: inline-block;}
section.beforefooter {margin-top: 0;}
.downloadarea {padding: 40px 0px 40px;}
.downloadarea p {font-size: 17px;}
.twocol_section .twocol_img, .belowbannerwrap_left, .belowbannerwrap_right, .contentwrap .wrapleft, .contentwrap .wrapright {width: 100%;}
.twocol_section .twocol_content {width: 100%; padding-left: 0px; padding-top: 20px;}
.belowbannerwrap, .contentwrap {display: block;}
#serviceslider .owl-nav .owl-next {right: -11px;}
#serviceslider .owl-nav .owl-prev {left: -11px;}
.servicesection {
    padding-top: 40px;
    padding-bottom: 40px;
}
.twocol_section .twocol_content h6, .wrapleft p, .belowbannerwrap_right h6 {font-size: 17px;}
.enqform_section {
    background-size: 400px;
    background-position: center bottom;
    padding-bottom: 50px;
    padding-top: 40px;
    margin-top: 0;
}
.formwrapper {border-radius: 50px 0px;  padding: 50px 30px;}
.serviceslider {margin-top: 26px;}
.contentimage_section {padding-top: 40px; padding-bottom: 40px;}
.servicecontent p {text-align: center;}
.contentwrap .wrapleft {padding: 30px 20px; border-radius: 0;}
.contentwrap .wrapright {border-radius: 0px 0px;}
.wrapright img {height: 400px;}
.serdata {padding: 35px 0px 0px;}
#serviceslider .owl-item:nth-child(odd) .servicebox {border-radius: 35px 10px;}
#serviceslider .owl-item:nth-child(even) .servicebox {border-radius: 10px 35px;}
#serviceslider .owl-nav button {
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.innercontentsection {padding-top: 40px; padding-bottom: 40px;}
.bannersection:before {display: none;}
.aboutsection, .whychoose-section, .sitecontent-section {padding-top: 40px; padding-bottom: 40px;}
.whychooseleft ul li, .serdata ul li {font-size: 16px;}
.abwrap, .whychoosewrap, .contactwrapper {display: block;}
.abwrap .abimg {
    width: 100%;
    padding-left: 0;
    background-image: none;
    padding-top: 0px;
    padding-bottom: 18px;
}
.abwrap .abcontent {width: 100%; padding-left: 0px; text-align: center;}
.abwrap .abimg img {
    width: 100%;
    height: 400px;
}
.abcontent h4 {font-size: 20px;}
.whychoosewrap .whychooseleft {width: 100%; padding-right: 0px;}
.whychoosewrap .whychooseright, .contactwrapper .contactimgarea, .contactwrapper .formwrapper {width: 100%;}
.whychooseright img {
    width: 100%;
    height: 400px;
    margin-bottom: 0;
    margin-top: 15px;
}
.whychoosewrap .whychooseright:after {display: none;}
.topheading {font-size: 28px; margin-bottom: 40px;}
.contactwrapper .formwrapper {padding: 20px 20px;}
.sitefooter p {font-size: 14px;}
.enqform_section h2 {margin-bottom: 16px;}
.contactwrapper .contactimgarea img {height: 400px;}
.downloadarea .container {max-width: 340px !important;}
.mainsiteheader .navbar-collapse li a {color: #fff;}
.mainsiteheader .navbar-collapse li a:hover, .mainsiteheader .navbar-collapse li a.active {color: #1cbecc;}
.servicewrapper {gap: 0px;}
.servitem {width: 100%;}
}