@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;
}


*{ 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;}
h1, h2, h3, h4, h5, h6, p, li {font-family: "Montserrat", sans-serif;}
h2 {font-size: 62px !important; line-height: 1 !important;}
h3 {font-size: 50px !important; line-height: 1 !important;}
a {text-decoration: none !important;}
p, li {font-weight: 400; font-size: 15px; line-height: 1.4; color: #000;}
a {color:#00a1e4; display:inline-block; text-decoration:none; font-family: "Montserrat", sans-serif;}
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: #d0ecfb; background-image: url('../images/headerbg.png'); background-repeat: no-repeat; background-blend-mode: luminosity;}
.logoarea {width: 130px; height: 130px; border-radius: 100px; background-color: #fff; margin: auto; padding: 7px;}
.logoarea img {width: 100%; height: 100%; object-fit: contain;}
.mainsiteheader .navbar-collapse {background-color: #0e4f23; 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: #40b657;}
.mainsiteheader .navbar-collapse li a {color: #fff; font-family: "Montserrat", sans-serif; font-size: 14px;}
.mainsiteheader .navbar {margin-bottom: -25px; padding-bottom: 0; position: relative; z-index: 2;}
.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:after {position: absolute; content: ""; background-image: url('../images/bannershape.png'); background-repeat: no-repeat; width: 100%; height: 300px; bottom: -1px; z-index: 2; background-size: 100% 100%;}
#bannerslider img {width: 100%; height: 767px; object-fit: cover;}
.bannerbox {position: absolute; z-index: 3; top: 34%;}
.bannerboxwrap {max-width: 495px; background-color: #084822; padding: 70px 40px; color: #fff; text-align: center; border-radius: 80px 0px; position: relative;}
.bannerboxwrap:before {position: absolute; content: ""; top: -175px; background-image: url('../images/bannerimg.png'); background-repeat: no-repeat; width: 269px; height: 273px; left: 0; right: 0; margin: auto; z-index: -1;}
.bannerboxwrap h1 {font-weight: 700; font-size: 74px; line-height: 1; text-transform: uppercase;}
.bannerboxwrap p, .servicecontent p {color: #fff;}
.bannerboxwrap h1 span {font-weight: 300; font-size: 58px; display: block;}
.bannerboxwrap h2 {font-family: 'Brittany Signature'; font-weight: 400; font-size: 54px; line-height: 1; color: #20af4a; margin-bottom: 0;}
.bannerdual-btns {margin-top: 20px;}
.bannerdual-btns a {font-size: 15px; font-weight: 500; color: #fff; text-transform: uppercase; padding: 15px 42px; border-radius: 100px; background-color: #20af4a; line-height: 1.1;}
.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 8px; display: block; font-size: 13px; color: #000; border-right: 1px solid #000; line-height: 1.1; font-weight: 500;}
.sitefooter p {font-size: 14px; color: #000; font-weight: 500; 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: #2cb148;}
.sitefooter {border-bottom: 15px solid #084822;}
.sitefooter .container {padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 38px; margin-top: 5px;}
.beconbox {max-width: 934px; margin: auto;}
.beconbox img {background-color: #fff; overflow: hidden; border-radius: 50px; width: 100%;}
.downloadarea {background-color: #d0ecfb; padding: 100px 0px 280px; background-image: url('../images/shape.png'); background-repeat: no-repeat; 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: 20px;}
.downloadwrap .dowmbtn {width: 30%; line-height: 1.1;}
.downloadwrap .dowmbtn:nth-child(2) a {background-color: #20af4a;}
.downloadwrap .dowmbtn a {display: block; background-color: #084822; border-radius: 15px; color: #fff; padding: 14px 14px 14px 70px; background-image: url('../images/small.png'); background-repeat: no-repeat; background-position: 3% 50%; min-height: 75px; display: flex; align-items: center; transition: all .2s ease-in-out;}
.downloadwrap .dowmbtn a:hover {transform: scale(0.95);}
.enqform_section {
    position: relative;
    background-image: url('../images/image4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}
.enqform_section:after {position: absolute; content: ""; background-image: url('../images/bgshape.png'); background-repeat: no-repeat; width: 670px; height: 513px;  right: 5%; bottom: 0; z-index: -1;}
.enqform_section h3 {color: #fff; text-align: center;  margin-bottom: 20px;}
.formwrapper {background-color: #084822; max-width: 540px; border-radius: 80px 0px; padding: 55px 55px;}
.inputext input, .inputext textarea {width: 100%; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 15px; background-color: transparent; border: 0px; border-bottom: 1px solid #fff; color: #fff; outline: none; box-shadow: none; border-radius: 0px; padding: 5px 0px;}
.formwrapper .inputext {margin-bottom: 20px;}
.inputext input::placeholder, .inputext textarea::placeholder {color: #fff;}
.formbtn {text-align: center; margin-top: 30px;}
.formbtn .btn {background-color: #20af4a; color: #fff; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 500; text-transform: uppercase; border-radius: 100px; padding: 16px 60px; line-height: 1.1;}
.formbtn .btn:hover {background-color: #fff; color: #20af4a;}
.servicesection {padding-top: 200px; padding-bottom: 100px; background: linear-gradient(to bottom, #084822 60%, #fff 0%);}
.servicecontent {max-width: 694px; margin: auto; color: #fff;}
.servicecontent h2 {text-align: center;}
.serviceslider {margin-top: 50px;}
.servicebox {overflow: hidden;}
#serviceslider .owl-item:nth-child(odd) .servicebox {background-color: #d0ecfb; border-radius: 66px 15px;}
#serviceslider .owl-item:nth-child(even) .servicebox {background-color: #20af4a; border-radius: 15px 66px;}
.serdata {padding: 40px 24px; min-height: 275px;}
.serdata h4 {text-align: center; font-size: 22px; font-weight: 400; line-height: 1;}
#serviceslider .owl-item:nth-child(odd) .servicebox .serdata h4 {color: #084822;}
#serviceslider .owl-item:nth-child(odd) .servicebox .serdata p {color: #000;}
#serviceslider .owl-item:nth-child(even) .servicebox .serdata h4 {color: #fff;}
#serviceslider .owl-item:nth-child(even) .servicebox .serdata p {color: #fff;}
.servicebox img {width: 100%; height: 230px; object-fit: cover;}
#serviceslider .owl-nav button {position: absolute; top: 50%; width: 51px; height: 51px; background-color: transparent !important;}
#serviceslider .owl-nav button span {display: none;}
#serviceslider .owl-nav .owl-prev {left: -40px; background-image: url(../images/left-arrow.png);}
#serviceslider .owl-nav .owl-next {right: -40px; background-image: url(../images/right-arrow.png);}
.twocol_section {max-width: 1085px; margin: auto; display: flex; align-items: center;}
.twocol_img img {width: 100%; height: 690px; object-fit: cover; border-radius: 400px 400px 0px 0px; margin-bottom: -120px;}
.twocol_section .twocol_img {width: 50%;}
.twocol_section .twocol_content {width: 50%; padding-left: 60px;}
.twocol_section .twocol_content h6, .wrapleft p, .belowbannerwrap_right h6 {font-size: 21px; line-height: 1.3;}
.contentimage_section {background-image: url('../images/shape.png'); background-repeat: no-repeat; background-position: 68% 0%; padding-top: 80px;}
.contentsection {background-color: #d0ecfb; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 70px; background-position: center; position: relative;}
.contentsection:after {position: absolute; content: ""; bottom: 0; background-image: url('../images/circle-half.png'); background-repeat: no-repeat; background-position: bottom center; width: 88%; height: 100%; left: 0; right: 0; margin: auto; background-size: 100%;}
.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;}
.belowbannerwrap {display: flex; align-items: center; padding: 100px 20px 0px 20px; max-width: 1300px; margin: auto; background-image: url('../images/grey-logo.png'); background-repeat: no-repeat; background-position: 39% 100%;}
.belowbannerwrap_left {width: 60%;}
.belowbannerwrap_right {width: 40%;}
.belowbannerwrap_left img {width: 100%;}
.belowbannerwrap_right h6 {margin-bottom: 15px;}
.belowbannerwrap_right_inner {max-width: 475px;}
.innercontentsection {padding-top: 100px; padding-bottom: 50px;}
.innercontentsection h2 {text-align: center; margin-bottom: 30px;}
.innercontentsection h4 {margin-top: 22px; margin-bottom: 10px;}
.innercontentsection p a {color: #084822; font-weight: 600;}
.innercontentsection ul {padding-left: 20px;}
.innercontentsection li {list-style: circle; margin-bottom: 5px;}
.shadow {
    box-shadow: 0 0 9px #666;
    padding: 1%;
}
.thankypuwrap {text-align: center;}




/*=============responsive=============*/
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.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) {
h2 {font-size: 35px !important;}
h3 {font-size: 30px !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 {
    max-width: 420px;
    padding: 50px 25px;
    border-radius: 70px 0px;
}
.contentsection {padding-top: 60px;}
#bannerslider img {height: 570px;}
.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: 146px;
    left: -100%;
    width: 90%;
    height: 100vh;
    background: #0e4f23;
    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;}
.twocol_section .twocol_content {padding-left: 40px;}
.twocol_img img {height: 555px;}
.servicecontent {max-width: 650px;}
.servicesection {padding-bottom: 60px; padding-top: 160px;}
.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 {background-size: 64%;}
.downloadwrap .dowmbtn a {padding: 14px 14px 14px 62px; font-size: 14px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
h2 {font-size: 32px !important;}
h3 {font-size: 28px !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 {padding: 50px 25px; border-radius: 0px 0px; z-index: 3; margin-top: 30px; margin-left: auto; margin-right: auto;}
.bannersection:after {height: 100px; top: 225px;}
.mainsiteheader .container {display: flex; align-items: center; padding: 8px 10px;}
.logoarea {width: 110px; height: 110px; 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;}
.mainsiteheader .navbar {position: relative; z-index: 1000;}
.mainsiteheader .navbar-toggler {z-index: 1002;}
.mainsiteheader .navbar-collapse {
    position: fixed;
    top: 125px;
    left: -100%;
    width: 90%;
    height: 100vh;
    background: #0e4f23;
    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;
}
.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;
    background: linear-gradient(to bottom, #084822 100%, #fff 0%);
}
.twocol_img img {
    height: 450px;
    border-radius: 400px 400px 0px 0px;
    margin-bottom: 0;
}
.twocol_section .twocol_content h6, .wrapleft p, .belowbannerwrap_right h6 {font-size: 17px;}
.belowbannerwrap {background-image: none; padding-top: 40px; padding-bottom: 40px;}
.enqform_section {
    background-size: 400px;
    background-position: center bottom;
    padding-bottom: 250px;
    padding-top: 40px;
}
.formwrapper {
    border-radius: 50px 0px;
    padding: 50px 30px;
}
.serviceslider {
    margin-top: 26px;
}
.contentimage_section {
    padding-top: 40px;
    padding-bottom: 40px;
}
.contentwrap .wrapleft {padding: 30px 20px; border-radius: 0;}
.contentwrap .wrapright {border-radius: 0px 0px;}
.wrapright img {height: 400px;}
.belowbannerwrap_right_inner {padding-top: 20px; margin: auto;}
.serdata {padding: 35px 18px; min-height: auto;}
#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%;
}
.contentsection {padding-top: 40px; padding-bottom: 40px;}
.innercontentsection h2 {margin-bottom: 20px;}
.innercontentsection {padding-top: 40px; padding-bottom: 40px;}
}