#navbarTitle{
    font-size: 23px;
    font-weight: 400;
    margin: 0 !important;
    background: linear-gradient(to right, var(--teal-navbar-gradient)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px !important;
}
.footerTitle{
    font-size: 23px;
    font-weight: 400;
    margin: 0 !important;
    background: linear-gradient(to right, var(--teal-navbar-gradient)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px !important;
}
.logo-wrapper{
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
.logo-img{
    width: 60px !important;
    height: 60px !important;
    /* object-fit: cover !important; */
    object-position: center !important;
    border-radius: 8px !important;
}
.nav-scroll .logo-img{
    width: 60px !important;
    height: 60px !important;
   /*  object-fit: cover !important; */
    object-position: center !important;
    border-radius: 8px !important;
}
.nav-link{
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color : #696F7E !important;
    margin: 1px;
    transition: all .4s;
    padding-right: 10px;
    padding-left: 10px;
}
.icon-box{
    transition: transform 0.5s ease;
}
.item:hover .icon-box{
    transform: scale(1.15);
}
#home {
    margin-top: 100px !important;
    height: 75vh !important;
    position: relative;
    background-size: cover; /* Ensures the background covers the whole section */
    background-position: center; /* Centers the background image */
}
#home .container{
    position: relative; /* Ensure content is above the background */
    z-index: 1;
}
#home #home-background-gradient {
    position: absolute; /* Ensure content is above the background */
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom right, var(--home-section-gradient)) !important;
    top: 0;
    left: 0;
}
#home i{
    margin-right: 5px !important;
}
#strategicPillars i {
    font-size: 25px !important;
    color: #FFFFFF !important;
}
#strategicObjective {
    text-align: center !important;
}
#strategicObjective i{
    margin-right: 5px !important;
}
#strategicObjective {
    position: relative;
    background-size: cover; /* Ensures the background covers the whole section */
    background-position: center; /* Centers the background image */
}
#strategicObjective .container {
    position: relative; /* Ensure content is above the background */
    z-index: 1;
}
#strategicObjective #strategicObjective-background-gradient {
    position: absolute; /* Ensure content is above the background */
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom right, var(--strategicObjective-section-gradient)) !important;
    top: 0;
    left: 0;
}
#services i {
    font-size: 25px !important;
    color: #FFFFFF !important;
}
#methodology {
    background: hsl(210 40% 98%) !important;
}
#methodology i {
    font-size: 25px !important;
    color: #FFFFFF !important;
}
#contact {
    position: relative;
    background-size: cover; /* Ensures the background covers the whole section */
    background-position: center; /* Centers the background image */
}
#contact .container {
    position: relative; /* Ensure content is above the background */
    z-index: 1;
}
#contact #contact-background-gradient {
    position: absolute; /* Ensure content is above the background */
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom right, var(--contact-section-gradient)) !important;
    top: 0;
    left: 0;
}
.pillTitle1{
    display: inline-block !important;
    padding: 2px 17px !important;
    border-radius: 50px !important;
    background-color: rgb(255 255 255 / 0.1) !important;
}
.pillTitle1 .text-uppercase{
    color: #ffffff !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
}
.tcsTitle{
    font-family: 'Fraunces', sans-serif;
    font-size: 34px !important;
    font-weight: 400 !important;
    color : #212121 !important;
    line-height: 48px !important;
    letter-spacing: -0.5px !important;
}
.tcsTitleWhite{
    font-family: 'Fraunces', sans-serif;
    font-size: 44px !important;
    font-weight: 600 !important;
    color : #FFFFFF !important;
    line-height: 48px !important;
    letter-spacing: -0.5px !important;
}
.tcsTitle2{
    font-family: 'Fraunces', sans-serif;
    font-size: 45px !important;
    font-weight: 500 !important;
    background: linear-gradient(90deg, #24aa98 0%, #8ee1d3 30%, #24aa98 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    line-height: 48px !important;
    letter-spacing: -0.5px !important;
}
.pillTitle2{
    display: inline-block !important;
    background-color: var(--teal) !important;
    padding: 2px 17px !important;
    border-radius: 50px !important;
}
.pillTitle2 .text-uppercase{
    color: #23a997 !important;
    margin-bottom: 0px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    font-size: 0.875rem !important;
}
.tcsTitle3{
    font-family: 'Fraunces', sans-serif;
    font-size: 45px !important;
    font-weight: 500 !important;
    background-image: linear-gradient(to right, hsl(172 66% 40%) , hsl(270 60% 60%) , hsl(15 85% 60%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    line-height: 48px !important;
    letter-spacing: -0.5px !important;
}
.pillTitle3{
    display: inline-block !important;
    background-color: var(--violet) !important;
    padding: 2px 17px !important;
    border-radius: 50px !important;
}
.pillTitle3 .text-uppercase{
    color: #9e75e0 !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    font-size: 0.875rem !important;
}
.tcsTitle4{
    font-family: 'Fraunces', sans-serif;
    font-size: 45px !important;
    font-weight: 500 !important;
    background-image: linear-gradient(to right, var(--amber-coral-violet-gradient)) !important;
    background-image: linear-gradient(to right, hsl(40 95% 55%), hsl(15 85% 60%), hsl(270 60% 60%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    line-height: 48px !important;
    letter-spacing: -0.5px !important;
}
.pillTitle4{
    display: inline-block !important;
    background-color: var(--coral) !important;
    padding: 2px 17px !important;
    border-radius: 50px !important;    
}
.pillTitle4 .text-uppercase{
    color: var(--coral-light) !important;
    margin-bottom: 0 !important;
    font-weight: bold !important;
}
.pillTitle5{
    display: inline-block !important;
    background-color: var(--amber-light) !important;
    padding: 2px 17px !important;
    border-radius: 50px !important;
}
.pillTitle5 .text-uppercase{
    color: var(--amber) !important;
    margin-bottom: 0 !important;
}
.pillTitle6{
    display: inline-block !important;
    padding: 2px 17px !important;
    border-radius: 50px !important;
    background-color: rgb(255 255 255 / 0.1) !important;
}
.pillTitle6 .textWhite{
    color: #ffffff !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
}
.text-uppercase{
    display: inline-block !important;
    color: #FFFFFF !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
}
.services .item .wrap, .methodology .item .wrap{
    transition: 0.7s;
    text-align: left;
    padding: 20px 20px 15px 20px;
    overflow: hidden;
    background-color: #FFFFFF;
}
.list-style{
    list-style-type: disc;
}
.textCards{
    color: #696F7E;
}
.textCardsli{
    color: #0e0e0e;
    font-size: 14px !important;
    padding-left: 22px !important;
}
.textCardsSpan{
    color: #696F7E;
    font-size: 14px !important;
}
.styleUlText p{
    color: #696F7E !important;
}
.styleUlText2 p{
    color: #696F7E !important;
    font-size: 18px !important;
}
.styleUlTextWhite p{
    color: #FFFFFF !important;
    font-size: 20px !important;
}
.styleUlText3 p{
    color: #0e0e0e;
    font-size: 22px !important;
    font-family: 'Fraunces', sans-serif;
}
.styleUlText3White p{
    color: #FFFFFF;
    font-size: 22px !important;
    font-family: 'Fraunces', sans-serif;
}
.styleUlText.mt-3{
    color: #696F7E;
    font-size: 20px !important;
}
.list-style li::marker{
    font-size: 25px !important;
    color: #B2B7C0 !important;
}
.list-style2{
    list-style-type: disc;
}

.list-style2 li::marker{
    font-size: 25px !important;
    color: #B2B7C0 !important;
}
.tcsTitleCards{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 600 !important;
    color : #212121 !important;
    letter-spacing: -0.5px  !important;
}
.tcsTitleCardsColors{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: linear-gradient(90deg, #24aa98 0%, #60ac9f 30%, #24aa98 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px  !important;
    line-height: 33px !important;
}
.tcsTitleCardsColors2{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: linear-gradient(90deg, #c85a1f 0%, #b97e5e 30%, #c85a1f 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px  !important;
    line-height: 33px !important;
}
.tcsTitleCardsColors3{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: linear-gradient(90deg, #7d46b8 0%, #9771c0 30%, #7d46b8 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px  !important;
    line-height: 33px !important;
}
.tcsTitleCardsColors4{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: linear-gradient(90deg, #d68a15 0%, #d3a258 30%, #d68a15 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px  !important;
    line-height: 33px !important;
}
.tcsTitleCardsColors5{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: linear-gradient(90deg, #24aa98 0%, #9771c0 30%, #7d46b8 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px  !important;
    line-height: 33px !important;
}
.tcsTitleCardsColors6{
    font-family: 'Fraunces', sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    background: linear-gradient(90deg, #d68a15 0%, #efa331 30%, #d68a15 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: -0.5px  !important;
    line-height: 33px !important;
}
.iconCards1{
    background: linear-gradient(to bottom right, var(--teal-title-gradient)) !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.services-itemCards1 .list-style li::marker{
    color: hsl(172 66% 40% / 100%) !important;
}
.iconCards2{
    background: linear-gradient(to bottom right, var(--coral-title-gradient)) !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.services-itemCards2 .list-style li::marker, .methodology-itemCards2 .list-style li::marker{
    color: hsl(15 85% 60% / 100%) !important;
}
.iconCards3{
    background: linear-gradient(to bottom right, var(--violet-title-gradient)) !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.services-itemCards3 .list-style li::marker{
    color: hsl(270 60% 60% / 100%) !important;
}
.iconCards4{
    background: linear-gradient(to bottom right, var(--amber-title-gradient)) !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.services-itemCards4 .list-style li::marker{
    color: hsl(40 95% 55% / 100%) !important;
}
.iconCards5{
    background: linear-gradient(to bottom right, var(--teal-violet-dark-gradient)) !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.services-itemCards5 .list-style li::marker{
    color: hsl(172 55% 55%) !important;
}
.iconCards6{
    background: linear-gradient(to bottom right, var(--coral-amber-dark-gradient)) !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.iconCardContainer{
    justify-content: left !important;
}
.services-itemCards6 .list-style li::marker{
    color: hsl(15 90% 75%) !important;
}
.bgText1{
    background-image: linear-gradient(to right, var(--teal-violet-gradient)) !important;
    border-radius: 12px;
}
.bgText1 p{
    font-size: 18px !important;
    color: #696F7E !important;
}

.itemCards1{
    background-image: linear-gradient(to bottom right, var(--teal-gradient)) !important; 
    padding: 20px !important;
    border-radius: 12px !important;
}
.itemCards1 h4.tcsTitleCards{
    background: linear-gradient(to right, var(--teal-title-gradient)) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.itemCards1:hover {
    box-shadow: 0 2px 8px rgba(62, 200, 182, 0.5);
    transition: box-shadow 0.5s ease;
}
.services-itemCards1{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.services-itemCards1 .wrap{
    border-radius: 12px !important; 
}
.services-itemCards1:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--teal-gradient)) !important; 
}
.methodology-itemCards1{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.methodology-itemCards1 .wrap{
    border-radius: 12px !important; 
}
.methodology-itemCards1:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--teal-gradient)) !important; 
}

.itemCards2{
    background-image: linear-gradient(to bottom right, var(--coral-gradient)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
}
.itemCards2 h4.tcsTitleCards{
    background: linear-gradient(to right, var(--coral-title-gradient)) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.itemCards2:hover {
    box-shadow: 0 2px 8px rgba(62, 200, 182, 0.5);
    transition: box-shadow 0.5s ease;
}
.services-itemCards2{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.services-itemCards2 .wrap{
    border-radius: 12px !important; 
}
.services-itemCards2:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--coral-gradient)) !important; 
}
.methodology-itemCards2{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.methodology-itemCards2 .wrap{
    border-radius: 12px !important; 
}
.methodology-itemCards2:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--coral-gradient)) !important; 
}

.itemCards3{
    background-image: linear-gradient(to bottom right, var(--violet-gradient)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
}
.itemCards3 h4.tcsTitleCards{
    background: linear-gradient(to right, var(--violet-title-gradient)) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.itemCards3:hover {
    box-shadow: 0 2px 8px rgba(62, 200, 182, 0.5);
    transition: box-shadow 0.5s ease;
}
.services-itemCards3{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.services-itemCards3 .wrap{
    border-radius: 12px !important; 
}
.services-itemCards3:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--violet-gradient)) !important; 
}
.methodology-itemCards3{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.methodology-itemCards3 .wrap{
    border-radius: 12px !important; 
}
.methodology-itemCards3:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--violet-gradient)) !important; 
}

.itemCards4{
    background-image: linear-gradient(to bottom right, var(--amber-gradient)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
}
.itemCards4 h4.tcsTitleCards{
    background: linear-gradient(to right, var(--amber-title-gradient)) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.itemCards4:hover {
    box-shadow: 0 2px 8px rgba(62, 200, 182, 0.5);
    transition: box-shadow 0.5s ease;
}
.services-itemCards4{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.services-itemCards4 .wrap{
    border-radius: 12px !important; 
}
.services-itemCards4:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--amber-gradient)) !important; 
}

.itemCards5{
    background-image: linear-gradient(to bottom right, var(--teal-violet-dark-gradient)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
}
.itemCards5 h4.tcsTitleCards{
    background-image: linear-gradient(to bottom right, var(--teal-violet-dark-gradient)) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.itemCards5:hover {
    box-shadow: 0 2px 8px rgba(62, 200, 182, 0.5);
    transition: box-shadow 0.5s ease;
}
.services-itemCards5{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.services-itemCards5 .wrap{
    border-radius: 12px !important; 
}
.services-itemCards5:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--teal-violet-light-gradient)) !important; 
}

.itemCards6{
    background-image: linear-gradient(to bottom right, var(--coral-amber-light-gradient)) !important;
    padding: 20px !important;
    border-radius: 12px !important;
}
.itemCards6 h4.tcsTitleCards{
    background-image: linear-gradient(to bottom right, var(--coral-amber-dark-gradient)) !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
}
.itemCards6:hover {
    box-shadow: 0 2px 8px rgba(62, 200, 182, 0.5);
    transition: box-shadow 0.5s ease;
}
.services-itemCards6{
    background: #FFFFFF !important; 
    padding: 0px !important;    
}
.services-itemCards6 .wrap{
    border-radius: 12px !important; 
}
.services-itemCards6:hover .wrap{
    background-image: linear-gradient(to bottom right, var(--coral-amber-light-gradient)) !important; 
}

.anchor-center{
    align-items: anchor-center !important;
}

.services .item{
    min-height: 25vh !important;
}

#strategicPillars .item, .services .itemServices, .itemMethodology {
    height: 100% !important;
}

.wrap.cardServices {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

/* Anular efecto de elevación al hacer hover */
/* .services .item:hover .wrap .icon-1,
.services .item:hover .wrap .con {
    transform: translateY(0) !important;
} */
.tcsTitleCardsMetho{
    font-family: 'Fraunces', sans-serif;
    font-size: 50px !important;
    font-weight: 600 !important;
    color : #B2B7C0 !important;
    margin: 7px 0px 0px 5px;
}
.methodology-itemCards1 .tcsTitleCardsMetho{
    background-image: linear-gradient(to bottom, hsl(172deg 66% 40% / 50%), hsl(172deg 66% 40% / 30%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.methodology-itemCards2 .tcsTitleCardsMetho{
    background-image: linear-gradient(to bottom, hsl(15 85% 60% / 50%), hsl(40 95% 55% / 30%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.methodology-itemCards3 .tcsTitleCardsMetho{
    background-image: linear-gradient(to bottom, hsl(270 60% 60% / 50%), hsl(270 70% 80% / 30%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
#strategicPillars .styleUlText{
    font-size: 18px !important;
    color: #696F7E !important;
    text-align: var(--curent-uiText-align) !important;
}
#methodology .styleUlText{
    font-size: 18px !important;
    color: #696F7E !important;
    text-align: var(--curent-uiText-align) !important;
}
#services .styleUlText{
    font-size: 18px !important;
    color: #696F7E !important;
    text-align: var(--curent-uiText-align) !important;
}
#methodology .textCardsli, #methodology .textCardsSpan{
    font-size: 15px !important;
}
#contact .tcsTitleWhite{
    font-size: 56px !important;
    margin-bottom: 30px !important;
}
#contact .styleUlTextWhite p{
    font-size: 20px !important;
    line-height: 1.5em !important;
}
.contact-information{
    padding: 20px 30px !important;
    border-radius: 20px !important;
    background-color: rgb(255 255 255 / 0.1) !important;
}
.contact-information .contactTitleWhite h6{
    font-family: 'Fraunces', sans-serif;
    font-weight: 600 !important;
    color : #FFFFFF !important;
    font-size: 20px !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
}
.contact-information .contactPill{
    padding: 20px 15px !important;
    border-radius: 10px !important;
    background-color: rgb(255 255 255 / 0.1) !important;
}
.contact-information .contactIconPill{
    padding: 10px 5px !important;
    border-radius: 5px !important;
    background-color: rgb(255 255 255 / 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background-color: rgb(255 255 255 / 0.2) !important;
}
.contactPill i{
    color: #ffffff !important;
    font-size: 18px !important;    
}
.contactPill:hover .contactIconPill{
    transform: scale(1.15);    
}
.contactPill:hover{
    background-color: rgb(255 255 255 / 0.3) !important;
}
.contactPillText{
    color: #ffffff !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
#footer .container{
    text-align: center !important;
}
.footerLogoContainer{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}
.footerPoliciesContainer{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 100px !important;
    flex-wrap: wrap !important;
}
.footerPoliciesContainer a{
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color : #696F7E !important;
    transition: all .4s;
}
.footerCopyrightContainer{
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color : #696F7E !important;
    transition: all .4s;
}
.decoratedHR{
    justify-content: center !important;
    border: none !important;
    height: 0.25rem !important;
    background-image: linear-gradient(to right, transparent, hsl(172 66% 70% / 1), transparent) !important;
    margin-top: 4rem !important;
}
.lang-switch{
    cursor: pointer !important;
}


/* RESPONSIVE DESIGN */

@media (max-width: 575px) {
    .tcsTitleCards{
        font-size: 19px !important;
    }
    .logo-wrapper{
        gap: 5px !important;
        padding-right: 0px !important;
    }
    .logo-img, .nav-scroll .logo-img{
        width: 50px !important;
        height: 50px !important;
    }    
    #navbarTitle{
        font-size: 18px !important;
    }
    #home{
        height: auto !important;
        text-align: var(--current-text-align) !important;
    }
    #strategicPillars .section-header{
        text-align: var(--current-text-align) !important;
    }
    #strategicPillars .row{
        justify-content: center !important;
    }
    #strategicPillars .itemCards1, #strategicPillars .itemCards2, #strategicPillars .itemCards3, #strategicPillars .itemCards4{
        padding: 20px 15px 20px 15px !important;
    }
    #strategicPillars .bgText1 p{
        padding: 10px !important;
    }
    .services .item .wrap{
        padding: 20px 15px 20px 15px !important;
    }
    #services .section-header{
        text-align: var(--current-text-align) !important;
    }
    #services .row{
        justify-content: center !important;
    }
    .methodology .item .wrap{
        padding: 20px 15px 20px 15px !important;
    }
    #methodology .section-header{
        text-align: var(--current-text-align) !important;
    }
    #methodology .row{
        justify-content: center !important;
    }
    #contact .row{
        justify-content: center !important;
    }
    #contact .section-header{
        text-align: var(--current-text-align) !important;
    }
    #contact .tcsTitleWhite{
        font-size: 40px !important;
    }
    #contact .contact-information{
        text-align: left !important;
    }
    .contact-information .contactTitleWhite h6{
        font-size: 19px !important;
    }
    .footerTitle{
        font-size: 19px !important;
    }
    #footer .row{
        justify-content: center !important;
    }
    #footer .footerPoliciesContainer{
        gap: 25px !important;
    }    
    #footer .footerCopyrightContainer p{
        text-align: center !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 576px) and (max-width: 1199px) {
    #home{
        height: auto !important;
        text-align: var(--current-text-align) !important;
    }
    #strategicPillars .section-header{
        text-align: var(--current-text-align) !important;
    }
    #strategicPillars .bgText1 p{
        padding: 10px !important;
    }
    .services .item .wrap{
        padding: 20px !important;
    }
    #services .section-header{
        text-align: var(--current-text-align) !important;
    }
    .methodology .item .wrap{
        padding: 20px !important;
    }
    #methodology .section-header{
        text-align: var(--current-text-align) !important;
    }
    #contact .row{
        justify-content: center !important;
    }
    #contact .section-header{
        text-align: var(--current-text-align) !important;
    }
    #contact .tcsTitleWhite{
        font-size: 40px !important;
    }
    #contact .contact-information{
        text-align: left !important;
    }
    #footer .row{
        justify-content: center !important;
    }
    #footer .footerPoliciesContainer{
        gap: 25px !important;
    }
    #footer .footerCopyrightContainer p{
        text-align: center !important;
    }
}