*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-size: var(--base-font-size);
}

:root {
    --body-font-family: "Open Sans", sans-serif;
    --heading-font-family: "Open Sans", sans-serif;
    --color-body: #ffffffc2;
    --color--secondary: #333333;
    --base-font-size: 15px;
    --base-bg-color: #0e0e10;
}
:root {
    --rating-size: 5rem;
    --bar-size: 0.3rem;
    --background-color: #e7f2fa;
    --rating-color-default: #2980b9;
    --rating-color-background: #c7e1f3;
    --rating-color-good: #00cc66;
    --rating-color-meh: #f1c40f;
    --rating-color-bad: #e74c3c;
    --special--font: "Open Sans", sans-serif;
}
/* Global */
.section__wrapper {
    max-width: 1500px;
    margin: auto;
}
.btn:after, .btn__inverse {
    background-color: #f23640;
    border-radius: 5px;
    border: none;
}
.btn:after, .btn__inverse::after {
    position: absolute;
    height: 100%;
    z-index: -1;
    transition: transform 0.2s ease-in;
    width: 100%;
    left: 0;
    content: "";
    top: 0;
    transform: scaleX(0);
    transform-origin: right;
}
.btn, .btn__inverse {
    color: #fff;
    padding: 6px 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
}
.btn:after, .btn__inverse {
    background-color: #f23640;
    border-radius: 5px;
    border: none;
}
.btn {
    border-radius: 5px;
    background-color: #f23640;
}
a {
    color: #f03842;
    text-decoration: none;
    font-weight: 600;
} 
.before__after__section .heading h2 span, .coding__expert__wrapper .heading h2 span, .features__wrapper .heading h2 span, .heading h2 span, .review__section__wrapper .heading h2 span {
    color: #f23640;
}
.heading h2 {
    color: #333;
    font-size: 35px;
    text-align: center;
}
/* Header Css  start*/
.header__section{
    background-color: #fff;
}
.header__section {
    position: sticky;
    top: 0;
    z-index: 20;
}
.header__section, header.sticky {
    transition: 0.2s;
    width: 100%;
}
.header__section .section__wrapper {
    max-width: 100%;
}
.header__section .section__wrapper {
    transition: .2s;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
}
.navigation__wrapper ul, header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 50px;
}
header {
    max-width: 1500px;
    margin: auto;
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 #sticky-header header, header.sticky {
    position: static;
}
.logo__wrapper {
    width: 220px;
}
.menu__link, .unstyled__link {
    text-decoration: none;
}
.logo__wrapper .logo__image {
    object-fit: contain;
    max-width: 150px;
}
.logo__wrapper .logo__image {
    transition: 0.2s;
}
.logo__wrapper .logo__image {
    object-fit: contain;
    max-width: 150px;
    display: block;
    width: 100%;
}
.navigation__wrapper {display: flex;
    align-items: center;
    margin-right: 0;
    justify-content: flex-end;
    flex: 1 1 calc(100% - 220px);}
.navigation__wrapper  ul {column-gap: 40px;
    list-style: none;
    padding: 0;}
.menu__link.link__menu, .menu__link {font-weight: 600;
    font-size: 16px;
    color:#333;
    letter-spacing: 0.3px;}    
.other__menu__wrapper .btn {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.1px;
    font-weight: 600;
}
.navigation__wrapper .flex__col {
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.header-ch .other__menu__wrapper .flex__col a:first-child {
    background-color: #333;
    white-space: nowrap;
}
.header-ch .other__menu__wrapper .flex__col a:first-child::after, .new-blog .cat-links a {
    background-color: #f23640;
}
.header-ch .other__menu__wrapper .flex__col a:first-child::after, .new-blog .cat-links a {
    background-color: #f23640;
}
.btn:hover:after, .btn__inverse:hover::after {
    transform: scale(1);
    transform-origin: left;
}
#mobileNav {display: none;}

.header-ch .navigation__wrapper {
    margin-left: auto;
    margin-right: auto;
}
.navigation__wrapper, .navigation__wrapper ul li a {
    height: 50px;
    display: flex;
    align-items: center;
}
.header-ch .navigation__wrapper>ul {
    gap: 25px !important;
}
.navigation__wrapper ul, header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 50px;
}
.navigation__wrapper ul {
    padding: 0;
    list-style: none;
    justify-content: center;
    gap: 55px;
    margin-bottom: 0;
}
.dropdown__link, .megamenu__link {
    position: relative;
    z-index: 4;
}
#megaMenuOne, #megaMenuOne-new, #sticky-header header, .header-ch #dropdownMenuOne, header.sticky {
    position: static;
}
.navigation__wrapper ul li {
    cursor: pointer;
}
.menu__link, header {
    position: relative;
    transition: 0.2s;
}
.menu__link.faq_s, .menu__link {
    color: var(--color--secondary);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.1px;
    font-family: 'Gil', sans-serif !important;
}
span.menu__link.link__menu {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 50px;
}
span.menu__link.link__menu {
    padding: 0 0 23px 0;
    height: unset !important;
    margin-top: 23px;
}

.menu__link.link__menu>img {
    position: relative;
    top: 3px;
}
.menu__link.link__menu > img {
    transition: 250ms;
}
.menu__arrow {
    width: 15px;
}
.dropdown__link .dropdown, .megamenu__link .megamenu {
    top: 44px;
    position: absolute;
}
#megaMenuOne .megamenu.megamenu-new {
    max-width: 1500px;
    margin: auto;
    left: 0;
    right: 0;
}
.dropdown__link .dropdown, .megamenu__link .megamenu {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.header-ch #dropdownMenuOne .dropdown, .megamenu__link .megamenu {
    width: 100%;
    left: 0;
    top: 100%;
}
#megaMenuOne .megamenu.megamenu-new {
    padding: 0;
}
.megamenu__link .megamenu, .plan_new .new__design.card__blocks {
    padding-top: 0;
}
#megaMenuOne .megamenu, #megaMenuOne-new .megamenu, .header-ch #dropdownMenuOne .dropdown {
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    transform: rotateX(90deg);
    transition: .3s;
}
#megaMenuOne-new.anim-menu .megamenu, #megaMenuOne.anim-menu .megamenu, .header-ch #dropdownMenuOne.anim-menu .dropdown {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0);
}

.inner__wrapper__menu__grid {
    display: flex;
    flex-direction: row;
    padding: 0 35px;
    justify-content: center;
    gap: 120px;
}
.inner__wrapper__menu__grid {
    max-width: 1500px;
    margin: 0 auto;
    gap: 0;
}
.inner__wrapper__menu__grid {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 87px);
}
.inner__wrapper__menu__grid {
    max-width: 100%;
}
.menu__grid, .menu__grid ul {
    flex-direction: column;
    align-items: baseline;
}
.menu__grid {
    display: flex;
}
@media (min-width: 991px) {
    .menu__grid {  
        padding: 0 15px;
    }
}
.menu__grid:first-child {
    border: unset;
    width: 100%;
    margin: 10px 0;
}
.menu-list-wrap {
    display: flex;
    gap: 30px;
    align-items: start;
    justify-content: left;
    width: 100%;
}
.web-menu {
    width: 100%;
}
.navigation__wrapper ul {
    padding: 0;
    list-style: none;
    justify-content: center;
    gap: 55px;
    margin-bottom: 0;
}
.menu__grid ul {
    
    margin-top: 10px;
}
.menu__grid .new-menu-with-logo {
    gap: 0px;
    display: flex;
    flex-direction: inherit;
    align-items: self-end;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    row-gap: 30px;
}
@media (min-width: 1300px) {
    .menu__grid .new-menu-with-logo {
        row-gap: 10px !important;
    }
}
.menu__grid .new-menu-with-logo li {
    width: calc(20% - 8.5px);
}
.dropdown__link .dropdown ul li a, .menu__grid ul li a {
    height: auto !important;
}
.navigation__wrapper ul li a {
    gap: 8px;
}

