body{
    /* background: url(../images/banner-bg.png) no-repeat center/cover ; */
    background-color: var(--body-color);
    font-family: var(--font-rubik);
}

/* AI Predictx page START */
.commerce_opportunities{
    background: url('https://www.logi5.com/wp-content/uploads/2024/11/commerce-opportunities-bg.png');
    background-size: cover;
    background-color: #fff;
}
.commerce_opportunities .title_desc{
    font-family: var(--font-rubik);
    color:var(--text-black);
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
}

/* Building Dynamic START */
.building_dynamic_section{
    background-color: #F4F4F4;
}
.building_dynamic_section .title_desc{
    font-family: var(--font-rubik);
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.building_dynamic_section .col_title,
.building_dynamic_section .col_desc{
    font-family: var(--font-rubik);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.building_dynamic_section .col_title{
    font-size: var(--heading-2);
    color: #060719;
}
.building_dynamic_section .col_desc{
    font-size: var(--heading-4-1);
}
/* Building Dynamic END*/


/* Embrace Identities section  START*/
.embrace_identities .title_desc{
    font-family: var(--font-rubik);
    font-size: var(--heading-3-1);
    color: var(--text-white);
    font-weight: var(--font-weight-400);
}
.embrace_identities_grid{
    display: grid;
    row-gap: 125px;

}
.embrace_identities .col_title,
.embrace_identities .col_desc{
    font-family: var(--font-rubik);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
}
.embrace_identities .col_title{
    font-size: var(--heading-2);
}
.embrace_identities .col_desc{
    font-size: var(--heading-4-1);
}
.embrace_identities .arrow-right,
.embrace_identities .arrow-left{
    position: relative;
}
.embrace_identities .arrow-right::after,
.embrace_identities .arrow-left::after{
    position: absolute;
    content: '';
    width: 13%;
    height: 50%;
    z-index: 2;
    background-repeat: no-repeat;
    bottom: -120px;
    background-size: cover;
}
.embrace_identities .arrow-right::after{
    left: 0;
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/arrow-right.png);
}
.embrace_identities .arrow-left::after{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/arrow-left.png);
    right: 0;
}
.embrace_identities{
    /* background: linear-gradient(171deg, rgba(51,6,66,1) 0%, rgba(6,7,26,1) 100%); */
    background: url(https://www.logi5.com/wp-content/uploads/2024/11/Noise.png), radial-gradient(circle at 5% 16%, #FE00FF -66%, #06071A 56%);
}

.type_effect{
    position: relative;
}
.type_effect::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: -40px;
    right: 0;
    left: 0;
    background-image: url('https://www.logi5.com/wp-content/uploads/2024/11/Vector.png');
    background-repeat: no-repeat;  
    background-size: contain;  
}

/* Embrace Identities section END */
/* AI Predictx page END*/

/* Elevate Commerce START */
.elevate_commerce{
    background-color: var(--bg-white);
}
.elevate_commerce .section_desc{
    font-family: var(--font-rubik);
    font-size: var(--heading-4);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.elevate_commerce .boxes_wrap{
    font-family: var(--font-rubik);
    color: var(--text-white);
    /* gap: 15px; */
    justify-content: center;
    padding-inline: 10px;
}
.elevate_commerce .boxes_wrap .items{
    position: relative;
    z-index: 1;
    padding: 30px;
    /* width: 500px; */
}
.elevate_commerce .boxes_wrap .items::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    z-index: -1;
    display: none;
}
.elevate_commerce .boxes_wrap .items:nth-child(1)::after{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/box-bg-01.png);
}
.elevate_commerce .boxes_wrap .items:nth-child(2)::after{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/box-bg-02.png);
}
.elevate_commerce .boxes_wrap .items:nth-child(3)::after{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/box-bg-03.png);
}
.elevate_commerce .boxes_wrap .items:nth-child(1){
    background: linear-gradient(180deg, rgba(236,157,73,1) 0%, rgba(231,146,118,1) 100%);
    border-radius: 10px;
}
.elevate_commerce .boxes_wrap .items:nth-child(2){
    background: linear-gradient(180deg, rgba(221,89,64,1) 0%, rgba(251,126,104,1) 100%);
    border-radius: 10px;
}
.elevate_commerce .boxes_wrap .items:nth-child(3){
    background: linear-gradient(180deg, rgba(17,125,231,1) 0%, rgba(49,142,237,1) 100%);
    border-radius: 10px;
}
.elevate_commerce .boxes_wrap .items a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.elevate_commerce .boxes_wrap .title{
    font-size: 5rem;
    font-weight: var(--font-weight-500);
    margin-bottom: 5px;
}
.elevate_commerce .boxes_wrap .text{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
    margin-bottom: 10px;
}
.elevate_commerce .boxes_wrap .icon_wrap{
    font-size: 18px;
}
.elevate_commerce .white_bg_button{
    background-color: #6024CE;
    color: var(--text-white);
    padding: 15px 34px;
}
/* Elevate Commerce END */

