@media(min-width:1900px){
/* Header CSS */
.main-header .container-fluid, .container-fluid {width: calc(100% - 220px);margin: auto;}
.main-header .mega-menu {padding: 35px 120px;}.main-header .main-nav {gap:50px;}

/* Footer CSS */	
.main-footer .container-fluid{width:calc(100% - 220px); margin:auto}	
}

@media(min-width:1600px) and (max-width:1899px){
/* Header CSS */	
.main-header .container-fluid, .container-fluid {width: calc(100% - 120px);margin: auto;}.main-header .main-nav {gap: 40px;}

/* Footer CSS */	
.main-footer .container-fluid{width:calc(100% - 120px);margin:auto}	
}	

@media(min-width:1440px) and (max-width:1599px){
/* Header CSS */	
.main-header .container-fluid, .container-fluid {width: calc(100% - 60px);margin: auto;}.main-header .main-nav {gap:40px;}
	
/* Footer CSS */	
.main-footer .container-fluid{width:calc(100% - 60px); margin:auto}
	
.ready-to-build .section-title h2 { font-size: 6rem;}	
}

/* ---------- 150% Zoom CSS ----------- */
@media(min-width:1280px) and (max-width:1439px){
/* Header CSS */	
.main-header .container-fluid, .container-fluid {width: calc(100% - 50px);margin: auto;}.main-header .main-nav {gap: 25px;}
.main-header .nav-link {font-size: 10px;}
.main-header .logo { height: 80px;}
.btn-navigation {font-size: 10px;}	

/* Footer CSS */	
.main-footer .container-fluid{width:calc(100% - 50px);margin:auto}
.main-footer .footer-left {width: 15%;}
.main-footer .footer-menu-item { min-width: 160px;}
	
.hero h1, .hero h2{font-size: 2.5rem; line-height:1.2;}
.hero p{font-size:11px; max-width: 450px;}
.hero .subtitle-em{font-size: 2.5rem; line-height:1.2;}	
	
.ready-to-build .section-title h2, .ready-to-build .section-title span { font-size:5rem;}	
.pre_card__title{font-size:18px;}
	
.getintuch_form {padding: 25px 25px;}
.getintuch_form .field label { font-size: 0.75rem;}	
.getintuch_form .field input, .getintuch_form .field select, .getintuch_form .field textarea { padding:5px; font-size: 0.75rem; }
.getintuch_form .field textarea { min-height: 60px;}	
.getintuch_form .button-submit { height:35px; font-size: 0.75rem; }
	
}
/* ---------- 150% Zoom CSS End/ -----------*/

@media(min-width:1024px) and (max-width:1279px){
	
}

@media(min-width:992px) and (max-width:1080px){
	
}

@media(min-width:992px) and (max-width:1024px){
	
}

@media(min-width:768px) and (max-width:991px){

}