.dropdown__link a, .megamenu__link .megamenu a {
    text-decoration: none;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    color: #333333!important;
}
.megamenu__link .megamenu a {
    font-size: 13px;
}
.menu__grid .new-menu-with-logo li a {
    border-radius: 12px;
    padding: 15px !important;
    display: flex;
    text-decoration: none !important;
    min-height: 90px;
}
.menu__grid .new-menu-with-logo li a:hover {
    background-color: #f2f2f2;
    background-image: linear-gradient(#fff, #fff);
    box-shadow: 8px 0 28px rgba(105, 104, 169, .16);
}
.menu__grid .new-menu-with-logo li .header-menu-media {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-menu-media .header-menu-icons {
    max-width: 50px;
    height: unset;
    object-fit: contain;
}
.menu__grid .new-menu-with-logo li a p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    width: calc(100% - 85px);
    font-family: 'Gil', sans-serif !important;
}
.case-study-menu {
    width: 40%;
}
.web-menu>span, .case-study-menu>span {
    color: #333;
    font-weight: 600;
    width: 100%;
    display: block;
    border-bottom: 1px solid #00000014;
    margin-bottom: 18px;
    padding-bottom: 10px;
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-family: 'Gil', sans-serif !important;
}
.navigation__wrapper ul {
    padding: 0;
    list-style: none;
    justify-content: center;
    gap: 55px;
    margin-bottom: 0;
}

ul.case-study-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (min-width: 1300px) {
    ul.case-study-wrap {
        margin-top: 35px !important;
    }
}
.navigation__wrapper ul li a {
    padding: 0px !important;
}
.megamenu__link .megamenu a {
    font-size: 13px;
}
ul.case-study-wrap li a>img {
    max-width: 180px;
    border-radius: 10px;
}
@media (min-width: 1300px) {
    ul.case-study-wrap li a>img {
        max-width: 150px;
    }
}
ul.case-study-wrap li a>div>p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'Gil', sans-serif !important;
}
ul.case-study-wrap li a>div>p+span {
    font-size: 14px;
    font-family: 'Gil', sans-serif !important;
}
.menu__grid-btn {
    border: unset;
    width: 100%;
    margin: 0px;
    background: #f2f2f2;
    padding: 15px 50px;
    border-top: 1px solid #00000000;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 35px;
}
.megamenu.megamenu-new .menu__grid-btn>a {
    background: transparent;
    height: unset !important;
    color: #333 !important;
    padding: 15px 18px !important;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms;
    text-decoration: none !important;
    display: flex;
}
.menu__grid-btn>a>img {
    max-width: 65px;
}
.menu__grid-btn>a>p {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    font-family: 'Gil', sans-serif !important;
}
.megamenu.megamenu-new .menu__grid-btn>a.img-btn > img {
    max-width: 100%;
}
.megamenu.megamenu-new .menu__grid-btn>a {
    background: transparent;
    height: unset !important;
    color: #333 !important;
    padding: 15px 18px !important;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms;
    text-decoration: none !important;
    display: flex;
}
.megamenu.megamenu-new .menu__grid-btn>a.img-btn {
    padding: 0px !important;
    width: 50%;
    display: flex;
    margin-left: auto;
    cursor: pointer;
}
.megamenu.megamenu-new .menu__grid-btn>a.img-btn {
    width: 39%;
}
@media (min-width: 1300px) {
    .megamenu.megamenu-new .menu__grid-btn>a.img-btn {
        width: 50%;
    }
}
.dropdown__link.rescr {
    position: relative ! Important;
}
.dropdown__link.rescr .dropdown {
    width: 340px ! Important;
    right: 0% !important;
    left: auto !important;
}

.dropdown__link.rescr .inner__wrapper__menu__grid {
    padding: 0;
    max-width: 100%;
}
.dropdown__link.rescr .web-menu {
    width: 100%;
}
.new-menu-with-logo {
    gap: 0px;
    display: flex;
    flex-direction: inherit;
    align-items: self-end;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    row-gap: 30px;
}
.dropdown__link.rescr .menu__grid .new-menu-with-logo li {
    width: 100%;
}

