@charset "UTF-8";
/*
Theme Name: Syncezy
Text Domain: syncezy
Template: twentytwentyone
*/
@import url("../twentytwentyone/style.css");
/*********************** Font source sans 3 link ***********************/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap');
/*********************** Common Element CSS  ***********************/
:root {
    /* Fonts */
    --primary-font-family:'Source Sans 3', sans-serif;
    --primary-nav--font-family: 'Source Sans 3', sans-serif;
    --heading--font-family: 'Source Sans 3', sans-serif;
    --primary-nav--font-family-mobile: 'Source Sans 3', sans-serif;
    --button--font-family: 'Source Sans 3', sans-serif;
    --list--font-family: 'Source Sans 3', sans-serif;
    /* color */
    --global-white:#FFFFFF;
    --global-black:#000;
    --Primary-Color:#0F74BC;
    --red-color:#ED1C24;
    --gray-100:#F2F4F7;
    --gray-300:#D0D5DD;
    --gray-400: #98A2B3;
    --gray-500:#667085;
    --gray-600: #475467;
    --gray-700:#344054;
    --gray-800:#EEE;
    --gray-900:#101828;
    --gray-1000:#E2E5EA;
    --gray-1100:#959595;
    --dark-blue:#003D69;
    --light-blue:#ECF6FD;
    --border-color:#E9E9E9;
    --light:#F7FCFF;
    --error-200:#FECDCA;
    --blue-1:#D1E9FA;
    --blue-2:#BEE0F8;
    --blue-3:#F9FCFF;
    --blue-4:#BFDFFF;
}
body 					{ overflow-x: hidden !important; background-color: var(--global-white)!important;font-family:var(--primary-font-family);max-width: 2560px;margin: auto;padding-top: 90px;}
.clear 					{ clear:both;}
img 					{ border: 0px;}
a 						{ text-decoration: none; outline: none; transition: all ease-in-out 0.35s; }
input:focus             {outline: 0 !important;}
textarea                { resize: none;}
p:empty                 { display: none;}
a:focus, a:active, a:visited, a:hover, .btn:focus, .btn:active, .btn:visited, .btn:hover{ text-decoration: none; outline: none; box-shadow: none; }
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover { transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -webkit-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -moz-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -o-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -ms-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s } header.wp-block-template-part .wp-block-navigation, header.wp-block-template-part .wp-block-navigation .wp-block-page-list, header.wp-block-template-part .wp-block-navigation__container, header.wp-block-template-part .wp-block-navigation__responsive-container-content { gap: unset !important; } /* Button */
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 }
:focus-visible{outline: none;}
ul{padding: 0;margin: 0;}
img{max-width: 100%;height: auto;}
a{text-decoration-style:solid!important;}
a:hover{text-decoration-style:solid!important ;}
h1,h2,h3,h4,h5,h6{letter-spacing:normal ;}
.custom-padding{padding: 100px 0 100px 0;}
.custom-padding-bottom{padding-bottom: 100px;}
/*********************** Primary button css start ***********************/
.primary-btn{position: relative;display: inline-block; padding: 10px 40px;text-align: center; font-size: 16px;font-weight: 600; color: var(--global-white);background: var(--Primary-Color);border: 1.5px solid var(--Primary-Color);border-radius: 10px;transition: 0.5s all;-webkit-transition: 0.5s all;font-family: var(--primary-font-family);}
.primary-btn:hover{background: var(--global-white);border-color: var(--Primary-Color);color: var(--Primary-Color);}
.primary-btn:focus{background: var(--global-white)!important;border-color: var(--Primary-Color)!important;color: var(--Primary-Color)!important;}
.outline-btn{background: var(--global-white);color: var(--Primary-Color);}
.outline-btn:hover{background: var(--Primary-Color);color: var(--global-white);border-color: var(--Primary-Color);}
/*********************** Primary button css End ***********************/
/*********************** Typography start ***********************/
.title-style-1{ margin: 0; padding: 0; font-size: 60px; line-height: 90px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--Primary-Color); }
.title-style-2{ margin: 0; padding: 0; font-size: 42px; line-height: 52px; font-weight: 700; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black); }
.title-style-3{ margin: 0; padding: 0; font-size: 36px; line-height: 54px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black); }
.title-style-4{ margin: 0; padding: 0; font-size: 30px; line-height: 48px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black); }
.title-style-5{ margin: 0; padding: 0; font-size: 24px; line-height: 38px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--gray-500);}
.title-style-6{ margin: 0; padding: 0; font-size: 20px; line-height: 32px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--gray-500); }
p{font-size: 18px;font-weight: 400;line-height: 28px;color: var(--gray-500); font-family: var(--primary-font-family);}
/*********************** Typography End ***********************/
/*********************** wordpress - Comman section CSS -start ***********************/
.site-branding{ display: none;}
.site-main>*{margin: 0 ;}
.wp-site-blocks{ padding: 0 !important;}
.wp-block-group.alignfull>.wp-block-kadence-rowlayout>.kt-row-layout-inner>.kt-row-column-wrap { padding: 0; }
div.wp-block-group.alignfull>.wp-block-kadence-rowlayout, div.wp-block-group.alignfull { margin-top: 0; }
.site-main{ padding: 0;}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){background-color: transparent;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{ outline: none;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){outline: none; text-decoration: none;}
.wpcf7-not-valid-tip{position: absolute; left: 0; bottom: 6px; font-size: 12px;}
textarea + .wpcf7-not-valid-tip { bottom: 22px; }
#sb_instagram .sbi_photo img{ aspect-ratio: 1 / 1; width: 100%; object-fit: cover; object-position: center;}
.wp-block-columns .wp-block-column > *{ margin: 0 !important;}
form br{display: none;}
.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus{ outline: none;}
.widget-area{display: none;}
/*********************** wordpress - Comman section CSS -end ***********************/
/* preloader */
#preloader{ position: fixed;right: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: var(--global-white); background-position: center;margin: auto; }
#preloader img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height:auto;width: 90px; max-width:90%; display: inline-block;}

/*********************** Header CSS ***********************/
.header-navigation{position: fixed;top: 0;left: 0;width: 100%;max-width: 100%; padding: 0px 60px;background-color: var(--global-white);z-index: 1111;box-shadow: 0px 3.19583px 11.98438px 0px rgba(243, 246, 249, 0.50);border-bottom: 1px solid rgba(226, 229, 234, 0.50);}
.header-navigation .header-inner{display: flex;width: 100%;justify-content: space-between;align-items: center;max-width: 1320px;margin: auto;}
.header-navigation .header-left{display: flex;align-items: center;gap: 85px;}
.header-navigation .header-left .site-logo{margin: 0;}
.header-navigation .header-right{display: flex;justify-content: end;align-items: center;gap: 20px;}
.header-navigation .header-right .search-main{display: flex;align-items: center;gap: 36px;}
.header-navigation .navigation-login .navigation-login-part>nav>ul{display: flex;align-items: center;gap: 16px;}
.header-navigation .outline-login a{position: relative;display: inline-block; padding: 7px 20px!important;text-align: center; font-size: 16px!important;font-weight: 600;border: 1px solid var(--Primary-Color);border-radius: 10px;color: var(--Primary-Color)!important;background: var(--global-white)!important;text-decoration: none;transition: 0.5s all;-webkit-transition: 0.5s all;}
.header-navigation .outline-login a:hover{background: var(--Primary-Color)!important;color: var(--global-white)!important;border-color: var(--Primary-Color);}
.header-navigation .outline-login a:focus{background: var(--Primary-Color)!important;color: var(--global-white)!important;border-color: var(--Primary-Color)!important;}
.header-navigation .fill-button a{position: relative;display: inline-block;text-align: center; padding: 7px 20px!important;font-size: 16px;font-weight: 600;color: var(--global-white)!important;background: var(--Primary-Color)!important;text-decoration: none;text-decoration: none;transition: 0.5s all;-webkit-transition: 0.5s all;border-radius: 10px;border: 1px solid var(--Primary-Color);}
.header-navigation .fill-button a:hover{background: var(--global-white)!important;border-color: var(--Primary-Color);color: var(--Primary-Color)!important;}
.header-navigation .fill-button a:focus{background: var(--global-white)!important;border-color: var(--Primary-Color)!important;color: var(--Primary-Color)!important;}
.search-part-section .gt_float_wrapper{padding-top: 5px;}
.search-part-section .gt_float_switcher{box-shadow: none!important;}
.search-part-section .gt_float_switcher .gt-selected .gt-current-lang{padding: 11px 0 0 0!important;display: flex;align-items: center;}
.search-part-section .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code { position: relative; top: 0px; }
.search-part-section .gt_float_switcher .gt_options{position: absolute;background: var(--global-white);top: calc(100% + -10px);border: 1.5px solid var(--gray-1000);border-radius: 14px;}
.search-part-section .gt_float_switcher .gt_options a{font-size: 16px; transition: 0.2s all;}
.search-part-section .gt_float_switcher .gt_options a:hover{background: var(--Primary-Color);}
.search-part-section .gt_float_switcher{font-family: var(--primary-font-family);}
.search-part-section .gt-lang-code{color: var(--gray-600);font-weight: 500;font-size: 16px;color: var(--gray-600);text-transform: capitalize;}
.search-part-section .gt_float_switcher img{width: 42px;height: 28px;object-fit: cover;border-radius: 4px;}
.search-part-section .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{transform: rotate(0);}
.search-part-section .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate{transform: rotate(-180deg);}
.header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li .mega-block-title,.header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li .textwidget p a{ font-size: 20px; font-weight: 600; padding: 10px; margin-bottom:10px;text-transform: capitalize; color: var(--global-black); border-bottom: 1px solid var(--gray-300)!important; }
.header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li .textwidget p a:hover{text-decoration: none!important;color: var(--Primary-Color);}
/*********************** Footer Section CSS ***********************/
.footer-section{background: var(--light-blue);padding-top: 115px;position: relative;}
.footer-login{padding: 30px 20px;display: flex;align-items: center;justify-content: space-between;background: var(--dark-blue);border-radius: 10px;margin-top: -167px;margin-bottom: 60px;gap: 25px;}
.footer-login-content p{color: var(--global-white);font-size:20px;font-weight: 600;line-height: 32px;}
.footer-button{display: flex;gap: 14px;align-items: center;justify-items: end;flex-shrink: 0;}
.footer-button .primary-btn{padding-inline:13px ;}
.footer-inner{padding-bottom: 88px;}
.footer-logo .footer-main-image{margin-bottom: 24px;width: 206px;height: 48px;object-fit: cover;}
.footer-logo p{font-size: 14px;line-height: 22px;color: var(--gray-700);font-weight: 600; margin: 0 0 24px 0;opacity: 0.7;}
.footer-logo .menu-social-media-container{margin-top: 10px;}
.footer-logo .menu-social-media-container>ul{display: flex;gap: 16px;align-items: center;}
.footer-logo .menu-social-media-container>ul>li>a{display: flex;align-items: center;justify-content: center;position: relative;width: 38px;height: 38px;padding: 9px;border-radius: 8px;background: var(--gray-500);backdrop-filter: blur(72px);-webkit-backdrop-filter: blur(72px);transition: 0.5s all;-webkit-transition: 0.5s all;}
.footer-logo .menu-social-media-container>ul>li>a>span{display: none;}
.footer-logo .menu-social-media-container>ul>li>a:hover,.footer-logo .menu-social-media-container>ul>li>a:focus{background: var(--Primary-Color)!important;}
.footer-content-top{margin-bottom: 35px;}
.footer-first{display: flex;align-items: center;gap: 10px;margin-top: 18px!important;}
.footer-support-logo img{margin: 0;}
.footer-first img{max-width: 124px;object-fit: cover;}
.footer-inner .footer-links .widget-title a,.footer-inner .footer-links .widget-title,.footer-inner .footer-contact h2{ font-size: 18px;font-weight: 600;line-height: 28px;color: var(--global-black);font-family: var(--primary-font-family);margin-bottom: 4px!important;}
.footer-inner .footer-contact h2{margin-bottom: 16px!important;}
.footer-inner .footer-contact h2 a{text-decoration: none;}
.footer-inner .footer-contact h2 a:hover{color: var(--Primary-Color);}
.footer-inner .footer-links nav,.footer-inner .footer-contact nav{margin: 0!important;}
.footer-inner .footer-links ul{display: flex;flex-direction: column;gap: 12px;}
.footer-inner .footer-links ul>li{line-height: normal;}
.footer-inner .footer-links ul>li>a{position: relative;font-size: 16px;font-weight: 400;line-height: 24px;color: var(--gray-600);font-family: var(--primary-font-family);text-decoration: none;transition: 0.5s all;-webkit-transition: 0.5s all;}
.footer-inner .footer-links ul>li>a:hover{color: var(--Primary-Color);}
.footer-contact .wp-block-group__inner-container{display: flex;flex-direction: column;gap: 12px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text{display: flex;margin: 0!important;gap: 12px;align-items: center;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text figure{flex-shrink: 0;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text figure img{max-width: 36px;max-height: 22px;object-fit: cover;border-radius: 4px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text__content{padding: 0;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text__content p{color: var(--global-black);font-weight: 600;font-size: 16px;line-height: 24px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text__content p a{color: var(--gray-600);text-decoration: none;transition: 0.5s all;margin-left: 22px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text__content p a:hover{color: var(--Primary-Color);}
.footer-contact .wp-block-group__inner-container .wp-block-media-text:first-child .wp-block-media-text__content p a{margin-left: 12px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text:last-child figure img{max-width: 24px;max-height: 24px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text:last-child{margin-top: 10px;}
.footer-contact .wp-block-group__inner-container .wp-block-media-text:last-child .wp-block-media-text__content p a{margin-left: 0;}
.footer-lasting{padding: 24px 0 23px 0;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgb(52 64 84 / 30%);}
.footer-lasting-left p{font-size: 12px;font-weight: 400;line-height: 20px;color: var(--gray-500);}
.footer-privacy-policy ul{display: flex;justify-items: end;gap: 24px;align-items: center;}
.footer-privacy-policy ul>li{line-height: normal;}
.footer-privacy-policy ul>li>a{font-size: 12px;font-weight: 400;color: var(--gray-500)!important;text-decoration: none;transition: 0.5s all;-webkit-transition: 0.5s all;}
.footer-privacy-policy ul>li>a:hover{color: var(--Primary-Color)!important;}
/*ZOHO Form*/
.contact-form-main{ padding: 0; background: var(--global-white); border: 1px solid var(--gray-400); border-radius: 20px; }
/*********************** Common Box CSS ***********************/
.common-box {position: relative;padding: 24px;border: 1px solid var(--border-color);background: var(--global-white); border-radius: 20px;height: 100%;}
.common-box  .title-style-6{margin-bottom: 10px;color: var(--global-black);}
.common-box p{margin-bottom: 8px;}
.common-box p:last-child{margin-bottom: 0;}
/*********************** Testimonial Section CSS ***********************/
.tetimonial-title{text-align: center;margin-bottom: 48px;}
.testimonial-box-main{position: relative; padding: 64px 60px;border: 1.5px solid var(--border-color);background: var(--global-white);border-radius: 14px;margin: 0 34px;}
.testimonial-wrapper-main{margin-bottom: 0!important;}
.testimonial-inner .title-style-6{position: relative;padding-right: 40px;}
.testimonial-inner .title-style-6::after { content: ""; width: 57px; height: 42px; background: url('./assets/images/comma.svg'); position: absolute; margin: 10px 0 0 10px;background-size: cover; }
.testimonial-profile{margin-top: 36px;display: flex;gap: 10px;align-items: center;}
.testimonial-profile .testimoial-images{flex-shrink: 0;}
.testimoial-images img{width: 53px;height: 53px;object-fit: cover;border-radius: 50%;}
.testimoial-detail p{font-size: 16px;line-height: 24px;font-weight: 600;color: var(--global-black);margin-bottom: 3px;}
.testimoial-detail span{display: block;font-size: 14px;font-weight: 600;line-height: 22px;color: var(--gray-500);}
.testimonaial-button{margin-top: 38px;text-align: center;}
.testimonial-box-main .slider-dots-box{position: absolute;bottom: 70px;right: 58px;}
/*********************** Top case Studies Section Slider CSS ***********************/
.top-case-section{padding: 60px 0;}
.case-title{text-align: center;margin-bottom: 48px;}
.case-studies-main{position: relative;padding: 62px 87px 61px 59px;background: url('./assets/images/case-shape-top.png')no-repeat left top,url('./assets/images/case-shape-bottom.png')no-repeat right bottom;background-color: var(--global-white);border: 1px solid var(--border-color);border-radius: 20px;margin-bottom: 24px;}
.case-studies-slider .slick-slide{margin:0 30px;}
.case-studies-slider .slick-list {margin: 0 -30px; padding: 0 1px;}
.case-studies-slider .case-studies-box{display: block; position: relative;padding-top:52%;}
.case-studies-slider .case-studies-box img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;border-radius: 14px;border: 1px solid var(--border-color);}
/*********************** Trusted Section CSS ***********************/
.trusted-part-section {padding: 86px 0;background-color: var(--light-blue);background: url('./assets/images/trusted-shape-top.png')no-repeat left top,url('./assets/images/trusted-shape-bottom.png')no-repeat right bottom;}
.trusted-title{margin-bottom: 42px;text-align: center;}
.trusted-wrapper .slick-slide{padding: 0 20px;}
.trusted-inner{background-color: var(--global-white);padding: 20px 10px 20px 10px;}
.trusted-logo{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;max-width: 250px;margin-left:auto;margin-right: auto;}
.trusted-inner .slider-dots-box{display: flex;}
/*********************** Common Software Section CSS ***********************/
.common-software-section{position: relative;background: var(--global-white);padding: 20px 50px;}
.software-title{text-align: center;margin-bottom: 48px;}
.software-wrapper-main .slick-slide{padding: 0 20px;}
.software-logo {display: flex;align-items: center;justify-content: center;}
.common-software-section .slider-dots-box{display: none;}
/*********************** Custom Accoridion CSS ***********************/
.custom-accordion .accordion-item{border: none!important;border-bottom: 1px solid var(--border-color)!important;}
.custom-accordion .accordion-item:last-child{border-bottom: none!important;}
.custom-accordion .accordion-item{border-radius: 0!important;}
.custom-accordion .accordion-item .accordion-button{position: relative; padding: 20px 40px 15px 0; border-radius: 0!important;background: var(--global-white)!important;color: var(--gray-900)!important;font-size: 18px;font-weight: 600;line-height: 28px;font-family: var(--primary-font-family);}
.custom-accordion .accordion-item .accordion-button:focus{box-shadow: none;}
.custom-accordion .accordion-button:not(.collapsed) {padding: 20px 40px 15px 0;color: var(--gray-900);background-color: var(--global-white);box-shadow: none;}
.custom-accordion .accordion-body{padding: 0 0 24px 0;position: relative;overflow: hidden;z-index: 1;}
.custom-accordion .accordion-body ul,.custom-accordion .accordion-body ol{margin-left: 20px;margin-bottom: 10px;}
.custom-accordion .accordion-body ul:last-child,.custom-accordion .accordion-body ol:last-child{margin-bottom: 0;}
.custom-accordion .accordion-body ul li,.custom-accordion .accordion-body ol li{font-size: 18px; font-weight: 400; line-height: 28px; color: var(--gray-500); font-family: var(--primary-font-family);}
.custom-accordion .accordion-body::after { content: ""; position: absolute; width: 100%; height: 100px; background: var(--error-200); z-index: -1; right: -4px; top: calc(100% + 11px); transform: rotate(-3.492deg); }
.custom-accordion .accordion-button::after{position: absolute;top: 18px;right: 0; background-image: url('./assets/images/plus-circle.svg');width: 24px;height: 26px;background-size: cover;}
.custom-accordion .accordion-button:not(.collapsed)::after {background-image: url('./assets/images/minus-circle.svg');transform: none;}
/*********************** Contact Section Home CSS ***********************/
.contact-section{padding: 96px 0 166px 0;background-color: var(--gray-800);background-image: url('./assets/images/conatct-shape.png');background-repeat: no-repeat;background-position: bottom right;background-size: 44% 40%;}
.contact-content{padding: 50px 0 0 0 ;}
.contact-content .title-style-2{color: var(--Primary-Color);margin-bottom: 20px;}
.contact-content p{margin-bottom: 30px;}
.contact-content p:last-child{margin-bottom: 0;}
.contact-form-main img{border-radius: 20px;}
/*********************** Slick Common Button CSS ***********************/
.slick-arrow { width: 35px; height: 35px; background: url('./assets/images/slick-arrow.svg') no-repeat center center !important; transform: rotate(180deg) translate(0, 0%) !important; }
.slick-arrow::before { display: none; }
.slick-arrow.slick-prev { transform: none !important;}
.slick-arrow.slick-next { order: 2; }
.slider-dots-box { display: flex; align-items: center; justify-content: center; }
.slider-dots-box .slick-arrow { position: relative; top: auto; left: auto; right: auto; margin: 0px; transform: translate(0, 0%); }
.slider-dots-box .slick-dots { position: relative; bottom: auto; width: auto; margin: 0 19px; }
.slick-dots li { display: inline-block; margin: 6px 5px; width: auto; }
.slick-dots li button { width: 10px; height: 10px; border-radius: 100%; background: #D9D9D9!important; overflow: hidden; margin: 0; }
.slick-dots li.slick-active button { background: var(--red-color)!important; }
.slick-dots li button:before { display: none; }
/*********************** Search Button CSS ***********************/
.search-contant { padding: 20px 0; width: 100%; background: var(--gray-800); position: fixed; top: 90px; z-index: 111; left: 0; transform: translateY(-107px); transition: 0.5s all; visibility: hidden;pointer-events: none; }
.search-bar{position: relative;}
.search-bar img{position: absolute;top:12px;left: 15px;}
.search-bar input{ border: none; padding: 10px 40px 10px 20px; border-radius: 20px; background: var(--global-white); }
.search-bar input:focus{box-shadow: none;}
.search-contant.visible { opacity: 1; transform: none;pointer-events: unset; }
.search-bar .close-btn{position: absolute;top: 8px; right: 15px;background: none!important;border: none;padding: 0;}
/*********************** Winning Client CSS ***********************/
.winning-main{padding: 59px 0;}
.winning-main .trusted-inner{padding: 36px 0 20px 0;}
.winning-client .trusted-logo{margin-bottom: 0;max-height: 111px;min-height: 111px;object-fit: cover;}
/*********************** Common Shape Banner CSS ***********************/
.commn-shape { position: absolute; width: calc(100% + 20px); bottom: 0; z-index: -1; right: -5px; margin: auto; }
.commn-shape span{display: block;height:30px;}
.commn-shape .commn-second-shape,.commn-shape .commn-first-shape{display: flex;justify-content: space-between;}
.commn-shape .commn-first-shape span{width: 6.44%;background: var(--red-color);}
.commn-shape .commn-first-shape span:nth-child(1) {transform: skewX(10deg); }
.commn-shape .commn-first-shape span:nth-child(2){transform: skewX(-10deg);}
.commn-shape .commn-second-shape span{width: 10.7%;background: var(--blue-2);}
.commn-shape .commn-second-shape span:nth-child(1){transform: skewX(-10deg);}
.commn-shape .commn-second-shape span:nth-child(2){transform: skewX(10deg);}
.commn-shape .commn-shape-bootm{width: 100%;background: var(--blue-1);}
/*********************** Common Key Box CSS ***********************/
.our-key-main{display: flex;flex-direction: row;flex-wrap: wrap;gap: 24px;justify-content: center;}
.our-key-main>div{width: calc(100% / 3 - 16px);}
.common-ky-box{position: relative; display: block; padding: 18px;background: var(--blue-3);border: 1px solid var(--gray-300);border-radius: 20px;box-shadow: 0px 4px 15px 0px #F0F7FE;height: 100%;text-align: center;transition: 0.5s all;}
.common-ky-box .common-key-image{display: block; padding: 4px 24px; max-height: 174px; min-height: 174px; background-color: var(--global-white);border: 2px solid var(--gray-100);border-radius: 14px; display: flex; align-items: center; justify-content: center;margin-bottom: 18px;transition: 0.5s all; }
.common-ky-box .title-style-5{color: var(--Primary-Color);}
.common-ky-box p{margin-bottom: 0;}
.common-ky-box:hover{background: var(--blue-4);box-shadow: 0px 17px 20px 0px rgba(240, 247, 254, 0.30);}
.common-ky-box:hover .common-key-image{border-color: var(--gray-300);}
/*********************** Our Case Sudies CSS ***********************/
.our-case-sudies-section{padding: 120px 0;}
.our-title{margin-bottom: 48px;text-align: center;}
.common-our{position: relative;height: 100%;padding: 10px 20px 0 26px;}
.our-case-slider-front{padding: 34px;background: var(--global-white);border: 1.5px solid var(--border-color);border-radius: 20px;}
.our-case-image{position: relative;padding-top: 60%;display: block;}
.our-case-image img{position: absolute;width: 100%;height: 100%; top: 0;left: 0;right: 0;bottom: 0; object-fit: cover;object-position: center center;border: 1.5px solid var(--border-color);border-radius: 14px;}
.our-case-image span{position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 106px; height: 68px; }
.our-case-image span img{border: none;}
.our-case-main-content{margin-bottom: 40px!important;overflow: hidden; }
.case-inner-wrapper .case-name{margin-top: 27px;}
.case-inner-wrapper .case-name p{font-weight: 600; margin-bottom: 2px;color: var(--global-black);}
.case-inner-wrapper .case-name span{display: block;font-size: 16px;line-height: 24px;font-weight: 400;color: var(--gray-500);}
.common-our .slider-dots-box{justify-content: flex-start;}
.our-case-slider-front .slick-slide{ padding: 0 1px; }
.our-case-main-content .slick-slide { margin: 0 20px 0 26px; }
.our-case-main-content .slick-list { margin: 0 -20px 0 -26px; }
/*********************** Help Button CSS ***********************/
.help-btn{position: fixed;bottom: 16px;right: 20px;background: var(--global-white);border-radius: 50%;display: block;width: 60px;height: 60px;z-index: 111;}
/*********************** Common Subpage Banner CSS ***********************/
.common-subpage-banner{position: relative;overflow: hidden;z-index: 1; padding: 44px 0px 82px 0px;background: url('./assets/images/line-home-banner.png') repeat center center, url('./assets/images/light-dot-shape.png') no-repeat left top, url('./assets/images/shape-home.png') no-repeat right top;background-color: var(--light-blue);}
.common-subpage-banner .common-subpage-banner-content{max-width: 942px;margin: auto;}
.common-subpage-banner .common-subpage-banner-content .title-style-6{font-weight: 400;}
.common-subpage-banner .commn-shape span{height: 30px;}
/*********************** Visit Box CSS ***********************/
.visit-box{display: flex;align-items: center;justify-content: space-between; gap: 56px;padding: 59px 60px;background: url('./assets/images/testimonial-shape-left-top.png') no-repeat left top, url('./assets/images/testimonial-shape-left-bottm.png') no-repeat left bottom, url('./assets/images/testimonial-shape-right-top.png') no-repeat right top, url('./assets/images/testimonial-shape-right-bottom.png') no-repeat right bottom; background-color: #003E6A;border-radius: 20px;background-size: 8%;}
.visit-content .title-style-3{color: var(--global-white);font-weight: 700;}
.visit-box .primary-btn{flex-shrink: 0;}
/*********************** Common Life Box  CSS ***********************/
.common-life-syncezy{padding-block: 50px;}
.common-life-syncezy .title-style-2{margin-bottom: 34px;}
.common-life-box{position: relative;background: var(--global-white);border: 1px solid var(--border-color);border-radius: 20px;padding: 24px;height: 100%;}
.common-lfe-images{display: flex;align-items: center;gap: 16px;margin-bottom: 15px;}
.common-lfe-images span{display: flex;align-items: center;justify-content: center; width: 80px;height: 80px;background-color: #F5F5F5;flex-shrink: 0;border-radius: 12px;text-align: center;}
.common-lfe-images .title-style-6{color: var(--global-black);}
.common-life-box p{margin: 0;}
/*********************** Common Box Marquee CSS ***********************/
.js-marquee { display: flex; align-items: center; }
.marquee-with-options, .marquee-with-options-second { overflow: hidden; padding: 18px 18px 0px 18px; }
.common-swipe-box{width: fit-content;height: fit-content;padding: 4px 24px; max-width: 232px;width: 232px;max-height: 90px;height: 90px;margin-inline:6px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--gray-300);background: var(--global-white);border-radius: 14px;}
.common-swipe-box img{opacity: 1!important;max-height: 78px;object-fit: cover;}
/*********************** Multi Select Dropdown CSS ***********************/
.multi-select-dropdown-main .select2 { width:100% !important; }
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple { border: 1.5px solid var(--gray-400); border-radius:12px!important; height:100%; padding:5px 35px 5px 12px;min-height: 48px;position: relative;display: flex;align-items: center;width: 100%!important;}
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple:after{ content: ""; position: absolute; width: 21px; height: 20px; background: url('./assets/images/angle-down.svg') no-repeat; top: 13px; right: 12px; }
.multi-select-dropdown-main .select2-container .select2-search--inline{position: relative;display:inline-flex;padding:0px;}
.multi-select-dropdown-main .select2-container .select2-search--inline .select2-search__field{ margin:0;font-size: 16px; line-height:24px;font-weight: 600; color:var(--gray-400); font-family: var(--primary-font-family);height: 24px;}
.multi-select-dropdown-main .select2-search__field::placeholder {font-family: var(--primary-font-family); font-size:16px; line-height:24px; font-weight:600; color:var(--gray-400); text-transform:capitalize;position: relative; width: 100%; height: 100%;}
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:var(--global-white); border:1px solid var(--Primary-Color); border-radius:6px; margin:0; font-size:14px;line-height:20px;}
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple .select2-selection__choice__display { font-family: var(--primary-font-family); font-size:14px; line-height:20px; color:var(--Primary-Color); text-transform:capitalize; padding:0 5px; }
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { height: 100%; border-right: 1px solid var(--Primary-Color); color: var(--global-white); display:inline-block;background-color: var(--Primary-Color); }
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{ width:10px; height:10px; display:inline-block;}
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background:transparent; }
.multi-select-dropdown-main .select2-container .select2-selection--multiple .select2-selection__rendered {display:inline-flex;flex-wrap:wrap;gap:5px;margin-right:5px;}
.multi-select-dropdown-open-main.select2-dropdown { border-radius:12px; border: 1px solid var(--border-color);padding: 8px;} 
.multi-select-dropdown-open-main .select2-results__options .select2-results__option { font-family: var(--primary-font-family); font-size:16px; line-height:22px; font-weight:600; color:var(--gray-600); text-transform:capitalize; padding:8px 16px;border-radius: 12px; } 
.multi-select-dropdown-open-main .select2-results__options .select2-results__option.select2-results__option--highlighted { background:var(--gray-800); } 
.multi-select-dropdown-open-main .select2-results__options .select2-results__option--selected { background:var(--gray-800); color:var(--global-black); }
.multi-select-dropdown-main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background: var(--Primary-Color); }
.select2-container--default .select2-results>.select2-results__options{display: flex;flex-direction: column;gap: 6px;}
/*********************** Single Select Dropdown CSS ***********************/
.single-select-dropdown-main .select2 { width:100% !important; }
.single-select-dropdown-main .select2-container--default .select2-selection--single{ border: 1.5px solid var(--gray-400); border-radius:12px!important; height:100%; padding:12px 18px; }
.single-select-dropdown-main .select2-selection--single .select2-selection__rendered{font-family: var(--primary-font-family); padding-left:0; padding-right:0; font-size:16px; line-height:24px; font-weight:600; color:var(--gray-400); text-transform:capitalize; } 
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; right: 5px; width:24px; height:24px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);background: url('./assets/images/angle-down-icon.svg');}
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow b{ display:none;}
.single-select-dropdown-main .select2-container--default.select2-container--open .select2-selection__arrow{ background: url('./assets/images/angle-down-icon.svg');transform: translate(-50%, -50%) rotate(180deg);}
.single-select-dropdown-main .select2-selection__rendered .selected-img-flag { width:26px; max-height: 18px; object-fit: cover; object-position: center center; vertical-align:middle; margin-top: -1px; margin-right: 5px; }
.single-select-dropdown-open-main.select2-dropdown {border: 1.5px solid var(--border-color);border-radius: 14px;background: var(--global-white);padding: 8px;} 
.single-select-dropdown-open-main .select2-results__options .select2-results__option { font-family: var(--primary-font-family); font-size:16px; line-height:24px; font-weight:600; color:var(--gray-600); text-transform:capitalize; padding:8px 16px;border-radius: 8px; } 
.single-select-dropdown-open-main .select2-results__options .select2-results__option.select2-results__option--highlighted { background:var(--gray-100);color: var(--Primary-Color); } 
.single-select-dropdown-open-main .select2-results__options .select2-results__option--selected { background:var(--gray-100); color:var(--Primary-Color); }
.single-select-dropdown-open-main .select2-results__options img { width: 26px; max-height: 20px; vertical-align: middle; margin-top: -2px; margin-right: 5px; }
/*********************** France Content CSS ***********************/
.syncezy-fr .header-navigation .header-left { gap: 50px;}
/*********************** Spanish Content CSS ***********************/
.syncezy-es .header-navigation .header-left { gap: 50px;}
/*********************** privacy policy css ***********************/
.privacy-policy-content{padding: 60px 0;}
.privacy-inner h1,
.privacy-inner h2,
.privacy-inner h3,
.privacy-inner h4,
.privacy-inner h5,
.privacy-inner h6{ font-size: 24px!important; line-height: 36px!important; font-weight: 600!important; color: var(--Primary-Color); margin: 16px 0 12px 0; }
.privacy-inner h1:first-child, .privacy-inner h2:first-child, .privacy-inner h3:first-child, .privacy-inner h4:first-child, .privacy-inner h5:first-child, .privacy-inner h6:first-child{ margin-top: 0; }
.privacy-inner p{ margin-bottom: 18px; }
.privacy-inner p a{color: var(--gray-500);text-decoration: none;}
.privacy-inner p a:hover{ color: var(--Primary-Color); text-decoration: underline;}
.privacy-inner p:last-child{ margin-bottom: 0; }
.privacy-inner ul,.privacy-inner ol{ margin-bottom: 18px; padding-left: 25px; }
.privacy-inner ul li, .privacy-inner ol li{ font-size: 18px!important; font-weight: 400; line-height: 28px!important; color: var(--gray-500); font-family: var(--primary-font-family); }
.button-privacy{display: flex;gap: 34px;align-items: center;margin-bottom: 34px;flex-wrap: wrap;}
.button-privacy .primary-btn{display: flex;width: fit-content;align-items: center;gap: 10px;}
.button-privacy .primary-btn img{transition: 0.5s all;--webkit-transition: 0.5s all;}
.button-privacy .primary-btn:hover img,.button-privacy .primary-btn:focus img{filter: brightness(0) invert(1);}
/*********************** FAQ inner page  ***********************/   
.faq-inner{padding-top: 60px;}
.faq-inner .custom-accordion .accordion-item .accordion-button{ font-size: 24px; line-height: 38px; }
/*********************** Common page typography block CSS ***********************/
.common-typography h1{ margin: 0; padding: 0; font-size: 60px; line-height: 90px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--Primary-Color); }
.common-typography h2{ margin: 0; padding: 0; font-size: 42px; line-height: 52px; font-weight: 700; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black); }
.common-typography h3{ margin: 0; padding: 0; font-size: 36px; line-height: 54px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black); }
.common-typography h4{ margin: 0; padding: 0; font-size: 30px; line-height: 48px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black); }
.common-typography h5{ margin: 0; padding: 0; font-size: 24px; line-height: 38px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--gray-500);}
.common-typography h6{ margin: 0; padding: 0; font-size: 20px; line-height: 32px; font-weight: 600; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--gray-500); }
/*********************** case category section content ***********************/
.case-content-category{padding: 60px 0 40px;}
.case-content-category-box{padding: 53px 52px;background: var(--gray-800);border-radius:24px;margin-bottom: 60px;}
.case-content-category-box>div{ position: relative; display: flex; align-items: center; gap: 24px; padding: 40px; background: var(--global-white); border: 1px solid var(--border-color); border-radius: 20px; }
.case-content-category-wrapper{ position: relative; padding: 24px; flex-shrink: 0; max-width: 416px; min-width: 416px; height: 233px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--global-white); border: 1px solid var(--border-color); border-radius: 20px; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.03); }
.case-content-right p{color: var(--gray-400);}
.case-2 .customer-worldwide-section{padding: 40px 0 100px;}
.case-2 .cutomer-title{text-align: center;margin-bottom: 20px;}
/*********************** Blog Section CSS ***********************/
.blog-title{text-align: center;margin-bottom: 48px;}
.blog-box-main{display: flex;flex-direction: column;flex: 1 0 0%; position: relative;background: var(--global-white);border: 1px solid var(--border-color);border-radius: 8px;height: 100%;}
.blog-images{position: relative;padding-top: 60.6%;}
.blog-images img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;border-radius: 8px 8px 0 0;}
.blog-content{position: relative;padding: 32px 16px 10px;overflow: hidden;z-index: 1;flex: 1 1 auto;}
.blog-content::before { content: ""; position: absolute; width: 100%; height: 100px; left: -7px; transform: rotate(-3.492deg); background: var(--error-200); z-index: -1; bottom: calc(100% + -12px); }
.blog-content .blog-heading { display: flex; font-size: 14px; font-weight: 600; line-height: 22px; color: var(--Primary-Color); flex-wrap: wrap; }
.blog-content .blog-heading a{font-size: 14px; font-weight: 600; line-height: 22px; color: var(--Primary-Color);}
.blog-content .title-style-5{margin-bottom: 8px;color: #101828; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.blog-content p{font-size: 16px;line-height: 24px;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.blog-content p:last-child{margin-bottom: 0;}
.blog-profile-box{display: flex;justify-content: space-between;align-items: flex-end;gap: 10px;padding:10px 16px 16px;}
.blog-profile-content{display: flex;align-items: center;gap: 8px;}
.blog-profile-content img{width: 40px;height: 40px;object-fit: cover;object-position: center center;border-radius: 50%;}
.blog-designation p{font-size: 16px;font-weight: 600;color: #101828;line-height: 24px;margin-bottom: 0;}
.blog-designation span{display: block; font-size: 14px;line-height: 22px;color: var(--gray-500);}
.blog-date span{display: block;font-size: 14px;font-weight: 600;line-height: 22px;color: var(--gray-500);}
.blog-button{text-align: center;margin-top: 48px;}
.heading-one { display: flex;flex-wrap: wrap; margin-bottom: 8px; align-items: baseline;color: var(--Primary-Color); }
/*********************** Counter Section CSS ***********************/
.counter-section {padding: 71px 0;background-color: var(--gray-800);}
.counter-section .counter-title{margin-bottom: 55px;text-align: center;}
.counter-section .counter-box {padding: 30px;border-radius: 20px;border: 1px solid var(--border-color);background: var(--global-white);height: 100%;}
.counter-section .counter-box .counter-count {display: flex;margin-bottom: 2px;align-items: center;gap: 4px;}
.counter-section .counter-box p {font-weight: 600;color: var(--Primary-Color);}
/*********************** Our Features Section CSS ***********************/
.our-features-title{text-align: center;margin-bottom: 48px;}
/* .our-features-section .row>div{flex-grow: 1;} */
.feature-btn-group{display: flex;align-items: center;flex-wrap: wrap;padding-top: 45px;gap: 10px;justify-content: center    ;}
/*********************** Book a meeting css ***********************/
.book-meeting-section{padding: 50px 0;}
/*********************** Integration Testimonial Section CSS ***********************/
.call-to-action-wrapper{padding: 75px 60px;display: flex;align-items: center;gap: 56px;background: url('./assets/images/testimonial-shape-left-top.png') no-repeat left top,url('./assets/images/testimonial-shape-left-bottm.png') no-repeat left bottom,url('./assets/images/testimonial-shape-right-top.png') no-repeat right top,url('./assets/images/testimonial-shape-right-bottom.png') no-repeat right bottom;border-radius: 20px;background-color: #003E6A;}
.call-to-action-wrapper .call-to-action-content {width: 100%;}
.call-to-action-wrapper .call-to-action-content .title-style-4{color: var(--global-white);}
.call-to-action-wrapper .call-to-action-button {flex-shrink: 0;}
.call-to-action-wrapper .call-to-action-button .primary-btn{padding: 10px 23px;}
/*********************** Customer Challenges Section CSS ***********************/
.customer-challenge-section{padding-top: 75px;}
.customer-challenge-section .title-style-2{text-align: center;width: fit-content; margin: auto auto 54px auto;position: relative;}
.customer-challenge-section .title-style-2::after{content: "";position: absolute;margin-top: 20px;margin-left: 9px; width: 37px;height: 57px;background: url('./assets/images/challenge-arrow.svg');background-repeat: no-repeat;background-size: cover;}
.customer-challenge-part{position: relative;display: flex;flex-direction: row; flex-wrap: wrap;gap: 24px;justify-content: center;}
.customer-challenge-part .customer-challenge-box{position: relative; padding: 24px; background: var(--light);width: calc(100% / 2 - 12px);display: flex;align-items: center;border-radius: 20px;border: 1px solid var(--Primary-Color);min-height: 112px;}
.customer-btn-group{display: flex;align-items: center;flex-wrap: wrap;padding-top: 45px;gap: 10px;justify-content: center    ;}
/*********************** Search Style ***********************/
/* body.search-results .matching-result-2,
body.search-results .matching-result,
body.search-no-results .matching-result { display: none;} */
#searchform { position: relative; }
.search_result { margin-top: 5px; padding: 15px; background: var(--global-white); border-radius: 15px; }
.search-word,
.search-other-result { list-style-type: none; }
.search-other-result { display: flex; column-gap: 10px;}
.search-word li { padding: 3px 0;}
.search-word li strong { padding-left: 3px; font-size: 16px; line-height: 22px;}
.search-word li a { padding: 5px; font-size: 16px; line-height: 22px; background: transparent; border-radius: 8px; display: block;}
.search-word li a:hover,
.matching-result li a:hover,
.taxonomy-result a:hover,
.tag-result a:hover,.tag-result a:focus{ background: var(--Primary-Color)!important; color: var(--global-white);}
.search-banner { padding-bottom: 0; border: none;}
.search-result-count { padding: 50px 0;}
.search-content .entry-header { margin: 0;}
.search-content .entry-header h2 { padding: 0; font-size: 42px; line-height: 52px; font-weight: 700; font-family: var(--primary-font-family); letter-spacing: 0; color: var(--global-black);}
.search-content .entry-content { margin: 20px 0; max-width: 100%;}
.search-content .entry-content p { max-width: 100% !important; font-size: 18px; line-height: 28px; font-weight: 400; color: var(--gray-500); font-family: var(--primary-font-family);} 
.taxonomy_tag_label,.taxonomy_category_label{margin: 20px 0 20px;}
.taxonomy_tag_label .label,.taxonomy_category_label .label{color: var(--Primary-Color);font-size: 18px;font-weight: 600;text-transform: uppercase;}
.taxonomy_tag_label a, .taxonomy_category_label a{color: var(--global-black);font-size: 18px;font-weight: 400;}
#load-more-archive img{width: 28px; height: 28px; }
.search-bar .search_result{max-height: 300px;overflow-y: scroll;}
/*********************** DOTS Side Bar CSS ***********************/
#cd-vertical-nav { position: fixed; right: 40px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
#cd-vertical-nav li { text-align: right; list-style: none; }
#cd-vertical-nav a { display: inline-block;position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#cd-vertical-nav a:after { content: ""; display: table; clear: both; }
#cd-vertical-nav a span { float: right;  -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }
#cd-vertical-nav a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#cd-vertical-nav a:hover span:first-child{ background: var(--red-color); }
#cd-vertical-nav a:hover .cd-label { opacity: 1; }
#cd-vertical-nav a.is-selected .cd-dot { background-color: var(--red-color); }
#cd-vertical-nav .cd-dot { position: relative;top: 12px; height: 12px; width: 12px; border-radius: 50%; background-color: #D9D9D9; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#cd-vertical-nav .cd-label { position: absolute;right: 0; margin-right: 20px;white-space: nowrap; background: #e9f1f9;border-radius: 8px; padding: .4em .5em; color: var(--Primary-Color); font-size: 14px; font-weight: 600;line-height: 24px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%;pointer-events: none; }
/*********************** Thank You Section ***********************/
.thank-you-section{ padding-top: 100px; }
.thank-you-content .title-style-2{color: var(--Primary-Color);margin-bottom: 20px;}
.thank-you-content p{margin-bottom: 20px;}
.thank-you-content p:last-child{margin-bottom: 0;}
/*********************** 404 Page ***********************/
.error-search { position: relative; margin: auto auto 24px auto; max-width: 767px; }
.error-search img { position: absolute; left: 12px; top: 12px; width: 24px; height: 24px; z-index: 1; }
.error-search input { padding: 12px 20px 12px 40px; width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--global-black); border: 1.5px solid var(--gray-400); border-radius: 12px; }
.error-search .close-btn { position: absolute; top: 8px; right: 15px; background: none !important; border: none; padding: 0; }
/*********************** Search Cutomer Challenge ***********************/
.search-challenge .customer-challenge-box { flex-direction: column; gap: 10px;flex-grow: 0; }
/* .1gQNzxOkTujYNGVM4NiZDYVzjlmMmAY.1gQNzxOkTujYNGVM4NiZDYVzjlmMmAYtheme--light{display: none!important;} */
.ulVZMMMTz2NMQMUmjTw1ygjYAwDmNNNtheme--light {display: none!important;}

body .content-area .wp-block-buttons .wp-block-button__link:hover { background-color: var(--background-hover-color) !important; color: var(--text-hover-color) !important; border-color: var(--border-hover-color) !important; }

.linkdin-feed { position:relative}
.linkdin-free-hide { height:40px; position:absolute; left:0; bottom:0; width:100%; background: #fff; z-index: 40;}

.explore-our-brand-section { padding: 60px 0 30px;}
.our-brand-crm { display: flex; gap: 18px; margin: 0 0 45px 0; flex-wrap: wrap;}
.our-brand-crm .our-brand-box { position: relative; padding:5px 15px; border: 1px solid var(--border-color); background: var(--global-white); border-radius: 14px; display: flex;        align-items: center; justify-content: center; width: calc(100% / 5 - 14.5px); height: 110px;}
.our-brand-crm .our-brand-box img { max-height: 100%;}
.our-brand-crm-content p { font-size: inherit; font-weight: 400; line-height: inherit; font-family: inherit;  color: inherit; margin-bottom: 16px;}
/*********************** Webinars ***********************/
.common-webniar-banner{padding: 17px 0px 48px 0px;}
.breadcrumb{display: flex;align-items: center;justify-content: center;gap: 8px;margin-bottom: 0;}
.breadcrumb a,.breadcrumb span{font-size: 20px;line-height: 32px;text-transform: uppercase;font-weight: 600;color: var(--gray-500);}
.breadcrumb a.active,.breadcrumb span.active{color: var(--global-black);}
.web-f1{padding: 0px 20px !important;}
.featured-webinars-section{background: var(--gray-800);padding: 24px;max-width: 1220px;margin: 30px auto 30px;border-radius: 24px;}
.featured-webinars-section .our-case-slider-front{padding: 0;border: none;background: transparent;}
.featured-webinars-section .our-case-slider-front .our-case-image img{width: 100%!important;height: 100%!important;}
.featured-webinars-section-inner{padding: 24px;background: var(--global-white);border-radius: 24px;}
.featured-webinars-section-inner .our-title{margin-bottom: 24px;}
.featured-webinars-section-inner .our-title .title-style-4{font-weight: 700;}
.webinars-inner-wrapper .webinars-live-wrapper{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    padding: 6px 12px;
    background: var(--red-color);
    color: var(--global-white);
    width: fit-content;
    border-radius: 12px;
    text-transform: uppercase;
}
.webinars-inner-wrapper .webinars-live-wrapper span{
    display: block;
    width: 8px;
    height: 8px;
    background: var(--global-white);
    border-radius: 50%;
}
.webinars-inner-wrapper .title-style-6{    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    color: var(--Primary-Color);
    margin-bottom: 6px;}
.webinars-inner-wrapper .title-style-5{color: var(--global-black);font-size: 16px;line-height: 24px; font-weight: 700;margin-bottom: 6px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.webinars-inner-wrapper .webinar-short-description{font-size: 14px; line-height: 22px; font-weight: 400; color: var(--gray-500); margin-bottom: 10px;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;
}
.featured-webinars-section-inner .our-case-main-content{margin-bottom: 19px!important;}
.featured-webinars-section-inner .our-case-image{
    padding-top: 54%;
}
.webinar-library-section{padding: 24px 0 60px;}
.webinar-library-section .our-title{text-align: left;}
.webinars-inner-wrapper .primary-btn{font-size: 13px;line-height: 19px;}
.webinar-filters .reset-filters{display:block;margin-bottom:0px;color:#1e73be;text-decoration:underline}
.filter-title{font-weight:700;margin:12px 0}
.webinar-library-section .our-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;

}
.webinar-library-section .our-title .title-style-3{font-weight: 700;}
.webinar-library-section .sort-by-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
}

.sort-label{
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: var(--global-black);
    white-space: nowrap;
    margin-bottom: 0;
}
.webinar-library-section .single-select-dropdown-main{width: 178px;
}

.filter-list {
    list-style: none;
    padding: 0;
    margin: 0!important;
}

.filter-list li {
    margin-bottom: 6px;
}

.filter-list li:last-child {
    margin-bottom: 0;
}

.filter-list label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    color: #475467;
    transition: color 0.2s ease;
    width: fit-content;
}

.filter-list label:hover {
    color: #0F74BC;
}
.filter-list input[type=checkbox]:after {
  
    left: 4px;
    top: 1px;
        border-color: white;
        width: 6px;
        height: 10px;

}

.filter-list input[type="checkbox"] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    margin-right: 10px;
    cursor: pointer;
    accent-color: #0F74BC;
    border-radius: 3px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    vertical-align: middle;
    border: 1px solid var(--global-black);
}


.filter-list input[type="checkbox"]:checked {
    background-color: #0F74BC;
    border-color: #0F74BC;
}
.webinar-filters{
        position: sticky;
        top: 110px;
    padding: 20px 15px 15px 15px;
    background: #E9F4FF;
    border: 1.5px solid var(--Primary-Color);
    border-radius: 16px;
    margin-bottom: 24px;
}
.webinar-filters .custom-accordion .accordion-item .accordion-button,.webinar-filters .custom-accordion{
    background: transparent!important;
        --bs-accordion-bg: transparent;
}
.webinar-filters .custom-accordion .accordion-item .accordion-button{
    padding: 13px 40px 13px 0;
}
.webinar-filters .custom-accordion .accordion-body{
    padding: 0 0 6px 0!important;
}
.search-key{position: relative; margin-bottom: 10px;}
.search-key img{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;z-index: 1;}
.search-key input{ padding: 12px 20px 12px 40px; width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--global-black); border: 1.5px solid var(--gray-400); border-radius: 12px;background: transparent; }
.search-key input::placeholder{color: var(--gray-400);}
    .webinar-card-series-tag {
        background: #F1F1F1;
        color: #333;
        padding: 4px 12px;
        border-radius: 8px;
        font-size: 12px;
        font-weight: 500;
    }

    .webinar-card {
            position: relative;
    background: var(--global-white);
    border: 1px solid var(--border-color);
    border-radius: 8px;
        overflow: hidden;
        transition: all 0.3s ease;

        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* .webinar-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    } */

    .webinar-card-image {
        width: 100%;
        height: 200px!important;
        object-fit: cover;
        background: rgba(255, 255, 255, 0.1);
    }

    .webinar-card-content {
        padding: 20px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .webinar-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        gap: 12px;
    }

    .webinar-card-type {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: var(--red-color);
        color: var(--global-white);
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 700;
        text-transform: uppercase;
        width: fit-content;
    }

    .webinar-card-type span {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: var(--global-white);
        border-radius: 50%;
        animation: pulse 1.5s infinite;
    }

    @keyframes pulse {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0.5;
        }
    }

    .webinar-card-date {
            font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: var(--Primary-Color);
        margin-bottom: 8px;
    }
