#to-top { cursor: pointer; position: fixed; bottom: 0; right: 0; z-index: 9; color: #fff; font-size: 14px; background: #000000cf url('../../images/overlay-pattern.png'); width: 60px; height: 60px; text-align: center; line-height: 60px;}

/* 19. general inner page styling----do not touch this*************************** */
    section.simple-c-2-a{display: flex;justify-content: center;padding: 6em 6em 6em;}
    section.simple-c-2-a .common-action-background{width: 100%;max-width:1200px;margin: 0 auto;padding: 60px 40px;position:relative;z-index: 0;min-height:350px;border-radius: 10px;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius:10px}
    section.simple-c-2-a .common-action-background img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;z-index: -2;border-radius:10px}
    section.simple-c-2-a .common-action-background:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #061a40cf url('https://www.swaragh.com/error.php?error=404');border-radius: 10px;}
    section.simple-c-2-a h2{font-size: 60px;color: #fff;text-transform: capitalize;text-align: center}
    section.simple-c-2-a h2 span{color:#fbbc04;display: block;}
    section.simple-c-2-a a {display: flex;margin-top: 40px;color: #ffffff9c;font-family: new;font-size: 28px;text-transform: uppercase;letter-spacing: 2px;font-weight: 300;align-items: center;transition: all .3s ease-in-out}
    section.simple-c-2-a a:hover,section.simple-c-2-a a:hover svg{color:#ffffff !important;}
    section.simple-c-2-a a span{display: inline-block;margin-left: 20px;}
    main.inner-page-content-section .heading-wrapper h2{font-size: 48px;}
    section.swaragh-inner-page-banner-section{background: no-repeat center center/cover fixed;height: 550px;position: relative;z-index: 0;margin-top: 114px;min-height: 80vh;}
    section.swaragh-inner-page-banner-section:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .inner-page-banner-svg {position: absolute;bottom: -2.5px;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg)}
    .inner-page-banner-svg svg {position: relative;display: block;width: calc(100% + 1.3px);height: 69px;}
    .inner-page-banner-svg svg .shape-fill{fill: #fff;}
    .inner-page-banner-svg svg .shape-fill.with-bg{fill: #f3f1f9;}
    article.duplex-para-container{display: flex;justify-content: space-between;margin: 24px 0;}
    span.current { display: flex; flex-wrap: wrap; width: 100%; white-space: nowrap; overflow-x: scroll; scrollbar-width: thin; scrollbar-color: #1276e1 #122549;}
    article.duplex-para-container p{width: 48%;text-align: justify;}
    /* blockquote.swaragh_blockquote {padding: 60px 20px 20px;margin: 20px 0;position: relative;overflow: hidden;border-radius: 0 20px 100px 10px;background: #fff;}
    blockquote.swaragh_blockquote span {width: 150px;height: 34px;top: 20px;left: -40px;position: absolute;display: block;background: #1276e1;font-size: 18px;color: white;text-align: center;line-height: 34px;transform: rotate(-45deg);}
    blockquote.swaragh_blockquote p{text-align: center;letter-spacing: -.5px;color: #000;line-height: 1.8;} */
    /* section.hero-section-call-action{background: no-repeat center center/cover fixed;position: relative;z-index: 0;padding-bottom: 80px;}
    section.hero-section-call-action:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000047 url('../../images/overlay-pattern.png');z-index: -1;}
    section.hero-section-call-action .fluid-container{display: flex;position: relative;justify-content: flex-start;max-width: 1000px;}
    section.hero-section-call-action article{width: 100%;padding: 40px;background: #0d0c0c75;border-radius: 0 0 60px 60px;}
    section.hero-section-call-action article h3 {font-size: 72px;color: #ffd804;text-transform: capitalize;text-align: center;line-height: 1;}
    section.hero-section-call-action article h5 {color: #fff;text-align: center;font-size: 24px;letter-spacing: -.6px;margin-top: 40px;} */
    .position-overlay-circle{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;display: block;}
    .position-overlay-circle em{width: 40px;height: 40px;border-radius: 50%;display: block;position: absolute;}
    @keyframes circle_grow{0%{transform: scale(1);}50%{transform: scale(1.2);}100%{transform: scale(1);}50%{transform: scale(1.2);}0%{transform: scale(1);}}
    .position-overlay-circle em.small-circle {width: 80px;height: 80px;background: #000;opacity: .1;top: 80px;left: 60px;}
    .position-overlay-circle em.big-circle {width: 160px;height: 160px;background: #00ff65;opacity: .2;top: 120px;right: 60px;}
    .position-overlay-circle em.xl-circle {width: 240px;height: 240px;background: #00B8FF;opacity: .1;top: 24%;left: 40px;transition: 1s ease-in-out;animation: circle_grow 8s ease-in-out infinite;}
    .position-overlay-circle em.xxl-circle {width: 240px;height: 240px;background: #00B8FF;opacity: .2;bottom: 10%;right: 40px;transition: 1s ease-in-out;animation: circle_grow 8s ease-in-out infinite;}
    main.inner-page-content-section .heading-wrapper h2,.common-swaragh-expertise-section .heading-wrapper h2{color: #23134fcc;letter-spacing: -1px;}
    main.inner-page-content-section .heading-wrapper h2::before,.common-swaragh-expertise-section .heading-wrapper h2::before{display: none;}
/* 19. general inner page styling----do not touch this*************************** */

/* 20. Who we are page */
    section.top-profile-section{padding: 100px 0 20px;}
    section.top-profile-section .fluid-container{display: flex;justify-content: center;}
    section.top-profile-section article{width: 50%;padding: 20px 40px;}
    section.top-profile-section article.with-content{padding-top: 0;}
    section.top-profile-section article.with-content ul{margin-top: 20px;}
    section.top-profile-section article.with-content ul li a{color: #000000a6;}
    section.top-profile-section article.with-bg p:nth-child(2){margin: 0;padding: 16px 0;border-top: 1px solid #0000000a;border-bottom: 1px solid #0000000a;}
    section.top-profile-section article.with-heading .profile-img{width: 100%;margin: 60px auto 0;}
    /* 20.1. area-of-focus */
        section.area-of-focus-profile{padding: 120px 20px 120px;position: relative;z-index: 0;}
        section.area-of-focus-profile ul{display: flex;justify-content: center;gap: 4px;margin-top: 40px;flex-wrap: wrap;flex-direction: column;}
        section.area-of-focus-profile ul li{width: 100%;max-width: 572px;}
        section.area-of-focus-profile ul li a {display: flex;justify-content: flex-start;background: #fff;padding: 20px 20px 20px 40px;align-items: center;border-radius: 3px;border: 1px solid #0000000f;position: relative;}
        section.area-of-focus-profile ul.left-area-focus li a {display: flex;justify-content: flex-start;padding: 20px 20px 20px 40px;align-items: center;border-radius: 3px;border: 1px solid #0000000d;position: relative;z-index: 0;border-left: 0;background: linear-gradient(90deg, rgb(241, 241, 241) 035%, rgb(255, 255, 255) 100%);}
        section.area-of-focus-profile ul.right-area-focus li a {display: flex;justify-content: flex-start;padding: 20px 20px 20px 40px;align-items: center;border-radius: 3px;border: 1px solid #0000000d;position: relative;z-index: 0;background: linear-gradient(90deg, rgba(255,255,255,1) 035%, rgba(241,241,241,1) 100%);}
        .area-of-focus-profile ul.left-area-focus li a::before {content: '';position: absolute;left: -80px;top: 0;bottom: 0;margin: auto;background: url('../../images/who-we-are/left-paper-fold.png') no-repeat center left/contain;width: 100%;height: 102.5%;z-index: -1;}
        .area-of-focus-profile ul.right-area-focus li a::before {content: '';position: absolute;right: -80px;top: 0;bottom: 0;margin: auto;background: url('../../images/who-we-are/right-paper-fold.png') no-repeat center right/contain;width: 100%;height: 102.5%;z-index: -1;}
        section.area-of-focus-profile ul li a span {width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;background: #00B8FF;border-radius: 50%;}
        section.area-of-focus-profile ul li a div{width: calc(100% - 64px);margin: 0 0 0 20px;}
        section.area-of-focus-profile ul li p {margin: 10px 0 0 0;line-height: 1.4;font-size: 17px;}
        section.area-of-focus-profile ul li h5 {font-family: bold-heading;text-transform: uppercase;font-size: 20px;letter-spacing: 1px;color: #000000a8;}
        .areas-main-flex-wrapper{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
        .areas-main-flex-wrapper ul.left-area-focus li a div{margin: 0 20px 0 0;} */
        .areas-main-flex-wrapper ul.right-area-focus li a{flex-direction: row-reverse;text-align: left;padding: 20px 40px 20px 20px;}
        .areas-main-flex-wrapper ul.left-area-focus li a div{margin: 0 20px 0 0;}
        .areas-main-flex-wrapper ul.left-area-focus li a{text-align: right;}
        .areas-main-flex-wrapper ul.left-area-focus li a p{text-align: right;}
    /* 20.1. area-of-focus */
/* 20. swaragh profile page */

/* 21. awards & testimonials page css  */
section.swaragh-inner-page-banner-section article.banner-quotes {background: #eff3f6;bottom: -56px;position: absolute;left: 0;right: 0;margin: 0 auto;width: 100%;max-width: 1200px;padding: 20px 20px 20px 20px;text-align: center;border-radius: 2px;border-bottom: 6px solid #1276e1;}
section.swaragh-inner-page-banner-section article.banner-quotes p {text-align: center;font-size: 24px;letter-spacing: .4px;margin: 20px 0 0;}
section.swaragh-inner-page-banner-section article.banner-quotes span{position: absolute;right: 0;top: 0;background: #fff;padding: 6px 20px;font-size: 13px;display: flex;justify-content: space-between;align-items: center;color: #000;}
/* 21. awards & testimonials page css  */

/* 22. portfolio page */
    section.portfolio-wrapper_page{padding: 120px 0px 100px;background: linear-gradient(360deg,#f3f1f9,#f3f1f9b2);}
    section.portfolios_cont{display: flex;justify-content: space-between;margin-bottom: 40px;}
    section.portfolios_cont:last-child{margin-bottom: 0;}
    section.portfolios_cont a {width: 49%;background: no-repeat center center/cover;height: 350px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 40px;position: relative;z-index: 0;transition: all .3s ease-in-out;-webkit-clip-path: inset(0 0);clip-path: inset(0 0);flex-direction: column;padding: 20px;}
    section.portfolios_cont a:hover{-webkit-clip-path: inset(10px 10px);clip-path: inset(10px 10px);}
    section.portfolios_cont a > img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;transition: all .3s ease-in-out;}
    section.portfolios_cont a::before {content: '';position: absolute;top: 0;left: 0;width: 98%;height: 96%;background: rgba(0, 0, 0, 0.4);z-index: -1;bottom: 0;right: 0;margin: auto;}
    section.portfolios_cont a:hover > img{  -webkit-transform: scale(1.1);transform: scale(1.1);}
    section.portfolios_cont a span{display: block;text-align: center;position: relative;top: 25%;transition: all .4s ease-in-out;}
    section.portfolios_cont a em {font-style: initial;color: #fff;font-size: 16px;padding: 10px 20px;text-align: center;line-height: 1.6;position: relative;margin-top: 100px;opacity: 0;transition: all .6s ease-in-out;}
    section.portfolios_cont a:hover span{top: -10%;}
    section.portfolios_cont a:hover em{margin: 0;opacity: 1;}
    section.portfolios_cont.aaaa{margin-top: 40px;}
/* 22. portfolio page */

/* 23. contact us page */
    section.contact-page-banner{height: 350px;background: #1a1d5d;position: relative;z-index:0;padding: 0 20px;margin-top:108px;background: url('https://www.swaragh.com/error.php?error=404') no-repeat center/cover fixed;}
    section.contact-page-banner:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #061a40e8 url('https://www.swaragh.com/error.php?error=404');}
    section.contact-page-banner .fluid-container {position: relative;display: flex;height: 100%;justify-content: center;flex-direction: column;}
    section.contact-page-banner h1{font-size: 60px;margin-bottom: 20px;color: #fff;}
    section.contact-page-banner h4{color:#fff;font-size: 20px;}
    section.contact-page-banner h4 span{color:#f7c700}
    section.contact-section-wrapper{padding: 80px 20px;background: #FBFBFB;}
    section.contact-section-wrapper .fluid-container{display: flex;justify-content: space-between;align-items:flex-start;}
    section.contact-section-wrapper article {width: 100%;max-width: 500px;padding: 20px;}
    section.contact-section-wrapper article ul.steps-solved{padding-left:60px;position:relative;margin-top: 60px;}
    section.contact-section-wrapper article ul.steps-solved:before {content: '';position: absolute;left: 0;width: 4px;height: 100%;margin: auto 0;background: #00000078;}
    section.contact-section-wrapper article ul.steps-solved li{margin-bottom:28px;position:relative;}
    section.contact-section-wrapper article ul.steps-solved li:before {content: '';position: absolute;left: -80px;width: 44px;height: 44px;border-radius: 50%;background: #1276e1;}
    section.contact-section-wrapper article ul.steps-solved li:nth-child(1)::before{background: #3ebf0f;}
    section.contact-section-wrapper article ul.steps-solved li:nth-child(2)::before{background: #fc0;}
    section.contact-section-wrapper article ul.steps-solved li:nth-child(3)::before{background: #ff7800;}
    section.contact-section-wrapper article ul.steps-solved li:after {content: '';position: absolute;left: -68px;width: 20px;height: 20px;background: #fff;top: 12px;border-radius: 50%;}
    section.contact-section-wrapper article ul.steps-solved li h4{margin:0 0 20px 0;font-size:20px;padding: 10px 0 0;color: #1276e1;}
    section.contact-section-wrapper article:last-child {max-width: 600px;background: #fff;margin-top: -189px;padding: 0;border-radius: 0px;position: relative;background: #061a40f2 url('https://www.swaragh.com/error.php?error=404');}
    section.contact-section-wrapper article:last-child p{padding: 28px 20px 28px;background:#fff;margin:0}
    form.contact_us_page_form{display: flex;justify-content: space-between;padding:20px;flex-wrap:wrap}
    form.contact_us_page_form .contact-page-input{width:48%;margin:10px 0}
    form.contact_us_page_form .contact-button-page{width:100%;margin-top:20px}
    form.contact_us_page_form .contact-button-page button{width:100%;padding:10px;font-size:28px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
    form.contact_us_page_form input,form.contact_us_page_form select,form.contact_us_page_form textarea{background:#fff;padding:20px;color:#000;resize:none}
    form.contact_us_page_form select{  -webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("../../../cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/96810.png") #f3f1f9 no-repeat 98.5% !important; /* !important used for overriding all other customisations */background: url("../../../cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/96810.png") #f3f1f9 no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */}
    form.contact_us_page_form input::placeholder,form.contact_us_page_form select::placeholder,form.contact_us_page_form textarea::placeholder{color: #000}
    .more-contact-details{padding:40px 20px 20px;text-align: center;}
    .more-contact-details h2 {color: #192f59;letter-spacing: 2px;font-size: 37px;text-transform: uppercase;padding-bottom:6px;position:relative;display:inline-block;font-weight:600}
    .location-index-frame{height :250px;padding:0 10px}
    section.contact-we-r-social{padding:60px 0}
    section.contact-we-r-social .duplex-container-social{display:flex;justify-content: center;}
    .duplex-container-social article{width:50%}
    .duplex-container-social article.right-social-details{padding:40px}
    article.right-social-details ul li {margin-bottom: 12px;padding-bottom: 12px;position: relative;transition: all .3s ease-in-out;}
    article.right-social-details ul li::before{content: '';position: absolute;bottom: 0;left:0;right:0;width:100%;height: 1px;background: #0000000f}
    article.right-social-details ul li::after{content: '';position: absolute;bottom: 0;left:0;width:0;height: 1px;background: #0003;transition: all .3s ease-in-out;z-index: 1;}
    article.right-social-details ul li:hover::after{width: 100%}
    article.right-social-details ul li a {font-size: 20px;color: #333539d1;display: flex;align-items: center;justify-content: flex-start;}
    article.right-social-details ul li em{font-style:initial;display:inline-block;width:calc(100% - 40px);font-size:16px}
    article.right-social-details ul li span{font-size:32px;display:inline-block;margin-right:20px}
    article.right-social-details ul li:nth-child(1) span{color:#163269}
    article.right-social-details ul li:nth-child(2) span{color:#0077b5}
    article.right-social-details ul li:nth-child(3) span{color:#07bc4c}
    article.right-social-details ul li:nth-child(4) span{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    article.right-social-details ul li:nth-child(5) span{color:#ff6a62}
    article.right-social-details ul li:nth-child(6) span{color:#1276e1}
    .contact-us-three-btns{margin: 20px 0 0; display: flex;gap: 10px;justify-content: flex-end;}
    .contact-us-three-btns .bbtn{padding: 6px 20px;}
/* 23. contact us page */

/* 24. error page */
    section.error-page-banner{background:#000;margin-top:108px;position:relative;}
    section.error-page-banner .fluid-container{display: flex;justify-content: center;align-items: center;max-width:600px;}
    .error-message-box{padding:100px 20px;background:#f3f1f9;}
    .error-page-banner-svg{position: absolute;bottom: -1px;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}
    .error-page-banner-svg svg{position: relative;display: block;width: calc(100% + 1.3px);height: 69px;}
    .error-page-banner-svg .shape-fill{fill:#f3f1f9}
    .error-message-box h3{font-size:44px;color:#333539e8;margin-bottom:32px}
    .error-message-box h4{font-size:44px;color:#333539e8;margin:32px 0}
    .error-page-contact-icons {position: absolute;right: 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;top: 0;bottom: 0;}
    .error-message-box a{background:#09BAFE}
    .error-page-contact-icons li{margin-bottom:10px}
    .error-page-contact-icons li a {width: 40px;height: 40px;color: #fff;display: grid;place-items: center;border-radius: 4px;font-size: 20px;position: relative;z-index: 0;font-family: poppins-menu-2;text-transform:capitalize}
    .error-page-contact-icons li:nth-child(1) a,.error-page-contact-icons li:nth-child(1) a span,.error-page-contact-icons li:nth-child(1) a span:before{background:#163269}
    .error-page-contact-icons li:nth-child(2) a,.error-page-contact-icons li:nth-child(2) a span,.error-page-contact-icons li:nth-child(2) a span:before{background:#0077b5}
    .error-page-contact-icons li:nth-child(3) a,.error-page-contact-icons li:nth-child(3) a span,.error-page-contact-icons li:nth-child(3) a span:before{background:#07bc4c}
    .error-page-contact-icons li:nth-child(5) a,.error-page-contact-icons li:nth-child(5) a span,.error-page-contact-icons li:nth-child(5) a span:before{background:#1276e1}
    .error-page-contact-icons li:nth-child(6) a,.error-page-contact-icons li:nth-child(6) a span,.error-page-contact-icons li:nth-child(6) a span:before{background:#ff5917}
    .error-page-contact-icons li:nth-child(4) a{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
    .error-page-contact-icons li:nth-child(4) span,.error-page-contact-icons li:nth-child(4) span:before{background: #d6249f}
    .error-page-contact-icons li a span {border-radius: 3px;line-height: 24px;right: 52px;opacity: 0;padding: 4px 3px;position: absolute;transition: all .4s ease-in-out;top: 0;font-size: 13px;width: 0;color: #fff;bottom: 0;margin: auto 0;height: 28px;text-align: center;z-index: -1;opacity: 0;display: flex;justify-content: center;align-items: center;}
    .error-page-contact-icons li a span:before{content: "";display: block;height: 8px;width: 8px;right: -4px;transition: all .4s;margin-top: -4px;position: absolute;top: 50%;transform: rotate(45deg);}
    .error-page-contact-icons li a span em {transition: all .2s;font-style: initial;opacity: 0;}
    .error-page-contact-icons li:hover a span em{opacity:1;transition-delay: .4s;}
    .error-page-contact-icons li:hover a span{opacity: 1;width: 120px}
/* 24. error page */


/* 25. our process page */
    section.process-description-wrapper{padding: 80px 10px 120px;position: relative;z-index: 0;background: #fff;}
    .process-wrapper-flex-infog{display: flex;justify-content: space-between;align-items: center;}
    .left-process-card{width: 100%;max-width: 800px;margin: 0;}
    .right-process-card{width: 100%;max-width: 750px;margin: 0;height: 600px;}
    .process-steps-card{display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
    .process-steps-card span{display: flex;justify-content: center;align-items: center;margin: 20px 0;}
    .process-steps-card span img{width: 90px;}
    .process-steps-card h3{font-size: 24px;font-family: poppins-menu-2;color: #565656;line-height: 1.3;}
    section.process-description-wrapper article.process-description_content{padding: 0 20px;}
    section.process-description-wrapper .button-container{margin-top: 40px;}
    section.process-description-wrapper article.process-description_img{width: 30%;position: relative;z-index: 0;min-height: 600px;}
    section.process-description-wrapper article.process-description_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -2;}
    section.process-description-wrapper article.process-description_img .absolute-div {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 94%;height: 95%;background: #000000ab;margin: auto;display: flex;justify-content: center;align-items: center;}
    article.process-description_img .absolute-div h4 {font-size: 62px;text-align: center;color: #fff;}
    article.process-description_img .absolute-div h4 span{color: #f7c700;letter-spacing: 2px;text-transform: uppercase;}
    .our-process-wrapper{position: relative;height: 650px;padding: 80px 0;background: url('../../images/inner-images/research-img.jpg') no-repeat center/cover;min-height: 100vh;z-index: 0;}
    #wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: stretch;justify-content: center;}
    .hb {position:relative;width:25%;z-index:1;display:flex;align-items:center;justify-content: center;z-index:2;}
    .c {position: relative;display: block;max-width: 90%;height: 200px;}
    .c img {position:relative;display:block;width:100%;height:auto;z-index:2;height: 100%;object-fit: cover;border-radius: 3px;}
    .txt {position: absolute;top: 100%;left: 0;width: 500px;opacity: 0;padding: 10px;z-index: 1;transform: scaleY(1) translateY(-50px);transition: transform .8s, opacity .5s;}
    .txt h3{color: #fbbc04;font-size: 24px;text-transform: uppercase;letter-spacing: 1px;}
    .txt p{color: #fff;line-height: 1.4;}
    .hb:hover .txt {opacity:1;transform:scaleY(1) translateY(0);}
    .fullBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: transform .5s, opacity .5s;transform: scale(1);z-index: 1;}
    .fullBg::before,.our-process-wrapper::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .4;}
    .fullBg img {width:100%;height:100%;object-fit:cover;object-position:center;}
    .hb:hover + .fullBg {opacity:1;transform:scale(1);}
/* 25. our process page */


/* 26. awards and accoldaes */
    /* section.awards-accolades-heading{padding: 80px 0 20px;}
    section.awards-accolades-heading h4{margin: 32px 0;text-align: center;}
    section.awards-accolades-heading h4 span{font-family: poppins-menu-2;font-size: 20px;text-transform: uppercase;letter-spacing: .2px;padding: 4px 0;border-bottom: 1px solid #0000000d;border-top: 1px solid #0000000d;color: #0000007a;}
    section.awards-accolades-heading h4 span i{font-style: initial;color: #09BAFE;text-transform: uppercase;}
    .awards-inner_container{display: flex;width: 100%;max-width: 2000px;justify-content: center;margin: 0 auto;}
    .awards-inner_container:nth-child(2n){flex-direction: row-reverse;}
    .awards-inner_container article{background: no-repeat center center/cover;width: 50%;overflow: hidden;}
    .awards-inner_container article.with-award-image{height: 500px;min-height: 500px;}
    .awards-inner_container article.with-award-image img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease-in-out;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
    .awards-inner_container:hover article.with-award-image img{filter: initial;transform: scale(1.1);}
    .awards-inner_container article.with-award-content{padding: 80px 80px;display: flex;justify-content: center;flex-direction: column;}
    .awards-inner_container article.with-award-content span{width: 60px;display: block;}
    .awards-inner_container article.with-award-content span img{filter: invert(85%) sepia(41%) saturate(2312%) hue-rotate(357deg) brightness(94%) contrast(106%);}
    .awards-inner_container article.with-award-content p {font-size: 24px;line-height: 1.4;}
    .awards-inner_container article.with-award-content h5{color: #1276e1;font-size: 22px;font-weight: initial;font-family: bold-heading;text-transform: capitalize;margin-top: 20px;}
    .awards-inner_container article.with-award-content h6 {font-size: 14px;text-transform: uppercase;color: #00000061;letter-spacing: 1px;font-family: 'poppins-menu-2';}
    .awards-inner_container.has-bg{background-color: #f3f1f9;} */
/* 26. awards and accoldaes */


/* 27. technologies */
    section.our-technologies_wrapper{padding: 80px 10px 60px;}
    section.double-sided-container{display: flex;justify-items: center;}
    section.double-sided-container article{width: 50%;padding: 40px;}
    section.double-sided-container article p:nth-child(2n){position: relative;padding: 10px 0;}
    section.double-sided-container article p:nth-child(2n)::before,section.double-sided-container article p:nth-child(2n)::after{content: '';position: absolute;width: 100%;height: 1px;background: #00000005;left: 0;right: 0;margin: 0 auto;top: 0;}
    section.double-sided-container article p:nth-child(2n)::before{top: initial !important;bottom: 0;}
    section.double-sided-container article .button-container{margin-top: 40px;}
    .tech-stack-wrapper-tabs{margin-top: 40px;}
    .tech-stack-wrapper-tabs .tabs-nav{width: 100%;max-width: 1000px;margin: 0 auto;}
    .tabs-nav ul {display: flex;justify-content: space-between;gap: 10px;position: relative;z-index: 0;} 
    .tabs-nav ul::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 4px;width: 100%;background: #0000000d;z-index: -1;margin: auto;}
    .tabs-nav a {display: flex;border: 1px solid #0000000d;border-bottom: none;justify-content: center;align-items: center;flex-direction: column;text-align: center;border-radius: 2px;font-size: 18px;background: #fff;padding: 20px 32px;transition: all .4s ease-in-out;position: relative;z-index: 0;color:#1276e1;text-transform: uppercase;}
    .tabs-nav a::before{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 4px;background: #1276e1;z-index: -1;width:100%;transition: all .2s ease-in-out;}
    .tabs-nav a::after {content: '';position: absolute;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid transparent;bottom: -12px;}
    .tabs-nav li.active a::after{border-top-color: #1276e1;}
    .tabs-nav a span{width: 40px;display: block;margin-top: 20px;}
    .tabs-nav li.active a {color: #fff;transition: all .4s ease-in-out;border-color: transparent;}  
    .tabs-nav li a span img{transition: all .2s ease-in-out;filter: invert(34%) sepia(39%) saturate(6326%) hue-rotate(199deg) brightness(96%) contrast(86%);}
    .tabs-nav li.active a span img{filter:invert(99%) sepia(5%) saturate(450%) hue-rotate(214deg) brightness(116%) contrast(100%);}
    .tabs-nav li.active a::before{height: 100%;}
    .tabs-content div:not(:first-child) {display: none;}
    .tabbed-content_container{padding: 60px 0;}
    .tabbed-content_container p span {background-color: #eef4fb;color: #276bb9;padding: 2px 8px;border-radius: 2px;}
    .tabbed-content_container ul {display: flex;justify-content: center;margin-top: 40px;gap: 8px;flex-wrap: wrap;}
    .tabbed-content_container ul li {display: inline-block;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;width: 200px;min-height: 250px;padding: 30px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;justify-content: flex-start;flex-direction: column;align-items: center;background: #fff;border: 1px solid #c8c2c27a;position: relative;border-top-width: 4px;}
    .tabbed-content_container ul li span {display: block;width: 48px;margin-top: 32px;}
    .tabbed-content_container ul li em {display: block;font-style: initial;font-size: 18px;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background: #f9f9f9;padding: 10px;color: #fff;font-family: new;text-transform: uppercase;letter-spacing: 1px;}
    .tabbed-content_container ul li.adobe em{background: #0588fc;}.tabbed-content_container ul li.illustrator em{background: #d87827;}.tabbed-content_container ul li.after em{background: #c481f4;}.tabbed-content_container ul li.sketch em{background: #fdad00;}.tabbed-content_container ul li.html em{background: #f1662a;}.tabbed-content_container ul li.css em{background: #41a6ce;}.tabbed-content_container ul li.sass em{background: #d045d5;}.tabbed-content_container ul li.bootstrap em{background: #7952a3;}.tabbed-content_container ul li.javascript em{background: #f7dd32;}.tabbed-content_container ul li.jquery em{background: #08d5ff;}.tabbed-content_container ul li.php em{background: #8293bb;}.tabbed-content_container ul li.laravel em{background: #ff2d20;}.tabbed-content_container ul li.java em{background: #dd3031;}.tabbed-content_container ul li.node em{background: #83cd29;}.tabbed-content_container ul li.sql em{background: #db9f44;}.tabbed-content_container ul li.postgre em{background: #336791;}.tabbed-content_container ul li.dynamoDB em{background: #2d72b8;}.tabbed-content_container ul li.eclipse em{background: #42337f;}.tabbed-content_container ul li.mantis em{background: #4e932c;}.tabbed-content_container ul li.jira em{background: #0049dc;}.tabbed-content_container ul li.selenium-python em{background: #486961;}.tabbed-content_container ul li.selenium em{background: #44b02b;}
    .tabbed-content_container ul li.adobe{border-top-color:#0588fc;}.tabbed-content_container ul li.illustrator{border-top-color:#d87827;}.tabbed-content_container ul li.after{border-top-color:#c481f4;}.tabbed-content_container ul li.sketch{border-top-color:#fdad00;}.tabbed-content_container ul li.html{border-top-color:#f1662a;}.tabbed-content_container ul li.css{border-top-color:#41a6ce;}.tabbed-content_container ul li.sass{border-top-color:#d045d5;}.tabbed-content_container ul li.bootstrap{border-top-color:#7952a3;}.tabbed-content_container ul li.javascript{border-top-color:#f7dd32;}.tabbed-content_container ul li.jquery{border-top-color:#08d5ff;}.tabbed-content_container ul li.php{border-top-color:#8293bb;}.tabbed-content_container ul li.laravel{border-top-color:#ff2d20;}.tabbed-content_container ul li.java{border-top-color:#dd3031;}.tabbed-content_container ul li.node{border-top-color:#83cd29;}.tabbed-content_container ul li.sql{border-top-color:#db9f44;}.tabbed-content_container ul li.postgre{border-top-color:#336791;}.tabbed-content_container ul li.dynamoDB{border-top-color:#2d72b8;}.tabbed-content_container ul li.eclipse{border-top-color:#42337f;}.tabbed-content_container ul li.mantis{border-top-color:#4e932c;}.tabbed-content_container ul li.jira{border-top-color:#0049dc;}.tabbed-content_container ul li.selenium-python{border-top-color:#486961;}.tabbed-content_container ul li.selenium{border-top-color:#44b02b;}
/* 27. technologies */

/* 28. clientele */
    section.clientele-outer-wrapper{padding: 80px 0;}
    .clientele-description-intro{display: flex;justify-content: center;}
    .clientele-description-intro article:first-child{width: 50%;padding: 40px 20px;}
    .clientele-description-intro article p{text-align: justify;}
    .clientele-description-intro article p:first-child{padding-bottom: 20px;position: relative;}
    .clientele-description-intro article p:first-child::before{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;height: 1px;width: 100%;background: #0000000a;}
    .clientele-description-intro article:last-child{width: 60%;text-align: center;}
    .clientele-description-intro article:last-child img{max-width: 90%;}
    section.clientele-outer-wrapper .button-container{margin-top: 40px;}
    section.client_wrapper-bg{padding: 80px 10px 80px;background: #f3f1f9 no-repeat center/cover;position: relative;z-index: 0;}
    .right-clientele-carousel{margin-top: 40px;padding-top: 72px;position: relative;}
    .right-clientele-carousel article {width: 100%;max-width: 300px;border: 1px solid #0000001c;padding: 20px;border-radius: 4px;margin: 0 auto;background: #fff;min-height: 400px;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;}
    section.client_wrapper-bg .right-clientele-carousel article p{font-size: 16px;line-height: 1.5;color: #000000cf;}
    .right-clientele-carousel .owl-nav {position: absolute;top: 0;right: 30px;margin: 0;width: 100%;display: flex;justify-content: flex-start;left: 0;padding-left: 10px;}
    .right-clientele-carousel .owl-nav > button {width: 56px;height: 49px;background: #fff !important;border-radius: 0 !important;color: #fff !important;font-size: 24px !important;display: flex !important;justify-content: center;align-items: center;border: 1px solid #0000001c !important;}
    .right-clientele-carousel .owl-nav > button img{width: 24px;opacity: .6;}
    .clientele-c2a {min-height: 450px;text-align: center;background: url('../../images/inner-images/templates/clientele-bg-image.webp') no-repeat center center/cover fixed;display: flex;justify-content: center;align-items: center;}
    .clientele-c2a .fluid-container{display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;height: 100%;}
    .clientele-c2a .button-container{justify-content: center;margin-top: 40px;}
    .clientele-c2a .button-container a{background: #fbbc04;}
    .clientele-c2a h2{font-size: 60px;color: #fff;}
    .clientele-c2a h2 span{color: #fbbc04;text-transform: uppercase;}
    .clients_logo_wrapper{padding: 80px 10px 60px;background: #f3f1f9;}
    .sliders {margin: auto;overflow: hidden;position: relative;margin-bottom: 20px;border-radius: 4px;background: #fff;}
    .sliders.has-margin-top{margin-top: 60px;}
    .sliders .slides-track {display: flex;width: calc(250px * 18);}
    .sliders .slides-track:hover {animation-play-state: paused;}
    .sliders .slides {height: 150px;width: 250px;display: flex;justify-content: center;align-items: center;}
    .sliders .slides img{width: 100px;}
    @keyframes scroll {0% {    transform: translateX(0);}100% {    transform: translateX(calc(-250px * 9));}}
    @keyframes revereseScroll {0% {    transform: translateX(0);}100% {    transform: translateX(calc(-250px * 9));}}
/* 28. clientele */

/* 29. expertise pages banner section************************** */
    section.expertise-pages-banner{background: #175bcc linear-gradient(315deg, #25a6be 0%, #1276e1 74%) no-repeat center center/cover;height: 700px;position: relative;z-index: 0;margin-top: 113px;min-height: 80vh;}
    section.expertise-pages-banner::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: linear-gradient(to bottom right, #fbfbfb00 0%, #00000096 94%) !important;}
    section.expertise-pages-banner-1::before{opacity: 0;}
    .expertise-banner-shapes-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;bottom: 0;right: 0;margin: auto;z-index: -1;overflow: hidden;}
    .expertise-banner-shapes-container span.circle2{top: 0;left: 0;background: #ffffff0f;border-radius: 0 0 100% 0;}
    .expertise-banner-shapes-container span.circle1{bottom: 0;right: 0;border-radius: 100% 0 0 0;}
    .expertise-banner-shapes-container span{position: absolute; width: 250px;height: 250px;background: #0000001c;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 7s;-moz-transition-property: -moz-transform background-color;-moz-transition-duration: 7s;-webkit-animation-name: grow;-webkit-animation-duration: 11s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-name: grow;-moz-animation-duration: 11s;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;}
    @-webkit-keyframes grow {0% { transform: scale(1); }50% { transform: scale(1.6) }100% { transform: scale(1); }}
    section.expertise-pages-banner .fluid-container{height: 100%;display: flex;justify-content: flex-start;align-items: center;}
    section.expertise-pages-banner article{width: 60%;}
    section.expertise-pages-banner article.expertise-banner-img{width: 40%;}
    section.expertise-pages-banner article h2 {color: #fff;font-size: 48px;text-transform: capitalize;}
    section.expertise-pages-banner article p{color: #ffffffde;font-size: 20px;letter-spacing: 0;}
    section.expertise-pages-banner article .button-container{margin-top: 32px;}
    section.expertise-pages-banner article a{border: 2px solid #fff;padding: 8px 24px;color: #fff;font-size: 18px;transition: all .3s ease-in-out;}
    section.expertise-pages-banner article a:last-child, section.expertise-pages-banner article a:hover {background: #ffd324;border-color: #ffd324;color: #000;}
    .expertise-banner-svg {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;}
    .expertise-banner-svg svg {position: relative;display: block;width: calc(100% + 1.3px);height: 84px;}
    .expertise-banner-svg .shape-fill {fill: #FFFFFF;}
    .expertise-banner-svg .shape-fill.has-bg{fill: #f3f1f9;}
/* 29. expertise pages banner section************************** */

/* 30. responsive website - expertise */
    section.responsive-website-intro-section{padding: 80px 20px 120px;position: relative;z-index: 0;}
    .responsive-intro_container{display: flex;justify-content: space-between;margin-top: 60px;}
    .responsive-intro_container article.has-img{width: 100%;max-width: 500px;background: url('../../images/inner-images/production-img.jpg') no-repeat center center/cover;position: relative;min-height: 450px;}
    .responsive-intro_container article.has-img::before{content: '';position: absolute;bottom: -60px;right: -140px;width: 100%;height: 100%;background: transparent;border: 14px solid #1276e1;z-index: -1;}
    .responsive-intro_container article.has-img span{position: absolute;right: -100px;top: 100px;bottom: 0;margin: auto;width: 500px;height: 350px;background: url('https://www.swaragh.com/error.php?error=404') no-repeat center center/cover;display: flex;justify-content: flex-end;align-items: center;z-index: 1;}
    .responsive-intro_container article.has-img span a {padding: 14px 40px;background: #fff;display: block;transform: translateX(80px);border: 1px solid #0000001a;border-left: 6px solid #1276e1;}
    .responsive-intro_container article.has-img span a p{margin: 0px 0 0;font-size: 16px;}
    .responsive-intro_container article.has-img span a h5{font-size: 20px;font-family: bold-heading;letter-spacing: 1px;text-transform: uppercase;color: #000000a3;}
    section.website-features_wrapper {padding: 120px 0 80px;background: url('../../images/inner-images/black-pattern.webp');position: relative;z-index: 0;}
    section.website-features_wrapper .custom-shape-divider-top-1640068510 {position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;z-index: 1;line-height: 0;}
    section.website-features_wrapper .custom-shape-divider-top-1640068510 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 95px;}
    section.website-features_wrapper .custom-shape-divider-top-1640068510 .shape-fill {fill: #FFFFFF;}
    section.website-features_wrapper .heading-wrapper h2{color: #fff;}
    section.website-features_wrapper p{color: #e1e1e1;}
    .responsive_features_wrapper{display: flex;justify-content: center;margin-top: 40px;align-items: center;}
    .responsive_features_wrapper article{width: 50%;}
    .responsive_features_wrapper article.has-content{padding: 40px 0;}
    .responsive_features_wrapper article ul{display: flex;justify-content: flex-start;gap: 4px;flex-wrap: wrap;}
    .responsive_features_wrapper article ul li {position: relative;font-size: 16px;color: #000000c7;text-transform: capitalize;background: #ffffff40;padding: 20px;width: 100%;max-width: 200px;text-align: center;border-radius: 2px;color: #fff; transition: all .4s;}
    .responsive_features_wrapper article ul li i{font-style: initial;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li:hover{background-color: #00b8ff;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li:hover span{opacity: 0;display: none;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li:hover span img{opacity: 0;display: none;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li:hover i{opacity: 0;display: none;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li p{opacity: 0;display: none;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li:hover p{opacity: 1;text-align: center;font-size: 14px;line-height: 1.4;display: block;transition: all .04s ease-in-out;}
    .responsive_features_wrapper article ul li:last-child{background: #FFCB00;display: flex;justify-content: center;align-items: center;color: #000}
    .responsive_features_wrapper article ul li:last-child a{color:#000;font-size:20px;}
    .responsive_features_wrapper article ul li span {width: 68px;height: 68px;display: grid;place-items: center;background: #00B8FF;margin: 0 auto 20px;border-radius: 50%;transition: all .4s ease-in-out;}
    .responsive_features_wrapper article ul li span img {width: 32px;filter: invert(99%) sepia(5%) saturate(450%) hue-rotate(214deg) brightness(116%) contrast(100%);transition: all .4s ease-in-out;}
    .our-capabilties-website-development{padding: 80px 0 40px;background: #f3f1f9;}
    /* .our-capabilties-website-development .capabilities-website_container{margin-top: 40px;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 72px;}
    .capabilities-website_container article {width: 100%;max-width: 400px;padding: 20px 20px 80px;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;border-radius: 0 0 3px 3px;background: #fff;position: relative;margin: 0 auto;}
    .capabilities-website_container article figcaption {color: #fff;font-size: 24px;text-transform: capitalize;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;padding: 10px;border-radius: 0 0 4px 4px;background: rgb(96, 58, 210);}
    .capabilities-website_container article .has-black-overlay {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 97%;height: 98%;display: flex;justify-content: center;align-items: center;text-align: center;background: #061a40d6 url('../../images/overlay-pattern.png');opacity: 0;transition: all.3s ease-in-out;z-index: 1;padding: 10px;flex-direction: column;border-radius: 0 0 3px 3px;}
    .capabilities-website_container article .has-black-overlay a{margin-top: 20px;}
    .capabilities-website_container article .has-black-overlay p{color:#fff;text-align: center;font-size: 16px;}
    .capabilities-website_container article:hover .has-black-overlay{opacity: 1;}
    .capabilities-website_container .owl-nav {position: absolute;top: 0;right: 30px;margin: 0;width: 100%;display: flex;justify-content: flex-start;left: 0;padding-left: 10px;}
    .capabilities-website_container .owl-nav button{width: 56px;height: 49px;background: #fff !important;border-radius: 0 !important;color: #fff !important;font-size: 24px !important;display: flex !important;justify-content: center;align-items: center;border: 1px solid #0000001c !important;}
    .capabilities-website_container .owl-nav button img{width: 24px;opacity: .6;} */
    /* 30.1. responsive website - expertise */
        /* .common-swaragh-expertise-section{padding: 100px 0 80px;background: #f9f9f9;} */
        .common-swaragh-expertise-section { padding: 100px 0 80px; background: #f9f9f9; position: relative; z-index: 1;}
        .common-swaragh-expertise-section .heading-wrapper h2 span{color: #00B8FF;}
        .grid-layout {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));grid-gap: 16px;grid-auto-rows: minmax(180px, auto);grid-auto-flow: dense;margin: 40px 0;}
        .grid-item {padding: .75rem;background-color: #fff;border: 1px solid #00000014;overflow: hidden;border-radius: 4px;display: flex;justify-content: space-between;align-items: center;flex-direction: column;text-align: center;position: relative;}
        .grid-item.with-text span{display: block;margin-bottom: 10px;}
        .grid-item.with-text h4 {font-family: 'poppins-menu-2';color: #0009;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;padding: 10px;border-top: 1px solid #00000014;text-transform: uppercase;font-size: 15px;}
        .grid-item.big {grid-column-end: span 2;grid-row-end: span 2;background-color: #0fe8e2;padding: 0;border: none;}
        .grid-item.has-small-img{padding: 0;border: none;}
        .grid-item.big img,.grid-item.has-small-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px;transition: all .6s ease-in;}
        .grid-item.big:hover img,.grid-item.has-small-img:hover img{transform: scale(1.2) rotate(6deg);}
        .grid-item.with-para {background-color: #fff;justify-content: center;}
        .grid-item.with-para p {color: #0009;margin: 0;line-height: 1.2;text-align: center;}
        @media (max-width: 480px) { /* added */.grid-item.big {  grid-column: 1;}}
    /* 30.1. responsive website - expertise */
    /* 30.2. cms */
        section.why-cms-websites{padding: 80px 0;}
        .cms-intro article.has-img::before{border-color:#00000052;display: none;}
        .cms-intro article.has-img span a{border-left-color: #00B8FF;}
        .cms-intro article ul{counter-reset: css-counter 0}
        .cms-intro article ul{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
        .cms-intro article ul li{width: 100%;max-width: 250px;padding: 20px 20px;border: 1px solid #00000014;border-top-width: 4px;display: flex;justify-content: flex-start;flex-direction: column;font-size: 18px;background: #fff;}
        .cms-intro article ul li:nth-child(1){border-top-color: #4CC528;}
        .cms-intro article ul li:nth-child(2){border-top-color: #4CC528;}
        .cms-intro article ul li:nth-child(3){border-top-color: #1276e1;}
        .cms-intro article ul li:nth-child(4){border-top-color: #1276e1;}
        .cms-intro article ul li:nth-child(5){border-top-color: #ff6d3a;}
        .cms-intro article ul li:nth-child(6){border-top-color: #ff6d3a;}
        .cms-intro article ul li span {font-size: 48px;font-family: main_heading;opacity: .2;margin-bottom: 10px;}
        section.what-in-for-you{padding: 80px 0 80px;background: url('../../images/inner-images/black-pattern.webp');}
        section.what-in-for-you .heading-wrapper h2{color: #fff;}
        /* .whats-in-upper-container {position: relative;display: flex;justify-content: center;align-items: center;margin: 0px auto 0;width: 100%;max-width: 1600px;padding: 80px 0 80px;}
        .whats-in-upper-container .centre-img {width: 33%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
        .whats-in-upper-container article {max-width: 30%;position: absolute;padding: 20px 20px 20px;}
        .whats-in-upper-container article p{margin: 0;font-size: 16px;}
        .whats-in-upper-container article:nth-child(1) {top:20%;left: 20px;}
        .whats-in-upper-container article:nth-child(2) {top:20%;right: 20px;}
        .whats-in-upper-container article:nth-child(3) {bottom:0;left: 20px;}
        .whats-in-upper-container article:nth-child(4) {bottom:0;right: 20px;}
        .whats-in-upper-container article:nth-child(1) h3{color: #4CC528;}
        .whats-in-upper-container article:nth-child(2) h3{color: #ff6d3a;}
        .whats-in-upper-container article:nth-child(3) h3{color: #00B8FF;}
        .whats-in-upper-container article:nth-child(4) h3{color: #fbbc04;}
        .whats-in-upper-container article h3{margin-bottom: 16px;font-size: 24px;font-family: new;text-transform: capitalize;position: relative;padding-left: 20px;}
        .whats-in-upper-container article h3::before{content: '';position: absolute;top: 0;bottom: 0;left: 0px;margin: auto 0;width: 10px;height: 10px;}
        .whats-in-upper-container article:nth-child(1) h3::before{background:#4CC528;}
        .whats-in-upper-container article:nth-child(2) h3::before{background:#ff6d3a;}
        .whats-in-upper-container article:nth-child(3) h3::before{background:#00B8FF;}
        .whats-in-upper-container article:nth-child(4) h3::before{background:#fbbc04;}
        .whats-in-upper-container article p{color: #fff;} */
        section.expertise-capabilities-wrapper{padding: 80px 0 0;}
        section.expertise-capabilities-wrapper .expertise_capabilties-wrapper {display: flex;justify-content: center;margin-top: 40px;gap: 0;flex-wrap: wrap;}
        .expertise_capabilties-wrapper span {width: 25%;position: relative;z-index: 0;height: 400px; min-height: 70vh;background: no-repeat center center/cover;padding: 40px 40px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;align-items: center;}
        .expertise_capabilties-wrapper span p{color:#fff;transition: opacity .3s ease-in-out, margin-top .4s ease-in-out;opacity: 0;text-align: center;margin-top: 280px;}
        .expertise_capabilties-wrapper span:hover p{opacity: 1;margin-top: 40px;}
        .expertise_capabilties-wrapper span .logo_img{width: 150px;margin: 0 auto;position: absolute;top: 20%;transition: all .2s ease-in-out;opacity: 1;}
        .expertise_capabilties-wrapper span:hover .logo_img{top: 0;opacity: 0;}
        .expertise_capabilties-wrapper span::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, #1c17175c 0%, #000 100%);z-index: -1;}
    /* 30.2. cms */
    /* 30.3. ecommerce */
        .whats-in-for-you_ecommerce{padding: 80px 0;background: url('../../images/inner-images/templates/lighting.webp') no-repeat center/cover fixed;position: relative;z-index: 0;}
        .whats-in-for-you_ecommerce::after{content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;}
        .whats-in-for-you_ecommerce h2{color: #fff !important;}
        .whats-in-for_ecommerce-container{margin-top: 100px;display: flex;justify-content: center;flex-wrap: wrap;gap: 80px 20px;}
        .whats-in-for_ecommerce-container article {width: 100%;max-width: 380px;padding: 0px;position: relative;border: 1px solid #ffffff1f;border-top-width: 4px;border-top-color: #4CC528;}
        .whats-in-for_ecommerce-container article h4 {font-size: 32px;font-family: 'poppins-menu-2';text-transform: capitalize;letter-spacing: 0;color: #fff;text-align: center;margin: 0;padding: 12px 20px;background: #4CC528;line-height: 1.4;}
        .whats-in-for_ecommerce-container article p {color: #fff;line-height: 1.5;font-size: 18px;text-align: center;padding: 20px;}
        .our-capabilties-website-development.ecommerce{background: #fff;}
        .our-capabilties-website-development.ecommerce article figure{display: block;min-height: 150px;display: grid;place-items: center;}
        .our-capabilties-website-development.ecommerce .owl-nav button{background: #eee !important;}
    /* 30.3. ecommerce */
    /* 30.4. Web development */
        .web-development-expertise-line{padding: 40px 20px;}
        .web-development-expertise-line .fluid-container {text-align: center;padding: 40px 40px;}
        .web-development-expertise-line h3 {font-size: 48px;font-family: new;text-transform: uppercase;color: rgb(34, 51, 68);}
        .web-development-expertise-line p {text-align: center;padding: 20px 20px 20px 40px;background-color: #f9f9f9;border-radius: 0 6px 6px 0;border: 1px solid #00000005;border-left: 6px solid #1276e1;}
        .web-development-expertise-line p span {background-color: #fff;color: #1276e1;border-radius: 3px;padding: 0 .8rem;}
        .page-web-dev-services{padding: 100px 20px;position: relative;z-index: 0;background: url('https://www.swaragh.com/error.php?error=404') no-repeat center/cover;}
        .page-web-dev-services::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: -1;}
        .page-web-dev-services .fluid-container{display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
        .page-web-dev-services article {width: 100%;max-width: 360px;border: 1px solid #00000012;border-top: 4px solid #4CC528;padding: 20px 20px;background: #fff;}
        .page-web-dev-services article p{line-height: 1.4;}
        .page-web-dev-services article h4 {text-transform: capitalize;color: rgb(34, 51, 68);font-size: 28px;font-family: 'poppins-menu-2';line-height: 1.2;margin: 10px 0 0;}
        .double-sided-wrapper{padding: 80px 0;}
        .double-sided-wrapper .fluid-container{display: flex;justify-content: center;}
        .double-sided-wrapper article{width: 55%;padding: 20px;}
        .double-sided-wrapper article ul{display:flex;justify-content: flex-start;flex-wrap: wrap;gap: 20px;margin-top: 32px;}
        .double-sided-wrapper article ul li {width: 48%;position: relative;font-size: 18px;padding: 12px 12px 12px 32px;color: #000000a3;background: #00000003;border: 1px solid #00000008;}
        .double-sided-wrapper article ul li::before {content: '';position: absolute;top: 0;left: 8px;bottom: 0;margin: auto 0;width: 14px;height: 18px;background: url('../../images/icons/green-check-icon.webp') no-repeat center/contain;}
        .double-sided-wrapper article .full-size-img{width: 100%;height: 100%;position: relative;object-fit: cover;border-radius: 10px;}
        article.right-sided-container{position: relative;z-index: 0;width: 45%;padding: 0;}
        article.right-sided-container::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background: rgba(0, 0, 0, 0.6);border-radius: 0 0 10px 10px;height: 50%;width: 100%;z-index: 1;}
    /* 30.4. Web development */

    /* 30.5. manikanta css starts here  */
        .portfolio-icons-wrapper{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
        .portfolio-icons-wrapper a {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;max-width: 200px;text-align: center;font-size: 16px;gap: 20px;margin: 30px auto;background: #fff;padding: 10px;border-top: 2px solid #2d820e;border-bottom: 2px solid #2d820e;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
        .portfolio-icons-wrapper a .portfolio-icon{border-radius: 50%;}
        .portfolio-icons-wrapper a em{font-size: 20px;color: #0d1b37;font-style: normal;}
        section.portfolio-wrapper_page-mani{padding: 80px 20px 100px;background: #fff}
        .portfolio-mani-card-wrapper{display: flex;justify-content: center;gap: 20px;padding: 60px 0;}
        .portfolio-left-card{width: 100%;max-width: 550px;margin: auto;position: relative;transition: all .4s ease-in-out;}
        .portfolio-left-card .left-portfolio-img{position: relative;background: no-repeat center center/cover;width: 100%;max-width: 550px;height: 350px;}
        .portfolio-left-card::before {content: '';background-color: #1276e1;width: 100%;height: 100%;right: -10px;bottom: -10px;margin: auto;position: absolute;z-index: 0;transition: all .4s ease-in-out;}
        .left-portfolio-img span{display: flex;justify-content: center;align-items: center;width: 150px;background-color: #fff;position: absolute;left: -50px;bottom: 45px;margin: auto;padding: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-left: 4px solid #1276e1;transition: all .4s ease-in-out;}
        .left-portfolio-img span img{width: 80px;}
        .overlay-txt-left-portfolia{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;padding: 30px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;opacity: 0;background: #1276e1f2;z-index: 1;transition: all .4s ease-in-out;}
        .overlay-txt-left-portfolia h5{font-size: 26px;line-height: 1.7;color: #fff;text-align: center;}
        .overlay-txt-left-portfolia a{margin-top: 40px;font-size: 20px;color: #fff;font-weight: 900;}
        .portfolio-left-card:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
        .portfolio-left-card:hover .overlay-txt-left-portfolia{opacity: 1;}
        .portfolio-left-card:hover .left-portfolio-img span{z-index: 2;}
        .portfolio-left-card:hover::before{opacity: 0;}
        .portfolio-right-card{width: 100%;max-width: 550px;margin: auto;position: relative;}
        .portfolio-right-card h3{font-size: 28px;line-height: 1.43;margin: 0 0 25px 0;padding: 0 0 0 25px;border-left: 2px solid #f8c82d;color: #101010;text-align: left;}
        .portfolio-right-card h5{font-size: 18px;font-weight: 600;line-height: normal;padding: 0 0 0 25px;margin: 0 0 6px 0;color: #101010;}
        .portfolio-right-card i{font-size: 16px;font-weight: normal;line-height: normal;margin: 0 0 6px 0;padding: 0;color: #101010;padding: 0 0 0 25px;text-align: left;}
        a.portfolio-a-btn {display: block;margin: 0 auto;padding: 14px 41px;background: transparent;border: 1px solid #1276e1;font-size: 20px;font-weight: normal;line-height: normal;text-align: center;color: #1276e1;cursor: pointer;transition: all 0.25s linear;width: 100%;max-width: 250px;}
        a.portfolio-a-btn span{transition: all 0.25s linear;display: inline-flex;justify-content: center;align-items: center;}
        a.portfolio-a-btn:hover{transform: translateY(-7px); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
        a.portfolio-a-btn:hover span{transform: translateX(10px);}
        a.portfolio-a-header-menu::before{display: none;}
        .main-sample-wrapper{display: flex;justify-content: center;align-items: center;gap: 30px;padding: 40px 0 0;}
        .main-sample-wrapper-2{display: flex;justify-content: center;align-items: center;gap: 30px;padding: 40px 0 0;}
        .sample-wrapper{overflow: hidden;position: relative;width: 100%;max-width: 350px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 2px;}
        .sample-bg-img {background-size: initial;background-position: top left;background-repeat: repeat;padding-top: 300px !important;margin-left: auto !important;margin-right: auto !important;transition: background-position 1.5s ease-out 0.5s;background-position: top center;background-size: 100% auto !important;height: 100%;width: 100% !important;background-repeat: no-repeat;}
        .sample-bg-img:hover {background-position: bottom center !important;transition: background-position 10s linear 0s;}
        .sample-bg-txt{border-left: 2px solid #fc0;width: 100%;max-width: 750px;margin: auto;padding:0 20px;}
        .sample-bg-txt h5{font-size: 25px;line-height: 1.6;margin: 10px 0;text-align: left;color: #1276e1;}
        .sample-bg-txt p{font-size: 15px;line-height: 1.4;margin: 2px 0 10px;text-align: left;color: #555;}
        .set .content ul.faqs-ul{display:flex;justify-content: flex-start;flex-wrap: wrap;gap: 20px;margin-top: 32px;}
        .set .content ul.faqs-ul li {width: 100%;position: relative;font-size: 18px;padding: 12px 12px 12px 32px;color: #000000a3;border: 1px solid #00000008;}
        .set .content ul.faqs-ul li::before {content: '';position: absolute;top: 0;left: 8px;bottom: 0;margin: auto 0;width: 14px;height: 18px;background: url('../../images/icons/green-check-icon.webp') no-repeat center/contain;}
        ul.common-ul{display:flex;justify-content: flex-start;flex-wrap: wrap;gap: 20px;margin-top: 32px;}
        ul.common-ul li {width: 100%;position: relative;font-size: 18px;padding: 12px 12px 12px 32px;color: #000000a3;border: 1px solid #00000008;}
        ul.common-ul li:nth-child(even) {width: 100%;position: relative;font-size: 18px;padding: 12px 12px 12px 32px;color: #000000a3;background: #00000003;border: 1px solid #00000008;}
        ul.common-ul li::before {content: '';position: absolute;top: 0;left: 8px;bottom: 0;margin: auto 0;width: 14px;height: 18px;background: url('../../images/icons/green-check-icon.webp') no-repeat center/contain;}
        /* .industries-solutions-cards-wrapper{display: flex;justify-content: center;padding: 40px 0;flex-wrap: wrap;}
        .industries-solutions-cards-wrapper .industries-solutions-card{width: 100%;max-width: 360px;padding: 30px 15px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
        .industries-solutions-cards-wrapper .industries-solutions-card:nth-child(3){border-right: 0;}
        .industries-solutions-cards-wrapper .industries-solutions-card:nth-child(6){border-right: 0;}
        .industries-solutions-cards-wrapper .industries-solutions-card:nth-child(7){border-bottom: 0;}
        .industries-solutions-cards-wrapper .industries-solutions-card:nth-child(8){border-bottom: 0;}
        .industries-solutions-cards-wrapper .industries-solutions-card:nth-child(9){border-bottom: 0;border-right: 0;} */
        /* .industries-solutions-icon {position: relative;display: flex;justify-content: center;align-items: center;z-index: 0;width: 100%;max-width: 85px;margin: auto;height: 85px;}
        .industries-solutions-icon::before{content: "";width: 100%;height: 100%;border: 1px solid #1276e1;border-radius: 0 30px 30px;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.5s ease 0s;}
        .industries-solutions-icon span{display: flex;justify-content: center;align-items: center;}
        .industries-solutions-icon span img{width: 35px;filter: invert(19%) sepia(49%) saturate(6458%) hue-rotate(253deg) brightness(88%) contrast(85%);transition: all 0.5s ease 0s;}
        .industries-solutions-txt{text-align: center;padding: 20px 0 0;}
        .industries-solutions-txt h3{font-size: 18px;font-weight: 600;color: #1276e1;margin-bottom: 10px;transition: all 0.5s ease 0s;text-align: center;}
        .industries-solutions-txt p{font-size: 14px;text-align: center;color: #888;line-height: 1.6;}
        .industries-solutions-card:hover .industries-solutions-icon::before {border-radius: 0 40px 40px 40px;background: #1276e1;transform: rotate(45deg);}
        .industries-solutions-card:hover .industries-solutions-icon span img{width: 35px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(171deg) brightness(105%) contrast(102%);} */
        /* .disposal-wrapper{display: flex;justify-content: center;align-items: center;}
        .disposal-card-left{width: 100%;max-width: 750px;margin: auto;position: relative;z-index: 0;display: flex;justify-content: flex-start;}
        .disposal-card-left::before{content: '';background-color: #1276e1;opacity: .88;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;top: 0;position: absolute;z-index: -1;transform: translateX(-40px);}
        .disposal-card-left-1-part .disposal-card-txt, .disposal-card-left-2-part .disposal-card-txt {width: 100%;max-width: 350px;margin: 20px 25px;padding: 20px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 2px;position: relative;transition: all .4s ease-in-out;overflow: hidden;}
        .disposal-card-left-2-part{transform: translateY(50px);}
        .disposal-card-txt::before {content: '';position: absolute;right: 0;top: 0;margin: auto;width: 50px;height: 50px;border-radius: 5px;transform: translate(24px,-24px);background-color: #1276e1;box-shadow: rgba(0, 0, 0, 0.24) 17px 7px 12px;opacity: .8;}
        .disposal-card-txt:hover{transform: scale(1.05);background-color: #1276e1;}
        .disposal-card-txt:hover h3{color: #fff;}
        .disposal-card-txt:hover p{color: #fff;}
        .disposal-card-txt h3{color: #1276e1;font-size: 21px;margin: 0 0 18px;line-height: 1.6;}
        .disposal-card-txt h3 span{font-size: 24px;}
        .disposal-card-txt p{font-size: 15px;text-align: justify;color: #888;line-height: 1.6;}
        .disposal-card-right{background: no-repeat center center/contain;width: 100%;max-width: 400px;height: 520px; margin: auto auto auto 20px;} */
        /* 30.5.1. ui-ux page-css  */
            .services-ui-ux-wrapper{padding: 10px 0;}
            .services-ui-ux{display: flex;justify-content: center;align-items: center;gap: 20px;padding: 60px 0 30px;}
            .services-ui-ux-wrapper .services-ui-ux:nth-child(even){flex-direction: row-reverse;} 
            .services-ui-ux .ui-ux-services-left{background: no-repeat center center/contain;width: 100%;max-width: 500px;height: 300px;margin: 15px 30px;}
            .services-ui-ux .ui-ux-services-right{width: 100%;max-width: 750px;margin: 15px auto;}
            .services-ui-ux .ui-ux-services-right h3 {font-size: 34px;text-transform: capitalize;}
            .ui-ux-why-us{background-color: #fff;position: relative;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;padding: 40px 40px 40px 80px;margin: 20px auto;}
            .ui-ux-why-us h3{font-size: 24px;}
            .ui-ux-why-us span {position: absolute;width: 100%;max-width: 100px;padding: 20px 0;background-color: #1276e1;display: flex;justify-content: center;align-items: center;left: -50px;top: 30px;margin: auto;width: 100%;}
            .why-us-ecommon .ui-ux-why-us:nth-child(even) span{left: initial; right: -50px;} 
            .ui-ux-why-us span img{width: 50px;filter: invert(100%) sepia(0%) saturate(7494%) hue-rotate(136deg) brightness(102%) contrast(104%);}
        /* 30.5.1. ui-ux page-css  */
        /* 30.5.2. grafic designing css  */
            .awards-inner_container article.with-award-content {padding: 20px 40px;display: flex;justify-content: center;flex-direction: column;}
            .awards-inner_container article.with-award-content p {font-size: 18px;line-height: 1.4;margin: 8px 0;}
        /* 30.5.2. grafic designing css  */

        /* 30.5.3. our process css  */
            .process-wrapper{padding: 40px 20px;}
            .main-container{width: 100%;max-width: 1340px;margin: auto;}
            .process{display: flex;justify-content: center;flex-wrap: wrap;}
            .process__item{width: 100%;max-width: 420px;margin: 20px auto;transition: all .3s;position: relative;}
            .process .process__item:last-child{width: 100%;max-width: 100%;}
            .process__item:hover .process__number {transform: translateY(5px);color: #1276e1;}
            .process__number {font-size: 90px;-webkit-text-stroke: 1px #1276e1;display: block;color: transparent;font-family: "main_heading";font-weight: 700;transition: 0.4s ease-in-out;text-align: center;}
            .process__title {display: block;font-family: "new";font-weight: 700;letter-spacing: 1.5px;font-size: 35px;color: #1276e1;text-transform: uppercase;margin-top: 30px;text-align: center;}
            .process__subtitle {display: block;font-family: "new";font-size: 20px;color: #8c8c8c;margin-top: 30px;line-height: 1.5;text-align: center;}
        /* 30.5.3. our process css  */
    /* 30.5. manikanta css starts here */
    
    /* 31. new inner pages css from maniknata  */
        /* 31.1. web desgin page css  */
            .inner-new-page-content{padding: 40px 0px;}
            .inner-new-page h2.inner-new-page-h2{font-size: 48px;font-weight: 300;font-family: 'body_content';text-align: center;position: relative;padding-bottom: 20px;}
            .inner-new-page h2.inner-new-page-h2::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 20%;height: 3px;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);margin: auto;}
            .web-desgin-about-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 40px auto 0;}
            .web-desgin-about-wrapper .left-web-desgin-wrapper{width: 100%;max-width: 550px;margin: 10px auto;}
            .left-web-desgin-wrapper .left-web-desgin-img {background: no-repeat center center/contain;width: 100%;max-width: 100%;height: 500px;}
            .web-desgin-about-wrapper .right-web-desgin-wrapper{width: 100%;max-width: 750px;margin: 10px auto;}
            .right-web-desgin-wrapper p{font-size: 18px;color: #454545;text-align: justify;line-height: 1.4;margin: 10px 0 20px;}
            .inner-new-page-common-ul li{font-size: 18px;color: #121212;margin: 15px 0;text-align: justify;line-height: 1.4;position: relative;padding-left: 25px;}
            .inner-new-page-common-ul li::before{content: '';position: absolute;left: 0;top: 6px;margin: auto;width: 14px;height: 14px;background: no-repeat center center/cover; background-image: url('../../images/web-desgin-development-page/inner-images/star.png');}
            ul.responsive-fea{margin-top: 40px;display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
            ul.responsive-fea li {display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;width: 125px;padding: 20px 0 0;position: relative;border-radius: 4px;background: #26a9e0;}
            ul.responsive-fea li span {background: #fff;color: #1276e1;border-radius: 0 0 4px 4px;margin-top: 1px;padding: 10px;display: block;width: 100%;border: 1px solid #0000001f;font-family: poppins-menu-2;color: #333;}
            ul.responsive-fea li img {width: 40px;display: block;margin-bottom: 20px;opacity: .8;filter: invert(99%) sepia(5%) saturate(450%) hue-rotate(214deg) brightness(116%) contrast(100%);}
            .flex-content-for-p{display: flex;justify-content: space-between;gap:30px;}
            .flex-content-for-p p{width: 50%;text-align: justify;}
            .inner-new-page-latops-wrapper{  display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;margin: 40px auto;}
            .inner-new-page-latops-wrapper span{display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;width: 100%;max-width: 200px;}
            .inner-new-page-latops-wrapper span h6{font-size: 18px;font-family: 'body_content';color: #131313;line-height: 1.4;}
            .inner-page-new-do-more{display: flex;justify-content: space-between;align-items: center;}
            .left-content-do-more{width: 100%;max-width: 450px;background: #fff;padding: 50px 30px;}
            .right-content-do-more {background: #121212de;width: 100%;max-width: 850px;padding: 20px 50px 100px;}
            .right-content-do-more h2.inner-new-page-h2 {font-size: 40px;color: #fff;font-family: 'body_content';padding: 40px 45px 30px;position: relative;}
            .right-content-do-more h2.inner-new-page-h2::before {content: '';position: absolute;width: 15%;height: 3px;bottom: 22px;left: 45px;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .inner-right-flex-do-more{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
            .inner-right-flex-do-more span {width: 100%;max-width: 320px;border: 1px solid #fff;display: flex;justify-content: flex-start;align-items: center;color: #fff;gap: 20px;padding: 15px;}
            .inner-right-flex-do-more span img{width: 45px;filter: invert(99%) sepia(0%) saturate(1582%) hue-rotate(122deg) brightness(112%) contrast(100%);}
            .inner-right-flex-do-more span h6{font-size: 16px;font-family: 'body_content';color: #fff;}
            .left-content-do-more h2.inner-new-page-h2{font-size: 40px;line-height: 1.4;color: #121212;margin: 10px 0;text-align: left;}
            .left-content-do-more h2.inner-new-page-h2 span{color: #25a3dc;}
            .inner-new-page-call-to-action {background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);padding: 0px 20px 0px;margin: 200px auto 0px;}
            .inner-new-call-to-action span.call-to-span-img {display: flex;justify-content: center;align-items: center;margin: 20px auto;transform: translateY(-130px);}
            .inner-new-call-to-action span.call-to-span-img img{width: 100%;}
            .inner-new-call-to-action h2{transform: translateY(-120px);font-size: 40px !important;font-family: body_content;text-transform: capitalize;color: #fff;text-align: center;}
            .inner-new-call-to-action h2 span{font-family: main_heading;}
            .inner-new-call-to-action a{transform: translateY(-70px);font-size: 22px;font-family: main_heading;background: #fff;padding: 12px 20px;width: 100%;max-width: 250px;text-align: center;margin: 0 auto;display: flex;justify-content: center;align-items: center;border-radius: 2px;color: #239bd6;}
            .tabs-teachers {margin-top: 20px;}
            ul#tabs-nav {padding: 8px;display: flex;justify-content: center;gap: 20px; flex-wrap: wrap}
            ul#tabs-nav li {margin: 6px 8px;padding: 0px 16px;border-radius: 5px 5px 5px 5px;cursor: pointer;position: relative;z-index: 0;}
            ul#tabs-nav li:after{content: '';position: absolute;bottom: -4px;left: 0;width: 100%;border: 2px solid transparent;transition: all 0.4s;}
            ul#tabs-nav li.active::after {border-image: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);border-image-slice: 1;}
            ul#tabs-nav li:hover:after{border-image: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);border-image-slice: 1;}
            ul#tabs-nav li:hover a,
            ul#tabs-nav li.active a{background: -webkit-linear-gradient(#26a9e0, #1276e1);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;border-radius: 0 0 4px 4px;font-family: 'main_heading';}
            #tabs-nav li a {font-size: 22px;color: #454545;font-family: 'body_content';transition: all .4s;}
            .tab-content {border-radius: 0 0 4px 4px;background: no-repeat center center/cover;width: 100%;position: relative;padding: 40px 20px;z-index: 0;}
            .tab-content::before{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.39);top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: -1;}
            .inner-page-new-our-services h2.inner-new-page-h2-main{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-page-new-our-services h2.inner-new-page-h2-main::before {content: '';position: absolute;width: 15%;height: 3px;bottom: 8px;left: 0px;right:0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .css-flex-wrapper{display: flex;justify-content: center;align-items: center;}
            .left-css-flex {width: 100%;max-width: 550px;margin: 10px auto;}
            .right-css-flex {width: 100%;max-width: 550px;height: 390px;margin: auto;background: no-repeat center center/contain;}
            .left-css-flex h2.inner-new-page-h2{font-size: 60px;font-weight: 300;text-align: left;position: relative;padding-bottom: 20px;color: #fff;}
            .left-css-flex h2.inner-new-page-h2::before {content: '';position: absolute;width: 15%;height: 3px;bottom: 17px;left: 7px;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .left-css-flex p{color: #fff;font-size: 20px;}
            .inner-new-page-method h2.inner-new-page-h2-main{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-new-page-method h2.inner-new-page-h2-main::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .inner-new-page-method .methodology-left{position: relative;margin: 40px auto;}
            .inner-new-page-method .methodology-right{position: relative;margin: 40px auto;}
            .inner-new-page-method .methodology-left::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 100%;max-width: 350px;height: 300px;margin: auto;background: no-repeat center center/cover;background-image: url('https://www.swaragh.com/error.php?error=404');}
            .inner-new-page-method .methodology-right::before{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 100%;max-width: 350px;height: 300px;margin: auto;background: no-repeat center center/cover;background-image: url('https://www.swaragh.com/error.php?error=404');transform: scaleX(-1);}
            .methodology-right .fluid-container{display: flex;justify-content: center;align-items: center;}
            .methodology-left .fluid-container{display: flex;justify-content: center;align-items: center;}
            .methodology-left .methodlogy-ul {background: no-repeat center center/cover;width: 100%;max-width: 950px;height: 500px;background-image: url('https://www.swaragh.com/error.php?error=404');padding: 40px;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;position: relative;}
            .methodology-left .methodlogy-ul::before {content: '';position: absolute;width: 100%;height: 100%;left: -107px;top: 0;margin: auto;background: no-repeat center center/contain;background-image: url('../../images/web-desgin-development-page/inner-images/paper-shadow-03.png');z-index: -1;max-width: 120px;}
            .methodology-right .methodlogy-ul::before {content: '';position: absolute;width: 100%;height: 100%;right: -107px;top: 0;margin: auto;background: no-repeat center center/contain;background-image: url('../../images/web-desgin-development-page/inner-images/paper-shadow-03.png');z-index: -1;max-width: 120px;transform: scaleX(-1);}
            .methodology-right .methodlogy-ul{background: no-repeat center center/cover; width: 100%;max-width: 950px;height: 500px; background-image: url('https://www.swaragh.com/error.php?error=404');padding: 40px;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;position: relative;}
            .methodlogy-ul li{font-size: 17px;color: #fff;padding-left: 25px;margin: 15px 0;line-height: 1.6;display: flex;position: relative;}
            .methodlogy-ul li::before{content: '';position: absolute;left: 0;top: 6px;width: 15px;height: 15px;border-radius: 50%;border: 2px solid #fc0;margin: auto;}
            .best-talent-wrapper{position: relative;z-index: 0;}
            .best-talent-wrapper::before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: rgba(0, 0, 0, 0.7);}
            .inner-page-new-best-talent{display: flex;justify-content: center;gap: 20px;position: relative;}
            .left-content-best-talent{width: 100%;max-width: 500px;margin: 10px 0;}
            .left-content-best-talent h2.inner-new-page-h2 {font-size: 48px;color: #fff;font-family: 'body_content';position: relative;margin: 10px 0;text-transform: capitalize;padding: 0 0 20px;}
            .left-content-best-talent h2.inner-new-page-h2::before {content: '';position: absolute;width: 40%;height: 3px;bottom: 0px;left: 1px;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .left-content-best-talent p{color: #fff;font-family: 'light-p';text-align: justify;}
            .right-content-best-talent{width: 100%;max-width: 750px;margin: 10px auto;display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
            .best-talent-cards{width: 100%;max-width: 350px;background: #fff;padding: 20px 30px;border-radius: 2px;margin: auto;min-height: 350px;}
            .best-talent-cards span{font-size: 24px;font-family: 'main_heading';margin: 10px 0;display: flex;color: #fff;}
            .best-talent-cards h3.best-talent-h3{font-size: 22px;margin: 10px 0;line-height: 1.6;color: #fff;}
            .best-talent-cards p {text-align: left;color: #fff;font-size: 16px;font-family: 'light-p';}
            .industries-Solutions-Container{display: flex;justify-content: center;margin-top: 20px;}
            .industries-Solutions-Container article{width: 100%;max-width: 600px;margin:32px 20px;display: flex;justify-content: space-between;padding: 20px;transition: all .4s;align-items: center;position: relative;overflow: hidden;box-shadow: 0px 1px 10px 1px #e7e7e7;}
            .industries-Solutions-Container article i{position: absolute;height: 1000px;width: 250px;left: -136px;top: -9px;bottom: 0;z-index: -1;transition: all .4s;background: linear-gradient(95deg, rgba(27,117,187,1) 30%, rgba(38,169,224,1) 100%);}
            .industries-Solutions-Container article:hover{transform: translateY(-5px);box-shadow: 0px 28px 12px -24px rgba(0,0,0,0.2);}
            .industries-Solutions-Container article:hover i{top: initial;bottom: initial;width: 1000px;border-radius: initial;}
            .industries-Solutions-Container article span{width: calc(100% - 262px);transition:all .4s;filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);}
            .industries-Solutions-Container article h4{font-size: 24px;line-height: 1.2; position: relative;display: inline-block;color: rgba(0, 0, 0,.6);}
            .industries-Solutions-Container article h4:before{content: '';position: absolute;bottom: -6px;left: 0;height: 2px;width: 0;transition: all .4s;background-color: #02596c;}
            .industries-Solutions-Container article:hover h4{color: #fff;}
            .industries-Solutions-Container article:hover h4:before{width: 80px;background: #fff;}
            .industries-Solutions-Container article p{color: rgba(0, 0, 0, 0.5);margin-top: 20px;line-height: 1.4;transition: all .4s;}
            .industries-Solutions-Container article:hover p{color: #fff;}
            .industries-Solutions-Container article div{margin-left: 54px;}
            .inner-new-page-get-in-touch h1{font-size: 60px;color: #fff;text-align: center;font-family: body_content;margin: 20px auto 50px;}
            .inner-new-page-get-in-touch h1 span {color: #fc0;font-family: main_heading;}
            .inner-new-page-get-in-touch a{font-size: 22px;font-family: main_heading;padding: 12px 20px;width: 100%;max-width: 250px;text-align: center;margin: 0 auto;display: flex;justify-content: center;align-items: center;border-radius: 2px;color: #fff;background: linear-gradient(95deg, rgba(27,117,187,1) 30%, rgba(38,169,224,1) 100%);}
            .inner-new-page-faqs h2.inner-new-page-h2-main{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-new-page-faqs h2.inner-new-page-h2-main::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .with-faq{padding: 40px 0px;}
        /* 31.1. web desgin page css  */
        /* 31.2. cms web page css  */
            .cms-inner-new-img{position: relative;}
            .cms-inner-new-img::before {content: '';position: absolute;background: no-repeat center center/contain;background-image: url('../../images/cms-website-development/cms-about-inner.png');bottom: -9px;right: 0;margin: auto;width: 100%;max-width: 350px;height: 250px;}
            .inner-new-page-for-you h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #fff;font-family: 'body_content';}
            .inner-new-page-for-you h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .for-you-cards-wrapper{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
            .for-you-card{width: 100%;max-width: 350px;margin: 20px;border-top: 4px solid #2acb22;padding: 25px;background: #fff;}
            .for-you-card span{display: flex;justify-content: center;align-items: center;margin: 20px auto;width: 130px;height: 130px;position: relative;}
            .for-you-card span::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;border: 2px dotted #2acb22;border-radius: 50%;animation: spin 10s linear infinite;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
            .for-you-card:nth-child(2) span::before{border-color: #255ccc !important;}
            .for-you-card:nth-child(3) span::before{border-color: #00ccff !important;}
            .for-you-card:nth-child(4) span::before{border-color: #e74c3c !important;}
            .for-you-card:nth-child(5) span::before{border-color: #f1c40f !important;}
            .for-you-card:nth-child(6) span::before{border-color: #9b59b6 !important;}
            @keyframes spin{100% {transform: rotateZ(360deg);}}
            .for-you-card span img{width: 70px;filter: invert(75%) sepia(50%) saturate(3757%) hue-rotate(68deg) brightness(91%) contrast(96%);}
            .for-you-card h3{color: #2acb22;text-align: center;font-size: 21px;line-height: 1.6;text-transform: capitalize;}
            .for-you-card p{font-size: 18px;text-align: center;color: #454545;font-family: light-p;line-height: 1.4;}
            .inner-new-page-our-services h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-new-page-our-services h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .our-cms-services-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 40px auto;}
            .our-cms-services-left{width: 100%;max-width: 550px;height: 400px;}
            .our-cms-services-right{width: 100%;max-width: 700px;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;}
            .our-cms-servies-right-top{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;gap: 20px;position: relative;cursor: pointer;transition: all .4s;}
            .our-cms-servies-right-top:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-cms-servies-right-top:hover span{opacity: 0;}
            .our-cms-servies-right-top:hover p{opacity: 1;}
            .our-cms-servies-right-top span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-cms-servies-right-top p{opacity: 0; color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;transition: all .3s;}
            .our-cms-servies-right-bottom{display: flex;justify-content: center;gap: 20px;}
            .our-cms-servies-right-bottom-left{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;width: 100%;max-width: 350px;position: relative;cursor: pointer;transition: all .4s;}
            .our-cms-servies-right-bottom-left span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-cms-servies-right-bottom-left p{opacity: 0; color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;}
            .our-cms-servies-right-bottom-right{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;width: 100%;max-width: 350px;position: relative;cursor: pointer;transition: all .4s;}
            .our-cms-servies-right-bottom-right span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-cms-servies-right-bottom-right p{opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;}
            .our-cms-servies-right-bottom-right:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-cms-servies-right-bottom-right:hover span{opacity: 0;}
            .our-cms-servies-right-bottom-right:hover p{opacity: 1;}
            .our-cms-servies-right-bottom-left:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-cms-servies-right-bottom-left:hover span{opacity: 0;}
            .our-cms-servies-right-bottom-left:hover p{opacity: 1;}
            .inner-new-page-our-process{margin: 40px auto;}
            .our-cms-process-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;}
            .our-cms-process-left{width: 100%;max-width: 400px;margin: 10px 0;background: rgba(4, 0, 0, 0.51);padding: 40px;}
            .our-cms-process-left h2.inner-new-page-h2 {font-size: 40px;color: #fff;font-family: 'body_content';padding: 40px 45px 30px;position: relative;text-align: center;}
            .our-cms-process-left h2.inner-new-page-h2::before {content: '';position: absolute;width: 35%;height: 2px;bottom: 22px;left: 0px;right: 0; margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .our-cms-process-left p{color: #fff;margin: 15px auto;text-align: center;line-height: 1.4;}
            .our-cms-process-right{width: 100%;max-width: 850px;margin: 10px auto;}
            .our-cms-process-cards{display: flex;justify-content: flex-start;align-items: center;gap: 20px;margin: 10px auto;}
            .our-cms-process-cards span{display: flex;justify-content: center;align-items: center;gap: 10px;border: 2px solid #25abba;width: 100%;max-width: 70px;height: 70px;border-radius: 40px 0px 40px 40px;transform: rotate(45deg);margin-right: 20px;}
            .our-cms-process-cards span i {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;font-style: initial;background: #fff;border-radius: 50%;color: #25abb2;transform: rotate(-45deg);}
            .process-content{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;background: rgba(4, 0, 0, 0.51);padding: 20px;}
            .process-content h3{color: #fff;font-size: 20px;}
            .process-content p{color: #fff;line-height: 1.4;margin: 10px 0;text-align: justify;font-size: 16px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(1) span{  border-color: #f57716;}
            .our-cms-process-right .our-cms-process-cards:nth-child(1) span i{ background: #f57716; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(1) .process-content h3{color: #f57716;}
            .our-cms-process-right .our-cms-process-cards:nth-child(2) span{  border-color: #2acb22;}
            .our-cms-process-right .our-cms-process-cards:nth-child(2) span i{ background: #2acb22; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(2) .process-content h3{color: #2acb22;}
            .our-cms-process-right .our-cms-process-cards:nth-child(3) span{  border-color: #00ccff;}
            .our-cms-process-right .our-cms-process-cards:nth-child(3) span i{ background: #00ccff; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(3) .process-content h3{color: #00ccff;}
            .our-cms-process-right .our-cms-process-cards:nth-child(4) span{  border-color: #e74c3c;}
            .our-cms-process-right .our-cms-process-cards:nth-child(4) span i{ background: #e74c3c; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(4) .process-content h3{color: #e74c3c;}
            .our-cms-process-right .our-cms-process-cards:nth-child(5) span{  border-color: #9b59b6;}
            .our-cms-process-right .our-cms-process-cards:nth-child(5) span i{ background: #9b59b6; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(5) .process-content h3{color: #9b59b6;}
            .our-cms-process-right .our-cms-process-cards:nth-child(6) span{  border-color: #f1c40f;}
            .our-cms-process-right .our-cms-process-cards:nth-child(6) span i{ background: #f1c40f; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(6) .process-content h3{color: #f1c40f;}
            .our-cms-process-right .our-cms-process-cards:nth-child(7) span{  border-color: #337eff;}
            .our-cms-process-right .our-cms-process-cards:nth-child(7) span i{ background: #337eff; color: #fff;text-shadow: 1px 2px 4px #000000c4;font-size: 18px;}
            .our-cms-process-right .our-cms-process-cards:nth-child(7) .process-content h3{color: #337eff;}
        /* 31.2. cms web page css  */
        /* 31.3. ecom web page css  */
            .inner-new-page-platform h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-new-page-platform h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .ecom-platform-wrapper{background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);width: 100%;max-width: 1050px;padding: 80px 60px 80px 40px;margin: 40px 0;}
            .ecom-platform-wrapper ul li{color: #fff;font-size: 18px;line-height: 1.7;margin: 10px 0;padding-left: 35px;position: relative;}
            .ecom-platform-wrapper ul li::before {content: '*';position: absolute;left: 0;top: -16px;font-size: 55px;font-family: body_content;width: 100%;height: 100%;margin: auto;}
            .ecom-services-wrapper{display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
            .ecom-services-card{width: 100%;max-width: 350px;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 20px auto;}
            .ecom-services-card h3{font-size: 35px; color: #25a6de;text-align: center;}
            .ecom-services-card p {text-align: justify;font-size: 16px;line-height: 1.6;color: #454545;border: 1px solid #efefef;padding: 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;border-radius: 4px;}
        /* 31.3. ecom web page css  */
        /* 31.4. maintenance web page css  */
            .inner-new-page-web-maintenance h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-new-page-web-maintenance h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .maintenance-expand-wrapper{display: flex;justify-content: center;align-items: center;margin: 40px 0 0;}
            .maintenance-expand-card{position: relative;width: 25%;padding: 40px;z-index: 0;transition: all .6s;height: 480px;}
            .maintenance-expand-card:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;z-index: -1;}
            .maintenance-expand-card .expand-headpart span{display: flex;justify-content: center;align-items: center;margin: 10px auto;}
            .maintenance-expand-card .expand-headpart span img{width: 100px; filter: invert(100%) sepia(0%) saturate(7446%) hue-rotate(309deg) brightness(113%) contrast(110%);}
            .expand-headpart{transform: translateY(110px);transition: all .7s;}
            .maintenance-expand-h3{font-size: 35px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #fff;font-family: 'body_content';margin-top: 20px;}
            .maintenance-expand-h3:before{content: '';position: absolute;width: 18%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .maintenance-expand-card p{color: #fff;text-align: center;opacity: 0;visibility: hidden; transition: all .3s ease-in;}
            .maintenance-expand-card:hover{width: 75%;height: 480px;}
            .maintenance-expand-card:hover .expand-headpart{transform: translateY(0px);}
            .maintenance-expand-card:hover p{opacity: 1;visibility: visible;}
            .inner-new-page-our-mainten-process h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .inner-new-page-our-mainten-process h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .our-mainten-process-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;}
            .our-mainten-process-left{width: 100%;max-width: 920px;margin: 10px 0;}
            .our-mainten-process-right{width: 100%;max-width: 620px;margin: 10px 0;height: 800px;}
            .our-mainten-process-cards {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 10px auto;}
            .our-mainten-process-cards span{display: flex;justify-content: center;align-items: center;gap: 10px;border: 2px solid #1276e1;width: 100%;max-width: 70px;height: 70px;border-radius: 40px 0px 40px 40px;transform: rotate(45deg);margin-right: 20px;}
            .our-mainten-process-cards span i {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;font-style: initial;background: #fff;border-radius: 50%;color: #25abb2;transform: rotate(-45deg);}
            .our-mainten-process-cards .process-content{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;padding: 20px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .our-mainten-process-cards .process-content h3{color: #fff;font-size: 20px;}
            .our-mainten-process-cards .process-content p{color: #fff;line-height: 1.4;margin: 10px 0;text-align: justify;font-size: 16px;}
            .our-mainten-services-wrapper{display: flex;justify-content: center;align-items: center;}
            .our-mainten-services-right h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: left;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';}
            .our-mainten-services-right h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .our-mainten-services-wrapper{display: flex;justify-content: space-between;}
            .our-mainten-services-left{width: 100%;max-width: 800px;height: 1120px;}
            .our-mainten-services-right{width: 100%;margin: 0;padding: 20px 60px;}
            .mainten-services-cards{margin: 10px auto 30px;}
            .mainten-services-cards p{margin: 10px 0 16px;}
            .mainten-services-cards h3{color: #26a7df;font-family: main_heading;font-size: 22px;}
        /* 31.4. maintenance web page css  */
        /* 31.5. mobile app development css  */
            /* .inner-new-page-why-mobile h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #fff;font-family: 'body_content';}
            .inner-new-page-why-mobile h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .mobile-app-development-flew-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 40px auto;}
            .left-mobile-app{width: 100%;max-width: 630px;height: 750px;}
            .right-mobile-app{width: 100%;max-width: 650px;margin: auto;} */
            /* .why-mobile-app-card{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 20px auto;}
            .why-mobile-app-card span{width: 100%;max-width: 80px;height: 80px;border: 2px solid #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
            .why-mobile-app-card span img{filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(308deg) brightness(103%) contrast(101%);} */
            /* .content-right-why-mobile-app-card h3{font-size: 22px;color: #fff;margin: 10px auto;text-align: left;}
            .content-right-why-mobile-app-card p{margin: 10px 0;font-size: 17px;color: #fff;line-height: 1.4;text-align: justify;} */
            /* .erp-process-wrapper{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
            .erp-process-wrapper .our-cms-process-cards{width: 100%;max-width: 630px;}
            .erp-process-wrapper .our-cms-process-cards span{border-color: #fff;}
            .erp-process-wrapper .our-cms-process-cards .process-content{background-color: #fff;}
            .erp-process-wrapper .our-cms-process-cards .process-content h3{color: #121212;}
            .erp-process-wrapper .our-cms-process-cards .process-content p{color: #fff;} */
            /* .inner-new-page-erp-services h2.inner-new-page-h2{font-size: 48px;font-weight: 300;text-align: center;position: relative;padding-bottom: 20px;color: #fff;font-family: 'body_content';}
            .inner-new-page-erp-services h2.inner-new-page-h2::before {content: '';position: absolute;width: 8%;height: 2px;bottom: 9px;left: 0px;right: 0;margin: auto;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .inner-new-page-erp-services p{color: #fff;} */
            /* .erp-service-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;} */
            /* .erp-services-card{width: 100%;max-width: 550px;margin: 20px auto;}
            .erp-services-card h3{font-size: 24px;color: #fff;margin: 10px 0;text-align: left;line-height: 1.6;}
            .erp-services-card p{color: #fff;line-height: 1.4;margin: 10px 0;text-align: justify;} */
        /* 31.5. mobile app development css  */
        /* 31.6. graphic page css  */
            .right-web-desgin-wrapper h2.inner-new-page-gd-h2{font-size: 32px;font-weight: 300;font-family: 'body_content';text-align: left;position: relative;padding-bottom: 10px;color: #121212;}
            .right-web-desgin-wrapper h2.inner-new-page-gd-h2 span{font-family: 'main_heading';color: #ce1313;}
            .right-web-desgin-wrapper h2.inner-new-page-gd-h2::before {content: '';position: absolute;left: 0;bottom: 0;width: 20%;height: 1px;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);margin: auto;}
            .graphic-procrss{display: flex;justify-content: center;align-items: center;}
            .left-graphic-process{width: 100%;max-width: 450px;height: 950px;margin: auto;transform: translateY(35px);}
            .right-graphic-process{width: 100%;max-width: 850px;margin: auto;}
            .right-graphic-process-top-wrapper{transform: translateX(-125px);}
            .right-graphic-process-middle-wrapper{transform: translateX(-45px);}
            .right-graphic-process-card {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 30px auto;}
            .right-graphic-process-card span{display: flex;justify-content: center;align-items: center;gap: 10px;border: 2px solid #1276e1;width: 100%;max-width: 70px;height: 70px;border-radius: 40px 0px 40px 40px;transform: rotate(45deg);margin-right: 20px;}
            .right-graphic-process-card span i {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;font-style: initial;background: #fff;border-radius: 50%;color: #25abb2;transform: rotate(-45deg);}
            .right-graphic-process-card .process-content{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;padding: 20px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
            .right-graphic-process-card .process-content h3{color: #fff;font-size: 20px;}
            .right-graphic-process-card .process-content p{color: #fff;line-height: 1.4;margin: 10px 0;text-align: justify;font-size: 16px;}
        /* 31.6. graphic page css  */
        /* 31.7. corporate identity page css  */
            .why-need-corporate-cards-wrapper{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
            .why-need-corporate-cards{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;gap: 20px;position: relative;cursor: pointer;transition: all .4s;width: 100%;max-width: 600px;height: 350px;margin: 10px;}
            .why-need-corporate-cards span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;background-color: #fff;height: 100px;width: 100px;border-radius: 50%;}
            .why-need-corporate-cards span img{width: 60px;}
            .why-need-corporate-cards h3{font-size: 22px;color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;transition: all .3s;position: absolute;bottom: 80px; font-family: 'body_content';font-weight: 600;}
            .why-need-corporate-cards h4{opacity: 0;font-size: 22px;color: #fff;line-height: 1.4;margin: 10px 0;text-align: left;transition: all .3s;}
            .why-need-corporate-cards p{opacity: 0; color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;transition: all .3s;}
            .why-need-corporate-cards:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .why-need-corporate-cards:hover span{opacity: 0;}
            .why-need-corporate-cards:hover h3{opacity: 0;}
            .why-need-corporate-cards:hover p{opacity: 1;}
            .why-need-corporate-cards:hover h4{opacity: 1;}
            .our-Corporate-process-right{width: 100%;max-width: 620px;margin: 10px 0;height: 800px;}
        /* 31.7. corporate identity page css  */
        /* 31.8. ui ux page css  */
            .some-extra-wrapper{display: flex;justify-content: flex-start;align-items: center;gap: 20px;position: relative;}
            .left-some-extra-card h2.inner-new-page-h2 {font-size: 48px;font-weight: 300;font-family: 'body_content';text-align: left;position: relative;padding-bottom: 20px;color: #fff;}
            .left-some-extra-card h2.inner-new-page-h2::before {content: '';position: absolute;left: 0;bottom: 0;width: 20%;height: 3px;border-radius: 25px;background: #fff;margin: auto;}
            .left-some-extra-card p{color: #fff;line-height: 1.4;font-size: 18px;}
            .left-some-extra-card{width: 100%;max-width: 550px;margin: auto 0;}
            .right-some-extra-card{width: 100%;max-width: 550px;height: 700px;position: absolute;right: 0;}
            .inner-new-page-ui-ux-services h2.inner-new-page-h2 {font-size: 48px;font-weight: 300;font-family: 'body_content';text-align: center;position: relative;padding-bottom: 20px;}
            .inner-new-page-ui-ux-services h2.inner-new-page-h2::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 20%;height: 3px;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);margin: auto;}
            .ui-ux-services-cards-wrapper{display: flex;justify-content: flex-end;align-items: center;gap: 20px;position: relative;}
            .left-ui-ux-service-card {width: 100%;max-width: 650px;margin: 0px auto;height: 500px;position: absolute;left: -60px;bottom: -30px;}
            .right-ui-ux-service-card {display: flex;justify-content: center;gap: 20px;width: 100%;max-width: 700px;flex-wrap: wrap;margin: 60px 0;}
            .our-ui-ux-servies-right-top{display: flex;justify-content: center;gap: 20px;}
            .our-ui-ux-servies-right-top-left{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px;width: 100%;max-width: 280px;position: relative;cursor: pointer;transition: all .4s;}
            .our-ui-ux-servies-right-top-left span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-ui-ux-servies-right-top-left p{opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;font-size: 14px;}
            .our-ui-ux-servies-right-top-right{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;width: 100%;max-width: 350px;position: relative;cursor: pointer;transition: all .4s;}
            .our-ui-ux-servies-right-top-right span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-ui-ux-servies-right-top-right p{opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;font-size: 14px;}
            .our-ui-ux-servies-right-top-right:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-ui-ux-servies-right-top-right:hover span{opacity: 0;}
            .our-ui-ux-servies-right-top-right:hover p{opacity: 1;}
            .our-ui-ux-servies-right-top-left:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-ui-ux-servies-right-top-left:hover span{opacity: 0;}
            .our-ui-ux-servies-right-top-left:hover p{opacity: 1;}
            .our-ui-ux-servies-right-bottom{display: flex;justify-content: center;gap: 20px;}
            .our-ui-ux-servies-right-bottom-left {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px;width: 100%;max-width: 350px;position: relative;cursor: pointer;transition: all .4s;}
            .our-ui-ux-servies-right-bottom-left span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-ui-ux-servies-right-bottom-left p {opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;font-size: 14px;}
            .our-ui-ux-servies-right-bottom-right{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;width: 100%;max-width: 350px;position: relative;cursor: pointer;transition: all .4s;}
            .our-ui-ux-servies-right-bottom-right span{display: flex;justify-content: center;align-items: center;position: absolute; transition: all .3s;}
            .our-ui-ux-servies-right-bottom-right p{opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: center;font-size: 14px;}
            .our-ui-ux-servies-right-bottom-right:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-ui-ux-servies-right-bottom-right:hover span{opacity: 0;}
            .our-ui-ux-servies-right-bottom-right:hover p{opacity: 1;}
            .our-ui-ux-servies-right-bottom-left:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .our-ui-ux-servies-right-bottom-left:hover span{opacity: 0;}
            .our-ui-ux-servies-right-bottom-left:hover p{opacity: 1;}
            .our-ui-ux-servies-right-bottom-left h3 {font-size: 20px;color: #fff;position: absolute;display: flex;justify-content: flex-start;align-items: flex-start;top: 35px;}
            .our-ui-ux-servies-right-bottom-right h3{ font-size: 20px;color: #fff;position: absolute;display: flex;justify-content: flex-start;align-items: flex-start;top: 35px;}
            .our-ui-ux-servies-right-bottom-left:hover h3{opacity: 0;}
            .our-ui-ux-servies-right-bottom-right:hover h3{opacity: 0;}
        /* 31.8. ui ux page css  */
        /* 31.9. content writer page css  */
            .inner-new-page-call-action-wrapper{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
            .left-call-to-action h2.inner-new-page-h2 {font-size: 48px;font-weight: 300;font-family: 'body_content';text-align: left;position: relative;padding-bottom: 20px;color: #fff;}
            .left-call-to-action h2.inner-new-page-h2 span{color: #fc0;font-family: 'main_heading';}
            .right-call-to-action{width: 100%;max-width: 560px;height: 260px;}
            .services-ui-ux-wrapper{margin: 40px auto;}
            .content-expand-wrapper .maintenance-expand-card{height: 550px !important;}
            .content-expand-wrapper .maintenance-expand-card:hover {width: 75%;height: 550px;}
        /* 31.9. content writer page css  */
        /* 31.10. digital marketing css  */
            .right-web-desgin-wrapper h2.inner-new-page-dm-h2{font-size: 32px;font-weight: 300;font-family: 'body_content';text-align: left;position: relative;padding-bottom: 10px;color: #121212;}
            .right-web-desgin-wrapper h2.inner-new-page-dm-h2 span{font-family: 'main_heading';color: #10b0ff;}
            .right-web-desgin-wrapper h2.inner-new-page-dm-h2::before {content: '';position: absolute;left: 0;bottom: 0;width: 20%;height: 1px;border-radius: 25px;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);margin: auto;}
            .why-dm-needs-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 40px auto;}
            .why-dm-need-card {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;width: 100%;max-width: 620px;position: relative;cursor: pointer;transition: all .4s;min-height: 300px;}
            .why-dm-need-card h3{font-size: 26px;color: #fff;position: absolute; transition: all .3s;line-height: 1.4;margin: 10px 0;text-align: left;bottom: 0;left: 0;transition: all .3s;padding: 20px 40px;}
            .why-dm-need-card p{opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: justify;font-size: 17px;}
            .why-dm-need-card:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .why-dm-need-card:hover h3{top: 0;bottom: initial;}
            .why-dm-need-card:hover p{opacity: 1;}
            .p-white-txt{color: #fff;}
        /* 31.10. digital marketing css  */
        /* 31.11. seo page css  */
            .inner-new-page-seo-services h2.inner-new-page-h2{font-size: 48px;font-weight: 300;font-family: 'body_content';text-align: center;position: relative;padding-bottom: 20px;color: #fff;}
            .inner-new-page-seo-services h2.inner-new-page-h2::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 20%;height: 3px;border-radius: 25px;background: #fff;margin: auto;}
            .inner-new-page-seo-services p{color: #fff;}
            .seo-services-tabs-warapper{display: flex;justify-content: center; align-items: center;}
            .tab {float: left;width: 100%;max-width:400px; border-right: 1px solid rgba(0,0,0,.1);}
            .tab button {display: block;background-color: inherit;color: #074685;padding: 20px 15px !important;width: 100%;border: none;outline: none;text-align: left;cursor: pointer;transition: 0.3s;font-size: 24px;display: flex;align-items: center;}
            .tab button p{margin: 5px 25px;font-size: 18px;font-family: 'body_content';}
            .tab button:hover {background-color: rgba(3, 46, 89,.799); color: #fff;}
            .tab button:hover img{filter: invert(100%) sepia(0%) saturate(3552%) hue-rotate(168deg) brightness(114%) contrast(100%);}
            .tab button.active {background-color: rgba(3, 43, 84, 0.224);border-right: 6px solid #ffcc00;}
            .tab button.active p{ color: #fff;}
            .tab button.active img{filter: invert(15%) sepia(92%) saturate(2209%) hue-rotate(197deg) brightness(97%) contrast(94%);}
            .tab button img{filter: invert(15%) sepia(92%) saturate(2209%) hue-rotate(197deg) brightness(97%) contrast(94%);}
            .tabcontent { float: left;padding: 0px 10px;width: 100%;max-width:800px;border-left: none; margin: auto 30px;}
            .services-tab-content-card .inner-new-page-common-ul li{font-size: 18px;color: #fff;margin: 15px 0;text-align: justify;line-height: 1.4;position: relative;padding-left: 25px;}
            .services-tab-content-card .inner-new-page-common-ul li::before{content: '';position: absolute;left: 0;top: 6px;margin: auto;width: 14px;height: 14px;background: no-repeat center center/cover; background-image: url('../../images/seo/star-1-white.png');}
            .services-tab-content-card h3{display: none;}
        /* 31.11. seo page css  */
        /* 31.12. smm css  */
            .why-smm-markets-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 40px auto;}
            .why-smm-market-card {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;width: 100%;max-width: 620px;position: relative;cursor: pointer;transition: all .4s;min-height: 600px;}
            .why-smm-market-card h3{font-size: 26px;color: #fff;position: absolute; transition: all .3s;line-height: 1.4;margin: 10px 0;text-align: left;bottom: 0;left: 0;transition: all .3s;padding: 20px 40px;}
            .why-smm-market-card p{opacity: 0;color: #fff;line-height: 1.4;margin: 10px auto;text-align: justify;}
            .why-smm-market-card:hover{  background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%) !important;}
            .why-smm-market-card:hover h3{top: 0;bottom: initial;}
            .why-smm-market-card:hover p{opacity: 1;}
        /* 31.12. smm css  */
    /* 31. new inner pages css from maniknata  */
    /* 32. new inner pages css from dhanu  */
        /* 32.1. career page css  */
            .career-main {padding: 60px 0;}
            .career-h {padding: 0 0 40px;}
            .career-h h1 {color: #4e4171;text-align: center;font-size: 42px;}
            .career-box-all {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1200px;height: 100%;}
            .career-box {color: #fff;position: relative;width: 100%;max-width: 430px;height: 370px;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 50px 0 0;}
            .career-box P {color: #fff;text-align: center;font-size: 16px;width: 100%;max-width: 290px;padding: 0 0 0 20px;}
            .career-box::before {content: '';position: absolute;top: 0;width: 100%;max-width: 370px;height: 100%;background: url(../../images/career-inner-page/career-box-bg.webp) no-repeat center center/cover;z-index: -1;filter: invert(27%) sepia(11%) saturate(2221%) hue-rotate(215deg) brightness(91%) contrast(90%);}
            .career-box:nth-child(2):before { filter: invert(86%) sepia(11%) saturate(5585%) hue-rotate(356deg) brightness(98%) contrast(108%);}
            .career-box:nth-child(3):before {filter: invert(48%) sepia(84%) saturate(1843%) hue-rotate(166deg) brightness(104%) contrast(105%);}
            .career-box:nth-child(2), .career-box:nth-child(2) p {color: #4e4171;}
        /* 32.1. career page css  */
      
        /* 32.2. Client sec 1  */
            .right-clientele-carousel {display: flex;position: relative;top: -40px;z-index: 2;}
            .right-clientele-carousel article {width: 100%;max-width: 300px;padding: 20px;border-radius: 4px;margin: 0 auto;background: #fff;min-height: 400px;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;border-bottom: 4px solid #fbbc04;}
            section.client_wrapper-bg .right-clientele-carousel article p {font-size: 16px;line-height: 1.5;color: #000000cf;}
            .clien-sec-1-p {display: flex;width: 100%;max-width: 700px;gap: 20px;position: relative;overflow: hidden;transition: all 1s ease-in-out;}
            .clientele-sec-1 article p {box-shadow: -5px -5px 5px #09c4f91a;padding: 20px;background: #4F4272;color: #fff;}
            .clien-sec-1-p::after {animation: ppp infinite 3s;}
            .clien-sec-1-p::after {position: absolute;top: 0;left: -110%;z-index: 0;display: block;content: '';width: 50%;height: 100%;background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg);}
            .clientele-sec-1 article p~p {background: #fbbc04;}
            .clientele-sec-1 article p span {color: #fff;}
            .clientele-sec-1 .button-container {justify-content: space-between;}
            .clientele-sec-1 .button-container a {background: linear-gradient(315deg, #4f4272 0%, #4f4272 74%);}
            .clientele-sec-1 .button-container a~a {background: linear-gradient(315deg, #fbbc04 0%, #fbbc04d4 74%);}
            .client-sec-1-img img { width: 100%;}
            section.clientele-outer-wrapper .button-container { margin: 40px 0 0;}
            .clientele-description-intro {display: flex;justify-content: space-between;margin: auto;align-items: center;width: 100%;max-width: 1200px;}
            .clientele-description-intro article:last-child img {max-width: 500px;}
            .clientele-description-intro article:last-child {width: 45%;text-align: center;position: relative;right: -40px;}
            .clientele-description-intro article:first-child {width: 56%;padding: 40px 20px;}
            .clientele-outer-wrapper .heading-wrapper {margin: 0;}
            section.clientele-outer-wrapper {padding: 80px 10px 0;}
        /* 32.2. Client sec 1  */
    
        /* 32.3. product */
            .innerproduct-frame {overflow: hidden;position: relative;z-index: 1;display: flex;justify-content: center;width: 100%;margin: auto;padding: 80px 0;}
            .our-product-h {width: 100%;padding: 0 0 0 20px;}
            .our-product-h h1 {padding: 0 0 20px;color: #4e4171;font-size: 42px;}
            .product-web {width: 100%;max-width: 274px;height: 585px;transition: all 2s ease;position: absolute;overflow: hidden;margin: 15px 0 0;border-radius: 40px;}
            .pro-mob-parent {position: relative;width: 100%;max-width: 500px;height: 800px;z-index: 1;margin: auto;display: flex;justify-content: center;}
            .pro-mob-parent::before {content: '';position: absolute;top:0px;width: 100%;height: 100%;background: url(../../images/inner-page-new-banner/product-phone.webp) no-repeat;background-size: 100%;z-index: 2;pointer-events: none; max-width: 299px;}
            .product-web img:hover {top: -6350px;transition: all 11s;}
            .product-web img {position: absolute;top: -250px;z-index: 1;transition: all 5s;}
        /* 32.3. product */

        /* 32.4. testimonail Page section.................................................................... */
            .test-inner-wrapper {overflow: hidden;padding: 0 0 60px;}
            .test-inner-main {position: relative;display: flex;flex-direction: column;gap: 80px;padding: 40px 0 0;}
            .test-inner-main .line-main {position: absolute;top: 0;right: 0;left: 0;margin: auto;width: 2px;height: 0;transition: all 1s ease;background: #00ff65;pointer-events: none;}
            .test-inner-both {display: flex;gap: 80px;position: relative;margin: auto;width: 100%;max-width: 1150px;align-items: center;}
            .test-inner-both h5 {font-size: 23px;font-weight: 300;margin: 0 0 0;font-family: 'poppins-menu-2';}
            .test-inner-both span {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 30px;height: 30px;border-radius: 50%;background: #fff;border: 2px solid #00ff65;}
            .test-inner-left h5, .test-inner-left p {text-align: right;}
            .test-inner-left, .test-inner-right {width: 100%;max-width: 550px;}
            .test-inner-img {text-align: center;position: relative;z-index: 1;}
            .test-inner-img img {width: 100%;max-width: 200px;box-shadow: 0 0 10px #e5e5e5; }
        /* 32.4. testimonail Page section.................................................................... */

        /* 32.5. portfolio inner page dhan css ........................................... */
            .portfo-inner-main {display: flex;justify-content: space-between;gap: 20px;padding: 40px 0;}
            .portfo-scroll-img {background-size: initial;background-position: top left;background-repeat: repeat;padding-top: 350px !important;margin-left: auto !important;margin-right: auto !important;transition: background-position 1.5s ease-out 0.5s;background-position: top center;background-size: 100% auto !important;height: 100%;width: 100% !important;background-repeat: no-repeat;box-shadow: 0 0 10px #2d2c2c;max-width: 50%;}
            .portfo-scroll-img:hover {background-position: bottom center !important;transition: background-position 10s linear 0s;}
            .portfo-inner-content {width: 100%;max-width: 50%;}
            .portfo-inner-content a {margin: 30px 0 0;}
            .portfo-inner-content h2 {font-size: 30px;color: #1276e1;}
            .main-portfo-img-wrap {width: 100%;display: flex;justify-content: center;gap: 140px 23px;padding: 40px 0 60px;flex-wrap: wrap;}
            .portfo-img-wrap {width: 100%;max-width: 400px;padding: 0 0 40px;}
            .portfo-img-name {margin: 20px 0 0;text-align: center;}
            .portfo-img-name h3 {font-size: 20px;color: #1a1d5d;margin: 20px 0;}
            .portfo-img-name a {font-size: 16px;padding: 7px 15px;}
            a.profo-resp {display: none;}
            #process-resp {display: none;}
        /* 32.5. portfolio inner page dhan css ........................................... */
    
        /* 32.6. platforms css  */
            .platforms-logos-wrapper{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px;}
            .platform-logo-cards{width: 100%;max-width: 400px;margin: 10px auto;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;gap: 20px;padding: 40px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
        /* 32.6. platforms css  */

        /* 32.7. industires and soluctions  */
            .inner-new-page-industries h2.inner-new-page-h2-main{font-size: 48px;font-weight: 300;position: relative;padding-bottom: 20px;color: #121212;font-family: 'body_content';text-align: left;}
            .business-portals-wrapper{position: relative;padding: 0;z-index: 0;}
            .business-portals-wrapper::before {content: '';background: #000000d4;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 50%;height: 100%;z-index: -1;}
            .business-portals-wrapper h2{color: #fff !important;}
            .tabs-new {display: flex;justify-content: center;}
            .tabs-new ul {display: flex;flex-wrap: wrap;width: 100%;max-width: 600px;gap: 20px;position: relative;z-index: 1;}
            #tabs-nav-new li {width: 100%;max-width: 280px;padding: 20px 0;cursor: pointer;list-style: none;background: #52c43500;border: 1px solid #ffff;transition: all 1s ease;}
            #tabs-nav-new li a {display: flex;justify-content: center;align-items: center;gap: 10px;}
            #tabs-nav-new li a span:first-child{width: 100%;max-width: 100px;margin: 0;display: flex;justify-content: flex-end;align-items: center;}
            #tabs-nav-new li a span:last-child{width: 100%;max-width: 180px;margin: 0;display: flex;justify-content: flex-start;align-items: center;font-size: 20px;}
            #tabs-nav-new li:hover, #tabs-nav-new li.active {background: #51c435;border: 1px solid #51c435;transition: all .4s ease;}
            #tabs-nav-new {padding: 40px 0;margin: auto;}
            #tabs-nav-new li a {text-decoration: none;color: #fff;}
            #tabs-content-resp, #tabs-content {width: 100%;max-width: 700px;margin: auto auto auto 100px;}
            .tab-content-new-resp, .tab-content-new {background: #fff;padding: 50px;margin: 0 0px;display: flex;flex-direction: column;gap: 20px;justify-content: center;align-items: center;text-align: center;}
            .tab-content-new-resp {display: none;}
            .tab-content-new-resp h5, .tab-content-new h5 {font-size: 40px;}
            .tab-content-new p{text-align: justify;}
            #tabs-nav-new li a span img {width: 100%;max-width: 50px;filter: invert(88%) sepia(100%) saturate(16%) hue-rotate(266deg) brightness(103%) contrast(106%)}
            .tab-new-wrapper::before {content: '';position: absolute;left: 0;top: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0.719) 50%, rgba(0, 0, 0, 0) 50%);width: 100%;height: 100%;z-index: 0;}
            .tab-content-new-resp span img, .tab-content-new span img {width: 100%;max-width: 100px;filter: invert(88%) sepia(100%) saturate(16%) hue-rotate(266deg) brightness(103%) contrast(106%)}
            .tab-content-new-resp span, .tab-content-new span {display: flex;justify-content: center;align-items: center;width: 200px;height: 200px;border-radius: 50%;background: #51c435;}
            #tabs-content-resp {display: none;}

            .related-projects{display: flex;justify-content: center;align-items: center;gap: 20px;}
            .related-projects img{width: 100%;max-width: 80px;}
        /* 32.7. industires and soluctions  */
        /* 32.8. Methodology css  */
            .methodology-page-content{background-color: #f7f7f7;}
            .methodology-page-content .fluid-container{padding: 0;}
            .methodology-fold-wrapper{position: relative;}
            .methodology-fold-wrapper::before{position: absolute;content: '';display: block;width: 92px;height: 100%;top: 0;left: -90px;background-image: url(../../images/table-page-application-integration-left.webp);background-repeat: no-repeat;background-position: 0 50%;background-size: 100% 100%;}
            .methodology-fold-wrapper::after{position: absolute;content: '';display: block;width: 92px;height: 100%;top: 0;right: -90px;background-image: url(../../images/table-page-application-integration-right.webp);background-repeat: no-repeat;background-position: 0 50%;background-size: 100% 100%;}
            .methodology-fold-card{height: 185px;background-color: #fff;border-bottom: 1px solid #f4f4f4;display: flex;justify-content: center;align-items: center;gap: 30px;}
            .methodology-fold-wrapper .methodology-fold-card:nth-child(2n){height: 185px;background-color: #f1f1f1;}
            .methodology-fold-card p{margin: 0;padding: 20px;}
            .methodology-fold-card h4 {position: relative;display: block;font-size: 22px;color: #FFF;text-transform: capitalize;background-color: #1b75bb;padding: 20px 30px;font-family: 'body_content';width: 100%;max-width: 300px;margin-left: 27px;}
            /* .methodology-fold-card h4 {position: relative;display: block;font-size: 22px;color: #FFF;text-transform: capitalize;background-color: #1276e1;padding: 20px 30px;font-family: 'body_content';width: 100%;max-width: 300px;margin-left: 27px;} */
            .methodology-fold-card h4::after {content: '';position: absolute;display: block;width: 20px;height: 100%;top: 0;right: -20px;background-repeat: no-repeat;background-position: 0 50%;background-image: url('../../images/methodology-h-af.png');background-size: 100% 100%;}
        /* 32.8. Methodology css  */
        /* 32.9. cms */
            /* 32.9.1. cms about css  */
                .cms-intro{max-width: 700px !important;}
                .cms-intro article ul{justify-content: flex-start;}
                .cms-intro article ul li{max-width: 300px;}
            /* 32.9.1. cms about css  */
            .cms-smw-wrapper {padding: 40px 20px;height: 521px;margin-top: 50px;}
            .inner-cms-cmw-wrapper{display: flex;justify-content: center;align-items: center;gap: 40px;}
            .cms-cmw-card {width: 100%;max-width: 550px;margin: auto;}
            .cms-cmw-card p{text-align: justify;background: #ffffffc2;}
            .cms-cmw-card h2{font-size: 48px;font-weight: 300;font-family: 'body_content';text-align: left;position: relative;}
            h3.facy-h-txt {text-align: center;font-size: 25px;font-family: bold-heading;color: #454545;}
        /* 32.9. cms */
        /* 32.10. related projects */
            .slide-wrap {width: 100%;height: 800px;position: relative;}
            .slider-new-h {position: absolute;top: 40px;left: 0;right: 0;margin: auto;z-index: 1;color: #fff;text-align: center;}
            .slider-new-h h1{font-size: 48px;font-weight: 300;position: relative;padding-bottom: 20px;color: #fff;font-family: 'body_content';text-align: center;}
            .ui-big-images {position: absolute;height: 100%;width: 100%;overflow: hidden;display: flex;z-index: 0;height: 800px;}
            .ui-big-image {width: 100%;margin-right: -100%;position: relative;}
            .ui-big-image::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .3;z-index: 1;}
            .ui-big-image img {object-fit: cover;object-position: center 20%;width: 100%;height: 100%;display: block;object-position: center;}
            .ui-thumbnail {display: block;margin-right: 0.5rem;padding: 0.5rem 0;cursor: pointer;}
            .ui-cuticle {background-color: transparent;position: absolute;bottom: 0;height: 0.25rem;width: 100%;}
            .ui-thumbnail>img {width: auto;}
            .ui-content {position: absolute;width: 100%;max-width: 950px;left: 0px;right: 0;bottom: 0;z-index: 2;height: 300px;top: 0;margin: auto;z-index: 4;}
            .ui-articles {background: #fff;color: #3c3c3c;display: flex;align-items: stretch;overflow: hidden;height: 300px;}
            .ui-article {padding: 20px;width: 100%;margin-right: -100%;display: flex;justify-content: space-between;gap: 20px;align-items: center;}
            .ui-article a {color: #fff;font-size: 16px;position: relative;z-index: 5;display: flex;justify-content: center;align-items: flex-end;width: 100%;max-width: 200px;margin-left: auto;}
            .ui-paragraph {margin: 10px 0 20px;font-size: 16px;color: #545454;line-height: 1.6;text-align: justify;}
            .ui-nav {width: 100%;}
            .ui-nav button {all: unset;color: #000;transition: inherit;transition-duration: 300ms;margin: 2px 0 0;position: absolute;right: -90px;top: 0;bottom: 0;margin: auto;transform: translateY(20px);}
            .ui-nav button img {transition-duration: 300ms;width: 100%;max-width: 50px;opacity: 1;filter: invert(100%) sepia(22%) saturate(0%) hue-rotate(54deg) brightness(108%) contrast(102%);}
            .ui-nav button:hover img {opacity: .8;max-width: 55px;transition-duration: 300ms;}
            .ui-nav button~button {left: -90px;right: unset;}
            .ui-nav button:active {outline: none;transform: translateY(0.25em);transition-duration: 100ms;}
            .ui-heading {margin: 0;margin-bottom: 0.2rem;font-size: 48px;font-weight: 300;position: relative;padding-bottom: 0;color: #000;font-family: 'body_content';text-align: left;}
            .ui-heading:before {content: '';font-size: 0.5rem;text-transform: uppercase;display: block;margin-bottom: 0.5rem;letter-spacing: 1px;}
            /* ---------------------------------- */
            .ui-big-image {opacity: 0;transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
            .ui-big-image[data-active]~.ui-big-image {transform: translateX(100%);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
            .ui-big-image[data-active] {opacity: 1;transform: translateX(0%);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
            .ui-big-image[data-active] img {transform: scale(1);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
            /* ---------------------------------- */
            .ui-article {transform: translateX(-100%);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
            .ui-article[data-active]~.ui-article {transform: translateX(100%);transition-property: transform, opacity, filter;transition-duration: 0.7s, 0.7s, 0.7s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
            .ui-article[data-active] {transform: translateX(0%);}
            .ui-article[data-active]:before {opacity: 0;}
            /* ---------------------------------- */
            .ui-cuticle {display: none;}
            .new-slider-img {width: 100%;max-width: 450px; margin: auto 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
            .new-slider-img img {width: 100%;max-width: 450px;}
        /* 32.10. related projects */
    /* 32. new inner pages css from dhanu  */
    .inner-right-flex-do-more span:hover {background: linear-gradient(315deg, #26a9e0 0%, #1276e1 74%);border-width: 1px;border-style: solid;border-image: linear-gradient(315deg, #26a9e0 0%, #1276e1 74%);}
    .md-service-section-all {display: flex;gap: 15px;flex-wrap: wrap;justify-content: center;}
    .md-service-main h2 {font-family: body_content;font-size: 42px;}
    .md-service-all {width: 100%;max-width: 900px;margin: auto;text-align: center;}
    .md-service-wrapper {padding: 0 0 80px;background: radial-gradient( circle, #00c8c6, #0086b6, #0086b6);overflow: hidden;}
    .md-service-section h3 {font-family: bold-heading;font-size: 20px;line-height: 25px;}
    .md-service-img {height: 503px;background: url(../../images/mobile-app-development/inner-images/mobile-app-dev-icon-bg.png) no-repeat center center/cover;filter: drop-shadow(-80px 0 30px #00000054);}
    .md-service-main {width: 100%;max-width: 800px;margin: 40px auto 20px;color: #fff;}
    .md-service-main p {text-align: center;color: #fff;font-family: light-p;}
    .md-service-main>p {font-size: 20px;}
    .md-service-section hr {border: none;background: #fff;height: 2px;width: 0%;margin: 20px auto 15px;transition: all 5s ease;}
    hr.incLength {transition: all 5s ease;width: 80% !important;}
    .md-service-section {width: 100%;max-width: 250px;}

    /* 33. counters */
        .counter-index-wrapper{padding: 40px 0 80px;position: relative;background-color: #2a2a72;background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);}
        .counter-index-wrapper i {font-style: initial;display: flex;justify-content: center;align-items: center;color: #fff;}
        .counter-index-wrapper .main-container{display: flex;justify-content: center;flex-wrap: wrap;}
        .counter-index-wrapper article{width: 100%;max-width: 250px;margin: 0 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px;margin-bottom: 40px;}
        .counter-index-wrapper article em {display: flex;justify-content: center;align-items: center;width: 200px;height: 85px;position: relative;z-index: 1;}
        .counter-index-wrapper article em:after{left: initial !important;right: 0;transform: translate(3px,26px) !important;}
        .counter-index-wrapper article em img{width: 75px;transform: translateY(10px);filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(358deg) brightness(104%) contrast(101%);}
        .counter-index-wrapper article span {font-size: 32px;font-family: 'jost'; letter-spacing: 1px;margin-right: 10px;}
        .counter-index-wrapper article h5 {font-family: 'poppins-menu-2' !important;text-transform: uppercase;font-size: 20px;color: #fff;letter-spacing: 1px;margin: 20px auto;text-align: center;line-height: 1.2;}
        .counter-value{font-family: 'poppins-menu-2';}
        .custom-shape-divider-bottom-1632987318 {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}
        .custom-shape-divider-bottom-1632987318 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 95px;}
        .custom-shape-divider-bottom-1632987318 .shape-fill {fill: #FFFFFF;}
    /* 33. counters */
    /* 34. index page internal css */
        .right-stick {position: fixed;top: 250px;z-index: 0;transition: all .8s;}
        .home-round-wrapper {pointer-events: none;}
        .roundFixed {position: fixed;top: 40px;pointer-events: visible;overflow: scroll;scrollbar-width: none;}
        iframe.roundFixed {height: 100vh !important;}
        .fixedmain {width: 940px;margin: 0 auto;position: relative;}
        .fixed-inner {width: 220px;position: absolute;top: 0;right: 720px;}
        .our-people-con {width: 100%;max-width: 600px;transform: translateY(-200px);}
    /* 34. index page internal css */
    /* 35. careers css  */
        .new-car-main {display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}
        .new-car-img img {width: 100%;max-width: 300px;}
        .new-carrers {padding: 0 10px;}
        .new-car-sep {width: 100%;max-width: 400px;height: 600px;background: url(../../images/career-inner-page/dg-bg.webp) no-repeat center center/cover;position: relative;padding: 40px;display: flex;flex-direction: column;justify-content: space-between;}
        .new-car-sep::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom right, rgba(27, 117, 187, 0.85) 80%, rgba(38, 167, 223, 0.6));}
        .new-car-sep:nth-child(2)::before {background: linear-gradient(to bottom right, rgb(255, 212, 0, 0.85) 80%, rgb(255, 212, 0, .6));}
        .new-car-sep:nth-child(4)::before, .new-car-sep:nth-child(3)::before {background: linear-gradient(to bottom right, #243ea1, #283aa2, #2d36a3, #3231a3, #372ca3, #3f2ba4, #462aa6, #4d28a7, #572baa, #602eae, #6932b1, #7235b4);opacity: .90;}
        .new-car-sep:nth-child(5)::before{background: linear-gradient(to bottom right,#46C70F73,#46C70F);}
        .new-car-inner h4 {font-size: 30px;color: #fff;text-shadow: 2px 5px 5px #0000003b;}
        .new-car-inner h5 {color: #fff;font-size: 20px;font-weight: 300;display: flex;gap: 5px;text-shadow: 2px 5px 5px #0000003b;}
        .new-car-sep:nth-child(2) .new-car-inner h5, .new-car-sep:nth-child(2) .new-car-inner h4 {text-shadow: 2px 5px 5px #0000003b;}
        .new-skill {display: flex;gap: 8px;width: 100%;max-width: 300px;flex-wrap: wrap;margin: 20px 0 0;}
        .new-skill-inner {display: flex;gap: 8px;flex-wrap: wrap;margin: 20px 0 0;}
        .new-skill p {color: #fff;margin: 0;line-height: unset;padding: 10px;background: #dddada45;border-radius: 7px;text-shadow: 2px 5px 5px #0000003b;}
        .new-skill-inner p {color: #fff;margin: 0;line-height: unset;padding: 10px;background: #51c336;border-radius: 7px;text-shadow: 2px 5px 5px #0000003b;}
        .new-car-sep:nth-child(2) .new-skill p {color: #fff;background: #0000001f;}
        .new-car-btn, .new-car-inner {position: relative;z-index: 1;}
        .new-car-btn {display: flex;justify-content: space-between;}
        .new-car-btn a {position: relative;color: #fff;width: 80px;height: 80px;border: 1px solid #e8e8e8;overflow: hidden;display: flex;justify-content: center;align-items: center;transition: all 1s ease;text-shadow: 2px 5px 5px #0000003b;}
        .new-car-btn a em {font-style: normal;font-size: 40px;opacity: 1;position: relative;bottom: 2px;transition: all 1s ease;}
        .new-car-btn a:hover em {opacity: 0;transition: all 1s ease;}
        .new-car-btn a span {font-size: 18px;margin: 0 0px 0 40px;position: absolute;left: 0;right: 0;margin: auto;opacity: 0;transition: all 1s ease;display: flex;justify-content: center;}
        .new-car-btn a:hover span {opacity: 1;transition: all 1s ease;}
        .new-car-btn a:nth-child(2) {background: #fff;color: #243ea1;}
        .new-car-btn a:hover {width: 150px;transition: all 1s ease;background: #fff;color: #243ea1;}
        .career-box-all {margin: auto;}
        .career-box::before {filter: invert(12%) sepia(60%) saturate(6267%) hue-rotate(252deg) brightness(86%) contrast(88%);}
        .career-role-both {display: flex;flex-direction: column;gap: 40px;}
        .career-role-both ul {display: flex;justify-content: flex-start;width: 100%;align-items: center;}
        .career-role-both {width: 60%;font-size: 18px;line-height: 24px;display: flex;align-items: flex-start;margin: auto;}
        .carr-new-main {padding: 0 10px;position: relative;}
        .line-car {position: absolute;top: 80px;left: 175px;width: 1px;height: 100%;transition: all 1s ease;background: rgb(148, 148, 148);pointer-events: none;z-index: -1;}
        .left-fixed-car {display: flex;flex-direction: column;gap: 20px;text-align: right;width: 100%;max-width: 140px;transition: all 1s;position: relative;z-index: 1;}
        .left-fixed-car span {color: rgb(148, 148, 148);position: relative;right: 20px;z-index: 1;}
        .left-fixed-car span::before {position: absolute;content: '';right: -38px;width: 15px;height: 15px;border-radius: 50%;background: rgb(148, 148, 148);top: 0;bottom: 0;margin: auto 0;transition: all .5s;}
        .left-fixed-car span.act::before {transition: all .5s;right: -40px;width: 20px;height: 20px;background: #283aa2;}
        .left-fixed-car span.act {color: #283aa2;}
        .left-fixed-car {display: flex;flex-direction: column;gap: 20px;text-align: right;width: 100%;max-width: 140px;position: sticky;top: 200px;height: 50px;margin-bottom: 80px;}
        .carr-new-main{top: -80px;}
        .left-fixed-car span {padding: 10px 0;font-size: 18px;}
        .line-car{top: 0; height: 110%;}
        .career-role-both li {position: relative;}
        .career-role-both li::before {content: "\2713";position: absolute;left: -20px;width: 100%;height: 100%;color: #51c336;}
        .left-fixed-car span.act::before {transition: all .5s;right: -40px;width: 20px;height: 20px;background: #51c336;}
        .left-fixed-car span.act {color: #51c336;}
        .carr-new-main .heading-wrapper{text-align: left;width: 60%;margin: 0 auto 40px;position: relative;left: -20px;}
        .carr-new-main{position: relative;}
        .carr-new-main  h3{position: absolute;left: 40px;top: -20px; width: 100%;height: 100%;font-size: 70px;font-weight: 800;color: rgba(85, 85, 85, 0.149);pointer-events: none;}
        .carr-new-main-2  h3{top: 60px;}
    /* 35. careers css  */
    /* 36. ui ux  */
        .inner-new-page-some-extra-p-txt{display: flex;justify-content: space-between;gap: 20px;}
        .inner-new-page-some-extra-p-txt p{width: 100%;max-width: 50%;text-align: justify;margin: 10px auto;padding: 10px;line-height: 1.4;}
        .set .content ul.inner-new-page-common-ul{padding: 0 20px;}
        .fa-plus:before {content: "\f067";}
    /* 36. ui ux  */
    /* 37. banner shapes css  */
        .custom-shape-divider-top-1669355627 {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;}
        .custom-shape-divider-top-1669355627 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 75px;}
        .custom-shape-divider-top-1669355627 .shape-fill {fill: #FFFFFF;}
        .custom-shape-divider-bottom-1669357128 {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}
        .custom-shape-divider-bottom-1669357128 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 82px;}
        .custom-shape-divider-bottom-1669357128 .shape-fill {fill: #FFFFFF;}
        .custom-shape-divider-bottom-1669357741 {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}
        .custom-shape-divider-bottom-1669357741 svg {position: relative;display: block;width: calc(134% + 1.3px);height: 169px;}
        .custom-shape-divider-bottom-1669357741 .shape-fill {fill: #FFFFFF;}
        .custom-shape-divider-bottom-1669358525 {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}
        .custom-shape-divider-bottom-1669358525 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 96px;}
        .custom-shape-divider-bottom-1669358525 .shape-fill {fill: #FFFFFF;}
    /* 37. banner shapes css  */
    /* 38. vision, mision, value css  */
        .vmv-wrapper{padding: 20px 20px;}
        .inner-vmv-wrapper{display: flex;justify-content: center;align-items: center;gap: 50px;}
        .left-vmv{width: 100%;max-width: 750px;padding: 0px 20px 40px;}
        .left-vmv h2{color: #fff;font-size: 65px;text-align: center;line-height: 1.6;font-family: 'body_content';position: relative;text-align: center;margin: auto;}
        .left-vmv p{color: #000;font-size: 25px;text-align: center;line-height: 1.4;}
        .right-vmv{width: 100%;max-width: 100%;height: 470px;}
    /* 38. vision, mision, value css  */
    /* 39. case study css  */
        .tab-dynamic-container {padding: 20px;display: flex;flex-direction: column;align-items: end;gap: 20px;color: #fff;position: sticky;top: 50px;align-self: flex-start;width: 100%;height: 100vh;justify-content: center;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;}
        /* 1st */
        .why-cms-websites .tab-fixed-wrapper:nth-child(1) .tab-dynamic-container{background:linear-gradient(rgba(6,150,180,.9), rgba(0,0,0,.88)), url("../../images/case-studies/flintlogic-1.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(1) .home-tab-con {background: linear-gradient(126deg, #1495ac 0%, #03aac8 35%, #1c7f91 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(1) .home-tab-con:nth-child(2n) {background: linear-gradient(#03aac8,#03aac8);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(1) .tab-dynamic-container a:nth-child(2n):before,.why-cms-websites .tab-fixed-wrapper:nth-child(1) .tab-dynamic-container a::before{background-color: #fc0;}
        /* 2nd */
        .why-cms-websites .tab-fixed-wrapper:nth-child(2) .tab-dynamic-container{background:linear-gradient(rgba(25, 62, 179,.9), rgba(0,0,0,.88)), url("../../images/case-studies/gat.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(2) .home-tab-con {background: linear-gradient(126deg, rgb(33, 63, 155) 0%, rgb(36, 54, 113) 35%, rgb(25, 53, 138) 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(2) .home-tab-con:nth-child(2n) {background: linear-gradient(rgb(36, 64, 149),rgb(46, 79, 181));}
        .why-cms-websites .tab-fixed-wrapper:nth-child(2) .tab-dynamic-container a::before, .why-cms-websites .tab-fixed-wrapper:nth-child(2) .tab-dynamic-container a:nth-child(2n):before{background-color: #fc0;}
        /* 3rd */
        .why-cms-websites .tab-fixed-wrapper:nth-child(3) .tab-dynamic-container{background:linear-gradient(rgba(130, 156, 18,.77), rgba(0,0,0,.88)), url("../../images/case-studies/thasvi-3.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(3) .home-tab-con {background: linear-gradient(126deg, #92b939 0%, #8ec60f 35%, #7eac18 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(3) .home-tab-con:nth-child(2n) {background: linear-gradient(#94c81e,#94c81e);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(3) .tab-dynamic-container a::before,.why-cms-websites .tab-fixed-wrapper:nth-child(3) .tab-dynamic-container a:nth-child(2n):before{background-color: #fc0;}
        /* 4th */
        .why-cms-websites .tab-fixed-wrapper:nth-child(4) .tab-dynamic-container{background:linear-gradient(#253571d1, rgba(0,0,0,.88)), url("../../images/case-studies/nnf-tech.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(4) .home-tab-con {background: linear-gradient(126deg, #345ae8 0%, #163ac2 35%, #324ba7 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(4) .home-tab-con:nth-child(2n) {background: linear-gradient(#253571,#1642e8ed);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(4) .tab-dynamic-container a::before,.why-cms-websites .tab-fixed-wrapper:nth-child(4) .tab-dynamic-container a:nth-child(2n):before{background-color: #fc0;}
        /* 5th */
        .why-cms-websites .tab-fixed-wrapper:nth-child(5) .tab-dynamic-container{background:linear-gradient(rgba(6,150,180,.9), rgba(0,0,0,.88)), url("../../images/case-studies/adarsha.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(5) .home-tab-con {background: linear-gradient(126deg, rgba(31,213,224,1) 0%, rgba(67,201,226,1) 35%, rgba(6,150,180,1) 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(5) .home-tab-con:nth-child(2n) {background: linear-gradient(#31cfe1,rgba(67,201,226,1))}
        .why-cms-websites .tab-fixed-wrapper:nth-child(5) .tab-dynamic-container a::before,.why-cms-websites .tab-fixed-wrapper:nth-child(5) .tab-dynamic-container a:nth-child(2n):before{background-color: #fc0;}
        /* 6th */
        .why-cms-websites .tab-fixed-wrapper:nth-child(6) .tab-dynamic-container{background:linear-gradient(rgba(1, 123, 117,.9), rgba(0,0,0,.88)), url("../../images/case-studies/tgpl.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(6) .home-tab-con {background: linear-gradient(126deg, #02736c 0%, #017e76 35%, #01726e 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(6) .home-tab-con:nth-child(2n) {background: linear-gradient(#02736c,#02736c)}
        .why-cms-websites .tab-fixed-wrapper:nth-child(6) .tab-dynamic-container a::before,.why-cms-websites .tab-fixed-wrapper:nth-child(6) .tab-dynamic-container a:nth-child(2n):before{background-color: #fc0;}
        /* 7th */
        .why-cms-websites .tab-fixed-wrapper:nth-child(7) .tab-dynamic-container{background:linear-gradient(rgba(4, 78, 112,.9), rgba(0,0,0,.88)), url("../../images/case-studies/elite-dentist.webp");}
        .why-cms-websites .tab-fixed-wrapper:nth-child(7) .home-tab-con {background: linear-gradient(126deg, #044f71 0%, #014461 35%, #034c6d 100%);}
        .why-cms-websites .tab-fixed-wrapper:nth-child(7) .home-tab-con:nth-child(2n) {background: linear-gradient(#034f71,#034f71)}
        .why-cms-websites .tab-fixed-wrapper:nth-child(7) .tab-dynamic-container a::before,.why-cms-websites .tab-fixed-wrapper:nth-child(7) .tab-dynamic-container a:nth-child(2n):before{background-color: #fc0;}
        /* the end */
        .tab-dynamic-container p{width: 100%;max-width: 600px;color: #fff;text-align: right;text-shadow: 1px 1px 3px #00000091;}
        .tab-fixed-wrapper{display: flex;}
        .tab-fixed-left {background: rgb(42, 130, 165);width: 100%;position: relative;z-index: 0;}
        .tab-projects-main {display: flex;width: 100%;}
        .home-tab-con-all {width: 100%;}
        .home-tab-con {width: 100%;height: 100vh;display: flex;flex-direction: column;align-items: center;gap: 20px;position: relative;color: #fff;z-index: 0;background:linear-gradient(to bottom right, #243ea1, #283aa2, #2d36a3, #3231a3, #372ca3, #3f2ba4, #462aa6, #4d28a7, #572baa, #602eae, #6932b1, #7235b4);justify-content: center;padding: 50px;}
        .home-tab-con h3 {position: absolute;left: -45px;font-size: 80px;color: #ffff;opacity: .5;}
        .tab-dynamic-container a{position: relative;padding: 5px 20px 5px 5px;text-decoration: none;color: #fff;text-shadow: 1px 1px 3px #00000091;}
        .tab-dynamic-container a::before{content: '';position: absolute;top: 0;right: -24px;bottom: 0;width: 20px;margin: auto;height: 20px;background: #372ca3;transition: all 1s ease;}
        .tab-dynamic-container a.tabChanged::before {width: 164%;transition: all 1s ease;z-index: -1;height: 32px;}
        .tab-dynamic-container a.tabChanged{color: #000;}
        /* .tab-dynamic-container a.tabChanged::before{width: 35px;transition: all 1s ease;} */
        .tab-dynamic-container a:nth-child(even):before,
        .home-tab-con:nth-child(even){background: #4f479c;}
        .home-tab-con p{color: #fff;text-align: center;text-shadow: 1px 1px 3px #0000005e;}
        .fixtab-inner-right{width: 100%;max-width: 600px;text-align: center;}
        .tab-dynamic-container h3,.fixtab-inner-right h4{font-size: 45px;opacity: .9;text-shadow: 1px 1px 3px #0000005e;}
        .tab-dynamic-container h3{text-align: right;width: 100%;max-width: 600px;}
        /* ......center aligh banner text.... */
        .banner-center-h{align-items: flex-end !important;justify-content: center !important;}
        .banner-center-h .expertise-banner-content{position:relative ;top:-70px;text-align: center;}
        .banner-center-h .expertise-banner-content p{text-align: center;}
        .expertise-banner-content h1{color: #fff;font-size: 45px;text-transform: capitalize;}
        /* .................Case Study Banner. cross................... */
        #case-study-new-banner::before{background: url("../../images/inner-page-new-banner/portfolio-banners/case-study-banner.webp") no-repeat center center/cover ;transform: rotate(2deg);width: 120%;height: 123%;top: -30px;left: -30px; z-index: -1;}
        #case-study-new-banner{height: 350px;min-height: unset ;margin: 0 ;background: unset ;z-index: 1 ;}
        #case-study-new-banner::after{content: '';position: absolute;transform: rotate(2deg);width: 120%;height: 123%;top: -30px;background: rgba(0, 0, 0, .5);z-index: -1;left: -30px;}
    /* 39. case study css  */
    /* 40. common css  */
        section.area-of-focus-profile {padding: 120px 50px 120px;}
        .vmv-wrapper:nth-child(7){background: linear-gradient(to right, #4b0276,#9b178d);}
        .vmv-wrapper:nth-child(7){background: linear-gradient(to right, #4b0276,#9b178d);}
        .ecom-services-wrapper{padding:  0 10px;}
        .whats-in-for-you_ecommerce {padding: 80px 10px;}
        .expertise-banner-svg{bottom: -3px;}
        .inner-new-page-content {padding: 40px 10px;}
        .double-sided-wrapper {padding: 80px 10px 80px 0;}
        .custom-shape-divider-bottom-1669357741,.custom-shape-divider-top-1669355627 {bottom: -3px;}
        .inner-pad{padding: 0 20px;}
        .inner-new-page-for-you{padding: 0 10px;}
        .test-inner-wrapper {padding: 0 10px 60px;}
        .cms-inner-new-img::before{z-index: -1;}
        /* .........slider fix......... */
        .ui-content{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 20px;}
        .ui-article{height: 100%;}
        .ui-articles{height: max-content;align-items: center;width: 100%;}
        .ui-paragraph{width: 100%;max-width: 400px;}
        /* .........slider fix......... */
        .custom-shape-divider-bottom-1632987318{bottom: -2px;}
        .ui-content{position: relative;padding: 150px 20px 70px;}
        .ui-nav{position: absolute;  top: 0;bottom: 0;margin: auto;z-index: 0;}
        .ui-nav button{cursor: pointer;z-index: 2;}
        .slide-wrap,.ui-big-images{height: 100%;}
        #tabs-nav-new li a span:first-child {max-width: 60px;}
        #tabs-nav-new li{max-width: 47%;}
        .client-respons{display: none !important;}
        .set > a:hover{color: #00B8FF !important;}
        .set > span:hover{color: #00B8FF !important;}
        .set > a.active{color: #fff !important;}
        .set > span.active{color: #fff !important;}
        
    /* 40. common css  */

    /* 41. life @ swaragh css  */
        .life-right h3{font-size: 42px;font-family: body_content;}
        .life-right h4{font-size: 45px;font-weight: 800;color: #1f8bc5;margin: 0;}
        .life-right hr{border: none;background: #1f8bc5;height: 2px;width: 200px;margin: 15px 0 25px;}
        .life-right span{font-size: 20px;}
        .life-right p{line-height: unset;color: #282828;font-family: light-p;font-size: 20px;}
        .life-right{width: 100%;max-width: 500px;}
        .life-both{display: flex;justify-content: flex-start;align-items: center;gap: 40px;}
        .life-sec-wrapper{padding: 40px 10px 80px;position: relative;}
        .life-left {width: 100%;max-width: 650px;height: 350px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
        .life-left img {position: absolute;width: 100%;max-width: 500px;top: -100px;right: 50px;z-index: 1;}
        .life-left::before {content: '';position: absolute;width: 100%;height: 100%;background: url(../../images/life-at-swaragh/plant.png) no-repeat center bottom/cover;max-width: 500px;bottom: -100px;right: 0;z-index: 1;}
        .life-left::after {content: '';position: absolute;width: 250px;height: 250px;max-width: 500px;bottom: -70px;right: -11px;border: 1px solid #25a7de;border-radius: 50%;z-index: 0;}
        .life-sec-wrapper::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 45%;height: 300px;border-radius: 0px 230px 230px 0;background: linear-gradient(to right bottom,#1b77bc,#25a7de);z-index: 1;}
        .life-join{position: relative;z-index: 1;display: flex;justify-content: center;width: 100%;max-width: 500px;align-items: center;}
        .life-join a {padding: 15px 10px;background: #fff;color: #1b77bc;font-size: 14px;position: absolute;top: 60px;border-radius: 25px;height: 40px;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 130px;left: 50px;font-family: main_heading;}
        .life-join::before{content: '';position: absolute;width: 70px;height: 30px;left: 0;top: 55px;right: 100px;margin: auto;border: 1px solid #fff;border-top: none;border-left: none;transform: skew(-45deg);display: flex;justify-content: center;align-items: center;}
        .life-join::after{content: '';position: absolute;width: 20px;height: 20px;border-radius: 50%;left: 0;top: 44px;right: 0px;margin: auto;border: solid 1px #fff;padding: 2px;background: #fff content-box;display: flex;justify-content: center;align-items: center;}
        .life-sec-wrapper-2::before{left: unset;right: 0;border-radius: 230px 0px 0px 230px;background: linear-gradient(to right bottom,#25a7de,#1b77bc);}
        .life-sec-2 img{width: 100%;max-width: 600px;position: relative;left: 0px;}
        .life-sec-2-h span{color: #ffaa00;}
        .life-sec-2-h {color: #fff;font-size: 35px;position: relative;z-index: 1;left: 50px;top: -20px;}
        .life-sec-wrapper-2 .life-both{justify-content: center;}
        .life-year-all{display: flex;justify-content: center;align-items: center;gap: 20px 52px;position: relative;width: 100%;max-width: 800px;margin: 40px auto 0;}
        .life-gallery-wrapper{background:url("../../images/life-at-swaragh/sec-3/sec-3.webp") no-repeat center center/cover;padding: 60px 10px;position: relative;z-index: 1;}
        .life-gallery-main h3{color: #fff;font-size: 40px;font-family:  body_content;}
        .life-gallery-main {text-align: center;width: 100%;max-width: 100%;margin: auto;}
        .life-gallery-main h4{color: #fff; font-size: 40px;font-weight: 800;margin-top: 0;}
        .life-gallery-main p{text-align: center;color: #fff;}
        .life-year-all h5{ position: relative;z-index: 1; display: flex;justify-content: center;align-items: center;color: #000;font-size: 20px;width: 70px;height: 70px;border-radius: 50%;background: #fff content-box;padding: 5px;border: 2px solid #ffff;}
        .life-year-sep {position: relative;cursor: pointer;}
        .life-year-all span {transition: all .6s ease; display: flex;width: 0;height: 1.8px;background: #fff;position: absolute;left: 6px;top: 0;bottom: 0;margin: auto;z-index: 0;left: -53px;}
        .life-year-sep:hover h5,.life-year-sep.active h5{background: #093a5a;border: 1.5px solid #37c3f5;color: #fff;}
        .life-year-sep::before {opacity: 0;transition: all 1s ease;background: #093a5a;content: '';position: absolute;left: -8px;width: 125%;height: 125%;border-radius: 50%;border: 1.5px solid #37c3f5;z-index: 0;top: -9px;}
        .life-year-sep:hover::before,.life-year-sep.active::before{opacity: 1;transition: all 1s ease;}
        .life-year-sep::after{content: '';position: absolute;z-index: 0; top: 0;left: 0;width: 100%;height: 100%;background: #093a5a;border-radius: 50%;}
        .life-photo-all{width: 100%;display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;}
        .life-photo-all a{width: 100%;max-width: 350px;height: 300px; background:no-repeat center top/cover;}
        .life-photo-wrapper{padding: 40px 0px 0;}
        .life-photo-wrapper{position: relative;}
        .life-photo-all{z-index: 0; opacity: 0;transition: all 1s ease;position: absolute;pointer-events: none;left: 0;right: 0;margin: auto;}
        .life-photo-all.active{opacity: 1;transition: all 1s ease;position: relative;pointer-events: visible;top: 0;}
    /* 41. life @ swaragh css  */
    .you-could a{margin-top: 20px;}
    .tabbed-content_container h3{display: none;}
    .maintenance-expand-wrapper{overflow: hidden;}
    .maintenance-expand-wrapper::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: all 1s ease;}
    .maintenance-expand-wrapper{position: relative;transition: all .3s ease;}
    .op1{opacity: 1; transition: all .5s;}
    .op0{opacity: 0; transition: all .5s;}
    .tab-fixed-wrapper:nth-child(even){flex-direction: row-reverse;}
    .tab-fixed-wrapper:nth-child(even) .home-tab-con h3{left: unset;right: -45px;}
    .tab-fixed-wrapper:nth-child(even) .tab-dynamic-container{align-items: flex-start;}
    .tab-fixed-wrapper:nth-child(even) .tab-dynamic-container p,
    .tab-fixed-wrapper:nth-child(even) .tab-dynamic-container h3{text-align: left;}
    .tab-fixed-wrapper:nth-child(even) .tab-dynamic-container a::before{right: unset;left: -24px;}
    .tab-fixed-wrapper:nth-child(even) .tab-dynamic-container a{padding: 5px 5px 5px 20px;}
    /* 42. sitemap css  */
        .sitemap-main-wrapper{padding: 40px 10px 80px;}
        .sitemap {position: relative;display: flex;flex-flow: row wrap;padding: 0;}
        .sitemap a {position: relative;z-index: 10;display: inline-flex;flex-direction: column;padding: .7em 1em;border-radius: 4px;background: #f9f9f9;font-weight: 500;text-decoration: none;color: #595959;width: 100%;max-width: 220px;}
        .sitemap a:before {margin-bottom: 0.3em;font-size: 0.8em;color: #aaa;}
        .sitemap-main {position: relative;flex: 1 1 100%;order: 3;margin-bottom: 1em;margin-top: 80px;}
        .sitemap-main a {margin-bottom: 0.5em;margin-left: 0.2em;}
        .sitemap-main ul {position: relative;padding-left: 2em;}
        .sitemap-main>ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
        .sitemap-main>ul>li {flex: 1 1 auto;}
        .sitemap li {margin-right: 1em;list-style: none;}
        .sitemap-main li:before,
        .sitemap-main li:after {display: inline-block;width: 1em;height: 2em;border: 2px solid #f2f2f2;border-right: none;border-top: none;content: "";}
        .sitemap-main li:after {position: absolute;left: 2em;bottom: 0;width: 2px;height: 100%;}
        .sitemap-main ul:before {position: absolute;left: 0;top: -2.75em;display: block;width: 2px;height: 100%;background: #fff;content: "";}
        .sitemap-main>ul:before {display: none;}
        .sitemap-main li:last-child:after {border-color: #fff;bottom: 0;height: 1.6em;  }
        .sitemap-root {margin-bottom: 2em;}
        .sitemap-root>a {min-width: 8em;background: #F2AE1BA3;border-color: #F2AE1B;color: #fff;}
        .sitemap-root>a:before {color: #f2f2f2;}
        .sitemap-root>a:after {position: absolute;bottom: -2.6em;left: calc(2em - 1px);display: block;width: 2px;height: 2em;background: #f2f2f2;content: "";}
        .sitemap a{box-shadow: inset 2px 4px 0px #e0e0e0;transition: all 1s ease;}
        .sitemap a:hover{box-shadow: inset 0 250px  0 0 #e0e0e0;transition: all 1s ease;}
        .sitemap-main>ul>li>a {background: #F2AE1BA3;border:unset;color: #fff;box-shadow:inset 2px 4px 0px #F2AE1B;transition: all 1s ease;}
        .sitemap-main>ul>li>a:hover{box-shadow: inset 0 250px  0 0 #F2AE1B;transition: all 1s ease;}
        .sitemap-main ul ul ul a {background: #fff;}
        .sitemap-aux {order: 3;font-size: 0.9em;}
        .sitemap-aux ul {display: flex;flex-wrap: wrap;padding: 0;}
        .sitemap-aux li {margin: 0 0.5em 0.5em 0;}
        .sitemap-aux a {background: #FAF8D4;border-color: #f5f1a6;}
        .sitemap-main-1{margin: 40px 0 0;}
        .inner-new-page a.site-h {width: 100%;padding: 50px 0 0;color: #fff;position: relative;text-align: center;font-size: 48px;max-width: 250px;margin: auto;display: flex;justify-content: center;}
        .inner-new-page a.site-h::before {content: '';position: absolute;left: 0;background: url(../../images/sitemap/sit-h.jpg) no-repeat center center/cover;width: 110%;height: 250%;z-index: -1;top: -70px;pointer-events: none;}
        @media (min-width: 420px) {
            .sitemap {justify-content: space-between;}
            .sitemap-aux ul {justify-content: flex-end;}
        }
        @media (min-width: 600px) {
            .sitemap-aux {order: 2;}
        }
    /* 42. sitemap */
    /* 43. portfolioo education sticy css  */
        .stickk {background: #fff;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);}
        .inner-edu-h {font-size: 30px;color: #1276e1;}
        .edu-top-nav{padding: 0px 20px;width: 100%;}
        .edu-top-nav nav ul {display: flex;justify-content: center;align-items: center;gap: 40px;margin: 0px 0 20px;}
        .edu-top-nav nav ul li a {color: #fff;font-size: 20px;padding: 20px 0px;transition: all .3s;}
        .edu-top-nav nav ul li a:hover{color: #fc0;transition: all .3s;}
        .edu-nav-sep{padding: 40px 10px;}
        .edu-nav-sep:first-child{padding: 0px 10px;}
        /* .edu-top-sep.act {color: #fc0;}
        .edu-top-sep.active {color: #fc0;} */
    /* 43. portfolioo education sticy css  */

    /* 44. banner css center object */
        section.expertise-pages-banner{position: relative;}
        section.expertise-pages-banner-center-object.over-down::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4443044796043417) 50%, rgba(0,0,0,0.9064893535539216) 100%);}
        /* section.expertise-pages-banner-center-object.over-down::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4443044796043417) 50%, rgba(0,0,0,0.9064893535539216) 100%);    } */
        /* section.expertise-pages-banner-center-object.over-down::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4443044796043417) 50%, rgba(0,0,0,0.9064893535539216) 100%);} */
        section.expertise-pages-banner-center-object .fluid-container {height: 100%;display: flex;justify-content: flex-start;align-items: center;flex-direction: column-reverse;}
        section.expertise-pages-banner-center-object article{width: 80%;text-align: center;margin-bottom: 70px;}
        section.expertise-pages-banner-center-object article h1{color: #fff;font-size: 48px;text-transform: capitalize;text-align: center;}
        section.expertise-pages-banner-center-object article p {color: #ffffffde;font-size: 20px;letter-spacing: 0;text-align: center;}
        section.expertise-pages-banner-center-object article .button-container {margin-top: 32px;display: flex;justify-content: center;gap: 10px 20px;}
        section.expertise-pages-banner-center-object-top .fluid-container {height: 100%;display: flex;justify-content: flex-end;align-items: center;flex-direction: column-reverse;}
        section.expertise-pages-banner-center-object-top article{width: 60%;text-align: center;margin-bottom: 30px;}
        section.expertise-pages-banner-center-object-top article h2{color: #fff;font-size: 48px;text-transform: capitalize;text-align: center;}
        section.expertise-pages-banner-center-object-top article p {color: #ffffffde;font-size: 20px;letter-spacing: 0;text-align: center;}
        section.expertise-pages-banner-center-object-top article .button-container {margin-top: 32px;display: flex;justify-content: center;gap: 10px 20px;}
    /* 44. banner css center object */

    /* 45. why swaragh css  */
        .jelly-wrapper {padding: 60px 20px 0;}
        .inner-jelly-wrapper{display: flex;justify-content: center;gap: 20px;padding: 40px 20px;}
        .jelly-card{width: 100%;margin: 10px auto;}
        .jelly-card span{display: flex;justify-content: center;align-items: center;}
        .why-swaragh-new-right .heading-wrapper h2{color: #fff !important;}
        .why-swaragh-new-right h4{color: #fff;font-size: 24px;font-family: 'body_content';margin: 20px 0 0;}
        .why-swaragh-new-right p{color: #fff;}
        .why-swaragh-new-right ul li{color: #fff !important;border: 1px solid #fff !important;}
        .why-swaragh-new-right ul{margin-top: 15px !important;}
    /* 45. why swaragh css  */

    /* portfolio new css  */
        .main-portfo-img-wrap {width: 100%;display: flex;justify-content: center;gap: 40px 34px;padding: 40px 0 60px;flex-wrap: wrap;}
        .portfo-img-wrap {width: 100%;max-width: 400px;padding: 0 0 0px;position: relative;}
        .portfo-scroll-img{padding-top: 500px !important;box-shadow: 0 18px 20px 0 #ccc;max-width: 100%;}
        .portfo-img-name {margin: 20px 0 0;text-align: center;position: absolute;bottom: 0;right: 0;left: 0;width: 100%;background: linear-gradient(315deg,#26a9e0 0%, #1276e1 74%);display: flex;justify-content: space-between;padding: 11px 20px;align-items: center;gap: 20px;}
        .portfo-img-name h3 {font-size: 20px;color: #fff;margin: 0px 0;text-align: left;}
        .portfo-img-name span{font-size: 16px;color: #fff;}
        .portfo-img-name a {padding: 0;background: transparent;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
        .portfo-img-name a:hover{box-shadow: initial;transition:initial;transform: initial;}
    /* portfolio new css  */

    /* manikanta 14-10-2023  */
        .with-numbers-resp{display: none !important;}
        /* .employee-container{display: flex; justify-content: center;align-items: center;}
        .employee-container .left-images-employee,.right-content-employee{width: 100%; max-width: 600px; padding: 40px 20px;} */
        /* .left-images-employee{background-position: center;background-repeat: no-repeat;background-size: contain; height: 900px;}  */
        /* .emp-fet{display: flex;flex-wrap: wrap; justify-content: center; align-items: center;}
        .emp-block-fet{width: 100%; max-width: 280px; padding: 15px 10px;}
        .emp-block-fet h2{font-size: 18px !important; }
        .emp-block-fet p{font-size: 14px !important; text-align: left !important;} */
        /* .right-content-employee h3{font-size: 30px; text-align: left; padding: 15px 10px;color: #1276e1;} */
        /* company updates code */  
            /* .company-updates-container{display: flex; justify-content: center; align-items: center; margin: 50px 20px; padding: 40px 20px;}
            .company-updates-container ul,.img-center{width: 100%; max-width: 300px !important; align-items: center; justify-content: center;}
            .company-updates-container ul{list-style: none; margin: 0;padding: 0;}
            .company-updates-container ul li{border-top: solid 1px #eeeeee;margin: 30px   0 0 0;padding: 30px 0 0 0;}
            .company-updates-container ul li h4{font-size: 18px; margin: 0 0 10px 0;}
            .company-updates-container ul li p{text-align: left;}
            .company-updates-container >ul:first-child{text-align: right !important;}
            .company-updates-container >ul >li:first-child{border-top: 0;margin-top: 0;padding-top: 0;}
            .company-updates-container >ul >li >:last-child{margin-bottom: 0;}
            .company-updates-container .img-center{margin: 0 60px;}
            .company-updates-container .img-center img{border-radius: 100%;width: 100%;}
            .company-updates-container .p-t-r p{text-align: right;} */
        /* company updates code */  
        /* Data traker code  */
            /* .web-design{ display: flex; justify-content: center; align-items: center;}
            .data-inner{position: relative;max-width: 800px;padding:0px;margin:auto;text-align:center}
            .data-slider {width: 100%; max-width: 900px;background: #fff;padding: 35px 10px;border-radius: 25px;transition: all 0.3s;margin: 40px 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
            .data-slider-img { width: 100%; max-width: 200px; flex-shrink: 0; height: 200px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 20px; transform: translateX(-150px); overflow: hidden; background:#FFF;}
            .data-slider-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; opacity: 0.8; height:400px;}
            .data-slider-img img { height:50%; width:100%; border-radius: 20px; display: inline-block; position: absolute; top: 0;bottom: 0; left: 0;right: 0;margin: auto;}
            .data-slider-code {color: #7b7992;margin-bottom: 15px;display: block;}
            .data-slider-title {font-size: 24px;color: #0d0925;margin-bottom: 20px;}
            .data-slider-text {color: rgba(0,0,0,.5) !important;margin-bottom: 30px;line-height: 1.6;margin: auto 50px;}
            .data-slider-text p{text-align: center; color: rgba(0,0,0,.5) !important;}
            .data-slider-item {display: flex; justify-content: center;align-items: center;}
            .data-slider .data-slider-item .data-slider-img-rev { width: 100%; max-width: 200px; flex-shrink: 0; height: 200px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 20px; transform: translateX(100px); overflow: hidden; background:#FFF;}
            .data-slider-img-rev img { height:50%; width:100%; border-radius: 20px; display: inline-block; position: absolute; top: 0;bottom: 0; left: 0;right: 0;margin: auto;}  */
        /* Data traker code  */

        /* rembursment-container code  */
            /* .rembursment-container{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px;}
            .rembursment-container article{width: 100%;max-width: 250px;margin: 20px 10px;padding: 28px 10px;border: 1px solid #ebebeb;overflow: hidden;transition: all .4s;}
            .rembursment-container article h2{display: block;font-size: 86px; text-align: center;}
            .rembursment-container article h4{margin: 20px 0;font-size: 18px;font-family: 'Assistant';color: #032e59;text-transform: uppercase;line-height: 1.2; text-align: center;}
            .rembursment-container article i{width: 100px;margin: 24px auto 20px;height: 100px;display: flex;justify-content: center;align-items: center;border-radius: 50%;box-shadow: 0 0 0 transparent;transition: all 1s;}
            .rembursment-container article i img{width: 60px;}
            .rembursment-container article:nth-child(1) i img{filter: invert(52%) sepia(92%) saturate(1373%) hue-rotate(158deg) brightness(101%) contrast(109%);}
            .rembursment-container article:nth-child(2) i img{filter: invert(17%) sepia(62%) saturate(2640%) hue-rotate(196deg) brightness(99%) contrast(97%);}
            .rembursment-container article:nth-child(3) i img{filter: invert(66%) sepia(91%) saturate(4387%) hue-rotate(339deg) brightness(104%) contrast(94%);}
            .rembursment-container article:nth-child(4) i img{filter: invert(71%) sepia(56%) saturate(349%) hue-rotate(47deg) brightness(97%) contrast(86%);}
            .rembursment-container article p{transition: all 1s;text-shadow: initial;line-height: 1.2; text-align: left;}
            .rembursment-container article:hover{transform: translateY(-10px);box-shadow: 0px 28px 12px -24px rgba(0,0,0,0.2);}
            .rembursment-container article:nth-child(1) i:hover {box-shadow: 0 0 0 1000px #00c3ff;}
            .rembursment-container article:nth-child(2) i:hover{box-shadow: 0 0 0 1000px #04498e;}
            .rembursment-container article:nth-child(3) i:hover{box-shadow: 0 0 0 1000px #f86a3a;}
            .rembursment-container article:nth-child(4) i:hover{box-shadow: 0 0 0 1000px #9bcd66;}
            .rembursment-container article:hover h2{color: #fff!important;} */
        /* rembursment-container code  */
        /* alma drive  */
            .inner-alama-feature-heading-section{padding: 40px 20px;}
            .alma-features-wapper{padding: 20px 20px;}
            .inner-alma-feature-block{display: flex;justify-content: center;align-items: center;gap: 20px;}
            .flex-row-direction{flex-direction: row-reverse;}
            .left-alma-feature, .right-alma-feature{width: 100%;max-width: 550px;margin: 20px auto;position: relative;}
            .left-alma-feature h1.back-ground-number {position: absolute;font-size: 100px;font-weight: bold;color: #fc0;left: -26px;top: -58px;margin: auto;z-index: 0;font-family: 'sans-serif';}
            .left-alma-feature h1{font-size: 35px;color: #003569;line-height: 1.3;text-align: left;margin: 10px 0;position: relative;}
            .left-alma-feature p{color: #555555;line-height: 1.6;font-size: 16px;text-align: left;text-shadow: initial;margin: 10px 0;}
            .right-alma-feature .right-back-ground-alma-img{width: 100%;max-width: 550px;background: no-repeat center center/cover;height: 260px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}      
        /* alma drive  */

        /* header css new 30-10-223 services section */
            .abt-swaragh-flex{display: flex;justify-content: space-between;align-items: flex-start;gap: 20px;width: 700px !important;flex-direction: row;padding: 0 20px;}
            .abt-swaragh-flex ul{width: 100%;max-width: 350px;}
            .abt-swaragh-flex ul li a:before{display: none !important;}
        /* header css new 30-10-223 services section */
    /* manikanta 14-10-2023  */
    


    /* 11-11-2024 */
    .ip-service-that-we-offer-wrapper {
        background: linear-gradient(150deg, #025FAD 0%, #3781C0 50%, rgb(191, 213, 234) 100%);
        /* height: 400px; */
        /* height: calc(100vh - 100px); */
        border-radius: 0;transition: 1.5s ease-in-out;  padding: 80px 0;
    }
    .ip-service-that-we-offer-wrapper:hover {border-radius: 150px 150px 0 0;transition: 1.5s ease-in-out;}
    .service-that-we-offer-tab {
        display: none;
        padding: 40px 0;  
    }
    
    .service-that-we-offer-tab.active {
        display: block;
    }
    
    .service-that-we-offer-tabs {
        list-style-type: none;
        background: #F5F9FC;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
        border-radius: 15px;gap: 20px;
    }
    
    .tab-link {
        cursor: pointer;
        display: inline-block;
        color: #797979;
        font-size: 16px;
        font-weight: 600;
        border: 1px solid #797979;
        padding: 10px;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
    }
    
    .tab-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        border: 2px solid transparent;
        box-sizing: border-box;
        border-top: 2px solid #797979;
        animation: moveBorder 10s linear infinite;
    }
    
    @keyframes moveBorder {
        0% {
            border-top: 2px solid #797979;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            border-left: 2px solid transparent;
        }
        25% {
            border-top: 2px solid #797979;
            border-right: 2px solid #797979;
            border-bottom: 2px solid transparent;
            border-left: 2px solid transparent;
        }
        50% {
            border-top: 2px solid #797979;
            border-right: 2px solid #797979;
            border-bottom: 2px solid #797979;
            border-left: 2px solid transparent;
        }
        75% {
            border-top: 2px solid #797979;
            border-right: 2px solid #797979;
            border-bottom: 2px solid #797979;
            border-left: 2px solid #797979;
        }
        100% {
            border-top: 2px solid #797979;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            border-left: 2px solid transparent;
        }
    }
    
    
    .tab-link.active {
        color: #000;
    }
    
    .service-that-we-offer-tab p {
        color: #fff;
        width: 100%;
        max-width: 600px;margin: 0;
    }
    .service-that-we-offer-tab h3 {
        color: #fff;
        font-size: 36px;padding: 0 0 20px;
    }
    @keyframes scroll-left {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-200%);
        }
    }
    
    .service-that-we-offer-tab p.bold-p {
        font-size: 250px;
        font-weight: 900;
        line-height: 1;
        color: #fff;
        font-family: main_heading;
        max-width: 100%;
        white-space: nowrap;
        animation: scroll-left 20s linear infinite;
    }


    .service-that-we-offer-tab-logos {
        list-style-type: none;
        display: flex;
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 600px;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }
      
      .service-that-we-offer-tab-logos .tab {
        padding: 10px 20px;
        margin-right: 10px;
        cursor: pointer;
        font-weight: bold;
        transition: background-color 0.3s;
      }
      
      .service-that-we-offer-tab-logos .tab.active {
        color: #fff;
      }
      
      /* .service-that-we-offer-tab-logos .tab:hover {
        background-color: #f1f1f1;
      } */

      .service-that-we-offer-tab-logos li {
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        width: 100%;
        max-width: fit-content;
    }
      
    .ip-logo-image {
        margin-top: 20px;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: 100%;
        width: 100%;
        max-width: 350px;
    }
    .ip-logo-image::before {
        content: '';
        position: absolute;
        background: url(https://www.swaragh.com/error.php?error=404) no-repeat center center/contain;
        width: 400px;
        height: 650px;
        z-index: 0;
        bottom: -100%;  left: -25px;
    }
      
      .ip-logo-image img {
        max-width: 100%;
        height: auto;
        display: inline-block;  border-radius: 20px 20px 0 0;
      }
      .ip-logos-left-wrapper {
        padding: 60px 0;position: relative;
    }      
    #tab-image-container {
        position: relative;
    }
    
    /* 11-11-2024 */

/* 46. media query starts here  */
@media(max-height:650px){
    .tab-dynamic-container a{display: none;}
}
@media (max-width:1700px){
    .expertise_capabilties-wrapper span{width: 100%;max-width: 50%;}
    .content-expand-wrapper .maintenance-expand-card {height: 650px !important;}
}
@media(max-width:1400px){
    .methodology-fold-wrapper{width: 100%;max-width: 1100px;margin: auto !important;}
    .cms-smw-wrapper-resp{background-size: 50% !important;}
    .responsive_features_wrapper article {width: 100%;max-width: 650px;}
    .content-expand-wrapper .maintenance-expand-card {height: 750px !important;}
    .who-img-float{display: none;}
}
@media screen and (max-width:1380px) {
    .dvd_fixed_slider .slide_imag .slide_dots_wheel span{font-size: 18px;}
    .slide_dots_wheel a:nth-child(3) .slide_dot {bottom: -30px;right: -28px;background: green;}
    .slide_dots_wheel a:nth-child(2) .slide_dot {bottom: -39px;left: -23px;background: red;}
    .slide_dots_wheel a:nth-child(4) .slide_dot {top: -24px;right: -26px;background: blue;}
    .slide_dots_wheel a:nth-child(5) .slide_dot {top: -28px;left: -23px;background: yellow;}
    section.expertise-pages-banner{min-height: 70vh;height: 540px;}
}
@media screen and (max-width:1350px) {
    .maintenance-expand-h3 {font-size: 30px;}
    .maintenance-expand-card .expand-headpart span img {width: 70px;}
}
@media screen and (max-width:1320px) {
    .inner-page-new-best-talent{flex-direction: column;}
    .left-content-best-talent{max-width: 100%;padding: 20px;}
    .right-content-best-talent{max-width: 100%;}
    .best-talent-cards{max-width: 550px;margin: auto 0;min-height: 250px;}
    section.expertise-pages-banner article{width: 100%;padding: 0 20px;}
    section.expertise-pages-banner article.expertise-banner-img{width: 10%;}
    .our-cms-services-wrapper{flex-direction: column;}
    .home-right-scroll{max-width: 850px;}
    .home-fixed-left {max-width: 450px;}
    .home-projects-main{gap: 10px;}
    .home-right-scroll{justify-content: flex-end;}
    .home-scroll-card{max-width: 320px;}
    .home-scroll-card img{max-width: 320px;}
    .left-portfolio-img span{left: -20px;}
}
@media screen and (max-width:1280px) {
    section.first-call-action .fluid-container > div{width: 300px;}
    section.hero-swaragh em{width: 435px;}
}
@media screen and (min-width:1300px) {
    .career-job-secton {max-width: 70%;}
    section.area-of-focus-profile ul.right-area-focus li a,section.area-of-focus-profile ul.left-area-focus li a{height: 152px;}
    .area-of-focus-profile ul.left-area-focus li a::before,.area-of-focus-profile ul.right-area-focus li a::before{top: -4px;}  
}
@media screen and (min-width:420px) {
    .inner-new-call-to-action h2 {font-size: 30px;margin: 120px 0 0;}
}
@media screen and (max-width:480px) {
    section.expertise-pages-banner article { padding: 0 20px; width: unset; margin-top: 35px; background: rgba(0,0,0,.5); padding: 20px;}
}
@media screen and (max-width:420px) {
    section.expertise-pages-banner article a {padding: 8px 13px;}
}
@media screen and (max-width:380px) {
    section.expertise-pages-banner article p {display: none;}
    section.expertise-pages-banner article h1 {font-size: 30px;margin-bottom: 30px !important;}
}
.custom-shape-divider-bottom-1669358525 .shape-fill {fill: #f7f6fb;}
::-webkit-scrollbar{width: 0;}
::-webkit-scrollbar {width: 0;height: 0;}