/* Precision Frequency START  */
.precision_frequency{
    padding-bottom: 0;
    /* background: radial-gradient(circle, rgb(254 0 255 / 56%) -43%, rgba(6, 7, 26, 1) 100%); */
    background: url('https://www.logi5.com/wp-content/uploads/2024/11/to-paul-Mask-group.png');
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 1390px;
}
.precision_frequency::after{
    position: absolute;
    content: attr(section-name);
    width: 100%;
    height: 25%;
    bottom: 0;
    font-family: var(--font-rubik);
    color: transparent;
    font-size: 18rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fe00ff14;
    text-align: center;
    letter-spacing: 1rem;
    text-transform: uppercase;
    opacity: 1;
    z-index: -1;
}
.precision_frequency .section_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: #EFEEE6;
}
.precision_frequency .button_wrap .button_border_gradient_1{
    display: inline-block;
    border-radius: 40px;
}
.precision_frequency .button_wrap .border_gradient_inner_wrap{
    background-color: #4d065c;
    color: var(--text-white);
    font-size: var(--heading-6);
    font-weight: var(--font-weight-500);
    padding: 10px 20px;
}
.precision_frequency .wrap{
    width: 100%;
    height: 100%;
    background-color: #dbcddd;
    border-radius: 10px;
    padding: 20px;
}
.precision_frequency .wrap .text_title{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-600);
    color: var(--text-black);
}
.precision_frequency .wrap .text{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    margin-bottom: 5px;
}
/* Precision Frequency END */

/* Maximize Your Reach sectoin START */
.maximize_your_reach{
    background-color: var(--bg-white);
    font-family: var(--font-rubik);
}
.maximize_your_reach .row_wrap{
    row-gap: 30px;
}
.maximize_your_reach .row_wrap .row{
    padding-block: 40px;
}
.maximize_your_reach .row_wrap .row:not(:last-child){
    border-bottom: 1px solid #D9D9D9;
}
.maximize_your_reach .title_button{
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: #0607196b;
    text-align: start;
}
.maximize_your_reach .text_desc{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: #0607196b;
}
.maximize_your_reach .white_bg_button{
    padding: 0;
    color: #6024ce8c;
    font-size: var(--heading-6);
    font-weight: var(--font-weight-500);
}
.maximize_your_reach .active .title_button{
    color: #060719;
}
.maximize_your_reach .active .text_desc{
    color: var(--text-black);
}
.maximize_your_reach .active .white_bg_button{
    color: #6024CE;
}
/* Maximize Your Reach sectoin END */



/* ROIPro page  START */
.unmatched_analytics{
    font-family: var(--font-rubik);
    background-color: var(--bg-white);
    font-family: var(--font-rubik);
    position: relative;
    z-index: 1;
}
.unmatched_analytics::after{
    position: absolute;
    content: attr(section-name);
    width: 100%;
    height: 45%;
    bottom: 0;
    font-family: var(--font-rubik);
    color: transparent;
    font-size: 23rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fe00ff14;
    text-align: center;
    letter-spacing: 1rem;
    opacity: 1;
    z-index: -1;
}
.unmatched_analytics .box_wrapper{
    padding-inline: 10px;
}
.unmatched_analytics .box_wrapper .items{
    display: flex;
    background: linear-gradient(180deg, rgba(236,157,73,1) 0%, rgba(231,146,118,1) 100%);
    padding-block: 30px 55px;
    padding-inline: 30px;
    /* width: 500px; */
    border-radius: 10px;
    position: relative;
    z-index: 1;
    min-height: 100%;
}
.unmatched_analytics .box_wrapper .items:nth-child(2){
    background: linear-gradient(180deg, rgba(79,107,232,1) 0%, rgba(85,75,223,1) 100%);
}
.unmatched_analytics .box_wrapper .items:nth-child(2){
    background: linear-gradient(180deg, rgba(79,107,232,1) 0%, rgba(85,75,223,1) 100%);
}
.unmatched_analytics .box_wrapper .items:nth-child(3){
    background: linear-gradient(180deg, rgba(156,84,173,1) 0%, rgba(121,43,210,1) 100%);
}
.unmatched_analytics .box_wrapper .items:nth-child(4){
    background: linear-gradient(180deg, rgba(68,10,123,1) 0%, rgba(124,18,225,1) 100%);
}
.unmatched_analytics .box_wrapper .items:nth-child(5){
    background: linear-gradient(180deg, rgba(76,161,204,1) 0%, rgba(0,95,144,1) 100%);
}
.unmatched_analytics .box_wrapper .items:nth-child(6){
    background: linear-gradient(180deg, rgba(221,118,146,1) 0%, rgba(164,65,92,1) 100%);
}
.unmatched_analytics .box_wrapper .items::after{
    position: absolute;
    content: attr(box-footer-text);
    width: 100%;
    height: 40%;
    left: 0;
    bottom: 0;
    font-family: var(--font-rubik);
    color: transparent;
    font-size: 4.5rem;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ffffff14;
    font-weight: var(--font-weight-600);
    text-align: center;
    opacity: 1;
    z-index: -1;
    text-align: end;
}
.unmatched_analytics .title_desc{
    font-size: var(--heading-4);
    color: var(--text-black);
    font-weight: var(--font-weight-400);
}
.unmatched_analytics .box_wrapper{
    /* gap: 15px; */
}
.unmatched_analytics .box_wrapper .title{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-600);
    color: var(--text-white);
}
.unmatched_analytics .box_wrapper .desc_text{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
}
.unmatched_analytics .white_bg_button{
    background-color: #6024CE;
    color: var(--text-white);
    padding-block: 15px;
}
/* ROIPro page END */


