@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html,body{margin: 0px; padding: 0px;}
a{text-decoration: none; outline: none;}
img{max-width: 100%;}
ul{margin: 0px;}
li{list-style: none;}
.container{max-width: 1500px;}
h1, h2, h3, h4, p{margin: 0px;}

#Jacksheader .shareus p, #Jacksheader .givecall h3, #Jacksheader .givecall p, #Jacksheader .navmenus nav li a, .banner .slide .bannercontent h1, .banner .slide .bannercontent h2, .banner .slide .bannercontent h3, .welcomesection h1, .welcomesection h2, .welcomesection h3
, .service h1, .service .cards .cardcontant p, .gallery h1, .gallery p, .getquote h1, .fullservice h1, .fullservice h2, .fullservice p, .fullservice .phoneft p, .fullservice .servicebut a, .footercontact h1, .footercontact p
,.footercontact .contactusnum .botom, #Jacksheader .centertext p{font-family: "Poppins", sans-serif; font-weight: 600;}

/* Header section*/
#Jacksheader .logo img{width: 500px; position: relative; z-index: 999999;}
#Jacksheader .centertext p{font-weight: 500; font-size: 16px !important;}
#Jacksheader .shareus .sicons{gap:13px}
#Jacksheader p{font-size: 20px;}
#Jacksheader .givecall h3{font-size: 25px;}
#Jacksheader .shareus { position: relative;}
#Jacksheader .shareus .sicons a{font-size: 32px; margin-top: -10px;}
#Jacksheader .shareus .sicons a:hover i{color:#3e9234 !important;}
#Jacksheader .givecall h3 a,.inner a{color:#3e9234;}
#Jacksheader .givecall img{height: 50px;}
#Jacksheader .givecall h3 a:hover,.inner a:hover{color: #1f3b6d;}
#Jacksheader .navmenus .topmenu{border-radius: 0 15px 15px 0; background-image: url("../tpl_images/nav.png"); background-size: cover; background-repeat: no-repeat; background-position: right;}
#Jacksheader .navmenus{background-image: url("../tpl_images/nav.png"); background-size: contain; background-position: left; background-repeat: no-repeat; margin-top: -20px; position: relative; z-index: 9999;}
#Jacksheader .navmenus nav li a{color: #fff; text-transform: capitalize; font-weight: 500; font-size: 19px;}
#Jacksheader .navmenus nav li a:hover,#Jacksheader .navmenus nav li.active a{color: #3e9234;}