/* Responsvie of Header  */
@media screen and (max-width: 1200px) {
    #header .navigation__wrapper, #header .other__menu__wrapper, .banner-text .text__area.new .heading h1 br, .dropdown__menu__mobile .mobile__dropdown, .free__tag, .mobil__nav .close__icon {
        display: none;
    }
    body.menu__open {
        overflow: hidden;
    }
    .close__icon {
        width: 30px;
        height: 30px;
        background: 0 0;
        align-items: center;
        justify-content: center;
        gap: 5px;
        cursor: pointer;
    }
    header {padding: 0 20px;}
    .close__icon {display: flex;
        flex-direction: column;
        width: 30px;
        height: 30px;
        background: 0 0;
        align-items: center;
        justify-content: center;
        gap: 5px;
        cursor: pointer;
    }
   
    .close__icon.active > span:first-child {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
    }
    .close__icon.active > span:nth-child(2) {
        visibility: hidden;
        opacity: 0;
    }
    .close__icon.active > span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
    }
    .navigation__wrapper {display: none;} 
    .close__icon > span {
        width: 25px;
        display: block;
        height: 2px;
        background: #611d22;
        border-radius: 2px;
        transition: 0.2s;
    }
    #mobileNav {
        display: flex;
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: 0;
        background: #fff;
        transition: height 0.3s linear, top 0.5s, 0.3s;
        opacity: 0;
        padding: 15px 50px;
        z-index: -1;}
    #mobileNav.active {top: 100%;
        min-height: calc(100vh - 0px);
        opacity: 1;
        overflow-y: auto;}   
    #mobileNav ul {
        display: flex;
        flex-direction: column;}
    #mobileNav ul li, #mobileNav ul li a {
        display: flex;
        width: 100%;
        align-items: start;}         
    #mobileNav ul li {
      cursor: pointer;}         
      #mobileNav, .before__after__section, .include__wrapper, .loading-speed {
        overflow: hidden;
    }
    
    #mobileNav ul, .close__icon {
        display: flex;
        flex-direction: column;
    }
    #mobileNav {
        display: flex;
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: 0;
        background: #fff;
        transition: height 0.3s linear, top 0.5s, 0.3s;
        opacity: 0;
        padding: 15px 50px;
        z-index: -1;
    }
    #mobileNav {
        padding: 0;
    }

    #mobileNav.active {
        top: 100%;
        min-height: calc(100vh - 80px);
        opacity: 1;
        overflow-y: auto;
        background-color: #fff;
    }
    
    #mobileNav ul {
        list-style: none;
        padding: 0;
        gap: 0;
        width: 100%;
    }
    #mobileNav > ul {
        padding-top: 0px !important;
        padding-bottom: 100px !important;
    }
    
    .dropdown__menu__mobile {
        flex-direction: column;
        height: auto;
        align-items: baseline;
    }
    #mobileNav ul li span {
        display: flex;
        width: 100%;
        align-items: center;
        font-weight: 500;
    }
   
    #mobileNav :is(ul li a.menu__link,.menu__link,a:not(.btn)) {
        color: #000;
    }
    #mobileNav ul li span.menu__link {
        padding: 8px 2px;
        border-bottom: 1px solid #d2d2d263;
        justify-content: space-between;
    }
    #mobileNav ul li span.menu__link {
        margin-top: 0;
    }
    .menu__link.link__menu>img {
        position: relative;
        top: 0;
    }
    #header .navigation__wrapper, #header .other__menu__wrapper, .banner-text .text__area.new .heading h1 br, .dropdown__menu__mobile .mobile__dropdown, .free__tag, .mobil__nav .close__icon {
        display: none;
    }
    .mobile__dropdown.open {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-left: 0;
        width: 100%;
        margin-top: 0px;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid {
        height: 0;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid {
        padding-left: 5px;
    }
    .dropdown__menu__mobile .mobile__dropdown.open .menu__grid {
        height: 100%;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul {
        padding-left: 0 !important;
    }
    
    #mobileNav ul {
        list-style: none;
        padding: 0;
        gap: 0;
        width: 100%;
    }
   
    .menu__grid .new-menu-with-logo li a {
        min-height: 50px;
        align-items: center !important;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul li a {
        padding: 8px 6px;
        border-bottom: 1px solid #d2d2d263;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul.new-menu-with-logo li a {
        padding: 0px 0px 0px 15px !important;
    }
    .dropdown__menu__mobile.rescr .web-menu {
        width: 100%;
    }
    #mobileNav ul li a {
        height: 100%;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        font-family: var(--heading-font-family);
    }
    #mobileNav ul li a {
        grid-column-gap: 14px !important;
    }
    .menu__grid .new-menu-with-logo li .header-menu-media {
        width: 25px !important;
        height: 25px !important;
    }
    .header-menu-media .header-menu-icons {
        max-width: 100%;
        object-fit: contain !important;
    }
    .menu__grid .new-menu-with-logo li a p {
        font-size: 14px;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul {
        padding-left: 0 !important;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul.bg-cus-mob {
        background-color: #f2f2f2;
        position: relative;
    }
    
    #mobileNav ul {
        list-style: none;
        padding: 0;
        gap: 0;
        width: 100%;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul.bg-cus-mob:before {
        content: "";
        position: absolute;
        top: 0;
        left: -15px;
        width: calc(100% + 30px);
        height: 100%;
        background-color: #f2f2f2;
        z-index: -1;
        list-style: none;
    }

   
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul.bg-cus-mob li a {
        padding: 10px 12px !important;
        align-items: center !important;
        font-family: 'Gil', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    #mobileNav ul li a {
        grid-column-gap: 14px !important;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul.bg-cus-mob li a img{
        max-width: 35px;
        object-fit: contain !important;
        height: unset;
        
    }
    
    .dropdown__menu__mobile .mobile__dropdown .menu__grid ul {
        padding-left: 0 !important;
    }
   
    #mobileNav ul {
        list-style: none;
        padding: 0;
        gap: 0;
        width: 100%;
    }
   
    #mobileNav ul li a {
       font-weight: 500;
        font-family: var(--heading-font-family);
    }
    #mobileNav ul li a {
        grid-column-gap: 14px !important;
    }
    ul.case-study-wrap li a>div>p {
        font-size: 15px;
        line-height: 20px;
    }
    li.admin__btns.new-btns {
        margin-bottom: unset !important;
    }
    li.admin__btns.new-btns > span > b {
        color: #f23640;
        position: relative;
        top: 1px;
    }
    li.admin__btns.new-btns {
        flex-direction: column;
        gap: 0px;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
    }
   
    li.admin__btns.new-btns > span {
        color: #333 !important;
        justify-content: center;
        font-family: 'Gil' !important;
        gap: 6px;
    }
    #mobileNav ul li span {
        display: flex;
        width: 100%;
        align-items: center;
        height: 100%;
        color: #000;
        text-decoration: none;
        font-weight: 500;
        font-family: var(--heading-font-family);
    }
    #mobileNav ul li span {
        display: flex;
        width: 100%;
        align-items: center;
    }
    li.admin__btns.new-btns .app__logo__wrap {
        margin-top: 10px;
        width: fit-content;
        margin: 10px auto 0;
        flex-wrap: wrap;
    }
    .app__logo__wrap a {
        max-width: 110px;
    }
    li.admin__btns.new-btns .app__logo__wrap > a {
        align-items: center !important;
        justify-content: center;
        padding: 8px 14px;
    }
    
    #mobileNav ul li a {
        height: 100%;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        font-family: var(--heading-font-family);
    }   
    #mobileNav ul li a {
        grid-column-gap: 14px !important;
    }
    li.admin__btns.new-btns .app__logo__wrap > a > img {
        max-width: 80px;
    }
    .menu-mail-mob a {
        padding: 15px 20px;
        background: #f2f2f2;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position-y: center;
        background-position-x: 24px;
        margin-top: 14px;
        color: #333;
        font-family: 'Gil', sans-serif !important;
    }
   
    #mobileNav ul li a {
        height: 100%;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        font-family: var(--heading-font-family);
    }
    #mobileNav ul li a {
        grid-column-gap: 14px !important;
    }
    #mobileNav :is(ul li a.menu__link,.menu__link,a:not(.btn)) {
        color: #000;
    }
    #mobileNav ul li span {
        display: flex;
        width: 100%;
        align-items: center;
    }
    #mobileNav ul li a.menu__link {
        padding: 8px 2px;
        border-bottom: 1px solid #d2d2d263;
    }
}
@media screen and (max-width: 767px) {
    #mobileNav.active {
        top: 100%;
        min-height: 100vh;
        opacity: 1;
        overflow-x: hidden;
        background: #fff;
        overflow-y: scroll;
        padding: 0;
    }
    #mobileNav.active {
        height: 100vh;
        overflow: auto;
        top: 100%;
        min-height: calc(100vh - 80px);
        z-index: -5;
    }
    #mobileNav.active {
        background-color: #fff;
    }
    #mobileNav ul li span.menu__link {
        padding: 10px 15px;
    }
    #mobileNav ul li a.menu__link {
        padding: 10px 15px;
    }
    .dropdown__menu__mobile .mobile__dropdown .menu__grid {
        padding: 0 15px !important;
    }
    #mobileNav.active > ul {
        height: calc(100vh - 165px);
        overflow: auto;
    }
    
}
@media (max-width: 500px) {
    ul.case-study-wrap li a>img {
        max-width: 130px;
        border-radius: 10px;
    }
    #mobileNav ul li a {
        grid-column-gap: 14px !important;
    }
}
/* Header css end */

/* Performance Section css start */
.performance__section {
    background-image: none;
    background-color: #fff;
}
.performance__section {
    overflow: hidden;
    position: relative;
    /* min-height: calc(100vh - 70px); */
    display: flex;
}
.performance__section > .section__wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: center;
    width: 100%;
}
.performance__section .main__content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.performance__section .main__content {
    align-items: center;
    justify-content: space-between;
}
.performance__section .main__content {
    display: flex;
    flex-direction: row;
    gap: 0;
    position: relative;
    padding-left: 50px;
}
/* Text area */
.performance__section .main__content .text__area {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    /* min-height: calc(100vh - 120px); */
    justify-content: center;
}