/* Drive Growth START */
.drive_growth{
    background: url('https://www.logi5.com/wp-content/uploads/2024/11/Noise.png'), linear-gradient(170deg, #330642 0%, #06071a 100% );
    font-family: var(--font-rubik);
}
.drive_growth .title_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
}
.drive_growth .drive_growth_card{
    border: 1px solid #8941BE;
    padding: 50px;
    border-radius: 15px;
    padding-bottom: 0;
    min-height: 650px;
}
.drive_growth .drive_growth_card .card_title h4,
.drive_growth .drive_growth_card .card_title{
    font-family: var(--font-rubik);
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: #F2AC61;
}
.drive_growth .drive_growth_card .card_desc{
    font-family: var(--font-rubik);
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: #EFEEE6;
}
.drive_growth .drive_growth_card .icon_wrap{
    max-width: 500px;
    margin-inline: auto;
}
.drive_growth .drive_growth_card .max-width-full{
    max-width: 100%;
}
.drive_growth .drive_growth_card.min_height_auto{
    min-height: auto;
}
/* Drive Growth END */

/* AdSmart Page START  */
.what_adsmart{
    background-color: #F4F4F4;
    font-family: var(--font-rubik);
}
.what_adsmart .title_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.what_adsmart .items{
    background: linear-gradient(180deg, rgba(236, 157, 73, 1) 0%, rgba(231, 146, 118, 1) 100%);
    padding-block: 30px 55px;
    padding-inline: 25px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    height: 100%;
}
.box_wrapper .items_wrap:nth-child(2) .items{
    background: linear-gradient(180deg, rgba(79,107,232,1) 0%, rgba(85,75,223,1) 100%);
}
.box_wrapper .items_wrap:nth-child(3) .items{
    background: linear-gradient(180deg, rgba(156,84,173,1) 0%, rgba(121,43,210,1) 100%);
}
.box_wrapper .items_wrap:nth-child(4) .items{
    background: linear-gradient(180deg, rgba(68,10,123,1) 0%, rgba(124,18,225,1) 100%);
}
.what_adsmart .title{
    font-size: var(--heading-3-1);
    color: var(--text-white);
    font-weight: var(--font-weight-400);
}
.what_adsmart .desc_text{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
}

/* Adsmart Spectra START  */
.adsmart_spectra{
    font-family: var(--font-rubik);
}
.adsmart_spectra .item_wrap{
    min-height: auto;
}
.adsmart_spectra .card{
    border: 1px solid #8941BE;
    padding: 50px;
    border-radius: 15px;
    padding-bottom: 0;
    min-height: 100%;
    background-color: transparent;
}
.adsmart_spectra .card .icon_wrap{
    max-width: 500px;
    margin-inline: auto;
}
.adsmart_spectra .card .max-width-full{
    max-width: 100%;
}
.adsmart_spectra .card_title h4,
.adsmart_spectra .card_title{
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: #F2AC61;
}
.adsmart_spectra .card_desc{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: #EFEEE6;
}

