@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}
.title-center-green{ width:100%; position:relative; margin-bottom:30px; text-align:center;}
.title-center-green h2{ font-size:22px; color:#00a651; text-align:center; text-transform:capitalize; font-weight:600;}
.title-center-green h2:before{ content:""; background:url(../images/title-div.png) no-repeat left top; width:40px; height:12px; position:absolute; display:inline-block; margin-left:-50px; margin-top:5px;}

.title-left-green{ width:100%; position:relative; margin-bottom:30px; text-align:left;}
.title-left-green h2{ font-size:22px; color:#00a651; text-align:left; text-transform:capitalize; font-weight:600; margin-left:50px;}
.title-left-green h2:before{ content:""; background:url(../images/title-div.png) no-repeat left top; width:40px; height:12px; position:absolute; display:inline-block; margin-left:-50px; margin-top:5px;}

.footer-pane{ width:100%; float:left; position:relative; background:#363636}
.footer-pane .footer-menu{ position:relative; border-bottom:1px solid #4a4a4a; text-align:center; padding:20px 0px;}
.footer-pane .footer-menu ul{ margin:0; padding:0;}
.footer-pane .footer-menu ul li {display: inline-block; text-align: center; font-size: 16px; text-transform: capitalize; padding: 0px 22px;}
.footer-pane .footer-menu ul li a {color: #FFFFFF; text-decoration: none;}
.footer-pane .footer-address{ position:relative; border-bottom:1px solid #4a4a4a; text-align:center; padding:20px 0px;}
.footer-pane .footer-address p{ font-size:18px; color:#FFFFFF; text-align:center; margin-bottom:12px;}
.footer-pane .footer-address p i.fa{ font-size:18px; color:#FFFFFF; border:1px dashed #ffffff; padding:13px; border-radius:50%; width:42px; height:42px; margin-right:12px;}
.footer-pane .footer-address ul{ margin:0; padding:0;}
.footer-pane .footer-address ul li {display: inline-block; text-align: center; font-size: 16px; padding: 0px 22px; color:#FFFFFF;}
.footer-pane .footer-address ul li a {color: #FFFFFF; text-decoration: none;}
.footer-pane .footer-address ul li i.fa{ font-size:18px; color:#FFFFFF; border:1px dashed #ffffff; padding:13px; border-radius:50%; width:42px; height:42px; margin-right:12px;}
.footer-pane .footer-last{ position:relative; padding:10px 0px; display:flex; align-items:center; justify-content:space-between;}
.footer-pane .footer-last .copyright{ font-size:16px; color:#FFFFFF;}
.footer-pane .footer-last .dfox{ font-size:16px; color:#FFFFFF;}
.footer-pane .footer-last .dfox img{ margin-left:8px;}
.footer-pane .social-footer { text-align: center;}
.footer-pane .social-footer ul { list-style: outside none none; margin: 0; padding: 0; }
.footer-pane .social-footer ul li { display: inline-block; margin: 0px 5px 0 0px; color: #ffffff; font-size: 15px; }
.footer-pane .social-footer a { background-image: none; text-decoration: none; }
.footer-pane .social-footer ul li .fb { color: #3b5998; display: block; border-radius: 50%; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #3b5998; }
.footer-pane .social-footer ul li .fb:hover { background-color: #3b5998; color: #FFFFFF; border: 1px dashed #3b5998}
.footer-pane .social-footer ul li .twt { color: #26a4f0; border-radius: 50%; display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #26a4f0; }
.footer-pane .social-footer ul li .twt:hover { background-color: #26a4f0; color: #FFFFFF; border: 1px dashed #26a4f0}
.footer-pane .social-footer .yt { color: #d32727; border-radius: 50%; display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #d32727; }
.footer-pane .social-footer .yt:hover { background-color: #d32727; color: #FFFFFF; border: 1px dashed #d32727}
.footer-pane .social-footer .ld { color: #007bb6; border-radius: 50%; display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #007bb6; }
.footer-pane .social-footer .ld:hover { background-color: #007bb6; color: #FFFFFF; border: 1px dashed #007bb6}
.footer-pane .social-footer .insta { color: #d6249f; display: block; border-radius: 50%; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 40px; background: transparent; border: 1px dashed #d6249f; }
.footer-pane .social-footer .insta:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #FFFFFF; border: 1px dashed #d6249f}

.home-testimonials{ background:#FFFFFF; float:left; width:100%; position:relative; padding:40px 0px 0px 0px}
.home-testimonials .content-box{ background:#FFFFFF; border-radius:5px; box-shadow:0px 0px 10px 2px #efefef; padding:20px; margin:10px 5px 40px 5px;}
.home-testimonials .content-box i.fa{ color:#00a651; font-size:36px; margin-bottom:15px;}
.home-testimonials .content-box p{ font-size:16px; line-height:26px; text-align:left; color:#000000; margin-bottom:20px;}
.home-testimonials .content-box h5{ font-size:16px; color:#0c2d72; font-weight:600; line-height:26px;}
.home-testimonials .content-box h5 span{ display:block; font-weight:500; color:#000000; font-size:14px;}
.home-testimonials .owl-nav .owl-next { right: -90px; border: 1px dashed #180c54; background: #ffffff; color: #000000; top: 35%; position: absolute; font-size: 16px;}
.home-testimonials .owl-theme .owl-nav .owl-prev { background: #FFFFFF; color: #FFFFFF; right: 5%; position: absolute; font-size: 16px; top: 35%; left: -90px;}
.home-testimonials .owl-theme .owl-nav .owl-prev, .home-testimonials .owl-theme .owl-nav .owl-next { padding: 0px; color: #000000; font-size: 16px; display: inline-block; cursor: pointer; background-color: #FFFFFF; width: 52px; text-align: center; height: 52px; line-height: 52px; border: 1px dashed #180c54;}
.home-testimonials .owl-theme .owl-nav .owl-prev, .home-testimonials .owl-theme .owl-nav .owl-next:hover { background: #FFFFFF; color: #000000;}

.home-certi{ background:#f8f8ff; float:left; width:100%; position:relative; padding:40px 0px 0px 0px; text-align:center;}
.home-certi ul{ margin:0; padding:0;}
.home-certi ul li{ display:inline-block; text-align:center; margin:0px 15px 40px 15px;}

.home-customers{ background:#FFFFFF; float:left; width:100%; position:relative; padding:40px 0px 40px 0px;}
.home-customers .logo-box{ position:relative;}
.home-customers .owl-theme .owl-nav .owl-prev, .home-customers .owl-theme .owl-nav .owl-next {padding: 0px; color: #180c54; font-size: 16px; margin: auto 5px; display: inline-block; cursor: pointer; background-color: #FFFFFF; width: 40px; text-align: center; height: 40px; line-height: 40px; border: 1px dashed #180c54; border-radius: 50%;}
.home-customers .owl-theme .owl-nav [class*=owl-]:hover {background: #FCFCFC; color: #180c54!important; text-decoration: none; transition: .8s linear; border: 1px dashed #180c54;}

.home-accreditations{ background:#f8f8ff; float:left; width:100%; position:relative; padding:40px 0px 0px 0px;}
.home-accreditations .accreditations-box{ border:1px dashed #d7d7d7; margin-bottom:40px; text-align:center; background:#FFFFFF;}

.home-abt{ background:#FFFFFF; float:left; width:100%; position:relative; padding:40px 0px 0px 0px;}
.home-abt:after{ position:absolute; background:url(../images/flower.png) no-repeat top right; width:70px; height:170px; right:0; content:''; top:0;}
.home-abt .img-section{ position:relative; margin-bottom:40px;}
.home-abt .content-section{ position:relative; margin-bottom:40px;}
.home-abt .content-section h3{ font-size:24px; color:#000000; font-weight:600; margin-bottom:20px;}
.home-abt .content-section p{ font-size:16px; line-height:26px; text-align:justify; margin-bottom:20px;}

.desktop-banner{ background:#FFFFFF; float:left; width:100%; position:relative; display:block}
.mob-banner{ background:#FFFFFF; float:left; width:100%; position:relative; display:none}
.desktop-banner h5{ color:#FFFFFF; font-size:72px; font-weight:700; margin-bottom:15px;}
.desktop-banner p{ font-size:24px; margin-right:30px; text-align:center; font-weight:600;}
.desktop-banner .carousel-caption{ padding-bottom:90px;}
.header-top{ position:relative; display:flex; align-items:center; justify-content:right; padding:12px 0px;}
.header-top .top-contact{ position:relative;}
.header-top .top-contact ul{ margin:0; padding:0;}
.header-top .top-contact ul li{ list-style-type:none; display:inline-block; font-size:16px; color:#000000; border-right:1px solid #000000; padding:0px 10px; line-height:16px;}
.header-top .top-contact ul li:last-child{ border:none;}
.header-top .top-contact ul li i.fa{ margin-right:5px; color:#000000;}
.header-top .top-contact ul li a{ color:#000000;}

.header-top .social-top { position:relative;}
.header-top .social-top ul { list-style: outside none none; margin: 0; padding: 0; }
.header-top .social-top ul li { display: inline-block; margin: 0px 5px 0 0px; color: #ffffff; font-size: 15px; }
.header-top .social-top a { background-image: none; text-decoration: none; }
.header-top .social-top ul li .fb { color: #3b5998; display: block; font-size: 16px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s;background: transparent;}
.header-top .social-top ul li .fb:hover {color: #3b5998;}
.header-top .social-top .ld { color: #007bb6; display: block; font-size: 16px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; background: transparent;}
.header-top .social-top .ld:hover {color: #007bb6;}
.header-top .social-top .insta {color: #d6249f; display: block; font-size: 16px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; background: transparent;}
.header-top .social-top .insta:hover {color: #d6249f;}
.step-desktop{ background:#f9fff8; float:left; width:100%; position:relative; display:block; padding:40px 0px;}

.breadcrumb-section {width: 100%; float: left; position: relative; background-attachment: scroll!important; background-size: cover!important; background-repeat: no-repeat!important; background-position: center top!important; padding: 80px 0px;}
.breadcrumb-section .title{ position:relative; text-align:center;}
.breadcrumb-section .title h1{ font-size:72px; color:#FFFFFF; margin-bottom:10px; text-align:center; font-weight:700;}
.breadcrumb-section .breadcrumb-pane { position: relative; text-align:center;}
.breadcrumb-section .breadcrumb-pane ul {margin: 0; padding: 0;}
.breadcrumb-section .breadcrumb-pane ul li {list-style-type: none; text-align: left; color: #FFFFFF; display: inline; text-transform: capitalize; font-size: 16px;}
.breadcrumb-section .breadcrumb-pane ul li a {text-decoration: none; color: #FFFFFF;}
.breadcrumb-section .breadcrumb-pane ul li a:hover {text-decoration: none; color: #00a651;}
.breadcrumb-section .breadcrumb-pane ul li a::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #FFFFFF; content: "\f178"; font-family: FontAwesome; font-size: 13px;}

.clients{ background:#FFFFFF; float:left; width:100%; position:relative; display:block; padding:30px 0px 0px 0px;}
.clients .client-box{ position:relative; margin-bottom:30px; border:1px solid #d7d7d7; text-align:center; padding:20px;}

.contact-map{ background:#FFFFFF; float:left; width:100%; position:relative; display:block;}
.contact-pane{ background:#FFFFFF; float:left; width:100%; position:relative; display:block; padding:30px 0px 0px 0px;}
.contact-pane .address-content{ background:#FFFFFF; border-radius:5px; padding:30px 25px; box-shadow:0px 0px 10px 2px #efefef; margin-bottom:30px;}
.contact-pane .address-content h3{ color:#000000; font-size:24px; font-weight:700; margin-bottom:10px;}
.contact-pane .address-content p{ font-size:16px; line-height:26px; color:#000000;}
.contact-pane .address-content ul{ margin:0; padding:0;}
.contact-pane .address-content ul li{ list-style-type:none; display:block; padding:0px 0px 15px 0px; border-bottom:1px dashed #c2c2c2; margin-bottom:15px;}
.contact-pane .address-content ul li .address-content-pane{ display:flex; align-items:center; position:relative;}
.contact-pane .address-content ul li .address-content-pane .icon-pane{ width:60px; height:60px; border:1px dashed #406618; border-radius:50%; margin-right:20px; text-align:center;}
.contact-pane .address-content ul li .address-content-pane .icon-pane i.fa{ color:#26ad62; font-size:24px; padding:18px 23px;}
.contact-pane .address-content ul li .address-content-pane .content{ font-size:16px; color:#000000; line-height:26px;}
.contact-pane .address-content ul li .address-content-pane .content a{ color:#000000;}

.contact-pane .form-section {position: relative;}
.contact-pane .form-section h5 {font-size: 20px; text-transform: uppercase; text-align: left; margin-bottom: 20px; color: #5c8400; font-weight: 700;}
.contact-pane .form-section .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.contact-pane .form-section .form-group {margin-bottom: 1rem;}
.contact-pane .form-section .form-row>.col, .form-row>[class*=col-] {padding-right: 10px; padding-left: 10px;}
.contact-pane .form-section .form-check {margin-bottom: 0px; padding-left: 10px;}
.contact-pane .form-section .btn-form-submit {background: #0b2967; color: #FFFFFF; padding: 13px 25px;  border: 1px dashed #0b2967; font-size: 16px; font-weight: 600; text-transform: uppercase; display: inline-block; text-align: center;}
.contact-pane .form-section .btn-form-submit:hover {background: #ffffff; color: #0b2967; border: 1px dashed #0b2967; transition: 0.8s linear;}
.contact-pane .form-section .form-control {border-radius: 0px; background-color: transparent; color: #000000; font-size: 13px; border: 1px solid #d9d9d9; padding: 0.675rem .60rem;}
.contact-pane .form-section input, .form-section select {height: 50px!important; box-shadow: none;}
.contact-pane .form-section textarea {height: 80px!important; box-shadow: none;}
.contact-pane .form-section .input-group-addon:last-child {border-left: 0;}
.contact-pane .form-section label {font-size: 16px; color: #000000; margin-bottom: 5px; display: block;}
.contact-pane .form-section label span {color: #ff0000;}
.contact-pane .form-section select option {font-size: 15px;}

.certification-first{ background:#FFFFFF; float:left; width:100%; position:relative; display:block; padding:40px 0px; text-align:center;}
.certification-first p{ font-size:16px; text-align:center; margin-bottom:20px; color:#000000; line-height:26px;}
.certification-first ul{ margin:0; padding:0;}
.certification-first ul li{ list-style-type:none; display:inline-block; margin:0px 8px}
.certification-first ul li .green-btn{ background:#3ca063; border-radius:5px; padding:13px 15px; color:#FFFFFF; font-size:16px; text-transform:uppercase; font-weight:600; display:block;}
.certification-first ul li .blue-btn{ background:#1f1a7a; border-radius:5px; padding:13px 15px; color:#FFFFFF; font-size:16px; text-transform:uppercase; font-weight:600; display:block;}

.certification-seccond{ background:#ebebeb; float:left; width:100%; position:relative; display:block; padding:40px 0px;}
.certification-seccond ul {--col-gap: 2rem; --row-gap: 2rem; --line-w: 0.25rem; display: grid; grid-template-columns: var(--line-w) 1fr; grid-auto-columns: max-content; column-gap: var(--col-gap); list-style: none; /*width: min(60rem, 90%);*/ margin-inline: auto;}
.certification-seccond ul::before {content: ""; grid-column: 1; grid-row: 1 / span 20; background: rgb(225, 225, 225); border-radius: calc(var(--line-w) / 2);}
.certification-seccond ul li:not(:last-child) { margin-bottom: var(--row-gap);}
.certification-seccond ul li {grid-column: 2;  --inlineP: 1.5rem; margin-inline: var(--inlineP); grid-row: span 2; display: grid; grid-template-rows: min-content min-content min-content;}
.certification-seccond ul li .date {--dateH: 3rem; height: var(--dateH); margin-inline: calc(var(--inlineP) * -1); text-align: center; background-color: var(--accent-color); color: white; font-size: 1.25rem; font-weight: 700; display: grid; place-content: center; position: relative; border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);}
.certification-seccond ul li .date::before {content: ""; width: var(--inlineP); aspect-ratio: 1; background: var(--accent-color); background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent); position: absolute; top: 100%; clip-path: polygon(0 0, 100% 0, 0 100%); right: 0; }
.certification-seccond ul li .date::after {content: ""; position: absolute; width: 2rem; aspect-ratio: 1; background: var(--bgColor); border: 0.3rem solid var(--accent-color); border-radius: 50%; top: 50%; background:#FFFFFF; transform: translate(50%, -50%); right: calc(100% + var(--col-gap) + var(--line-w) / 2);}
.certification-seccond ul li .title,
.certification-seccond ul li .descr {background: var(--bgColor); position: relative; padding-inline: 1.5rem; }
.certification-seccond ul li .title {overflow: hidden; padding-block-start: 1.5rem; padding-block-end: 1rem; font-weight: 600; font-size:18px;}
.certification-seccond ul li .descr {padding-block-end: 1.5rem; font-size:15px;}
.certification-seccond ul li .title::before{content: ""; position: absolute; width: 90%; height: 0.5rem; background: rgba(0, 0, 0, 0.5);left: 50%; border-radius: 50%; filter: blur(4px); transform: translate(-50%, 50%);}
.certification-seccond ul li .descr::before {content: ""; position: absolute; width: 90%; height: 0.5rem; background: rgba(0, 0, 0, 0.5); left: 50%; border-radius: 50%; filter: blur(4px); transform: translate(-50%, 50%);}
.certification-seccond ul li .title::before {bottom: calc(100% + 0.125rem);}
.certification-seccond ul li .descr::before {z-index: -1; bottom: 0.25rem;}
@media (min-width: 40rem) {
.certification-seccond ul {grid-template-columns: 1fr var(--line-w) 1fr;}
.certification-seccond ul::before {grid-column: 2;}
.certification-seccond ul li:nth-child(odd) {grid-column: 1;}
.certification-seccond ul li:nth-child(even) {grid-column: 3;}
.certification-seccond ul li:nth-child(2) {grid-row: 2/4;}
.certification-seccond ul li:nth-child(odd) .date::before {clip-path: polygon(0 0, 100% 0, 100% 100%); left: 0;}
.certification-seccond ul li:nth-child(odd) .date::after {transform: translate(-50%, -50%); left: calc(100% + var(--col-gap) + var(--line-w) / 2);}
.certification-seccond ul li:nth-child(odd) .date {border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;}
}

.certification-third{background:#FFFFFF; float:left; width:100%; position:relative; display:block; padding:40px 0px 0px 0px;}
.title-left-wht{ font-size:20px; font-weight:600; padding:10px 15px; border:1px dashed #DDDDDD; text-align:left; margin-bottom:30px;}

.certification-third .img-section{ background:#FFFFFF; box-shadow:0 0px 15px rgba(0, 0, 0, 0.1); margin-bottom:30px; padding:10px;}
.certification-third .content-section{ position:relative;}
.certification-third .content-section h6{ font-size:18px; font-weight:600; margin-bottom:20px; color:#000000;}
.certification-third .content-section p{ font-size:16px; text-align:justify; line-height:26px; color:#000000; margin-bottom:20px;} 

.com-first{background:#FFFFFF; float:left; width:100%; position:relative; padding:40px 0px 10px 0px;}
.com-first p{ text-align:center; font-size:16px; margin-bottom:30px; line-height:26px; color:#000000;}

.com-second{background:#0c2d72; float:left; width:100%; position:relative; display:flex;}
.com-second .left-section{ width:50%; position:relative; background:#06a855; padding:35px 30px 0px 30px;}
.com-second .left-section ul{ margin:0; padding:0;}
.com-second .left-section ul li{ list-style-type:none; display:flex; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #FFFFFF;}
.com-second .left-section ul li .number-round{ width:75px; height:75px; border:1px dashed #FFFFFF; border-radius:50%; font-size:22px; color:#FFFFFF; font-weight:700; text-align:center; line-height:75px; margin-right:20px; padding:0px 31px;}
.com-second .left-section ul li .text-content{ text-align:justify; color:#FFFFFF; font-size:16px; line-height:26px;}

.com-second .right-section{ width:50%; position:relative; padding:35px 30px 0px 30px;}
.com-second .right-section ul{ margin:0; padding:0;}
.com-second .right-section ul li{ list-style-type:none; display:flex; width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #FFFFFF;}
.com-second .right-section ul li .number-round{ width:75px; height:75px; border:1px dashed #FFFFFF; border-radius:50%; font-size:22px; color:#FFFFFF; font-weight:700; text-align:center; line-height:75px; margin-right:20px; padding:0px 31px;}
.com-second .right-section ul li .text-content{ text-align:justify; color:#FFFFFF; font-size:16px; line-height:26px;}

.abt-first{background:#FFFFFF; float:left; width:100%; position:relative; padding:40px 0px 20px 0px;}
.abt-first p{ font-size:16px; text-align:center; line-height:26px; color:#000000; margin-bottom:20px;}
.abt-first .icon-content{ text-align:center; position:relative;}
.abt-first .icon-content .img-section{ text-align:center; margin-bottom:15px;}
.abt-first h3{ font-size:22px; text-align:center; color:#000000; margin-bottom:10px; font-weight:600;}
.abt-first .mid-img{ background:#FFFFFF; padding:10px; box-shadow:0px 0px 30px 5px #EFEFEF; margin-bottom:30px;}

.abt-second{background:#f8f8ff; float:left; width:100%; position:relative; padding:40px 0px 20px 0px;}
.abt-second .points{ position:relative; display:flex; margin-bottom:20px; align-items:center;/* padding:20px 0px 20px 88px;*/}
.abt-second .points .numbers{ display:inline-block; left:0; top:0; width:68px; height:68px; line-height:68px; font-size:20px; font-weight:700; color:#00a651; border:1px dashed #00a651; border-radius:50%; text-align:center;}
.abt-second .points p{ font-size:16px; line-height:26px; color:#000000; margin:0px 0px 0px 20px;}