* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    color: #000000;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    position: relative;
    --screen-width: calc(100vw - (100vw - 100%));
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

html {
    overflow-x: hidden;
}

h1 {
    font-family: "Cormorant Garamond", serif;
}

h2 {  font-family: "Cormorant Garamond", serif;
}

h3, .h3 {
    font-size: 45px;
    margin: 0;
}

h4, .h4 {
    font-size: 24px;
    margin: 0;
}

h5, .h5 {
    font-size: 20px;
    margin: 0;
}

h6, .h6 {
    font-size: 16px;
    margin: 0;
    ; }

p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

a, a:hover {
    text-decoration: none;
    transition: 0.3s all ease-in-out;
}

ul {
    margin: 0px;
    padding: 0;
}

.clearfix:before,.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

a {
    text-decoration: none;
}

/**********animation**********/
@media (prefers-reduced-motion: no-preference) {
    .animate-this {
        opacity: 0;
        transform: translateY(50px);
    }

    .animate-this.animated {
        animation: fade-in 0.8s ease-in-out forwards;
    }

    .animate-this.rtl {
        opacity: 0;
        transform: translateX(50px);
    }

    .animate-this.animated.rtl {
        animation: fade-in-right 0.8s ease-in-out forwards;
    }

    .animate-this.lft {
        opacity: 0;
        transform: translateX(-20px);
    }

    .animate-this.animated.lft {
        animation: fade-in-left 0.8s ease-in-out forwards;
    }

    @keyframes fade-in {
        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @keyframes fade-in-right {
        to {
            opacity: 1;
            transform: translateX(0px);
        }
    }

    @keyframes fade-in-left {
        to {
            opacity: 1;
            transform: translateX(0px);
        }
    }
}

@keyframes tp-animate {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, -10px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/*****header*****/
.container {
    padding: 0px 20px;
}
.top_header {
    background: #C8A96B;
    padding: 5px 0px;
}
.top_header p {
    color: #111111;
    text-transform: uppercase;
    letter-spacing:3px;
    font-weight: 700;
    margin: 0;
    font-size: 12.5px;
}
.header {
    padding: 40px 0px 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}

.header.stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	padding: 10px 0px 0;
}
.header.stick .navbar-collapse{
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
.header.stick .navbar-collapse{padding: 6px 20px;    transition: all 0.3s;transition:all 0.3s;}
.logo {
    width: 210px;
	position: relative;
}
.logo a{
	position: relative;
}
.logo img {
    width: 100%;
}

a:focus-visible {
    outline: none;
}

.navbar {
    padding: 0;
    flex-wrap: wrap;
    max-width: 850px;
    margin: 0 auto;
}

.navbar-collapse {
    width: 100%;
    background: #FFFFFF;
    border-radius:60px;
    padding: 20px 30px;
	justify-content: space-between;
}

.nav-menu {
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.nav-menu li a {
    color: #0B1F3A;
    font-weight: 500;
    padding: 0;
}
.nav-menu li:last-child a{
    background: #1E5AA8;
    color: #FFFFFF;
    padding: 12px 20px 13px !important;
    display: inline-block;
    border-radius: 30px;
}
.nav-menu li.active a{
	color: #C8A96B;
	   
		
}
.nav-menu li a:hover {
    color: #C8A96B;
}
.navbar_main {
    display: flex;
    gap: 30px;
    align-items: center;
}

.navbar_top {
    padding-bottom: 10px;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

/*****footer*****/
.footer {
    background: #0B1F3A;
    padding: 30px 0 0;
}

.footer-logo {
    max-width: 430px;
}

.footer-logo img {
    width: 100%;
    max-width:220px;
    margin-bottom: 25px;
}

.footer-logo p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #FFFFFF;
}

.footer_main {
    flex-wrap: flex;    
    gap:40px;
	justify-content: space-around;
}

.footer_links h4, .service_links h4,  .contact_links h4{
    color: #FFFFFF;
    font-size: 20px;
    font-family: "Satoshi-Bold", sans-serif;
    margin-bottom: 20px;
}

.footer_links ul li, .service_links ul li {
    display: block;
    margin-bottom: 6px;
}

.footer_links ul li a , .service_links ul li a{
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
	
}
.footer_links ul li a:hover, .service_links ul li a:hover {
	color:#C8A96B !important;
}
.contact_links a {
    color:#fff !important;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 8px;
}
.contact_links a img{width:30px; height:auto;}
.contact_links a:hover{color:#C8A96B !important;}
.footer-row {
    padding-bottom: 50px;
    position: relative;
}

.footer-row:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url('../images/line.svg') no-repeat;
    background-size: 100%;
}

.footer-btmrow {
    padding: 24px 0px;
    align-items: center;
}

.footer-btmrow p {
    font-size: 16px;
    color: #a1abba;
    margin: 0;
}

.footer-btmrow p a {
    color: rgba(255, 255, 255, 0.8);
}
#backToTop{
    position:fixed;
    right:25px;
    bottom:25px;
    width:55px;
    height:55px;
    background:#ffffff;
    color:#1e5aa8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
}

#backToTop.show{
    opacity:1;
    visibility:visible;
}

#backToTop:hover{
    background:#1e5aa8;
    color:#fff;
    transform:translateY(-3px);
}

#backToTop i{
    font-size:20px;
}
/*****client-sec*****/
.client-sec {
    background: rgba(0, 46, 3, 0.05);
	padding: 45px 0px;
}
.branch_sec {
	padding: 45px 0px;
}

.comon-padd {
    padding: 55px 0px;
}
.comon-padd-no-btm {
  padding: 55px 0px 0;
}
.h3 {
    font-size: 68px;
    font-family: "Cormorant Garamond", serif;
}
.title {
    max-width: 1396px;
}
.title .h3 {
    border-bottom: 1px solid #C8A96B;
    position: relative;
    line-height: 1.1;
    display: inline-block;
    padding-bottom: 10px;
	font-weight: 400;
}
.title .h3:before {
        content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 80px;
    height: 8px;
    background: #C8A96B;
}

.card {
    border: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0px 20px;
    border-radius: 24px;
    height: 240px;
    align-items: center;
    justify-content: center;
	    transition: transform 0.3s ease;
}
.card:hover {
    transform: translateY(-5px);
}
.card img {
    object-fit: contain;
    height: 200px;
}

.card-col {
    margin-top: 20px;
}

.institutional_client {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 80px;
}

/*****achievements-sec*****/
.achievements-sec {
    background-image: linear-gradient(to bottom, rgba(0, 46, 3, 0.01), rgba(0, 46, 3, 0.05));
}