/* Spectra Five Pillars START  */
.spectra_five_pillars{
    font-family: var(--font-rubik);
    background: url(https://www.logi5.com/wp-content/uploads/2024/11/Group-1000001870.png), linear-gradient(102deg, rgba(254, 36, 255, 0.5199420832786239) 0%, rgba(109, 16, 151, 0.746832839581145) 19%, rgba(68, 10, 123, 1) 100%);
    background-size: cover;
    background-position: bottom;
    position: relative;
    z-index: 1;
    padding-bottom: 20em;
}
.spectra_five_pillars::after{
    position: absolute;
    content: attr(section-text);
    width: 100%;
    height: 27%;
    bottom: -18%;
    font-family: var(--font-rubik);
    color: transparent;
    font-size: 18rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fe00ff14;
    text-align: center;
    /* letter-spacing: 1rem; */
    opacity: 1;
    line-height: 0;
    z-index: -1;
}
.spectra_five_pillars .section_title{
    color: var(--text-white);
}
.spectra_five_pillars .section_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
}
/* Spectra Five Pillars END */

/* Adsmart Spectra END */

/* Sensory storytelling START */
.sensory_storytelling{
    position: relative;
    background: linear-gradient(102deg, rgba(254, 36, 255, 0.5199420832786239) 0%, rgba(109, 16, 151, 0.746832839581145) 19%, rgba(68, 10, 123, 1) 100%);
    z-index: 1;
    overflow: hidden;
    padding-bottom: 0;
}
.sensory_storytelling .section_title{
    color: var(--text-white);
}
.sensory_storytelling .img_wrap{
    width: max-content;
    margin-left: auto;
}
.sensory_storytelling .icons_wrapper{
    display: grid;
    gap: 15px;
    row-gap: 35px;
    grid-template-columns: repeat(3,1fr);
}
.sensory_storytelling .icons_wrapper .item{
    display: flex;
    align-items: center;
    gap: 10px;
}

.sensory_storytelling .icons_wrapper .item .icon img{
    width: 100%;
    max-width: 90px;
    max-height: 90px;
    border-radius: 10px;
}
.sensory_storytelling .icons_wrapper .item .text{
    font-family: var(--font-rubik);
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
    margin-bottom: 5px;
}
/* Sensory storytelling END */

/* SmartAds Technology START  */
.smartAds_technology{
    background-color: var(--bg-white);
    font-family: var(--font-rubik);
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/Group-1000001870.png);
    background-size: cover;
    background-position: center;
}
.smartAds_technology .title{
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
    text-align: center;
}
.smartAds_technology .text{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
    text-align: center;
}
.smartAds_technology .img_wrap{
    max-width: fit-content;
    margin-inline: auto;
}
.sensory_storytelling .ads-page.log5-video{
    height: 600px;
    min-height: 100%;
    width: 100%;
}
/* SmartAds Technology END */
/* AdSmart Page END */