.performance__section .main__content .text__area.new {
    gap: 30px;
    max-width: 768px;
}
.performance__section .main__content .text__area.new {
    gap: 20px;
}
.main__content .heading{
    text-align: start;
    padding-top: 20px;
}
.performance__section .main__content * {
    z-index: 1;
}
.performance__section .main__content .text__area.new .heading h1.speedy-main-heading {
    color: #333;
    font-size: 38px !important;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.performance__section.new.home-new.big-title .heading h2 {
    font-size: 36px;
    margin-left: 0px!important;
    color: #333;
    letter-spacing: -1px;
text-align: left;
}
.performance__section .main__content .text__area.new .desciption p {
    color: #333;
    font-size: 20px;
    line-height: 1.5
    ;
}
.performance__section .text__area.new .cta__wrapper {
    margin-top: 12px;
    flex-direction: row;
    gap: 12px;
    align-items: baseline;
    width: 100%;
    display: flex;
    justify-content: start;
}
.banner-text .text__area.new .cta__wrapper a.btn, .performance__section .main__content .text__area.new .cta__wrapper a.btn {
    width: 450px;
    height: 60px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-family: var(--heading-font-family);
    font-size: 18px;
    padding-right: 50px;
    transition: 250ms;
}
 .performance__section .main__content .text__area.new .cta__wrapper a.btn::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.63574 7.75737L7.04996 6.34315L12.7068 12L7.04998 17.6568L5.63577 16.2426L9.87839 12L5.63574 7.75737Z' fill='%23ffffff'/%3E%3Cpath d='M12.7068 6.34315L11.2926 7.75737L15.5352 12L11.2926 16.2426L12.7068 17.6568L18.3637 12L12.7068 6.34315Z' fill='%23ffffff'/%3E%3C/svg%3E");
    height: 100%;
    right: 30px;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 55%;
    transition: 250ms;
    position: absolute;
    background-size: 100%;
    width: 30px;
}
.performance__section .text__area.new .cta__wrapper>div:first-child span {
    font-size: 16px;
    margin-top: 10px !important;
    color: #000;
}
.banner-text .text__area.new .cta__wrapper span, .performance__section .text__area.new .cta__wrapper > div:first-child span {
    margin-top: 20px;
    display: block;
}
.rating__wrpper.home {
    margin-top: 15px;
}
.rating__wrpper .stars {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}
.performance__section.new .rating__wrpper.home .stars img {
    width: 120px;
}
.rating__wrpper .logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    margin: 8px 0;
}
.rating__wrpper .logos > a {
    display: flex;
}
.rating__wrpper .logos img {
    width: 118px;
    object-fit: contain;
}
.rating__wrpper .logos .source_graph {
    width: 150px;
}
.sourceforge {
    width: 170px;
}
.banner-text .text__area.new .cta__wrapper a.btn:hover, .performance__section .main__content .text__area.new .cta__wrapper a.btn:hover {
    padding-right: 0;
    color: #fff;
}
.banner-text .text__area.new .cta__wrapper a.btn:hover::before, .performance__section .main__content .text__area.new .cta__wrapper a.btn:hover::before {
    right: 15px;
}

/* Performance Section css end */


/* IMage with Text css start*/
.performance__section.home-new.wix.sec {
    background: #f6fbff;
}
.performance__section.home-new.wix.sec .section__wrapper {
    padding: 50px;
}
.performance__section.home-new.wix.sec h3 {
    text-align: center;
    margin: 15px 0px;
    font-size: 22px;
}
.performance__section.home-new.wix.sec span {
    color: #e74c3c;
}
.wix .main__content.wix_new {
    gap: 30px;
    padding: 80px 50px;
}
.performance__section.home-new.wix.sec .main__content.wix_new {
    padding-bottom: 0px !important;
    padding-top: 60px !important;
}
.performance__section.home-new.wix.sec .btn {
    margin: auto;
    max-width: 430px;
    width: 100%;
    margin-top: 50px;
    padding: 15px 0px;
    text-align: center;
}
/* .wix .main__content.wix_new .text__area.new .heading h2 {
    font-weight: 700;  
    font-size: 28px !important;
    margin-bottom: 10px;
    color: #f23640;

} */
.performance__section.wix.sec .main__content .text__area.new {
    width: 100%;
    gap: 30px;
    max-width: 50%;
}
.performance__section.wix.sec .media__area img {
    height: auto;
    width: 100%;
    max-width: 100% !important;
}
.performance__section.wix.sec .media__area {
    width: 50%;
    line-height: 0;
}

.wix .main__content.wix_new .text__area.new .heading h2 {
    font-size: 38px;
    color: #333;
    letter-spacing: -1px;
    text-align: left;
}

.main__content.wix_new .text__area ul li {
    color: #333;
    list-style-position: outside;
    line-height: 1.8;
    font-weight: 600;
    margin-left: 16px;
    font-size: 18px;
}
.it_img_wrap img {
    width: 100%;
}
.video-container, .video-container-speed {
    position: relative;
}

/* IMage with Text css end*/

/* Mutli section Zig Zag css start*/
.wrapper__video__zig__zag {
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden;
}
.main__content.wix_new {
    padding-bottom: 50px !important;
}
.wrapper__video__zig__zag .before_div {
    width: 1460px;
}
.after_div, .before_div {
    position: absolute;
    width: 1000px;
    height: 1000px;
    background: #f1363f;
    z-index: 1;
    rotate: 45deg;
    overflow: hidden;
    display: block;
}
.before_div {
    left: -60%;
    top: -20%;
}
@media (max-width: 1450px) {
    .before_div {
        left: -44%;
        top: -10%;
    }
    .wrapper__video__zig__zag .before_div {
        width: 900px;
    }
}


/* Video section css */
.video__section__wrapper.homepage.home-new {
    padding-top: 60px;
    padding-bottom: 30px;
}
.video__section__wrapper.homepage {
    position: relative;
    z-index: 2;
    padding: 100px 30px 50px;
}
.heading.text-cen-cus {
    max-width: 800px;
    margin: auto;
    text-align: center;
}
.Commission_structure .heading, .benifits__section .heading, .video__section__wrapper.homepage .heading, .video__section__wrapper.platform__page .heading {
    margin-bottom: 35px;
}
.load_pro, .video__section__wrapper .heading h2 {
    margin-bottom: 10px;
}
.heading.large__text h2, .heading.text-cen-cus h2 {
    font-size: 42px;
    color: #333;
    letter-spacing: -1px;
}
.video__section__wrapper .v_flex {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.video__section__wrapper.homepage.home-new .video-container{
    position: relative;
    display: flex;
    justify-content: center;
}
.video__section__wrapper.homepage.home-new .video-container img.thumbnail {
    width: 100%;
}
.video__section__wrapper a.btn {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 400px;
    padding: 10px 0px;
    margin-top: 40px;
}
 .video__section__wrapper .v_flex .video-container {
    width: 50%;
    position: relative;
}
.video-container.video-loaded, .video-container-speed.video-loaded {
    aspect-ratio: 16 / 9;
}
.video__section__wrapper iframe {
    min-height: 356px;
}
.video__section__wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}
@media (min-width: 1300px) {
    .video__section__wrapper.homepage.home-new .video-container {
        width: 95% !important;
        margin: auto;
    }
    .video__section__wrapper.homepage.home-new .video-container {
        width: 85% !important;
    }
    .new_cwv .video__section__wrapper .v_flex .heading, .stepper, .video__section__wrapper .v_flex .video-container {
    width: 50%;
}
}
.play-button, .play-button-speed {
    position: absolute;
    cursor: pointer;
    background: #f75;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
}