.achievement_box {
    padding: 12px 12px;
    background: #FFFFFF;
    border-bottom: 12px solid #0A520F;
    border-radius: 24px;
    display: flex;
    gap: 30px;
    align-items: center;
    box-shadow: 0 2px 14px #002D0329;
}

.achievement_img {
    width: 50%;
}

.achievement_txt {
    width: 50%;
}

.achievement_txt p {
    max-width: 385px;
    margin: 0;
}

.achievement_img img {
    border-radius: 20px;
}
.award_slider .items {
	margin: 10px;
}

.award_box {
    padding: 12px 12px;
    background: #FFFFFF;
    border-bottom: 12px solid #0A520F;
    border-radius: 24px;
    box-shadow: 0 2px 12px #002D0329;
}

.award_image {
    width: 100%;
    position: relative;
    padding-bottom: 74%;
    margin-bottom: 20px;
}

.award_image > img {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.award_text {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.achievement_txt p {
    margin: 0;
}

.achievement_img img {
    border-radius: 20px;
}

a.btn-outline {
    border: 1px solid #002D03;
    border-radius: 8px;
    padding: 12px 20px;
    text-align: center;
    color: #002D03;
    font-family: "Satoshi-Bold", sans-serif;
}
a.btn-outline:hover{
	background-color: #0A520F;
    color: #fff;
}
a.btn-outline:hover img {
    filter: brightness(0) invert(1);
}
a.btn-outline span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

a.btn-outline span img {
    width: 18px;
    margin-top: 4px;
}

.catalog_box {
    padding: 12px 12px;
    background: #FFFFFF;
    border-bottom: 12px solid #0A520F;
    border-radius: 24px;
    box-shadow: 0 2px 24px #002D0329;
	    transition-duration: 0.3s;
}
.catalog_box:hover {
    transform: scale(1.025);
}
.catalog_image {
    width: 100%;
    position: relative;
    padding-bottom: 54%;
    margin-bottom: 20px;
}

.catalog_image > img {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.catalog_text {
    padding: 0px 6px;
}

.catalog_text p {
    color: rgba(0, 0, 0, 0.54);
}

.h4 {
    font-size: 22px;
    font-family: "Satoshi-Bold", sans-serif;
    margin-bottom: 10px;
}
.catalog-sec {
	padding: 40px 0px;
}
.catalog-sec .title {
    max-width: 800px;
    margin: 0 auto;
}

/*****contact*****/
.home-contact {
    background: #F5F8FC;
}
.contact-text p {
    color: #FFFFFF;
    font-family: "Satoshi-Medium", sans-serif;
    position: relative;
    padding-left: 25px;
}

.contact-text p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 40px;
}

.contact-text p strong {
    font-weight: 400;
}

.contact-text p span {
    display: block;
    color: rgba(255, 255, 255, 0.46);
    font-size: 16px;
}
ul.project_list  {
    margin-bottom: 30px;
}
.contact-text ul li{
	display: block;
	color: #111111;
	font-size: 16px;
	margin-bottom: 15px;
	position: relative;
	padding-left:37px;
}
.contact-text ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	background: url('../images/check.svg') no-repeat;
	background-size: 25px;
}
.contact-text a {
    color: #111111;
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
    display: inline-block;
}
.contactpage_form h6 {
    display: flex;
    color: #666666;
    font-size: 18px;
    gap: 12px;
    margin-bottom: 15px;
}

.contactpage_form h6 img {
    width: 30px;
}

.contactpage_form h2 {
    font-size: 30px;
    color: #222222;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.contactpage_form p {
    font-size: 18px;
    color: #666666;
    margin-bottom: 12px;
}

.contactpage_form label {
    font-size: 14px;
    color: #111111;
    text-transform: capitalize;
    margin-bottom: 0;
}

.form {
    margin-top: 20px;
}

.form div.halfs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

input, select {
    border-radius: 0;
    padding: 12px 0;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    background: transparent !important;
    color: #111111 !important;
    border: 0;
    border-bottom: 1px solid #ccc;
}
#file-2{ border-bottom:0px solid #ccc;}
.contactpage_form input:focus-visible , .contactpage_form textarea:focus-visible {
	outline: none;
}
.contactpage_form input::placeholder , .contactpage_form textarea::placeholder {
	color: #111111;
}
textarea {
    border-radius: 0;
    padding: 12px 0;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    background: transparent !important;
    color: #111111 !important;
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 50px;
}

input[type=submit] {
    background: #1E5AA8 !important;
    border: 0;
    padding: 12px 50px 13px;
    display: block;
    text-align: center;
    color: #FFFFFF !important;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 50px;
    width: 100%;
    font-weight: 700;
}

input[type="checkbox"][name="your-consent"] {
    display: none;
}
/* Autofill fix */
.contactpage_form input:-webkit-autofill,
.contactpage_form input:-webkit-autofill:hover,
.contactpage_form input:-webkit-autofill:focus,
.contactpage_form textarea:-webkit-autofill,
.contactpage_form select:-webkit-autofill {
    
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #333 !important;
    
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
}
/* Label styling */
input[type="checkbox"][name="your-consent"] + .wpcf7-list-item-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 15px;
    color: rgba(102, 102, 102, 0.6);
}

/* Custom box */
input[type="checkbox"][name="your-consent"] + .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    border-radius: 10px;
    background: transparent;
    transition: 0.3s;
}

/* Tick mark */
input[type="checkbox"][name="your-consent"]:checked + .wpcf7-list-item-label::after {
    content: "✔";
    position: absolute;
    left: 4px;
    top: -4px;
    font-size: 14px;
    color: #000000;
}

.wpcf7-list-item {
    margin: 0;
}

.connect_sec {
    background: #002D03;
}

.connect_title {
    max-width: 1396px;
    margin: 0 auto;
}

.connect_title h3 {
    color: #FFFFFF;
    margin-bottom: 15px;
    font-family: "Satoshi-Bold", sans-serif;
	text-transform: capitalize;
}

.connect_title p {
    color: #FFFFFF;
}

.connect_box {
    background-color: #FFFFFF;
    padding: 30px 26px;
    border-radius: 16px;
	transition-duration: 0.3s;
}
.connect_box:hover {
    transform: scale(1.025);
}

.connect_img {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
}

.connect_img img {
    width: 18px;
}

.connect_txt h6 {
    font-family: "Satoshi-Bold", sans-serif;
}

.connect_txt p {
    margin-bottom: 10px;
}

.connect_txt a {
    text-decoration: underline;
    color: #000000;
}

.map_sec iframe {
    border-radius: 40px;    display: block;
}