/* Spectra Page START  */
.spectra_advantage{
    font-family: var(--font-rubik);
    background: url('https://www.logi5.com/wp-content/uploads/2024/11/Group-350.webp'), linear-gradient(170deg, #330642 0%, #06071a 100% );
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.spectra_advantage::before{
    position: absolute;
    content: '';
    width: 50%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: url(https://www.logi5.com/wp-content/uploads/2024/11/spectra-adventage-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
.spectra_advantage .title_desc{
    font-size: var(--heading-3-1);
    color: var(--color-white);
    font-weight: var(--font-weight-400);
}
.spectra_advantage .spectra_adventage_card{
    border: 1px solid #8941BE;
    padding: 30px;
    border-radius: 15px;
}
.spectra_advantage .spectra_adventage_card.min_heigth_full{
    min-height: 100%;
}
.spectra_advantage .card_title{
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: #F2AC61;
}
.spectra_advantage .card_desc{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: #EFEEE6;
    opacity: 0.8;
}
.spectra_advantage .card_list{
    display: grid;
    row-gap: 15px;
    list-style: none;
    padding-left: 0;
}
.spectra_advantage .card_list li{
    font-size: var(--heading-3-1);
    color: var(--text-white);
    font-weight: var(--font-weight-400);
    padding-left: 40px;
    position: relative;
}
.spectra_advantage .card_list li::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/star-icon.png);
    background-size: cover; 
}

/* Spectra Driving Commerce START  */
.spectra_driving_commerce{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/drive-bg.png);
    background-size: cover;
    font-family: var(--font-rubik);
}
.spectra_driving_commerce .section_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.spectra_driving_commerce .card{
    padding: 30px;
    border-radius: 35px;
    border: 1px solid #981699;
    min-height: 100%;
}
.spectra_driving_commerce .title_wrap{
    display: flex;
    align-items: center;
    gap: 25px;
}
.spectra_driving_commerce .title_wrap .icon{
    width: 100px;
    height: 100px;
}
.spectra_driving_commerce .title_wrap .icon img{
    width: 100%;
    object-fit: cover;
}
.spectra_driving_commerce .title_wrap .title{
    font-size: var(--heading-3);
    font-weight: var(--font-weight-500);
    color: var(--text-black);
    margin-bottom: 0;
}
.spectra_driving_commerce .logos_wrap{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    padding: 0;
    list-style: none;
}
.spectra_driving_commerce .logos_wrap li{
    max-width: 100px;
}
.spectra_driving_commerce .logos_wrap li img{
    width: 100%;
}
/* Spectra Driving Commerce END */

/* Spectra Driving Carousel START  */
.spectra_driving_carousel{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/spectra-carousel-bg-01.png);
    background-size: cover;
    font-family: var(--font-rubik);
}
.spectra_driving_carousel .section_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.spectra_driving_carousel .carousel_container{
    padding-left: 90px;
}
.spectra_driving_carousel .card{
    max-width: 100%;
    padding: 30px;
    border: none;
    border-radius: 10px;
    min-height: 452px;
}
.spectra_driving_carousel .owl-item:nth-child(1n) .card{
    background:linear-gradient(180deg, #ec9d49 0%, #e79276 100%);
}
.spectra_driving_carousel .owl-item:nth-child(2n) .card{
    background: linear-gradient(180deg, rgba(79,107,232,1) 0%, rgba(85,75,223,1) 100%);
}
.spectra_driving_carousel .owl-item:nth-child(3n) .card{
    background: linear-gradient(180deg, rgba(156,84,173,1) 0%, rgba(121,43,210,1) 100%);
}
.spectra_driving_carousel .card_title_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.spectra_driving_carousel .card_title_wrap .card_title{
    font-size: 60px;
    font-weight: var(--font-weight-500);
    color: var(--text-white);
}
.spectra_driving_carousel .card_title_wrap .card_title_icon{
    max-width: 100px;
    max-height: 100px;
}
.spectra_driving_carousel .card_title_wrap .title_icon img{
    width: 100%;
}
.spectra_driving_carousel .card_sub_title{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-600);
    color: var(--text-white);
}
.spectra_driving_carousel .card_list li{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
    padding-left: 35px;
}
.spectra_driving_carousel .card_list li::before{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/carsouele-bullet-icon.png);
    width: 25px;
    height: 25px;
}

.spectra_driving_carousel .owl-nav button{
    position: absolute;
    top: 47%;
    background:#8936B5 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff !important;
}
.spectra_driving_carousel .owl-nav button.owl-prev{
    left: -45px;
}
.spectra_driving_carousel .owl-nav button.owl-prev.disabled,
.spectra_driving_carousel .owl-nav button.owl-next.disabled{
    opacity: 0.7;
}
.spectra_driving_carousel .owl-nav button.owl-next{
    right: 0;
}
/* Spectra Driving Carousel END */
/* Spectra Page END */


/* Front Page START  */
.logi5_impact{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/logi5-impact-bg.png );
    background-color: #ffffff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: var(--font-rubik);
}
.logi5_impact .title{
    font-size: 65px;
    font-weight: var(--font-weight-500);
    color: #5325B0;
}
.logi5_impact .desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.logi5_impact .row .col_item:not(:last-child){
    border-right: 1px solid #0000003b;
}