@media (min-width: 992px) {
/* Header CSS */	
.main-header .has-dropdown:hover .simple-dropdown { opacity: 1; visibility: visible;}	
.main-header .has-mega-menu { position: static;}
.main-header .has-mega-menu.active .mega-menu { display: block; left: 50%; transform: translateX(-50%); max-width: 100%;}
.main-header .dropdown-indicator { display: none;}	
	
.header-theme{background-color: #f9f9f9!important;}
.header-theme .header-logo img.logo { background-color:transparent;}	
.header-theme .nav-link {color: #000}	
.header-theme .btn-navigation {border: 1px solid #000; color: #000;}
.header-theme .btn-navigation:hover {background-color: transparent; color: #000;}
.header-theme .header-right img { transition: filter 0.3s ease; -webkit-transition: -webkit-filter 0.3s ease;}
.header-theme .header-right img { filter: grayscale(100%) brightness(0) !important; -webkit-filter: grayscale(100%) brightness(0) !important;}
	
.perspective .nav{position: absolute; transform: translateY(-55%); bottom:55%; width:100%; display: flex; justify-content: space-between}
.arrow-center{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between;}	
.arrow-center button:first-child{margin-left:-70px}
.arrow-center button:last-child{margin-right:-70px}		
.sec__video_philo .mx-65{max-width:65%; margin-top:20%}		
}

@media(max-width:991px){
/* Header CSS */	
.main-header .container-fluid {width: calc(100% - 20px); padding: 0 10px;}
.main-header .header-container {display: flex;align-items: center;justify-content: space-between; padding: 10px 0;}	
.main-header .header-logo {flex: 0 0 auto; width: auto; margin: 0; text-align: left;}
.main-header .header-logo img.logo {width: 100%; max-height: 55px;}		
.main-header .nav-scroller {position: fixed;top: 0;right: -100%;width: 100%;height: 100%;background: var(--bg-white);overflow-y: auto;z-index: 99999;transition: .4s ease;padding: 20px;}
.main-header .nav-scroller.active {right: 0;}
.main-header .mobile-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.main-header .main-nav {flex-direction: column;align-items: inherit;justify-content: flex-start;gap: 0;}
.main-header .nav-link, .main-header .nav-item {width: 100%;}
.main-header .nav-link {padding: 15px 0;border-bottom: 1px solid var(--border-color-soft);}
.main-header .mega-menu {position: relative;top: 0;padding: 20px 0;box-shadow: none;border: 0;}
.main-header .has-mega-menu.active .mega-menu, .main-header .mega-grid-list.active .mega-list, .main-header .mega-grid-list.active .mega-btn {display: block;}
.main-header .mega-grid {grid-template-columns: 1fr;}
.main-header .mega-list, .main-header .mega-btn {display: none;}
.main-header .mega-title {cursor: pointer;padding-right: 20px;}.main-header .mega-title:after {content: "+";position: absolute;right: 0;top: 0;font-size: 20px;}
.main-header .mega-grid-list.active .mega-title:after {content: "-";}
.main-header .has-dropdown .simple-dropdown {position: static;transform: none;width: 100%;min-width: 0;padding: 0;border: 0;box-shadow: none;opacity: 1;visibility: visible;display: none;}
.main-header .has-dropdown.active .simple-dropdown {display: block;}
.main-header .simple-dropdown a {padding: 12px 20px;border-bottom: 0;}
.main-header .header-right {flex: 0 0 auto;width: auto;display: flex;align-items: center;justify-content: flex-end;gap: 15px;margin-left: auto;}
.main-header .header-right .search-btn {display: block;}
.main-header .header-mobile-toggle {display: block;flex: 0 0 auto;margin-left: 15px;}
.main-header .menu-toggle {border: 0;background: transparent;font-size: 28px;line-height: 1;padding: 0;cursor: pointer;}
.main-header .desk {display: none;}
	
/* Footer CSS */	
.main-footer{padding:40px 0 20px}
.main-footer .footer-wrapper{flex-direction:column;gap:40px}
.main-footer .footer-left,.main-footer .footer-right,.main-footer .footer-menu-item{width:100%}
.main-footer .footer-menu{flex-direction:column;gap:0}
.main-footer .footer-menu-item{border-bottom:1px solid #e2e2e2;padding:15px 0}
.main-footer .footer-menu-item:last-child{border:0;padding-bottom:0}

/* Accordion */
.main-footer .footer-title{margin-bottom: 10px; pointer-events:none; cursor:pointer}
.main-footer .footer-title span{position:absolute;right:0;top:50%;width:14px;height:14px;transform:translateY(-50%)}
.main-footer .footer-title span:before,.main-footer .footer-title span:after{content:"";position:absolute;background:#fff;transition:.3s}
.main-footer .footer-title span:before{width:14px;height:2px;top:6px;left:0}
.main-footer .footer-title span:after{width:2px;height:14px;left:6px;top:0}
.main-footer .footer-menu-item.active .footer-title span:after{opacity:0}
/*.main-footer .footer-submenu{display:none;padding-top:20px}*/
.main-footer .footer-menu-item.active .footer-submenu{display:block}
.main-footer .footer-static-links{margin-bottom:25px}
	
.perspective .nav{display: flex; justify-content:center; margin:0 auto; gap:10px;}	
.contact-form {padding:30px 0;}
.contact-form .form-control {font-size: 24px;}
	
.logo-grid {grid-template-columns: repeat(3, 1fr);}
.logo-grid li {min-height: 150px;}
.logo-grid li img {height: 90px;}
	
.arrow-center {justify-content: center; margin-top: 1rem; gap: 15px;}
.blog__cards   .cards { grid-template-columns: repeat(2, 1fr); }
.blog__cards  .card:nth-child(n) { transition-delay: 0s; }
.blog__cards  .card:nth-child(2n) { transition-delay: .12s; }	
	
}

@media(max-width:767px){
/* Header CSS */	
.main-header{position: relative;}
.main-header .header-container {padding: 10px 0;}	
.main-header .header-logo img.logo {width: 100%; max-height: 45px;}	
.main-header .mega-title {margin-bottom: 0;font-weight: 400;}
.main-header .nav-link {font-size: 12px;color: #1f1f1f;letter-spacing: 1px;}
.main-header .nav-item, .main-header .brand-item {width: 100%;}.main-header .header-right {gap: 12px;}
.main-header .header-mobile-toggle {margin-left: 12px;}
.main-header .header-right .search-btn {filter: brightness(0);}
.main-header .header-right .language-btn img {filter: brightness(0);}
.main-header .btn-navigation {margin-top: 1rem; border: 1px solid #000; background: 0 0; color:#000;}

.main-header .has-dropdown.active .simple-dropdown {background-color: #fcfcfc; padding-left: 1rem; border-bottom: 1px solid var(--border-color-soft);}	
.main-header .simple-dropdown { position: static; min-width: 0; padding-left: 16px; border-top: 0; box-shadow: none; transform: none;}
.main-header .simple-dropdown::before { display: none;}
.main-header .has-dropdown.is-open > .simple-dropdown { opacity: 1; visibility: visible; pointer-events: auto;}
.main-header .simple-dropdown a { position: relative; padding-left:15px;}
.main-header .simple-dropdown a::before { content: ""; position: absolute; top: 50%; left:0px; width:5px; height:5px; border-top: 1px solid currentColor;
border-right: 1px solid currentColor; transform: translateY(-50%) rotate(45deg);}	
.main-header .dropdown-indicator { display: inline; top: -1px;}	

/* Footer CSS */	
.main-footer .footer-brand-area,.main-footer .social-links{justify-content:center;align-items:center;text-align:center}
.main-footer .footer-logo,.main-footer .footer-title,.main-footer .footer-submenu,.main-footer .footer-static-links,.main-footer .footer-contact{text-align:center}
.main-footer .footer-contact li{justify-content:center}
.main-footer .footer-title span{right:60px}.main-footer .copyright{margin-top:10px}	
	
.main-footer .address-wrapper{padding: 0rem 2rem;}	
.main-footer .address-links{justify-content: center;}		
	
.newsletter {margin: 0px auto 20px;}
.newsletter {height: 55px;}
.newsletter input {padding: 0 15px;font-size: 15px;}
.newsletter button {width: 75px;font-size: 24px;}	
	
.btn-circle { width: 40px;height: 40px;}	

main .container-fluid, main .container{--bs-gutter-x: 3rem;}	
.section { padding:50px 0;}	
.section-title h1,.section-title h2 {font-size: 2.5rem; line-height: 1}
.section-title .font-custom { font-size: 2.5rem;}	

/* Home Page ------------- */	
.hero h1, .hero h2{font-size: 2rem; font-weight:600; line-height:1;}
.hero p{font-size:13px; line-height:1.5;}
.hero .subtitle-em{font-size:1.75rem; line-height:1;}	
.hero .font-custom{font-size: 2rem; line-height:1;}	
.hero .pagination {position: absolute; bottom: 30px;}		
	
.spaces-breathe .spaces-item { flex-direction: column;}
.spaces-breathe .left-column {padding: 2rem;}	
.form-function .section-title h2, .form-function .section-title span { font-size:3rem;}
.form-function .typo-text{margin-top:-11px;}	
.trusted-partners .nav { margin-top:30px;}	
.business-verticals .bv-card-wrapper{display: flex;flex-direction: column;}
.leadership-custom-tabs { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap;}
.leadership-custom-tabs .nav-link { font-size: 16px; letter-spacing: 1px;  padding:12px 20px;}	
.leadership-card .leadership-card__body h4{font-size: 1rem;}	
	
.stats {grid-template-columns: repeat(2,1fr); gap: 45px; margin:40px auto 0px;}
.stat .number {font-size:25px; font-weight: 600; text-transform: capitalize;}
	
.heading-list {flex-direction: row;  gap: 15px; margin-bottom:20px}
.portfolio-container{height:auto; margin-bottom:20px}
	
.heading-list, .tab-scroll { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #888 #eee; padding-bottom: 8px;}
.tab-scroll{justify-content:flex-start!important}
.heading-list .heading-item, .tab-scroll .nav-item { flex: 0 0 auto; white-space: nowrap;}
.heading-list::-webkit-scrollbar, .tab-scroll .nav-item::-webkit-scrollbar { height: 6px;}
.heading-list::-webkit-scrollbar-track, .tab-scroll .nav-item::-webkit-scrollbar-track { background: #eee; border-radius: 10px;}
.heading-list::-webkit-scrollbar-thumb, .tab-scroll .nav-item::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
.heading-list::-webkit-scrollbar-thumb:hover, .tab-scroll .nav-item::-webkit-scrollbar-thumb:hover { background: #555;}
	
.perspective .swiper-slide{margin-bottom: 1rem}	
.pre_card__title{font-size: 24px;}
	
.ready-to-build .section-title h2, .ready-to-build .section-title span { font-size:2.5rem;}
.ready-to-build .section-title .italic, .ready-to-build .section-title .ts-font{font-size:2rem;}
	
.contact-form .row {row-gap:35px;}	
.contact-form .contact-form {padding: 40px 0;}.contact-form .contact-form .row {row-gap: 35px !important;}
.contact-form .form-control {height: 50px;padding: 8px 10px;font-size: 20px;}
.contact-form .btn-contact {margin-top: 5px;font-size: 14px;}
.contact-form .btn-contact span {width: 34px;height: 34px;margin-left: 12px;font-size: 20px;}
	
.sec__our-portfolio .leadership-custom-tabs{margin-bottom:30px;}
.logo-grid {grid-template-columns: repeat(2, 1fr);}
.logo-grid li {min-height:135px;}
.logo-grid li img {height:65px;}
.logo-grid li:hover img {transform: scale(1.12);}

.video-card button {width: 55px; height: 55px; font-size: 20px;}

/* About Us Page ------------- */	
.section-title-line {gap:0px; text-align: left;}
.section-title-line::before { width:0px;}
.section-title-line h2{line-height: 1;}	
.section-title_bg h2, .section-title_tg h2{--font-size-title:2rem;}	
.history-timeline {display: block;}
.history-timeline::before {top:0px;bottom: 50px;left: 28px;right: auto;width: 1px;height: auto;}
.history-timeline-item {width: 100%;display: flex;padding: 0 0 45px;}	
.history-timeline-content {flex: 1;}	
.history-timeline h3 {margin-bottom: 10px;}
.history-timeline p {max-width: none;font-size: 13px; line-height: 1.7;}
.dot {flex: 0 0 20px;margin:0px 18px 0 18px;}
.year {margin-bottom: 12px;font-size: 17px;}
	
/* Contact Us Page ------------- */	
.contact_cards .card { border-right: none; border-bottom: 1px solid #2f4a2f; min-height: 300px; }
.contact_cards .card:last-child { border-bottom: none; }
.contacthelp  { background: linear-gradient(180deg, var(--maroon) 50%, var(--forest) 50%); padding-bottom: 64px; }
.contacthelp  .help__grid { grid-template-columns: 1fr; row-gap: 64px; }
.contacthelp  .panel, .contacthelp .panel--chat, .contacthelp .panel--visit { align-items: flex-start; padding: 0 24px; }
.contacthelp .panel--chat .panel__inner { margin-right: 0; }
.contacthelp .panel__action, .contacthelp .panel--visit .panel__action { margin-left: 0; }
.contacthelp .panel__action{margin-bottom:50px}
.contact_cards { grid-template-columns: 1fr;}

.blog__cards{    grid-template-columns: repeat(2, 1fr);}
	
.getintuch{position:fixed; right:-300px; width:300px;}
.getintuch_form {padding: 25px 25px;}
.getintuch_form .field label { font-size: 0.75rem;}	
.getintuch_form .field input, .getintuch_form .field select, .getintuch_form .field textarea { padding:5px; font-size: 0.75rem; }
.getintuch_form .field textarea { min-height: 60px;}	
.getintuch_form .button-submit { height:35px; font-size: 0.75rem; }	
	
}

@media (max-width: 600px) {
.blog__cards .cards { grid-template-columns: 1fr; padding: 40px 16px; gap: 48px; }
.blog__cards .card:nth-child(n) { transition-delay: 0s; }
.blog__cards .card__title { font-size: 1.25rem !important; }
.blog__cards{grid-template-columns: repeat(1, 1fr) !important;}
.blog__pagination{padding:0}
.con-blog-detail h1, .con-blog-detail h2{font-size:2rem}	
}

@media (prefers-reduced-motion: reduce) {
.blog__pagination a,
.blog__pagination a::before { transition: none; }
.blog__pagination a:hover { transform: none;}
}

@media (max-width: 480px) {
.blog__pagination { gap: 8px; }
.blog__pagination a { min-width: 33px;  height: 33px; padding: 0 12px; font-size: 15px;}
.blog__pagination a.next { padding: 0 18px; }
}