/* Default CSS */

span.hg{color: #0084FE;}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 
/* Header */
/*.container { max-width: 90%;}*/

.container { max-width: 1400px; margin: 0 auto; width: 100%; }

a.skypebtn>img { width: 30px; margin-right: 3px; }
a.skypebtn:hover { color: #fff; }
li.skypebtn-mob { display: none; }
li.email-mob { display: none; }
ul#main-nav li:nth-child(4) { margin-right: 0; }
.announcement-bar p>img { object-fit: contain; margin-right: 10px; }

.why_shopifplus h3{
    line-height: 38px;
}
ul.submenu li { margin: 0 10px 10px; }
div#fixed-btn-bottom { display: none; }

.announcement-bar .container { display: flex; align-items: center; justify-content: space-between; }
.announcement-bar { background-color: #0084FE; }
.announcement-bar p { margin: 7px 0; font-size: 16px; font-weight: 300; display: flex; align-items: center; }
.announcement-bar span { font-size: 16px;  letter-spacing: -1px; }

a#mob-menu:hover { color: #fff; }
.our-works .our-work .logo img { width: auto; max-width: 400px; object-fit: contain; height: 90px; }





        .skiptranslate.goog-te-gadget { font-size: 0; }
        .skiptranslate.goog-te-gadget>span { display: none; }
        div#google_translate_element select.goog-te-combo { height: 50px; border-radius: 5px; background-color: transparent; color: #fff; font-size: 18px; width: 170px; margin: 0 5px; padding: 0 5px; border: 1px solid #fff; }
        .skiptranslate.goog-te-gadget { font-size: 0; height: 50px; }
        div#google_translate_element select.goog-te-combo option { color: #000; }
        .header {  z-index: 1000;  }
        .skiptranslate iframe { display: none; }

        .announcement-bar .container .header-contact-wraper {display: flex;}
        a.email:hover { color: #fff; }
        .header-contact-wraper .header-contact-email {margin-right: 20px;}
        a.email>img { margin-right: 3px; }
    #navbx .email, #navbx .skypebtn{ display:none; }  

    .dropdown:hover .dropdown-content {
      visibility: visible;
        opacity: 1;
        transition-delay: 0s, 0s;
    }

    #main-nav img {
        max-width: 100%;
    }
    /* Create three equal columns that floats next to each other */
   
 
    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
   
    .column h5 i {
        display: none;
    }
    .header main {
    display: none;
}
.zeynep{
    display: none;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media(max-width:1280px){
    .column a{
     font-size: 14px;
    line-height: 18px;
        padding: 5px 14px 5px 0px;
    }
}
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}                       

@media(max-width:980px){
    div#google_translate_element select.goog-te-combo { font-size: 15px; width: 147px; }
    div#google_translate_element select.goog-te-combo,.skiptranslate.goog-te-gadget{height: 47px;}
}

 

@media screen and (min-width: 801px) and (max-width: 1200px) {
    .header-contact-wraper .header-contact-email a span {display: none;}
    .header-contact-wraper .header-contact-phone a span {display: none;}     
} 
@media(max-width:650px){
    .announcement-bar .container>p, .announcement-bar .container span { font-size: 14px; text-align: center; line-height: 20px; }
   
}
@media (max-width: 600px) {
    .announcement-bar {display: block;}
    .navigation #navbx{
        width: 70%;
    }
}
@media(max-width:480px){
    .announcement-bar p{display: block;}
    .announcement-bar p>img { height: 25px; object-fit: cover; }
    .column h5 {
        font-size: 13px;
        line-height: 17px;
        margin: 0px 10px 0px;
    }
       .navbar a, .dropdown .dropbtn {
        padding: 10px 3px;
    }
    .navbar .dropdown .dropbtn .column a{
        padding: 5px 3px;
    }
    #navbx .email, #navbx .skypebtn {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .navigation #navbx .dropdown-content a {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0px;
        display: none;
    }
    span.icn-bx{
    margin-right: 4px;  
    }
    .column {
    padding: 6px 2px;
    }
    .dropdown-content {
        padding: 0px 11px 10px;
    }
}
@media(max-width:392px) {
    li.email-mob span {font-size: 14px;}
}


/* Footer */



.home-page-banner .rotation { position: absolute; top: 0; left: -70px; animation: rotation 20s infinite linear; }



/* CTA */
.cta >.container { justify-content: space-between; }
.cta-heading { width: 40%; }
.cta-boxes { width: 58%; display: flex; align-items: center; justify-content: space-between; }
.cta-boxes .box { width: 31%; }
.cta-boxes .box .info { border-radius: 0px 30px; padding: 30px 20px; margin-bottom: 30px; }
.cta-boxes .box .info h4 { color: #0E0D12; font-size: 55px; line-height: 65px; }
.cta-boxes .box .info span { color: #0E0D12; font-size: 20px; line-height: 30px; font-weight: 600; }
.cta-heading h2>span { border-bottom: 10px solid #0084fe; line-height: 18px; display: inline-block; }
.color1{background-color: #FDDA7B;}
.color2{background-color: #FD9BF4;}
.color3{background-color: #A0C6FF;}
.color4{background-color: #63F3C2;}
.color5{background-color: #FFCCCC;}
.color6{background-color: #0078E8;}

/* Logos */
.testimonial-section-wr .container { flex-direction: column; }
.testimonial-section-wr .t-box { display: flex; justify-content: space-between; width: 100%; align-items: center; }
.testimonial-section-wr .t-box1.t-box { justify-content: space-around; }
.testimonial-section-wr .t-box3.t-box { justify-content: space-evenly; }
.testimonial-section-wr-mob{display: none;}

.brand-logos { justify-content: center; flex-wrap: wrap; }
.brand-logo { display: flex; flex-direction: column; margin-bottom: 50px; }
.brand-logo>* { width: 100%; overflow: hidden; margin-bottom: 20px; }
.brand-logos>a { width: 20%; margin-bottom: 20px; }
.brand-logos>a>img { width: 90%; }
.brand-logos .js-marquee { display: flex; }
.brand-logos a {  width: 20%; }
.brand-logos a>img { width: 200px; }
.fewmore { justify-content: space-between; border-bottom: 1px solid #f5f5f54d; padding-bottom: 10px; }
.morelogo { width: 80%; margin: 0 auto;overflow:hidden; }
.morelogo .slick-list { width: 90%; margin: 0 auto; }
.fewmore>span { font: normal normal 600 28px/30px Clash Grotesk; }
.morelogo a.slick-slide { margin: 0 15px !important; }
.morelogo a { display: inline-block; margin: 0 10px; }
.morelogo a:hover { color: #0084FE; }
.morelogo i.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); }
.morelogo i.left { left: -25px; }
.morelogo i.right { right: -25px; }

/* Services */
/*.services-wr { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 30px; }*/
.services-wr { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; align-items:stretch;  }
.services-wr .slick-track { padding-left: 14%; }
.service-box { background-color: #ffffff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); border: 1px solid #D9D2DD; 
    border-radius: 20px; width: 23%;  text-align: center; position: relative; }
.service-box>a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 20px; }
.service-box>.box { padding: 20px; }
/*.services-wr .slick-track { display: flex !important; } 
.services-wr .slick-slide { height: inherit !important;margin:0 10px; }*/
.service-box h4 { font-size: 22px; line-height: 28px; margin: 15px 0 20px; font-weight: 500;letter-spacing: 1px; min-height: 55px; display: flex; justify-content: center; align-items: center; }
.service-box a { display: block; color: #0084FE;  position: absolute; bottom: 20px; }
.service-box.slick-slide img { max-height: 50px; }
.cta {   overflow-x: clip; }
.cta::after {position: absolute;content: '';background: #0084FE;border: 1px solid #707070;filter: blur(50px);bottom: -85px;right: -100px;width: 463px;height: 463px;border-radius: 50%;opacity: 0.5;z-index: -1;}
.services-wr .slick-arrow, .clients .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 30px; z-index: 1; cursor: pointer; opacity: 0.5; transition: all 0.35s ease-in; }
.services-wr .slick-arrow:hover, .clients .slick-arrow:hover { transition: all 0.35s ease-in; opacity: 1; }
/*.services-wr .right.slick-arrow,.clients .right.slick-arrow { right: 0; }*/
/*.services-wr .left.slick-arrow,.clients .left.slick-arrow { left: 0; }*/
.services-wr .right.slick-arrow, .clients .right.slick-arrow { right: -30px; }
.services-wr .left.slick-arrow, .clients .left.slick-arrow { left: -30px; }
/*.service-box p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; line-height: 25px; }*/
/*.service-box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}*/


/* image with text */
.image-with-text .container { justify-content: space-between; position: relative; z-index: 1; }
.image-with-text .container>* { width: 45%; }
img.position-right { position: absolute; right: 30px; bottom: 0; z-index: -1; }

/* Our Work */
.our-works { flex-wrap: wrap; justify-content: space-between; }
.our-works .our-work { width: calc(90%/2); border: 1px solid #666;background-color: #666; border-radius: 20px; padding: 20px 15px; margin-bottom: 20px; 
    position: relative; overflow: hidden; }
.our-works .our-work h3 { font-size: 42px; line-height: 42px; font-weight: 400; margin: 50px 0 20px; color: #ffffff; }
.our-works .our-work>img { margin-top: 50px; border-radius: 10px; }
.our-works .our-work .logo { min-height: 90px; }
img.position-left { position: absolute; bottom: 15px; left: 0; z-index: -1; }


/* Our Clients */
/*.clients { width: 85%; margin: 0 auto 0 12%; }
.our-clients-section .clients { padding: 0 30px; }
.client { background: #24242C; border-radius: 30px; padding: 80px 100px; margin-left: 30px; display: flex !important; align-items: center; }
.testimonial { border-left: 1px solid #cccccc73; padding-left: 50px; margin-left: 50px; }
.testimonial h5 { margin-top: 30px; margin-bottom: 8px; }
.clients .slick-track { padding-left: 15%; }*/
/*.clients { width: 85%; margin: 0 auto 0 12%; }*/
/*.client { background:  #24242C; border-radius: 30px; padding: 80px 100px;margin-left: 30px; display: flex !important; align-items: center; }*/
.client { background: #ffffff; margin: 0 10px; height: inherit !important; position: relative; border-radius: 20px; padding-bottom: 10px; }
/*.testimonial { border-left: 1px solid #cccccc73; padding-left: 50px; margin-left: 50px; }*/
/*.clients .slick-track { padding-left: 15%; }*/
.testimonial h5 { margin: 0 0 5px; font-size: 18px; line-height: 25px; font-weight: 500; color: #000000; width: calc(100% - 85px); }
/*.clients .client > img { max-width: 30%; }*/
.star-with-logo { display: flex; align-items: center; bottom: 20px;margin-bottom: 30px; }
.star-with-logo .test-star {display: flex; justify-content: space-between; width: calc(100% - 65px);}
.testimonial p {color: #000000; font-weight: 300;}
.star-with-logo .test-logo > img { width: 60px; height: 60px; object-fit: contain; border-radius: 50%; background: #ccc; }
.test-logo { margin-right: 5px; width: 65px; }
.client .testimonial { padding: 30px 20px 10px; }
.testimonial svg { width: 85px; }
.our-clients-section .clients .slick-track { display: flex !important; }
.our-clients-section .clients ul.slick-dots { bottom: -70px; }
/*.our-clients-section .clients .slick-dots li { margin: 0 10px; }*/
.our-clients-section .clients .slick-dots li { margin: 0; }
/*.our-clients-section .clients .slick-dots li button { width: 30px; height: 2px; padding: 0; border-radius: 0; border: none; background: #fff; opacity: 0.2; }*/
.our-clients-section .clients .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; padding: 0;  border: none; background: #fff; opacity: 0.2; }
/*.our-clients-section .clients .slick-dots li.slick-active button{background-color: #fff;opacity: 1}*/
.our-clients-section .clients .slick-dots li.slick-active button { width: 10px; height: 10px; opacity: 1 }
.client>img { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.clients .client img.triangle { position: absolute; bottom: -2px; right: 5px; }
/* Video */
.row1,.row2 { justify-content: space-between; }
.row1.flex { align-items: end; margin-bottom: 50px; }
.row1 .heading-wr { width: 40%; }
.video-main { width: 38%; }
.row2 > div:not(.video) { width: 20%; }
.row2 .video { width: 38%; }
.video iframe { width: 100%; }
.video { position: relative; }
img.video-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; width: 100%; border-radius: 15px; }
button.play-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: none;
    outline: none;
    background: #ffffffbf;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
button.play-btn i { color: #fff; font-size: 30px; line-height: 40px; margin-left: 5px; }



/* Call To Action */
.callaction { position: relative; border: 1px solid #101E2A; border-radius: 25px; min-height: 300px; z-index: 1; }
.callaction>div { width: 50%; position: relative; }
.callaction .heading-wr { padding: 30px 40px; display: flex; flex-direction: column; align-items: baseline; justify-content: center; }
.callaction .img-wr { text-align: right; }
.callaction .img-wr img.pos { position: absolute; bottom: -1px; left: -15%; }
.callaction .img-wr>img:not(.pos) { width: 70%; object-fit: cover; object-position: right; }
section.call-to-action img.position-right { top: -30%; right: -5%; }
section.call-to-action { margin:50px 0; overflow-x: clip; }
section.call-to-action img.position-left { left: 5%; bottom: -5%; }



/* About us */

.about-wrapper.top { padding: 150px 0 100px; }
.innerbanner { display: flex; align-items: center; justify-content: space-between; }
.innerbanner>* { width: 50%; }
.bnr_left { margin-right: 2%; }
.innerbanner.image-left { flex-direction: row-reverse; }
.innerbanner.image-left .bnr_left { margin-right: 10%; margin-left: 2%; }

.quality_section { justify-content: space-between; position: relative; }
.quality_section::before { position: absolute; content: ''; background: #0084fe; top: 10%; left: 0; right: 0; bottom: 10%; width: 60%; }
.quality_section>* { width: 50%; }
/*.quality_content { padding: 50px 2% 50px 10%; position: relative; }*/
.quality_content ul li { display: flex; margin-bottom: 20px; }
.quality_img img { width: 100%; }

.quality_content .icon { width: 5%; }
.quality_content .informatin { margin-left: 25px; width: 95%; }
.quality_content .informatin h4 { margin: 0; }

.about-services .container { flex-wrap: wrap; justify-content: space-between; }
.about-services .square_teaser { width: calc(100%/3 - 90px); margin-bottom: 45px; padding: 30px; background: #f9fafa; color: #fff; background-color: #0E0D12; border: 1px solid #57565D; border-radius: 20px; }
.evm_services_number h5 { height: 65px; width: 65px; background-color: #333; color: #fff; font-size: 24px; line-height: 65px; border-radius: 50%; margin: 0 auto 40px; }
.about-services .square_teaser h4 { font-size: 22px; line-height: 30px; }

.apps_cols { justify-content: space-between; }
.apps_cols .app_col { width: calc(95%/3); }
.apps_cols .app_col>div { color: #fff; display: flex; border-radius: 16px; text-align: left; padding: 10px 20px; justify-content: space-between; 
    background-color: #666; border: 1px solid #666; }
.apps_cols .app_col >div img { width: 15%; }
.apps_cols .app_col >div h4 { width: 80%; font-size: 25px; line-height: 30px;  }



.expert-content-top p>span { font-weight: 900; }
.image-right-expert .flex { flex-direction: row-reverse; }
.btns.btns-mobile { display: none; }
.shopify-experts-brands a>img { width: auto; }
.shopify-experts-brands .brand-logos a:first-child { margin: 0 30px 20px; }
.shopify-experts-brands .brand-logos a:last-child { margin: 20px; }
.custom-panel.accordion { border: 1px solid #57565D; margin-bottom: 20px px ; border-radius: 6px; }
#services__accordion h4.panel-title { position: relative; background-color: transparent; padding: 10px; margin: 0; font-size: 25px; line-height: 35px; }
#services__accordion h4.panel-title i { position: absolute; right: 10px; transition: transform .3s linear; top: 50%; transform: translateY(-50%); }
#services__accordion h4.panel-title.active { color: #fff; border-bottom: 1px solid #57565D; }
.accordion__body { border: 1px solid #57565D; padding: 15px; border-top: none; }
#services__accordion h4.panel-title.active i { transform: translateY(-50%) rotate(180deg); transition: transform .3s linear; }






.our-packages-wr .transparent-btn { border: 1px solid #fff; color: #fff; font-weight: 300; }


.modal-content { position: absolute; padding: 0; width: 90%; height: 75%; top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; }

.modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display: none; }
/*.modal-content { position: absolute; background-color: #0E0D12; padding: 0; width: 90%; height: 75%; top: 50%; transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; }*/
 
/*.mySlides { position: absolute; top: 10%; left: 0; right: 0; bottom: 10%; overflow: auto; padding: 20px; border: 1px solid #57565D; justify-content: center; align-items: center; border-radius: 10px; }
.mySlides>* { display: inline-block; vertical-align: top; }
.Portfoli-img { height: 100%; width: 50%; }
.Portfoli-img img { width: 100%; height: 100%; object-fit: contain; }
.portfolio-content { width: 45%; margin-left: 5%; }
.close-popup { font-size: 30px; position: absolute; right: -15px; background: #57565D; width: 40px; height: 40px; text-align: center; line-height: 1.3; z-index: 2; cursor: pointer; top: 8%; }
a.next, a.prev { position: absolute; top: 50%; transform: translateY(-50%); font-size: 30px; width: 40px; height: 40px; text-align: center; line-height: 38px; border: 1px solid; border-radius: 5px; cursor: pointer; }
a.prev {left: -52px;}
a.next {right: -52px;}
.portfolio-content h5>a { color: #fff; text-shadow: 0 0 80px #0084fe; }
.portfolio-content h5 { font-size: 28px; line-height: 40px; margin-bottom: 0; }
.portfolio-content p { margin: 0; }
.portfolio-content h4 { font-size: 22px; line-height: 30px; font-weight: 400; border-bottom: 1px solid #57565D; padding-bottom: 10px; margin: 5px 0 20px; }
.portfolio-content ul { padding-left: 20px; }
.portfolio-content ul li { list-style: circle; margin-bottom: 10px; text-align: left; } */

.project-infos { display: flex; justify-content: space-between; margin: 20px 0; }
.project-infos>.inf { width: 45%; }
.project-infos>.inf h4 { font-size: 18px; line-height: 25px; font-weight: 600; margin: 0 0 15px; padding: 0 0 5px; }
.project-infos>.inf p, .project-infos>.inf li, .project-infos>.inf a, .project-infos>.inf span { font-size: 16px; line-height: 25px; margin: 0 0 5px; }
.project-infos>.inf .services_box span { display: block; }
.portfolio-content p { margin: 0; font-size: 16px; }
.portfolio-content .btns>.btn { margin: 0 18px 10px 0; }
.portfolio-content .btns>.btn:last-child { margin: 0 0 10px 0; }

.wordpress-second {  background-position: top; padding: 55px 0; background-attachment: fixed; }
.wordpress-points { flex-wrap: wrap; width: 85%; margin: 0 auto; justify-content: center; }
.wordpress-points>* { width: 45%; font-size: 18px; line-height: 30px; font-weight: 300; }
.wordpress-points p { display: flex; justify-content: space-between;align-items: center; }
.wordpress-points p img { width: 60px; height: 60px; }
.wordpress-points p span { width: calc(100% - 70px); }
#slideshow, #slideshow2 { width: 100%; position: relative; height: 430px; }
#slideshow>div, #slideshow2>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* SEO */

.wordpress-second.seo-wr{background-image: url(../images/redesign/imgpsh_fullsize-1.jpg); color: #ffffff;}
.our-process-wrap { padding-top: 100px; }
.our-process-wrap.flex{  flex-wrap: nowrap; align-items: start;}
.our-process-item { margin-top: -80px; padding: 0 15px; width: 25%; }
.our-process-item i {
    position: relative;   
    color: #333;
    font-size: 32px;
    display: inline-block;
    clear: both;
    border-radius: 20px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #D9D2DD;
    -webkit-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
    width: 120px;
    height: 120px;
    text-shadow: none;   
    line-height: 110px;
    background: #fff;
}
.our-process-item h4 { font-size: 22px; text-transform: uppercase; margin: 34px 0 25px; }
.se-price-tables .seo-price-pg { width: calc(100% / 4); }
.se-price-tables .seo-price-pg .panel { margin: 0 10px; border: 1px solid #707070; border-radius: 20px; }
.panel-heading { border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 10px;}
.custom-table-design-blue .panel-heading { background-color: #1a80b3; }
.custom-table-design-gray .panel-heading{background-color: #ccc;}
.custom-table-design-pink .panel-heading{background-color: #ff8300;}
.panel-heading h3 { font-size: 20px; line-height: 30px; margin: 0; }
.packages-css .panel-body { background: #eaeaea; padding: 10px; text-align: center; position: relative; margin-bottom: 40px; }
.packages-css .panel-body::after { position: absolute; border-color: #eaeaea transparent transparent; border-style: solid; border-width: 20px 165px 0; height: 0; line-height: 0; top: 100%; width: 0; bottom: 0; content: ""; border-width: 20px 70px; margin: 0 auto; right: 0; left: 0; }
.lead { font-weight: 300; line-height: 1.4; font-size: 25px; margin: 0; }
.lead a { color: #337ab7; }
li.list-group-item { border-top: 1px solid #707070; padding: 10px; }
li.list-group-item.li-highlight { color: #0084FE; font-weight: bold; }
.sctn-number-seo .app_col div { flex-wrap: wrap; position: relative; justify-content: center; }
.sctn-number-seo .apps_cols .app_col >div h4 { display: inline-block; position: relative; width: auto; font-size: 40px; line-height: 50px; }
.sctn-number-seo .apps_cols .app_col >div p { width: 100%; text-align: center; }
.sctn-number-seo .apps_cols .app_col >div h4 img { position: absolute; left: -50px; width: auto; top: 5px; }
 

/* Theme Page */
.theme-main { padding-bottom: 20px; }
.banner-section.theme-main .banner-content { width: 100%; max-width: 90%; margin: 0 auto; }
.banner-section.theme-main .banner-content img { width: auto; padding: 0; max-width: 300px; }
#themes .item > img { max-width: 100%; object-fit: initial; margin: 0 auto; }
.theme-main .btns>.btn:last-child,.theme-w .btns>.btn:last-child{ color: #0E0D12; }
div#themes .slick-arrow { width: 70px; height: 70px; }
.our-themes-section .our-work img { width: 100%; }
.our-themes-section .our-work .btns { display: flex; align-items: center;}
.our-themes-section .our-work .btns a.btn { width: auto; min-width: unset; }
.btn.yellow-btn { background-color: #f7d202db; color: #000; }
.btn.yellow-btn:hover { background: transparent; color: #f7d202db; border-color: #f7d202db; }
/*.our-themes-section .our-work:last-child { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.our-themes-section .our-work:last-child >* { width: 50%; }
.our-themes-section .our-work:last-child > .logo { width: 45%; }
.our-themes-section .our-work:last-child > .logo img { width: auto; }*/
.our-works .our-work label.free { position: absolute; top: -40px; left: -120px; background-color: #0084fe; width: 200px; transform: rotate(-45deg); text-align: center; padding: 50px; }
.our-works .our-work label.free span { position: absolute; top: 55px; display: block; left: -30px; right: 0; font-weight: 900; }
.cta-themes .cta-heading { width: 55%; }
.cta-themes .cta-boxes { width: 40%; }
.cta-themes .cta-boxes .box { width: 48%; }
.theme-wr-content { background:transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); color: #fff;}
.theme-wr-content ul li { align-items: center; margin-bottom: 0; }
.theme-wr-content ul li .informatin { margin-left: 0; }
/*.cta-themes .info { background-color: #fff; }
.cta-themes .btns .primary-btn,.cta-themes .btns .transparent-btn:hover { background-color: #ff1363; 
/*  box-shadow: 0 25px 50px 0 #ff136373;
   }*/

.cta-themes .btns .transparent-btn:hover { border-color: transparent; }
.cta-themes .cta-heading h2>span { border-color:#ff1363;}
/*.cta-themes .btns .primary-btn:hover { background-color: #ff1363bf; border-color: #ff1363bf; }*/
section.our-themes { padding: 0; }
section.cta.cta-themes { padding: 100px 0 50px; }
.theme-main .btnss-wr>.btn { color: #0E0D12; }
.theme-main .btnss-wr>.btn:hover { color: #fff; }

/* Theme Single Pages */
.theme-w { position: relative; min-height: 300px;background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); }
 .theme-w>img { width: 100%; object-fit: cover; object-position: top; }

.theme-w .flex { justify-content: space-between; }
.need-help-wr { background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); color: #fff; }
.need-help-wr .container { justify-content: space-between; }
.need-help-wr .need-help { width: 40%; }
.theme-w .banner-content { width: 35%; }
.theme-w .container { position: absolute; top: 40%; left: 14%; right: 0; color: #fff }
.theme-w .btnss-wr a.btn,.theme-w .btns-wr a.btn { color: #0E0D12; }
.theme-w .btnss-wr a.btn:hover,.theme-w .btns-wr a.btn:hover { color: #fff; }
/*.theme-w .btnss-wr a.btn:last-child { color: #fff; }
.theme-w .btnss-wr a.btn:last-child:hover { color: #fff; }*/
.back-to-top {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position: fixed;
    bottom: 120px;
    right: 32px;
    display: none;
    border-radius: 4px;
    background: #0084FE 0% 0% no-repeat padding-box;
    color: #fff;
    box-shadow: 1px 1px 10px #0084fe8f;
    z-index: 9999;
}
.back-to-top:hover { background-color: transparent; border: 1px solid; }


.Theme-modal {background-color: #000;}
.Theme-modal .modal-content { min-height: 475px;color: #fff; border: 1px solid #57565D; border-radius: 20px; padding-bottom: 15px; height: auto; max-width: 450px; width: 100%; }
.Theme-modal .modal-content .modal-header { position: relative; border-bottom: 1px solid #57565D; padding: 20px; }
.Theme-modal .modal-content .modal-header button.close { position: absolute; right: 15px; background: transparent; color: #fff; font-size: 45px; line-height: 60px; cursor: pointer; appearance: none; border: none; top: 5px; }
#mc_embed_signup .button { background: #0084FE !important; padding: 10px 25px !important; height: auto !important; margin-top: 20px !important; }
#mc_embed_signup input { height: 25px; font-size: 18px; }
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { position: absolute; right: 0; top: -5px; }
.Theme-modal .modal-content .modal-header h4.modal-title { margin: 0;}


/* Case Study */
.cta-case-study { background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); color: #fff;}
.cta.cta-themes.cta-case-study { background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); padding: 230px 0 100px; }
.cta-case-study::after { z-index: 1; }
.cta-case-study h2 { margin-top: 50px; }
.cta-case-study .cta-boxes { position: relative; z-index: 2; width: 100%; }
.cta-case-study .cta-boxes .box { width: 100%; display: flex; justify-content: space-between; }
.cta-case-study .cta-boxes .box .info.color { width: calc(73%/4); border: 1px solid #fff; border-radius: 10px; padding: 20px; margin-right: 15px; }
.cta-case-study .cta-boxes .box .info.color h4 { font-size: 28px; line-height: 30px; color: #fff; }
.cta-case-study .cta-boxes .box .info.color span { font-size: 16px; line-height: 26px; color: #fff; }
/*.cta-case-study .cta-boxes h2 { position: absolute; top: -75px; left: 0; right: 0; text-align: center; }
*/
.cta-case-study .banner-slider { width: 40%; text-align: center; }
 .cta-case-study .banner-content { width: 55%; }
.cs-main{padding: 20px;}
.cs-main .container { border: 1px solid #57565D; padding: 50px; border-radius: 20px; width: 70%; }

/* Inner Case studies */
.casestudy-wrapper { padding: 150px 0 70px; }
.casestudies { flex-wrap: wrap; }
.casestudies .case-study { width: calc(97%/3); position: relative; text-align: center; margin-bottom: 1%; overflow: hidden; margin-right: 1%; }
.casestudies .case-study img { width: 100%; }
.casestudies .case-study a.view-btn { position: absolute; bottom: 50px; border: 1px solid #000; width: 200px; margin: 0 auto; left: 0; right: 0; padding: 20px 0; border-radius: 10px; font-weight: 600; background-color: #000; color: #fff; transform: translateY(200px); transition: all 0.3s linear; }
.casestudies .case-study:hover a.view-btn { transform: translateY(0); transition: all 0.35s linear; }

/* Single */
.single-banner { padding: 200px 0; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; color:#fff; }
.single-banner .cs-logo {position: absolute; left: 0; right: 0; top: 80%; }
.goal-cntr { background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); color: #fff;}
.key-points .container { justify-content: space-between; }
.key-points .point { width: calc(16% - 10px); border: 1px solid #57565D; margin: 0 10px 20px; border-radius: 15px; padding: 40px 10px; text-align: center; }

.case-testimonial blockquote { width: 50%; margin: 0 auto; background-color: #0E0D12; border: 1px solid #57565D; border-radius: 15px; padding: 30px; 
    position: relative; text-align: center;color: #fff; }
.case-testimonial blockquote span { font-weight: 900; display: inline-block; margin-top: 30px; border-bottom: 1px solid #0084fe; }
.case-testimonial blockquote i { position: absolute; top: -35px; font-size: 60px; line-height: 70px; color: #0084fe;left: 0; right: 0; }

.single-banner.cs-web-banner.text-center { padding: 0; }
.single-banner.cs-web-banner.text-center img { width: 100%; }
.problem { background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%); padding: 20px; border-radius: 20px; margin: 20px 0; color: #fff;}
.objectives p { font-weight: 900; }
.objectives ul { border: 1px solid #57565D; padding: 20px 0; border-width: 1px 1px 1px 5px; border-radius: 20px; list-style: none !important; padding-left: 0 !important; }
.objectives ul li { border-bottom: 1px solid #57565D; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; }
.objectives ul li:last-child { border: none; margin: 0; padding: 0 0 0 20px; }
.website-chr { background: transparent linear-gradient(90deg, #24242C 0%, #24242C33 100%);color: #fff; }
.web-char .item { padding: 20px; }
.web-char .item::after { position: absolute; content: ''; border-right: 1px solid #57565D; top: 50%; bottom: 0; right: 0; height: 220px; transform: translateY(-50%); }
.web-char .item img { margin: 0 auto; }
.image-with-text .content-wr ul { list-style: circle; padding-left: 20px; }
.image-with-text .content-wr ul li { margin-bottom: 15px; }
.slick-dots li button { background: transparent; border-radius: 50%; width: 15px; height: 15px; border: 1px solid #fff; text-align: center; }
 .slick-dots li.slick-active button { background: #0084fe; border-color: #0084fe; }
.slick-dots li button:before { font-size: 10px!important; }

.content-wr.cs-web .cta-boxes { width: 100%; display: block; }
.content-wr.cs-web .box { width: 100%; display: flex; flex-wrap: wrap; }
.content-wr.cs-web .box .info { width: calc(90%/3); border: 1px solid; margin: 0 1% 1% 0; border-radius: 20px; text-align: center; padding: 10px 5px; }
.content-wr.cs-web .box .info h4, .content-wr.cs-web .box .info span { font-size: 22px; line-height: 28px; }
.content-wr.cs-web .box .info span { font-size: 14px; line-height: 18px; display: block; }
.cs-web .cta-boxes { margin-top: 50px; }

/* Seo */
.single-banner.cs-seo-banner { margin-bottom: 100px; }
.single-banner.cs-seo-banner>a.btn { position: absolute; right: 0; bottom: -100px; left: 0; width: 200px; margin: 0 auto; height: 0; padding: 100px 0 100px; line-height: 0; border-radius: 50%; }
.seo-cs-st .image-wr { text-align: right; }
.cs-info-seo h1 { font-size: 30px; line-height: 40px; }
.cta-case-study.seo-cas h2 { margin-top: 0; }
.cta-case-study.seo-cas .cta-boxes + h2 { margin-top: 50px; }
.seo-boxesw .container { justify-content: space-between; position: relative;flex-wrap: nowrap; }
.seo-boxesw .container>* { width: 48%; margin-bottom: 10px; }
.seo-boxesw .container::after { position: absolute; content: ''; border-right: 2px solid #57565D; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); }
.seo-info-wr .info1 { margin-bottom: 30px; }




#themes .slick-dots { display: none; }
section.seo-about-wr .seo-about h4 { display: flex; align-items: center;font-weight: 500;
    font-size: 22px; }
.apps_cols .app_col { width: calc(95%/3); display: flex; }
a#canc-menu { display: none; }




/*Contact Page 25 october 2024*/

.contact-content .formbx>img{
    max-width: 100%;
    margin: 20px 0 6px;
    object-fit: contain;
    height: 60px;
    object-position: center;
    width: 100%;
}
.hedlogo {
    display: flex;
}
.hedlogo a {
    width: 15%;
}
.sucinbx {
    display: flex;
    align-items: center;
    text-align: left;
    gap:8px;
    margin-bottom: 30px;
}
.sucdes h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0px 0px 6px;
}
span.sucsrt {
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.announcement-bar{
 background: radial-gradient(circle, #0084FE 0%, rgba(71, 70, 252, 1) 100%);   
}

.contact-us .announcement-bar,.shopify-experts .announcement-bar{
 display: none;
}
.contact-us section.banner.banner-contact{
    padding: 50px 0 40px;
    background-color: #0e0d12;
    margin-top: 0px;
}
.shopify-experts .banner-section {
    margin: 80px 0 0;
}
@media(min-width: 800px){
 
  #canc-menu{display: none !important;}
}


.calendly-overlay .calendly-close-overlay { background: #00000085; }



/* */
.our-packages-wr .row.price { display: flex; justify-content: center; margin: 50px 0; }
.our-packages-wr .row.price .col-sm-6 { width: 45%; }
.our-packages-wr .row.price .price-w { box-shadow: 0 0 10px #ccc; margin: 0 15px; padding: 20px 20px 35px; }
.our-packages-wr .row.price .price-w h3 { font-size: 28px; line-height: 35px; margin: 10px 0; }
.our-packages-wr .row.price .price-w a.btn { margin-top: 10px; }
.theme-main .btns-wr>.btn:last-child { color: #0E0D12; }
.theme-main .btns-wr>.btn:last-child:hover { color: #fff; }


/* Bigcommerce */
.bigcommerce-features .service-box { width: 32%; margin-bottom: 2%; }


/* Magento Migration */

.migration-logo { position: absolute; left: 0; right: 0; width: 60%; margin: 0 auto; bottom: 15px; }
.magento-banner .banner-content ul { margin: 30px 0; }
.magento-banner .banner-content ul li { display: flex; align-items: center; text-align: left; margin-bottom: 10px; }
.magento-banner .banner-content ul li>svg { fill: #fff; width: 25px; height: 25px; margin-right: 10px; }
.image-with-text.magento .why-accordian { width: 45%; }
.image-with-text.magento div#accordion__img { background-color: #22222A; border-radius: 20px; padding: 50px 15px; width: 48%; }
.accordion-wrap { padding: 0 20px 10px; border: 1px solid transparent; border-radius: 20px; margin-bottom: 10px; }
.accordion-wrap.active { border-color: #3F3E42 }
.accordion-title { position: relative; margin: 10px 0; display: flex; align-items: center;cursor:pointer; }
.accordion-title >i { position: absolute; right: 0; transition: transform 0.5s linear; font-size: 20px; line-height: 30px; top: 50%; transform: translateY(-50%) rotate(180deg); }
.accordion-content { display: none; }
.accordion-title.active>i { transform: translateY(-50%) rotate(0); transition: transform 0.5s linear; }
.accordion-title > img { margin-right: 10px; }
.magento-banner .banner-content a.btn { margin: 0; }
.cta-wrap .container { border: 1px solid #101E2A; border-radius: 10px; position: relative; justify-content: space-between; flex-wrap:nowrap; }
.cta-wrap .content-wr { margin: 0 50px; }
.cta-wrap .content-wr a.btn { margin-top: 10px; }
.cta-wrap .content-wr h3 { margin-top: 0; font-family: 'Inter', sans-serif; font-size: 26px; line-height: 35px; }
.cta-wrap .content-wr { margin: 0 30px; width: 68%; padding: 30px 0; }
.cta-wrap .image-wr { width: 40%; }
.cta-wrap .image-wr img { position: absolute; top: 0; bottom: 0; height: 100%; width: 35%; object-fit: cover; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.magento-migrate-boxes { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; gap: 15px;}
.magento-migrate-box {
    background-color: #ffffff;
    border: 2px solid #666;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    width: 30%;
    text-align: left;
    justify-content: space-between;
    position: relative;
    padding-left: 0;
    transition: all 0.5s linear;
    cursor: pointer;
    margin-bottom: 2%;
}
.magento-migrate-box::after {
    position: absolute;
    content: '';
    background-color: #666;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 15px;
    width: 33%;
    border-bottom-left-radius: 15px;
}
.magento-migrate-box >* { transition: opacity .5s linear; }
.magento-migrate-box p { transition: all 0s linear; opacity: 0; position: absolute; }
.magento-migrate-box .box-img { width: 35%; position: relative; z-index: 1; text-align: center; }
.magento-migrate-box .box-content { width: 55%; }
.box-content span {
    background: #22222A 0% 0% no-repeat padding-box;
    border: 2px solid #22222A;
    border-radius: 8px;
    font-size: 12px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 6px;
    right: 6px;
}
.box-content h4 { font-size: 22px; line-height: 28px; font-weight: 500; }
.magento-migrate-box:hover div { opacity: 0; transition: all 0.5s linear; }
.magento-migrate-box:hover  p {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 20px;
    transition: all 0.5s linear;
    opacity: 1;
    justify-content: center;
}
.magento-migrate-box:hover:after { display: none; }


.scroll-img { width: 48%; }
.scroll-content { width: 48%; display: flex; flex-direction: column; align-items: center; height: 240px; overflow-y: auto; }
.scroll-content::-webkit-scrollbar { display: none; }
.scroll-content::-moz-scrollbar { display: none; }
.scroll-content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.scroll-image-section .container { justify-content: space-between; }
.scroll-img {
    height: 560px;
    position: relative;
    background-color: #666;
    border-radius: 20px;
}
.scroll-img>img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 90%;
    object-fit: contain;
    display: none;
    max-width: 100%;
    margin: 0 auto;
}

.scroll-content .content { margin: 10px 0 50px; }
.scroll-content .content h4 { margin: 0 0 10px; }


.whychoose-wr.mobile-only { display: none; }
.whychoose-wr { width: 96%; margin: 0 auto; }
.whychoose-box>* { width: 49%; }
.whychoose-box { display: flex; align-items: center; margin-bottom: 50px; justify-content: space-between; }
.whychoose-wr .whychoose-box:nth-child(even) { flex-direction: row-reverse; }



/* Sprite Images */
.service-box .box div[class*="image-sp-"] { width: 46px; height: 46px;margin: 0 auto; }
.image-sp-1 {background: url('../images/home-sprite.png') -0 -0;}
.image-sp-2 {background: url('../images/home-sprite.png') -46px -0;}
.image-sp-3 {background: url('../images/home-sprite.png') -0 -46px;}
.image-sp-4 {background: url('../images/home-sprite.png') -46px -46px;}
.image-sp-5 {background: url('../images/home-sprite.png') -92px -0;}
.image-sp-6 {background: url('../images/home-sprite.png') -92px -46px;}
.image-sp-7 {background: url('../images/home-sprite.png') -0 -92px;}
.image-sp-8 {background: url('../images/home-sprite.png') -46px -92px;}



.light_bg .image-sp-1 {background: url('../images/home-sprite-dark.png') -0 -0;}
.light_bg .image-sp-2 {background: url('../images/home-sprite-dark.png') -46px -0;}
.light_bg .image-sp-3 {background: url('../images/home-sprite-dark.png') -0 -46px;}
.light_bg .image-sp-4 {background: url('../images/home-sprite-dark.png') -46px -46px;}
.light_bg .image-sp-5 {background: url('../images/home-sprite-dark.png') -92px -0;}
.light_bg .image-sp-6 {background: url('../images/home-sprite-dark.png') -92px -46px;}
.light_bg .image-sp-7 {background: url('../images/home-sprite-dark.png') -0 -92px;}
.light_bg .image-sp-8 {background: url('../images/home-sprite-dark.png') -46px -92px;}

/* Shopify Plus Page */


.shopifyicon { display: flex; align-items: center; }
.shopifyicon>div { width: 50px; background-color: #666; text-align: center; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 10px; }
.shopifyicon>div img { width: 30px; }
.shopifyplus-banner .animate-wr { display: flex; align-items: center; }
.animated_txt_wr svg { margin-right: 10px; }
.animated_txt_wr { display: flex; align-items: center; background: linear-gradient(270deg, #0084FE 0%, #0084FE00 100%); border: 1px solid #0084FE; border-radius: 26px; width: 220px; margin-left: 8px; padding: 5px 10px; font-size: 15px;font-weight: 400; }
.animated_txt_wr svg { width: 18px; height: 18px; }
.shopifyplus_wr .our-works .slick-list { margin: 0 -10px; }
.shopifyplus_wr .our-works .our-work{margin: 0 10px;}
.head-with-arrow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.head-with-arrow>* { margin: 0; }
.head-with-arrow button { background-color: #666; color: #fff; box-shadow: none; appearance: none; border: none; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; }
.head-with-arrow button > i { font-size: 22px; line-height: 22px; display: inline-block; vertical-align: super; }
.slider-arr [aria-disabled="true"] { opacity: 0.5; }
.shopifyplus_wr .our-work .logo img { width: 300px; object-fit: scale-down; object-position: left; height: 60px; margin-bottom: 15px; }
.shopifyplus_wr .our-works .our-work h3 { margin-top: 0; font-size: 30px; line-height: 36px;}
.animated_txt_wr p span.typed-text { font-weight: normal; color: #dd7732; }
.animated_txt_wr p span.cursor { display: inline-block; background-color: #ccc; margin-left: 0.1rem; width: 3px; animation: blink 1s infinite; }
.animated_txt_wr p span.cursor.typing { animation: none; }
@keyframes blink {
    0% {background-color: #ccc;}
    49% {background-color: #ccc;}
    50% {background-color: transparent;}
    99% {background-color: transparent;}
    100% {background-color: #ccc;}
}
.why_shopifplus>.container { justify-content: space-between; }
.sp_section_right { width: 47%; }
.sp_section_left { width: 47%; }
.sp_section_left img { border-radius: 10px; }
.sp_section_right ul li { position: relative; padding-left: 10px; margin-bottom: 10px; }
.sp_section_right ul li svg { position: absolute; left: -25px; top: 3px; width: 18px; }
.sp_wetakersection { justify-content: space-between; }
.sp_wetakersection .sp-wetake-wrp { width: calc(48% - 55px); padding: 30px; border-radius: 20px; background-color: #666;}
.sp_wetakersection2 { padding: 30px 0; }
.sp_wetakersection2 .sp-wetake-wrp { width: calc(100% - 55px); margin: 20px 0; display: flex; align-items: center; justify-content: space-between; }
.sp_wetakersection .sp-wetake-wrp .ttl-wr img { margin: 0; }
.sp_wetakersection .sp-wetake-wrp .ttl-wr { display: flex; align-items: center; }
.sp_wetakersection .sp-wetake-wrp .ttl-wr h4 { margin: 0 0 0 10px; font-size: 22px; line-height: 30px; font-weight: 500; letter-spacing: 1px; }
.sp_wetakersection .sp-wetake-wrp p { min-height: 100px; text-align: left;}
.sp_wetakersection .sp-wetake-wrp img { border-radius: 10px; margin-top: 20px; }
.sp_wetakersection2 .sp-wetake-wrp img { margin: 0; }
.sp_wetakersection2 .sp-wetake-wrp .img-wr { width: 55%; }
.sp_wetakersection2 .sp-wetake-wrp .content-wr { width: 40%; }
.shopifyplus_wr .brand-logo,.bigcommerce_wr .brand-logo { margin: 0; }



/* Bigcommerce page */
.bigcommerce-banner .animated_txt_wr { width: 120px; margin-right: 8px; }
.bigcommerce-service .magento-migrate-box { min-height: 120px; }
.bigcommerce-wrap .accordion-wrap { padding: 10px 30px 10px 15px; border-color: #3F3E42; border-radius: 10px; }
.bigcommerce-wrap .accordion-wrap .accordion-title >i { right: -20px; }
.bigcommerce-wrap .accordion-wrap .accordion-title { font-size: 22px; line-height: 25px; }
.bigcommerce-wrap .accordion-wrap .accordion-content { font-size: 15px; line-height: 25px; margin-top: 15px; }
.image-with-text.bigcommerce-wrap div#accordion__img { background-color: transparent; border-radius: 20px; padding: 0; width: 50%; }
.bigcommerce-wrap div#accordion__img img { border-radius: 10px; }
.bigcommerce-count-wr .container { justify-content: space-between; text-align: center; }
.bigcommerce-count-wr .count-wr { width: 23%; background-color: #666; border-radius: 20px; margin: 0 1%; padding: 25px 10px; display: flex; flex-direction: column; justify-content: center; }
.bigcommerce-count-wr .count-wr h5 { font-size: 35px; line-height: 40px; }
.bigcommerce-count-wr .count-wr h5 span { font-weight: 500; }
.bigcommerce-count-wr .count-wr>* { margin: 0; }
.bigcommerce-count-wr .count-wr h6 { font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 10px; }
.bigcommerce_wr .head-with-arrow { justify-content: center; text-align: center; }


/* Wix Page */
.wix-service .magento-migrate-boxes { justify-content: flex-start; }
.wix-service .magento-migrate-boxes .magento-migrate-box { width: calc(33% - 55px); margin: 0 30px 30px 0; }
.wix-service .magento-migrate-boxes .magento-migrate-box:nth-child(3n) { margin-right: 0; }
.why_wixchoose ul { padding-left: 25px; }
.why_wixchoose > .container { flex-direction: row-reverse; }
.scroll-image-section-wix .scroll-content .content { margin: 30px 0 80px; }
.why_wixchoose .sp_section_left { border-radius: 20px; padding: 30px; text-align: center; width: 45%; }
.wix_wr .our-works .our-work h3 { min-height: 90px; }


/* Website Redesign */
.redesign-banner .animated_txt_wr { width: 85%; margin: 0; height: 55px; border-radius: 50px; }
.redesign-banner .animated_txt_wr span.text-rotation { width: calc(100% - 20px); font-weight: 300; }
.redesign-banner .btns>.btn { width: 205px; }
.shopifyplus-banner .btns>.btn{font-weight: 500;}
.redesign-service .magento-migrate-box { min-height: 150px; }
.why_redesign_service ul { padding-left: 25px; }
.redesign_help-image { padding: 10px 70px; background-color: #F8CED1; border-radius: 20px; margin-bottom: 50px; }
.web-redesign-services { flex-wrap: wrap; }
.web-redesign-services .redesign_service { width: 33.33%; padding: 0 ; margin-bottom: 50px; }
.web-redesign-services .redesign_service:nth-child(2), .web-redesign-services .redesign_service:nth-child(5), .web-redesign-services .redesign_service:nth-child(8) { padding: 0 25px; width: calc(33.33% - 50px); }
.web-redesign-services .redesign_service .redesign_service_head { display: flex; align-items: center; border-bottom: 1px solid #ffffff52; margin-bottom: 15px; }
.web-redesign-services .redesign_service .redesign_service_head h5 { font-weight: 500; margin-left: 10px; }
.web-redesign-services .redesign_service .redesign_service_head img { object-fit: contain; }
.redesign_service_content ul { list-style: disc; padding-left: 20px; }
.why_redesign_service .sp_section_left .twentytwenty-wrapper { background-color: #F8CED1; padding: 50px; border-radius: 20px; }
.twentytwenty-after-label, .twentytwenty-before-label,.twentytwenty-overlay  { display: none !important; }
.shopifyplus-banner li,.shopifyplus-banner span,.shopifyplus-banner p,.shopifyplus-banner a,p,li { font-weight: 200; }
.redesign-text>b { position: relative; }
.redesign-text>b>svg { position: absolute; left: 0; right: 0; bottom: -8px; }
.redesign-count-wr{text-align: center;}
.redesign-count-wr a.btn { margin-top: 50px; }

/* Shopify Plus Page  */







.bigcommerce-apps .flex { justify-content: space-between; }
.bigcommerce-apps .app-wrp { background-color: #666; border: 2px solid #666; border-radius: 20px; width: calc(29% - 25px); padding: 25px; display: flex; align-items: center; justify-content: space-between; }
.bigcommerce-apps .app-wrp .app-logo { width: 35%; text-align: center; background-color: #CCE6FF; border-radius: 10px; height: 0; padding-bottom: 35%; position: relative; }
.bigcommerce-apps .app-wrp .app-info { width: 58%; }
.bigcommerce-apps .app-wrp .app-logo .logo { position: absolute; left: 0; right: 0; top: 40%; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: center; }
.bigcommerce-apps .app-wrp .app-info h5 { font-weight: 500; margin: 0 0 5px; }
.bigcommerce-apps .app-wrp .app-info .app-rating { display: flex; align-items: center; }
.bigcommerce-apps .app-wrp .app-info .app-rating>span { margin-left: 7px; font-size: 16px; line-height: 25px; }
.bigcommerce-apps .app-wrp .app-info .app-link { border: 1px solid #fff; border-radius: 10px; padding: 7px 12px; display: inline-flex; margin-top: 10px; align-items: center; font-weight: 500; color: #fff; }
.bigcommerce-apps .app-wrp .app-info .app-link svg { margin-left: 10px; }
.bigcommerce-apps .app-wrp .app-info .app-link:hover { background-color: #fff; color: #22222A; }


/* Slider */
div#coverflow { margin-top: 50px; }
.slider-wrapper h3 { margin-bottom: 70px; text-align: center; }
.flipster--coverflow .flipster__item--past .flipster__item__content { transform: scale(0.75) rotateY(20deg) !important; }
.flipster--coverflow .flipster__item--future .flipster__item__content{transform: scale(0.75) rotateY(-20deg) !important;}
.slider-wrapper .flipster__item__content img { border-radius: 20px; }
.slider-wrapper .flipster__item__content { position: relative; }
.slider-wrapper .flipster__item__content::after { position: absolute; content: ''; background: linear-gradient(180deg, rgba(14, 13, 18, 0) 0%, #0E0D12 100%); top: 0; left: 0; right: 0; bottom: 0; }
ul.flip-items.flipster__container { padding-bottom: 10px; }
ul.flipster__nav { position: absolute; bottom: 0; left: 0; right: 0; }
ul.flipster__nav a.flipster__nav__link { font-size: 0; width: 8px; height: 8px; background: #D9D9D94D; border-radius: 50%; }
ul.flipster__nav li.flipster__nav__item.flipster__nav__item--current .flipster__nav__link { background: #fff; }
.slider-wrapper .flipster__button { background: #fff; padding: 5px; opacity: 1; }
.slider-wrapper .flipster__button--next { right: -30px; z-index: 1;}
.slider-wrapper .flipster__button--prev { left: -30px; z-index: 1;}
.slider-wrapper .flipster__button svg { width: 30px; height: 30px; display: flex; stroke-width: 2; }

.slider-wrapper .slide-info { position: absolute; left: 20px; right: 20px; bottom: 50px; z-index: 1; text-align: center; }
.slider-wrapper .slide-info a.btn { padding: 12px 15px; }
footer#footer .container { max-width: unset; width: 96%; }

.slider-wrapper .cta-btn .btn-primary { background-color: #fff; color: #0E0D12; min-width: 180px; }
.slider-wrapper .cta-btn .btn-primary:hover { background-color: #0083fd; color: #fff; border-color: #0083fd; }
.slider-wrapper .cta-btn .btn {border-radius: 50px; padding: 15px 25px;}
.slider-wrapper div#coverflow .flipster__item__content a.btn { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 0; border: none; bottom: 0; z-index: 9; }
.slider-wrapper div#coverflow a.btn:hover { background-color: transparent;}

/* jot form header */

/*.jotform-heading-img {
    background-image: url(../images/locations/jotform-img.png);
    background-size: 100% 110px;
    background-repeat: no-repeat;
    border-radius: 21px 21px 0 0;
    padding: 20px 0 25px;
    text-align: center;
    height: 60px;
    background-color: #fff;
    background-position: top;
}*/

ul#main-nav li ul.submenu {
         background:#24242C;   
}
.hedlogo.mob{
    display:none;
}
section.terms-and-conditions{
    padding-top: 10px;
}
.terms-and-conditions ul{
    list-style-type: disc;
    padding-left: 20px;
}
@media(max-width:1440px){
    }
@media(max-width:1400px){
    /*.jotform-heading-img {
        position: absolute;
        left: 0;
        right: 0;
        top: 8px;
        background-size: 100% 76px;
        padding-top: 0;
        border-radius: 25px 25px 0 0;
        background-position: top;
        
    }*/
    .jotform-heading-img h2 { margin: 7px 0 0;  }

}
@media(max-width:1088px){
.jotform_box { position: relative;overflow: hidden; }
.frame-jotform { padding-top: 35px; }
.jotform-heading-img h2 { margin: 10px 5px; font-size: 35px; line-height: 40px; }

}
@media(max-width:980px){
.jotform_box { width: 85%; margin: 30px auto 20px;  }

.bannerForm .banner-slider { width: 100%; }
}
@media(max-width:615px){

.jotform-heading-img h2 { margin: 15px 5px; font-size: 28px; line-height: 35px; }
    .jotform_box { width: 100%; }
}
@media(max-width:522px){
.frame-jotform { padding-top: 35px; }
}
@media(max-width:412px){
    .jotform-heading-img h2 { margin: 12px 5px;}
}





@media screen and (min-width: 601px) and (max-width: 1024px) {.testimonial .star-with-logo {align-items: normal;}}


section.wetake_section h2.mb50.text-center {margin-bottom: 10px;}
section.wetake_section p {text-align: center;}
section.wetake_section p.mb30 {margin-bottom: 35px;}


/* award img */

 .footer-award-section .recog-img img {width: 105px; height: 105px; margin: 5px;}
 .recog-img {display: flex; justify-content: center;}
 @media screen and (min-width: 600px) and (max-width: 980px) {.footer-award-section {position: absolute; bottom: 135px; left: 3%;}
 }
@media(min-width:981px) {
    .footer-award-section {position: absolute; bottom: 80px; left: 45%;}
}

@media(max-width:476px){
.footer-award-section .recog-img img {width: 120px; height: 120px; margin-bottom: 10px;}
}


/*case-study*/
.single-banner.cs-web-banner.text-center .case-study-main-heading{position: absolute; top: 48%; left: 35%; transform: translate(-50px, -50px);}
.casestudies-about-banner, .single-banner {padding: 30px 0 50px;margin: 85px 0 0;}
.about-casestudy-bg {background-color: #22222A; border-radius: 10px; padding: 20px;}
/*whatsapp-icon*/
 
.seo-boxesw{ color: #fff;}

/*image background section*/
.image-background-wraper {background-color: #22222A; padding: 40px; border-radius: 10px;}


/*seo casestudy page*/
section.seo-boxesw .onpage { background-color: #22222A; border-radius: 10px; padding: 20px; border: 1px solid #fff; margin-right: 10px;}
section.seo-boxesw .offpage { background-color: #22222A; border-radius: 10px; padding: 20px; border: 1px solid #fff; margin-left: 10px;}



/*Sh 22 october 2024*/

/*3 dececmber 2024*/

@media screen and (min-width: 1201px) and (max-width: 1400px) {

/*#getstart .frame-jotform {
        padding-top: 110px;
}*/

}
}
/*.form-label:not(.form-label-top) {
    width: 156px;
}*/
@media (max-width:980px) {
.website-re-design-services .bannerForm .banner-slider {
    width: 60%;
}
.website-re-design-services .frame-jotform {
        padding-top: 0px;
    }
}
@media (max-width:979px) {
.shopify-experts .banner-section {
    margin: 0px;
}
.website-re-design-services .bannerForm .banner-slider {
        width: 90%;
}
.website-re-design-services .jotform-heading-img {
        margin-bottom: 0px !important;
    }

}
@media (max-width:800px) {
    
}
@media (max-width: 649px) {
.shopify-experts .banner-section {
    padding: 90px 0 0 !important;
}
.website-re-design-services .jotform_box {
    width: 100%;
}
.bannerForm .banner-content {
    margin-top: 0px;
}
    
}
@media screen and (max-width: 512px) {
   .website-re-design-services .bannerForm .banner-slider{
        width: 100%;
    }
}