/* Zig zag section */
.zig__zag__section {
    background: #f2f2f2 !important;
}
.zig__zag__section {
    position: relative;
    z-index: 2;
}
.speed__optimization__page .loading-speed .cmn-pdd, .speed__optimization__page .user-experience .cmn-pdd, .zig__zag__section .top__flex {
    padding: 50px 100px;
}
.zig__zag__section .bottom__flex, .zig__zag__section .top__flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    width: 100%;
}
.zig__zag__section .bottom__flex .img__area, .zig__zag__section .top__flex .img__area {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.zig__zag__section .bottom__flex .img__area img, .zig__zag__section .top__flex .img__area img {
    width: 100%;
    max-width: 500px;
    position: relative;
}
.new_cwv .cmn-grid-content .heading h2, .speed__optimization__page .cmn-grid-content .heading h2, .zig__zag__section .text__area h2 {
    line-height: 1.1;
}
.zig__zag__section .text__area h2 {
    font-size: 40px;
    color: #333;
}
 .zig__zag__section .text__area h2 span{
    color: #f23640;
}
.zig__zag__section .text__area p.subtext {
    margin: 15px 0;
}
.zig__zag__section .text__area .sub__heads {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.zig__zag__section .text__area .sub__heads .sub__head {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.zig__zag__section .text__area .sub__heads .sub__head img.icon {
    position: relative;
    top: -4px;
    width: fit-content;
}
.zig__zag__section .text__area .sub__heads .sub__head .h4 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}
.zig__zag__section .text__area .sub__heads .sub__head p {
    margin: 0;
}
 .zig__zag__section .text__area p{
    font-size: 14px !important;
    letter-spacing: 0.2px;
    line-height: 1.5;
    color: rgba(51, 51, 51, 0.9);
    text-align: left;
}

.zig__zag__section .bottom__flex {
    padding: 0 100px 50px;
}


/* Mutli section Zig Zag css end*/


 /* User speed analysis Css start */
 .moniter__section.home-new{
    background: #fff;
}
.moniter__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 50px 50px 60px;
}
.moniter__wrapper .heading {
    width: 100%;
    text-align: center;
}
.moniter__wrapper .main__contant {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 35px;
    margin-top: 35px;
}
.moniter__section.home-new .card__tools {
    margin-right: 13px;
    margin-bottom: 13px;
}
.card__tools .logo__tools {
    min-height: 70px;
    text-align: center;
}
.card__tools.page__insight, .card__tools.pingdom {
    gap: 0;
}
.card__tools {
    background: #f2f2f2;
    color: #333;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: rgb(242 54 64) 8px 7px 0 -1px, rgb(242 54 64 / 65%) 13px 14px 0 -1px;
}

.page__insight .logo__tools {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.page__insight .logo__tools img {
    width: 30px;
    position: relative;
    top: 1px;
}

.card__tools.page__insight .speed__results {
    margin-top: 24px;
}

/* page insight */
.page__insight .speed__results, .page__insight .speed__results .icon__device, .speed__results .desktop, .speed__results .mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}
.la-mobile:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 18.01V18M8 3H16C17.1046 3 18 3.89543 18 5V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V5C6 3.89543 6.89543 3 8 3Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 100%;
}
i.las.la-laptop::before {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 490 490' xml:space='preserve'%3E%3Cpath d='M451.719 366.941V101.285c0-14.807-12.02-26.858-26.797-26.858H65.078c-14.777 0-26.797 12.051-26.797 26.858v265.657H0 v16.216l24.5 32.417h441l24.5-32.417v-16.216H451.719z M68.906 105.036h352.187v261.905H68.906V105.036z'/%3E%3C/svg%3E");
    width: 100%;
}
.la-mobile:before, i.las.la-laptop::before {
    top: 0;
    height: 100%;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    content: "";
}
.page__insight .speed__results .icon__device {
    gap: 8px;
    margin-bottom: 5px;
}
.page__insight .speed__results i {
    font-size: 35px;
}
i.las.la-laptop, i.las.la-mobile {
    width: 30px;
    height: 30px;
    position: relative;
}
.speed__results .desktop, .speed__results .mobile {
    width: 140px;
    flex-direction: column;
    gap: 15px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
    padding: 20px 5px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.rating {
    margin: auto;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    background: var(--rating-color-default);
    color: var(--rating-color-default);
    width: var(--rating-size);
    height: var(--rating-size);
    font-size: calc(var(--rating-size) / 3);
    line-height: 1;
}
.rating, .rating span {
    position: relative;
    display: flex;
}
.rating::before {
    content: "";
    box-shadow: 0 0 0 1rem var(--rating-color-background);
    z-index: -1;
}
.icon__card .icon svg, .speed__results .rating {
    width: 50px;
    height: 50px;
}
.rating::after, .rating::before {
    position: absolute;
    top: var(--bar-size);
    right: var(--bar-size);
    bottom: var(--bar-size);
    left: var(--bar-size);
    border-radius: inherit;
}
.speed__results .rating > span {
    font-size: 20px;
    color: #0c6;
    z-index: 12;
}
.color__fa3, .moniter__section.home-new .speed__results .mobile .rating span {
    color: #fa3;
}
.rating::after {
    content: "";
    background: var(--background-color);
    z-index: 1;
}
.speed__results span.text__p {
    font-size: 12px !important;
    text-align: center;
}
.card__tools.page__insight .passed__text {
    margin: 15px 0 10px;
}
.passed__text {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.passed__text > img {
    width: 35px;
}
.passed__text > span {
    color: #000;
    font-weight: 600;
}
.vitals__data .d-grid-two {
    font-size: 14px;
    gap: 5px;
}
.vitals__data .d-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.vitals__data .d-grid-two > div {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
span.circle, span.square {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-square' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='rgb(255 170 51)' d='M0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96z'%3E%3C/path%3E%3C/svg%3E");
}
span.circle {
    background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-circle' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' data-fa-i2svg=''%3E%3Cpath fill='rgb(0 204 102)' d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z'%3E%3C/path%3E%3C/svg%3E");
}

span.circle, span.square, span.triange {
    background-size: contain !important;
}
span.circle, span.square, span.triange {
    background-repeat: no-repeat;
}
.moniter__section span.circle {
    width: 12px;
    height: 12px;
}
.vitals__data .d-grid-two > div > span {
    position: relative;
    top: 4px;
}
.moniter__wrapper .title, .vitals__data .d-grid-two > div .content .data {
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}
.vitals__data .d-grid-two > div .content .data {
    color: #6a6a6a;
}

/* Gt matrix  */
.gt__matrix .logo__tools img, .pingdom .logo__tools img {
    width: 200px;
}
.speed__results .title {
    color: #3c9adc;
    display: block;
    margin-top: 5px;
}
.matrix__result {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border: 4px solid #e0e0e0;
    background: linear-gradient(#fff, #f3f3f3);
}
.matrix__result .result {
    padding: 15px 12px;
    border-left: 1px solid #e0e0e0;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
}
.matrix__result .result.grade {
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(334deg, #6bc278 20%, #27ab49 42%, #afd9a7 70%);
    font-size: 65px;
    align-items: center;
    font-family: var(--heading-font-family);
    font-weight: 700;
}
.matrix__result .result {
    padding: 15px 12px;
    border-left: 1px solid #e0e0e0;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
}
.matrix__result .result .text{
    font-family: var(--heading-font-family);
    font-weight: 600;
    
}
.matrix__result .result .pecent, .pingdom .speed__results .result .data span, .pingdom .speed__results .result .data span:nth-child(2) {
    font-size: 35px;
    font-family: var(--heading-font-family);
}
.matrix__result .result:nth-child(2) .pecent, .matrix__result .result:nth-child(3) .pecent, .speed__results .matrix__result:last-child .result:first-child .pecent {
    color: #23ab11;
}
.speed__results .title:nth-last-child(2) {
    margin: 40px 0 5px;
}
.page__insight .speed__results span, .speed__results .title, .text__result {
    font-size: 18px;
    font-weight: 700;
}

/* Pingdom */
.text__result {
    margin-top: auto;
}
.speed__results .title, .text__result {
    margin-bottom: 5px;
}
.pingdom .speed__results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px;
}
.pingdom .speed__results .result {
    border: 1px solid #dcdcdc;
    flex-direction: column;
    gap: 25px;
    padding: 13px 0;
    min-height: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .pingdom .speed__results .result, .pingdom .speed__results .result .data {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pingdom .speed__results .result .data .btn__style {
    background: linear-gradient(334deg, #6bc278 0, #27ab49 98%, #afd9a7 59%);
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 26px;
}
.icon__card .icon__text p, .matrix__result .result .text, .other__menu__wrapper .btn, .page__insight .speed__results span.text__p, .passed__text > span, .pingdom .speed__results .result .text, .plan__card .top__area h4, .vitals__data .d-grid-two {
    font-family: var(--heading-font-family);
    font-weight: 600;
}
 /* User speed analysis Css end */

/* Review Section css start*/
.testimonial-reviews-wrapper {
    padding: 10px 0 50px;
    background-color: #fff;
}
.reviews-item {
    margin: 5px;
    scale: .9;
    transition: .6s;
    -webkit-transition: .6s;
}
 .reviews-inside-box {
    position: relative;
}
.customerImage, .top-wrap a, img.branding-img {
    display: inline-block;
}
.customerImage {
    position: relative;
    left: 50%;
    right: 0;
    translate: -50% 0;
    overflow: hidden;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.customerImage img{
    width: 100px;
    height: 100px;
}
.customerData {
    box-shadow: 0 0 2px 1px #00000029;
    padding: 60px 30px 30px;
    border-radius: 5px;
    margin-top: -50px;
    background-color: #fff;
    margin-bottom: 20px;
    text-align: center;
}
.review-text .hidden {
    display: none;
}
.customerData p {
    margin-top: 5px;
    line-height: 1.6;
}
img.branding-img {
    max-width: 140px;
    margin: auto;
    margin-top: 20px;
}
.testimonial-reviews-slider {
    color: #333;
    padding: 50px 0 0;
    margin: 0 50px;
}
/* extra css of review when you put the slider so comment this css */
/* @media  (min-width:1024px){

.testimonial-reviews-slider {
    display: flex;
    align-items: center;
}
.reviews-item {
    width: 33.333%;
}
.reviews-item:nth-child(2) .reviews-inside-box:before {
    content: '';
    position: absolute;
    background-image: linear-gradient(110deg, #fff8f9 0, #f23640 100%);
    transition: .5s;
    opacity: 0;
    top: 100px;
    left: 0;
    right: 0;
    border-radius: 50%;
    width: 310px;
    height: 310px;
    margin: auto;
    z-index: -1;
}
.reviews-item:nth-child(2) .reviews-inside-box:before {
    top: -10px;
    opacity: 1;
    z-index: -1;
}
} */
/* extra css of review when you put the slider so comment this css */
.testimonial-reviews-slider .slick-list {
    overflow: hidden;
    padding: 0 !important;
    margin: 0 60px !important;
}
.reviews-inside-box:before {
    content: '';
    position: absolute;
    background-image: linear-gradient(110deg, #fff8f9 0, #f23640 100%);
    transition: .5s;
    opacity: 0;
    top: 100px;
    left: 0;
    right: 0;
    border-radius: 50%;
    width: 310px;
    height: 310px;
    margin: auto;
    z-index: -1;
}
.reviews-item.slick-current .reviews-inside-box:before {
    top: -10px;
    opacity: 1;
    z-index: -1;
}
.reviews-item.slick-current .customerData {
    box-shadow: 1px 9px 20px 5px #00000029;
    min-height: 350px;
}
.branding-img-text {
    font-size: 20px;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow {
    padding: 5px !important;
    font-size: 20px !important;
    border-color: #d3d3d3 !important;
    color: transparent !important;
    transition: 250ms;
    height: 34px;
    width: 34px;
    border-radius: 4px;
    background: 0 0;
    border: 2px solid;
    cursor: pointer;
}
.testimonial-reviews-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 70px !important;
    z-index: 2;
    background-color: #f23640!important;
    border-color: #f23640 !important;
}
.client-case-slider-wrap .slick-next, .testimonial-reviews-slider .slick-next {
    right: 70px !important;
    left: auto !important;
}
.slick-next.slick-arrow::before, .slick-prev.slick-arrow::before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: #d3d3d3 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L14.7874 12.2126V12.2126C14.9048 12.0952 14.9048 11.9048 14.7874 11.7874V11.7874L9 6' stroke='%23d3d3d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    top: 0;
    left: 0;
    position: absolute;
    height: 30px;
    width: 30px;
    display: block;
    transition: 250ms;
    content: "";
    background-size: 85%;
    background-position: center;
}
.main__heading__subtext::before, .menu__link.link__menu.rotate > img, .slick-prev.slick-arrow::before {
    rotate: 180deg;
}
.testimonial-reviews-wrapper .blog_features-btn-wrap {
    display: flex;
    justify-content: center;
}
.blog_features-btn-wrap a.btn {
    max-width: 360px;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}


/* Review Section css end*/

/* Faq Section css start */
.faq__review {
    background-color: #f2f2f2;
}

.faq__review .section__wrapper{
    position: relative;
}

.faq__inner__wrapper {
    background: #f7f7f7;
    padding: 50px 50px 60px;
}
.faq__inner__wrapper .heading {
    text-align: center;
    margin-bottom: 50px;
}
.faqs__main {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: baseline;
}
.faqs__main .faq__wrapper {
    background: #333;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    width: calc(50% - 10px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent !important;
}

.faqs__main .faq__wrapper .que {
    font-weight: 700 !important;
    background-color: #e8edf5 !important;
    color: #000 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    position: relative;
    padding: 20px;
    padding-right: 40px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
}
.faqs__main .faq__wrapper .que::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' viewBox='0 0 330 330' xml:space='preserve' style=' fill: %23000000;'>%3Cpath id='XMLID_225_' d='M325.607 79.393c-5.857-5.857-15.355-5.858-21.213 0.001l-139.39 139.393L25.607 79.393 c-5.857-5.857-15.355-5.858-21.213 0.001c-5.858 5.858-5.858 15.355 0 21.213l150.004 150c2.813 2.813 6.628 4.393 10.606 4.393 s7.794-1.581 10.606-4.394l149.996-150C331.465 94.749 331.465 85.251 325.607 79.393z'/%3E%3C/svg%3E") !important;
    background-size: contain;
    width: 12px;
    position: absolute;
    height: 14px;
    right: 14px;
    top: 18px;
    background-repeat: no-repeat;
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0);
    font-size: 16px;
    transition: 0.1s;
}
.faqs__main .faq__wrapper .ans {
    background: #e8edf5;
    color: #000;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 150ms;
    opacity: 0;
}
.faqs__main .faq__wrapper .ans.open {
    grid-template-rows: 1fr;
    margin: 5px 0 0;
    opacity: 1;
    padding: 15px;
    background-color: #f2f2f2;
    color: #333;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; */
    background: #e8edf5!important;
    color: #000 !important;
    border-top: 0;
}
.faqs__main .faq__wrapper .ans p {
    line-height: 1.4;
    overflow: hidden;
    font-size: 15px;
    font-family: var(--heading-font-family);
}


/* Faq Section css end */

/* Footer */
footer {
    background: #e9e9e9;
}

.footer__wrapper {
    position: relative;
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(12, 1fr);
    padding: 50px 30px;
    font-size: 14px;
    font-weight: 500;
}
.field__wrapper.full__width, .footer__wrapper .f-grid:first-child {
    grid-column: 1 / 3;
}
.f-grid.about .logo {
    width: 225px;
    margin-bottom: 20px;
}
.f-grid.about .logo img, .logo__container .logo img {
    max-width: 100%;
}
.f-grid.about .about___us {
    margin-top: 10px;
    width: calc(100% + 60px);
}
.f-grid.about .about___us .address p, .f-grid.about .about___us .address p {
    opacity: .7;
    font-weight: 600;
}
.f-grid.about .about___us a {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.footer__wrapper .f-grid:nth-child(2) {
    grid-column: 5 / 7;
}
.footer__wrapper .f-grid:nth-child(3) {
    grid-column: 7 / 9;
}
.footer__sec__heading {
    margin-bottom: 20px;
}
.footer__sec__heading h2 {
    font-size: 16px;
    color: #000;
    letter-spacing: .4px;
}
.f-grid ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.f-grid a {
    font-weight: 500;
    opacity: 0.7;
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    transition: 0.2s;
}
div#footAppSec {
    grid-column: 9 / 14;
    scroll-margin-top: 100px;
}
div#footAppSec .heading h2 {
    font-size: 20px;
}
.apps__section .heading p {
    width: fit-content;
    margin: 4px auto 0;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
}
.app__logo__wrap {
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
    margin-right: auto;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.app__logo__wrap a {
    width: 33%;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    scale: 1;
    transition: scale .3s ease-out;
    border-radius: 4px;
}
.app__logo__wrap a img {
    max-width: 70%;
}
.app__logo__wrap a:hover {
    scale: 1.04;
    z-index: 1;
}
.apps__section {
    background: #e9e9e9;
    padding: 0px 0;
}
.footer__bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #33333391;
    margin: auto;
    padding: 15px 50px;
    width: 92%;
}
.social__links {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.social__links a {
    font-size: 16px;
    text-decoration: none;
}
.social__links a {
    font-size: 16px;
    text-decoration: none;
}
.facebook__link {
    background-image: url("https://websitespeedycdn.b-cdn.net/speedyweb/images/facebook__icon.png");
}
.insta__link {
    background-image: url("https://websitespeedycdn.b-cdn.net/speedyweb/images/instagram__icon.png");
}
.linkedin__link {
    background-image: url("https://websitespeedycdn.b-cdn.net/speedyweb/images/linkedin__icon.png");
}
.youtube__link {
    width: 24px;
    height: 24px;
    background-image: url(//websitespeedycdn.b-cdn.net/speedyweb/images/youtube__icon.png);
}
.twitter__link, .youtube__link {
    width: 20px !important;
    height: 20px !important;
}
.facebook__link, .insta__link, .linkedin__link {
    width: 20px;
    height: 20px;
}
.facebook__link, .insta__link, .linkedin__link, .youtube__link {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.twitter__link {
    background-image: url("https://websitespeedycdn.b-cdn.net/speedyweb/images/x-twitter-logo.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
}
.copyright {
    font-size: 14px;
    font-weight: 500;
}
.footer__bottom .copyright a{
    color: #333;
}
/* Media Query */
@media screen and (max-width: 1400px) {
    /* Performance section css */
    .performance__section .main__content .media__area {
        width: 600px;
    }
}
@media (min-width: 768px) and (max-width: 1100px) {
    .moniter__wrapper .main__contant {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 1100px) {
    .wrapper__video__zig__zag .before_div {
        width: 600px;
    }
    .before_div {
        left: -54%;
    }
}
@media (max-width: 1200px) {
    .rating__wrpper .logos {
        flex-wrap: wrap;
    }
}


  
@media screen and (max-width: 767px) {
    /* Header */
    header {
        padding: 10px 15px;
    }
}


@media (min-width: 990px) {
/* Performance section css */
    .performance__section .main__content .fit__content__img {
        max-width: 90% !important;
        height: auto;
        width: 100%;
    }
}

@media (min-width: 767px) {
/* ZIg zag section css start */
    /* Video Section */
    .video__section__wrapper.homepage.home-new .video-container {
        width: 85% !important;
        margin: auto;
    }
  
    /* Zig zag section css end */
}
@media screen and (max-width: 991px) {

    /* Main banner */
    .performance__section .main__content {
        padding: 0;
        width: 100%;
        flex-direction: column;
        gap: 45px;
    }
    
    .banner-text .text__area.new, .performance__section .main__content .text__area.new {
        padding: 50px 50px 15px;
        width: 100%;
    }
    .performance__section .main__content .text__area {
        margin: auto;
        min-height: auto;
    }
    .performance__section .main__content .media__area {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        padding: 0 50px 50px;
    }
    .performance__section .main__content .fit__content__img {
        max-width: 100% !important;
        /* width: 100%; */
        display: block; margin: 0 auto;
    }
    video {
        height: 100%;
        cursor: pointer;
    }
    .before_div {
       display: none;
    }

    /* Image with text */
    .performance__section.home-new.wix.sec .main__content.wix_new {
        flex-direction: column-reverse;
        gap: 0;
    }

    .performance__section.wix.sec .media__area {padding: 0 0 30px 0;
        max-width: 100%;
        width: 100%;
    }

    .performance__section.wix.sec .main__content .text__area.new {max-width: 100%;
        width: 100%;
       padding-top: 0;
    }

    /* Zig zag section css start */
    /* video section */
    .video__section__wrapper.homepage.home-new .video-container {
        width: 100% !important;
        margin: auto;
    }
    .video__section__wrapper.homepage.home-new .video-container img.thumbnail {
        width: 100%;
    }

    /* Image with text */
    .zig__zag__section .bottom__flex, .zig__zag__section .top__flex {
        grid-template-columns: 1fr;
    }
    .zig__zag__section .bottom__flex .text__area {
        order: 2;
    }
    /* Zig zag section css end */

    /* Card tools */
   
    .moniter__wrapper .main__contant {
        grid-template-columns: 50% 50%;
    }
    /* Faq section */
    .faqs__main .faq__wrapper {
        width: 100%;
    }

    /* Footer */
    div#footAppSec {
        grid-column: 1 / 14;
    }
    .field__wrapper.full__width, .footer__wrapper .f-grid:first-child {
        grid-column: 1 / 5;
    }
    .footer__wrapper .f-grid:nth-child(2) {
        grid-column: 7 / 10;
    }
    .footer__wrapper .f-grid:nth-child(3) {
        grid-column: 10 / 14;
    }
    .footer__wrapper {
        row-gap: 60px;
    }
        .app__logo__wrap a {
        height: 80px;
        width: 20%;
    }
}

@media  (max-width: 767px) {

/* Banner section css start*/
.banner-text .text__area.new, .performance__section .main__content .text__area.new {
    padding: 30px 15px;
}
.performance__section .main__content .text__area.new .heading h1.speedy-main-heading {
    font-size: 40px !important;
}
.performance__section.new.home-new.big-title .heading h2 {
    font-size: 36px;
}
.performance__section .main__content {
    gap: 0px;
}
.performance__section .main__content .text__area.new .cta__wrapper a.btn {height: 50px;}
/* Banner section css end*/



/* Image with text css start */
.performance__section.home-new.wix.sec .section__wrapper {
    padding: 50px 15px;
}
.performance__section.home-new.wix.sec .main__content.wix_new {padding-top: 35px !important;}
/* Image with text css end */



    /* zig zag section css start */

    .zig__zag__section .bottom__flex {
        padding: 0 15px 50px;
    }
      .zig__zag__section .bottom__flex .img__area img, .zig__zag__section .top__flex .img__area img {
            max-width: 100%;
    
        }
        .speed__optimization__page .loading-speed .cmn-pdd, .speed__optimization__page .user-experience .cmn-pdd, .zig__zag__section .top__flex {
        padding: 50px 15px;
    }
     .performance__section.wix.sec .main__content .text__area.new {
           padding: 0;
        }
    .performance__section.home-new.wix.sec .btn {margin-top: 20px;}     
      .wix .main__content.wix_new {
            padding: 0px;
        }
        .video__section__wrapper.homepage.home-new {padding-left: 15px; 
            padding-right: 15px;}

        .video__section__wrapper a.btn {margin-top: 30px;
            padding: 15px 0;}
        /* Zig zag section css end */

        /* Card tools css start */
        .moniter__wrapper {
          
            padding: 50px 15px 60px;
        }
        .moniter__wrapper .main__contant {
            grid-template-columns: 1fr;
        }
        /* Card tools css end */


        /* Testimonial css start */
        .testimonial-reviews-wrapper {
            padding: 10px 15px 50px;
        }
        .blog_features-btn-wrap a.btn {padding: 15px 0px;}
        /* Testimonial css end */

        /* Faq css start */
        .faq__inner__wrapper .heading {margin-bottom: 35px;}
        .faq__inner__wrapper {
            background: #f7f7f7;
            padding: 50px 15px;
        }
        /* Faq css end */

        .performance__section .main__content .fit__content__img {

            height: auto;
        }
}

@media (max-width: 545px){
    .heading h2 {
        color: #333;
        font-size: 26px;
        text-align: center;
    }
    /* Banner section css start */
    .performance__section .main__content .text__area.new .heading h1.speedy-main-heading {
        font-size: 24px !important;
    }
    .performance__section.new.home-new.big-title .heading h2 {
        font-size: 22px;
    }
    .performance__section .main__content .text__area.new .desciption p {
      
        font-size: 16px;
    }
    .banner-text .text__area.new .cta__wrapper a.btn {
        width: 300px; 
        font-size: 16px;
    }
    .performance__section .main__content .text__area.new .cta__wrapper a.btn {width: auto;
        max-width: 100%;; 
        font-size: 16px;}   
    .performance__section .main__content .text__area.new .cta__wrapper a.btn::before {right: 10px;}    
        

    /* Banner section css end */

    /* Image with text css start */
    .performance__section.home-new.wix.sec h3 {
        font-size: 18px;
    }
    .main__content.wix_new .text__area ul li {
        font-size: 16px;
    }
    /* Image with text css end */

    /* Zig zag section css start */
    
    /* video section */
    .heading.large__text h2, .heading.text-cen-cus h2 {
        font-size: 26px;
    }
    .video__section__wrapper iframe {
        min-height: 205px;
    }

    /* image with text  */
    .zig__zag__section .text__area h2 {
        font-size: 26px;
    }
    

    /* Zig zag section css end */

    /* Card tools css start */
    .moniter__wrapper .main__contant {
        grid-template-columns: 100%;
    }
    .page__insight .speed__results {
        gap: 15px;
    }
    .matrix__result .result.grade {
        font-size: 45px;
    }
    .matrix__result .result .pecent, .pingdom .speed__results .result .data span, .pingdom .speed__results .result .data span:nth-child(2) {
        font-size: 25px;
        font-family: var(--heading-font-family);
    }

    /* Card tools css end */

    /* Review section Css start */
    .testimonial-reviews-slider {
        margin: 0;
    }
    .testimonial-reviews-slider .slick-list {
        overflow: hidden;
        padding: 0 !important;
        margin: 0 0px !important;
    }
    .client-case-slider-wrap .slick-next, .testimonial-reviews-slider .slick-next {
        right: 0px !important;
        left: auto !important;
    }
    .testimonial-reviews-slider .slick-prev.slick-arrow {
        left: 0px !important;
    }
    /* Review section Css end */

    /* Faq css start */
    .faqs__main .faq__wrapper .que {      
        font-size: 16px;
    }
    /* Faq css end */

    /* Footer css  start */
    .footer__wrapper {padding-left: 15px;
        padding-right: 15px;
        align-items: center;
        text-align: center;
        grid-template-columns: 1fr;
    }
    .field__wrapper.full__width, .footer__wrapper .f-grid:first-child {
        grid-column: 1;
    }
    .footer__wrapper .f-grid:nth-child(2) {
        grid-column: 1
    }
    .footer__wrapper .f-grid:nth-child(3) {
        grid-column: 1;
    }
    .f-grid.about .about___us {
        margin-top: 10px;
        width: 100%;
    }
    .f-grid.about .logo {
        width: 225px;
        margin: auto;
        margin-bottom: 20px;
    }
    .f-grid.about .about___us a {
        justify-content: center;
    }
    .app__logo__wrap a {
        height: 50px;
        width: 30%;
    }
    .footer__bottom {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        align-items: center;
    }
    /* Footer css  end */
}

@media  (max-width:390px){
    .performance__section .main__content .text__area.new .heading h1.speedy-main-heading {
        font-size: 30px !important;
    }
    
        .performance__section.new.home-new.big-title .heading h2 {
            font-size: 22px;
        }
        .performance__section .main__content .text__area.new .desciption p {
         font-size: 16px;
        }
        .performance__section .main__content .text__area.new .cta__wrapper a.btn {
            font-size: 14px;
        }
        .performance__section .text__area.new .cta__wrapper>div:first-child span {
            font-size: 14px;
        }
        .rating__wrpper .stars {
            flex-direction: column;
            align-items: flex-start;
        }
        .rating__wrpper .logos img {
            width: 110px;
        }

        .heading h2 {
            font-size: 22px;
            text-align: center;
        }

        .heading.large__text h2, .heading.text-cen-cus h2 {
            font-size: 22px;
        }
        .zig__zag__section .text__area h2 {
            font-size: 22px;
        }
        .card__tools.page__insight .speed__results > div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .page__insight .speed__results, .page__insight .speed__results .icon__device, .speed__results .desktop, .speed__results .mobile {
    
            /* flex-direction: column; */
            gap: 15px;
        }
        .speed__results .desktop, .speed__results .mobile {
            width: 90px;

        }
        .speed__results .icon__device {
            flex-direction: column;
        }
        .vitals__data .d-grid-two {
            display: grid;
            grid-template-columns: 1fr;
        }   
        .matrix__result .result.grade {
            font-size: 25px;
        }
        .matrix__result .result .pecent, .pingdom .speed__results .result .data span, .pingdom .speed__results .result .data span:nth-child(2) {
            font-size: 15px;
        }
        .matrix__result .result .text {
            font-size: 10px!important;
        }
    
    .pingdom .speed__results .result .data .btn__style { 
        width: 30px;
        height: 30px;
        font-size: 22px;
    }
    .pingdom .speed__results .result { 
        padding: 13px 5px;

    } .pingdom .speed__results .result .data {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .reviews-inside-box:before {
        width: 240px;
    }
    .faqs__main .faq__wrapper .que {
        font-size: 14px;
    }
    .app__logo__wrap a {
        height: 70px;
        width: 40%;
    }
}


#why_speed{

  scroll-margin-top: 100px;
}