/* Engage Customers START  */
.engage_customers{
    background-color: #E9E9E9;
    font-family: var(--font-rubik);
}
.engage_customers .title_desc{
    font-family: var(--font-rubik);
    font-size: var(--heading-3-1);
    color: var(--text-black);
}
.engage_customers .accordion-item{
    background-color: transparent;
}
.engage_customers .button_wrap a{
    display: inline-block;
    font-family: var(--font-rubik);
    font-size: var(--heading-4-1);
    color: var(--text-black);
    font-weight: var(--font-weight-500);
    border-radius: 40px;
}
.engage_customers .button_wrap .border_gradient_inner_wrap{
    background-color: #e9e9e9;
    padding: 10px 25px;
}
.engage_customers.accordion_image_wrapper .img_wrap{
    display: block;
    max-width: 80%;
    margin-inline: auto;
}
.engage_customers.accordion_image_wrapper .img_wrap.lg_none{
    display: none;
}
.engage_customers.accordion_image_wrapper .img_wrap.accord-image img{
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
/* Engage Customers END */

/* Discover Spectra START  */
.discover_spectra{
    background: radial-gradient(circle,#fe00ff8f -46%, rgb(6,7,26) 100% );
}
.discover_spectra .section_title{
    color: #fff;
    align-items: center;
}
.discover_spectra .img_full{
    max-width: 65%;
    margin-inline: auto;
}
.discover_spectra .sm_img_wrap{
    max-width: 100%;
}
#spectra_ .row .col-md-12,
#spectra_ .row .col-sm-12{
    padding-inline: 0;
}
/* Discover Spectra END */

/* One Location START */
.one_locations{
    font-family: var(--font-rubik);
    /* background: linear-gradient(102deg, rgba(254,36,255,0.5199420832786239) 0%, rgba(109,16,151,0.746832839581145) 19%, rgba(68,10,123,1) 100%); */
    background: url(https://www.logi5.com/wp-content/uploads/2024/11/Noise.png),linear-gradient(102deg, rgba(68,10,123,1) 0%, rgba(109,16,151,0.746832839581145) 55%, rgba(254,36,255,0.5199420832786239) 100%);
}
.one_locations .title_sub_desc{
    font-size: var(--heading-3);
    color: #EFEEE6;
}
.one_locations .title_desc{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
    opacity: 0.9;
}
.one_locations .card{
    border: 1px solid #8941BE;
    padding: 50px;
    border-radius: 15px;
    padding-bottom: 0;
    min-height: 100%;
    background-color: transparent;
}
.one_locations .card_title{
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: #F2AC61;
}
.one_locations .card_desc{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: #EFEEE6;
    opacity: 0.8;
}
.one_locations .img_wrap{
    margin-inline: auto;
}
.one_locations .col_middle_circle{
    position: absolute;
    content: '';
    width: 140px;
    height: 140px;
    border-radius: 50%;
    padding: 30px;
    display: grid;
    align-items: center;
    justify-content: center;
    border: 1px solid #8941BE;
    background-color: #590D88;
    left: 45.5%;
    top: 40%;
    z-index: 2;
}
.one_locations .button_wrap a{
    border-radius: 40px;
}
.one_locations .border_gradient_inner_wrap{
    background-color: #500b7e;
    font-size: var(--heading-6);
    color: var(--text-white);
    font-weight: var(--font-weight-500);
    padding-inline: 20px;
}
/* One Location END*/

.front_page_test_banner{
    min-height: 40vh;
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/test-bg.png);
    background-size: cover;
}
/* Front Page END */

/* Contact Us Page START  */
.strategic_partner{
    font-family: var(--font-rubik);
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/contag-bg-01-1.png);
    background-color: #06071A;
    background-size: cover;
}
.strategic_partner .section_title{
    color: var(--text-white);
}

/* Contact form section START  */
.contact_form_section{
    padding-bottom: 0;
    background-color: #fdfdfd;
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/Group-1000001870.png);
    background-size: cover;
    font-family: var(--font-rubik);
}
.contact_form_section .main_wrap{
    background-color: #fff;
    border-radius: 12.79px 12.79px 0 0 ;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0 12px 1px;
    padding-inline: 15px;
}
.contact_form_section .form_wrap{
    max-width: 760px;
    margin-inline: auto;
}

.contact_form_section .item label{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-500);
    color: var(--text-black);
}
.contact_form_section .item .input_wrap input,
.contact_form_section .item textarea{
    width: 100%;
    border:none;
    outline: none;
    border-bottom: 1.28px solid #8D8D8D;
    padding: 10px;
    padding-top: 0;

    font-size: 17.9px;
    font-weight: var(--font-weight-500);
    color: var(--text-black);
}
.contact_form_section .item .input_wrap input::placeholder,
.contact_form_section .item .input_wrap textarea::placeholder{
    color: #8D8D8D;
}
.contact_form_section .item textarea{
    padding-left: 0;
    padding-top: 10px;
}
.contact_form_section .item .subject_title{
    font-size: 17.9px;
    font-weight: var(--font-weight-600);
    color: #011C2A;
}
.contact_form_section .item .radio_text{
    font-size: 15.35px;
    font-weight: var(--font-weight-400);
    color: #011C2A;
}
.contact_form_section .button_wrap .white_bg_button{
    background-color: #6024CE;
    border: none;
    color: var(--text-white);
    padding-block: 15px;
}
/* custum radio  */
.contact_form_section .radio_wrap{
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20px;
    height: 20px;
}
.contact_form_section .radio_wrap input{
    opacity: 0;
    width: 100%;
    height:100%;
}
.contact_form_section .radio_wrap .radio_icon_wrap{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    border: none;
    background-color: #E0E0E0;
    /* z-index: -1; */
    border-radius: 50%;
}
.contact_form_section .radio_wrap .radio_icon_wrap i{
    font-size: 11px;
    color: #FFFFFF;
    opacity: 0;
}
.contact_form_section .radio_wrap input:checked ~ .radio_icon_wrap{
    background-color: #7B16D7;
}
.contact_form_section .radio_wrap input:checked ~ .radio_icon_wrap i{
    opacity: 1;
}