.map_box {
    padding: 30px 30px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 450px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    border-radius: 30px;
}

.map_box h5 {
    color: #3B3B3B;
    font-size: 28px;
    font-family: "Satoshi-Medium", sans-serif;
    margin-bottom: 12px;
}

.map_box p {
    font-size: 16px;
    color: #000000;
    font-family: "Satoshi-Medium", sans-serif;
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0;
}

.map_box p img {
    width: 24px;
}

.map_box a {
    border: 1px solid #151515;
    color: #1F1F1F;
    font-size: 16px;
    padding: 14px 30px;
    display: inline-block;
    border-radius: 20px;
    position: absolute;
    right: 30px;
    top: 20px;
}

.map_box a img {
    width: 13px;
    margin-top: -2px;
    margin-left: 2px;
}

.branch_title h3 {
    font-family: "Satoshi-Bold", sans-serif;
    margin-bottom: 15px;
}

.branch_box {
    background: #EBEEEB;
    border-radius: 4px 4px 12px 12px;
    padding: 12px;
    border-bottom: 6px solid #0A520F;
    height: 100%;
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
}
.branch_box:hover {
    transform: scale(1.025);
}
.branch_img {
    width: 100%;
    position: relative;
    padding-bottom: 55%;
    margin-bottom: 15px;
    transition: 0.4s ease;
}
.branch_img > img {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
	transition: 0.4s ease;
}
.branch_box:hover .branch_img {
    display: none;
}
.branch_txt h6 {
    color: #000000;
    font-family: "Satoshi-Bold", sans-serif;
    margin-bottom: 4px;
}
.branch_txt h6.subnames{
	 opacity: 0;
    height: 0;
}
.branch_txt p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 26px;
    display: block;
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 0px;
	opacity: 0;
    height: 0;
}
.branch_box:hover .branch_txt p {
    opacity: 1;
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.branch_box:hover .branch_txt h6.subnames{
	opacity: 1;
    height: auto;
}
.branch_txt span {
    color: #000000;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.branch_txt a {
    color: #000000;
    font-size: 16px;
	    display: inline-block;
}
.branch_txt a.view-btn {
    text-decoration: underline;
}
.branch_col {
    margin-top: 15px;
}

/*****resposnive*****/
.testimonial_sec {
    background: rgba(0, 46, 3, 0.05);
}

.testimonial_title h6 {
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.testimonial_title h3 {
    text-transform: capitalize;
}

.testimonial-box {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 25px 25px;
    position: relative;
    height: 100%;
	transition: transform 0.3s ease;
}
.testimonial-box:hover {
    transform: translateY(-5px);
}

.testimonial-txt {
    margin-bottom: 30px;
}

.testimonial-txt img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50px !important;
    margin-bottom: 20px;
}

.testimonial-txt p {
    font-size: 16px;
    line-height: 26px;
}

.testimonial-clientxt h6 {
    font-size: 22px;
    font-family: "Satoshi-Medium", sans-serif;
    margin-bottom: 5px;
}

.testimonial-clientxt span {
    color: #828282;
    font-size: 16px;
}

.testimonial-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.testimonial-image > img {
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

.button-icon {
    position: absolute;
    left: 0;
    background: transparent;
    border: 0;
    width: 75px;
    height: 75px;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

.button-icon img {
    width: 100%;
}

.testimonial-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    justify-content: space-between;
}

.testimonial-box.has-image .testimonial-clientxt h6, .testimonial-box.has-image .testimonial-clientxt span {
    color: #FFFFFF;
}

.infrastructure_desc {
    overflow-y: scroll;
    height: 350px;
    padding-right: 30px;
	    
}

.infrastructure_desc::-webkit-scrollbar {
    width: 4px
}

.infrastructure_desc::-webkit-scrollbar-track {
    background: #0C665F1A;
}

.infrastructure_desc::-webkit-scrollbar-thumb {
    background-color: #0C665F;
    border-radius: 5px
}

.media_sec {
    background: rgba(0, 46, 3, 0.05);
	padding: 45px 0px;
}

.categories-list {
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
    border-radius: 20px;
}

.categories-list a {
    padding: 12px 30px;
    margin-right: 30px;
    display: inline-block;
    color: #000000;
    font-family: "Satoshi-Medium", sans-serif;
}

.categories-list a:last-child {
    margin-right: 0px;
}

.categories-list a.active {
    background: #0A520F;
    border-radius: 9px;
    color: #FFFFFF;
}

.blog-grid .blog-card {
    padding: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 31.57%;
}

.blog-card-image {
    position: relative;
    padding-bottom: 65%;
}

.blog-card-image>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    z-index: 9;
}

.categories a {
    font-size: 20px;
    font-weight: 400;
    font-family: "Satoshi-Regular", sans-serif;
}

.blog-card h2 {
    font-size: 20px;
    font-family: "Satoshi-Bold", sans-serif;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.single_blogs {
    background: rgba(0, 46, 3, 0.05);
}

.single_blogs article {
    padding: 15px 15px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.blog-main {
    padding: 0px 50px;
}

.impactswrap {
    gap: 20px;
    border-top: 1px solid #888888;
    padding: 55px 0px;
    border-bottom: 1px solid #888888;
}

.impacts_box {
	transition: transform 0.3s ease;
}
.impacts_box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #00000000, #000000);
}

.impacts_box .items {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 30px;
}

.numcont p {
    font-size: 64px;
    line-height: 64px;
    color: #FFFFFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
    font-family: "Satoshi-Bold", sans-serif;
	    display: flex;
}

.impacts_box .items h5 {
    font-size: 16px;
    color: #FFFFFF;
}

.certificate_sec {
    background-image: linear-gradient(to bottom, rgba(0, 46, 3, 0.0), rgba(0, 46, 3, 0.03));
	padding-bottom: 45px;
}

.certificate_sec .title {
    max-width: 1021px;
    margin: 0 auto;
}

.certificate_box {
    background: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 12px 12px;
    margin: 12px;
}

.certificate_img {
    padding-bottom: 15px;
}

.certificate_img img {
    border-radius: 20px;
}

.certificate_text {
    padding: 15px 0;
    margin: 0px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.certificate_text h6 {
    font-family: "Satoshi-Bold", sans-serif;
    font-size: 22px;
    margin-bottom: 5px;
}

.certificate_text p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 16px;
    margin: 0;
    line-height: 23px;
}


.team_sec {
    background-image: linear-gradient(to bottom, rgba(0, 46, 3, 0.0), rgba(0, 46, 3, 0.03));
}

.timeline_sec {
    background: linear-gradient(90deg, #0e3d36 0%, #000 100%);
}

.timeline-wrapper {
    position: relative;
    overflow: hidden;
}

.timeline_sec h6 {
    color: #FFFFFF;
    font-size: 20px;
}

.timeline_sec h3 {
    color: #FFFFFF;
    font-family: "Satoshi-Bold", sans-serif;
}

.timeline-section {
    position: relative;
    padding: 120px 0;
    background: linear-gradient(90deg, #0e3d36 0%, #000 100%);
    overflow: hidden;
}

/* Horizontal scroll container */
.timeline-scroll {
    display: flex;
    gap: 120px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0 100px;
    position: relative;
}

/* Hide scrollbar */
.timeline-scroll::-webkit-scrollbar {
    display: none;
}

/* Center white line */
.timeline-section:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: translateY(-50%);
}

/* Timeline item */
.timeline-item {
    position: relative;
    padding: 0px 30px;
    color: #fff;
}

/* Dot */
.timeline-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

/* Vertical dashed line */
.timeline-item:after {
    content: "";
    position: absolute;
    left: 4px;
    width: 2px;
    border-left: 2px dashed #fff;
}

.timeline-item.top:after {
    top: 0;
    height: 100%;
}

.timeline-item.bottom:after {
    bottom: 0;
    height: 100%;
}

/* Content positioning */
.timeline-item.top .content {
    margin-bottom: 100px;
}

.timeline-item.bottom .content {
    margin-top: 100px;
}

/* Typography */
.year {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    margin-bottom: 15px;
}
/* YEAR STYLE */
.timeline-content .year {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    opacity: 1;
}

/* TITLE */
.timeline-content .title {
    font-size: 16px;
    font-weight: 7 00;
    margin-bottom: 40px;
}

/* DESCRIPTION */
.timeline-content .desc {
    font-size: 16px;
    line-height: 26px;
    color: #DADADA;
}

.timeline-slider .owl-item:nth-child(odd) .timeline_box {
}

.timeline-slider .owl-item:nth-child(even) .timeline_box {
    margin-top: 280px;
    margin-left: -20px
}

.item-box {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    margin: 12px;
    height: 100%;
}

.item-image img {
    border-radius: 12px;
}

.items_txt {
    padding: 30px 20px;
}

.items_toptxt {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.items_toptxt h3 {
    font-family: "Satoshi-Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.items_toptxt p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

.items_toptxt ul {
    position: absolute;
    right: 0;
    bottom: 22px;
    gap: 8px;
}

.items_toptxt ul li {
    display: inline-block;
}

.items_toptxt ul li img {
    width: 24px !important;
}

.items_btmtxt p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}

.banner_main { position: absolute; left: 0; right: 0; top: 50%; width: 100%;    transform: translateY(-40%); }
.banner_inn { max-width: 50%; }
.banner_inn h1 { color: #FFFFFF; margin-bottom: 20px; font-weight: 300;line-height: 70px;}
.banner_main p { color: #FFFFFF; font-size: 15px; }
a.btn-white { background: #FFFFFF; padding: 15px 30px 17px; color: #01340F; font-size: 18px;  font-family: "Satoshi-Bold", sans-serif; display: inline-block; }
a.btn-white span { display: flex; gap: 6px; }
a.btn-white span img { width: 17px !important;    margin-top: 4px; }
.destination_sec { background: url('../images/bg.webp') no-repeat; background-size: cover; }

.homecustomer_sec { background-image: linear-gradient(to bottom, rgba(0, 46, 3, 0.0), rgba(0, 46, 3, 0.03)); }
.client-slider .card { margin: 12px; }

.certificate-slider .owl-dots, .client-slider .owl-dots, .testimonial-slider .owl-dots ,
.product-slider .owl-dots, .team_slider .owl-dots, .award_slider .owl-dots  {
    margin-top: 30px;
    text-align: center;
    display: block !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.certificate-slider .owl-stage-outer {    display: flex; justify-content: center; }
.certificate-slider .owl-dots .owl-dot span, .client-slider .owl-dots .owl-dot span, 
.testimonial-slider .owl-dots .owl-dot span, .product-slider .owl-dots .owl-dot span, 
.team_slider .owl-dots .owl-dot span, .award_slider .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    background: rgba(0, 46, 3, 0.3);
    display: block;
    border-radius: 50%;
    margin: 0 4px;
}
.certificate-slider .owl-dots .owl-dot.active span, .client-slider .owl-dots .owl-dot.active span,
.testimonial-slider .owl-dots .owl-dot.active span, .product-slider .owl-dots .owl-dot.active span,
.team_slider .owl-dots .owl-dot.active span, .award_slider .owl-dots .owl-dot.active span {
    background: #002D03;
	 width: 10px;
    height: 10px;
}
.banner-home .owl-dots  {
        margin-top: -40px;
    text-align: center;
    display: block !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
}
.banner-home .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    border-radius: 50%;
    margin: 0 4px;
}
.banner-home .owl-dots .owl-dot.active span {
    background: #FFFFFF;
	 width: 10px;
    height: 10px;
}
.hometestimonial_sec { background: rgba(0, 46, 3, 0.05); }
.hometestimonial_sec .title { max-width: 820px; margin: 0; }
.hometestimonial_sec .title h6 { font-size: 20px; text-transform: uppercase; margin-bottom: 20px;
 letter-spacing: 4px; }
.hometestimonial_sec .owl-stage { display: flex;  }
.hometestimonial_sec .owl-stage .item { height: 98%;  }
.hometestimonial_sec .testimonial-box { margin: 10px; }


.difrent_sec { position: relative; }
.diifrent_main { width: 52%; margin-left: auto; }
.diifrent_img { padding-bottom: 20px; position: relative; margin-bottom: 20px; }
.diifrent_img:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;
background: url('../images/line.svg') no-repeat; background-size: cover;     transform: rotate(180deg); }
.diifrent_img img { width: 60px; }
.diifrent_txt h6 { font-size: 20px; color:#FFFFFF; font-family:"Satoshi-Bold", sans-serif; margin-bottom: 10px;}
.diifrent_txt p { color: #FFFFFF; }

.product_sec  { background: rgba(0, 46, 3, 0.05); }
.product_img {position: relative; padding-bottom: 120%;  }
.product_img>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover; border-radius: 24px;  }
.product_img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #00000000, #000000);
    border-radius: 24px;
	z-index: 9;
}
.product_txt { position: absolute; bottom: 0; padding: 20px 20px; left: 0; right: 0; width: 100%; z-index: 9;}
.product_txt h4 { font-size: 34px; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-bottom: 10px;
padding-bottom: 10px; font-family:"Satoshi-Bold", sans-serif; text-transform: uppercase; }
.product_txt a { color: #FFFFFF; text-decoration: underline;  }
.product_txt a span { display: flex; gap: 10px; align-items: center; }
.product_txt a img { width: 36px !important; }
.title .h3 strong { font-weight:  700;}
.title .sub-head strong { font-weight:  700; font-size: 18px;    display: block; }
.homeabout_box { padding-left: 30px; }
.homeabout_box h3 { font-size: 54px;  }
.homeabout_box p { max-width: 655px; }
.homeabout_box ul { width: 65%; }
.homeabout_box ul li { display: block; gap: 15px; }
.homeabout_icon img { width: 70px !important; margin-bottom: 15px;  }
.homeabout_txt h6 {font-weight: 700; font-size: 20px; margin-bottom: 10px;	}
.homeabout_txt p { font-size: 16px; line-height: 26px; margin: 0; }
.homeabout_image {  position: relative;}
.homeabout_smtxt { position: absolute; right: 0; bottom: 0; border-right: 5px solid #FFFFFF;    margin: 20px; 
text-align: right; padding-right: 15px; }

.homeabout_bgbox {     background: #085544;
    padding: 25px 25px;
    position: absolute;
    left:-128px;
    bottom: -35px;
    width: 316px;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: end;}
a.btn-green { background: #0A520F; padding: 15px 30px 17px; color: #FFFFFF; font-size: 18px;  font-family: "Satoshi-Bold", sans-serif; display: inline-block; }
a.btn-green span { display: flex; gap: 10px; align-items: center; }
a.btn-green span img { width: 13px !important;    margin-top: 4px; }
.homeabout_smtxt h6 { font-family:"Satoshi-Bold", sans-serif; font-size: 20px; }
.homeabout_smtxt p { font-size: 16px; line-height: 26px; margin: 0;  }
.title .h3 , .diifrent_main .h3 { text-transform: capitalize; }
.homeabout_sec { padding-bottom:70px !important; }
.btn-prime {
    background: #1E5AA8;
    color: #FFFFFF;
    padding: 12px 30px 13px !important;
    display: inline-block;
    border-radius: 30px;
}
.home_desc { margin-bottom: 30px; }
/**********nav-icon**********/
.nav-icon { display: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;	z-index: 9;	width: 24px;
 height: 20px; position: absolute; top: 25px; right: 33px;  border-radius:4px; }
.nav-icon span{display: block; position: absolute; height: 2px; background: #1A3052; opacity: 1; left: 6px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;	-o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) 	{ top: 0px;	width:24px; right: 0px;	left: auto;}
.nav-icon span:nth-child(2)	{top: 8px; width:24px;  right: 0px;  left: auto;}
.nav-icon span:nth-child(3)	 { top: 16px; width:24px;  right: 0px;  left: auto;}
.nav-icon.open span:nth-child(1){top: 8px;    right: 0px; -webkit-transform: rotate(135deg);	-moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.nav-icon.open span:nth-child(2){ 	opacity: 0; }
.nav-icon.open span:nth-child(3){top: 10px;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);    right: 0px;  top: 8px;	}
.card-image {
    position: relative;
    padding-bottom: 67%;
}
.card-image>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    z-index: 9;
}
.card-link:hover, .impacts_box:hover {   transform: translateY(-5px); }
.banner_img img { height: 100vh; object-fit: cover; }  
.product-slider .items {
	position: relative;
}
.product-slider .items > a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.testimonial-slider  { padding-left: calc((var(--screen-width) - 1760px) / 2); }
.contactvia_link {
    gap: 30px;
}
.contactvia_link a, .contactvia_link p{
    display: flex;
    gap:10px;
    align-items: center;
    margin: 0;
    color: #3B3B3B;
    
}
.contactvia_link a img, .contactvia_link p img{ 
    width:52px;
}
.contactvia_sec h5 {
    margin-bottom: 20px;
    font-size: 18px;
}
.vision_sec .title {
    margin-bottom: 30px;
    text-align: center;
}
.vision_sec ul {
    display: flex;
    gap: 24px;
}
.vision_sec ul li {
    border: 1px solid #C8A96B;
    width: 50%;
    display: block;
    padding: 40px 40px;
        text-align: center;
        border-radius: 24px;
}
.vision_sec ul li:nth-child(2) {
    background: #C8A96B;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 8px #ddd;
}
.tab-content{
    display:none;padding-top: 20px;
}

.tab-content.active{
    display:block;
}
.tab-content img{
    width: 100%;
    border-radius: 23px;
    margin-bottom: 20px;
}
.tab-content h4 {
    font-weight: 700;
    margin-bottom: 10px;
	font-size: 20px;
}
.whatwe_sec .title {
    display: flex;
    gap: 50px;
    margin-bottom:10px;
}
.whatwe_sec .title .title_h3 {
    width: 40%;
}
.whatwe_sec .title .top-description {
    width: 60%;
}
.tabs-wrapper {
    display: flex;
     gap: 50px;
}
.tabs-nav {
    width: 40%;
   
}
.tabs-content {
    width: 60%; 
}
.tabs-nav button {
    color: #737373;
    border: 0;
    background: transparent;
    display: block;
    padding: 15px 0px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #0000005C;
	font-size: 18px;
}
.tab-btn.active {
    color: #111111;
    font-weight: 700;
}

/*------------------------new tab------------*/
.desktop-tabs{
       display: flex;
     gap: 50px;
    }
.mobile-accordion{
    display:none;
}

.accordion-btn{
    width:100%;
    text-align:left;
    background:none;
    border:0;
    border-bottom:1px solid #ddd;
    padding:15px;
    font-size:18px;
    font-weight:600;
}

.accordion-content{
    display:none;
    padding:20px 0;
}

.accordion-item.active .accordion-content{
    display:block;
}


/* Mobile */
@media(max-width:767px){

    .desktop-tabs{display:none;}
    .mobile-accordion{display:block;width: 100%; }
	.accordion-content img{width:100%; height:auto; margin-bottom:20px;}
	.accordion-content h4{font-size:17px;margin-bottom:10px;}
	.accordion-content p{font-size:14px;}

}

/*------------------- About us------------------------------*/
.inner-hero-sec{min-height:430px;background: #09235D;background: linear-gradient(153deg, rgba(9, 35, 93, 1) 0%, rgba(137, 128, 86, 1) 100%); text-align:center; padding:180px 0 50px}
.inner-hero-sec h1{color:#fff; font-size:60px;font-weight: 300;}
.inner-hero-sec h1 strong{font-weight:600;}
.inner-hero-sec p{color:#fff}
.about-description{padding:45px 0; text-align:center;}
.about-description p{font-size:16px;}
.objectives-section{
    background:#f5f8fc;
}

.objectives-section .section-title h2{
    font-size:48px;
    font-weight:300;
    color:#0d2344;
    margin-bottom:1px;
}
.objectives-section .section-title h2 strong{font-weight:500;}
.objectives-section .title-line{
    display:inline-block;
    width:290px;
    height:2px;
    background:#d6c09b;
    position:relative;
}

.objectives-section .title-line::before{
    content:'';
    position:absolute;
    left:0;
    top:-3px;
    width:50px;
    height:8px;
    background:#c7a869;
}

.objectives-section .objective-card{
    background:#fff;
    border:1px solid #e6cda3;
    border-radius:18px;
    padding:25px 22px;
    min-height:220px;
    transition:all .4s ease;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.objectives-section .objective-icon{
    width:70px;
    height:70px;
    background:#f3f6fb;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    transition:all .4s ease;
	padding:15px;
}

.objectives-section .objective-icon img{
    width: 100%;
	height:auto;
}

.objectives-section .objective-card h4{
    font-size:18px;
    line-height:1.5;
    font-weight:500;
    color:#111;
    margin:0;
    transition:all .4s ease;
	min-height: 82px;
	text-transform:capitalize;
}

/* Hover */

.objectives-section .objective-card:hover{
    background:#1e5aa8;
    transform:translateY(-5px);
}

.objectives-section .objective-card:hover h4{
    color:#fff;
}

.objectives-section .objective-card:hover .objective-icon{
    background:#fff;
}

.objectives-section .objective-card:hover .objective-icon i{
    color:#fff;
}

/*-------------------------------Member-------------------------*/
.member-description{padding:45px 0; text-align:center; font-size:20px;}
.member-description p{font-size:16px; }
.membership-benefits{
    background:#f5f7fb;
}

/* Left Image */

.membership-benefits .benefit-images{
    text-align:center;
	
}
.membership-benefits .benefit-holder{padding-left:40px;}
.membership-benefits .benefit-images img{
    width:100%;
    max-width:450px;
    height:auto;
    display:block;
    margin:auto;
}

/* Section Title */

.membership-benefits .section-title h2{
    font-size:54px;
    color:#10284b;
    font-weight:500;
    margin-bottom:15px;
    
}

.membership-benefits .title-line{
    width:380px;
    height:2px;
    background:#d6c09b;
    display:block;
    position:relative;
}

.membership-benefits .title-line:before{
    content:'';
    position:absolute;
    left:0;
    top:-3px;
    width:55px;
    height:8px;
    background:#c7a869;
}

/* Cards */

.membership-benefits .benefit-card{
    background:#fff;
    border:1px solid #e6cda3;
    border-radius:10px;
    padding:18px;
    height:100%;
    transition:all .4s ease;
}

.membership-benefits .benefit-icon{
    width:50px;
    height:50px;
    background:#f3f6fb;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

.membership-benefits .benefit-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.membership-benefits .benefit-card h4{
    font-size:17px;
    margin-bottom:10px;
    color:#111;
    font-weight:600;
}

.membership-benefits .benefit-card p{
    margin:0;
    color:#4b4b4b;
    font-size:14px;
}

/* Hover */

.membership-benefits .benefit-card:hover{
    background:#1e5aa8;
    transform:translateY(-5px);
	color:#fff;
}

.benefit-card:hover h4,
.benefit-card:hover p{
    color:#fff;
}

.benefit-card:hover .benefit-icon{
    background:#fff;
}

/* Responsive */

@media(max-width:991px){

    .membership-benefits .section-title{
        text-align:center;
    }

    .membership-benefits .title-line{
        margin:auto;
    }

    .membership-benefits .section-title h2{
        font-size:40px;
    }

    .membership-benefits .benefit-images{
        margin-bottom:30px;
    }
}

@media(max-width:767px){

    .membership-benefits .section-title h2{
        font-size:32px;
    }

    .membership-benefits .title-line{
        width:220px;
    }

    .membership-benefits .benefit-card{
        text-align:center;
    }

    .membership-benefits  .benefit-icon{
        margin:0 auto 15px;
    }
}

.membership-categories{
    background:#ffff;padding:50px 0 70px;
}

/* Heading */

.membership-categories .section-title{
    margin-bottom:35px;
}

.membership-categories .section-title h2{
    font-size:54px;
    font-weight:500;
    color:#10284b;
}
.membership-categories .section-title h2 strong{font-weight:500;}

/* Card */

.membership-categories .category-card{
    background:#fff;
    border:1px solid #e6cda3;
    border-radius:18px;
    overflow:hidden;
    transition:all .4s ease;
    height:100%;
}

.membership-categories .category-image{
    padding:10px;
}

.membership-categories .category-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:14px;
	margin-bottom:10px;
}

.membership-categories .category-content{
    padding:0 20px 25px;
}

.membership-categories .category-content h3{
    font-size:19px;
    margin-bottom:5px;
    color:#111;
    transition:.3s;
	font-weight:600;
}

.membership-categories .category-content p{
    font-size:14px;
    margin:0;
    transition:.3s;
	min-height:85px;
}

/* Hover */

.membership-categories .category-card:hover{
    background:#1e5aa8;
}

.category-card:hover h3,
.category-card:hover p{
    color:#fff;
}

/* Owl Nav */

.membership-carousel .owl-nav{
    margin-top:35px;
    text-align:center;
}

.membership-carousel .owl-prev,
.membership-carousel .owl-next{
    width:45px;
    height:45px;
    border-radius:50% !important;
    background:#1e5aa8 !important;
    color:#fff !important;
    margin:0 5px;
    font-size:22px !important;
    transition:.3s;
}

.membership-carousel .owl-prev:hover,
.membership-carousel .owl-next:hover{
    opacity:.9;
}

/* Dots */

.membership-categories .membership-carousel .owl-dots{
    margin-top:20px;
}

.membership-categories .membership-carousel .owl-dot span{
    width:10px;
    height:10px;
}

.membership-cta{padding:80px 0 60px; background:#C8A96B; text-align:center;}
.membership-cta .cta-sec{margin:auto;}
.membership-cta h2{font-size:50px;}
.membership-cta .cta-sec p{margin-bottom:20px;}
.membership-cta .cta-sec p a{text-decoration:underline; color:#000;}
.membership-cta .cta-sec p a:hover{color:#fff}
.membership-cta .cta-sec a.cta-btn{padding:12px 30px 14px; border:1px solid #000; border-radius:40px; color:#000;display: inline-block; font-weight:500;}
.membership-cta .cta-sec a.cta-btn:hover{border:1px solid #fff; color:#fff;}
/*****resposnive*****/
@media (min-width: 1850px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1776px;
}
}
@media (max-width: 1639px) {
.testimonial-slider  { padding-left: calc((var(--screen-width) - 1300px) / 2); }
.card { height: 170px; }
.card img {  height: 165px; }
}
@media (max-width: 1439px) {
.h3, .homeabout_box h3 { font-size:60px;}
.categories-list a { padding: 12px 20px; margin-right: 22px;}
.testimonial-slider {  padding-left: calc((var(--screen-width) - 1110px) / 2);}
.diifrent_main { width: 51%;}
.homeabout_bgbox { width: 295px; height: 325px;left: -145px;}
.banner_inn { max-width: 505px;}
.hometestimonial_sec .title { max-width: 710px;}
}
@media (max-width: 1365px) {
.header_add { gap: 16px; }
.footer_links ul { gap: 30px; }
.connect_box { padding: 25px 17px;}
p, .contactpage_form p, .footer-btmrow p, .footer_links ul li a, .footer-logo p
 { font-size: 14.5px; line-height: 26px;}
.footer_links ul {  gap: 20px; }
.product_txt h4 {    font-size: 28px;}
	.homeabout_image {padding-top: 35px;}
	.footer_links ul li a, .service_links ul li a{font-size: 14.5px;}
}
@media (max-width: 1279px) {
.header .container { max-width: 95%; }
.h3, .homeabout_box h3 {  font-size: 50px; }
.blog-grid { gap: 1.5rem !important;}
.container { max-width: 92%; }
.product_txt h4 { font-size: 30px; }
.testimonial-slider { padding-left: calc((var(--screen-width) - 1060px) / 2); }
}
@media (max-width: 1179px) {
.nav-menu { gap: 6px;}
.logo {  width: 180px;}
.contact-text { padding: 30px 30px;}
.h3, .homeabout_box h3 { font-size: 44px; }
.map_box h5 { font-size: 22px;}
.map_box a { padding: 12px 25px; top: 16px;}
.map_box h5 { margin-bottom: 15px;}
.institutional_client { border-bottom: 1px solid rgba(0, 0, 0, 0.2);  padding-bottom: 50px;}
.retail_client  { padding-top: 30px !important;}
.homeabout_bgbox h5 {    font-size: 18px; }
.testimonial-slider { padding-left: calc((var(--screen-width) - 980px) / 2); }
}
@media (max-width: 1079px) {
.header .container { max-width: 100%; }
.nav-menu {  gap: 3px; }
.footer-logo img { max-width: 270px;}
.container {  max-width: 95%;  }
.testimonial-slider { padding-left: calc((var(--screen-width) - 920px) / 2); }
}
@media (max-width: 991.9px) {
.header { background: #FFFFFF;  padding:13px 0px; }
.nav-menu {display:none; position:fixed; top: 78px; left:0;width: 100%; right:0;float:none;z-index:9999; 
background: #FFFFFF;  transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; overflow: auto; max-height: calc(100% - 78px); max-height: -webkit-calc(100% - 78px);  max-height: -moz-calc(100% - 78px); padding: 0px; width: 100%; max-width: 100%; border: 0; border-radius: 0;  padding-bottom: 15px; }
nav ul {width: 100%;max-width: 100%;  display: block; justify-content: normal;    margin-top: 0;  padding: 0px;}
nav ul li {display: block;  float: none;  margin: 0; text-align: left; padding: 8px 40px; }
nav ul li:last-child{border:0px;}
nav ul li:not(:last-child) { margin-right: 0; }	
.nav-icon{display:block;  top: 23px; right: 0px; }
.nav_bg { position: absolute; right: 0; top: 0; border: 0; }
body.open { overflow: hidden; }
.open .nav-menu {display:block;  top:130px; max-height: calc(100% - 78px);  max-height: -webkit-calc(100% - 78px); max-height: -moz-calc(100% - 78px); }
	.nav-menu li:last-child a{display:block; text-align:center;}
	.top_header p {letter-spacing:1px;  font-size: 10.5px;}
.logo {  width: 140px; }
.logo:before { display: none; }
	.banner_inn{text-align:center;}
	.banner_img img {    height:60vh;}
.navbar-collapse { padding: 0; }
.connect_col { margin-top: 15px; }
.comon-padd {  padding: 45px 0px;}
.connect_title h3 , .branch_title h3{ margin-bottom: 10px; }
.form div.halfs { display: block;}
.contact-image { margin-bottom: 20px; }
.contact-image img { height: 500px; object-fit: cover;}
.footer-logo img { max-width: 270px;}
.footer_links ul li { margin-bottom: 9px;}
.footer_links ul li a, .footer-btmrow p, .contact-text h6 { font-size: 16px; line-height: 26px; }
.social-media a { width: 40px; height: 40px;}
.social-media a img {  width: 20px;}
.hero { padding: 130px 0 50px !important; }
.header.stick .navbar-collapse { box-shadow: none;}
.contactpage_form { margin-top: 20px; }
.connect_title p { margin: 0;}
.achievements-sec .title { margin-bottom: 25px !important; }
.h3, .single_blogs h2, .homeabout_box h3 { font-size: 38px !important; }
.testimonial-clientxt h6 { font-size: 20px; }
.blog-grid .blog-card { width: 48.2%; }
.blog-slidermain { padding: 30px 0px !important; }
.header.stick { padding: 2px 0px;  }
.impacts_box .items {  padding: 20px 15px; }
.numcont p { font-size: 48px; line-height: 48px; }
.team_sec .team_title { padding-bottom: 0 !important;}
.certificate_text h6 { font-size: 20px; }
.testimonial-slider {  padding-left: calc((var(--screen-width) - 710px) / 2); }
.diifrent_main {  width: 100%; }
.difrent_sec:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.55); }
.product_txt h4 {  font-size: 24px; }
.homeabout_box { margin-bottom: 25px;}
.homeabout_box ul { margin-bottom: 20px !important; }
.homeabout_image { max-width: 400px;  margin: 0 auto; }
.homeabout_image img { height: 100%; } 
.homeabout_bgbox { width: 295px; height: 325px; left: 0; right: 0; }
.banner_inn {  max-width: 320px; }
.banner_inn h6 {  padding: 12px 26px; font-size: 20px; }
.diifrent_img {
    padding-bottom: 15px;
    margin-bottom: 15px;}
	.membership-benefits .benefit-holder{padding-left:15px;}
	.contactvia_link { display: block !important;}
	.contactvia_link a{margin-bottom:20px;}
	
}
@media (max-width: 767.9px) {
.hero { padding: 100px 0 32px !important; min-height:300px !important;}
.contactpage_form h6 img { width: 25px; }
.contactpage_form label {  margin-bottom: 6px; }
.h3, .single_blogs h2, .homeabout_box h3 {  font-size: 34px !important; }
.connect_title, .branch_title  { margin-bottom: 5px !important; }
.map_box p { font-size: 14px; line-height: 20px; }
.map_box {  padding: 20px 20px; width: 350px;  left: 20px; bottom: 20px; border-radius: 20px;}
.map_box a {  position: relative; right: 0; top: 0; }
.cf7sr-g-recaptcha {  transform: scale(0.8);  margin-left: -29px; }
.contactpage_form {  padding:0px 20px; height: auto; }
.social-media { justify-content: left; margin-top: 10px; }
body { overflow-x: hidden; }
.footer-row { padding-bottom: 25px; }
.contact-image img , .contactpage_form, .map_sec iframe{ border-radius: 18px; }
.contact-text { padding: 20px 20px; }
.contact-text h6 { margin-bottom: 20px; }
nav ul li {  padding: 8px 25px; }
.footer-logo img { max-width: 250px; }
.catalog-sec, .client-sec, .media_sec, .impactswrap { padding: 30px 0px; }
.catalog_box { margin-bottom: 15px; }
.title .h3, .diifrent_main .h3, .achievements-sec .h3, .title .h3 { margin-bottom: 12px !important; }
.catalog_row, .testimonial_title  { margin-bottom: 0 !important; }
.h4 { font-size: 20px; }
.comon-padd {  padding: 30px 0px; }
.achievements-mb, .achievement_row , .infrastructure-sec .row, .retail_client .title  { margin-bottom: 12px !important;  }
.infrastructure_desc { padding-right: 20px; }
.hero h1 { font-size: clamp(1.2rem, calc(1.4rem + 2.4vw), 2rem) !important; }
.breadcrumb { font-size: 15px; }
.testimonial-clientxt h6 {  font-size: 18px; }
.testimonial_title h6 { font-size: 16px; letter-spacing: 3px; }
.categories-list {  display: flex; flex-wrap: wrap; justify-content: center;padding: 12px 20px;     
margin-top: 22px !important; }
.categories-list a {  padding: 10px 18px;   margin-right: 10px; }
.blog-card h2 { font-size: 18px; }
.blog-grid .blog-card { width: 47.7%;}
.blog-grid { margin-bottom: 0 !important; }
.blog-main { padding: 0px 20px; }
.impactswrap { flex-wrap: wrap; }
.impacts_box  { width: 100%; }
.certificate_text h6 {  font-size: 18px; }
.certificate_text { margin: 0px 8px; }
.milestone-slider-container { padding-top: 5px; }
.milestone-desc { min-height: auto !important;  }
.milestone-content p { margin-bottom: 0 !important; }
.milestone-content {  margin: 10px 0px 25px !important; }
.banner_inn h6 {  font-size: 18px; }
.homeabout_box ul { width: 100%; }
a.btn-green { font-size: 16px; }
.homeabout_image {   margin: 0; }
    .homeabout_bgbox {
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        position: relative;
        bottom: 0;
    }
.testimonial-slider {
        padding-left: 20px;
    }
.diifrent_row .mt-4 { margin-top: 10px !important; }
a.btn-white {
    padding: 10px 24px 13px;
    font-size: 16px;
}
    .container {
        max-width: 100%;
    }
    .nav-icon {        top:10px;	}
.homeabout_icon {
    width: 84px;
    height: 84px;
    margin: auto;
}
.homeabout_txt {
    width: calc(100%);
}
.homeabout_icon img {
    width: 62px !important;
}
.homeabout_sec {
    padding-bottom: 35px !important;
}
.custom-product-tabs { flex-wrap: wrap; }
 .know-more {        font-size: 16px;	}
	.whatwe_sec .title .top-description {width: 100%;}
	.whatwe_sec .title {		display: block;}
	.whatwe_sec .title .title_h3 { width: 100%;}
	.comon-padd-no-btm { padding: 35px 0px 0;}
	.footer_main { justify-content: flex-start;display: block !important;}
	.footer { padding: 30px 0 50px;}
	.inner-hero-sec h1 { font-size: 35px;}
	.objectives-section .section-title h2 {		font-size: 35px;}
	.about-description p {  font-size: 15px;}
	.inner-hero-sec h1 {  font-size: 35px;}
	.member-description p{  font-size: 15px;}
	.membership-categories .section-title h2{  font-size: 35px;}
	.membership-cta h2{  font-size: 30px;}
	.service_links{padding: 20px 0;}
.banner_inn h1 { line-height: normal; }
}
@media (max-width: 575.9px) {
.achievement_box { flex-wrap: wrap; gap: 5px; }
.achievement_img { width: 100%; margin-bottom: 10px; }
.achievement_txt { width: 100%;  }	
.card {  padding: 0px 10px;  height: 135px;}
.blog-grid .blog-card {width: 100%; }
.blog-main { padding: 0px 10px; }
}
@media (max-width: 479.9px) {
.h3, .single_blogs h2, .homeabout_box h3 {  font-size: 26px !important; }
.map_box { width: 90%;  padding: 20px 15px; left: 15px; }
.map_box h5 { font-size: 20px; margin-bottom: 10px; }
.map_box p { margin-bottom: 10px;}
.map_box a { padding: 9px 20px; font-size: 15px; border-radius: 12px; }
.title .h3, .diifrent_main .h3, .achievements-sec .h3, .title .h3 { margin-bottom: 10px !important; }
.award_text p { margin-bottom: 0; }
.testimonial-image { height: 300px; }
.testimonial-box.has-image { height: 300px; }
.testimonial-slider .testimonial-image { height: 100%; }
.testimonial-slider .testimonial-box.has-image { height: 100%; }
.card {  padding: 0px 5px; height: 115px;  }
.card-col { margin-top: 15px; }
.banner_inn h6 { font-size: 16px; }
    .homeabout_bgbox h5 {
        font-size: 16px;
    }
.numcont p {        font-size: 40px;}
.homeabout_image {    padding-left:0px;	padding-bottom:25px;}
	.homeabout_box {padding-left: 0px;text-align: center;}
	.vision_sec ul{display: block;}
	.vision_sec ul li{width:100%;padding: 20px 20px;text-align: center;}
}