.banner{margin-top: -35px;}
.banner .slide .bannercontent img{position: absolute; right: 0; bottom: 0; width: 60%}
.banner .slide .carousel-caption{right: 0 !important; bottom: 0 !important; left: 0 !important;}
.banner .slide .contents{display: grid; place-content: end;margin-bottom: 2%;}
.banner .slide .bannercontent h1, .banner .slide .bannercontent h2, .banner .slide .bannercontent h3{z-index: 1;}
.banner .slide .bannercontent h1 span{color: #3e9234;}
.banner .slide .bannercontent h2, .banner .slide .bannercontent h3{font-size: 25px;}
.banner .slide .bannercontent h3{border: 3px solid #3e9234; padding: 10px 25px; border-radius: 10px; width: fit-content; margin: auto;}
.banner .slide .bannercontent h1{font-size: 50px;}
.banner .slide .bannercontent h3:hover a{ color: #3e9234 !important;}
.banner .slide .carol_button{background-color: #f1d2a9;width: 13px;height: 13px;border-radius: 50%; opacity: 1;}
.banner .slide .carol_button.active{border: 10px solid transparent; outline: 2px solid #f1d2a9; margin: 0px -8px !important; }
.banner .slide .carousel-indicators{gap: 35px;}

.welcomesection h1{text-transform: uppercase; font-size: 30px; color: #3e9234;}
.welcomesection h2{font-size: 28px; line-height: 1.3; padding: 13px 0px;}
.welcomesection p{color:#2b2b2b;font-size: 18px; line-height: 33px; font-weight: 400 !important;font-family: "Poppins", sans-serif;}
.welcomesection ul li{padding-left: 50px;padding-bottom: 10px; background: url(../tpl_images/tick.png) no-repeat; font-size: 28px; color: #3e9234; font-weight: 600 !important;font-family: "Poppins", sans-serif; font-weight: 600;}
.welcomesection ul{gap: 30px;padding: 15px 0;}
.welcomesection .years h3{font-family: "Poppins", sans-serif; font-weight: 600; color: #3e9234; font-size: 58px; width: 120px;}
/* .welcomesection #numinc{width: 56px;display: inline-block;} */
.welcomesection .years p{color: #1f3a6d;font-weight: 500 !important; line-height: 25px; font-size: 25px;}
.service{background-color: #e6dbcb;}
.service h1{color: #2b2b2b; font-size: 45px;}
.service .cards img{border-radius:10px;}
.service .cards .card-img-top{border: 4px solid #1f3a6d;}
.service .cards:hover .card-img-top{border: 4px solid #3e9234;transition: .5s;}
.service .cards .cardcontant{background-color: #3e9234; border-radius: 10px; background-image: url("../tpl_images/img-ser-arrow.png"); background-position: 90% 20%; background-repeat: no-repeat;width: 85%;margin: auto;margin-top: -59px;position: relative;background-size: 14%;}
.service .cards .cardcontant p{font-weight: 600!important; font-size: 26px; color: #fff; line-height: 28px; text-transform: uppercase;}
.service .cards:hover .cardcontant{background-color: #1f3a6d;transition: .5s;}

.gallery h1{font-size: 45px; color: #fff;}
.gallery{background-image: url("../tpl_images/img-gallery-bg.png"); background-repeat: no-repeat; background-size: cover;background-position: center;}
.gallery p{border: 3px solid #fff; padding: 10px 25px; border-radius: 10px; width: fit-content; margin: auto; color: #fff;font-size: 25px; margin-right:0px;}
.gallery #lightSlider img{border: 3px solid #fff; border-radius: 10px; width: 100%;}
.gallery .fleximgs{position: relative;}
.gallery .slideControls i{color: #fff; font-size: 18px; padding: 8px; border-radius: 50%; border: 2px solid #fff; position: absolute; top:45%} 
.gallery .slideControls .slidePrev i{left: -5%}
.gallery .slideControls .slideNext i{right: -5%;}
.gallery .lSPager li a{background-color: #f1d2a9 !important; width: 12px !important; height: 12px !important;}
.gallery .lSPager li{padding: 10px !important;display: flex !important;}
.gallery .lSPager li.active{border: 1px solid #e6dbcb; border-radius: 50%;}
.gallery .lSPager{margin-top: 5px;display: flex;align-items: center;justify-content: center;gap: 15px; padding: 20px 0px !important;}
.gallery p:hover{background-color: #3e9234;border: 3px solid #3e9234;}

.getquote{background-color: #000; background-image: url("../tpl_images/img-quote3.png"); background-position: right top; background-repeat: no-repeat;}
.getquote h1{font-size: 45px;}
#lcformm .inputs, .fullservice .phoneft{gap:20px}
#lcformm .inputs input, #lcformm textarea{width: 100%; font-size: 18px; color:#000000;font-family: "Poppins", sans-serif; border-radius: 10px; border: 0px; opacity: 1;}
#lcformm button{font-family: "Poppins", sans-serif;font-weight: 600 ;border-radius: 10px;background-color: #3e9234; font-size: 25px; color: #fff; padding: 6px 50px; border: none;}
#lcformm button:hover{background-color: #1f3b6d;}

.fullservice .firstdiv img{position: absolute; left: 0;width: 50%;bottom: 0;}
.fullservice{background-color: #fff; position: relative;height: 642px;}
.fullservice h1{color: #3e9234; font-size: 30px;}
.fullservice h2{color: #000; font-size: 39px;padding: 1px 0;}
.fullservice p{font-size: 21px; font-weight: 400;padding: 10px 0 20px 0;}
.fullservice .phoneft p{font-size: 30px;}
.fullservice .phoneft a{color: #3e9234;margin-top: 7px;display: block;}
.fullservice .phoneft a:hover{color: #1f3a6d;}
.fullservice .servicebut a{border: 3px solid #3e9234; padding: 10px 25px; border-radius: 10px; width: fit-content; margin: auto; color: #1f3b6d !important;font-size: 25px; margin-right:0px;}
.fullservice .servicebut a:hover{border: 3px solid #1f3a6d; background-color: #1f3a6d; color: #fff !important;}

.footercontact{background-color: #000000; position:relative;} 
.footercontact .topleft{position: absolute; left: 0; top: 0; width: 7%;}
.footercontact .bottomright{position: absolute; bottom: -70px; right: 0; width: 425px;}
.footercontact h1{font-size: 34px; color: #3e9234;}
.footercontact ul li a{font-family: "Poppins", sans-serif; font-size: 19px; color: #fff !important; padding-left: 40px; background-image: url("../tpl_images/icon-footer-arrow1.png"); background-position: left; background-size: 20px; background-repeat: no-repeat;}
.footercontact p{font-size: 20px; color: #fff; font-weight: 400;}
.footercontact ul li a:hover{background-image: url("../tpl_images/icon-footer-arrowh.png");}
.footercontact .contactusnum .email{background-color: #3e9234; padding: 10px 30px; color: #000;font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 600; border-radius: 10px;}
.footercontact .contactusnum .botom{color: #3e9234;}
.footercontact .contactusnum .botom a{font-size: 25px; color: #3e9234;}
.footercontact .Visitus img{width: 450px;}
.footercontact .Visitus{display: grid;place-content: center;}
.footercontact .Visitus i{color: #b7b7b7 !important; font-size: 40px;}
.footercontact .Visitus i:hover, .footercontact ul li a:hover{color: #3e9234 !important;}
.footercontact .icongap{gap: 30px;}
.footercontact .contactusnum .email:hover{background-color: #fff;}
.footercontact .contactusnum .botom a:hover{color: #fff;}
.relativ, .contactusnum, .Visitus{position: relative;}

.footer_strip{background-color: #000; background-image: url("../tpl_images/img-footer2.png"); background-position: center; background-repeat: no-repeat;}
.footer_strip .footertag{position: relative;}
.footer_strip .footertag h6{font-size: 15px; font-weight: 400 !important;font-family: "Poppins", sans-serif;}
.footer_strip .footertag h6 a:hover{color: #3e9234 !important;}
.footer_strip .Copyrightscott{position: relative;}
.footer_strip img{position: absolute; left: 50%; top: 7px;transform: translate(-50%);}

@media(max-width:1630px){
    .gallery .slideControls .slidePrev i{left: 0%}
    .service .slideControls1 .slidePrev1 i{left: 1%}
    .gallery .slideControls .slideNext i{right: 0%;}
    .service .slideControls1 .slideNext1 i{right: 1%;}
    .gallery .fleximgs{padding: 40px; padding-bottom: 0px !important;}
    .service .fleximgs{padding: 40px; padding-bottom: 0px !important;}
    .gallery .slideControls i{top:45%} 
    .service .slideControls1 i{top:45%} 
.getquote{background-size: 50% 100%;}#lcformm .inputs input, #lcformm textarea{padding: 9px 20px !important;}.fullservice{height: 550px;}}

@media(max-width:1500px){
    .banner .slide .bannercontent img{width: 900px;}
    .welcomesection h1{font-size: 28px; color: #3e9234;}
    .welcomesection h2{font-size: 25px; line-height: 28px;}
    .welcomesection p{font-size: 18px; line-height: 28px;}
    .welcomesection ul li{font-size: 26px;}
    .welcomesection .years h3{font-size: 58px;}
    .welcomesection .years p{font-size: 25px;}
    .service .cards .cardcontant p{font-size: 21px;}
    .service .cards .cardcontant img{width: 70px;object-fit: contain;height: 70px;}
    .fullservice h2{font-size: 31px;}
    .fullservice{height: 550px;}
    .footercontact .bottomright{width: 370px;}
}
@media(max-width:1200px){.fullservice h2{font-size: 25px;}.fullservice p {font-size: 18px;} .fullservice{height: 450px;} .footercontact .bottomright{width: 311px; bottom: -61px;}.footercontact h1{font-size: 28px;}
.footercontact ul li a{font-size: 18px;}.footercontact p{font-size: 15px;}.footercontact .contactusnum .botom a{font-size: 20px;}.footer_strip .footertag h6{font-size: 15px;}#Jacksheader .shareus {margin-right: 0px;}}
@media(max-width:991px){
    #Jacksheader p{font-size: 18px;}
    #Jacksheader .navbar-nav .nav-link{padding:0;}
    #Jacksheader .givecall h3{font-size: 19px;}
    #Jacksheader .navmenus nav li a{font-size: 16px;display:block;}
    #Jacksheader .navmenus nav li a:hover{background:#fff;}
    #Jacksheader .logo img{width: 360px;}
    #Jacksheader .navbar-toggler{background-color: #fff; color: #3e9234;}
    .banner .slide .bannercontent h1{font-size: 35px;}
    .banner .slide .bannercontent h2, .banner .slide .bannercontent h3{font-size: 20px;}
    .banner .slide .bannercontent img {width: 700px;}
    .welcomesection h1{font-size: 28px; color: #3e9234;}
    .welcomesection h2{font-size: 25px; line-height: 28px;}
    .welcomesection p{font-size: 16px; line-height: 24px;}
    .welcomesection ul li{font-size: 23px;}
    .welcomesection .years h3{font-size: 58px;}
    .welcomesection .years p{font-size: 25px;}
    .service  .mobilecard{gap: 40px 0px;}
    .service .cards {display: flex; justify-content: center;}
    .service h1{font-size: 40px;}
    .gallery #lightSlider li{text-align: center;}
    .gallery .fleximgs{padding: 0px 40px;}
    .gallery .lSPager{gap: 5px !important;}
    .getquote h1{font-size: 35px;}
    #lcformm .inputs input, #lcformm textarea{width: 100%; font-size: 16px;}
    .fullservice h1{font-size: 25px;}
    .fullservice h2 { font-size: 19px;}
    .fullservice p {font-size: 16px;}
    .fullservice .phoneft p {font-size: 23px;}
    .fullservice .phoneft img{width: 50px;}
    .fullservice .servicebut a{font-size: 18px;}
    .fullservice{height: 400px;}
    .footercontact .relativ{display: grid;place-content: center;}
    .footercontact .Visitus img{width: 350px;}
    .footercontact .topleft{width: 100px;}
    #Jacksheader .centertext p {font-size: 14px !important;line-height: 16px;}
    .navbar{padding: 0px;}
    #Jacksheader .navmenus{margin-top: -15px;}
}
@media(max-width:767px){
    #Jacksheader .navmenus{margin-top: 0px;}
    #Jacksheader #collapsibleNavbar{position: absolute;width: 250px;background-color: #1f3b6d;right: 0px; top: 52px; border: 4px solid #3e9234; border-radius: 5px;}
    #Jacksheader .topmenu {position: relative;}
    .banner .slide .bannercontent h1{font-size: 23px;}
    .banner .slide .bannercontent h2, .banner .slide .bannercontent h3{font-size: 18px;}
    .banner .slide .bannercontent img {width: 517px;}
    .welcomesection h1{font-size: 21px; color: #3e9234;}
    .welcomesection h2{font-size: 18px; line-height: 24px;}
    .welcomesection p{font-size: 16px; line-height: 24px;}
    .welcomesection ul p{font-size: 18px;}
    .welcomesection .years h3{font-size: 45px;}
    .welcomesection .years p{font-size: 22px;}
    .welcomesection ul{gap: 20px;}
    .service h1{font-size: 30px;}
    .gallery h1{font-size: 30px;}
    .gallery p{font-size: 20px;}
    .getquote{background-image:none;}
    .fullservice .firstdiv{background-image: url("../tpl_images/img-full2.png"); text-align: center; background-repeat: no-repeat; background-position: top;}
    .fullservice .firstdiv img{position: relative; bottom: 0px; width: 250px; padding-top: 90px;}
    .fullservice h2{font-size: 18px;}
    .fullservice p, .fullservice .servicebut a{font-size: 15px;}
    .fullservice{height: auto;}
    .footercontact .Visitus, .footercontact .relativ{place-content: start;}
    .footercontact .topleft{-webkit-transform: scaleX(-1);transform: scaleX(-1); right: 0 !important; left: auto;}
    .navbar{padding: 10px;}
    #Jacksheader .givecall img {height: 40px;}
    #Jacksheader p {font-size: 16px;}
    #Jacksheader .givecall h3 {font-size: 16px;}
    #Jacksheader .detail{display: grid !important;}
    #Jacksheader  .centertext{margin: auto; padding: 20px 0px;}
    #Jacksheader .logo img{width: 350px;margin-top: 12px;margin-bottom: -30px;}
    #Jacksheader .shareus{position: unset;}
    #Jacksheader .mobileshare{ position: absolute; right: 30px; top: 10px;}
    #Jacksheader .givecall{ position: absolute; right: 15px; top:70px}
    #Jacksheader .centertext{padding: 50px 15px 0px 15px;}
    .welcomesection .years h3{width: 90px;}
    .footer_strip{background-image: none;}
}
@media(max-width:575px){
    #Jacksheader .givecall img{height: 40px;}
    #Jacksheader .shareus .sicons a{font-size: 25px; margin-top: -5px;}
    #Jacksheader .shareus .sicons{gap:10px}
    .banner .slide .bannercontent{position: relative; background-color: #000000; padding: 15px 0px;}
    .banner .slide .bannercontent img {display: none;}
    .banner .slide .contents{place-content: center; margin: 0px;}
    .banner .slide .carousel-indicators{display: none;}
    .gallery h1{font-size: 23px;}
    .gallery p {font-size: 13px;padding: 9px 12px;}
    .gallery .fleximgs{padding: 0px;}
    .gallery .lSPager{display: none ;}
    #lcformm .inputs input{margin: 5px 0px;}
    #lcformm button{font-size: 20px;}
    .fullservice .servicebut a{padding: 10px 20px;}
    .footercontact .bottomright{position: relative;margin: auto;margin-bottom: 0px; margin-top: -40px;width: 271px;bottom: -38px;}
    .footercontact .icongap{gap:20px;}
    #Jacksheader .logo img{margin:0px;padding-top:5px;}
    #Jacksheader .mobileshare{ position: relative; right: auto; top: auto;}
    #Jacksheader .shareus{width:40%;}
    #Jacksheader .givecall{ position: relative; right: auto; top:auto;width: 60%;align-items: center;justify-content: center !important;}
    #Jacksheader .centertext {padding: 3px 15px 14px 15px;}
    #Jacksheader .detail {display: contents !important;}
}

.banner_area {margin-top: -35px;}

.inner h1{font-size: 36px;
  color: #3e9234;
  font-weight: 600;
    font-family: Poppins;}

.inner p{color: #2b2b2b;
  font-size: 18px;
  line-height: 33px;
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif;}

.image{
    border: 6px solid #409034;
    border-radius: 10px;
    transition: .5s;
    overflow: hidden;
}
.image img{
    transform: scale(1);
    transition: .5s;
    width: 100%;
}
.image:hover{
    border: 6px solid #1f3a6d;
}
.image img:hover{
    transform: scale(1.5);
    transition: .5s;
}
.form-control{
    font-family: Poppins;
    font-weight: 500;
}
@media(min-width:1200px) and (max-width:1399px){
   .g-recaptcha{transform: scale(0.8);}
}

.inner h2{padding-bottom: 0;}
.inner a{font-size: 21px;font-weight: 600;}
.sery{
        display: block;
        border: 3px solid #3e9234;
        padding: 10px 25px;
        border-radius: 10px;
        width: fit-content;
        margin: auto;
        color: #1f3b6d !important;
        font-size: 25px;
        font-family: Poppins;
        font-weight: 600;
    }
    .sery:hover {
        border: 3px solid #1f3a6d;
        background-color: #1f3a6d;
        color: #fff !important;
    }
    @media(max-width:767px){
        .sery{
            padding: 10px 15px;
            font-size: 15px;
        }
    }