.contact_form_section .info_wrap{
    background-color: #7B16D7;
    border-radius: 12.79px;
    padding: 30px;
}
.contact_form_section .info_wrap .item_box{
    background-color: #FDFDFD;
    padding: 30px;
    height: 100%;
}
.contact_form_section .info_wrap ul{
    list-style: none;
    display: grid;
    row-gap: 10px;
    padding: 0;
}
.contact_form_section .info_wrap ul li{
    display: flex;
    align-items: start;
    gap: 20px;
}
.contact_form_section .info_wrap ul li .icon{
    width: 30px;
    height: auto;
}
.contact_form_section .info_wrap ul li .icon img{
    width: 30px;
    height: 100%;
}
.contact_form_section .info_wrap ul li .info_text a{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
/* Contact form section END */

/* Contact Us Page END  */


/* About Us START  */
.our_story_section{
    background-color: var(--bg-white);
}
.about_text_wrap{
    font-family: var(--font-rubik);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
    font-size: var(--heading-4);
    line-height: 1.6;
}
.our_story_section .img_wrap{
    max-width: 50%;
    margin-inline: auto;
}
.evolving_culture{
    font-family: var(--font-rubik);
    background-color: #FFFFFF;
}
.evolving_culture .row .col_item:nth-child(odd) .item_wrap{
    background: linear-gradient(180deg, rgba(100,25,98,1) 0%, rgba(101,4,171,1) 100%);
    padding: 10px;
}
.evolving_culture .row .col_item{
    padding-inline: 0;
}
.evolving_culture .row.even .col_item .item_wrap{
    background: transparent;
    padding: 10px;
}
.evolving_culture .row.even .col_item:nth-child(even) .item_wrap{
    background: linear-gradient(180deg, rgba(100,25,98,1) 0%, rgba(101,4,171,1) 100%);
    padding: 10px;
}
.evolving_culture .item{
    height: 100%;
    display: grid;
    align-items: center;
    height: 383px;
    background-color: #fff;
}
.evolving_culture .item .text_wrap{
    font-size: var(--heading-2);
    color: #060719;
    text-align: center;
}
.evolving_culture .img_wrap{
    width: 150px;
    margin-inline: auto;
}
.evolving_culture .img_wrap img{
    height: 100%;
    width: 100%;
}
/* About Us END */

/* Policy Pagss START */
.policy_content_wrap{
    background-color: #fff;
    font-family: var(--font-rubik);
}
.policy_content_wrap h3{
    font-family: var(--font-rubik);
    font-size: var(--heading-1);
    font-weight: var(--section-title-text-weight);

    background: var(--text-gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 30px;
    margin-bottom: 20px;
}
.policy_content_wrap h4{
    font-family: var(--font-rubik);
    font-size: var(--heading-4);
    font-weight: var(--section-title-text-weight);

    background: var(--text-gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 20px;
    margin-bottom: 15px;
}
.policy_content_wrap p{
    font-size: var(--heading-5);
    font-weight: var(--font-weight-400);
    color: #171313;
    opacity: 0.8;
    line-height: 1.3;
}
.policy_content_wrap .wp-block-list{
    display: grid;
    row-gap: 15px;
}
.page-id-1631 .entry--para,
.page-id-1828 .entry--para{
    width: 90%;
}
/* Policy Pagss END */


/* Careers Page START  */
.marketing_technology{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/Group-1000001870.png);
    background-color: #ffffff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.marketing_technology .text_wrap{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
    line-height: 1.3;
}
.our_values .section_title{
    color: var(--text-white);
}
.our_values .title_desc{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
    line-height: 1.3;
}
.our_values .card_list li b{
    font-weight: var(--font-weight-600);
}
.our_values .card_list li{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
}
.our_values .card_list li::before{
    background-image: url('https://www.logi5.com/wp-content/uploads/2024/11/Mask-group-3.png');
}
.our_values .quote_text{
    font-size: var(--heading-2-1);
    font-weight: var(--font-weight-400);
    color: var(--text-white);
    line-height: 1.3;
}

/* Life at Logi5 start  */
.life_at_logi5{
    background-color: #EFEEE6;
}
.life_at_logi5 .desc_wrap{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.life_at_logi5 .desc_wrap b{
    font-weight: var(--font-weight-600);
    color: var(--color-black);
}
.life_at_logi5 .card_list li::before{
    background-image: url(https://www.logi5.com/wp-content/uploads/2024/11/section-title-icon-after.png);
}
.life_at_logi5 .card_list li{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}
.life_at_logi5 .wrap p{
    font-size: var(--heading-3-1);
    font-weight: var(--font-weight-600);
    color: var(--text-black);
}
.life_at_logi5 .img_wrap{
    max-width: 40%;
    margin-inline: unset;   
}
.life_at_logi5 .wrap{
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px;
}
/* Life at Logi5 end */

.interested_in_joining{
    background: url(https://www.logi5.com/wp-content/uploads/2024/11/Noise.png), linear-gradient(170deg, #330642 0%, #06071a 100%);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.interested_in_joining .item{
    display: grid;
    row-gap: 10px;
    border: 1px solid #8941BE;
    border-radius: 10px;
    padding: 2rem;
    height: 100%;
}
.interested_in_joining .item h2 a{
    font-size: var(--heading-2);
    font-weight: var(--font-weight-400);
    color: #F2AC61;
 }
 .interested_in_joining .item .location h3{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-600);
    color: #EFEEE6;
    opacity: 0.8;
 }
 .interested_in_joining .item .designation h4{
    font-size: var(--heading-4-1);
    font-weight: var(--font-weight-400);
    color: #EFEEE6;
    opacity: 0.8;
 }
 .interested_in_joining .item .explore a{
    font-size: var(--heading-6);
    font-weight: var(--font-weight-500);
    color: var(--text-white);
 }
.single_job_page{
    background-color: var(--bg-white);
}
.single_job_page h1,
.single_job_page h2, 
.single_job_page h3, 
.single_job_page h4, 
.single_job_page h5, 
.single_job_page h6{
    font-family: var(--font-rubik);
    font-size: var(--heading-1);
    font-weight: var(--section-title-text-weight);
    background: var(--text-gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 30px;
    margin-bottom: 20px;
}
.single_job_page p{
    font-size: var(--heading-4);
    font-weight: var(--font-weight-400);
    color: var(--text-black);
    line-height: 1.3;
}
.apply_for_job{
    background-color: #EFEEE6;
}
.apply_for_job .contact_form_section{
    background: none;
}
.apply_for_job .contact_form_section .item .input_wrap input, 
.apply_for_job .contact_form_section .item textarea{
    background-color: transparent;
}
.apply_for_job textarea{
    height: 55px;
}
.apply_for_job textarea::placeholder{
    font-size: 17px;
}
/* Careers Page END */

/* Blog banner  */

.blog_banner_wrapp .inner_wrap{
    background: url('https://www.logi5.com/wp-content/uploads/2024/11/Group-1000001875.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.blog_banner_wrapp h1{
    color: #171313;
    padding-inline: 40px;
}
.blog_banner_wrapp .img_wrap{
    max-width: 100%;
    height: 400px;
    padding-inline: 10px;
}
.blog_banner_wrapp .img_wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* Blog banner END */

/* Cookie icon hide */
.cky-btn-revisit-wrapper {
	display:none !important;
}

/*guide listing css*/
        .guides-list {
            display: flex;
            
            gap: 20px;
        }
        .guide-item {
         
            padding: 15px;
            border-radius: 8px;
           
            transition: all 0.3s ease;
        }
       
        .guide-item h2 {
            font-size: 1.2em;
            color: #000 !important;
           
        }
        .guide-item p {
            font-size: 0.9em;
            color: #666;
        }
#st-1.st-has-labels .st-btn {
        min-width: 20px!important;
}
#st-1 .st-btn[data-network='facebook'],#st-1 .st-btn[data-network='twitter'],#st-1 .st-btn[data-network='linkedin'],#st-1 .st-btn[data-network='whatsapp'] {
        background-color: transparent!important;
}
#st-1 .st-total {
        color: #fff!important;
        }
     .st-btn .st-label{
      display:none!important;
      }

/*carousel*/     
       .logo-slider {
        padding: 20px 0;
          border-bottom:1px solid #d3a1f8;
    }
    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .logo-img {
        max-width: 100px; /* Adjust logo size */
        height: auto;
    }