@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300;1,400;1,500&display=swap');

/**** RESET CSS

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------****/

* {magin:0;

	padding:0;

	-webkit-box-sizing:  border-box;

	-moz-box-sizing:  border-box;

	box-sizing:  border-box;

}

html, body, table, th, td, tr, tbody, thead, thead, tfoot, dl, dt, dd, div, em, strong, b, i, sub, sup, ul, ol, li, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym, address, big, small, cite, code, del, dfn, font, ins, kbd, q, s, samp, strike, fieldset, form, label, legend, caption, main, section, header, footer, aside, hgroup {

	margin:0;

	padding:0;

	font-family: 'Roboto', sans-serif;

	text-decoration:none;

}

html {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.cls{ clear:both}

::-webkit-input-placeholder {

   /*color: #ccc;*/

}



:-moz-placeholder { /* Firefox 18- */

   /*color: #ccc; */ 

}



::-moz-placeholder {  /* Firefox 19+ */

  /* color: #ccc;  */

}



:-ms-input-placeholder {  

/*   color: #ccc;  */

}

body {



}

html {

    scroll-behavior: smooth;

}

img {

	max-width:100%;

	vertical-align:bottom;

	border:none

}

ul, ol, li {

	list-style:none;

}

a{ color: inherit; }

a:hover{ text-decoration: none; color: inherit; }





/**** RESET CLASSES

---------------------------#4a7e41----------------------------------------------------------------------------------------------------------------------------------------------------------****/



#page-warpper{

	  width:auto;

}





.main-footer {

    background: #303030;

    color: #fff;

    border-bottom: 1px solid #14191B;

    padding: 25px 0px;

}



.copyright {

    background: #222;

    color: #fff;

    padding: 20px 0px;

}



.mid-footer {

    background: #303030;

    color: #fff;

    padding: 26px 0px;

}





.copyright img {

    height: 24px;



}



ul.f-links li {

	

	

  

}

ul.f-links li a{

	color: rgba(233,233,233,.8);





}

li.title {

  

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    position: relative;

    margin-bottom: 30px !important;

    border: none !important;

    padding: 0px !important;

}







.sub-form input#validationDefault01 {

    border: none;

    border-radius: 0px;

}



img.flag-img {

    vertical-align: initial;

}





.top-header {

    background: #4a7e41;

    color: #fff;

    padding: 6px 0px;

}







.bg-1 {

    background: yellow;

}



.bg-2 {

    background: pink;

}



section.slider {

    background: #4a7e41;

}





