@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{--primary_color: #0D3B66; --dark_color: #111;--light_color: #fff;font-size: 1rem;}
body{margin:0; padding:0; width:100%;font-family: 'Work Sans', sans-serif;color: var(--dark_color);background-color: var(--background_color);}
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-thumb{width: 8px;background: var(--primary_color);border-radius: 0.3rem;}
::-webkit-scrollbar-track{display: none;}

a, abbr, address, article, aside, audio,b, blockquote, body, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html,i, iframe, img, ins,kbd,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strong, sub, sup,tble, tbody, tfoot, thead, th, tr, td , video,u, ul, var, textarea { background:transparent;border:0 none; margin:0;padding:0;border:0;outline:0; vertical-align:top;}
select{ -webkit-appearance:none; }
* {text-decoration: none; margin:0px ; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.see-width {margin-right:auto; margin-left:auto; padding-left:10px; padding-right:10px }
.see-full{width: 100%;}
.theme-first-text, .hover-theme-first-text:hover, .theme-first-before-text::before{border: 0 solid #2287ff; background: linear-gradient(270deg,#9733ee,#aa076b,#61045f,#4876bd,#2287ff);background-size: auto;background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-size: 1200% 1200%;-webkit-animation: Price 60s ease infinite;-moz-animation: Price 60s ease infinite;animation: Price 60s ease infinite;}
@-webkit-keyframes Price {0%,100% {background-position:0 50%} 50% {background-position:100% 50%}}@-moz-keyframes Price {0%,100% {background-position:0 50%}50% {background-position:100% 50%}}@keyframes Price {0%,100% {background-position:0 50%}50% {background-position:100% 50%}}

a {color:inherit; background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover {outline-width:0 }


/* MainClick Button */
.main-hero-button{background-color: var(--primary_color);color: var(--light_color);font-weight: 500; padding:0.7rem 1.2rem;border-radius: 10rem;display: inline-flex;align-items: center; border: 0.2rem solid transparent;transition: all 0.3s;font-size: 1rem;}
.main-hero-button.main-button2{color: var(--primary_color);background-color: transparent;border: 0.2rem solid var(--primary_color);}
.main-hero-button.main-button-invert{color: var(--primary_color);background-color: var(--light_color);border: 0.2rem solid transparent;font-weight: 600;padding: 0.5rem 1rem;}
.main-hero-button.main-button-invert:hover{color: var(--light_color);background-color: transparent;border: 0.2rem solid var(--light_color);font-weight: 600;}
.main-hero-button i{margin-right: 0.5rem;}
.main-hero-button .i-right-margin{ margin-right: 0.5rem; }
.main-hero-button .i-left-margin{ margin-left: 0.5rem; }
.main-hero-button:not(:first-child){margin-left: 1.5rem;}
.main-hero-button:hover{border-color: var(--primary_color);color: var(--primary_color);background: transparent;}
.section-heading{font-size: 3.2rem;font-weight: 800;width: 70%; margin:0 auto; margin-top:20px; color: var(--primary_color);font-family: 'Raleway', sans-serif;text-align: center;}
.section-subheading{margin: 1rem auto 0;width: 70%;text-align: center;}
.modal-close{position: absolute;top: 0.8rem;right: 1rem;color: var(--light_color);font-size: 1.5rem;}

@media (min-width: 992px){ .see-width{max-width: 90%;width: 100%;} }
@media (min-width: 3840px){ :root{font-size: 53px;} }
@media (min-width: 3240px) and (max-width: 3839px){ :root{font-size: 42px;}	 }
@media (min-width: 2560px) and (max-width: 3239px){ :root{font-size: 35px;} }
@media (min-width: 2340px) and (max-width: 2559px){ :root{font-size: 32px;} }
@media (min-width: 1920px) and (max-width: 2339px){ :root{font-size: 26px;} }
@media (min-width: 1600px) and (max-width: 1919px){ :root{font-size: 22px;} }
@media (min-width: 992px) and (max-width: 1279px){
	.main-hero-button{font-size: 16px;padding:12px 30px;}
	.main-hero-button i{margin-right: 5px;}
    .section-heading{font-size: 3rem;width: 80%;}
    .section-subheading{width: 80%;}
}
@media (min-width: 769px) and (max-width: 991px){
  .see-width {width:750px;}
	.main-hero-button{font-size: 16px;padding:10px 20px;}
    .section-heading{font-size: 2rem;width: 90%;}
    .section-subheading{font-size: 1rem;width: 90%;}
}
@media (max-width: 768px){
	.see-width{width: 100%;padding-left: 1rem;padding-right: 1rem;}
	.section-heading{font-size: 1.8rem;font-weight: 800;color: var(--primary_color);text-align: center;width: 100%;}
	.section-subheading{font-size: 1rem;margin-top: 1rem;text-align: center;width: 100%;}
	.main-hero-button{font-size: 14px;padding:7px 15px;}	
	.qa-inner .qa-button-outer .main-hero-button:not(:first-child){ margin-left:0; }
}


/*=======Header=========*/
.nh-overflowy-hidden{overflow-y: hidden;}
.new-header{position: sticky;top: 0;left: 0;right: 0;z-index: 9999;width: 100%;}
.new-header.nh-scroll{background: var(--light_color);box-shadow: 0 0.2rem 1.3rem rgba(0, 0, 0, 0.15);}
.nh-inner{ display: flex; padding: 0.4rem 0;}
.nh-inner nav{width: 100%;display: flex;padding-right: 1rem;}
.nh-logo-outer { padding: 0px 1rem 0px 1rem;  display: flex;align-items: center; }
.nh-logo{font-size: 2.5rem;font-weight: 300;color: var(--primary_color);display:flex;}
.nh-nav-container{display: flex;justify-content: space-between;width: 100%;}
.nh-nav-inner{display: flex;}
.nh-nav-items{display: flex;list-style-type: none;}
.nh-nav-items .nh-nav-item{display: flex;align-items: center;padding: 0px 0.8rem;}
.nh-nav-items .nh-nav-item .nh-nav-item-link{display: flex;align-items: center;font-weight: 400;}
.nh-link-content{ color: var(--dark_color);display: block;margin-top: 0.5rem;font-weight: 400; font-size: 0.9rem;}
.nh-dropdown-icon{margin-left: 0.4rem;font-size: 0.7rem;line-height: 100%;}
.nh-has-sub{position: relative;}
.nh-has-sub .nh-submenu{position: absolute; min-width:11.3rem;opacity: 0;visibility: hidden;transition: all 0.2s;bottom: 0;transform: translateY(100%);left: 0;background: var(--light_color);color: var(--dark_color);box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);display: flex;padding: 2rem 0rem;}
.nh-has-sub .nh-submenu::before{content: "";position: absolute;height: 0;width: 0;border-left: 0.7rem solid transparent;border-right: 0.7rem solid transparent;border-bottom: 0.7rem solid var(--light_color);top: -0.5rem;left: 2rem;}
.nh-nav-subitems{padding: 0px 2rem;list-style-type: none;min-width: 22rem;}
.nh-nav-subitems:not(:first-child){border-left: 0.08rem solid #ddd;}
.nh-nav-subitem{padding:0.4rem;border-left: 0.4rem solid transparent;transition: all 0.2s;}
.nh-nav-subitem:hover{border-left: 0.4rem solid var(--primary_color);}
.nh-nav-subitem:not(:first-child){margin-top: 1.5rem;}
.nh-nav-subitem-link{display: inline-block; font-weight: 500;transition: all 0.3s;}
.nh-nav-subitem:hover .nh-nav-subitem-link{color: var(--primary_color);}
.nh-user-guest{display: flex;align-items: center;}
.nh-user-guest .nh-user-login-link{display: none;}
.main-header-button{background: var(--primary_color);color: var(--light_color);padding: 0.6rem 1.2rem; border-radius: 2rem;border: 0.15rem solid transparent;display: inline-block;transition: all 0.3s;}
.main-header-button:hover{background: transparent;color: var(--dark_color);border-color: var(--primary_color);}
.main-header-button:not(:first-child){margin-left: 1rem;}

.nh-user-login,.nh-user-login-container{display: flex;}
.nh-user-login-container{position: relative;}
.nh-user-login-link{display: flex;align-items: center;}
.nh-user-login .nh-user-icon,.nh-user-guest .nh-user-icon{margin-right: 0.3rem;font-size: 1.7rem;color: var(--primary_color);}
.nh-user-dropdown{position: absolute;min-width: 14.5rem;background: var(--light_color);color: var(--dark_color);border-radius: 0.3rem;opacity: 0;visibility: hidden;transition: all 0.2s;bottom: 0;transform: translateY(100%);right: 0; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);}
.nh-user-dropdown-inner{position: relative;padding: 0.7rem 0px;}
.nh-user-dropdown-inner::before{content: "";position: absolute;height: 0;width: 0;border-left: 0.7rem solid transparent;border-right: 0.7rem solid transparent;border-bottom: 0.7rem solid var(--light_color);top: -0.5rem;right: 1.5rem;}
.nh-user-dropdown .nh-user-list-items{list-style-type: none;padding: 0.7rem 0px;}
.nh-user-dropdown .nh-user-list-items li a{padding: 0.7rem 0.8rem;display: flex;align-items: center;white-space: nowrap;transition: all 0.3s;}
.nh-user-dropdown .nh-user-list-items li:hover a{color: var(--primary_color);}
.nh-user-dropdown .nh-user-list-items li a i{width: 2rem;text-align: right;margin-right: 0.7rem;}
.nh-user-dropdown .nh-user-info{padding: 1.3rem;padding-left: 1.5rem;position: relative;}
.nh-user-dropdown .nh-user-info::after{position: absolute;width: 80%;height: 0.2rem;background: var(--light_color);border-radius: 50%;bottom: 0;content: "";opacity: 0.1;}
.nh-user-dropdown .nh-user-info i{margin-right: 0.7rem;font-size: 1.5rem;}
.nh-user-dropdown .nh-user-name{font-size: 1.4rem;display: flex;}
.nh-user-dropdown .nh-user-email{font-size: 0.9rem;display: flex;white-space: nowrap;margin-top: 0.7rem;}
.nh-menu-icon{display: none;}
.nh-nav-inner .nh-user-guest{display: none;}
.nh-user-guest-two{ display:none; }

@media (min-width: 992px){
    .nh-has-sub:hover .nh-submenu{opacity: 1;visibility: visible;}
    .nh-user-login-link:hover ~ .nh-user-dropdown{opacity: 1;visibility: visible;}
    .nh-user-dropdown:hover{opacity: 1;visibility: visible;}
}

@media (min-width: 769px) and (max-width: 991px){
    .steps-for-website{padding:0px;}
    .steps-for-website, .lp-faq {min-height: auto;}
    .steps-for-website .sfw-heading {margin: 0;}

    /*=========================header section =========================*/
    .nh-logo-outer{padding: 0px 1rem 0px 1rem;}
    .nh-logo{font-size: 2.5rem;}
    .nh-nav-container{justify-content: end;}
    .nh-user-dropdown{position: fixed;height: calc(100vh - 46px);transform: translateX(100%); overflow-y: scroll;bottom: 0;right: 0;width: 100%;background: #fff;padding: 10px 0px;transition: all 0.3s;opacity: 1;visibility: visible;color: #523837;font-size: 18px;border-top: 1px solid #d9d9d9;}
    .nh-nav-items{flex-direction: column;width: 100%; overflow-y: scroll;height: 100%;max-height: 100%;}
    .nh-nav-items .nh-nav-item{flex-direction: column;padding: 0;}
    .nh-nav-item-link{padding: 0.7rem 1.3rem;width: 100%;justify-content: space-between;}
    .nh-has-sub .nh-submenu{padding: 1rem 0px;position: static;display: none;transform: translateY(0);width: 100%;opacity: 1;visibility: visible;background: #ececec;color: #523837;box-shadow: none;}
    .nh-has-sub .nh-submenu::before,.nh-user-dropdown-inner::before{content: none;}
    .nh-menu-icon{display: flex;align-items: center;font-size: 1.5rem;margin-left: 10px;}
    .nh-user-login .nh-dropdown-icon{display: none;}
    .nh-inner nav{padding-right: 1rem;}
    .nh-user-dropdown .nh-user-info::after{background: #523837;}
    .nh-user-dropdown .nh-user-info{padding-left: 1.3rem;}
    .nh-nav-subitems{padding: 0px 0.7rem;}
    .nh-user-login-link label{display: none;}
    .nh-nav-inner{position: fixed;height: calc(100vh - 46px);flex-direction: column;transform: translateX(100%);bottom: 0;right: 0;width: 100%;background: #fff;padding: 10px 0px;transition: all 0.3s;border-top: 1px solid #d9d9d9;}
    
    .nh-nav-inner .nh-user-guest{flex-direction: column;align-items: stretch;padding: 0.7rem 1.3rem;display: block;}
    .nh-nav-inner .nh-user-guest .main-header-button,.nh-nav-inner .nh-user-guest span{text-align: center;width: 100%;display: block;}
    .nh-nav-inner .nh-user-guest .main-header-button{margin-left: 0;margin-top: 1rem;}
    .nh-nav-inner .nh-user-guest span{margin-top: 0.7rem;font-weight: 600;}
    .nh-nav-inner .nh-user-guest span a{color: var(--primary_color);}
    .nh-nav-inner.nh-slide,.nh-user-dropdown.nh-slide{transform: translateX(0%);} 
}

@media (max-width: 991px){
    .nh-user-guest-two{ display: flex; flex-direction: column; justify-content: center; padding: 0.7rem 1.3rem; text-align: center; gap: 1rem; }
    .nh-user-guest .header-login-link,.nh-user-guest .main-header-button{display: none;}
    .nh-user-guest .nh-user-login-link{display: inline-flex; font-size:15px;}
    .nh-user-login .nh-user-icon,.nh-user-guest .nh-user-icon{ color:unset; }
    .nh-user-guest{ display: flex ; align-items: center; border: 1px solid; border-radius: 50px; padding: 0 10px 0 3px; color: #fff; background: var(--primary_color); }
    .nh-menu-icon .nh-menu-icon-inner .header-hidden-checkbox{width: 100%;height: 100%;position: absolute;z-index: 1;opacity: 0;}
    .nh-menu-icon .nh-menu-icon-inner{position: relative;width: 1.5rem;display: flex;align-items: center;}
    .nh-menu-icon .nh-menu-icon-inner .close{display: none;}
    .nh-menu-icon .nh-menu-icon-inner .header-hidden-checkbox:checked ~ .close{display: block;}
    .nh-menu-icon .nh-menu-icon-inner .header-hidden-checkbox:checked ~ .open{display: none;}
    .nh-nav-subitem:not(:first-child){margin-top: 1rem;}
    .nh-nav-subitems:not(:first-child){border: none;margin-top: 1rem;}
}


@media (max-width: 768px){
    
    /*=========================header section =========================*/
    
    .nh-link-content{display: none;}
    .new-header{font-size: 1.3rem;}
    .nh-logo-outer{padding: 0px 0rem 0px 0.5rem !important;}
    .nh-logo{font-size: 2.5rem;}
    .nh-nav-container{justify-content: end;}
    .nh-nav-inner{position: fixed;height: calc(100% - 47px);flex-direction: column;transform: translateX(100%);bottom: 0;right: 0;width: 100%;background: #fff;padding: 10px 0px;transition: all 0.3s;border-top: 1px solid #d9d9d9;}
    .nh-user-dropdown{position: fixed;height: calc(100% - 47px);transform: translateX(100%); overflow-y: scroll;bottom: 0;right: 0;width: 100%;background: #fff;padding: 10px 0px;transition: all 0.3s;opacity: 1;visibility: visible;color: #523837;font-size: 18px;border-top: 1px solid #d9d9d9;}
    .nh-nav-inner.nh-slide,.nh-user-dropdown.nh-slide{transform: translateX(0%);}
    .nh-nav-items{flex-direction: column;width: 100%; overflow-y: scroll;max-height: 100%;height: 100%;}
    .nh-nav-items .nh-nav-item{flex-direction: column;padding: 0;}
    .nh-nav-item-link{padding: 0.7rem 1.3rem;width: 100%;justify-content: space-between;}
    .nh-has-sub .nh-submenu{padding: 1rem 0px;position: static;display: none;transform: translateY(0);width: 100%;opacity: 1;visibility: visible;background: #ececec;color: #523837;box-shadow: none;}
    .nh-has-sub .nh-submenu::before,.nh-user-dropdown-inner::before{content: none;}
    .nh-menu-icon{display: flex;align-items: center;font-size: 1.5rem;margin-left: 10px;color: var(--primary_color);}

  .nh-user-login .nh-dropdown-icon{display: none;}
    .nh-inner{padding: 0.5rem 0;}
    .nh-inner nav{padding-right: 0.5rem;}
    .nh-user-dropdown-inner{height: 100%;display: flex;flex-direction: column;}
    .nh-user-dropdown .nh-user-list-items{height: 100%;overflow: scroll;}
    .nh-user-dropdown .nh-user-info::after{background: #523837;}
    .nh-user-dropdown .nh-user-info{padding-left: 1.3rem;}
    .nh-nav-subitems{padding: 0px 0.7rem;}
    .nh-user-login-link label{display: none;}
    .nh-nav-inner .nh-user-guest{flex-direction: column;align-items: stretch;padding: 0.7rem 1.3rem;display: block;}
    .nh-nav-inner .nh-user-guest .main-header-button,.nh-nav-inner .nh-user-guest span{text-align: center;width: 100%;display: block;}
    .nh-nav-inner .nh-user-guest .main-header-button{margin-left: 0;margin-top: 1rem;}
    .nh-nav-inner .nh-user-guest span{margin-top: 0.7rem;font-weight: 600;}
    .nh-nav-inner .nh-user-guest span a{color: var(--primary_color);}
}

.fade-up {transform: translateY(2rem);opacity: 0;transition: all ease-in-out 0.6s;}
.fade-left {transform: translateX(-3rem);opacity: 0;transition: all ease-in-out 0.6s;}
.fade-right {transform: translateX(3rem);opacity: 0;transition: all ease-in-out 0.6s;}
.bg-white{background: var(--light_color);}


/*=======Welcome=========*/
.main-hero-section{min-height: 85vh;display: flex;align-items: center;position: relative;padding: 2rem 0 0;overflow-x: hidden;}
.main-hero-section-box{display: flex;align-items: center;}
.main-hero-section .main-hero-text,.main-hero-section .main-hero-image{width: 50%;}
.main-hero-section .main-hero-image img{width: 50%;position: absolute;top: 50%;right: -1rem;transform: translateY(-40%);}
.main-hero-section .main-hero-heading{color: var(--primary_color);font-size: 4rem;font-weight: 800;line-height: 110%;font-family: 'Raleway', sans-serif;}
.main-hero-section .main-hero-subheading{font-size: 1.3rem;font-weight: 400;margin-top: 1.5rem;line-height: 140%;}
.main-hero-section .main-hero-button-cont{margin-top: 1.7rem;display: flex;}
.main-hero-section .main-hero-image .play-icon-outer{display: none;}
.video-modal-outer{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 99999999;padding: 2rem;display: flex;align-items: center;justify-content: center;display: none;}
.video-modal-cont{width: 100%;height: 100%;background: var(--dark_color);position: relative;}
.video-modal-cont .modal-video{width: 100%;height: 100%;}

@media (min-width: 992px) and (max-width: 1279px){ 
  .main-hero-section{padding: 50px 0px 50px;}
  .main-hero-section .main-hero-heading{font-size: 3.5rem;}
  .main-hero-section .main-hero-subheading{font-size: 20px; margin-top: 20px;}
  .main-hero-section .main-hero-button-cont{margin-top: 20px;}
  .main-hero-section .main-hero-image img{width: 50%;transform: translateY(-45%);}
}

@media (min-width: 769px) and (max-width: 991px){ 
  .main-hero-section, .steps-for-website, .main-products, .website-templates{min-height: unset !important;align-items:unset !important;}
  .main-hero-section{padding: 100px 0px 50px;}
  .main-hero-section-box{flex-direction: column;}
  .main-hero-section .main-hero-button.play-video{display: none;}
  .main-hero-section .main-hero-text,.main-hero-section .main-hero-image{width: 100%;text-align: center;}
  .main-hero-section .main-hero-image{margin-top: 60px;text-align: center;position: relative;}
  .main-hero-section .main-hero-image img{position: static;right: 0;max-width: 100%;transform: translateY(0);}
  .main-hero-section .main-hero-image .play-icon-outer{display:flex;justify-content:center;align-items: center; position: absolute;top: 0;left: 50%;z-index: 99;width: 40rem;height: 100%;transform: translateX(-50%);}
  .main-hero-section .main-hero-image .play-icon{display: flex;justify-content:center;align-items: center;width: 70px;height: 70px;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
  .main-hero-section .main-hero-image .play-icon i{color: #fff;}
  .main-hero-section .main-hero-heading{font-size: 50px;}
  .main-hero-section .main-hero-subheading{font-size: 20px; margin-top: 20px;}
  .main-hero-section .main-hero-button-cont{margin-top: 20px;justify-content: center;}
  
}

@media (max-width: 768px){ 
    .main-hero-section{padding: 80px 0px 50px; min-height:auto;}
    .main-hero-section-box{flex-direction: column;}
    .main-hero-section .main-hero-button.play-video{display: none;}
    .main-hero-section .main-hero-text,.main-hero-section .main-hero-image{width: 100%;text-align: center;}
    .main-hero-section .main-hero-image{margin-top: 60px;text-align: center;position: relative;}
    .main-hero-section .main-hero-image img{position: static;width: 100%;right: 0;max-width: 100%;transform: translateY(0);}
    .main-hero-section .main-hero-image .play-icon-outer{display:flex;justify-content:center;align-items: center; position: absolute;top: 0;left: 50%;z-index: 99;width: 40rem;height: 100%;transform: translateX(-50%);}
    .main-hero-section .main-hero-image .play-icon{display: flex;justify-content:center;align-items: center;width: 70px;height: 70px;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
    .main-hero-section .main-hero-image .play-icon i{color: #fff;}

    .main-hero-section .main-hero-heading{font-size: 45px;width: 85%;margin: auto;}
    .main-hero-section .main-hero-subheading{font-size: 20px;width: 85%; margin: 20px auto 0;}
    .main-hero-section .main-hero-button-cont{margin-top: 20px;justify-content: center;}
}

@media (max-width: 500px){
  .main-hero-section .main-hero-heading{font-size: 2.5rem;width: 100%;}
  .main-hero-section .main-hero-subheading{width: 100%;}
}


/*=======homecounter=========*/
.quick-action{display: flex;align-items: center;position: relative;padding: 5rem 0px 3rem;}
.qa-box{width: 100%;margin: auto;text-align: center;}
.qa-numbers{display: flex;justify-content: center;margin-top: 2.5rem;}
.qa-number-box{min-width: 15rem;}
.qa-number-box-inner{padding: 0 2rem;}
.qa-number-box-inner .qa-number{font-size: 3.2rem;font-weight: 700;color: var(--primary_color);}
.qa-button-outer{margin-top: 2.5rem;}

@media (min-width: 769px) and (max-width: 991px){ .quick-action{padding: 2rem 0 5rem;} }

@media (max-width: 768px){
    .quick-action{padding: 2rem 0;}
    .qa-number-box{min-width: unset;}
    .qa-numbers{margin-top: 1.3rem;}
    .qa-number-box-inner{padding: 1rem;}
    .qa-number-box-inner .qa-number{font-size: 2rem;}
    .qa-inner .qa-button-outer{margin-top: 1rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem;}
}

@media (max-width: 500px){
    .qa-number-box-inner .qa-number{font-size: 1.5rem;}
    .qa-number-box-inner .qa-caption{font-size: 0.8rem;}
}


/*=========================websitesteps=========================*/
.steps-for-website{min-height: 100vh; display: flex;align-items: center;position: relative;padding: 3rem 0px;flex-direction: column;}
.steps-for-website .sfw-heading{padding: 0 0.65rem;}
.steps-for-website .sfw-subheading{padding: 0 0.65rem;}
.steps-for-website .sfw-inner{max-width: 95%;margin-right: 0;padding-right: 0;}
.swf-tabs-content{margin-top: 2rem;}
.swf-tab-content{display: none;}
.swf-tab-content.active{display: block;}
.swf-box{display: flex;justify-content: space-between;align-items: stretch;}
.swf-content{width: 55%;}
.swf-image{width: 45%;background: var(--primary_color);display: flex;align-items: center;padding: 1rem;}
.swf-image img{width: 100%;}
.swf-list{padding:1.5rem 3rem 1.5rem 0;font-size: 1rem;list-style-type: none;}
.swf-list-item{position: relative;display: grid; grid-template-columns: 1.8rem calc(100% - 2rem);grid-gap: 0.5rem;}
.swf-list-item:not(:first-child){margin-top: 2.5rem;}
.swf-list-icon{font-weight: 700;width: 1.5rem;height: 1.5rem;display: inline-block;border-radius: 50%;font-size: 0.8rem;background-color: var(--primary_color);color: var(--light_color);display: flex;align-items: center;justify-content: center;}
.swf-list-heading{font-size: 0.9rem;padding: 0.15rem 0;font-weight: 600;letter-spacing: 0.1rem;text-transform: uppercase;}
.swf-list-para{margin-top: 0.7rem;font-size: 1rem;line-height: 150%;color: #656565;}

.swf-tabs{display: flex;justify-content: center;margin-top: 3rem;}
.swf-tabs-inner{display: flex;position: relative;}
.swf-tabs-inner::after {content: "";position: absolute;width: calc(100% / 3);top: 0;transition: left cubic-bezier(.88, -.35, .565, 1.35) .4s;border-radius: 2rem;box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, .1);background-color: var(--primary_color);height: 100%;z-index: 0;}
.swf-tabs-inner.first::after {left: 0;}
.swf-tabs-inner.second::after {left: calc(100% / 3);}
.swf-tabs-inner.third::after {left: calc(100% / 3 + 100% / 3);}
.swf-tabs-inner .swf-tab{display: inline-block;width:10rem;padding: 0.8rem 0;z-index: 1;position: relative;cursor: pointer;transition: color 600ms;font-size: 1rem;font-weight: bold;line-height: normal;user-select: none;text-align: center;}
.swf-tabs-inner .swf-tab.active {color: var(--light_color);}

@media (min-width: 769px) and (max-width: 991px){
    .swf-list{padding: 1.5rem;}
    .swf-box{flex-direction: column-reverse;}
    .swf-content{width: 100%;}
}

@media (max-width: 991px){
    .steps-for-website .sfw-inner{ margin-left: auto;margin-right: auto;padding-right: 10px;}
    .swf-image{display: none;}
}

@media (max-width: 768px){
    .steps-for-website{padding: 3rem 0; min-height:auto;}
    .swf-box{flex-direction: column-reverse;}
    .swf-content{width: 100%;}
    .swf-list{font-size: 1rem;padding: 1.5rem 0rem 1.5rem 0.5rem;}
    .swf-list-item{margin-top: 0.8rem;}
    .swf-tabs-content{margin-top: 1rem;}
    .swf-list-item .swf-list-para{max-height: 0;overflow: hidden;-webkit-transition: max-height 1s;-moz-transition: max-height 1s;-ms-transition: max-height 1s;-o-transition: max-height 1s;transition: max-height 1s;}
    .swf-list-item.clicked .swf-list-para{max-height: max-content;}
    .swf-list-item .swf-list-heading{position: relative;cursor: pointer;}
    .swf-list-item .swf-list-heading::after{position: absolute;content: "\f107";font-family: "Font Awesome 6 Free";font-weight: 900;right: 0;}
    .swf-list-item.clicked .swf-list-heading::after{content: "\f106";}
    .swf-list-item .swf-list-heading,.swf-list-item .swf-list-para{padding-right: 1.5rem;}

    .swf-tabs{width: 100%;overflow: scroll;justify-content: left;}
    .swf-tabs::-webkit-scrollbar{height: 2px;display: none;}
    .swf-tabs-inner{width: fit-content;}
    .swf-tabs-inner .swf-tab a{white-space: nowrap;}

    .swf-tabs-inner .swf-tab{width: fit-content;padding: 0.8rem 1rem;margin: 0 0.2rem;transition: all 0.2s;}
    .swf-tabs-inner .swf-tab.active{background: var(--primary_color);border-radius: 3rem;}
    .swf-tabs-inner::after{content: none;}
}


/*=========================leftimgwithfeatures & leftimgwithfeatures section =========================*/
.main-products{ display: flex;align-items: center;position: relative;padding: 3rem 0px;overflow: hidden;}
.mp-heading,.mp-subheading{color: var(--light_color);}
.mp-product-box-inner{ display: flex;justify-content: space-between;align-items: center;position: relative;}
.mp-product-box-inner:not(:first-child){margin-top: 5rem;}
.mp-product-number-outer{position: relative;display: flex;align-items: center; opacity: 0.2;}
.mp-product-box-inner:nth-child(even){flex-direction: row-reverse;}
.mpp-content{width: 45%;}
.mpp-image{width: 50%;}
.mpp-image img{width: 100%;margin: auto;}
.mpp-category {font-size: 1rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1rem;color: var(--primary_color);}
.mpp-heading{position: relative;font-size: 2.5rem;font-weight: 800;color: var(--primary_color);font-family: 'Raleway', sans-serif;margin-top: 0.5rem;}
.mpp-desc{position: relative;font-size: 1rem;margin-top: 1rem;color: #656565;}
.mpp-features{display: grid; grid-template-columns: 100%;grid-column-gap: 1rem;margin-top: 1rem;}
.mpp-feature{display: flex;align-items: center;}
.mpp-feature:not(:first-child){margin-top: 1rem;}
.mpp-feature-icon{max-width: 3rem;max-height: 3rem;font-size: 1.5rem;text-align: left; margin: 0 10px 0 0;}
.mpp-feature-icon img{max-width: 70%;}
.mpp-feature-desc{font-size: 1rem;color: var(--primary_color);font-weight: 600;}
.mpp-button-outer{margin-top: 1.5rem;}

@media (max-width: 768px){
    .main-products{padding: 2rem 0;}
    .mp-product-box-inner{flex-direction: column-reverse;min-height: unset;}
    .mp-product-box-inner:not(:first-child){margin-top: 3rem;}
    .mp-product-box-inner:nth-child(even){flex-direction: column-reverse;}
    .mp-product-box-inner:nth-child(odd){flex-direction: column-reverse;}
    .mp-product-box-inner:nth-child(even) .mp-product-number{right: unset;left: 50%;}
    .mpp-content{width: 100%;text-align: center;margin-top: 2.5rem;}
    .mpp-image{width: 100%;text-align: center;}
    .mpp-heading{font-size: 1.8rem;}
    .mp-product-number-outer{position: static;justify-content: center;} 
    .mp-product-number{display: none;}
    .mpp-feature{flex-direction: column;}
    .mpp-feature:not(:first-child){margin-top: 0;}
    .mpp-feature-icon{text-align: center;}
    .mpp-feature-desc{margin-top: 0.5rem;}
    .mpp-feature-icon img{max-width: 100%;}
    .mpp-features{grid-template-columns: 30% 30%;justify-content: center;padding: 2rem 0;}
}

/*========================templatefeed==========================*/
.website-templates{min-height: 100vh;display: flex;align-items: center;position: relative;padding: 3rem 0px;}
.wt-templates{display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between; margin-top: 3rem;}
.wt-button-outer{text-align: center;margin-top: 3rem;}
.wt-template-inner{ border:1px solid #e9e9e9; background: var(--light_color);border-radius: 0.8rem;overflow: hidden;position: relative;}
.wt-top-bar{display: flex;align-items: center;padding:0.2rem 1rem;}
.wt-template:nth-child(1) .wt-top-bar,.wt-template:nth-child(3) .wt-top-bar{background: #000;}
.wt-template:nth-child(2) .wt-top-bar{background: #ff7f34;}
.wt-top-bar i{font-size: 0.25rem;opacity: 0.6;line-height: 100%;color: #fff;}
.wt-top-bar i:not(:first-child){margin-left: 0.2rem;}
.wt-image{max-width: 100%;width: 100%;}
.wt-overlay{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);opacity: 0;visibility: hidden;transition: all 0.3s;}
.wt-overlay-inner{display: flex;justify-content: center;align-items: center; padding: 0.5rem;color: var(--primary_color);height: 100%;}
.wt-template{transition: all 0.3s;}
.wt-template:hover .wt-overlay{opacity: 1;visibility: visible;}
.wt-template-name{display: none;font-weight: 600;}
.wt-preview-icon{display: flex; align-items: center; cursor: pointer; background: #fff; font-weight: 600; padding: 0.7rem 1.1rem; border-radius:5px;}
.wt-preview-icon i{margin-right: 0.3rem;}
.wt-tab-content{display: none;}
.wt-tab-content.active{display: block;}

.wt-tabs{display: flex;justify-content: center;margin-top: 3rem;}
.wt-tabs-inner{display: flex;position: relative;}
.wt-tabs-inner::after {content: "";position: absolute;width: calc(100% / 2);top: 0;transition: left cubic-bezier(.88, -.35, .565, 1.35) .4s;border-radius: 2rem;box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, .1);background-color: var(--primary_color);height: 100%;z-index: 0;}
.wt-tabs-inner.first::after {left: 0;}
.wt-tabs-inner.second::after {left: calc(100% / 2);}
.wt-tabs-inner.third::after {left: calc(100% / 2 + 100% / 2);}
.wt-tabs-inner .wt-tab{display: inline-block;width:9rem;padding: 0.8rem 0;z-index: 1;position: relative;cursor: pointer;transition: color 600ms;font-size: 1rem;font-weight: bold;line-height: normal;user-select: none;text-align: center;}
.wt-tabs-inner .wt-tab.active {color: var(--light_color);}

@media (max-width: 768px){
    .website-templates{padding: 2rem 0;min-height: unset;}
    .wt-templates{grid-template-columns: 100%;grid-row-gap: 1.2rem;}
    .wt-template:not(:first-child){display: none;}
    .wt-overlay{position: static;transform: translateY(0px);background: transparent;padding: 0.4rem;opacity: 1;visibility: visible;}
    .wt-overlay-inner{flex-direction: row;justify-content: space-between;width: 100%;align-items: center;}
    .wt-template-name,.wt-preview-icon{color: var(--dark_color);font-size: 1rem;display: block;}
    .wt-preview-icon{margin-top: 0;padding: 0;}
    .wt-preview-icon span{display: none;}
    
    .wt-bottom-part{background: var(--light_color);}
    .wt-template:not(:first-child){margin-top: 2rem;}
    
    .wt-tabs{width: 100%;overflow: scroll;justify-content: center;}
    .wt-tabs::-webkit-scrollbar{height: 2px;display: none;}
    .wt-tabs-inner{width: fit-content;}
    .wt-tabs-inner .wt-tab a{white-space: nowrap;}
    
    .wt-tabs-inner .wt-tab{width: fit-content;padding: 0.8rem 1rem;margin: 0 0.2rem;transition: all 0.2s;}
    .wt-tabs-inner .wt-tab.active{background: var(--primary_color);border-radius: 3rem;}
    .wt-tabs-inner::after{content: none;}
}

/*============faq================*/
.lp-faq{min-height: 100vh; display: flex;align-items: center;position: relative;padding: 3rem 0px;}
.lp-faq .faq-cont .faq-image{max-width: 100%;}
.lp-faq .pos-sticky{position: sticky;top: 0;}
.lp-faq .accordion {width: 80%;margin: 1rem auto;padding: 0;list-style: none;text-align: left;margin-top: 2rem;}
.lp-faq .accordion .tabs {overflow: hidden;}
.lp-faq .accordion .tab {width: 100%;color: #222;overflow: hidden;position: relative;}
.lp-faq .accordion .tab-label{display: flex;justify-content: space-between;align-items: center; padding: 1rem 1.5rem;font-weight: 500;cursor: pointer;font-size: 1rem;}
.lp-faq .accordion .tab-label h3{font-weight: 500; }
.lp-faq .accordion .tab .tab-label:hover{color: var(--primary_color);}
.lp-faq .accordion .tab-content {max-height: 0;padding: 0 1.5rem;color: #2c3e50;background: #f6f6f6;transition: all 0.35s;line-height: 150%;}
.lp-faq .accordion .tab-content::before{content: ""; position: absolute;width: 0.5rem;height: 100%;left:0;top: 0;animation: Price 60s ease infinite;}
.lp-faq .accordion .tab-close {display: flex;justify-content: flex-end;padding: 1em;font-size: 0.75rem;background: #2c3e50;cursor: pointer;}
.lp-faq .accordion .tab-close:hover {background: #1a252f;}
.lp-faq .accordion input {position: absolute;opacity: 0;z-index: -1;}
.lp-faq .accordion input:checked ~ .tab-label{color: transparent;color: var(--primary_color);border-bottom: 0.1rem solid #d9d9d9;}
.lp-faq .accordion input:checked + .tab-label::after {transform: rotate(180deg);}
.lp-faq .accordion input:checked ~ .tab-content {max-height: 100vh;padding: 1rem 1.5rem;}
.lp-faq .accordion input:checked ~ .tab-content::before{background: var(--primary_color);}

@media (max-width: 768px){
   .lp-faq{ min-height:auto; }
   .lp-faq .accordion{width: 100%;}
   .lp-faq .accordion .tab-label{ padding: 0.6rem; font-size:0.9rem;}
}



/*==================imgfulltextleft===================*/
.product-hero-section{min-height: 100vh;display: flex;align-items: center;position: relative;padding: 4rem 0;overflow-x: hidden;}
.product-hero-section-box{display: flex;align-items: center;justify-content: space-between;}
.product-hero-section .product-hero-image{width: 50%;}
.product-hero-section .product-hero-text{width: 48%;}
.product-hero-category {font-size: 1rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1rem;color: var(--primary_color);}
.product-hero-section .product-hero-image img{width: 50%;position: absolute;top: 50%;left: -1rem;transform: translateY(-45%);}
.product-hero-section .product-hero-heading{color: var(--primary_color);font-size: 3.5rem;font-weight: 800;line-height: 110%;font-family: 'Raleway', sans-serif;margin-top: 0.5rem;}
.product-hero-section .product-hero-subheading{font-size: 1.3rem;font-weight: 400;margin-top: 1.5rem;line-height: 140%;}
.product-hero-section .product-hero-button-cont{margin-top: 1.7rem;display: flex;}
.product-hero-section .product-hero-image .play-icon-outer{display: none;}

.video-modal-outer{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);z-index: 99999999;padding: 2rem;display: flex;align-items: center;justify-content: center;display: none;}
.video-modal-cont{width: 100%;height: 100%;background: var(--dark_color);position: relative;}
.video-modal-cont .modal-video{width: 100%;height: 100%;}

@media (max-width: 991px){
  .product-hero-section{min-height: unset;padding: 5rem 0 2rem;}
  .product-hero-section-box{flex-direction: column-reverse;}
  .product-hero-section .product-hero-text, .product-hero-section .product-hero-image{width: 100%;}
  .product-hero-section .product-hero-text{text-align: center;}
  .product-hero-section .product-hero-button-cont{justify-content: center;}
  .product-hero-section .product-hero-image{margin-top: 1.5rem;}
  .product-hero-section .product-hero-image img{position: static;width: 100%;transform: none;}
}

@media (max-width: 768px){
  .product-hero-section .product-hero-heading{font-size: 2rem;}
  .product-hero-section .product-hero-subheading{font-size: 1.2rem;}
  .product-hero-section .main-hero-button.play-video{display: none;}
}


/*==================hooksfeatures===================*/
.products-info{display: flex;align-items: center;position: relative;padding: 2rem 0;}
.products-info-section-box{display: flex;align-items: center;}
.products-info .product-info-list{width: 100%;display: grid;justify-content: space-around;grid-template-columns: 30% 30% 30%;}
.products-info .product-info{min-width: 18rem;color: var(--primary_color);padding: 1.3rem;border-radius: 0.4rem;}
.products-info .product-info-inner{display: flex;justify-content: center;}
.products-info .product-info-icon, .products-info .product-info-icon img{ height:50px; width:50px; margin-right: 0.5rem;}
.products-info .product-info:nth-child(1) .product-info-icon{color: #393;}
.products-info .product-info:nth-child(2) .product-info-icon{color: #393;}
.products-info .product-info:nth-child(3) .product-info-icon{color: #393;}
.products-info .product-info-line{font-size: 1.3rem;font-family: 'Roboto',sans-serif; font-weight: 600;margin-left: 0.5rem;}
.products-info .product-info-line span{font-size: 1rem;color: #656565;font-weight: 400;margin-top: 0.5rem;display: inline-block;}

@media (min-width: 992px) and (max-width: 1279px){
  .products-info .product-info{min-width: 16rem;}
}

@media (max-width: 991px){
  .products-info{padding: 3rem 0;}
  .products-info .product-info-list{grid-template-columns: 28rem;justify-content: center;}
  .products-info .product-info:not(:first-child){margin-left: 0;margin-top: 2rem;}
}

@media (max-width: 500px){
  .products-info .product-info-list{grid-template-columns: 100%;justify-content: center;}
}



/*==================featuresWithDetails===================*/
.products-features{display: flex;align-items: center;position: relative;padding: 3rem 0;}
.products-features-box{display: flex;align-items: center;}
.products-features .products-features-list{margin-top: 4rem;}
.products-features .products-feature:not(:first-child){margin-top: 5rem;}
.products-features .products-feature-inner{display: flex;justify-content: space-between;align-items: center;}
.products-features .products-feature:nth-child(even) .products-feature-inner{flex-direction: row-reverse;}
.products-features .feature-image-outer{width: 45%;}
.products-features .feature-content-outer{width: 50%;}
.products-features .feature-content{position: relative;padding: 2rem;}
.products-features .feature-image{width: 100%;}
.product-feature-category {font-size: 1rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1rem;color: var(--primary_color);}
.products-features .feature-heading{font-size: 2.5rem;font-weight: 800;color: var(--primary_color);font-family: 'Raleway',sans-serif;margin-top: 1rem;}
.products-features .feature-para{font-size: 1rem;font-weight: 400;color: #656565;margin-top: 1rem;}
.products-features .feature-button-outer{margin-top: 1rem;}
.arrrow-btn{color: var(--primary_color);display: flex;align-items: center;font-weight: 600;text-transform: uppercase;}
.arrrow-icon{width: 2rem;margin-left: 0.5rem;}

.products-features.common .products-feature-inner{flex-direction: column;}
.products-features.common .products-feature:nth-child(even) .products-feature-inner{flex-direction: column;}
.products-features.common .feature-content-outer{width: 100%;}
.products-features.common .feature-image-outer{width: 100%;text-align: center;padding: 0;}
.products-features.common .feature-image-outer .feature-image{height: 13.5rem;object-fit: cover;}
.products-features.common .products-features-list{display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;grid-row-gap: 4rem;margin-top: 0;}
.products-features.common .products-feature:not(:first-child){margin-top: 0;}
.products-features.common .feature-heading{font-size: 1.4rem; }
.products-features.common .feature-content{padding: 1.5rem 0;}
.products-features.common .feature-para{font-size: 1rem;}

@media (max-width: 991px){
    .products-features .products-features-list{margin-top: 2rem;}
    .products-features .products-feature:not(:first-child){margin-top: 3rem;}

    .products-features.common .products-features-list{grid-template-columns: 48% 48%;grid-row-gap: 3rem;}
}
  
@media (max-width: 768px){
  .products-features{padding: 2rem 0;}
  .products-features .products-feature-inner{flex-direction: column;}
  .products-features .feature-heading{font-size: 2rem;}
  .products-features .feature-image-outer{width: 100%;}
  .products-features .feature-content-outer{width: 100%;}
  .products-features .feature-content{padding: 2rem 0rem;}
  .products-features .products-feature:nth-child(even) .products-feature-inner{flex-direction: column;}
  .products-features .products-feature:not(:first-child){margin-top: 2rem;}

  .products-features.common .products-features-list{grid-row-gap: 2rem;}
  .products-features.common .feature-heading{font-size: 1.2rem;margin-top: 0;}
  .products-features.common .feature-content{padding: 1rem 0;}
  .products-features.common .feature-para{font-size: 0.8rem;}
}

@media (max-width: 500px){
    .products-features .feature-heading,.products-features.common .feature-heading{font-size: 1.5rem;}

    .products-features.common .products-features-list{grid-template-columns: 100%;}
    .products-features.common .feature-para{font-size: 1rem;}
    .products-features.common .feature-content{padding: 1.5rem 0;}
}


/*============Footer================*/
.need-help{display: flex;align-items: center; position: relative;padding: 3rem 0;}
.main-footer{display: flex;align-items: center;position: relative;padding: 3rem 0 1rem;}
.main-footer .footer-parts{display: grid;grid-template-columns: 34% 22% 22% 22%;width: 100%;}
.main-footer .footer-logo{font-size: 2rem;color: var(--primary_color);font-weight: 400;}
.main-footer .footer-desc{padding-right: 3.5rem;margin-top: 0.5rem;font-size: 1rem;color: #656565;line-height: 140%;}
.main-footer .footer-heading{font-size: 1.2rem;font-weight: 600;font-family: 'Raleway', sans-serif;}
.main-footer .footer-list{list-style-type: none;margin-top: 1.2rem;}
.main-footer .footer-list li:not(:first-child){margin-top: 0.6rem;}
.main-footer .footer-column-inner .footer-hidden-checkbox,.main-footer .footer-column-inner .footer-heading .footer-drop-icon{display: none;}

.footer-bottom{padding: 1rem 0;}
.footer-bottom .footer-social-icons{list-style-type: none;display: flex;justify-content: center;}
.footer-bottom .footer-social-icon{width: 2rem; height: 2rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.footer-bottom .footer-social-icon i{line-height: 100%;}
.footer-bottom .bg-facebook{background-color: #1877f2;color: var(--light_color);}
.footer-bottom .bg-insta{background: linear-gradient(29.61deg, #f38334 0%, #da2e7d 50.39%, #6b54c6 100%);color: var(--light_color);}
.footer-bottom .bg-linkedin{background-color: #0e76a8;color: var(--light_color);}
.footer-bottom .bg-youtube{background-color: #c4302b;color: var(--light_color);}
.footer-bottom .bg-twitter{background-color: #000;color: var(--light_color);}
.footer-bottom .footer-social-icon:not(:first-child){margin-left: 1rem;}
.footer-bottom .footer-strip{text-align: center;margin-top: 1rem;font-weight: 500;}
.footer-bottom .footer-strip .line-second{margin-top: 0.5rem;}
.footer-bottom .footer-social-icon a{line-height: 100%;}
.footer-bottom .payment-method-strip{text-align: center;margin-top: 2rem;}
.footer-bottom .payment-method-strip img{width: 50%;}

@media (max-width: 768px){
    .need-help{padding: 2rem 0 3rem;}
    .main-footer{padding: 2rem 0;}
    .main-footer .footer-parts{grid-template-columns: 100%;}
    .main-footer .footer-column:nth-child(2){margin-top: 2rem;}
    .main-footer .footer-list{margin-top: 0;}
    .main-footer .footer-column-inner{overflow: hidden;width: 100%;position: relative;}
    .main-footer .footer-column-inner .footer-hidden-checkbox{position: absolute;display: block;opacity: 0;z-index: 1;width: 100%;height: 3.2rem;}
    .main-footer .footer-column-inner .footer-heading{padding: 1rem 0.5rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 0.1rem solid transparent;}
    .main-footer .footer-column-inner .footer-tab-content{max-height: 0;padding: 0 1em;transition: all 0.35s; }
    .main-footer .footer-column-inner .footer-heading .footer-drop-icon{font-size: 1rem;transition: all 0.3s;}
    .main-footer .footer-column-inner .footer-hidden-checkbox:checked + .footer-heading .footer-drop-icon{transform: rotate(180deg);}
    .main-footer .footer-column-inner .footer-hidden-checkbox:checked ~ .footer-tab-content {max-height: 100vh;padding: 1em;}
  .main-footer .footer-column-inner .footer-hidden-checkbox, .main-footer .footer-column-inner .footer-heading .footer-drop-icon{display: block;}
  
  .footer-bottom .payment-method-strip img{width: 100%;}
}