.webinar-card-content .title-style-6{
margin-bottom: 8px!important;
    color: #101828;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;

}
    .webinar-card-description {
            font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
        margin-bottom: 20px;
        flex-grow: 1;
    }

    .webinar-card-tags {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .webinar-card-tag {
        background: var(--gray-800);
        color: var(--global-black);
        padding: 6px 12px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 500;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .webinar-card-button {
        align-self: flex-start;
        background: #fff;
        color: #C21E5E;
        padding: 12px 28px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 600;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }

    .webinar-card-button:hover {
        background: #f0f0f0;
        transform: translateX(4px);
    }

    @media (max-width: 768px) {
        .webinar-card-title {
            font-size: 18px;
        }

        .webinar-card-content {
            padding: 20px;
        }
    }

 .mobile-filters-toggle{display:none}
    @media (max-width:991.98px){
        .mobile-filters-toggle{display:block;background: var(--Primary-Color) !important;padding:10px;border-radius:6px;width:100%;text-align:center;font-weight:600;margin-bottom:12px;color: var(--global-white)!important;}
        .webinar-filters{position:fixed;top:0;left:-100%;width:80%;max-width:340px;height:100%;background:#fff;z-index:9090;overflow:auto;transition:left .25s ease;padding:20px;border-right:1px solid rgba(0,0,0,.06)}
        .webinar-filters.open{left:0}
        .filters-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1040}
        .filters-overlay.show{display:block}
        body.filters-open{overflow:hidden}
        .webinar-library-section .our-title{flex-direction: column ;gap: 10px;align-items: start;}
        .webinar-registration-sidebar{margin-top: 20px!important;}
        .breadcrumb a, .breadcrumb span {font-size: 14px; line-height: 16px;}
        .single-webinar-banner { padding: 20px 0 85px!important;}
        .single-webinar-banner .title-style-2 {font-size: 30px!important;line-height: 38px!important;}
        .webinar-meta-info { font-size: 16px!important;line-height: 24px!important;}
        .single-webinar-banner .breadcrumb {gap: 2px;margin-bottom: 5px;}
        .webinar-main-body {padding: 20px!important;border-radius: 12px!important;}
        .webinar-about p {font-size: 16px!important;line-height: 26px!important;margin-top: 9px!important;}
        .webinar-about  ul li::before {width: 24px!important;height: 24px!important;background-size: cover!important;}
        .webinar-about ul li {font-size: 16px!important;line-height: 26px!important;margin-top: 9px!important;}
        .related-webinars-outer{padding-top: 40px!important;}
    }

    .single-webinar-banner{padding: 32px 0 104px!important;}
.single-webinar-banner .common-subpage-banner-content{margin: 0;max-width: 824px;}
.single-webinar-banner .breadcrumb{justify-content: start;}
.single-webinar-banner .title-style-2{font-size: 48px;line-height: 56px;color: var(--Primary-Color); font-weight: 600;}
.webinar-meta-info{color: #D92D20;display: flex; align-items: center;gap: 10px;}
.webinar-status-pills{width: 21px;height: 21px;border-radius: 50%;border: 1px solid #D92D20;display: flex; align-items: center; justify-content: center;}
.webinar-status-pills span{ display: block; width: 10px;height: 10px;background:#D92D20; border-radius: 50%;animation: pulse 1.5s infinite;}
@keyframes pulse {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0.5;
        }
    }
.webinar-content-section {padding: 32px 0 80px;}
.webinar-main-body{padding: 32px 106px 32px 32px;background-color: #F9FAFB; border-radius: 24px;}
.rich-agenda-content .ui-rte-editor-div{background-color: transparent!important;}
.webinar-registration-sidebar{background: var(--global-white);box-shadow: 0 0 24px 0 rgb(0 0 0 / 6%);padding: 16px 32px; border-radius: 16px;position: relative;z-index: 1;margin-top: -64%;}
.registration-card .title-style-5{color: var(--Primary-Color);font-weight: 700;margin-bottom: 16px;text-align: center;}
.registration-card .form-group label{font-size: 16px!important;line-height: 24px!important;color: var(--global-black);margin-bottom: 6px;}
.registration-card .form-group{margin-bottom: 10px!important;}
.registration-card .form-group input{border: 1px solid var(--gray-400);color: var(--global-black);padding: 12px;border-radius: 6px;}
.registration-card .form-group input::placeholder{color: var(--gray-400);}
.registration-card .form-group input:focus{border-color: var(--global-black);outline: none!important;box-shadow: none!important;}
.registration-card .primary-btn{color: var(--global-white)!important;background: var(--Primary-Color)!important;margin-top: 16px;}
.related-webinars-outer{padding-top: 80px;}
.speaker-image{flex-shrink: 0;}
.speaker-image img{width: 94px;height: 94px;object-fit: cover;flex-shrink: 0;border-radius: 50%;}
.speaker-info h6{font-size: 24px;line-height: 38px;color: var(--gray-700);font-weight: 700;}
.speaker-info p{font-size: 18px;line-height: 28px; font-weight: 400;margin-top: 2px;}
.webinar-about p{font-size: 20px;line-height: 32px;color: var(--gray-700);margin-top: 16px!important;}
.webinar-about ul{list-style: none!important;display: inline-table;margin-top: 16px;}
.webinar-about ul li{display: inline-table; position: relative!important;padding-left: 40px;list-style: none!important;margin-top: 16px;font-size: 20px;line-height: 32px;color: var(--gray-700);}

.webinar-about  ul li:first-child{margin-top: 0!important;}
.webinar-about  ul li::before {
    content: ""!important;
    background-image: url('./assets/images/bullet-point.png')!important;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
}
/*********************** Media Query CSS Start ***********************/
@media (min-width: 1400px){
    .container{max-width: 1247px;padding: 0;}
    /*********************** Footer Section CSS ***********************/
    .footer-last-cell{padding-left: 50px;}
    .footer-third-cell{padding-left: 15px;}
    /* .footer-two-cell{padding-left: 25px;} */
    .footer-first-cell{padding-left: 30px;}
}
@media (min-width: 1400px) and (max-width: 1500px) {
    /*********************** France Content CSS ***********************/
    .syncezy-fr .header-navigation .header-left { gap: 50px;}
    .syncezy-fr .header-navigation { padding: 0px 35px; }
    /*********************** Spanish Content CSS ***********************/
    .syncezy-es .header-navigation .header-left { gap: 50px;}
    .syncezy-es .header-navigation { padding: 0px 35px; }
}
@media (min-width: 1200px) and (max-width: 1399px){
    /*********************** Typography start ***********************/
    .title-style-1{ font-size: 52px; line-height: 82px;}
    .title-style-2{ font-size: 38px; line-height: 48px;}
    .title-style-3{ font-size: 30px; line-height: 48px;}
    .title-style-4{ font-size: 26px; line-height: 44px;}
    .title-style-5{ font-size: 22px; line-height: 34px;}
    .title-style-6{ font-size: 20px; line-height: 32px;}
    /*********************** Typography End ***********************/
    /*********************** Common page typography block CSS Start ***********************/
    .common-typography h1{ font-size: 52px; line-height: 82px;}
    .common-typography h2{ font-size: 38px; line-height: 48px;}
    .common-typography h3{ font-size: 30px; line-height: 48px;}
    .common-typography h4{ font-size: 26px; line-height: 44px;}
    .common-typography h5{ font-size: 22px; line-height: 34px;}
    .common-typography h6{ font-size: 20px; line-height: 32px;}
    /*********************** Common page typography block CSS End ***********************/
    /*********************** France Content CSS ***********************/
    .syncezy-fr .header-navigation .header-left { gap: 25px;}
    .syncezy-fr .header-navigation { padding: 0px 20px; }
    .syncezy-fr .header-navigation .header-left .site-logo img{max-width: 160px;}
    .syncezy-fr  .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { padding: 25px 8px; }
    .syncezy-fr .header-navigation .outline-login a { font-size: 14px !important; }
    .syncezy-fr .header-navigation .fill-button a { font-size: 14px; }
    .syncezy-fr .header-navigation .header-right {gap: 10px;}
    .syncezy-fr .header-navigation .header-right .search-main { gap: 16px; }
    /*********************** spanish content csss ***********************/
    .syncezy-es .header-navigation .header-left { gap: 25px;}
    .syncezy-es .header-navigation { padding: 0px 20px; }
    .syncezy-es  .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { padding: 25px 8px; }
    .syncezy-es .header-navigation .header-left .site-logo img{max-width: 160px;}
    .syncezy-es .header-navigation .outline-login a { font-size: 14px !important; }
    .syncezy-es .header-navigation .fill-button a { font-size: 14px; }
    .syncezy-es .header-navigation .header-right {gap: 10px;}
    .syncezy-es .header-navigation .header-right .search-main { gap: 16px; }
    /*********************** Header css ***********************/
    .header-navigation{padding: 0px 30px;}
    .header-navigation .header-left {gap: 20px;}
    .header-navigation .header-right .search-main { gap: 25px; }
    /*********************** common-key-box css ***********************/
    .our-case-slider-front { padding: 20px; }
    .common-our { padding: 10px 0px 0 26px; }
    .our-case-main-content { margin-bottom: 20px !important; }
    .case-inner-wrapper .case-name { margin-top: 10px; }
    /*********************** visit box css ***********************/
    .visit-box { padding: 59px 30px; }
    /*********************** common life box  css ***********************/
    .common-life-box { padding: 20px; }
    /*********************** Privacy Policy  css ***********************/
    .privacy-inner h1,
    .privacy-inner h2,
    .privacy-inner h3,
    .privacy-inner h4,
    .privacy-inner h5,
    .privacy-inner h6{ font-size: 22px!important; line-height: 34px!important; }
    /*********************** FAQ inner page  ***********************/
    .faq-inner .custom-accordion .accordion-item .accordion-button{ font-size: 22px; line-height: 34px; }

    /* .explore-our-brand-section { padding: 100px 0 90px;} */
    .our-brand-crm .our-brand-box { height: 90px;}
}
@media (min-width: 1200px) {
    /*********************** Navigation Menu drop down ***********************/
    /*max mega menu css*/
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { padding: 25px 12px; height: auto; font-size: 16px; font-weight: 600 !important; color: var(--gray-600)!important; transition: all ease-in-out 0.3s; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover{color: var(--Primary-Color)!important;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{ padding: 8px; background: var(--global-white); border: 1.5px solid var(--border-color); border-radius: 14px; min-width: 210px;display: flex;flex-direction: column;gap: 6px; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ padding: 8px 16px;background: var(--global-white);font-size: 16px;font-weight: 600;line-height: 24px;color: var(--gray-600);border-radius:14px ; transition: 0.5s all;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{color: var(--Primary-Color);background: var(--gray-800);text-decoration: none;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ border-top:none ; border: 1.5px solid var(--gray-1000); border-radius: 0 0 14px 14px ; background: var(--global-white); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{ padding: 8px 16px; background: var(--global-white); color: var(--gray-600); font-size: 16px; font-weight: 600; line-height: 32px; margin-bottom: 6px; font-family: var(--primary-font-family); }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus{ background: rgba(15, 116, 188, 0.10); color: var(--Primary-Color); font-weight: 600; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item.mega-menu-item-has-children>a.mega-menu-link>.mega-indicator:after { content: ""; background: url('./assets/images/angle-down.svg') no-repeat; transform: rotate(270deg) translatex(-6px); width: 21px; height:20px; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>ul.mega-sub-menu{ padding:15px 30px; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-title>ul.mega-sub-menu>li.mega-menu-item{ padding: 10px; border-bottom: 1px solid var(--gray-300); margin-bottom: 26px; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary .mega-title p,.header-navigation #mega-menu-wrap-primary #mega-menu-primary .mega-title p a{margin-bottom: 0;font-size: 20px;font-weight: 600;font-family: var(--primary-font-family);color: var(--global-black);}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary .mega-title p a{padding: 0;transition: 0.5s all;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary .mega-title p a:hover{color: var(--Primary-Color);text-decoration: none!important;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li.mega-menu-item{padding: 0;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu{padding-right: 25px;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link{ padding: 8px 16px; font-size: 16px; font-weight: 600; color: var(--gray-600); background: var(--global-white); border-radius: 8px; transition: 0.5s all; text-transform: capitalize; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover{ background: var(--gray-100); color: var(--Primary-Color); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .image-swap-section>ul.mega-sub-menu>li.mega-menu-item{max-width: 328px;max-height: 160px;min-height: 160px; border: 1px solid var(--gray-100);border-radius: 14px;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .image-swap-section>ul.mega-sub-menu>li{padding: 0;display: flex;align-items: center;justify-content: center;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .image-swap-section>ul.mega-sub-menu>li.mega-menu-item .mega-placeholder{ max-width: 290px;margin: auto;object-fit: cover; } 
}   
@media (max-width: 1199px) {
    /*********************** Header CSS ***********************/
    .header-navigation .header-left .site-logo img{max-width: 150px;}
    .header-navigation{padding: 15px 80px 15px 60px;}
    .gt_float_switcher .gt-selected { z-index: inherit!important; }
    body{padding-top: 80px;}
    /*MAX Mega Menu CSS Start*/
    .header-navigation #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary{ background: var(--global-white); padding: 20px 15px; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ color: var(--gray-600); font-size: 18px; font-weight: 600; line-height: normal; font-family: var(--primary-font-family); border-radius: 8px; padding: 8px 16px;background: var(--global-white); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link { background: rgba(15, 116, 188, 0.10); font-weight: 600; text-decoration: none; color: var(--Primary-Color); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu { background: var(--global-white); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{ background: var(--global-white); padding: 8px 16px; line-height: normal; font-size: 16px; font-weight: 600; color: var(--gray-600); font-family: var(--primary-font-family); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ background: var(--global-white); font-size: 16px; padding: 8px 16px; line-height: normal; color: var(--gray-600); font-weight: 600; }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-tabbed>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus { background: var(--global-white); font-weight: 600; text-decoration: none; color: var(--Primary-Color); }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-title>ul.mega-sub-menu>li.mega-menu-item { padding: 10px 0; border-bottom: 1px solid var(--gray-300); margin-bottom: 8px; }
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary .mega-title p,.header-navigation #mega-menu-wrap-primary #mega-menu-primary .mega-title p a { margin-bottom: 0; font-size: 16px; font-weight: 600; font-family: var(--primary-font-family); color: var(--global-black); }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item { padding: 8px 16px; width: 100%; }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link { color: var(--gray-600); font-size: 15px; text-transform: capitalize; }
    .header-navigation #mega-menu-wrap-primary .mega-menu-toggle {position:fixed;right: 10px;top: 20px;}
    .header-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {background: var(--global-white);}
    .header-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block{background: var(--global-white);}
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { background-color:var(--gray-500); height: 2px;}
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-list-name>ul.mega-sub-menu>li .mega-block-title { font-size: 16px; padding-inline:0 ; }
    /*MAX Mega Menu CSS End*/
    /*********************** Testimonial Section CSS ***********************/
    .testimonial-box-main { margin: 0px; }
    /*********************** Search CSS ***********************/
    .search-contant { top: 80px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*********************** Typography Start ***********************/
    .title-style-1{font-size: 46px; line-height: 76px; }
    .title-style-2{font-size: 36px; line-height: 46px; }
    .title-style-3{font-size: 30px; line-height: 48px; }
    .title-style-4{font-size: 24px; line-height: 42px; }
    .title-style-5{font-size: 22px; line-height: 36px; }
    /*********************** Typography End ***********************/
    /*********************** Common page typography block CSS Start ***********************/
    .common-typography h1{font-size: 46px; line-height: 76px; }
    .common-typography h2{font-size: 36px; line-height: 46px; }
    .common-typography h3{font-size: 30px; line-height: 48px; }
    .common-typography h4{font-size: 24px; line-height: 42px; }
    .common-typography h5{ font-size: 22px; line-height: 36px;}
    /*********************** Common page typography block CSS End ***********************/
    /*********************** Privacy Policy  css ***********************/
    .privacy-inner h1, .privacy-inner h2, .privacy-inner h3, .privacy-inner h4, .privacy-inner h5, .privacy-inner h6 { font-size: 22px !important; line-height: 34px !important; }
    /*********************** FAQ inner page  ***********************/
    .faq-inner .custom-accordion .accordion-item .accordion-button{ font-size: 22px; line-height: 34px; }
    /*********************** case category section content ***********************/
    .case-content-category-wrapper { max-width: 290px; min-width: 290px; }
    .case-content-category-box>div{align-items: unset;}

    .explore-our-brand-section { padding: 60px 0 20px;}
    .our-brand-crm .our-brand-box { height: 85px;}
}
@media(min-width: 768px) and (max-width: 991px){
    /*********************** Typography Start ***********************/
    .title-style-1{font-size: 40px; line-height: 70px; }
    .title-style-2{font-size: 30px; line-height: 40px; }
    .title-style-3{font-size: 26px; line-height: 36px; }
    .title-style-4{font-size: 22px; line-height: 32px; }
    .title-style-5{font-size: 20px; line-height: 30px; }
    .title-style-6{font-size: 18px; line-height: 28px; }
    p{font-size: 16px;line-height: 26px;}
    /*********************** Typography End ***********************/
    /*********************** Common page typography block CSS Start ***********************/
    .common-typography h1{font-size: 40px; line-height: 70px; }
    .common-typography h2{font-size: 30px; line-height: 40px; }
    .common-typography h3{font-size: 26px; line-height: 36px; }
    .common-typography h4{font-size: 22px; line-height: 32px; }
    .common-typography h5{font-size: 20px; line-height: 30px; }
    .common-typography h6{font-size: 18px; line-height: 28px; }
    /*********************** Common page typography block CSS End ***********************/
    body{padding-top: 79px;}
    /*********************** Header CSS ***********************/
    .header-navigation .header-left {gap: 20px;}
    /*********************** Privacy Policy  css ***********************/
    .privacy-inner h1, .privacy-inner h2, .privacy-inner h3, .privacy-inner h4, .privacy-inner h5, .privacy-inner h6 { font-size: 20px !important; line-height: 30px!important;margin: 20px  0 12px 0; }
    .privacy-inner p{margin-bottom: 10px;} 
    .privacy-inner ul, .privacy-inner ol { margin-bottom: 10px; } 
    .privacy-inner ul li, .privacy-inner ol li { font-size: 16px !important; line-height: 26px !important;margin-bottom: 10px; }
    /*********************** FAQ inner page  ***********************/
    .faq-inner .custom-accordion .accordion-item .accordion-button{ font-size: 20px; line-height: 30px; }
    /*Search Style*/
    .search-result-count { padding: 45px 0;}

    /* .explore-our-brand-section { padding: 90px 0 80px;} */
    .our-brand-crm .our-brand-box {width: calc(100% / 3 - 14.5px); height: 80px;}

}
@media (max-width: 991px) {
    .custom-padding{padding: 40px 0 40px 0;}
    .custom-padding-bottom{padding-bottom: 40px;}
    .button-privacy{gap: 20px;margin-bottom: 20px;}
    /*********************** Header CSS ***********************/
    .header-navigation .navigation-login-part>nav>ul .fill-button a,.header-navigation .navigation-login-part>nav>ul .outline-login a{padding: 8px 15px;font-size: 14px;}
    .search-part-section .gt_float_switcher img {width: 25px;height: 25px;}
    .search-part-section .gt_float_switcher .gt-selected .gt-current-lang {padding: 14px 0 0 0!important;}
    /*********************** Footer Section CSS ***********************/
    .footer-inner {padding-bottom: 24px;}
    .footer-login{flex-direction: column;justify-content: center;gap: 20px;padding: 20px;}
    .footer-login-content{text-align: center;}
    .footer-first img { max-width: 74px; }
    /*ZOHO Form*/
    .contact-form-main{padding: 20px;}
    /*********************** Common Box CSS ***********************/
    .common-box { padding: 18px; border-radius: 12px; }
    .common-box  .title-style-6 { margin-bottom: 8px; }
    /*********************** Testimonial Section CSS ***********************/
    .testimonial-box-main { padding: 30px 25px; }
    .tetimonial-title { text-align: center; margin-bottom: 20px; }
    .testimonial-box-main .slider-dots-box { position: relative; bottom: auto; right: auto; margin-top: 20px; }
    .testimonaial-button { margin-top: 20px; }
    .testimonial-inner .title-style-6::after { width: 40px; height: 30px; }
    .testimonial-inner .title-style-6 { padding-right: 20px; }
    /*********************** Top Case Studies Section Slider CSS ***********************/
    .top-case-section { padding: 40px 0; }
    .case-title { margin-bottom: 20px; }
    .case-studies-main { padding: 30px 25px; }
    .case-studies-slider .slick-slide { margin: 0 10px; }
    .case-studies-slider .slick-list {margin: 0 -10px;}
    /*********************** Trusted Section CSS ***********************/
    .trusted-part-section { padding: 40px 0; background-size: 30%; }
    .trusted-inner { padding: 20px 10px 20px 10px; }
    .trusted-inner .trusted-wrapper{margin-bottom: 0;}
    .trusted-inner .slider-dots-box{display: flex;}
    /*********************** Common Software Section CSS ***********************/
    .common-software-section { padding: 50px; }
    .software-title { margin-bottom: 20px; }
    .common-software-section .slider-dots-box{display: flex;}
    .software-wrapper-main .slick-slide { padding: 0 10px; }
    /*********************** Contact Section Home CSS ***********************/
    .contact-section { padding: 40px 0 100px 0; }
    .contact-content { padding: 0; }
    /*********************** Search CSS ***********************/
    .search-contant { top: 79px; }
    /*********************** Common Shape Banner CSS ***********************/
    .commn-shape .commn-first-shape span { width: 10.44%;  }
    .commn-shape .commn-second-shape span { width: 15.7%; }
    /*********************** Common Key Box CSS ***********************/
    .our-key-main>div { width: calc(100% / 2 - 12px); }
    /*********************** Common Key Box CSS ***********************/
    .our-case-sudies-section { padding: 40px 0; }
    .our-title { margin-bottom: 20px; }
    .our-case-slider-front { padding: 18px; }
    .common-our { padding: 0; }
    .common-our .slider-dots-box { justify-content: center; }
    .case-inner-wrapper .case-name { margin-top: 14px; }
    .case-inner-wrapper .case-name span { font-size: 14px; line-height: 22px; }
    .our-case-main-content { margin-bottom: 20px !important; }
    .our-case-image span { width: 70px; height: 44px; }
    /*********************** Help Btn CSS ***********************/
    .help-btn{width: 45px;height: 45px;}
    /*********************** Common Subpage Banner CSS ***********************/
    .common-subpage-banner { padding: 30px 0px 70px 0px; }
    .common-subpage-banner-content{padding-inline: 14px;}
    /*********************** Visit Box CSS ***********************/
    .visit-box { justify-content: center; gap: 25px; padding: 25px; margin-top: 0px; flex-direction: column; text-align: center;background-size: 20%;}
    /*********************** Common Life Box CSS ***********************/
    .common-life-syncezy { padding-block: 40px; }
    /*********************** Common Box Marquee CSS ***********************/
    .common-swipe-box { max-width: 190px; width: 190px; max-height: 70px; height: 70px; border-radius: 10px; }
    /*********************** case category section content ***********************/
    .case-content-category { padding:40px 0; }
    .case-content-category-box{padding: 25px;border-radius: 15px;}
    .case-content-category-wrapper { max-width: 250px; min-width: 250px;height: 250px; }
    .case-content-category-box>div{align-items: unset;flex-direction: column;align-items: center;text-align: center;padding: 20px;border-radius: 15px;}
    .case-2 .customer-worldwide-section{padding: 40px 0;}
    /*********************** Blog ***********************/
    .blog-title { margin-bottom: 20px; }
    /*********************** Counter Section CSS ***********************/
    .counter-section { padding: 40px 0; }
    .counter-section .counter-box { padding: 20px; border-radius: 12px; }
    .counter-section .counter-title { margin-bottom: 20px; }
    /*********************** Our Features Section CSS ***********************/
    .our-features-title { margin-bottom: 20px; }
    /*********************** Integration Testimonial Section CSS ***********************/
    .call-to-action-wrapper { padding: 40px; gap: 20px; flex-direction: column; }
    .call-to-action-wrapper .call-to-action-content { width: 100%;text-align: center; }
    /*********************** Customer Challenges Section CSS ***********************/
    .customer-challenge-section { padding-top: 25px; }
    .customer-challenge-part .customer-challenge-box { padding: 18px; width: calc(100% / 2 - 12px); border-radius: 16px; }
    .customer-challenge-section .title-style-2 { padding: 0 30px; }
    /*********************** DOTS Side Bar CSS ***********************/
    /* No Touch devices */
    #cd-vertical-nav {display: none;}
}
@media (max-width: 767px){
    /*********************** Primary button css start ***********************/
    .primary-btn{padding: 10px 30px;font-size: 14px;}
    /*********************** Primary button css End ***********************/
    /*********************** Typography start ***********************/
    .title-style-1{font-size: 34px; line-height: 44px; }
    .title-style-2{font-size: 28px; line-height: 38px; }
    .title-style-3{font-size: 24px; line-height: 34px; }
    .title-style-4{font-size: 20px; line-height: 30px; }
    .title-style-5{font-size: 18px; line-height: 28px; }
    .title-style-6{font-size: 16px; line-height: 26px; }
    p{font-size: 14px;line-height: 24px;}
    /*********************** Typography End ***********************/
     /*********************** Common page typography block CSS Start ***********************/
    .common-typography h1{font-size: 34px; line-height: 44px; }
    .common-typography h2{font-size: 28px; line-height: 38px; }
    .common-typography h3{font-size: 24px; line-height: 34px; }
    .common-typography h4{font-size: 20px; line-height: 30px; }
    .common-typography h5{font-size: 18px; line-height: 28px; }
    .common-typography h6{font-size: 16px; line-height: 26px; }
    /*********************** Common page typography block CSS End ***********************/
    /*********************** Header CSS ***********************/
    body{padding-top: 53px;}
    .header-navigation .navigation-login{display: none;}
    .header-navigation {padding: 5px 65px 5px 15px;}    
    .header-navigation .header-left .site-logo img {max-width: 105px;}
    .header-navigation .header-left {gap: 10px;}
    .header-navigation .primary-navigation ul>.outline-login{display: block!important;}
    .header-navigation .primary-navigation ul>.outline-login a{display: block;}
    .header-navigation .primary-navigation ul>.fill-button{display: block!important;}
    .header-navigation .primary-navigation ul>.fill-button a{display: block;}
    .header-navigation .header-right .search-main {gap: 20px;}
    .search-part-section .gt_float_switcher .gt-selected .gt-current-lang {padding: 8px 0 0 0!important;}
    .header-navigation #mega-menu-wrap-primary .mega-menu-toggle { position: fixed; right: 7px; top: 6px; }
    /*********************** Footer Section CSS ***********************/
    .footer-logo .footer-main-image { margin-bottom: 16px; width: auto; height: auto; max-width: 150px; }
    .footer-login-content p { font-size: 14px; line-height: 24px; }
    .footer-inner .footer-links .widget-title a, .footer-inner .footer-links .widget-title, .footer-inner .footer-contact h2{font-size: 16px;line-height: 24px;margin-bottom: 8px!important;}
    .footer-inner .footer-links ul>li>a {position: relative;font-size: 14px;line-height: 22px;}
    .footer-logo { margin-bottom: 18px; }
    .footer-inner .footer-links ul {gap: 1px;}
    .footer-contact .wp-block-group__inner-container .wp-block-media-text__content p { font-size: 14px; line-height: 22px; }
    .footer-lasting { flex-direction: column-reverse; gap: 10px; }
    .footer-privacy-policy ul{flex-wrap: wrap;justify-content: center;gap: 18px;}
    .footer-content-top { margin-bottom: 16px; }
    .footer-contact .wp-block-group__inner-container { gap: 8px; }
    .footer-contact .wp-block-group__inner-container .wp-block-media-text__content p a { margin-left: 12px; }
    .footer-support-logo .footer-logo-main{display: flex;flex-wrap: wrap;gap: 10px;}
    .footer-support-logo .footer-first{margin-bottom: 0;}
    .footer-support-logo .footer-logo-main .hrs-27{max-width: 136px;}
    .footer-login { margin-bottom: 32px; }
    .footer-logo .menu-social-media-container>ul>li>a { width: 27px; height: 27px; padding: 5px; border-radius: 5px; }
    /*********************** Common Software Section CSS ***********************/
    .common-software-section { padding: 40px 10px 40px 10px; }
    /*********************** Custom Accoridion CSS ***********************/
    .custom-accordion .accordion-item .accordion-button { font-size: 16px; line-height: 26px; }
    .custom-accordion .accordion-body::after { top: calc(100% + 0px); }
    /*********************** Search CSS ***********************/
    .search-contant { top: 53px;padding: 12px 0;z-index: 1111;transform: none;display: none;opacity: 1;visibility: visible;}
    .search-contant.visible { opacity: 1; transform: none; pointer-events: unset; display: block; }
    .search-bar input { padding: 5px 10px 5px 15px;font-size: 14px; }
    .search-bar .close-btn { position: absolute; top: 2px; }
    /*********************** Common Key Box CSS ***********************/
    .our-key-main>div { width:100%; }
    .common-subpage-banner .commn-shape span { height: 25px; }
     /*********************** Privacy Policy  css ***********************/
    .privacy-inner h1, .privacy-inner h2, .privacy-inner h3, .privacy-inner h4, .privacy-inner h5, .privacy-inner h6 { font-size: 18px!important; line-height: 28px!important;margin: 20px  0 12px 0; }
    .privacy-inner p{margin-bottom: 10px;} 
    .privacy-inner ul, .privacy-inner ol { margin-bottom: 10px; } 
    .privacy-inner ul li, .privacy-inner ol li { font-size: 14px !important; line-height: 24px!important;margin-bottom: 10px; }
     /*********************** FAQ inner page  ***********************/
    .faq-inner .custom-accordion .accordion-item .accordion-button{ font-size: 18px; line-height: 28px; }
    /*********************** Integration Testimonial Section CSS ***********************/
    .call-to-action-wrapper { padding: 25px; }
    /*********************** Customer Challenges Section CSS ***********************/
    .customer-challenge-section { padding-top: 10px;padding-bottom: 0; }
    .customer-challenge-part .customer-challenge-box { padding: 18px; width: 100%;gap: 15px; border-radius: 16px;min-height: auto; }
    .customer-challenge-part .customer-challenge-box { padding: 14px; }
    .customer-challenge-part { gap: 15px; }
    /*Search Style*/
    .search-result-count { padding: 35px 0;}

    .explore-our-brand-section {
        padding: 50px 0 0;
    }
    .our-brand-crm .our-brand-box {width: calc(100% / 2 - 14.5px); height: 70px;}
}
@media (max-width: 575px){
    /*********************** Common Box Marquee CSS ***********************/
    .common-swipe-box { max-width: 150px; width: 150px; max-height: 70px; height: 70px; border-radius: 10px;padding: 4px 15px; }
    /*********************** Counter Section CSS ***********************/
    .counter-section .counter-box { text-align: center; }
    .counter-section .counter-box .counter-count { justify-content: center; }      
}