.step{display:none;}
.step.active{display:block;}
.buttons{           /* display: flex; */
justify-content:space-between;display:-webkit-inline-box;display:flex;align-items:center;justify-content:space-between;width:10rem;margin-left:20px;}
#prevBtn,#nextBtn{color:#0a1423;font-weight:600;margin:0 10px;border:1px solid #fea21b;padding:5px 13px;border-radius:5px;background:none;}
.inner-published-form{background:#fff;padding:20px 20px;border:2px solid #fdb209;border-radius:10px;box-shadow:0 5px 15px -4px #b2b2b2;    /*margin-top: 20px;*/}
.inner-published-form h3{font-weight:600;font-size:22px;color:#ffffff;margin:0px 0 25px 0;line-height:40px;background:#1f3d2b;padding:2px 5px;text-align:center;border-radius:4px;}
.inner-published-form span{color:#fdb209;}
.main-banner-bg span{font-size:28px;display:block;line-height:38px;margin-bottom:15px;font-weight:600;margin-top:10px;}
.inner-published-form .form-group .form-select{border:2px solid #b2b2b2;box-shadow:0 5px 5px -1px #eee;font-size:16px;color:#00112b;padding:10px 30px 10px 10px;cursor:pointer;font-weight:400;border-radius:0px;width:100%;}
.form-select{display:block;    /* width: 100%; */    /* padding: .375rem 2.25rem .375rem .75rem; */

    /* font-size: 1rem; */

    /* font-weight: 400; */
    line-height:1.5;    /* color: #212529; */background-color:#fff;background-image:url(img/download.svg);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;    /* border: 1px solid #ced4da; */    /* border-radius: .25rem; */

    /* -webkit-appearance: none; */
-moz-appearance:none;appearance:none;}
.inner-published-form .form-group-select h4{font-weight:600;font-size:20px;color:#00112b;font-family:Poppins,sans-serif;margin:0px 0 10px 0;line-height:28px;}
.inner-published-form .form-group-select{margin:0 0 10px 0;}
.inner-published-form .form-group-select .form-check-flex{display:flex;align-items:center;flex-wrap:wrap;}
.inner-published-form .form-group-select .form-check-flex .form-check{margin:0 5px 10px;width:45%;display:flex;align-items:center;padding:0;}
.inner-published-form .form-group-select .form-check-flex .form-check .form-check-input{border:1px solid #fdb209;outline:none;box-shadow:none;margin:0 10px 0 0;cursor:pointer;}
.form-check-input[type=checkbox]{border-radius:.25em;}
.form-check-input{width:1em;height:1em;    /* margin-top: .25em; */vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;    /* border: 1px solid rgba(0, 0, 0, .25); */    /* -webkit-appearance: none; */
-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;}
.inner-published-form .form-group-select .form-check-flex .form-check .form-check-input:checked[type=checkbox]{background-color:#fdb209;}
.inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{color:#333;font-size:16px;font-weight:600;cursor:pointer;margin-left:30px!important;}
.inner-published-form .form-group input{border:2px solid #b2b2b2;width:100%;height:45px;padding:0 20px;border-radius:0px;box-shadow:0 5px 5px -1px #eee;font-size:16px;color:#00112b;font-weight:400;margin:22px 0;}
.inner-published-form button{margin:20px 0 0;width:100%;background:linear-gradient(135deg,#25CC9E 0%,#1A4A3F 100%);color:#ffffff;padding:15px;border:none;border-radius:5px;cursor:pointer;transition:all 0.3s ease;font-family:'Outfit';font-size:20px;}
.inner-published-form .form-group button.submit-btn{background-color:#fdb209;color:#fff;font-weight:600;transition:all .3s ease-in-out;border:2px solid #fdb209;margin:0 10px 0 0;padding:5px 20px;font-size:22px;cursor:pointer;width:100%;border-radius:0px;}
.inner-published-form .form-group button.submit-btn:hover{background-color:#fff;color:#fdb209;}
.styled-link:after,.styled-link:hover:after{content:'';position:absolute;height:1px;bottom:0}
.float1,a,a:hover{text-decoration:none}
.float1,.navbar-right-button{font-size:16px;text-align:center}
.transformation-header{text-align:center;margin:0 0 30px;}
.btnsss{text-align:center;}
.btnsss .chats{background:#1c6250;}

/************************** popup  ************************************/
.modal-dialog{width:auto;margin:30px auto;}
.modal-content{background:#F6F6F6;border-radius:0px;border:none;position:relative;z-index:1;}
.modal-content::before{content:'';position:absolute;bottom:-20%;left:-20%;background:#ff8e4c;width:250px;height:250px;border-radius:100%;z-index:-1;margin:0 auto 0 0;opacity:0.5;}
.modal-content::after{content:'';position:absolute;top:-20%;right:-20%;background:#ff8e4c;width:250px;height:250px;border-radius:100%;z-index:-1;margin:0 0 0 auto;opacity:0.5;}
.modal-content .btn-close{position:absolute;right:-45px;top:8px;background:#ff8e4c;width:45px;height:45px;line-height:16px;border:#001d35;border-radius:0px 5px 5px 0px;outline:none;box-shadow:none;cursor:pointer;z-index:4;opacity:1;}
.modal-content .btn-close i{color:#fff;font-weight:600;}
.modal-dialog{max-width:700px!important;margin:150px auto 0;}
.modal-header{padding:0px;border-bottom:none;}
.modal-body{padding:0;}
.modal-body .modal-body-img1{width:100%;height:100%;padding:20px 20px;}
.modal-body .modal-body-img1 img{width:100%;animation:bounce2 2s ease infinite;}
.modal-body .modal-body-form{background:#1d3e2c;text-align:center;padding:20px 20px;}
.modal-body-form h3{font-size:30px;line-height:36px;color:#ffffff;margin:0 0 10px 0!important;animation:zoom-in-zoom-out 2s ease-out infinite;}
.modal-body-form h3 span{display:block;color:#fff;}
.modal-body-form .popup-form-list{}
.modal-body-form .popup-form-list .form-group{margin:0 0 10px 0;}
.modal-body-form .popup-form-list .form-group.form-group-last{margin:0;}
.modal-body-form .popup-form-list .form-group input{background:#FBFBFB;color:#0A2840;font-size:16px;width:100%;border:2px solid #E9E7E7;border-radius:0;padding:10px 10px;}
.modal-body-form .popup-form-list .form-group input::placeholder{color:#b2b2b2;font-size:16px;}
.modal-body-form .popup-form-list .form-group.mdl-phone-inp .iti{width:100%;}
.modal-body-form .popup-form-list .form-group textarea{background:#FBFBFB;color:#0A2840;font-size:16px;width:100%;height:120px;resize:none;border:2px solid #E9E7E7;border-radius:0;padding:10px 10px;}
.modal-body-form .popup-form-list .form-group textarea::placeholder{color:#b2b2b2;font-size:16px;}
.modal-body-form .popup-form-list .form-group button.submit-btn{background:#ff8e4c;color:#fff;font-size:18px;width:100%;border:2px solid #ff8e4c;border-radius:0px;padding:10px 10px;margin:0;text-transform:capitalize;outline:none;transition:all .3s ease-in-out;}
.modal-body-form .popup-form-list .form-group button.submit-btn:hover{background:#001d35;}
.modal.show{padding-right:0px!important;}

/* PopUp Modal Css End Here */
@media only screen and (min-width:768px) and (max-width:991px){

    /* PopUp Modal Responsive Css Start Here */
    .modal-content::before{left:0%;}
    .modal-content::after{right:0%;}
    .modal-content .btn-close{right:-4px;top:-33px;border-radius:5px 5px 0px 0px;}

/* PopUp Modal Responsive Css End Here */}
@media only screen and (min-width:521px) and (max-width:767px){
    .main-head h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
}

.main-head h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
}


    /* PopUp Modal Responsive Css Start Here */
    .modal-dialog{max-width:500px!important;margin:100px auto 0;}
    .modal-content::before{left:0%;}
    .modal-content::after{right:0%;}
    .modal-content .btn-close{right:-4px;top:-33px;border-radius:5px 5px 0px 0px;}
    .modal-body .modal-body-img1,.modal-body .modal-body-img2{display:none;}
    .modal-body-form h3{font-size:24px;line-height:30px;}
    .modal-body-form .popup-form-list .form-group input{font-size:16px;}
    .modal-body-form .popup-form-list .form-group input::placeholder{font-size:16px;}
    .modal-body-form .popup-form-list .form-group textarea{font-size:16px;}
    .modal-body-form .popup-form-list .form-group textarea::placeholder{font-size:16px;}
    .modal-body-form .popup-form-list .form-group button.submit-btn{font-size:16px;}

/* PopUp Modal Responsive Css End Here */}
@media only screen and (min-width:300px) and (max-width:520px){

    /* PopUp Modal Responsive Css Start Here */
    .modal-dialog{max-width:100%!important;margin:100px 20px 0;}
    .modal-content::before{left:0%;}
    .modal-content::after{right:0%;}
    .modal-content .btn-close{right:-4px;top:-33px;border-radius:5px 5px 0px 0px;}
    .modal-body .modal-body-img1,#myModal .modal-body .modal-body-img2{display:none;}
    .modal-body-form h3{font-size:24px;line-height:30px;}
    .modal-body-form .popup-form-list .form-group input{font-size:16px;}
    .modal-body-form .popup-form-list .form-group input::placeholder{font-size:16px;}
    .modal-body-form .popup-form-list .form-group textarea{font-size:16px;}
    .modal-body-form .popup-form-list .form-group textarea::placeholder{font-size:16px;}
    .modal-body-form .popup-form-list .form-group button.submit-btn{font-size:16px;}

/* PopUp Modal Responsive Css End Here */}
@keyframes bounce2{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-10px);}
    60%{transform:translateY(-5px);}
}
@keyframes zoom-in-zoom-out{
    0%{transform:scale(1,1);}
    50%{transform:scale(1.1,1.1);}
    100%{transform:scale(1,1);}
}
@keyframes moveSlideshow{
    100%{transform:translateX(-500px);}
}
span#discount-text{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;}
@keyframes blink-animation{
    to{visibility:hidden;}
}
@-webkit-keyframes blink-animation{
    to{visibility:hidden;}
}

/************************** popup ************************************/
#navbarBelow a,.sec-1H3,a.on{text-transform:capitalize}
.h_sec11,.h_sec6{isolation:isolate}
.foot_top,.h_sec5,footer,section{overflow:hidden}
.styled-link{position:relative;padding-bottom:3px;flex-shrink:0}
.styled-link:after{left:auto;right:0;width:0%;transition:.5s}
.styled-link:hover:after{left:0;right:auto;width:100%;background-color:#fff}
.float1{font-weight:400;vertical-align:middle;padding:8px 16px 10px;position:fixed;bottom:20px;left:10px;background-color:#03a84e;color:#fff;border-radius:50px;z-index:100;animation:.3s infinite alternate key1}
#navbarBelow .navbar-toggler i,.float1:hover,.library,.policy,.term{color:#fff}
.float1 i{margin-right:10px;font-size:22px;position:relative;top:2px;color:#f8f8f8}
@keyframes key1{
    0%{transform:translateY(0)}
    100%{transform:translateY(-10px)}
}
#navbarAbove{background:#1F3D2B;font-size:15px;color:#fff;padding:30px 0;}
.head_social li{background:#fff;padding:0 6px;border-radius:50%}
.head_social li a{color:#ff9800!important}
#navbarAbove a{color:#fff;font-size:13px}
#navbarAbove .styled-link:hover:after{background-color:#000!important}
.m-header{width:100%;z-index:999}
#navbarBelow li,.h_s1left,.h_s1right,.h_s2right,.h_s3left,.h_s3text,.h_s4text,.h_sec1,.h_sec10 .container,.sec-1H3 span{position:relative}
#navbarBelow a{color:#fff;font-weight:400;display:inline-block;font-size:15px}
#navbarBelow li::after,.h_s1left::before,.h_s1right::before,.sec-1H3 span::before{content:"";position:absolute}
#navbarBelow li::after{background:#fff;bottom:0;display:block;height:2px;left:50%;transition:width .3s,left .3s;width:0}
#navbarBelow li:hover::after{width:100%;left:0}
.nav-link.dropdown-toggle::after{transition:.5s}
.nav-link.dropdown-toggle.show::after{transform:rotate(180deg)}
#navbarBelow .navbar-toggler{color:#fff;border:none;box-shadow:none}
#navbarBelow.fixed-top{background-color:#1F3D2B;animation:.5s linear navbarBelow}
@keyframes navbarBelow{
    0%{opacity:0%;transform:translateY(-50%)}
}
#navbarNavDropdown{font-size:1.1rem;font-weight:600}
.navbar-brand img{max-height:45px}
.dropdown-menu{background-color:#1c3155}
.dropdown-item{color:#000;font-weight:400}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{background-color:#121c3df4;color:#fff!important}
.navbar-right-button{background:#fff;border-radius:50px;color:#ff9800!important;padding:9px 22px}
.contact_page,footer{background:url(img/footer_bg.webp) center/cover no-repeat}
#navbarBelow .navbar-collapse.collapsing,#navbarBelow .navbar-collapse.show,.foot_box img{margin-top:10px}
a,body,h1,h2,h3,h4,h5,h6,li,p,span,ul{font-family:Poppins,sans-serif}
.contact_page{padding:144px 0}
.h_sec1{background: #000000ab url(img/banner.jpg) center / cover no-repeat;color:#fff;padding:0px 0 0;background-blend-mode: color;}
.sec-1H3{font-weight:700;line-height:42px;margin:10px 0;font-size:50px;line-height:57px;color:#fff;letter-spacing:1px}
.sec-1H3 span{display:inline-block;z-index:1}
.sec-1H3 span::before{background:#ff9800;transform:skewx(18deg);top:0;left:-5px;height:47px;width:136px;z-index:-1;animation:5s infinite flash}
.foot_box h3::before,.foot_box2 h3::before{bottom:-2px;right:50%;z-index:1;height:2px}
@keyframes flash{
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
.h_s1left h2{font-size:77px}
a.chats,a.on{font-size:16px;text-align:center}
.abt_sec .h_s1left h2,.h_sec1.inner .h_s1left h2{font-size:61px}
.h_s1left{}
.h_s1left ul li img{width:140px;}
.h_s1left::before{height:100px;width:100px;bottom:-84px;left:-192px;background:url(../img/s1_left_aft.png) no-repeat}
.h_s1right img{animation:3s infinite pulse}
@keyframes pulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.1)}
}
.h_s1right::before{height:128px;width:136px;top:0;right:-219px;background:url(../img/s1right_aft.png) center no-repeat;animation:15s linear infinite both rotate-center}
.h_s2right::after,.h_s3left::before{background:url(../img/s2_right_aft.png) no-repeat;content:"";height:475px;position:absolute}
@keyframes rotate-center{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.h_s1left ul li{margin:19px 0 0}
.abt_slide a,.abt_timeline_box.four h3,.collapse1 a i,.defaulth2 span,.h_s10_step.one h3,.h_s1left ul li i,.h_s7box a,.h_s9left ul li i,.h_sec2.inner ul li i{color:#ff9800}
.btn_wrap{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 0}
a.on{background:#ff9800;border:none;border-radius:50px;color:#000;padding:10px 14px;animation:1.5s infinite glowing}
.on i{background:#fff;padding:5px 7px;border-radius:20px;transition:.7s;animation:1s ease-in-out infinite alternate both RL_smooth}
@keyframes RL_smooth{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(5px)}
}
a.chats{background:0 0;border:1px solid #fff;border-radius:50px;color:#fff;padding:9px 14px}
a.chats.blue{border:1px solid #2360a1;color:#2360a1}
.defaulth2{font-size:39px;color:#000;margin:10px 0}
.defaultp{color:#0000008f;margin:10px 0;font-size:15px}
.abt_timeline_box.one h3,.h_sec3.inner .defaulth2 span,.h_sec6 h2 span,.step_h3,.testi_slider .slick-slide.slick-current .h_s14_box h3{color:#1a5da5}
.h_s2right::after{width:326px;top:0;left:610px}
.h_s3left::before{width:326px;top:100px;right:610px;transform:rotate(181deg)}
.h_sec5::after,.h_sec5::before{background:url(../img/s5_aft.png) no-repeat;height:235px;width:326px}
.h_sec5::before,.h_sec6::before{top:0;position:absolute;content:""}
.step_h3{position:absolute;right:0;font-size:85px;font-weight:900;top:10px;opacity:.1}
.h_s10_bg,.h_s7box,.h_sec11,.h_sec5,.h_sec5 .s5_ul li,.h_sec6,.pattern_head{position:relative}
.h_sec5{background:url(../img/h_s5bg.webp) center/cover no-repeat;padding:80px 0}
.h_sec5::before{right:-78px}
.h_sec5::after{content:"";position:absolute;bottom:0;left:-128px}
.h_sec5 .s5_ul{display:flex;flex-wrap:wrap;gap:0 34px}
.h_sec5 .s5_ul li{display:flex!important;justify-content:center;flex-direction:column;align-items:center;text-align:center;width:45%;background:#fff;box-shadow:rgba(0,0,0,.24) 0 3px 8px;padding:38px 11px;margin:48px 0 0;border-radius:10px}
.h_sec5 .s5_ul li h3{font-size:20px}
.h_sec5 .s5_ul li .s5icon{padding:0 12px;background:#1a5da5;display:flex;height:60px;width:60px;justify-content:center;align-items:center;border-radius:12px;position:absolute;top:-35px}
.h_sec5 .s5_ul li p{height:182px;overflow:auto;padding:0 7px}
.h_sec5 .s5_ul li:first-child,.h_sec5 .s5_ul li:nth-child(3){translate:0 -55px}
.h_sec6{background:#ff9800}
.h_sec6::before{background:url(../img/h_s6bg.html) center/cover no-repeat;width:100%;height:100%;left:0;opacity:.3;z-index:-1}
.h_sec6 a.on{background:#fff;color:#ff9800}
.h_sec7{background:url(../img/h_s7bg.webp) center/cover no-repeat}
.h_s7box,.h_s7box .s7icon{background:#fff;display:flex}
.h_s7box{text-align:center;padding:59px 0 37px;flex-direction:column;align-items:center;margin:33px 0 28px;border-radius:7px}
.h_s7box h3{font-size:21px}
.abt-years,.h_s10_step h3{font-size:23px}
.h_s7box .s7icon{border:5px solid #1a5da5;height:77px;width:77px;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:-1%;left:50%;translate:-50% -50%;padding:13px}
.h_sec9{background:url(img/h_s9bg.png) center/cover no-repeat}
.h_s9left ul li{color:#fff;font-size:21px;margin:31px 0 0}
.h_s10_bg{background:url(../img/h_s10_Bg.png) center no-repeat;height:482px;text-align:center}
.row.step_text{position:absolute;top:50%;left:62%;width:100%;translate:-50% -50%}
.h_s10_step.one{translate:-85px 50px}
.h_s10_step.one::before,.h_s10_step.two::before{content:"";background:#474a54;height:76%;width:2px;position:absolute;right:20px;top:38px}
.h_s10_step.one::after,.h_s10_step.three::after,.h_s10_step.two::after{height:18%;background:#474a54;width:2px;position:absolute;content:""}
.h_s10_step.one::after{right:4px;top:24px;rotate:90deg}
.h_s10_step.two{translate:-173px 261px}
.h_s10_step.two::after{right:7px;top:16px;rotate:61deg}
.h_s10_step.two h3{color:#25c5d9}
.h_s10_step.three{translate:0px 410px}
.h_s10_step.three h3{color:#42a4f5}
.h_s10_step.three::after{right:64%;top:-14px;translate:-50% -50%}
.h_s10_step.four{translate:102px 307px}
.h_s10_step.four h3{color:#eb407a}
.h_s10_step.five::before,.h_s10_step.four::before{content:"";background:#474a54;height:76%;width:2px;position:absolute;left:-20px;top:38px}
.h_s10_step.four::after{content:"";background:#474a54;height:17%;width:2px;position:absolute;left:-30px;top:16px;rotate:-47deg}
.h_s10_step.five{translate:72px 69px}
.h_s10_step.five h3{color:#673bb6}
.h_s10_step.five::after{content:"";background:#474a54;height:18%;width:2px;position:absolute;left:-34px;top:24px;rotate:-90deg}
.h_s10_step p{font-size:12px;padding:0 25px 0 0}
.h_s10_step{height:166px;display:flex;flex-direction:column;justify-content:center;padding:40px 0 0}
.pattern_head{top:60px}
.h_sec11{background:#fff;padding:80px 0}
.h_sec11:before{background:url(../img/s11_bg.png) center/cover no-repeat;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:-1}
.s11box.br{border-right:1px solid #00000078}
.s11box h3{color:#ff9800;font-size:61px;font-weight:400}
.s12acc button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:0;background:0 0;text-align:start;color:#6e706e}
.abt_achievement_ul li,.abt_slide,.abt_slider .slick-slide,.foot_bot p,.h_s13_form form .form-group.agre-buton,.hhh,.pop-form .close-btn,.popupform-main h2,.popupform-main h3,.popupform-main h4,.popupform-main h6{text-align:center}
.s12acc button.collapsed i{transform:rotate(0)}
.s12acc button i{transition:.4s cubic-bezier(1,.52,1,1);transform:rotate(135deg);border-radius:21px;background:0 0;color:#000;padding:8px 9px}
.s12acc{margin:31px 0 0;border-radius:6px;background:#fff;box-shadow:0 0 36px -5px #00000078;padding:9px 0}
.s12acc .s9num{background:0 0;border-radius:50%;padding:7px 6px}
.s12acc .card.card-body{border:0;color:#6e706e;border-top:2px solid #000;border-radius:0}
.h_sec12{background:url(../img/h_s12_bg.png)}
.h_s13_form{background:linear-gradient(90deg,#e7e7e7 0,#dde6ef 57%);padding:10px 22px;border-radius:9px}
.h_s13_form form button,.h_s13_form form input,.h_s13_form form textarea{background:#fff;box-shadow:0;margin:16px 0;padding:10px 22px;border-radius:5px}
.h_s13_form form button{background:#ff9800;color:#fff;border-radius:26px!important;padding:9px 48px}
.testi_slider .slick-slide{background:#1a5da5;text-align:center;position:relative;padding:27px 0;border-radius:9px;margin:50px 18px 31px}
.h_s14_box h3{position:absolute;right:39%;font-size:122px;top:22%;translate:-50% -50%;color:#ff9800}
.testi_slider .slick-slide.slick-current{background:#ff9800;scale:1.16}
.h_s14_box{padding:5px 14px}
.h_s14_box p{padding:0 5px}
.h_s1left .list-unstyled.inner_sec{display:flex;flex-wrap:wrap;gap:10px}
.h_s1left .list-unstyled.inner_sec li{width:45%}
.h_sec3.inner{background:url(../img/ecommerce_store_setup_page/s3_bg.png) center/cover no-repeat}
.abt_slider .slick-slide{background:#fff;padding:10px 17px;margin:0 6px;font-size:13px;border-radius:5px;color:#1a5da5;transition:.7s;height:44px;overflow:hidden;white-space:nowrap;display:flex!important;justify-content:center;align-items:center;cursor:pointer}
.abt_slider .slick-slide.slick-current,.h_sec3.inner a{background:#1a5da5;color:#fff}
.h_sec3.inner a i,.to-avail{color:#000}
.inner_s3right{display:flex!important;gap:34px;align-items:center;margin:23px 0 0}
.i_s3_img,.inner_s3right div img{flex-shrink:0}
.i_sec6 a.chats{color:#1a5da5;border:1px solid #1a5da5}
.i_sec7{background:url(../img/ecommerce_store_setup_page/s6bg.png) center/cover no-repeat}
.collapse1{margin:31px 0}
.collapse1 a{color:#fff;font-size:18px;display:flex;gap:8px;align-items:center}
.collapse1 .card{background:0 0;border:none;color:#fff}
.i_sec8 ul.parent_tech{display:flex;gap:35px;justify-content:center;align-items:center}
.tech_slider .slick-slide{width:auto!important;opacity:.5}
.tech_slider .slick-slide.slick-current{opacity:1}
.swiperone .swiper-slide{background:#e7e7e7;padding:16px;border-radius:6px;display:flex;flex-direction:column;align-items:center;margin:9px 14px;height:115px}
.swiperone .swiper-slide p{margin:0}
.swiperone .swiper-slide p i{color:#fb8e00;margin:10px 0}
.h_sec5.inner .s5_ul li p{height:97px}
.abt_sec2.about.py-5{background:url(../img/about-page/s2bg.png) center/cover no-repeat}
.abt_sec3.about.py-5{background:url(../img/about-page/s3bg.png) center/cover no-repeat}
.abt_slide{background:#fff;padding:17px 18px;border-radius:10px;transition:.5s;box-shadow:0 0 9px 0 #000;margin:16px 0}
.abt_slide h3{font-size:18px;height:36px;margin:17px 0 0}
.abt_slide p{font-size:14px;height:113px;margin:14px 0;padding:0 11px;overflow:auto}
.foot_box h3,.foot_box2 h3{margin:0 0 20px;font-weight:400;position:relative}
.abt_s3box.abt_page_slider .slick-slide{transition:.5s;padding:0 7px}
.abt_page_slider .slick-current+.slick-slide .abt_slide{transition:.5s;-webkit-transform:scale(.92);transform:scale(.92)}
.abt_page_slider .slick-current+.slick-slide+.slick-slide .abt_slide{transition:.5s;margin:0 -23px;-webkit-transform:scale(.85);transform:scale(.85)}
.abt_timeline_box{display:flex;gap:15px;position:relative}
.abt_timeline_box.one .abt_timeline_icon{background:#1a5da5}
.abt_timeline_box.two h3{color:#f9c036}
.abt_timeline_box.two .abt_timeline_icon{background:#f9c036}
.abt_timeline_box.three h3{color:#404cbc}
.abt_timeline_box.three .abt_timeline_icon{background:#404cbc}
.abt_timeline_box.four .abt_timeline_icon{background:#ff9800}
.abt_timeline_box.five h3{color:#2eb9b3}
.abt_timeline_box.five .abt_timeline_icon{background:#2eb9b3}
.abt_timeline_box.one .abt_timeline_icon::before,.abt_timeline_box.two .abt_timeline_icon::before{content:"";background:#000;height:147px;width:1px;position:absolute;top:0;z-index:-1}
.abt_timeline_box.five .abt_timeline_icon:before,.abt_timeline_box.four .abt_timeline_icon:before,.abt_timeline_box.three .abt_timeline_icon:before{content:"";background:#000;height:110px;width:1px;position:absolute;bottom:0;z-index:-1}
.abt_timeline_box.one,.abt_timeline_box.two{margin:0 0 -36px}
.abt_timeline_box.five,.abt_timeline_box.four,.abt_timeline_box.three{margin:56px 0 0}
.abt_timeline_box.one{translate:30px 0px}
.abt_timeline_box.five{translate:45px 0px}
.abt_timeline_icon{color:#fff;width:52px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0;position:relative}
.foot_box,.foot_top,.new-btn,.tech_slider .slick-slide img,footer{width:100%}
.abt_achievement_ul{display:flex;flex-wrap:wrap;gap:20px}
.abt_achievement_ul li:first-child{box-shadow:0 0 7px 0 #1a5da5;color:#1a5da5}
.abt_achievement_ul li:nth-child(2){box-shadow:0 0 7px 0 #ff9800;color:#ff9800}
.abt_achievement_ul li:nth-child(3){box-shadow:0 0 7px 0 #2eb9b3;color:#2eb9b3}
.abt_achievement_ul li:nth-child(4){box-shadow:0 0 7px 0 #00c200;color:#00c200}
.abt_achievement_ul li:nth-child(5){box-shadow:0 0 7px 0 #404cbc;color:#404cbc}
.abt_achievement_ul li:nth-child(6){box-shadow:0 0 7px 0 #bb4ce2;color:#bb4ce2}
.abt_achievement_ul li:nth-child(2),.abt_achievement_ul li:nth-child(5){translate:0 40px}
.abt_achievement_ul li{background:#fff;width:30%;padding:12px 7px}
.abt_achievement_ul li p{margin:0;font-size:12px}
.abt_achievement_ul li h3{font-size:58px;margin:0}
.abt-years{display:flex;justify-content:center;gap:139px;color:#fff;position:relative;top:67px;font-weight:600}
footer{color:#fff;padding:60px 0 30px;border-top:1px solid #36363685;position:relative;margin-top:20px}
.foot_top{padding:60px 0 40px}
.foot_top img{width:209px}
.foot_box .ul1{columns:2}
.foot_box.service h3::before{width:84%}
.foot_box p{color:#fff!important;font-size:14px}
.foot_box h3{color:#fff;padding-bottom:15px;font-size:18px}
.foot_box ul{padding:0 0 0 18px;list-style:none}
.foot_box ul li{line-height:30px;position:relative}
.foot_box ul li::before{content:"";width:10px;height:10px;position:absolute;left:-20px;background:#fff;top:9px;border-radius:0 10px 10px 0;transition:.5s linear}
.foot_box ul li a{color:#fff;transition:.2s linear;font-size:15px}
.foot_box2 h3{color:#fff;padding-bottom:15px;font-size:22px}
.foot_box2 h3::before{content:"";left:0;position:absolute;width:90%;background:#fff}
.foot_box2 ul li{color:#fff;padding:0 0 10px;list-style:none}
.foot_box h3::before{content:"";left:0;position:absolute;width:25%;background:#fff}
.foot_box2 ul li a{color:#fff;font-size:12px}
footer .navwrp ul li,footer .navwrp ul li a{font-size:14px;font-family:poppins,sans-serif!important}
.foot_bot{background:#ff9800;padding:16px 0}
.foot_bot p{font-size:15px;color:#fff!important;margin:0}
@media (max-width:1400px){
    .abt_slide h3{font-size:14px;height:35px;margin:17px 0 0;overflow:auto}
    .abt_sec .h_s1left h2,.h_sec1.inner .h_s1left h2{font-size:53px}
    .h_s10_step h3{font-size:20px}
    .abt_timeline_box.one .abt_timeline_icon::before,.abt_timeline_box.two .abt_timeline_icon::before{height:167px}
    .abt_timeline_box.five{translate:85px 0px}
    #navbarNavDropdown ul li ul.dropdown-menu{left:-69px!important}
}
@media (max-width:991px){
    #navbarBelow .navbar-collapse{order:3;background-color:#122441;padding:0 10px}
    #navbarBelow .navbar-toggler{order:1}
    .swiperone .swiper-slide{margin:0}
    .testi_slider .slick-slide.slick-current .h_s14_box h3{display:none}
    .foot_box .ul1{columns:1}
}
@media (max-width:575px){
    #navbarAbove,.abt_sec2,.abt_sec3,.abt_sec4,.abt_timeline_box,.h_s1left,.h_s3text,.h_s4text,.h_sec2,.h_sec3.inner,.h_sec5,.h_sec6,.h_sec8,.i_sec6,.i_sec8{text-align:center}
    .navbar-brand img{max-height:30px}
    #navbarAbove{padding:5px 0;font-size:12px}
    .sec-1H3{font-size:26px}
    .sec-1H3 span::before{top:3px;left:-5px;height:38px;width:99px}
    .btn_wrap{justify-content:center}
    .defaulth2{font-size:27px}
    .h_s2right{margin:10px 0 0}
    .abt_sec2 img,.abt_timeline_box.five .abt_timeline_icon::before,.abt_timeline_box.four .abt_timeline_icon::before,.abt_timeline_box.one .abt_timeline_icon::before,.abt_timeline_box.three .abt_timeline_icon::before,.abt_timeline_box.two .abt_timeline_icon::before,.h_s2right,.h_sec10,.h_sec2.inner img,.h_sec5::after,.h_sec8 img,.i_s3_img,.i_sec6 img,.step_h3{display:none}
    .h_sec5 .s5_ul li{translate:none!important;width:100%}
    .h_sec5 .res_slider .slick-slide,.h_sec7 .res_slider .slick-slide{padding:16px 5px}
    .s11box.br{border-right:0}
    .abt-years,.head_social,.timeline_img{display:none!important}
    .h_sec4 .row{flex-direction:column-reverse}
    .abt_slide,.inner_s3right{flex-direction:column}
    .h_sec1{padding:0 0 0;}
    .h_s1left .list-unstyled.inner_sec li{width:100%}
    .i_s3right{margin:26px 0}
    .abt_sec .h_s1left h2,.h_s1left h2,.h_sec1.inner .h_s1left h2{font-size:33px}
    .abt_slide{display:flex!important;align-items:center;justify-content:center}
    .abt_timeline_box{display:flex;flex-direction:column;align-items:center;justify-content:center}
    .abt_timeline_box.five,.abt_timeline_box.four,.abt_timeline_box.one,.abt_timeline_box.three,.abt_timeline_box.two{margin:0}
    .abt_timeline_box.five,.abt_timeline_box.one{translate:0px}
    .abt_achievement_ul li{width:47%}
    .abt_achievement_ul li:nth-child(2),.abt_achievement_ul li:nth-child(5){translate:0}
    .abt_achievement_ul{margin:20px 0 0}
}
footer .bdrwrp{border-top:1px solid #d1d1d1;padding:30px 0 0;margin:20px 0 0}
footer .navwrp ul li{padding:0 0 8px;line-height:21px;margin-left:0;list-style-type:none}
.navwrp .btnwrp .btn-primary{background:#ff9800;color:#fff;font-size:15px;padding:14px 30px;border-radius:30px;display:inline-block;font-weight:600;float:right}
footer .navwrp ul li a{color:#fff}
footer .navwrp img{width:350px}
.hhh{color:#000!important}
.new-btn{padding:15px 30px;border:0;color:#fff;font-size:15px;margin-top:20px;background-color:#ff9800}
.New-des,.New-email,.New-name,.New-num{width:88%;margin-left:auto;margin-right:auto!important;display:block}
.FormHeader{background:#fff;padding:20px;border-radius:20px}
.New-email,.New-name,.New-num{height:100%;font-size:.9rem;padding:4px;background:0 0;border:0;border-bottom:2px solid #e0e0e0}
.pop-form,.popupform-main .main-pop .col-md-12{padding:0}
.overlay-bg,.popupform-main{height:100%;display:none;left:0;bottom:0;width:100%;top:0}
.overlay-bg{background:rgba(0,0,0,.8);position:absolute;right:0;z-index:10}
.popupform-main.active{display:block}
.popupform-main{position:fixed;background-color:rgba(0,0,0,.62);z-index:9999}
.pop-form{position:absolute;width:820px;height:575px;top:0;left:0;bottom:0;right:0;margin:auto;background:url(../imgg/ca2.png) 0 0/contain no-repeat;z-index:99;}
.fspx-23,.pop-form form .control-group{margin-bottom:10px}
.popupform-main h3{font-size:22px;margin:31px 0 0;float:none;color:#fff;font-weight:500;padding:0!important}
.popupform-main h2{font-size:33px;margin:5px 0 0;color:#fff;font-weight:700}
.popupform-main h4{font-size:22px;margin:6px 0 0;color:#fff;font-weight:700}
.ls-xsmall{letter-spacing:-2px}
.fc-red{color:#fb2224}
.tt-uppercase{text-transform:uppercase!important}
.popupform-main h6{letter-spacing:0;font-size:45px;background:#4274fa;color:#fff;border-radius:10px;padding:10px 15px 5px;position:relative;right:0;margin:0;float:right}
.fspx-20{font-size:20px;display:block}
.fspx-23{font-size:23px}
.fw-normal{font-weight:400!important}
.popupform-main .main-pop{padding:25px 10px 0 0}
form .control-group{margin-bottom:24px;position:relative}
.pop-form form .control-group input[type=email],.pop-form form .control-group input[type=number],.pop-form form .control-group input[type=text],.pop-form form .control-group select,.pop-form form .control-group textarea{background-color:#fff;font-family:Nunito,sans-serif;text-align:left}
.popupform-main form input[type=email],.popupform-main form input[type=number],.popupform-main form input[type=text]{min-height:50px;color:#333;padding:10px;height:44px;width:100%;background:0 0;border:1px solid #ccc;box-shadow:none;-webkit-appearance:none;border-radius:4px;font-family:Nunito,sans-serif}
form .numberarea{width:auto;position:relative}
.pop-form .submit-btn{background:#fff;font-size:18px;padding:10px 0;color:#000;cursor:pointer;border-radius:5px;position:relative;border:none;width:100%;margin:10px 0 0!important;font-weight:700;text-transform:uppercase}
.pop-form .no-thanks{text-decoration:underline;color:#666}
.popupform-main h6:before{position:absolute;content:"";left:-35px;top:0;width:0;height:0;border-top:0 solid transparent;border-right:45px solid #4274fa;border-bottom:28px solid transparent}
.float-left{float:left}
.lh-medium{line-height:1.2}
.ta-left{text-align:left}
.fw-exbold{font-weight:800!important}
.mtpx-60{margin-top:60px}
.pop-form .close-btn{width:45px;height:45px;display:block;position:absolute;top:0;right:0;font-size:18px;font-weight:900;color:#000;padding-top:3px;background-color:#e9e9e9;border-radius:50px;align-items:center;display:grid;border:3px inset #000}
@media(max-width:991px){
    .pop-form{position:absolute;width:765px;height:400px;top:0;left:0;bottom:0;right:0;margin:auto;padding:0;z-index:99;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;background-position:center}
    .popupform-main .col-sm-offset-4.col-sm-8{max-width:100%;width:100%;margin:0}
    .popupform-main h3{font-size:30px!important}
    .popupform-main h6{font-size:30px}
    .pop_text{float:none}
    #flform input[type=text],input[type=email]{margin-bottom:0}
    .pop-form .close-btn{width:35px;height:30px;display:block;position:absolute;top:2px;right:0;font-size:18px;font-weight:900;color:#080808;padding-top:3px}
}
div#pop-form{display:block!important;text-align:center!important;padding-right:13px!important;padding-bottom:10px!important}
@media(max-width:767px){

    .main-head h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
}
.pricing-box {
    margin: 0 0 28px;
}
    a.on{font-size:14px!important;}
    .faq-accordion-col,.faq-image-col{flex:1;min-width:auto!important;}
    .modal-body-img1{display:none;!important}
    .modal-content .btn-close{position:absolute;right:9px;top:-54px;}
    .pop_text{float:none!important;margin:0!important}
    .popupform-main h6:before{position:absolute;content:"";left:-20px;top:0;width:0;height:0;border-top:0 solid transparent;border-right:28px solid #4274fa;border-bottom:28px solid transparent}
    div#pop-form form{width:100%!important}
    .pop-form{position:absolute;width:334px!important;height:434px!important;background:url(../imgg/popupppp.png) 0 0/cover}
    .popupform-main .pop-form h3{font-size:21px!important;margin-top:4px}
    .pop-form .close-btn{top:-13px;right:-6px;height:35px}
    .popupform-main h6{letter-spacing:0;font-size:21px;background:#4274fa;color:#fff;border-radius:10px;padding:3px 8px 5px;text-align:left;position:relative;right:0;margin:0;float:right}
    .pop-form .submit-btn{font-size:18px;width:100%;padding:8px 0}
    div#pop-form{max-width:100%;width:100%;margin:0;text-align:center;padding-top:10px}
    .popupform-main h3{font-size:26px;margin:31px 0 0;color:#fff;font-weight:500;text-align:center}
    .popupform-main h2,.popupform-main h4{color:#fff;font-weight:700;text-align:center}
    .popupform-main h2{font-size:30px;margin:10px 0 0}
    .popupform-main h4{font-size:24px;margin:8px 0 0}
    .chk-st-1{display:inline-flex}
}
div#pop-form{margin:0 0 0 auto}
.pop_text{margin:0;float:right!important}
div#pop-form form{width:77%;margin:0;display:table;float:right}
@media (min-width:320px) and (max-width:767px){
    .wow{animation-name:none!important;visibility:visible!important}
    div#pop-form{width:100%;margin:0 auto;display:table;text-align:center;padding-top:14px}
}
@keyframes blinker{
    50%{color:#ff9f1c;}
}
.blink{animation:blinker 1s step-start infinite;}
a.on.popup-btn:hover{color:#fff;}
.counters{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.counter{background:#1e4131;padding:30px;border-radius:10px;flex:1 1 200px; /* responsive width */text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.1);min-width:150px;}
.counter-title{font-size:18px;margin-bottom:10px;color:#fff;}
.counter-number{font-size:32px;font-weight:bold;color:#fff;}
@media (max-width:768px){
    .counters{flex-direction:column;align-items:center;}
    .counter{width:80%;}
}

/* Section Styling */
.publish-section{padding:60px 0;background-color:#ffffff; /* Aap yahan background image ya color change kar sakte hain */text-align:center;overflow:hidden;}
.container{max-width:1200px;margin:0 auto;}
.section-title{font-family:sans-serif;font-size:32px;font-weight:700;color:#333;margin-bottom:40px;}

/* Slider Logic */
.logo-slider{display:flex;width:100%;overflow:hidden;position:relative;}

/* Linear infinite scroll animation */
.logo-track{display:flex;width:calc(250px * 20); /* item width * total items (14 + 6 duplicates) */animation:scrollLogos 40s linear infinite;align-items:center;}
.logo-item{width:250px; /* Ek logo ki width */flex-shrink:0;padding:0 20px;}
.logo-item img{width:100%;height:auto;max-height:80px; /* Logos ko ek barabar height mein rakhne ke liye */object-fit:contain;filter:grayscale(0%); /* Agar black & white chahiye to 100% kar dein */transition:filter 0.3s ease;}
.logo-item img:hover{filter:grayscale(0%);}

/* Animation Keyframes */
@keyframes scrollLogos{
    0%{transform:translateX(0);}
    100%{transform:translateX(calc(-250px * 14));}

/* 14 original slides ke baad reset */}

/* Responsive Styles */
@media (max-width:768px){
    .section-title{font-size:24px;padding:0 15px;}
    .logo-item{width:150px;}
    .logo-track{width:calc(150px * 20);animation:scrollLogosMobile 25s linear infinite;}
    @keyframes scrollLogosMobile{
        0%{transform:translateX(0);}
        100%{transform:translateX(calc(-150px * 14));}
    }
}
.spotlight-section{padding:60px 20px;background:#f9f9f9; /* background color, adjust as needed */text-align:center;}
.spotlight-section h3{font-size:28px;margin-bottom:20px;}
.spotlight-section p{font-size:16px;max-width:700px;margin:0 auto 30px;line-height:1.6;}
.cta-button{display:inline-block;background-color:#ff4d4f; /* button color, adjust */color:#fff;padding:12px 25px;font-size:16px;border-radius:6px;text-decoration:none;transition:background 0.3s,transform 0.3s;}
.cta-button:hover{background-color:#e04344;transform:translateY(-2px);}

/* Mobile adjustments */
@media (max-width:600px){
    .spotlight-section h3{font-size:22px;}
    .spotlight-section p{font-size:14px;}
    .cta-button{padding:10px 20px;font-size:14px;}
}
.logo-carousel-section{width:100%;overflow:hidden;background:#fff; /* Apni marzi ka color de dein */padding:20px 0;}
.carousel-container{display:flex;width:100%;}
.carousel-track{display:flex;width:calc(250px * 15); /* Slide width * total slides (original + duplicates) */animation:scroll 30s linear infinite;}
.slide{width:250px; /* PC par ek slide ki width */display:flex;justify-content:center;align-items:center;padding:10px;}
.slide img{width:100%;height:auto;object-fit:contain;}

/* Scroll Animation */
@keyframes scroll{
    0%{transform:translateX(0);}
    100%{transform:translateX(calc(-250px * 9));}

/* Move by 9 original slides */}

/* Mobile Responsive */
@media (max-width:768px){
    .slide{width:150px; /* Mobile par choti slides */}
    .carousel-track{width:calc(150px * 15);}
    @keyframes scroll{
        100%{transform:translateX(calc(-150px * 9));}
    }
}

/* Section Base */
.process-section{padding:80px 20px;background-color:#ffffff; /* Ya jo bhi aapka background theme ho */display:flex;justify-content:center; /* Horizontally center */align-items:center;text-align:center;}
.process-container{max-width:1200px;width:100%;}

/* Content Box (Center Column Effect) */
.process-content{max-width:700px; /* Is se content center mein rahega bina khali columns ke */margin:0 auto;}

/* Typography */
.sub-heading{font-family:'Arial',sans-serif;color:#ff6600; /* Example color, aap change kar sakte hain */font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;}
.main-heading{font-family:'Georgia',serif;font-size:2.5rem;color:#222;font-weight:700;line-height:1.2;margin-bottom:20px;}
.description{font-family:'Arial',sans-serif;font-size:1.1rem;color:#666;line-height:1.6;}

/* Responsive */
@media (max-width:768px){
    .main-heading{font-size:1.8rem;}
    .process-section{padding:50px 15px;}
}
.features-grid-section{padding:40px 20px;background-color:#f9f9f9; /* Box background highlight karne ke liye halka color */}
.features-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap; /* Mobile par wrap hone ke liye */gap:30px; /* Boxes ke darmiyan gap */justify-content:center;}
.feature-box{flex:1;min-width:300px; /* Tablet/Mobile par wrap hone ke liye threshold */background:#ffffff;padding:30px;text-align:center;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.05); /* Modern clean shadow */transition:transform 0.3s ease;}
.feature-box:hover{transform:translateY(-5px); /* Hover effect */}
.feature-icon img{width:80px; /* Icon size control */height:auto;margin-bottom:20px;}
.feature-content h3{font-family:'Arial',sans-serif;font-size:1.5rem;color:#333;margin-bottom:15px;font-weight:600;}
.feature-content p{font-family:'Arial',sans-serif;font-size:1rem;color:#666;line-height:1.6;}

/* Mobile Responsive */
@media (max-width:768px){
    .feature-box{flex:1 1 100%; /* Mobile par full width */}
}
.pt-0{padding-top:0!important;}
.feature-box{border:1px solid #eee;display:flex;flex-direction:column;justify-content:flex-start;}

/* 1. Global Reset & Container */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* 2. Published Works Intro (The new section) */
.published-works-intro{padding:60px 0 40px;text-align:center;background-color:#fff;}
.content-wrapper{max-width:800px;margin:0 auto;}
.main-title{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin-bottom:20px;line-height:1.2;}
.sub-text{font-size:1.1rem;color:#666;}

/* 3. Features Grid Responsive Logic */
.features-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:40px 0;}
.feature-box{flex:1 1 calc(33.333% - 25px); /* Laptop: 3 Columns */background:#ffffff;padding:30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.05);text-align:center;transition:0.3s;}

/* 4. Responsive Breakpoints */

/* Tablet (Laptop se chota screen) */
@media (max-width:1024px){
    .feature-box{flex:1 1 calc(50% - 25px); /* Tablet: 2 Columns */}
    .main-title{font-size:2rem;}
}

/* Mobile (Phone) */
@media (max-width:768px){
    .published-works-intro{padding:50px 15px 30px;}
    .main-title{font-size:1.7rem; /* Mobile par heading choti */}
    .sub-text{font-size:1rem;}
    .feature-box{flex:1 1 100%; /* Mobile: 1 Column (Full Width) */margin-bottom:10px;}
    .logo-track img{max-height:50px; /* Mobile par logos thore chhote */}
}

/* Section Container */
.book-showcase{padding:60px 0;background-color:#fdfdfd;}
.book-grid{display:grid;grid-template-columns:1fr 1fr; /* Laptop: 2 Columns */gap:40px;}

/* Individual Book Card */
.book-card{align-items:center;background:#ffffff;padding:20px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.05);border:1px solid #eee;}

/* Book Image Styling */
.book-image{flex:0 0 180px; /* Image ki fixed width */margin-right:25px;}
.book-image img{width:100%;height:auto;border-radius:8px;box-shadow:5px 5px 15px rgba(0,0,0,0.2); /* Book cover effect */}

/* Book Text Styling */
.book-info h3{font-size:1.4rem;margin-bottom:15px;color:#222;font-family:'Georgia',serif;}
.book-info p{font-size:0.95rem;color:#555;margin-bottom:20px;line-height:1.5;}

/* Button Styling */
.amazon-btn{display:inline-block;background-color:#ff9900; /* Amazon Brand Color */color:white;padding:10px 20px;text-decoration:none;border-radius:5px;font-weight:bold;font-size:0.9rem;transition:background 0.3s ease;}
.amazon-btn:hover{background-color:#e68a00;}

/* --- Responsive Breakpoints --- */

/* Tablet (Chota Laptop/iPad) */
@media (max-width:1024px){
    .book-grid{gap:20px;}
    .book-card{flex-direction:column; /* Image ooper, text neeche */text-align:center;}
    .book-image{margin-right:0;margin-bottom:20px;flex:0 0 220px;}
}

/* Mobile (Phone) */
@media (max-width:768px){
    .book-grid{grid-template-columns:1fr; /* Ek row mein sirf ek card */}
    .book-showcase{padding:40px 15px;}
    .book-info h3{font-size:1.2rem;}
}

/* Existing CSS mein yeh add kar dein ya update karein */
.pt-0{padding-top:0!important;}
.book-info{display:none;}
.book-grid{display:grid;grid-template-columns:repeat(2,1fr); /* 2 columns for Laptop */gap:30px;margin-bottom:30px;}
.book-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.06);align-items:flex-start; /* Aligns items to top */transition:transform 0.3s ease;}
.book-card:hover{transform:translateY(-5px);}
.book-image{flex:0 0 150px; /* Thora chota size for better fit */margin-right:20px;}
.book-image img{width:100%;height:auto;border-radius:5px;filter:drop-shadow(4px 6px 10px rgba(0,0,0,0.2));}

/* Media Queries for Responsive Design */

/* Tablet & Laptop (up to 1100px) */
@media (max-width:1100px){
    .book-grid{grid-template-columns:1fr; /* Switch to 1 column earlier for better readability */max-width:800px;margin:0 auto;}
}

/* Mobile (up to 600px) */
@media (max-width:600px){
    .book-card{flex-direction:column; /* Stack image on top of text */text-align:center;padding:20px;}
    .book-image{margin-right:0;margin-bottom:15px;width:160px; /* Fixed size on mobile */margin-left:auto;margin-right:auto;}
    .amazon-btn{width:100%; /* Mobile par button full width */text-align:center;}
}

/* Section Styles */
.book-row-3{padding:40px 0;background-color:#fff;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
.book-grid{display:grid;grid-template-columns:repeat(2,1fr); /* Laptop pe 2 columns */gap:30px;}
.book-card{display:block;background:#ffffff;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08);border:1px solid #eee;align-items:flex-start;}
.book-image{flex:0 0 150px;margin-right:20px;}
.book-image img{width:100%;height:auto;border-radius:5px;}
.book-info h3{font-size:1.25rem;margin-bottom:10px;color:#222;}
.book-info p{font-size:0.9rem;color:#555;margin-bottom:15px;}
.amazon-btn{display:inline-block;background-color:#ff9900;color:#fff;padding:8px 18px;text-decoration:none;border-radius:4px;font-weight:bold;font-size:0.85rem;}

/* --- Responsive (Mobile + Tablet) --- */
@media (max-width:992px){
    .book-grid{grid-template-columns:1fr; /* Tablet aur Mobile pe 1 column */}
}
@media (max-width:600px){
    .book-card{flex-direction:column; /* Mobile pe image ooper aur text neeche */text-align:center;}
    .book-image{margin:0 auto 15px;}
    .amazon-btn{width:100%;}
}

/* Section Styling */
.benefits-section{padding:60px 0;background-color:#ffffff;text-align:center;}
.benefits-header{margin-bottom:50px;}
.tagline{color:#ff6600; /* Orange highlight color */font-weight:600;font-size:1rem;margin-bottom:10px;}
.section-title{font-size:2.5rem;color:#222;font-weight:700;}

/* Grid Logic */
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr); /* Desktop: 4 Columns */gap:25px;}
.benefit-card{padding:30px 20px;background:#fff;border-radius:12px;transition:all 0.3s ease;  /* Halka sa border ya shadow depth ke liye */border:1px solid #f0f0f0;}
.benefit-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.05);transform:translateY(-5px);}
.benefit-icon img{width:60px;height:60px;object-fit:contain;margin-bottom:20px;}
.benefit-card h3{font-size:1.2rem;color:#333;margin-bottom:15px;font-weight:700;}
.benefit-card p{font-size:0.95rem;color:#666;line-height:1.6;}

/* --- Responsive Breakpoints --- */

/* Tablet (iPad/Large Phones) */
@media (max-width:1024px){
    .benefits-grid{grid-template-columns:repeat(2,1fr); /* 2x2 Grid */}
}

/* Mobile */
@media (max-width:600px){
    .benefits-grid{grid-template-columns:1fr; /* 1 Column */}
    .section-title{font-size:1.8rem;}
    .benefits-section{padding:50px 15px;}
}

/* Container jo cards ko aik line mein rakhega */
.compare-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap; /* Mobile pe khud hi niche aa jayega */}

/* Har card ki width laptop pe */
.hover-compare{flex:1;min-width:300px; /* Minimum width taake mobile pe kharab na ho */max-width:380px;}
.coca-container{position:relative;width:100%;height:480px; /* Aap height yahan se fix kar sakte hain */overflow:hidden;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.1);background:#eee;}

/* Dono images ko aik jaisa fit karne ke liye */
.img-before,.img-after{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;      /* Ye line size match karegi */background-position:center; /* Image center mein rahegi */background-repeat:no-repeat;}
.img-before{width:50%; /* Initial cut */z-index:2;border-right:3px solid #fff;}
.img-after{z-index:1;}

/* Handle Styling */
.coca-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;z-index:5;pointer-events:none;}
.coca-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3);}

/* Labels */
.coca-labels span{position:absolute;bottom:15px;background:rgba(0,0,0,0.5);color:#fff;padding:4px 10px;font-size:11px;text-transform:uppercase;z-index:6;border-radius:4px;}
.label-before{left:10px;}
.label-after{right:10px;}

/* Responsive for Mobile */
@media (max-width:768px){
    .compare-row{flex-direction:column;align-items:center;}
    .hover-compare{width:100%;}
}
.publishing-services{padding:80px 0;background-color:#fcfcfc; /* Halka sa off-white background */}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Header Section */
.services-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto;}
.services-header h2{font-size:2.5rem;color:#222;line-height:1.2;margin-bottom:15px;}
.sub-heading{font-size:1.1rem;color:#666;}

/* Flex Row */
.services-row{display:flex;align-items:center;gap:50px;}

/* Left Content */
.services-content{flex:1;}
.main-text p{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:20px;}
.list-title{font-size:1.8rem;margin:30px 0 20px;color:#222;}

/* Icon List Styling */
.icon-list{list-style:none;padding:0;}
.icon-list li{display:flex;align-items:center;margin-bottom:12px;font-weight:500;color:#333;}
.icon-list .icon{width:24px;height:24px;background:#ff6600; /* Orange color for checkmarks */color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:15px;flex-shrink:0;}

/* Right Image */
.services-image{flex:1;}
.services-image img{width:100%;height:auto;border-radius:15px;  /* Box shadow elementor style */}

/* --- Mobile & Tablet Responsive --- */
@media (max-width:992px){
    .services-row{flex-direction:column; /* Image niche aa jayegi */text-align:center;}
    .icon-list li{justify-content:center;}
    .services-header h2{font-size:2rem;}
}
@media (max-width:600px){
    .publishing-services{padding:50px 0;}
    .services-header h2{font-size:1.6rem;}
    .list-title{font-size:1.4rem;}
}
.award-banner{padding:60px 0;background-color:#fff;}
.award-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;background:#B89B5E;border-radius:10px;}

/* Left Image */
.award-main-img{flex:0 0 350px;max-width:100%;}
.award-main-img img{width:100%;height:auto;}

/* Right Content */
.award-content{flex:1;min-width:300px;text-align:center;}
.award-content h3{font-size:2.2rem;color:#222;margin-bottom:25px;font-weight:700;}

/* Button Styling */
.btn-wrap{margin-bottom:30px;}
.submit-btn{display:inline-block;background-color:#ff6600; /* Theme Orange */color:#fff;padding:15px 30px;text-decoration:none;border-radius:5px;font-weight:bold;font-size:1rem;transition:background 0.3s;}
.submit-btn:hover{background-color:#e55b00;}

/* Badges Grid */
.award-badges{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:space-evenly;}
.award-badges img{width:80px; /* Logos size */height:auto;object-fit:contain;}

/* --- Mobile Responsive --- */
@media (max-width:768px){
    .award-row{flex-direction:column;text-align:center;}
    .award-content h3{font-size:1.8rem;}
    .award-badges{justify-content:center;}
    .award-main-img{flex:0 0 280px; /* Mobile pe thori choti */}
}
.reviews-header-section{padding:40px 20px;text-align:center;background-color:transparent;}
.reviews-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.reviews-content{max-width:600px;width:100%;text-align:center;}
.reviews-image{margin:0 0 100px;}
.reviews-title{font-family:'Arial',sans-serif;font-size:36px;color:#111;margin-bottom:15px;line-height:1.2;}
.font-weight-500{font-weight:500;}
.reviews-image img{max-width:322px;width:100%;height:auto;display:inline-block;}

/* Mobile Responsive */
@media (max-width:768px){
    .reviews-title{font-size:28px;}
    .reviews-image img{max-width:250px;}
}
.testimonial-section{padding:60px 20px;background-color:#f9f9f9;font-family:'Arial',sans-serif;}
.container{max-width:1200px;margin:0 auto;}
.testimonial-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;}
.testimonial-content h2{font-size:36px;margin:15px 0;line-height:1.2;}
.testimonial-content h2 span{color:#d32f2f;}
.quote-icon{width:40px;}
.trust-badges img{width:120px;margin-right:15px;margin-top:20px;}

/* Slider Cards */
.testimonial-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05);height:100%;border:1px solid #eee;}
.user-info{display:flex;align-items:center;gap:15px;margin-bottom:15px;}
.user-info img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.user-info strong{display:block;font-size:16px;}
.user-info span{font-size:12px;color:#888;}
.testimonial-card p{font-size:14px;color:#555;line-height:1.6;}
.stars{color:#ffb400;margin-top:10px;}

/* Responsive */
@media (max-width:992px){
    .testimonial-grid{grid-template-columns:1fr;text-align:center;}
    .testimonial-content{margin-bottom:30px;}
}
.faq-custom-section{padding:50px 15px;max-width:1200px;margin:0 auto;}
.faq-main-title{text-align:center;font-size:2rem;margin-bottom:40px;color:#222;}
.faq-flex-row{display:flex;flex-wrap:wrap;gap:30px;}
.faq-accordion-col,.faq-image-col{flex:1;min-width:320px;}
.faq-item{border-bottom:1px solid #ddd;margin-bottom:10px;}
.faq-header{padding:18px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.1rem;color:#333;}
.faq-icon::before{content:'+';font-size:1.5rem;}
.faq-item.active .faq-icon::before{content:'-';}
.faq-body{max-height:0;overflow:hidden;transition:0.3s ease-in-out;}
.faq-item.active .faq-body{max-height:150px;padding-bottom:20px;}
.faq-body p{margin:0;color:#666;line-height:1.6;}
.faq-image-col img{width:100%;height:auto;border-radius:8px;object-fit:cover;}

/* Responsive Table/Mobile */
@media (max-width:768px){
    .faq-flex-row{flex-direction:column;}
    .faq-image-col{order:-1;}
}
.custom-footer{background-color:#1f3d2b;color:#ffffff;padding:60px 20px 20px;font-family:Arial,sans-serif;}
.footer-container{max-width:1140px;margin:0 auto;}

/* Section 1 Styling */
.footer-main-info{text-align:center;margin-bottom:40px;}
.footer-logo img{max-width:300px;height:auto;margin-bottom:20px;}
.footer-description{max-width:700px;margin:0 auto 25px;line-height:1.6;color:#ccc;}
.footer-contact-list{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;}
.footer-contact-list a{color:#fff;text-decoration:none;transition:0.3s;}
.footer-contact-list a:hover{color:#ffcc00; /* Hover color */}
.footer-divider{border:0;border-top:1px solid #333;margin:40px 0;}

/* Section 2: Trust Items */
.footer-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;}
.trust-item{display:flex;align-items:center;gap:15px;}
.trust-item img{width:60px;height:auto;}
.trust-item h3{font-size:14px;margin:0 0 5px 0;letter-spacing:1px;}
.trust-item p{font-size:14px;margin:0;color:#fff;}

/* Section 3: Bottom Bar */
.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;padding-top:20px;font-size:13px;color:#888;}
.trusted-site img{max-width:200px;}

/* Responsive Fixes */
@media (max-width:768px){
    .footer-bottom-bar{flex-direction:column;gap:15px;text-align:center;}
    .footer-contact-list{flex-direction:column;gap:10px;}
    .trust-item{flex-direction:column;text-align:center;}
}
.bg-color-1{background-color:#e3e3e3;}
.disclaimer{padding:15px;}
.disclaimer p{font-weight:400;line-height:1.4;padding:unset!important;margin:0px;color:#687087;}
p span{color:black;}
.close-btn{background-color:transparent;border:none;font-size:20px;font-weight:bold;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#000;}
.wrapper.show{bottom:0px;}
.buttons #acceptBtn:hover{background-color:#034bf1;}
.buttons .button{border:none;padding:10px 24px;border-radius:4px;background:#4070f4;cursor:pointer;width:100%;transition:all 0.2s ease;color:#ffffff;}
.wrapper{position:fixed;bottom:-250px;width:100%;background:#fff;padding:8px 30px;transition:bottom 0.3s ease;box-shadow:5px 0px 10px rgba(0,0,0,0.1);z-index:9999;display:flex;justify-content:center;}
.wrapper .data{margin-top:16px;}
.wrapper .data p{color:#333;font-size:16px;}
.hover_btn:hover,.hover_btn:focus{box-shadow:0 0.5em 0.9em -0.3em var(--hover);transform:translateY(-0.50em);color:white!important;}
a:hover{color:#0a58ca;}
a:hover{color:#0a58ca;}
.float{font-weight:600;vertical-align:middle;padding:12px;position:fixed;bottom:10px;left:10px;background-color:#023838;color:#FFF!important;border-radius:0 10px 0;text-align:center;font-size:18px;z-index:100000000;border:2px solid #023838;animation:headShake 2s infinite;}
@keyframes headShake{
    0%{-webkit-transform:translateX(0);transform:translateX(0);}
    6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}
    18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}
    31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}
    43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}
}

/*.float svg {*/

/*    margin-right: 10px;*/

/*    font-size: 22px;*/

/*    position: relative;*/

/*    top: 2px;*/

/*    color: #25D366;*/

.fab{margin-right:10px;font-size:22px;position:relative;top:2px;color:#25D366;}
@media (max-width:576px){
    #chat-widget-container{opacity:1;visibility:visible;z-index:1!important;position:fixed;bottom:0px;        /* width: 300px !important; */        /* height: 497px !important; */

        /*background: red !important;*/
    max-height:497px!important;max-width:300px!important;min-height:0px;min-width:0px;background-color:transparent;border:0px;overflow:hidden;right:0px;transition:none 0s ease 0s!important;}
}
.h_sec10.sec{background:url(img/s10_banner.png) no-repeat;background-size:cover;overflow:hidden;padding:0 0 30px;}
.s10_top{text-align:center;margin:0 0 30px;}
.s10_btn{text-align:center;margin-top:20px;}
.s10_btn ul li{display:inline-block;}
.s10_top p{margin-top:30px;}
.s10_right p{margin:20px 0 10px;}
.s10_box{margin:0 0 20px 20px;transition:all 0.5s;}
.s10_box img{width:100%;border-radius:15px;}
.s10_box:hover{transform:scale(1.08);}
.s10_btn{text-align:center;}
.s10_top h2{color:#190e2e;margin:0 0 10px;}
.pricing-box{border:2px solid #f59b25;border-radius:20px;padding:20px 0;position:relative;background-color:#fff;box-shadow:-2.163px 6.657px 17.46px .54px rgba(15,15,15,0.14);height:auto}
.pricing-box h3{text-align:center;font-size:50px;font-weight:700;border-bottom:2px solid #f59b25;color:#000}
.pricing-box p{font-size:22px;text-align:center;padding:10px 0 0;font-weight:500;position:relative;display:none;color:#fff;}
.pricing-box span{font-size:60px;font-weight:600;color:#b76b24;position:relative;margin:0 0 0 60px;display:none}
h5.dollar-sign{position:absolute;left:-18px;font-size:25px;font-weight:500;top:9px}
.uspto-box{position:absolute;top:14px;width:max-content;left:67px}
.pricing-box b{position:relative;font-size:20px;display:block;height:0;margin:0 0 -15px;left:11px}
.pricing-box strong{font-size:12px;font-weight:700}
.pricing-yellow-box{background:#333;height:37px;margin:20px 0;display:none}
.pricing-yellow-box h6{text-align:center;font-size:16px;font-weight:700;line-height:37px;color:#fff;display:none}
.pricing-box a{padding:12px 70px;color:#000;font-size:20px;border-radius:5px;display:table;margin:40px auto 0;font-weight:700;border:1px solid #000;box-shadow:-2.163px 6.657px 17.46px .54px rgba(15,15,15,0.14);transition:.5s}
.pricing-ul-list{margin:20px 10px 0 15px;height:350px;overflow-y:scroll}
.pricing-ul-list li{padding:0 0 10px 23px;font-size: 14px;line-height:20px;font-weight:500;position:relative;color:#000;text-decoration: none!important;}
.pricing-ul-list span{font-size:16px;font-weight:900;display:contents;margin:inherit;color:#000}
.pricing-box h4{color:#fff;font-size:18px;font-style:normal;font-weight:700;background:#f59b25;position:absolute;top:-19px;left:0;right:0;margin:auto;width:129px;border-radius:5px;text-align:center;height:39px;display:flex;align-items:center;justify-content:center;line-height:9px}
h4.we-rec-box{width:195px;background:#2d303f}
.pricing-box-4{border:3px solid #DFA43A}
.pricing-box-4{background:#eee}
.pricing-sec{padding:70px 0}
.pricing-sec .container{max-width:1300px}
.pricing-ul-list li::before{position:absolute;content:"\f00c";font-family:'FontAwesome';color:#f59b25;left:0}
.main-head h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 65px;
    text-transform: capitalize;
}
.main-head h2 span {
    color: #f59b25;
}
.main-head p {
    font-size: 25px;
    line-height: 30px;
    padding: 20px 0 30px;
    font-weight: 500;
}
.pricing-ul-list {
    margin: 20px 10px 0 15px;
    height: 350px;
    list-style: none;
    overflow-y: scroll;
}

.payemnt-img {
    margin: 0 0 30px;
}