@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
body {  font-family: "Jost", sans-serif !important; overflow-x: hidden;}
p, h1, h2, h3, h4, h5, h6 {font-family: "Jost", sans-serif !important;color: #1a1a1a;}
a { text-decoration: none;}
.heading h2 {color: #0e0e0e; font-size: 42px; letter-spacing: .5px; text-align: center; margin: 0 0 40px 0; position: relative; font-weight: 600;}
.heading h2::after { content: ''; position: absolute; width: 100px; height: 3px; background: #007239; left: 0; right: 0; top: 50px; margin: 0 auto;}
.heading h2::before { content: ''; position: absolute; width: 15px; height: 15px; background: #0045dc; top: 44px; left: 0; right: 0; margin: 0 auto; border: 3px solid #fff; z-index: 2;}
.sub-heading { color: #141414; font-size: 27px; line-height: 40px;letter-spacing: .7px; font-weight: 600;} 
.service-heading {font-size: 21px;font-weight: 600;padding: 10px 0 0 0;position: relative;color: #111;}
.service-heading::after { content: ''; position: absolute; width: 150px; height: 2px; top: 0; left: 0; background: linear-gradient(90deg, #007239 20%, #007239);}
p, .main-table ul li {color: #111111;font-size: 17px;line-height: 1.6;}
.custom-btn { display: inline-block; padding: 11px 65px; color:#fff; background: linear-gradient(90deg, #007239 20%, #0045dc); font-size: 18px; letter-spacing: .7px; box-shadow: 0px 2px 2px 0px RGBA(0,0,0,0.5); border: 0px solid rgba(0,0,0,1); border-radius: 30px;} 
.custom-btn:hover { color: #fff; background: linear-gradient(90deg, #0045dc, #007239);}

header { background: #f0ffd5}

.banner-section { position: relative; overflow: hidden;}
.banner-section video{ width: 100%; height: 600px; object-fit: cover;}
.banner-section .banner-content { width: 100%; height: 99%; position: absolute; background: rgba(10, 10, 10, 0.5); top: 0; left: 0;}
.banner-section .banner-content .text { width: 87%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.banner-section .banner-content .text h1{ color: #fff; font-size: 48px; font-weight: 600; letter-spacing: .5px; text-shadow: 2px 2px 2px #0f0f0f; text-align: center; margin: 0;}

.banner-bottom { padding: 2% 0; position: relative;}
.banner-bottom::after { content: ''; position: absolute; width: 100%; height: 3px; background: linear-gradient(90deg, #9dd241, #007239, #0045dc); left: 0; top: 48%;}
.service-page .bx{padding: 40px 10px;}
.service-page .bx img { width: 70px; margin: 0 0 10px 0; animation: bounce-y 3s infinite;}
.service-page .bx .slow {animation: bounce-y 4s infinite;}
.service-page .bx p {font-size: 17px;font-weight: 600;line-height: 1.4;}

.about-section {padding: 5% 0; position: relative; background: #f0ffd5; overflow: hidden;}
.about-section .bg-img { position: absolute; left: 0; bottom: 10%;}
.about-section .bg-img img { width: 280px; opacity: .6;}
.about-section .text { position: relative; z-index: 2;}
.about-section .text p { font-size: 19px; text-align: center;}

.object-section {padding: 5% 0;position: relative;overflow: hidden;background: #0049cd30;}
.object-section p { font-size: 19px; position: relative; z-index: 2;}
.object-section img { position: relative; z-index: 2;}
.object-section ul li { position: absolute; list-style: none; top:0; left:0;}
.object-section ul li:first-child { width: 250px; height: 250px; top: 70%; left: 4%; background: linear-gradient(49deg, #007239 0%, #0045dc); border-radius: 50%; opacity: .5; box-shadow: rgba(149, 157, 165, 0.5)0px 8px 24px; animation: move 6s infinite;}
.object-section ul li:nth-child(2) {width: 300px;height: 300px;top: 40px;left: 82%;background: linear-gradient(49deg, #007239 0%, #94c181);border-radius: 50%;opacity: .4;box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;animation: bounce-y 6s infinite;}
.object-section ul li:nth-child(3) { width: 50px; height: 50px; top: 100px; left: 76%; background: linear-gradient(49deg, #007239 0%, #0045dc); border-radius: 50%; opacity: .5; box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px; animation: bounce-y 4s infinite;}

.service-section { padding: 3% 0 6% 0; position: relative; overflow: hidden;}
.service-section .ser-card{ position: relative; z-index: 9; background: #fff; padding: 30px 20px; text-align: center; border-width: 2px; border-style: solid; border-image: linear-gradient( 45deg,#0045dc, #007239) 1; margin: 0 0 30px 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 54px 55px, rgba(0, 0, 0, 0.1) 0px -12px 30px, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; min-height: 400px; transition: all .2s ease-in-out;}
.service-section .ser-card:hover {margin: -5px 0 35px 0;cursor: pointer;}
.service-section .ser-card .icon { background: #fff; width: 120px; height: 120px;  border-radius: 50%; padding: 25px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 2px solid #9dd241; margin: 0 auto;}
.service-section .ser-card h4 { color: #007239; margin:25px 0 15px 0; font-size: 19px; font-weight: 700;}
.service-section .ser-card a { color: #0045dc; font-weight: 500; transition: all .2s ease-in-out; font-size: 18px;}
.service-section .ser-card a:hover { color: #007239; letter-spacing: 1px;}
.service-section ul li { position: absolute; list-style: none; left: 0; top: 0;} 
.service-section ul li:first-child { width: 350px; height: 350px; background: linear-gradient(49deg, #007239 0%, #0045dc); opacity: .4; border-radius: 50%; left: -50px; top: 370px;}
.service-section ul li:nth-child(2){ width: 30px; height: 30px; background: #007239; opacity: .9; border-radius: 50%; left: 87%; top: 30px;}
.service-section ul li:nth-child(3){ width: 270px; height: 200px; background-image: radial-gradient( #007239 2px, transparent 2.2px); background-size: 18px 18px; opacity: .8; left: 5%; top: 78%; animation: bounce-y 4s infinite;}
.service-section ul li:nth-child(4){ width: 240px; height: 240px; border: 1px solid #0045dc; opacity: .5; border-radius: 50%; left: 90%; top: -30px;}

.clientele { background-image: url(image/Clientele-bg.jpg); background-size: cover;}
.clientele .container-fluid{ margin: 0; padding: 0;}
.clientele .clientele-bx { background: #f0ffd5; padding: 8% 0;}
.clientele .clientele-bx .left-card { background: #007239; padding: 40px; margin: 30px 10% 30px 0; border-radius: 0 0 100px 0; }
.clientele .clientele-bx .left-card p { color: #fff; margin: 0; font-size: 21px; font-weight: 500;}
.clientele .clientele-bx .right-card { background: #9dd241; padding: 40px; margin: 30px 0 30px 10%; border-radius: 0 0 0 100px;}
.clientele .clientele-bx .right-card p { color: #212121; margin: 0; font-size: 21px; font-weight: 500; text-align: right;}

.team-section { padding: 5% 0;}
.team-section .carousel { padding: 0 7%;}
.team-section .team-card { padding: 30px; border-width: 2px; border-style: solid; border-image: linear-gradient( 45deg,#0045dc, #007239) 1; margin: 0 0 30px 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 54px 55px, rgba(0, 0, 0, 0.1) 0px -12px 30px, rgba(0, 0, 0, 0.1) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; min-height: 450px;}
.team-section .team-card .pic { width: 140px; height: 140px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 2px solid #007239; margin: 0 auto;}
.team-section .team-card h4 { font-size: 24px; margin: 20px 0 10px 0; color: #007239; font-weight: 600;}
.team-section .team-card h5 { font-size: 16px; font-weight: 500; color: #0045dc; font-weight: 600; margin: 0 0 10px 0;}
.team-section .team-card p { margin: 0;}
.team-section .team-card p a { color: #0045dc; font-weight: 600; font-size: 16px; transition: all .2s ease-in-out;}
.team-section .team-card p a:hover { letter-spacing: 1px;}
 
.team-section .carousel-control-prev, .team-section .carousel-control-next { opacity: .8 !important; background: linear-gradient( 45deg,#0045dc, #007239); width: 40px; height: 40px; padding: 5px; border-radius: 50%; top: 48%;}
.team-section .carousel-control-prev { left: 3%;}
.team-section .carousel-control-next { right: 3%;}

footer { background: #111111; padding: 4% 0 0 0;}
footer h4 { color: #fff; position: relative; font-size: 21px; margin: 0 0 20px 0; font-weight: 400; letter-spacing: .5px;}
footer h4::after { content: ''; position: absolute; width: 60px; height: 2px; background: #007239; top: 29px; left: 0;}
footer p, footer p a { color: #bebebe; margin: 0 0 7px 0; font-size: 16px;}
footer p a:hover { color: #fff;}
footer p i { margin: 5px 5px 0 0;}
footer .social-icon a{display: inline-block;background: #007239;color: #fff;width: 35px;height: 35px;text-align: center;line-height: 2.;border-radius: 50%;margin: 0 4px 0 0;line-height: 2.3;transition: all .4s ease-in-out;font-size: 15px;}
footer .social-icon a:hover {transform: rotate(360deg); background: #0045dc;}
footer .footer-bottom { background: #020202; margin: 4% 0 0 0; padding: 15px 0;}
footer .footer-bottom p { margin: 0;}

.inner-banner { background-image: url(image/inner-banner.png); padding: 8% 0; background-size: cover;}
.inner-banner h2 { color: #fff; text-align: center; margin: 0; font-size: 52px; letter-spacing: .5px;}

.team-page img { border: 2px solid #007239; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.team-page h4 { color: #007239; text-align: center; font-size: 21px; font-weight: 600; margin: 20px 0 10px 0;}
.team-page h5 { color: #0045dc; font-size: 17px; font-weight: 600; text-align: center;}
.team-page p { font-size: 17px; margin: 0 0 10px 0;}

.contact-page .contact-form .form-control{ padding: 12px; margin: 0 0 20px 0; border-radius: 0;  border-width: 1px; border-style: solid; border-image: linear-gradient( 45deg,#0045dc, #007239) 1;} 
.contact-page .contact-form input[type="button"] { background: #0045dc; color: #fff; padding: 10px 34px; border: 0; border-radius:0;} 

.contact-page .contact-info { background: #007239; padding: 30px; display: flex; margin: 12px 0;}
.contact-page .contact-info i { color: #fff; font-size: 30px; margin: 0 20px 0 0;}
.contact-page .contact-info h5 { color: #fff; margin: 0 0 10px 0; font-size: 21px; letter-spacing: .5px;}
.contact-page .contact-info p, .contact-page .contact-info p a { color: #dfdfdf; margin: 0; font-size: 16px;}

.service-page p { font-size: 20px;}

@keyframes bounce-y{
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes move{
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translate(80px, -50px);
    }
    100% {
        transform: translateY(0);
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .heading h2 { font-size: 30px;}
    .sub-heading { font-size: 21px;} 
    .service-heading { font-size: 21px;}
    p, .main-table ul li { font-size: 17px;}
    .custom-btn { padding: 10px 50px; font-size: 16px;} 
   
    .banner-section video{ height: 300px;}
    .banner-section .banner-content .text h1{ font-size: 24px;}

    .banner-bottom::after { width: 0;}
    .banner-bottom .bx{ padding: 30px 0 20px 0; border-bottom: 1px solid #c9c9c9; min-height: 180px;}
    .banner-bottom .bx img { margin: 0;}
    .banner-bottom .bx p { font-size: 16px;}
    
    .about-section {padding: 8% 0;}
    .about-section .bg-img img { width: 180px;}
    .about-section .text p { font-size: 17px; text-align: center;}
   
    .object-section p { font-size: 17px;}

    .clientele .clientele-bx .left-card { padding: 20px;}
    .clientele .clientele-bx .left-card p { font-size: 18px;}
    .clientele .clientele-bx .right-card { padding: 20px;}
    .clientele .clientele-bx .right-card p { font-size: 18px;}
    
    .team-section .team-card { padding: 20px; min-height: 400px;}
    .team-section .team-card .pic { width: 120px; height: 120px;}
    .team-section .team-card h4 { font-size: 21px;}
    
    footer h4 { margin: 15px 0 10px 0;}
    footer h4::after { top: 25px;}
    footer p, footer p a { margin: 0 0 4px 0;}

    .inner-banner h2 { font-size: 32px; letter-spacing: .5px;}
    
    .contact-page .contact-form .form-control{ padding: 12px; margin: 0 0 20px 0; border-radius: 0;  border-width: 1px; border-style: solid; border-image: linear-gradient( 45deg,#0045dc, #007239) 1;} 
    .contact-page .contact-form input[type="button"] { background: #0045dc; color: #fff; padding: 10px 34px; border: 0; border-radius:0;} 
    
    .service-page p { font-size: 17px;}
    
}


.client-img img
{
    width:80px;
}


/* mission vision */

.mission-bxss1 p {
    line-height:1.7em;
    font-size: 19px!Important;
    text-transform: initial ! Important;
}


.mission-bxss1 {
    padding: 20px;
    box-shadow: 0px 15px 40px -10px rgba(0, 0, 0, 0.25);
    border: 1px solid #ececec;
    border-radius: 10px;
    border-top: 3px solid #fff;
    transition: all .2s ease-in-out;
    background: #fff;
    margin: 12px 0;
    height:294px;
}

.mission-bxss1:hover {
    border-radius: 15px;
    border-top: 3px solid #0045dc;
}

.mission-bxss1 span
{
    font-size: 22px;
    font-weight: 600;
    color: #0e0e0e;
}


.mission-bxss1 h3
{
    font-size:23px;
    text-align: center;
    padding-bottom: 10px;
    color:#212121;
}

.vision-mission
{
    padding: 6% 0;
}

.vision-mission .mission-bxss1 p {
    line-height:1.7em;
    font-size: 19px!Important;
    text-transform: initial ! Important;
}

.vision-mission .mission-bxss1 {
    padding: 20px;
    box-shadow: 0px 15px 40px -10px rgba(0, 0, 0, 0.25);
    border: 1px solid #ececec;
    border-radius: 10px;
    border-top: 3px solid #007239;
    transition: all .2s ease-in-out;
    background: #fff;
    margin: 12px 0;
    height: 290px;
}

.vision-mission .mission-bxss1:hover {
    border-radius: 15px;
    border-top: 3px solid #0045dc;
}

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

@media(max-width:767px)
{
    .vision-mission .mission-bxss1
    {
        height:auto;
    }
    .main-table .mission-bxss1 {height:auto;}
    .mt-80
{
    margin-top:10px;
}
.accord
{
    margin-top:0px;
}


}

@media(max-width:992px)
{
    .main-table .mission-bxss1 {height:auto;}
    .vision-mission .mission-bxss1
    {
        height:auto;
    }
    .mt-80
{
    margin-top:10px;
}
.accord
{
    margin-top:0px;
}

}

.mt-110
{
    margin-top:110px;
}
.accord
{
    margin-top:106px;
}
.accordion-item h5 
{
    font-size:18px;
    font-weight:600;
}
.heading1 h2 {
    color: #0e0e0e;
    font-size: 42px;
    letter-spacing: .5px;
    text-align: left;
    margin: 0 0 40px 0;
    position: relative;
    font-weight: 600;
}
.heading1 h2::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #0045dc;
    top: 44px;
    left: 43px;
    right: 0px;
    /* margin: 0 auto; */
    /* border: 3px solid #fff; */
    z-index: 2;
    text-align: left;
}
.heading1 h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background: #007239;
    left: 0;
    right: 0;
    top: 50px;
    /* margin: 0 auto; */
}

.heading2 h2 {
    color: #0e0e0e;
    font-size: 26px;
    letter-spacing: .5px;
    text-align: left;
    margin: 0 0 40px 0;
    position: relative;
    font-weight: 600;
}
.heading2 h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background: #007239;
    left: 0;
    right: 0;
    top: 40px;
    /* margin: 0 auto; */
}
.heading2 h2::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #0045dc;
    top: 34px;
    left: 43px;
    right: 0px;
    /* margin: 0 auto; */
    /* border: 3px solid #fff; */
    z-index: 2;
    text-align: left;
}

/* service page css */


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #007239;
    color: #fff;
}

.nav-pills .nav-link:hover {
    background: #007239;
    color: #fff;
}

.nav-pills .nav-link {
    border-radius: 0;
    background: #fff;
    border: aliceblue;
    border-bottom: 2px solid #e2e2e2;
    text-align: start;
    color: black;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.fa-chevron-right {
    font-size: 15px;
    line-height: 40px;
    color: rgb(151, 151, 151);
}

.service-page .tab-content p, .service-page .tab-content ul li {
    font-size: 18px;
}
.accordion-item h3{
    font-size:19px;
}

.accordion-item h4 
{
    font-size:18px;
    font-weight:600;
}

.service-page .accordion-item p 
{
    font-size:18px;
}

 .ser-card1{ padding: 0px 20px; text-align: center; transition: all .2s ease-in-out;}
/* .ser-card1:hover {margin: -5px 0 35px 0;cursor: pointer;} */
.ser-card1 .icon { background: #fff; width: 120px; height: 120px;  border-radius: 50%; padding: 25px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 2px solid #9dd241; margin: 0 auto;}

.main-table p 
{
    font-size:19px;
    line-height:1.6em;
    color:#111111;
}