.btn-cu-a:hover{ background-color: #fff; transition: 1s; }

.btn-cu-a {

    background-color: #4a7e41;

    color: #fff;

    font-weight: bold;

}



.btn-cu:hover{ background-color: #fff; transition: 1s; }

.btn-cu {

    background-color: #000;

    color: #fff;

    font-weight: bold;

}





.slider-caption p {

    padding: 15px 0px;

}



.slider-caption{ color: #fff; }



.slider-caption.mt-3 {

    margin-top: 91px !important;

}







/*.slider-bg-img{ background-image: url(../images/slider-bg-1.jpg); }*/



.getintouch {

    padding: 5px;

    background: #4a7e417d;

    color: #fff;

}



.getintouch p {

    font-size: 25px;

}

.service-box {

    text-align: center;

    border: 1px solid #ccc;

    margin-bottom: 30px;

}



section.services {

    background: #ededed;

}



.service-box {

    text-align: center;

    margin-bottom: 30px;

    border-bottom: 5px solid #4a7e58;

    background: #fff;

    padding: 21px 18px;

}





.service-box h4 {

    font-size: 20px;

    padding: 10px 0px;

    font-weight: bold;

}



form#commentfrm {

    

}



h3.text-center.title {

    margin-top: 25px;

    margin-bottom: 27px;

}



.cont-fom {

    background: #528948;

    padding: 10px 36px 60px 36px;

}





.icon-fech {

    width: 50px !important;

    height: 50px;

    background: #303030;

    padding: 7px;

    border: 2px solid #309ed1;

}



.fetures .item h4{

    text-align: center;

     font-size: 17px;

    margin-top: 16px;

}



li.link-su {

    background: #4a7e41;

    color: #fff;

    padding: 11px;

    margin-bottom: 39px;

    position: relative;

}



li.link-su:hover {

    background: #6bc0e1;

    transition: 1s;

}



li.link-su:hover::after {

    background: #6bc0e1;

    transition: 1s;

}





li.link-su:hover::before {

    color: #6bc0e1;

    transition: 1s;

}



li.link-su:before {

    content: "\f053";

    position: absolute;

    font-family: 'FontAwesome';

    font-size: 48px;

    left: -16px;

    color: #4a7e41;

    top: -10px;

}





ul.link-support {

    margin-top: 96px;

}



section.support-sec {

    padding: 54px 0px 0px 0px;

}



li.link-su:after {

       content: "";

    position: absolute;

    width: 100px inherit;

    width: 65px;

    height: 65px;

    background: #4a7e41;

    border-radius: 50%;

    right: -43px;

    top: -10px;

}





.row.p-bg {

    background: #4a7e41;

    color: #fff;

    padding: 50px;

    margin: 50px 0px;

}





.p-box {

    width: 20%;

}

.service-text.text-center span {

    display: block;

}

.service-icon-cell img{ width: 40px; height: 40px; }

.service-icon-cell{ position: relative;     margin-bottom: 12px;}

.service-icon-cell::before {

border-top: 1px dashed #aaaaaa;

    content: "";

    height: 2px;

    margin-top: 0;

    position: absolute;

    left: 131px;

    top: 50%;

    width: 143px;

}

.rs-sec {

    background: #f0f0f0;

}



.p-box:hover .service-text.text-center {

    color: #bffea4;

}

.last-l.service-icon-cell:before {

    display: none;

}



.fetures {

    background: #ededed;

    padding: 50px 0px;

}





.fetures .item {

    background: #fff;

    padding: 28px 0px;

}



.sec-heading {

    text-align: center;

    margin-bottom: 36px;

    text-transform: uppercase;

    position: relative;

}



.contact-home {

    padding: 50px 0px 0px 0px;

}



.row.sec-h {

    text-align: center;

    margin-bottom: 50px;

}



.sec-heading:before {

    position: absolute;

    content: "";

    bottom: -15px;

    left: 50%;

    width: 50px;

    height: 3px;

    background-color: #4a7e41;

    transform: translateX(-50%);

}



li.title:before{ position: absolute;

    content: "";

    bottom: -15px;

    left: 12%;

    width: 50px;

    height: 3px;

    background-color: #4a7e41;

    transform: translateX(-50%); }





    ul.f-links li {

    padding: 3px 0px;

}



  ul.f-links li:last-child{ border: none; }





  ul.point li {

    background: #4a7e41;

    margin-bottom: 9px;

    color: #fff;

    padding: 4px 11px;

        padding-left: 0px;

}





ul.point li:before {

    content: "\f138";

    font-family: 'FontAwesome';

    background: #000;

    padding: 8px;

    text-align: center;

        margin-right: 14px;

}



ul.point {

    margin-top: 25px;

}



section.home-about {

        padding: 54px 0px 0px;

    border-bottom: 4px solid  #4a7e41;

    text-align: justify;

}



.home-about{ background-image: url(../images/bg-a.png); }







.dropdown-submenu {

  position: relative;

}



.dropdown-submenu a::after {

  transform: rotate(-90deg);

  position: absolute;

  right: 6px;

  top: .8em;

}



.dropdown-submenu .dropdown-menu {

  top: 0;

  left: 100%;

  margin-left: .1rem;

  margin-right: .1rem;

}



.left a.dropdown-item {

    padding: 0px !important;

    background: #4a7e4126;

    margin: 0px;

    margin-bottom: 3px;

    padding: 6px 7px !IMPORTANT;

}

.left {

    margin-left: 10px;

    width: 192px;

    float: left;

}

.left h3 {

    font-size: 19px;

    margin-bottom: 8px;

}



.mega-menu.show {

    width: 618px !IMPORTANT;

    /* left: 0px !important; */

    position: absolute;

    left: -225px !IMPORTANT;

    top: 45px;

    width: 100%;

    position: absolute;

    left: 0px;

}



.left h3 {

    font-size: 19px;

    margin-bottom: 8px;

    background: #4a7e41;

    color: #fff;

    padding: 12px 6px;

}



.dropdown-menu.show {

    margin-top: 21px;

}





.hh {

    background: #ededed;

    margin-bottom: 8px;

    padding: 11px 15px;}



.page-cover {

    padding: 50px 0px;

    text-align: center;

    background-image: url(../images/slider-bg-1.jpg);

    color: #fff;

    position: relative;

}





.service-main-c ul li {

    text-align: justify;

    line-height: 28px;

    margin-bottom: 0px;

    position: relative;

}



.service-main-c ul li:before {

    content: "\f0a4";

    position: absolute;

    font-family: 'FontAwesome';

    position: absolute;

    left: -22px;

    

}

.service-main-c ul {

    margin-left: 19px;

}



.fe-box {

    text-align: center;

    border: 1px solid #000;



}

.fex-box {



    text-align: center;

    background: #ffffff;

    padding: 14px;

    border-radius: 23px;

}



.fex-box h3 {

    font-size: 20px;

}



.page-cover:before{ content: ""; display: block; position: absolute; top: 0px; bottom: 0px; left:0px; right: 0px; width: 100%; height: 100%;    

 background-color: rgb(18,59,53,0.8); }





 .contact-us-a {

    padding: 59px 80px 64px 234px;

}



.contact-us-a .fa {

  font-size: 20px;

    border: 1px solid #737373;

    width: 35px;

    margin-right: 10px;

    line-height: 30px;

    vertical-align: middle;

    text-align: center;

}



.contact-us-a p {

    margin-bottom: 13px;

}



.contact-us-b {

    padding: 56px 100px 33px 50px;

}



.contact-us-b .form-control {

    border: none;

    border-radius: 0px;

}



.modal-body {

    background: #253f21;

    color: #fff;

    border: 2px solid #fff;

}


img.d-block.img-fluid.mx-auto.sss {
    margin-top: 48px;
}
.mega-menu a.dropdown-item:hover {

    background: #4a7e41;

    transition: 1s;

    color: #fff;

}



a.nav-link {

    padding: 0px 21px !important;

    font-weight: bold;

}



.cc-box {
    border: 3px solid #4a7e41;
    padding: 13px;
    height: 333px;
    overflow: hidden;
    border-radius: 8px;
    background: #ededed;
    box-shadow: -1px 4px 5px 0px rgb(0 0 0 / 75%);
}

.cc-box h3 {
    font-size: 19px;
}

.cc-box:hover {
    background: #4a7e41;
    transition: 1s;
    color: #fff;
}

.cc-box:hover h3 {
color: #fff;
}








#hidden_div {

    display: none;

}





.price-box {

    background: #4a7e41;

    border: 1px solid #000;

    text-align: center;

    color: #fff;

    margin-bottom: 50px;

}





li.heading-p {

    background: #000;

    padding: 10px 0px;

    font-size: 21px;



}



li.price {

    background: #17a2b8;

    padding: 10px 0px;

    font-size: 25px;

}



li.chat {

       

    margin: 16px 0px;

    background: black;

}





.serchdata-op {

    background: #4a7e41;

    margin-bottom: 18px;

}



.serchdata-op p {

    font-size: 20px;

    color: #fff !IMPORTANT;

    margin-bottom: 17px;

}



li.perminit {

    background: #ccc;

    color: #000;

    font-weight: bold;

}





section.faq {

    padding: 50px 0px;

}



.tabs-hare {

    background: #4a7e41;

    color: #fff;

}



.tabs-hare  a.nav-link{ padding: 50px 0px !important; }





.tabs-hare a.nav-link {

    padding: 7px 21px !important;

   margin: 16px 0px;

}





.tabs-hare .active{ position: relative; }



.tabs-hare .active:after{content: " ";

    position: absolute;

    top: 50%;

    right: -18px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width:19px 0 19px 19px;

    border-color: transparent transparent transparent #007bff;

  }



  .service-main-c h1, h2, h3, h4, h5, h6 {

    font-size: 24px;

    padding: 10px 0px;

    color: #4a7e41;

    font-weight: bold;

}



article.pg-ser {

    background: #4a7e4117;

    margin-bottom: 26px;

    padding: 1px 14px;

    border-radius: 10px;

}









  .service-main-c p {

    text-align: justify;

    line-height: 28px;

    margin-bottom: 17px;

}



.service-page {

    padding: 38px 0px;

}





.side-bar li {

    border-radius: 2px solid #000 !IMPORTANT;

    background: #4a7e41;

    /* margin-bottom: 16px; */

    border-right: 5px solid #ccc;

    padding: 10px 9px;

    margin-bottom: 5px;

    color: #fff;

}



h3.title {

    background: #4a7e41;

    text-align: center;

    color: #fff;

    border-right: 5px solid #ccc;

    margin-bottom: 7px;

}



.side-bar li:hover {

    background: #000;

    border-right: 5px solid #bbfe9e;

    transition: 1s;

    margin-left: 3px;





}





img.ser-im{

   background: #4a7e41;

    border-right: 5px solid #ccc;

}





.faq p {

    margin-bottom: 31px;

}



.faq h3 {

    font-size: 19px;

}













.card-header {

    padding: 0px !important;

        background: #4a7e41 !important;

}



.card-header  button.btn.btn-link {

    color: #fff;

}

.card-header  button.btn.btn-link:hover{ text-decoration: none; }



.card-header h3.mb-0 {

    margin: 0px !important;

    padding: 0px !important;

}

.card-header h3{ position: relative; }

    .card-header h3:before{content: "\f138";

    font-family: 'FontAwesome';

    background: #fff;

    padding: 8px;

    text-align: center;

    margin-right: 14px;}



   .home-about .card {

    margin: 10px 0px;

}





ul.benf li {

    padding: 7px 0px;

}



.ss-box {

        overflow: hidden;

    margin-bottom: 27px;

    border: 1px solid #ccc;

    height: 147px;

    padding: 6px 15px;

    background: #ebebeb;

}



.ss-box h3 {

    font-size: 19px;

}



.cir {

    width: 25px;

    height: 25px;

    background: #4a7e41;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    line-height: 27px;

}


.bord {
    border: 5px double #1a1d19;
}



li.old-price {
    position: relative;
    background: #17a2b8;
    padding: 10px 0px;
    font-size: 25px;
    margin-bottom: 2px;
}

li.old-price:before {
    position: absolute;
    content: "";
    width: 17%;
    height: 3px;
    background: red;
    top: 27px;
    z-index: 111;
}

.popular-topic a {
    color: #3699d0;
    text-decoration: underline;
}

.popular-topic a:hover {
    color: #fff;
    transition: 1s;
}




#background-wrap {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}

/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
    
    left: -5%;
    top: 5%;
    
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
    
    left: 5%;
    top: 80%;
    
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
    
    left: 10%;
    top: 40%;
    
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
    
    left: 20%;
    top: 0;
    
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
    
    left: 30%;
    top: 50%;
    
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
    
    left: 50%;
    top: 0;
    
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
    
    left: 65%;
    top: 70%;
    
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
    -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
    
    left: 80%;
    top: 10%;
    
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
    -moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
    
    left: 90%;
    top: 50%;
    
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
    -moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
    
    left: 80%;
    top: 80%;
    
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
    
    height: 200px;
    position: absolute;
    width: 200px;
}

.bubble:after {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
    
    content: "";
    height: 180px;
    left: 10px;
    position: absolute;
    width: 180px;
}


.mid-footer {
    display: none;
}



.policy ul{padding-left:25px;}
.policy ul li:before{content: '';
    display: block;
    height: 8px;
    width: 8px;
    background-color: #333;
    border-radius: 50%;
    position: relative;
    top: 14px;
    left: -17px;}
    
    
    
.background-color.social-hover-2 li a.twitter {
    background: #00a7e6;
    color: #fff !important;
}
.social-list-default li a:hover{border-radius:30px; transition:0.5s;}
.social-list-default li a {
    display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 1rem;
}    

.background-color.social-hover-2 li a.facebook {
    background: #4064ac;
    color: #fff !important;
}

.background-color.social-hover-2 li a.linkedin {
    background: #0077b5;
    color: #fff !important;
}
#recaptcha {
  display: flex;
  justify-content: center;
  margin-top: 5px; /* Optional: add some space above the reCAPTCHA */
}