@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
	--bs-heading-font-family: "Wix Madefor Display", sans-serif;
	--bs-paragraph-font-family: "Poppins", sans-serif;
	--bs-story-font-family: "Bebas Neue", sans-serif;
    --orange-color: #F69321;
    --dark-orange-color: #e27900;
}
* { padding: 0; margin: 0; box-sizing: border-box; }
body { font: 400 18px var(--bs-paragraph-font-family); color: #494949; }
@media (min-width: 1600px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1550px; } }
.bg-white { background-color: #fff; }
.text-white { color: #fff; }
.text-black { color: #000; }
.text-grey { color: #B4B4B4; }
.text-grey1 { color: #C4C4C4; }
.text-start { text-align: left; }
.text-center { text-align: center; }
.text-end { text-align: right; }
.blue_bg { background: #1D75CC; }

/* headings style */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--bs-heading-font-family); color: #000; letter-spacing: normal; }
h1.homeHead1 { font-size: 70px; line-height: 1.2em; font-weight: 400; }
h1, .h1 { font-size: 57px; line-height: 1.2em; font-weight: 400; }
h2, .h2, h3, .h3 { font-size: 50px; line-height: 1.3em; font-weight: 700; }
h4, .h4 { font-size: 26px; line-height: 1.4em; font-weight: 700; }
h5, .h5 { font-size: 20px; line-height: 30px; font-weight: 400; }
h6, .h6 { font-size: 18px; line-height: 30px; font-weight: 400; }

/* paragraphs style */
p { font-size: 18px; line-height: 1.8em; }
p.para16 { font-size: 16px; line-height: 1.8em; }
p.para20 { font-size: 20px; line-height: 1.6em; }
p.para22 { font-size: 22px; line-height: 1.6em; }
p.para24 { font-size: 24px; line-height: 1.6em; }

/* section spacing */
.sect-space { padding: 120px 0; } 
.sect-space-t0 { padding-top: 0 !important; }
.sect-space-b0 { padding-bottom: 0 !important; }

/* font weight style */
.fw_med { font-weight: 500; }
.fw_semiB { font-weight: 600; }
.fw_bold { font-weight: 700; }

/* links style */
a { color: var(--orange-color); text-decoration:none; transition:all 0.2s ease 0s; }
a:hover { color: var(--orange-color); }
.cta_link { font-weight: 600; color: #fff; }

/* bg and text colors */
.blue-text { color:#009AD7; }
.gry-bg { background-color:#f6f5f5; }
.orange-text { color: var(--orange-color); }

/* line breaks */
.line-brk, .line-brk1, .line_brk_story { display: block; } 

/* button style */
.ccm-page .directionnel-btn { display: block; width: max-content; background-color: var(--orange-color); padding: 12px 30px; color: #FFFFFF; border-radius: 50px; cursor: pointer; isolation: isolate; overflow: hidden; position: relative; transition: border .25s ease-in; transition: background-color .25s; } 
.ccm-page .directionnel-btn span { font-weight: 500; font-size: 18px; }
.ccm-page .directionnel-btn svg { position: relative; right: 0; transition: all 0.4s; display: none; }
.ccm-page .directionnel-btn:hover svg { right: -5px; }
.ccm-page .directionnel-btn:before { pointer-events: none }
.ccm-page .directionnel-btn>.fond-direction { background: transparent; height: 100%; opacity: .5; position: absolute; width: 33.333%; z-index: -1 } 
.ccm-page .directionnel-btn span:not(.fond-direction) { display: inline-block; position: relative } 
.ccm-page .directionnel-btn>:first-child { left: 0; top: 0 } 
.ccm-page .directionnel-btn>:last-child { right: 0; top: 0 } 
.ccm-page .directionnel-btn:after { aspect-ratio: 1; background: #000; border-radius: 50%; content: ""; inset: 0; margin: auto; opacity: 0; position: absolute; transition: opacity .2s,-webkit-transform .5s .25s; transition: transform .5s .25s,opacity .2s; transition: transform .5s .25s,opacity .2s,-webkit-transform .5s .25s; width: 20%; z-index: -2 } 
.ccm-page .directionnel-btn:hover:after { opacity: 1; -webkit-transform: scale(20); transform: scale(20); transition: opacity .25s,-webkit-transform 1.5s; transition: transform 1.5s,opacity .25s; transition: transform 1.5s,opacity .25s,-webkit-transform 1.5s } 
.ccm-page .directionnel-btn:has(:first-child:hover):after { margin-left: 0 } 
.ccm-page .directionnel-btn:has(:last-child:hover):after { margin-right: 0 } 
.ccm-page .directionnel-btn:has(:first-child:hover):after,.ccm-page .directionnel-btn:has(:last-child:hover):after { transition: opacity .25s,-webkit-transform 1s; transition: transform 1s,opacity .25s; transition: transform 1s,opacity .25s,-webkit-transform 1s }

/* button 2  */
.ccm-page .directionnel-btn1 { display: block; width: max-content; background-color: transparent; border: 1px solid #000; padding: 12px 30px; transition: all 0.5s ease 0s; border-radius: 50px; font-weight: 500; } 
.ccm-page .directionnel-btn1 span { font-weight: 500; font-size: 18px; color: #000; }
.ccm-page .directionnel-btn1 svg path { transition: all 0.25s; }
.ccm-page .directionnel-btn1:hover { border: 1px solid #F69321 } 
.ccm-page .directionnel-btn1:hover span { color: #fff; }
.ccm-page .directionnel-btn1:hover svg path { fill: #fff; }
.ccm-page .directionnel-btn1:after { aspect-ratio: 1; background: #F69321; border-radius: 50%; content: ""; inset: 0; margin: auto; opacity: 0; position: absolute; transition: opacity .2s,-webkit-transform .5s .25s; transition: transform .5s .25s,opacity .2s; transition: transform .5s .25s,opacity .2s,-webkit-transform .5s .25s; width: 20%; z-index: -2 } 
.ccm-page .section-white .directionnel-btn1 { border: 1px solid #F69321; color: #4a3663 }
.ccm-page .directionnel-btn2:hover { outline: 1px solid #F69321 } 

/* button 3  */
.btn_1 { position: relative; background: #f8f8f8; padding: 12px 30px; border-radius: 50px; border: 1px solid var(--orange-color); top: -25px; }
.btn_1 span { color: #000; transition: all 0.2s; transform-origin: left; }
.btn_1 svg { display: none; }
.btn_1 svg path { transition: all 0.2s; }
.btn_1:hover span { color: var(--orange-color); }
.btn_1:hover svg path { fill: var(--orange-color); }


/* animation */
.animate__fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animate__fadeInUpSmall {
    animation-name: fadeInUpSmall;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animate__fadeInRightSmall {
    animation-name: fadeInRightSmall;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translateY(100px); /* smaller slide */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translateX(-50px); /* smaller slide */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translateX(50px); /* smaller slide */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


/* header css */
header { background-color: #fff; border-radius: 0 0 30px 30px; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; padding: 0px 30px; font-size: 16px; transition: all 0.3s; box-shadow: 2px 2px 20px #3c3c3c40; }
header .head_mail span { color: #000; font-weight: 500; position: relative; font-size: 15px; }
header .head_mail span::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #F69321; transition: all 0.3s; }
header .head_mail:hover span::before { width: 100%; }
header .nav ul { display: flex; gap: 30px; }
header .nav ul li { list-style: none; color: #000; font-weight: 500; }
header .ccm-page .directionnel-btn { padding-block: 9px; }
header .ccm-page .directionnel-btn span { font-size: 16px; }
header .logo img { max-height: 53px; transition: max-height 0.3s; }
.shrinkHeader .logo img { max-height: 44px; }
@media(min-width:1600px) { header .nav ul { gap: 35px; } }
.hamBurger { display: none; }
.ham_logo { display: none; }
.main_nav { position: relative; }
.sub_nav { position: absolute; height: auto; width: 55vw; border: 1px solid #ebebec; background: #fff; left: -4vw; border-radius: 30px; top: 95px; box-shadow: 2px 25px 20px #9797973b; padding: 40px; padding-right: 0; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1000; transition: all 0.3s ease; transform: translateY(10px); cursor: auto; }
li.main_nav_link:hover .sub_nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
header .sub_nav_arr { position: relative; }
header .sub_nav_arr::before { position: absolute; content: ''; top: -54px; left: 29%; width: 35px; height: 35px; background: url(https://www.sammdataservices.com/assets/img/nav-arc-arrow.svg), #fff; background-repeat: no-repeat; background-size: contain; }
header .sub_nav_arr ul { gap: 30px; flex-direction: column; border-right: 1px solid #CFCFCF; height: 100%; }
header .nav .sub_nav_arr ul.third_menu li { font-size: 15px; position: relative; padding-block: 0; width: max-content; }
header .nav .sub_nav_arr ul.third_menu li::before { content: ''; position: absolute; bottom: -2px; left: 0; height: 1px; width: 0; background: var(--orange-color); transition: all 0.3s; }
header .nav .sub_nav_arr ul li:hover::before { width: 100%; }
header ul.third_menu { gap: 15px; border: none; }
.shrinkHeader .sub_nav { top: 71px; }
header .tab { overflow: visible; padding: 5px 0; display: flex; gap: 30px; flex-direction: column; border-right: 1px solid #CFCFCF; height: 100%; }
header .tab button { background: none; border: none; outline: none; text-align: left; cursor: pointer; color: #000; font-weight: 500; font-size: 16px; font-family: var(--bs-paragraph-font-family); transition: all 0.3s; position: relative; }
header .tab button::before { content: ''; position: absolute; right: -7px; top: 2px; transform: rotate(90deg); width: 18px; height: 18px; background: url(https://www.sammdataservices.com/assets/img/nav-arc-arrow1.svg), #fff; background-size: contain; background-repeat: no-repeat; opacity: 0; transition: all 0.2s; }
header .tab button.active::before { opacity: 1; }
header .tab button:hover { color: var(--orange-color); } 
header .tab button.active { color: var(--orange-color); }
header .tabcontent { position: absolute; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease; border-top: none; width: calc(100% - 26px); padding-right: 40px; } 
header .tabcontent.active { opacity: 1; visibility: visible; transform: translateY(0); width: 100%; height: 100%; }
header .tab-wrapper { position: relative; min-height: 290px; }
header .tab .tablinks a { color: #000; display: flex; align-items: center; justify-content: start; gap: 20px; }
header .tab .tablinks a span, .ecm_nav li a span { width: max-content; position: relative; }
header .tab .tablinks a span::before, .ecm_nav li a span::before { content: ''; position: absolute; bottom: -2px; left: 0; height: 1px; width: 0; background: var(--orange-color); transition: all 0.3s; }
header .tab .tablinks.active a span::before, .ecm_nav li a span:hover::before { width: 100%; }
header .tab .tablinks.active a { color: var(--orange-color); }
header li a { color: #000; }
header li a:hover { color: var(--orange-color); }
header .main_nav li a.main_nav_link_1 { padding-block: 35px; transition: all 0.3s; display: block; }

/* temp nav css */
header .main_nav li a { color: #00000071; }
header .main_nav li a:not([href*="#"]) { color: #000; }
header .tab .tablinks a { color: #00000071; }
header .tab .tablinks a:not([href*="#"]) { color: #000; }
/* temp nav css */

.shrinkHeader .main_nav li a.main_nav_link_1 { padding-block: 23px; }
header #ebayAcc .third_menu { padding-top: 65px; }
header #walmartAcc .third_menu { padding-top: 120px; }
.header_img { display: flex; align-items: center; justify-content: flex-end; width: 50px; }
#amazonAcc { background: url(https://www.sammdataservices.com/assets/img/header_amazon_1.svg) no-repeat right/contain; background-size: auto; }
#ebayAcc { background: url(https://www.sammdataservices.com/assets/img/header_ebay_1.svg) no-repeat right/contain; background-size: auto; }
#walmartAcc { background: url(https://www.sammdataservices.com/assets/img/header_walmart_1.svg) no-repeat right/contain; background-size: auto; }
ul.main_nav a:hover li { color: var(--orange-color); }
.ecm_nav li a { font-size: 16px; display: flex; align-items: center; gap: 20px; }
.navStoryHead p { font-size: 16px; }
.nav_story { border-radius: 20px; overflow: hidden; height: 220px; }
.nav_story .grad_bg { background: linear-gradient(205.44deg, rgba(0, 0, 0, 0) 30.02%, rgba(0, 0, 0, 0.9) 72.17%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.nav_story_link { font-size: 15px; color: var(--orange-color); position: relative; width: max-content; }
.nav_story_link::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--orange-color); }
.nav_story_content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: end; padding: 20px; }
.nav_sty_cont_head { background: #CEE0EE; color: #103873; font-size: 13px; line-height: 1.3em; padding: 3px 10px; border-radius: 10px; width: max-content; }
.nav_sty_head { font-size: 16px; color: #fff; line-height: 1.5em; }
header .menu_icon, header .submenCloseIcon { display: none; }
.show_mob_menu { display: none !important; }
.sub_nav1 { width: 48vw; left: -11vw; padding-right: 40px; }
.sub_nav2 { width: 48vw; left: 5vw; padding-right: 40px; }
.sub_nav3 { width: 48vw; left: 7vw; padding-right: 40px; }
.sub_nav4 { width: 48vw; left: 7vw; padding-right: 40px; }
header .sub_nav2 .sub_nav_arr::before { left: 35%; }
header .sub_nav3 .sub_nav_arr::before { left: 55%; }
header .sub_nav4 .sub_nav_arr::before { left: 70%; }


/* home page style */
.home_page .inner_banner { background: linear-gradient(180deg, #c6eff9 40%, #FFFFFF 100%); height: 95vh; min-height: 850px; padding-top: 103px; padding-bottom: 90px; }
.home_page .inner_banner video { width: 80%; border: none; outline: none; border: 10px solid #ffffff; padding-top: 5px; background-color: #fff; border-radius: 30px; }
.home_page .bnr_content_Sec { display: flex; height: 100%; align-items: center; }

/* banner logo slider */
.swiper-slider-logo ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; }
.swiper-slider-logo li { font-size: 15px; color: #404040; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0 10px; }
.swiper-slider-logo li img { height: 60px; max-width: 180px; object-fit: contain; }
.swiper-slider-logo { position: relative; overflow: hidden; height: 90px; display: flex; align-items: end; }
@media screen and (max-width: 1030px) { 
    .swiper-slider-logo ul { display: block; transition-timing-function: linear !important; position: relative; } 
    .swiper-slider-logo ul li { list-style: none; display: inline-flex; width: auto; align-items: center; gap: 0px; margin-right: 50px; } 
}

/* stat_box */
.stat_box { background-color: #F5F9FF; border-radius: 30px; padding: 24px; height: 100%; display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative; transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1); }
.stat_box::before { content: ""; position: absolute; right: -5.2rem; top: -5.2rem; width: 10.4rem; height: 10.4rem; background: #F69321; z-index: 0; opacity: 0; border-radius: 50%; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); } 
.stat_box::after { content: ""; position: absolute; left: -5.2rem; bottom: -5.2rem; width: 10.4rem; height: 10.4rem; background: #F69321; z-index: 0; opacity: 0; border-radius: 50%; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); } 
.stat_box:hover::before { scale: 7; opacity: 1; } 
.stat_box:hover::after { scale: 7; opacity: 1; } 
.stat_box:hover .stat_para, .stat_box:hover .stat_head { color: #ffffff; } 
.stat_box:hover { box-shadow: 0rem 6px 13px rgba(0, 0, 0, 0.1), 0rem 24px 24px rgba(0, 0, 0, 0.09), 0rem 55px 33px rgba(0, 0, 0, 0.05), 0rem 97px 39px rgba(0, 0, 0, 0.01), 0rem 152px 43px rgba(0, 0, 0, 0); scale: 1.05; }
.stat_head { color: var(--orange-color); font-size: 51px; line-height: 1.3em; font-family: var(--bs-heading-font-family); font-weight: 600; z-index: 1; }
.stat_para { color: #000; font-size: 18px; line-height: 1.4em; font-weight: 600; z-index: 1; }

/* service css */
.srv_bg { background: linear-gradient(180.87deg, #E7F5FF 15.18%, #FFFFFF 107.07%); border-radius: 35px 35px 0 0; }
.srv_box { padding: 45px 35px; background-color: #fff; border-radius: 30px; transition: all 0.2s; position: relative; z-index: 2; }
.srv_box h4, .srv_box svg path { transition: all 0.3s; }
.hover-bg { position: absolute; 
    /* background: #F69321;  */
    background: linear-gradient(#F69321); 
    border-radius: 32px; z-index: 1; opacity: 0; transition: all 0.25s ease; pointer-events: none; } 
.srv_container { position: relative; } 
.src_box1 { height: 100%; padding: 2px; } 
.home_page .srv_container .srv_box { border: 1px solid #E8EEF6; transition: all 0.3s; padding: auto; }
.home_page .srv_container .srv_box:hover { border-color: #C2EEFF; box-shadow: 0px 24px 44px 0px #C2EEFF; }
.srv_box:hover a h4 { color: var(--orange-color); }
.srv_box:hover svg path { fill: var(--orange-color); }

/* success story css */
.ss_outerBox { border-radius: 30px; background-color: #000; padding: 35px; padding-left: 60px; }
.story_stat_box { background-color: #fff; border-radius: 30px; padding: 30px; }
.story_stat_box .ss_stats .ss_statHead { font-size: 70px; font-weight: 800; line-height: 1.2em; color: var(--orange-color) !important; font-family: var(--bs-heading-font-family); }
a .story_stat_box .ss_stats .ss_statPara { color: #494949; }
.ss_stats_border { border-top: 1px solid #D5D5D5; }
.story_text_sec .ss_testHead { opacity: 0.8; font-family: var(--bs-heading-font-family); font-size: 18px; font-weight: 700; color: #fff; }
.story_text_sec .ss_testPara { opacity: 0.8; font-family: var(--bs-heading-font-family); font-size: 14px; color: #fff; }
.ss_indus_box p { font-size: 15px; } 
.indus_text { color: #103873; background-color: #CEE0EE; border-radius: 50px; padding: 0px 10px; width: max-content; }
.ss_swiper .swiper-button-next, .ss_swiper .swiper-button-prev { width: 50px; height: 50px; background-color: var(--orange-color); border-radius: 50%; transition: all 0.3s; transform: none; transition: all 0.3s; }
.ss_swiper .swiper-button-next:hover, .ss_swiper .swiper-button-prev:hover { transform: scale(1.15); }
.ss_swiper .swiper-button-next:after, .ss_swiper .swiper-button-prev:after { content: none; }
.ss_swiper .swiper-button-next svg, .ss_swiper .swiper-button-prev svg { width: 22px; }
.ss_swiper .swiper-button-next.swiper-button-disabled, .ss_swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; background-color: #CEE0EE; }
.ss_swiper .swiper-button-next { right: -25px; }
.ss_swiper .swiper-button-prev { left: -25px; }
.ss_outerBox { background: url(https://www.sammdataservices.com/assets/img/cosmetic-products1.jpg) no-repeat center/cover; position: relative; overflow: hidden; }
.ss_outerBox::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(250deg, rgba(0, 0, 0, 0.6) 47.91%, rgba(0, 0, 0, 0.9) 84.36%); z-index: 1; }
.ss_outerBox .row { position: relative; z-index: 2; }

/* solutions css */
.sol_box_1 { padding: 45px 24px; border: 1px solid #E8EEF6; border-radius: 30px; transition: all 0.3s; }
.sol_box_1:hover { box-shadow: 0px 24px 44px 0px #C2EEFF; border: 1px solid #BACEEF; }
.icn_sec_1 { background: linear-gradient(94.06deg, #103872 13.97%, #009AD7 86.57%); border-radius: 30px; }
.icn_sec_1 img { max-height: 60px; max-width: 200px; object-fit: contain; transform: scale(1); transition: all 0.5s; }
.icn_sec_1 img:hover { transform: scale(1.3); }
.icnHead img { height: 50px; min-width: 50px; object-fit: contain; }
.icn_box1 { width: 50px; overflow: hidden; }
.icn_scrll { display: flex; gap: 20px; transform: translateX(0); transition: transform 0.3s; }
.sol_box_1:hover .icn_box1 .icn_scrll { transform: translateX(calc(-100% - 20px)); }

/* process css */
.prcsNum { font-size: 20px; font-weight: 700; color: #D9D9D9; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; border: 1px solid #D5D5D5; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.opac_box { opacity: 0.5; transition: all 0.3s; }
.prcs_box { position: relative; z-index: 2; }
.prcs_box svg path { transition: all 0.3s; }
.prcs_Sec { position: relative; }
.prcs_Sec::before { content: ''; position: absolute; top: 363px; z-index: 1; left: 0; width: 100%; height: 1px; border-top: 1px solid #D5D5D5; }
.prcs_box.active .opac_box { opacity: 1; } 
.prcs_box.active .prcsNum { background-color: #009AD7; border-color: #1A3350; color: #fff; } 
.prcs_box.active svg path { fill: var(--orange-color); }


.client_logo_sec .client_logo_row { background-color: #D5D5D5; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; border: 1px solid #D5D5D5; }
.client_logo_sec .client_logo_row .client_logo_box { padding: 35px 20px;  background-color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; }
.client_logo_sec .client_logo_row .client_logo_box img { width: 80%; max-height: 60px; transform: scale(1); transition: all 0.3s; }
.client_logo_sec .client_logo_row .client_logo_box img:hover { transform: scale(1.15); }
.cta_sec_1, .cta_sec_2 { background: linear-gradient(43.67deg, #103872 25.96%, #009AD7 75.58%); border-radius: 30px; }
.cta_para { font-size: 24px; }
.cta_stat_2 .col { border-right: 1px dashed #fff; }
.cta_stat_2 .col:nth-last-child(1) { border-right: none; }

/* faq css */
.faq_sec { background: linear-gradient(0deg, #E7F5FF, #FFFFFF, #FFFFFF, #ffffff) }
.faqswap p { padding-top: 0; }
.faqswap .faq-content { padding-inline: 80px; }
.faqswap .accAns {padding-bottom: 0px; padding-top: 0px; }
.faq { width: 100%; }
.faq-item { margin-bottom: 16px; overflow: hidden; }
.faq-question { width: 100%; border: none; padding: 5px 0px; font-size: 18px; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: transparent; }
.faq-answer { height: 0; overflow: hidden; transition: height 0.45s cubic-bezier(.4,0,.2,1); }
.faq-content { padding: 0 15px 20px 0px; }
.faq-answer { height: 0; overflow: hidden; opacity: 0; transform: translateY(-5px); transition: height 0.45s cubic-bezier(.4,0,.2,1), opacity 0.3s ease, transform 0.3s ease; }
.faq-item.active .faq-answer { opacity: 1; transform: translateY(0); }
.faq .faq-sz { display: flex; gap: 50px; align-items: flex-start; font-size: 24px; font-weight: 500; padding: 10px 0 0px 0 !important; color: #49494999; margin: 0; padding: 0; text-align: left; width: 100%; }
.faqArrow .minus_icon { display: none; }
.faq-item.active .faqArrow .plus_icon { display: none; } 
.faq-item.active .faqArrow .minus_icon { display: inline-block; }
.faq-item.active .faq-sz { color: #000; font-weight: 600; }
.faq .faqArrow { position: relative; top: -4px; right: 0; transition: transform 0.5s; }


/* footer css */
footer { background: #000; padding-top: 80px; }
footer .footer_ul a { list-style: none; color: #fff; }
footer .footer_ul a:hover { color: var(--orange-color); }
footer .footer_list, footer .footer_list h4, footer .footer_list ul, footer .footer_list ul li  { width: fit-content; }
footer .first_row { padding-bottom: 70px; }
footer p, footer ul li { font-size: 16px; }
footer .gdFirm_logo { width: 190px; border: 1px solid #242424; padding: 12px 16px; border-radius: 10px; }


/* ----------------- service category page ----------------- */

/* home page style */
.cat_page .inner_banner { background: #fff; height: 85vh; min-height: 850px; padding-top: 103px; padding-bottom: 90px; }
.cat_page .inner_banner.inner_banner_h2 { min-height: 860px; }
.cat_page .swiper-slider-logo { height: 112px; box-shadow: 0px 20px 20px 0px #CEE0EE75; border: 1px solid #e6e6e6; border-radius: 40px; }
.cat_page .banner_logo_marquee { padding: 25px 30px; }
.cat_page .inner_banner video { width: 80%; }
.cat_page .bnr_content_Sec { display: flex; height: 100%; align-items: center; }
.srv_bg { transition: transform 0.1s linear; } 

.cat_page .srv_container .srv_box { border: 1px solid #E8EEF6; transition: all 0.3s; padding: auto; }
.cat_page .srv_container .srv_box:hover { border-color: #C2EEFF; box-shadow: 0px 24px 44px 0px #C2EEFF; }
ul.tickList { padding-left: 35px; }
ul.tickList li { font-size: 16px; list-style: none; position: relative; }
ul.tickList li::before { content: ''; position: absolute; width: 12px; height: 12px;background: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11.7212%200.278745C11.3499%20-0.093032%2010.747%20-0.0927976%2010.3752%200.278745L4.31744%206.33674L1.62503%203.64435C1.25325%203.27257%200.650609%203.27257%200.278832%203.64435C-0.0929441%204.01613%20-0.0929441%204.61877%200.278832%204.99055L3.6442%208.35592C3.82998%208.54169%204.07357%208.63481%204.31719%208.63481C4.5608%208.63481%204.80463%208.54192%204.9904%208.35592L11.7212%201.62492C12.0929%201.2534%2012.0929%200.650498%2011.7212%200.278745Z%22%20fill%3D%22%23F69321%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain; left: -34px; top: 7px; }
ul.tickList_fwB li { font-weight: 500; }

.cat_page .sol_box_2 { border: 1px solid #E8EEF6; border-radius: 30px; transition: all 0.3s; }
.cat_page .sol_box_2:hover { border-color: #BACEEF; box-shadow: 0px 24px 30px 0px #5C80F647; }
.cat_page .sol_box_2:hover .icn_box1 .icn_scrll { transform: translateX(calc(-100% - 20px)); }
.cat_page .sol_box_2 .icnHead img { min-width: 55px; height: 55px; }
.cat_page .sol_box_2 .icn_box1 { width: 55px; }
.cat_page .sol_box_2 .icnHead h4 { width: calc(100% - 90px); }
.ai-powered .blackBox { background: #100D0D; border-radius: 40px; padding: 80px 45px; }
.blueShadow { position: absolute; width: 130px; height: 130px; background: #009AD7; filter: blur(100px); top: 20%; left: 50%; transform: translateX(-50%); }
.ai_pow_img img { position: relative; z-index: 2; }

.key_sec, .why_us_sec, .why_us_sec2, .client_logo_sec1 { background: linear-gradient(180.87deg, #E7F5FF, #FFFFFF); border-radius: 30px; }
.key_box { background: #fff; border: 1px solid #E8EEF6; border-radius: 30px; transition: all 0.3s; }
.key_box:hover { border-color: #BACEEF; }
.chs_box { border-right: 1px solid #CCCCCC; }
.chs_box img { height: 55px; width: 70px; object-fit: contain; }

.btm_form_space { padding-bottom: 320px !important; }
.form_box_main { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); }
.form_box { border: 1px solid #DADADA; border-radius: 40px; box-shadow: 0px 0px 44px 0px #0000001A; background-color: #fff; }
.form_row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.form_box .bodytext { width: 100%; height: auto; border: 1px solid #DADADA; border-radius: 10px; font-family: var(--bs-paragraph-font-family); padding: 13px 20px; font-size: 16px;margin-bottom: 16px; }
.form_box textarea.bodytext { height: 110px; }
.form_sec .sect-space { padding: 180px 0; }
.btn-input1 { background: transparent; border: none; font-family: var(--bs-paragraph-font-family); color: var(--bs-paragraph-font-family); color: #fff; font-size: 18px; cursor: pointer; }

.prcss_sec .faq_prc_ques { display: flex; gap: 30px; }
.prcss_sec .faq-content { padding-left: 60px; }
.prcss_sec .tableHead { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #BACEEF; border-radius: 30px 30px 0 0; }
.prcss_sec .tableTail { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #BACEEF; border-top: 0; border-radius: 0 0 30px 30px; }
.prcss_sec .tableCol { padding: 12px 30px; }
.prcss_sec .tableTail .tableCol { padding: 15px 30px; }
.prcss_sec .tableFirstCol { border-right: 1px solid #BACEEF; }
.prcss_sec .prcs_num { position: relative; top: 3px; left: 0px; line-height: 1em; height: 30px; width: 30px; background-color: #b1b1b1; border-radius: 30px; color: #fff; font-weight: 600; display: flex; align-items: center;  justify-content: center; z-index: 3; }
.prcss_sec .faq-item.active .prcs_num { background: #009AD7; }
.prcss_sec .answer_line::before { content: ''; position: absolute; width: 1px; height: calc(100% + 55px); border-left: 1px solid #000; top: -30px; left: 14px; }
.prcss_sec .faq-item { overflow: visible; }
.prcss_sec .faq-item .answer_line::after { content: ''; position: absolute; width: 1px; height: 0; border-left: 3px solid #009AD7; top: -30px; left: 13px; animation-play-state: paused; }
.prcss_sec .faq-item .answer_line1::before { opacity: 0; transition: all 0.1s; }
.prcss_sec .faq-item.active .answer_line1::before { opacity: 1; transition: all 0.1s; }
.prcss_sec .faq-item.active .answer_line::after { animation: lineGrow 4s linear forwards; animation-play-state: running; }
@keyframes lineGrow { from { height: 0; } to { height: calc(100% + 55px); } }
.prcss_sec .faq-item:hover .answer_line::after { animation-play-state: paused !important; }
.prcss_sec .faq-item.stopAnime .answer_line::after { animation-play-state: paused !important; }
.faq_line_dot { width: 10px; height: 10px; background-color: #009AD7; border-radius: 50%; position: absolute; bottom: -25px; left: 9px; display: none; }
.prcss_sec .faq-item.active .faq_line_dot { display: block; }
.faq_img img { position: absolute; z-index: 0; opacity: 0; transform: scale(0.8); transition: all 0.5s; height: 553px; object-fit: contain; }
.faq_img img.actImg { opacity: 1; z-index: 1; transform: scale(1); }
.faq_img_1 img.actImg{opacity: 1; z-index: 1; transform: scale(0.8);}
/* ----------------- service sub-category page ----------------- */

/* banner style */
.sub_cat_page .inner_banner { background: linear-gradient(180deg, rgba(224, 241, 254, 0) 0%, #E0F1FE 100%); height: auto; padding-top: 170px; padding-bottom: 140px; }
.sub_cat_page .inner_banner .container { position: relative; }
.sub_cat_page .swiper-slider-logo { height: auto; background-color: #fff; padding: 35px 30px; border: 1px solid #E8EEF6; border-radius: 40px; position: absolute; width: 100%; bottom: -200px; left: 0; box-shadow: 0px 44px 34px 0px #CEE0EE75; }
.sub_cat_page .bnr_side_img img { height: 90%; object-fit: contain; }
.sub_cat_page .bnr_side_img img.bnr_shadow { position: absolute; left: -30px; bottom: -50px; width: 100%; height: 150px; }

.sub_cat_page .intro_sec { padding-top: 150px; }
.subHead4 { font-size: 26px; line-height: 1.4em; font-weight: 600; color: #000; }
ul.tickList_intro li { font-size: 20px; color: #000; font-weight: 600; }
ul.tickList_intro li p.para16 { color: #494949; font-weight: 400; }
ul.tickList_intro li::before { width: 17px; height: 17px; top: 8px; }

.sub_cat_page .srv_container .srv_box { border: 1px solid #E8EEF6; transition: all 0.3s; padding: auto; }
.sub_cat_page .srv_container .srv_box:hover { border-color: #C2EEFF; box-shadow: 0px 24px 44px 0px #C2EEFF; }
.sub_cat_page .cta_form .form_box_main, .cat_page .cta_form .form_box_main { position: relative; top: 0; left: 0; transform: none; padding: 0; }
.sub_cat_page .cta_form .form_box_main .form_box, .cat_page .cta_form .form_box_main .form_box { border-radius: 20px; padding: 35px; }
.sub_cat_page .cta_form .form_box_main textarea, .cat_page .cta_form .form_box_main textarea { height: 115px; }
.cta_form .blackBox .form_box h3 { font-size: 35px; }

.prcs_Sec_head2::before { top: 428px; }
.prcs_Sec_para::before { top: 468px; }
.prcs_Sec_para1::before { top: 517px; }

.sub_cat_page .faq_sec { background: #fff; } 

.sub_cat_page .relate_serv { background: #E7F5FF; border-radius: 40px 40px 0 0; } 
.sub_cat_page .relate_serv .rel_box { background: #fff; border-radius: 10px; transition: all 0.3s; transform-origin: center; border: 1px solid #E8EEF6; } 
.sub_cat_page .relate_serv .rel_box:hover { background: #F69321; border-radius: 10px; } 
.sub_cat_page .relate_serv .rel_box .rel_para { font-size: 22px; line-height: 1.3em; color: #000; transition: all 0.3s; } 
.sub_cat_page .relate_serv .rel_box:hover .rel_para { color: #fff; } 
.sub_cat_page .relate_serv .rel_srv_icn_box { width: 60px; height: 60px; overflow: hidden; margin: 0 auto; }
.sub_cat_page .relate_serv .rel_srv_icn_box svg { width: 60px; height: 60px; }
.sub_cat_page .relate_serv .rel_srv_icn_box1 { width: 130px; display: flex; justify-content: space-between; transform: translateX(0); transition: all 0.3s; }
.sub_cat_page .relate_serv .rel_box:hover .rel_srv_icn_box1 { transform: translateX(-70px); }
.sub_cat_page .relate_serv .rel_srv_icn_box_1 { width: 160px !important; }
.sub_cat_page .relate_serv .rel_srv_icn_box_1 .rel_srv_icn_box1 { width: 336px !important; }
.sub_cat_page .relate_serv .rel_srv_icn_box_1 svg { width: 160px !important; }
.sub_cat_page .relate_serv .rel_box:hover .rel_srv_icn_box_1 .rel_srv_icn_box1 { transform: translateX(-176px); }

.sub_cat_page .client_logo_sec .client_logo_row_1, .cat_page .client_logo_sec .client_logo_row_1 { display: grid; grid-template-columns: repeat(7, 1fr); row-gap: 40px; column-gap: 30px; }
.sub_cat_page .client_logo_sec .client_logo_row_1 .col, .cat_page .client_logo_sec .client_logo_row_1 .col { display: flex; align-items: center; justify-content: center; }
.sub_cat_page .client_logo_sec .client_logo_row_1 img, .cat_page .client_logo_sec .client_logo_row_1 img { width: 80%; max-height: 60px; transform: scale(1); transition: all 0.3s; }
.brdr_left { border-left: 1px solid #CDD6E3; }
.cat_btn { width: 100%; height: 60px; display: flex; align-items: center; text-align: center; justify-content: center; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 50px; font-size: 16px; color: #000; transition: all 0.3s; gap: 10px; }
.cat_btn img { height: 35px; }
.indus_cat_row { column-gap: 40px; row-gap: 30px; }
.indus_sec, .effect_sec { background: linear-gradient(180.87deg, #E7F5FF, #FFFFFF 75%); border-radius: 30px; }

.cta_sec1 .blackBox { border-radius: 40px; /*background: linear-gradient(43.67deg, #103872 25.96%, #009AD7 75.58%);*/ background: url(https://www.sammdataservices.com/assets/img/CTA-bg.jpg) no-repeat #0C508B; padding: 70px 60px; position: relative; overflow: hidden; }
.cta_sec1 .blackBox .row { align-items: center; }
.metric_table { display: grid; grid-template-columns: 23% 39% 39%; border-radius: 20px 20px 0 0; overflow: hidden; }
.metric_table1 { display: grid; grid-template-columns: 23% 39% 39%; }
.metric_table .metric_table_fRow { background: #009AD7; padding: 20px 35px; font-size: 26px; color: #fff; font-weight: 500; }
.metric_table1 .metric_firstCol .metric_table_fRow { font-size: 18px; font-weight: 600; color: #494949; background: #E9E9E9; height: 100%; }
.metric_table1 .metric_table_fRow { padding: 20px 35px; font-size: 16px; }
.metric_table1 { border-left: 1px solid #E8EEF6; border-right: 1px solid #E8EEF6; border-bottom: 1px solid #cccccc; }
.metric_table1 .metric_firstCol, .metric_table1 .metric_SecCol { border-right: 1px solid #E8EEF6;}

.sub_cat_page .sol_box_2 { border: 1px solid #E8EEF6; border-radius: 30px; transition: all 0.3s; }
.sub_cat_page .sol_box_2:hover { border-color: #BACEEF; box-shadow: 0px 24px 30px 0px #5C80F647; }
.sub_cat_page .sol_box_2:hover .icn_box1 .icn_scrll { transform: translateX(calc(-100% - 20px)); }
.sub_cat_page .sol_box_2 .icnHead img { min-width: 55px; height: 55px; }
.sub_cat_page .sol_box_2 .icn_box1 { width: 55px; }
.sub_cat_page .sol_box_2 .icnHead h4 { width: calc(100% - 90px); }

.color_logo img { height: 56px; }
.key_box img { height: 56px; }

.splide_scroll { position: relative; }
.splide_scroll::before { position: absolute; content: ''; height: 100%; width: 100px; background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); z-index: 2; top: 0; left: 0; }
.splide_scroll::after { position: absolute; content: ''; height: 100%; width: 100px; background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0)); z-index: 2; top: 0; right: 0; }

/* Flag section css */
.flag-sec .blackBox {background-color: #E7F5FF; border-radius: 40px; padding: 70px 60px; position: relative; overflow: hidden; }
.flags-container {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flags-container img {margin-bottom: 12px; object-fit: contain; }
.flags-container figcaption {font-size: 16px; line-height: normal;}
@media (max-width: 1550px) {
    .flags-container figcaption {font-size: 15px;}
}
@media (max-width: 786px) {
    .flag_list { row-gap: 30px !important; }
    .flag-sec .blackBox {padding: 40px 20px;}
}
@media (max-width: 420px) {
    .flags-container figcaption {word-break: break-all;} 
}


/* new sub category page css */
.intro_sec .tickList_intro { padding: 20px; background-color: #F5F9FF; padding-left: 60px; border-radius: 20px;  }
.intro_sec .row.d-grid-1 { row-gap: 25px;  }
.new_subCat .opt_serv, .new_subCat .srv_bg, .new_subCat .long_term_sec, .srv_bg1{ background: linear-gradient(180.87deg, #E7F5FF, #FFFFFF); border-radius: 30px; }

.opt_box { background-color: #fff; border: 1px solid #E8EEF6; border-radius: 24px; transition: all 0.3s; }
.opt_box:hover { border-color: #BACEEF; }
.opt_box img { height: 45px; }

.stat_sec { background: url(https://www.sammdataservices.com/assets/img/ecm_seo_cta_bg.png) no-repeat center/cover; position: relative; }
.stat_sec::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(43.67deg, rgba(6, 37, 82, 0.86) 25.96%, rgba(0, 103, 143, 0.86) 75.58%); }
.stat_sec .container { position: relative; z-index: 2; }
.statBox_1 img { height: 70px; width: 60px; }
.statBox_1 p { line-height: 1.3em; }
.statHead1 { font-size: 45px; line-height: 1.1em; font-weight: 600; }
.statBox_1 { border-right: 1px dashed #939393; height: 100%; } 
.stat_sec .row.d-grid-1 .col:nth-of-type(4) .statBox_1 { border-right: none; }
.stat_cont { padding-right: 20px; }

.stat_sec_2 .row.d-grid-1 { row-gap: 48px; }
.stat_sec_2 .row.d-grid-1 .col:nth-of-type(3) .statBox_1, .stat_sec_2 .row.d-grid-1 .col:nth-of-type(6) .statBox_1 { border-right: none; }
.stat_sec_2 .row.d-grid-1 .col:nth-of-type(4) .statBox_1 { border-right: 1px dashed #939393; }

.prcs_svg_box_bg { position: absolute; width: 100px; height: 100px; background: var(--orange-color); top: -20px; left: -20px; z-index: -1; border-radius: 50%; opacity: 0; transition: all 0.3s; }
.prcs_box.active svg path { fill: #fff; }
.prcs_box.active .prcs_svg_box_bg { opacity: 1; }
.prcs_box.active h4 { color: var(--orange-color); }

.platfrm_box { border: 1px solid #E8EEF6; border-radius: 30px; transition: all 0.3s; position: relative; overflow: hidden; }
.platfrm_box h4 { transition: all 0.3s; }
.platfrm_box:hover { box-shadow: 0px 34px 34px 0px #5C80F647; border-color: var(--orange-color); }
.platfrm_box:hover h4 { color: var(--orange-color); }
.platfrm_box img { position: absolute; height: 180px; bottom: -20px; left: 53%; z-index: -1; opacity: 0.2; filter: grayscale(); transition: all 0.3s; }
.platfrm_box:hover img { opacity: 0.4; filter: none; }
.long_box_svg { width: 80px; height: 80px; background: var(--orange-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.perf_box { display: flex; justify-content: center; align-items: center; }
.perf_box img { width: 80%; object-fit: contain; height: 40px; }
.metric_table2 {border-left: 1px solid #E8EEF6; border-right: none; border-bottom: 1px solid #cccccc;}
.metric_table2 { display: grid; grid-template-columns: 35% 65% 0%; } 
.metric_table_heading { display: grid; grid-template-columns: 35% 65% 0%; border-radius: 20px 20px 0 0; overflow: hidden; }
.sub_cat_page .inner_banner_cat { background: #fff; height: 85vh; min-height: 850px; padding-top: 103px; padding-bottom: 90px;}
.sub_cat_page .inner_banner_cat video { width: 80%; }
.sub_cat_page .bnr_content_Sec { display: flex; height: 100%; align-items: center; }
.sub_cat_page_stats .swiper-slider-logo {height: auto; background-color: #fff; padding: 26px 30px; border: 1px solid #E8EEF6; border-radius: 40px; position: absolute; width: 100%; bottom: -120px; left: 0; box-shadow: 0px 20px 20px 0px #CEE0EE75;}

.logo_Sec1 { background: #E7F5FF; border-radius: 30px; }
.logo_box1 { background-color: #fff; border-radius: 20px; }
.intro_box1 { background-color: #F5F9FF; border-radius: 30px; }
.metric_table1 .metric_nwfirstcol .metric_table_fRow {background: #ffffff; font-weight: 500;}
.metric_Newtable1, .metric_tablenew {display: grid; grid-template-columns: 33.33% 33.33% 33.33%;}
.metric_tablenew .metric_firstCol.metric_nwfirstcol, .metric_tablenew .metric_SecCol {border-right: 1px solid #fff;}

.metric_box_1 .metric_table, .metric_box_1 .metric_table1 { display: grid; grid-template-columns: 15% 27% 28% 30%; }
.metric_box_1 .metric_table1 .metric_ThirdCol { border-right: 1px solid #E8EEF6;}

.data_entry_sec .faq-item { border-bottom: 1px solid var(--orange-color); }
.data_entry_sec .faq-item:nth-last-child(1) { border-bottom: none; }

.nw-logos-sec .logo_nw{border: 1px solid #F69321; border-radius: 10px; padding: 20px 10px;}
.visual_brand { background: #E7F5FF; border-radius: 40px; }
.visual_brand .paraHead { font-size: 20px; line-height: 1.3em; font-weight: 600; color: #000; }
.visual_brand ul.visual_list { display: flex; gap: 20px; flex-wrap: wrap; }
.visual_brand ul.visual_list li { list-style: none; font-size: 15px; color: #000; background: #fff; padding: 8px 15px; border-radius: 50px; }
.visual_brand .viual_icon { display: flex; gap: 25px; }
.visual_brand .viual_icon img { height: 50px; }
.logo_product { height: 50px; }
.mrktplace_logo_1 .col { padding: 20px; background: #fff; border-radius: 10px; box-shadow: 3px 2px 5px rgba(0,0,0,.1); }
.mrktplace_logo_1 .col img { height: 50px; width: 100%; object-fit: contain; }


/* -------- about us page -------- */
.about_page .inner_banner { background: url(https://www.sammdataservices.com/assets/img/samm_about_bnr.png) no-repeat center/cover, #9ebfda; padding: 240px 0 220px 0; }
.about_page .swiper-slider-logo { height: auto; background-color: #fff; padding: 35px 30px; border: 1px solid #E8EEF6; border-radius: 40px; position: absolute; width: 100%; bottom: -245px; left: 0; box-shadow: 0px 44px 34px 0px #CEE0EE75; } 
.about_page .intro_sec { padding-top: 160px; }
.about_page .intro_sec .row.d-grid-1 { gap: 1px; }
/* .abt_stat_row { border: 1px solid transparent; border-image-source: linear-gradient( 90deg, #FFFFFF 0%, #F69321 50.96%, #FFFFFF 100% ); border-image-slice: 1; } */
.abt_stat_row { background: radial-gradient(#f69321c9 0%, #FFFFFF 70%); }
.abt_stat_row .col { background: #fff; }
.abtSHead { color: var(--orange-color); font-size: 50px; line-height: 1.3em; font-family: var(--bs-heading-font-family); font-weight: 600; margin-bottom: 10px; }
.part_sec, .cap_sec { background: linear-gradient(0deg, rgba(224, 241, 254, 0.3) 0%, #E0F1FE 100%); }
.partner_box { border-radius: 20px; padding: 4px; background: #fff; box-shadow: none; transition: all 0.3s; }
.part_img { border-radius: 15px 15px 0 0; background: #EFF8FF; padding: 30px; display: flex; align-items: center; justify-content: center; }
.part_img img { width: 100%; height: 200px; object-fit: contain; } 
.partner_box:hover { box-shadow: 0px 24px 44px 0px #1D75CC4D; }
.make_box { border-radius: 20px; padding: 40px 30px; height: fit-content; }
.make_box_odd { background: #F693211A; }
.make_box_even { background: #79B3FE1A; margin-top: 100px; }
.make_box_odd .make_box_icn { background: var(--orange-color); width: 78px; height: 78px; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.make_box_even .make_box_icn { background: #79B3FE; width: 78px; height: 78px; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.make_para { font-size: 24px; line-height: 1.5em; }
.make_space { width: 36px; height: 7px; border-radius: 5px; }
.make_box_odd .make_space { background-color: var(--orange-color); }
.make_box_even .make_space { background-color: #79B3FE; }
.border_make { border-radius: 20px; border: 1px solid #d5d5d5; }
.logo_row { gap: 1px; background-color: #D5D5D5; border-radius: 20px; overflow: hidden; }
.logo_row .col { display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 30px 15px; }
.logo_row img { width: 100%; object-fit: contain; }
.about_page .indus_sec1 { background-color: #E0F1FE; }
.about_page .splide_scroll::before { background: linear-gradient(90deg, #E0F1FE, rgba(255, 255, 255, 0)); }
.about_page .splide_scroll::after { background: linear-gradient(270deg, #E0F1FE, rgba(255, 255, 255, 0)); }
.servebox { background: #E8EEF6; border-radius: 30px; padding: 30px; }
.about_page .tabs { overflow: hidden; } 
.about_page .tab-buttons { display: flex; justify-content: space-between; } 
.about_page .tab-btn { font-size: 18px; font-weight: 500; color: #9D9D9D; font-family: var(--bs-heading-font-family); padding: 20px 15px; border: none; background: none; cursor: pointer; font-weight: 600; transition: 0.3s; flex: auto; border-bottom: 2px solid #EAEAEA; } 
.about_page .tab-btn:hover { border-bottom: 2px solid #EAEAEA; color: var(--orange-color); }
.about_page .tab-btn.active { border-bottom: 2px solid var(--orange-color); color: var(--orange-color); } 
.about_page .tab-content { position: absolute; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; padding-top: 40px; } 
.about_page .tab-content.active { position: relative; opacity: 1; visibility: visible; }
.about_page .tab-body { position: relative; min-height: 120px; }
.about_page .tab_img_box img { width: 100%; }


/* -------- career page -------- */
.career_page .inner_banner { background: linear-gradient(180deg, rgba(224, 241, 254, 0) 0%, #E0F1FE 100%); padding-top: 210px; padding-bottom: 110px; }
.career_page .join_sec { background: #F3F3F3; }
.job_post { border-radius: 30px; border: 1px solid #E0E0E0; background: #fff; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all 0.3s; padding: 35px; padding-left: 60px; position: relative; overflow: hidden; margin-top: 30px; gap: 20px; }
.job_post::before { position: absolute; content: ''; top: 0; left: 0; width: 25px; background: #e0e0e0; height: 100%; transition: background 0.3s; }
.job_post:hover { border-color: var(--orange-color); box-shadow: 0px 34px 44px 0px #00000025; }
.job_post:hover::before { background: var(--orange-color); }
.job_post:nth-of-type(1) { margin-top: 0; }
.job_des { height: 100vh; width: 46vw; background-color: #fff; position: fixed; top: 0; right: 0; transform: translateX(100%); opacity: 0; transition: all 0.3s; z-index: 9; }
.job_des.active { transform: translateX(0); opacity: 1; box-shadow: -60px 0px 50px 0px #00000024; }
.career_desbtn { position: absolute; width: 100%; padding: 20px; text-align: center; font-size: 20px; font-weight: 600; color: #fff; background: var(--orange-color); bottom: 0; left: 0; transition: all 0.3s; cursor: pointer; box-shadow: 0px -16px 34px 0px #00000040; }
.career_desbtn:hover { background: #000; }
.job_des_cont { padding: 110px 40px 90px 40px; }
.des_head { font-size: 35px; color: #000; font-weight: 600; line-height: 1.4em; }
.des_subhead { font-size: 23px; color: #000; font-weight: 600; line-height: 1.4em; }
.job_des_cont .line { width: 80%; height: 1px; background: #B8B8B8; margin-top: 25px; margin-bottom: 25px; }
.closeBtn { cursor: pointer; position: absolute; right: 0; top: 10px; }
.career_page .modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 1000; } 
.career_page .modal { background: #fff; width: 90%; max-width: 800px; border-radius: 6px; transform: translateY(-20px); transition: transform 0.3s ease; padding: 35px; } 
.career_page .modal-overlay.active { opacity: 1; pointer-events: auto; } 
.career_page .modal-overlay.active .modal { transform: translateY(0); } 
.career_page .modal-header { border-bottom: 1px solid #B8B8B8; display: flex; justify-content: space-between; align-items: start; gap: 20px; padding-bottom: 20px; } 
.career_page .modal-header .formHead { font-size: 35px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 10px; } 
.career_page .modal-body { padding-top: 25px; } 
.career_page .close-btn { background: none; border: none; font-size: 20px; cursor: pointer; }
.career_page .file-upload-input { display: none; }
.career_page .upload-btn { padding: 4px 18px; border: 1px solid var(--orange-color); color: var(--orange-color); border-radius: 50px; cursor: pointer; transition: 0.3s ease; }
.career_page .file-name { font-size: 16px; color: #5D5D5D; line-height: 1em; width: calc(100% - 150px); word-break: break-word; }
#fupForm .error { display: none; }
#fupForm input, #fupForm textarea { width: 100%; padding: 15px 22px; border: 1px solid #DADADA; border-radius: 10px; font-size: 16px; color: #5D5D5D; font-family: var(--bs-paragraph-font-family); }
#fupForm textarea { height: 57px; }
.upload_span { font-size: 14px; font-weight: 500; color: #5D5D5D; }
#fupForm .submitBtn { background: var(--orange-color); border: none; border-radius: 50px; cursor: pointer; font-size: 18px; color: #fff; font-weight: 600; transition: all 0.3s; }
#fupForm .submitBtn:hover { background: #000; }
.join_box { background: url('https://www.sammdataservices.com/assets/img/job_join_form_bg.jpg'); position: relative; }
.join_box::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #1D75CCCF; }
.join_box h3, .join_box p { position: relative; z-index: 2; }
.join_section .row { border-radius: 20px 20px 0 0; overflow: hidden; }
.join_section .career-frm .row { border-radius: 0; }
.join_form { background: #F3F3F3; }
.job_post .ccm-page { display: block; width: max-content; background-color: var(--orange-color); padding: 12px 30px; color: #FFFFFF; border-radius: 50px; cursor: pointer; isolation: isolate; overflow: hidden; position: relative; transition: border .25s ease-in; transition: background-color .25s; }
.job_post:hover .ccm-page { background-color: #000; }
.scroll_des { max-height: calc(100vh - 360px); overflow-y: scroll; padding-right: 20px; }

.career-frm .error { display: none; }
.career-frm input, .career-frm textarea { width: 100%; padding: 15px 22px; border: 1px solid #DADADA; border-radius: 10px; font-size: 16px; color: #5D5D5D; font-family: var(--bs-paragraph-font-family); }
.career-frm textarea { height: 95px; }
.upload_span { font-size: 14px; font-weight: 500; color: #5D5D5D; }
.career-frm input[type="file"] { background: #fff; }
.career-frm input[type="submit"] { padding: 0; background: transparent; border: none; color: #fff; font-size: 18px; font-weight: 500; }

/* -------- story listing page -------- */
.ss_list_page { background: #F4F4F4; }
.ss_list_page .inner_banner { background: linear-gradient(0deg, rgba(224, 241, 254, 0) 0%, #E0F1FE 100%); padding-top: 210px; }
.ss_list_page .service-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.ss_list_page .service-filter span { padding: 8px 20px; display: inline-block; border-radius: 50px; cursor: pointer; border: 1px solid transparent; transition: all 0.3s; }
.ss_list_page .service-filter span.selected { background: #fff; color: var(--orange-color); border-color: var(--orange-color); font-weight: 600; }
.story_list_box { transition: all 0.3s; border-radius: 30px; width: 100%; }
.story_list_box:hover { box-shadow: 0px 54px 44px 0px #00000026; }
.story_image_box { border-radius: 30px 0 0 30px; position: relative; padding: 24px 30px; }
.story_image_box p { position: relative; z-index: 2; background: #EBEBEB; color: #103873; font-size: 14px; padding-inline: 12px; border-radius: 50px; width: fit-content; font-weight: 500; }
.story_image_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 30px 0 0 30px; }
.story_content_box { background-color: #fff; border: 1px solid #E0E0E0; border-radius: 0 30px 30px 0; padding: 35px 45px; transition: all 0.3s; }
.story_list_box:hover .story_content_box { border-color: var(--orange-color); }
.story_stat_box1 { border: 1px solid var(--orange-color); border-radius: 15px; padding: 15px; text-align: center; }
.story_stat_box1 h4 { font-family: var(--bs-story-font-family); font-size: 40px; letter-spacing: 0px; font-weight: 300; }
.story_stat_box1 p { font-size: 14px; line-height: 1.3em; }
.story_head1 { color: #000; }
.story_service, .story_platform { display: flex; align-items: flex-start; }
.story_service p, .story_platform p { font-weight: 600; color: var(--orange-color); width: 100px; line-height: 1.5em; }
.story_service ul, .story_platform ul { display: flex; gap: 10px; flex-wrap: wrap; width: calc(100% - 100px); }
.story_service ul li, .story_platform ul li { list-style: none; font-size: 13px; color: #494949; font-weight: 400; background: #F4F4F4; padding: 2px 12px; border-radius: 20px; }
.story_content_box a svg path { transition: all 0.3s; }
.story_content_box a:hover svg path { fill: var(--orange-color); }
.story_list_box.active { }
.story_service ul li.story_highlight { background: var(--orange-color); color: #fff; } 
.story_hidden { display: none !important; } 
.reset { color: red; }
.ss_list_page .service-filter span:hover { color: var(--orange-color); }
.story_listing .container { display: flex; gap: 48px; }

/* -------- story details page -------- */
.story_detail .inner_bnr { padding-top: 290px; padding-bottom: 180px; }
.story_detail .inner_bnr h1 { font-size: 50px; font-weight: 700; line-height: 1.3em; }
.story_detail h2, .story_detail h3 { font-size: 45px; font-weight: 700; }
.story_detail .inner_bnr::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000009c; z-index: 1; }
.story_detail .inner_bnr .container { position: relative; z-index: 2; }
.story_detail { background: #F4F4F4; }
.story_detail .stat_boxes { display: flex; }
.story_detail .stat_boxes .stat_box_2 { width: 180px; height: 115px; border: 1px solid var(--orange-color); border-radius: 15px; margin-right: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; padding-inline: 10px; gap: 4px; }
.story_detail .stat_box_2 .stat_head { font-family: var(--bs-story-font-family); font-size: 40px; letter-spacing: 0px; font-weight: 300; line-height: 1em; color: #000; }
.story_detail .stat_box_2 .stat_para { font-size: 14px; line-height: 1.3em; color: #494949; font-weight: 400; }
.story_detail .stats_line { position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 2; display: flex; }
.story_detail .stat_snp_box { width: auto; height: auto; padding: 20px 30px; background-color: #fff; border: 1px solid var(--orange-color); border-radius: 15px; display: flex; flex-direction: column; justify-content: center; }
.story_detail .srvcHead { font-size: 16px; font-weight: 600; line-height: 1.4em; width: 85px; color: var(--orange-color); }
.story_detail .stat_snp_box ul { display: flex; gap: 10px; }
.story_detail .stat_snp_box li { font-size: 13px; list-style: none; font-weight: 400; line-height: 1.4em; background-color: #F4F4F4; padding: 3px 12px; border-radius: 20px; color: #494949; }
.story_detail .client_box { padding-top: 150px; }
.story_detail .subHead { font-family: var(--bs-heading-font-family); font-size: 18px; font-weight: 700; line-height: 1.3em; margin-bottom: 25px; color: var(--orange-color); }
.story_detail .pro_req { background: #E0F1FE; border-radius: 30px; padding-inline: 40px; }
.story_detail .challenge_sec { position: relative; }
.story_detail .challenge_sec::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000009c; z-index: 1; }
.story_detail .challenge_sec video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }
.story_detail .challenge_sec .container { position: relative; z-index: 2; }
.border_r { border-right: 1px solid #4D4D4D; }
.story_detail .outcome_sec img { max-width: 1200px; }
.story_detail .progress-line-fill {top: 0;left: 0;width: 2px;height: 0;background: var(--orange-color);z-index: 1;transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.story_detail .timeline-item {position: relative;transition: all 0.8s ease-out; border-left: 2px solid #D4D4D4; padding-left: 48px;}
.story_detail #progressFill {transition: height 0.3s linear;}
.story_detail .form_sec .row { border-radius: 20px 20px 0 0; overflow: hidden; }
.story_detail .form_sec .form_box { box-shadow: none; border: none; }
.story_detail .form_sec .blue_bg { padding: 80px 50px; display: flex; flex-direction: column; justify-content: space-between; }
.story_detail .form_sec .blue_bg img { max-width: 280px; }
.upload-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; padding: 10px 15px 10px 22px; border: 1px solid #DADADA; border-radius: 10px; font-size: 16px; color: #5D5D5D; font-family: var(--bs-paragraph-font-family); background: #fff; } 

/* contact page */
.contact_page .inr_bnr { padding-top: 200px; padding-bottom: 100px; }
.contact_page .bigPara { font-size: 26px }
.contact_page .form_box1 { box-shadow: 0px 4px 224px 0px #A8C2D880; border-radius: 25px; border: 1px solid #E0E0E0; overflow: hidden; }
.contact_page .form_box { border: none; box-shadow: none; }
.contact_page .form_head { background: #EAF1F6; }
.contact_page .form_box .ccm-page { width: 100%; }
.contact_page .form_box .ccm-page .directionnel-btn { width: 100%; text-align: center; }
.contact_page .form_box1 h4 span { color: var(--orange-color); }

.sub_cat_page .srv_container1 .srv_box:hover h4 { color: #000; }
.sub_cat_page .srv_container1 .srv_box:hover { box-shadow: 0px 24px 44px 0px #E8EEF6; }
.perf_box_1 { background: #E7F5FF; border-radius: 24px; }
.mrktplce_box { border: 1px solid; border-radius: 24px; }

/* story page */
.success_story_page { display: none; }

.ecm_mrkt_cover .desk_wrkflow { min-height: 797px; }
.ecm_mrktplace_cover .desk_wrkflow { min-height: 540px; }
.ecm_brnd_cover .desk_wrkflow { min-height: 510px; }
.amz_acc_cover .desk_wrkflow { min-height: 495px; }
.sub_nav4 { display: none !important; }

/* sitemap */
.sitemap_page .inr_bnr { padding-top: 210px; padding-bottom: 120px; background: linear-gradient(180deg, rgba(224, 241, 254, 0) 0%, #E0F1FE 100%); }
.sitemap_page h5 { font-size: 20px; font-weight: 600; }
.sitemap_page .site_sec a { color: #494949; transition: all 0.3s; }
.sitemap_page .site_sec a:hover { color: var(--orange-color); }

.bg_new1 { background: linear-gradient(90deg, #103872, #009ad7); padding-block: 80px; }
.ecom-texture-Circle { height: 450px; object-fit: contain; }


/* Before after slide css */
 .twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{content:" ";display:block;background:#fff;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5)}.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before{width:3px;height:9999px;left:50%;margin-left:-1.5px}.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{width:9999px;height:3px;top:50%;margin-top:-1.5px}.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}.twentytwenty-after-label,.twentytwenty-before-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.twentytwenty-after-label:before,.twentytwenty-before-label:before{color:#fff;font-size:13px;letter-spacing:.1em}.twentytwenty-after-label:before,.twentytwenty-before-label:before{position:absolute;background:rgba(255,255,255,.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.twentytwenty-horizontal .twentytwenty-after-label:before,.twentytwenty-horizontal .twentytwenty-before-label:before{top:50%;margin-top:-19px}.twentytwenty-vertical .twentytwenty-after-label:before,.twentytwenty-vertical .twentytwenty-before-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}.twentytwenty-down-arrow,.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow{width:0;height:0;border:6px inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}.twentytwenty-down-arrow,.twentytwenty-up-arrow{left:50%;margin-left:-6px}.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label{opacity:0}.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:attr(data-content)}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:attr(data-content)}.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25}.twentytwenty-overlay:hover{background:rgba(0,0,0,.5)}.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:40;cursor:pointer}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)}.twentytwenty-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}.twentytwenty-up-arrow{border-bottom:6px solid #fff;top:50%;margin-top:-17px}.twentytwenty-down-arrow{border-top:6px solid #fff;bottom:50%;margin-bottom:-17px}
.imgcompare-2{background-color: #b5aea8;border-radius: 20px;  height: 380px!important;}
.imgcompare-2 img{height: 100%;width: 100%;object-fit: cover  ;}
.twentytwenty-overlay  { width: auto; height:auto;}
span.alink {font-weight: 600;text-decoration: none;color: #a7623a;position: relative;display: inline-block;}
span.alink::after {content: '';position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;    background-color:#a7623a;transition: width 0.25s ease-out; 
}

span.alink:hover::after {width: 0; }

.error-text { line-height: 16px !important; position: relative; top: -14px; width: 90%; font-size: 13px !important; color: #ee0a0a !important; margin: 0 !important; }
.copyrgt a {color:#fff;}
.copyrgt a:hover{color: var(--orange-color);}

@media (min-width: 992px) and (max-width: 1450px) {
	.head_mail span { display: none; }
}
	
@media (min-width: 992px) and (max-width: 1650px) {
    header .main_nav li a.main_nav_link_1 { padding-block: 31px; }
    .home_page .inner_banner { padding-top: 93px; min-height: 680px; }
    h1, .h1, h1.homeHead1 { font-size: 45px !important; line-height: 1.2em; font-weight: 400; }
    h2, .h2, h3, .h3 { font-size: 35px; line-height: 1.3em; font-weight: 700; }
    h4, .h4 { font-size: 22px; line-height: 1.4em; font-weight: 700; } 
    .container { max-width: 100%; padding-inline: 40px; }  
	.head_mail span { font-size: 14px !important; }
	header .ccm-page .directionnel-btn span { font-size: 14px; }
    header .nav ul li { font-size: 14px; }
    header .nav ul li svg { height: 10px; width: 10px; }
    header .nav ul { gap: 30px; }
    .sect-space { padding: 80px 0; } 
    .story_stat_box .ss_stats .ss_statHead { font-size: 50px; }
    .icn_sec_1 img { max-height: 45px; max-width: 130px; }
    .prcs_Sec::before { top: 304px; }
    header .button-g1 { font-size: 14px; }
    .swiper-slider-logo { height: 80px; }
    p { font-size: 16px; }
    .ai-powered .blackBox { padding-block: 60px; }
    .prcss_sec .row.d-md-grid-2 { grid-template-columns: 30% 69%; }
    .stat_head { font-size: 40px; }
    .stat_para { font-size: 16px; }
    .faq-question { padding-top: 0; }

    /* sub cat page */
    .sub_cat_page .inner_banner { padding-top: 140px; padding-bottom: 100px; }
    .sub_cat_page .bnr_side_img img { height: 310px; width: 100%; }
    .sub_cat_page .swiper-slider-logo { width: calc(100% - 40px); margin-left: 20px; bottom: -160px; padding: 25px 30px; }
    .sub_cat_page .intro_sec { padding-top: 120px; }
    .indus_cat_row { gap: 20px; }
    .sub_cat_page .cat_btn { font-size: 14px; }
    ul.tickList_intro li { font-size: 19px; }
    .sub_cat_page .relate_serv .rel_box .rel_para { font-size: 18px; }
    .cta_para { font-size: 20px; }
    .cat_btn { font-size: 15px; }
    .form_box .bodytext { font-size: 15px; }
    .sub_cat_page .inner_banner { padding-top: 140px; padding-bottom: 110px; }
    .bnr_side_img  { display: flex; justify-content: flex-end; }
    /* .sub_cat_page .swiper-slider-logo { padding: 20px; width: calc(100% - 40px); margin-left: 20px; bottom: -150px; } */
    .sub_cat_page .swiper-slider-logo li img, .about_page .swiper-slider-logo li img { height: 40px; }
    .subHead4 { font-size: 22px; }
    ul.tickList_intro li { font-size: 18px; }
    .sub_cat_page .sect-space.cta_form { padding: 50px 20px; }
    .metric_table1 .metric_table_fRow { padding: 20px; }
    .about_page .swiper-slider-logo { width: calc(100% - 40px); margin-left: 20px; bottom: -160px; padding: 25px 30px; }
}

@media (max-width:1550px) { 
    .line-brk1 { display: none; } 
    .ecm_nav li a, header .tab .tablinks a, header .nav .sub_nav_arr ul.third_menu li { font-size: 14px; }
    .sub_nav { padding: 30px; width: 70vw; top: 82px; }
    header ul.third_menu { gap: 15px !important; }
    header .sub_nav_arr::before { top: -44px; }
    .cat_page .inner_banner { min-height: 580px; } 
    .cat_page .inner_banner.inner_banner_h2 { min-height: 660px; }
    .cat_page .inner_banner .bnr_img { height: 80%; object-fit: contain; }
    .cat_page .banner_logo_marquee { padding: 18px 30px; }
    .cat_page .swiper-slider-logo { height: 85px; margin-top: 20px; }
    .form_box_main { padding-inline: 40px; }
    p { font-size: 15px; }
    p.para16, ul.tickList li { font-size: 15px; }
    .faq .faq-sz { font-size: 20px; }
    .faqswap .accAns { font-size: 14px; }
    .faqswap .faq-content { padding-inline: 75px; padding-bottom: 5px; }
    .faqArrow img { width: 28px; height: 28px; }
    .cat_page .swiper-slider-logo li img { height: 50px; }
    .faq .faqArrow { top: 3px; }
    .statHead1 { font-size: 35px; line-height: 1.1em; font-weight: 600; }
    .brk1 { display: block; }
    .shrinkHeader .sub_nav { top: 67px; }
    header .sub_nav_arr::before { left: 27%; }
    .sub_nav1 .sub_nav_arr::before { left: 22%; }
    .cta_sec1 .blackBox { padding: 50px 20px; }
    .indus_cat_row { gap: 20px; }
    .ai-powered .blackBox { padding: 50px 20px; }
    .why_us_row { row-gap: 40px; } 
    .form_box .bodytext { font-size: 14px; padding: 13px 15px; }
    .cat_btn { padding: 0 20px; font-size: 14px; }
    .prcs_Sec_head2::before { top: 349px; } 
    .prcs_Sec_para::before { top: 397px; } 
    .prcs_Sec_para1::before { top: 427px; } 
    ul.tickList_intro li::before { top: 5px; }
    .logo_Sec_main p.para22 { font-size: 20px; }
    .ccm-page .directionnel-btn span, header .ccm-page .directionnel-btn span, .btn_1, .btn-input1 { font-size: 15px; }
    .sub_nav2 { left: 2vw; }
    .sub_nav3 ,.sub_nav4 { left: 4vw; }
    header .sub_nav3 .sub_nav_arr::before { left: 56%; }
    header .sub_nav4 .sub_nav_arr::before { left: 70%; }
    .cta_form .blackBox .form_box h3 { font-size: 30px; }
    .sub_cat_page .cta_form .form_box_main textarea { height: 91px; }
    .btn_1 { top: -20px; }
    .about_page .inner_banner { background: url(https://www.sammdataservices.com/assets/img/samm_about_bnr.png) no-repeat center/cover, #9ebfda; padding: 150px 0 120px 0; }
    .metric_table .metric_table_fRow { padding: 25px 20px; font-size: 20px; }
    .abtSHead { font-size: 35px; } 
    .about_page .intro_sec { padding-top: 100px; }
    .make_para { font-size: 18px; }
    .career_page .inner_banner { padding-top: 170px; padding-bottom: 80px; }
    .scroll_des { max-height: calc(100vh - 330px); }
    .des_head, .career_page .modal-header .formHead { font-size: 28px; }
    .des_subhead { font-size: 20px; }
    .career_desbtn { font-size: 16px; }
    .career_page .modal { max-height: 550px; overflow-y: scroll; }
    .job_post .ccm-page, .career-frm input[type="submit"], #fupForm .submitBtn, .career-frm input, .career-frm textarea, #fupForm input, #fupForm textarea { font-size: 15px; }
    .ss_list_page .service-filter span { padding: 5px 15px; font-size: 15px; }
    .ss_list_page .inner_banner { padding-top: 180px; }
    .story_stat_box1 h4 { font-size: 32px; }
    .story_detail .inner_bnr h1 { font-size: 45px; }
    .story_detail h2, .story_detail h3 { font-size: 35px; }
    .story_detail .inner_bnr { padding-top: 190px; padding-bottom: 130px; }
    .story_detail .stats_line { left: 40px; }
    .story_detail .stat_boxes .stat_box_2 { margin-right: 15px; }
    .story_detail .client_box { padding-top: 130px; }
    .story_detail p.para22 { font-size: 18px; }
    .story_detail .outcome_sec img { max-width: 850px; }
    .career_page .upload-btn { font-size: 13px; padding: 4px 10px; }
    .career_page .file-name { font-size: 13px; width: calc(100% - 110px); }
    .career_page .modal .file-name { font-size: 15px; }

    .contact_page .inr_bnr { padding-top: 170px; padding-bottom: 80px; }
    .contact_page .bigPara { font-size: 22px }

    .ecm_mrkt_cover .desk_wrkflow { min-height: 674px; }
    .ecm_mrktplace_cover .desk_wrkflow { min-height: 451px; }
    .ecm_brnd_cover .desk_wrkflow { min-height: 462px; }
    .amz_acc_cover .desk_wrkflow { min-height: 414px; }

    .ecom-texture-Circle { height: 350px; object-fit: contain; }
    .bg_new1 { padding-block: 60px; }
}

@media (min-width:1550px) {
    .prcs_Sec_head3::before { top: 493px; }
}

@media (min-width:992px) {
    .prcs_box { position: relative; }
    .prcs_box::before { content: ''; position: absolute; top: 130px; left: 30px; width: 0; border-top: 1px solid var(--orange-color); }
    .prcs_box1::before { content: none; }
    .prcs_box.active::before { width: 108%;  transition: all 2s linear; }
    .chs_box { border-right: 1px solid #CCCCCC; }
    .why_us_row { row-gap: 48px; }
    .why_us_row .col:nth-child(3) .chs_box, .why_us_row .col:nth-child(6) .chs_box { border: none !important; }
    /* .why_us_row .col:nth-child(3) .chs_box, .why_us_row .col:nth-child(6) .chs_box, .why_us_row .col:nth-child(8) .chs_box { border: none !important; } */
}

@media (max-width: 992px) {
    .sect-space { padding: 80px 0; } 
    header { padding: 14px 30px; }
    .shrinkHeader { padding: 10px 30px; }
    .home_page .inner_banner { padding-top: 90px; }
    header .mailNCont { display: none !important; }
    header .nav { position: absolute; width: 100%; height: 100vh; background-color: #fff; top: 0; left: 0; padding: 14px 20px; flex-direction: column; align-items: flex-start; gap: 40px; transform: translateX(100%); transition: all 0.3s; z-index: 2 !important; }
    header .nav ul { flex-direction: column; gap: 20px; }
    .hamBurger { display: block; }
    .ham_logo { display: flex; justify-content: space-between; width: 100%; align-items: center; }
    .ham_logo svg { position: relative; top: -6px; }
    .open_nav { transform: translateX(0) !important; }
    .container { max-width: 100%; padding-inline: 30px; }
    h1, .h1, h1.homeHead1 { font-size: 45px; }
    h2, .h2, h3, .h3 { font-size: 40px; }
    h4, .h4{ font-size: 22px; }
    p, .button-g2, .button-g1, .story_text_sec .ss_testHead { font-size: 15px; }
    .stat_head { font-size: 40px; }
    .stat_para { font-size: 18px; }
    .sect-space { padding: 50px 0; }
    .stat_box { padding: 20px; }
    .srv_box, .sol_box_1 { padding: 30px 20px; }
    p.para16 { font-size: 15px; }
    .ss_outerBox { padding: 30px 20px; }
    .story_text_sec { padding-top: 0 !important; padding-bottom: 40px !important; }
    .story_stat_box .ss_stats .ss_statHead { font-size: 30px; }
    .ss_swiper .swiper-button-next, .ss_swiper .swiper-button-prev { width: 40px; height: 40px; }
    .client_logo_sec .client_logo_row { grid-template-columns: repeat(3, 1fr); }
    .faq .faq-sz { font-size: 22px; }
    .home_page .bnr_logo img { height: 40px; }
    .cta_para { font-size: 18px; }
    .prcs_box { display: flex; gap: 20px; }
    .prcs_box svg { display: none; }
    .prcs_box .opac_box { width: calc(100% - 80px); opacity: 1 }
    .prcs_box .prcsNum { background-color: #009AD7; border-color: #1A3350; color: #fff; margin-top: 10px; font-size: 18px; padding-top: 2px; }
    .prcs_box::before {content: ''; position: absolute; width: 1px; height: calc(100% + 10px); left: 15px; top: 28px; border-left: 1px solid var(--orange-color); z-index: -1; }
    .prcs_box1::before {content: none; }
    .prcs_box.active h4 { color: #000; }
    .icn_sec_1 img { max-width: 160px; max-height: 50px; }
    .prcs_Sec::before { content: none; }
    .prcs_svg_box { display: none; }
    .line-brk { display: none; }
    header .main_nav li a.main_nav_link_1, .shrinkHeader .main_nav li a.main_nav_link_1 { padding-block: 0px; }
    li.main_nav_link { width: 100%; display: flex; justify-content: space-between; align-items: center; }
    header .nav ul.main_nav { width: 100%; }
    header .menu_icon { display: block; width: 17px; }
    header .submenCloseIcon { display: block; }
    .nav_story_box { display: none; }
    .sub_cat_page .swiper-slider-logo, .about_page .swiper-slider-logo { width: calc(100% - 30px); left: 15px; }
    ul.main_nav { position: static; }
    header .sub_nav_arr::before { content: none; }
    header .sub_nav_arr ul { border: none; }
    .ecm_nav li a, header .tab .tablinks a, header .nav .sub_nav_arr ul.third_menu li { font-size: 14px; }
    .ecm_nav li a { gap: 10px;} 
    .ecm_nav li a img { width: 25px; height: 25px; object-fit: contain; } 
    .submenCloseIcon { width: 20px; position: absolute; left: 20px; top: 20px; transform: rotate(45deg); }
    .sub_nav  { width: 100vw; height: 100vh; top: 0; left: 0; border: none; border-radius: 0; padding: 80px 20px 50px 20px; transform: translateX(-100%) !important; transition: all 0.3s; opacity: 0; visibility: visible; z-index: -1 !important;  }
    .sub_nav.actSub { transform: translateX(0) !important; opacity: 1; z-index: 3 !important; }
    .shrinkHeader .sub_nav { top: 0; }
    .header_img { display: none; }
    .hide_mob_menu { display: none !important; }
    .show_mob_menu { display: block !important; }
    header .faq .accAns { padding-left: 0; }
    header .faq .faq-sz { padding-top: 0px !important; font-size: 14px !important; font-family: var(--bs-paragraph-font-family); color: #000; }
    header .faq-item .faqArrow .plus_icon { display: block !important; transform: rotate(0deg); transition: all 0.3s; width: 17px; }
    header .faq-question { padding: 0; }
    header .faq-item.active .faqArrow .plus_icon { display: block !important; transform: rotate(45deg); }
    header .faq ul { padding-left: 15px !important; }
    header .faq ul.third_menu li a { color: #474747; }
    header .faq-item.active .faq-sz { font-weight: 500 !important; }
    header .faq .faqArrow { top: -14px; }
    header .faq-item.active .faq-answer { margin-top: 5px; margin-bottom: 10px; }
    .mob_third_menu { font-size: 14px; margin-bottom: 15px; margin-top: -5px; }
    .cta_form .blackBox .form_box h3 { font-size: 24px; }
    .about_page .swiper-slider-logo li img { height: 40px; }
    .about_page .swiper-slider-logo { bottom: -170px; padding: 25px 30px; }
    .story_image_box { height: 250px; border-radius: 30px 30px 0 0; }
    .story_image_box img { border-radius: 30px 30px 0 0; }
    .story_content_box { border-radius: 0 0 30px 30px; padding: 20px; }
    .story_detail .stats_line { display: flex; flex-direction: column; gap: 20px; position: relative; width: 100%; transform: none; left: 0; align-items: center; padding-top: 50px; }
    .story_detail .client_box { padding-top: 50px; }
    .story_detail .form_sec .blue_bg { padding: 48px; }
    .story_detail .inner_bnr { padding-top: 190px; padding-bottom: 100px; }
    .story_detail .outcome_sec img { max-width: auto; width: 100%; }

    .ecm_mrkt_cover .desk_wrkflow { min-height: auto; }
    .ecm_mrktplace_cover .desk_wrkflow { min-height: auto; }
    .ecm_brnd_cover .desk_wrkflow { min-height: auto; }
    .amz_acc_cover .desk_wrkflow { min-height: auto; }
}

@media (min-width: 768px) and (max-width: 992px) { 
    .why_us_row .col:nth-child(2) .chs_box, .why_us_row .col:nth-child(4) .chs_box, .why_us_row .col:nth-child(6) .chs_box, .why_us_row .col:nth-child(8) .chs_box { border: none !important; }
    .stat_sec .row.d-grid-1 .col:nth-of-type(2) .statBox_1 { border-right: none; }
    .stat_sec_2 .row.d-grid-1 .col:nth-of-type(4) .statBox_1 { border-right: none; }
    .stat_sec_2 .row.d-grid-1 .col:nth-of-type(3) .statBox_1 { border-right: 1px dashed #939393; }
    .cat_page .inner_banner.inner_banner_h2 { min-height: 900px; }
    .make_box_even { margin-top: 20px; }
    .make_sec .d-md-grid-2 { row-gap: 0; }
    .job_des { width: 75vh; }
}

@media (max-width: 768px) {
    /* faq css */
    .faq .faq-sz { gap: 24px; font-size: 20px !important; line-height: 1.4em !important; }
    .faq .faqNum { font-size: 20px !important; }
    .faq .accAns { padding-left: 50px; padding-right: 0; }
    .faq .faqArrow img, .mobapp-faqs .accordion-button:not(.collapsed) img { width: 30px; height: 30px; position: relative; top: 8px; }
    .srvc_service_1 .brdrRgt { border: none; }
    .faq .load-more-btn p { font-size: 16px; }
    .faq ul { padding-left: 80px !important; }
    .faqswap .faq-content { padding-inline: 0 !important; }
    .faq_sec .faq .faqArrow { top: -6px; }

    /* global css */
    .bnr_logo  { display: none !important; }
    .swiper-slider-logo li img { height: 50px; }
    h1, .h1, h1.homeHead1 { font-size: 35px; }
    h2, .h2, h3, .h3 { font-size: 30px; }
    h4, .h4{ font-size: 22px; }
    header { padding: 14px 20px; }
    .shrinkHeader { padding: 10px 20px; }
    .home_page .inner_banner video { width: 100%; }
    .container { max-width: 100%; padding-inline: 20px; }
    .home_page .inner_banner { min-height: auto; height: auto; padding-bottom: 20px; padding-top: 140px; }
    .icn_sec_1 img { max-width: 100px; max-height: 40px; }
    .client_logo_sec .client_logo_row { grid-template-columns: repeat(2, 1fr); }
    .button-g1 { padding-inline: 20px; }
    .ss_swiper .swiper-button-next, .ss_swiper .swiper-button-prev { width: 35px; height: 35px; }
    .ss_swiper .swiper-button-next { right: -17px; }
    .ss_swiper .swiper-button-prev { left: -17px; }
    .client_logo_sec .client_logo_row .client_logo_box { padding: 25px 10px; }
    footer { padding-top: 50px; }
    .footer_list h4 { margin-top: 50px !important; }
    footer .sec_row p { text-align: center; }
    footer .first_row { padding-bottom: 50px; }
    .ccm-page .directionnel-btn span { font-size: 15px; }
    .btn-input1 { font-size: 15px; }
    .sub_cat_page .inner_banner { padding-top: 130px; padding-bottom: 90px; }
    .sub_cat_page .intro_sec { padding-top: 100px; }

    /* service category page */
    .cat_page .inner_banner {height: auto; padding-top: 80px; padding-bottom: 0; }
    .swiper-slider-logo { margin-top: 30px; }
    .sub_cat_page .swiper-slider-logo { padding: 15px; width: calc(100% - 30px); left: 15px; bottom: -140px; }
    ul.tickList li { font-size: 15px; }
    .srv_box svg { opacity: 1; }
    .ai-powered .blackBox { padding: 50px 20px; }
    .chs_box { border-bottom: 1px solid #CCCCCC; border-right: none; }
    .why_us_row .col:nth-last-child(1) .chs_box { border: none; }
    .faq-content { padding-bottom: 0; }
    .form_box_main { padding-inline: 30px; }
    .btm_form_space { padding-bottom: 400px !important; }
    p.para20 { font-size: 17px; }
    .form_row { grid-template-columns: repeat(1, 1fr); }
    .form_box textarea.bodytext { height: 110px; }
    .form_sec .sect-space { padding: 190px 0; }
    .faq_img { display: none !important; }
    .wrkflw_faq ul { padding-left: 0 !important; }
    .wrkflw_faq .table { display: none; }
    .wrkflw_faq h4{ text-align: left; width: calc(100% - 50px); }
    .prcss_sec .faq_prc_ques { gap: 20px; }
    .prcss_sec .faq-content { padding-left: 52px; }
    .prcss_sec .faq_prc_ques { justify-content: space-between; }
    .prcss_sec .faq-item .answer_line::after, .prcss_sec .answer_line::before { content: none; }
    .faq_line_dot { display: none !important; }
    .wrkflw_faq .faq-item { position: relative; }
    .wrkflw_faq .faq-item::before { position: absolute; content: ''; top: 30px; left: 14px; width: 2px; background-color: #009AD7; height: 100%; }
    .wrkflw_faq .faq-answer { height: auto; opacity: 1; }
    .wrkflw_faq .faq-item:nth-last-child(1):before { content: none; }
    .cat_page .inner_banner .bnr_img { height: 100%; object-fit: contain; }
    .cta_para { font-size: 16px; } 

    /* service sub category page */
    .sub_cat_page .bnr_side_img img { width: 100%; } 
    .indus_sec .brdr_left { border: none; }
    .sub_cat_page .client_logo_sec .client_logo_row_1 { grid-template-columns: repeat(3, 1fr); }
    .cat_page .client_logo_sec .client_logo_row_1 { grid-template-columns: repeat(3, 1fr); }
    .why_us_row { row-gap: 24px; }
    .sub_cat_page .relate_serv .rel_box .rel_para { font-size: 18px; }
    .table_box { width: 800px; }
    .metric_box { overflow: scroll; }
    .sub_cat_page .cta_form .form_box_main .form_box, .cat_page .cta_form .form_box_main .form_box  { padding: 30px 20px; }
    .cat_page .swiper-slider-logo ul { position: relative; top: 5px; }
    .cat_page .swiper-slider-logo { margin-top: 30px !important; }
    .swiper-slider-logo ul li { margin-right: 30px; }
    .brk1 { display: none !important; }
    .cat_btn { font-size: 13px; } 
    .splide_scroll::before, .splide_scroll::after { width: 70px; }

    .statHead1 { font-size: 24px; }
    .statBox_1 {  border: none;}
    .metric_table, .metric_table1 { grid-template-columns: 30% 35% 35%; }
    .metric_table .metric_table_fRow { font-size: 19px; }
    .metric_table1 .metric_firstCol .metric_table_fRow, .metric_table1 .metric_table_fRow { font-size: 15px; }
    .metric_table1 .metric_table_fRow, .metric_table .metric_table_fRow { padding: 20px; }

    .stat_sec_2 .row.d-grid-1 { row-gap: 24px; }
    .stat_sec_2 .row.d-grid-1 .col .statBox_1 { border-right: none !important; }
    .statBox_1 img { height: 50px; width: 50px; }
    .about_page .inner_banner { padding-bottom: 70px; }
    .about_page .swiper-slider-logo { bottom: -120px; }
    .make_box_even { margin-top: 0; }
    .about_page .tab-btn { font-size: 16px; flex: none; }
    .tab-buttons { overflow: scroll; }

    .career_page .inner_banner { padding-top: 130px; padding-bottom: 50px; }
    .career_page p.para24 { font-size: 18px; line-height: 1.4em; }
    .job_post { flex-direction: column; align-items: flex-start; padding: 20px; padding-left: 40px; } 
    .job_post::before { width: 20px; }
    .job_des { width: 100vw; }
    .job_des_cont { padding: 120px 20px  20px ; }
    .des_head, .career_page .modal-header .formHead { font-size: 24px; } 
    .job_des_cont .line { width: 100%; }
    .scroll_des { max-height: calc(100vh - 370px); }
    .career_page .modal { padding: 20px; }
    .career-frm input, .career-frm textarea, #fupForm input, #fupForm textarea { padding: 12px 18px; }
    .career_page .modal { max-height: 600px; }
    .closeBtn { top: 5px; } 
    .story_stat_box1 { padding: 10px; }
    .story_stat_box1 h4 { font-size: 24px; }
    .story_stat_box1 p { font-size: 13px; }
    .story_service, .story_platform { flex-direction: column; }
    .story_service ul, .story_platform ul { width: 100%; }
    .story_service p, .story_platform p { margin-bottom: 10px; }
    .story_service ul li, .story_platform ul li { font-size: 13px; }
    .ss_list_page .service-filter { flex-wrap: nowrap; overflow-x: scroll; justify-content: flex-start; }
    .ss_list_page .service-filter span { flex: none; border-color: #ccc; }
    .ss_list_page .inner_banner { padding-top: 140px; }

    .story_detail .inner_bnr h1 { font-size: 35px; }
    .story_detail h2, .story_detail h3 { font-size: 30px; }
    .story_detail .inner_bnr { padding-top: 140px; padding-bottom: 50px; }
    .story_detail .stat_snp_box { width: 100%; }
    .story_detail .stat_boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; }
    .story_detail .stat_boxes .stat_box_2 { margin-right: 0; width: 100%; height: 100%; padding: 20px; justify-content: flex-start; }
    .story_detail .stat_box_2 .stat_head { font-size: 30px; }
    .story_detail .srvcHead { font-size: 15px; }
    .story_detail .stat_snp_box { padding: 20px; }
    .story_detail .subHead { margin-bottom: 15px; }
    .line_brk_story { display: none; }
    .story_detail .pro_req { padding-inline: 20px; }
    .story_detail .timeline-item { padding-left: 30px; }
    .border_r { border-bottom: 1px solid #4D4D4D; border-right: none; }
    .story_detail .form_sec .blue_bg { padding-inline: 20px; }
    .story_detail .form_sec .blue_bg img { max-width: 180px; }
    .story_detail .form_sec .form_box1 { padding-inline: 20px; }

    .contact_page .inr_bnr { padding-top: 130px; padding-bottom: 50px; }
    .contact_page .bigPara { font-size: 18px; }
    .contact_page .form_box1 { margin-top: 48px; }
    .metric_table_heading, .metric_table2 { grid-template-columns: 35% 65% 0%; }
    .ccm-page1 .directionnel-btn { width: auto; text-align: center; }
    .wrkflw_faq ul.tickList li::before { left: -25px; }
    .ecom-texture-Circle { height: auto; object-fit: contain; width: 100%; }
    .bg_new1 { padding-block: 50px; }
    .metric_box_1 .metric_table, .metric_box_1 .metric_table1 { grid-template-columns: 20% 25% 25% 30%; }
    .data_entry_sec .faq ul { padding-left: 40px !important; } 
    .cta_stat_2 .col { border: none; }
 }