@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.btn.focus,.btn:focus,button:focus {
    outline: 0;
    box-shadow: none
}

.defult-btn,.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--button-color)
}

.main-banner,.our-experince .portfolio-box a,body.offcanvas-active {
    overflow: hidden
}

@font-face {
    font-family: Nexa-ExtraLight;
    font-family: Nexa-Heavy;
    src: url(../Nexa-ExtraLight.html);
    src: url(../Nexa-Heavy.html)
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    font-family: Inter,sans-serif;
    overscroll-behavior: none
}

:root {
    --button-color: #a20011;
    --button-color2: #002768;
    --black-color: #000;
    --white-color: #fff;
    --fontsize78: 4.875rem;
    --fontsize64: 4rem;
    --fontsize50: 3.125rem;
    --fontsize32: 2rem;
    --fontsize18: 1.125rem
}

.compensate-for-scrollbar {
    margin-right: 0!important
}

.fancybox-slide--image {
    padding: 0!important
}

:is(ul,li) {
    padding: 0;
    margin: 0;
    list-style: none
}

.section-heading h3 {
    font-size: var(--fontsize50);
    font-weight: 700;
    color: var(--black-color);
    line-height: 1;
    margin-bottom: 2.5rem
}

.bets_seller_list ul span,.copyright li a:hover,.our-experince .nav-tabs .nav-link.active,.pricing-btn a span,.section-heading h3 span,.section-heading h4 span,.social-icon li i:hover,.star i {
    color: var(--button-color)
}

:is(.cta-sec .section-heading :is(h2,h4,p)) {
    color: var(--white-color)
}

.section-heading h2 {
    font-size: 1.5rem;
    font-weight: 700
}

.section-heading h4 {
    font-size: 2.5rem;
    font-weight: 700
}

.our-services p,.section-heading p,.top-header a {
    font-size: 1.125rem
}

a:hover {
    text-decoration: none;
    transition: .5s ease-out;
    color: inherit
}

img {
    max-width: 100%;
    height: auto
}

button:focus {
    border: 0
}

button {
    border: 0;
    outline: 0
}

section {
    position: relative;
    padding: 5rem 0
}

.owl-carousel .owl-item img {
    width: auto;
    margin: auto
}

.owl-theme .owl-nav.disabled+.owl-dots {
    font-size: 0;
    margin-top: 2rem
}

.owl-theme .owl-dots .owl-dot span {
    background: var(--button-color2);
    width: 12px;
    height: 12px;
    outline: 1px solid var(--black-color);
    outline-offset: 2px;
    margin: 0 10px
}

.defult-btn {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: 0 33px;
    display: inline-flex;
    font-family: sans-serif;
    align-items: center;
    border: 0;
    justify-content: center;
    font-size: 1rem;
    color: var(--white-color);
    height: 63px;
    border-radius: 23px;
    font-weight: 500
}

.defult-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--button-color2);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    border-radius: 23px;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.defult-btn:active,.defult-btn:focus,.defult-btn:hover {
    color: #fff
}

.defult-btn:active:before,.defult-btn:focus:before,.defult-btn:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
    transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66)
}

.blinking-dot {
    height: 10px;
    width: 10px;
    margin-left: 20px;
    border-radius: 50%;
    animation: 1s steps(5,start) infinite blink-animation
}

@keyframes blink-animation {
    0%,100% {
        background-color: #0f2
    }

    50% {
        background-color: var(--white-color)
    }
}

.brand-details img,.navbar-brand img {
    width: 200px
}

.brand-details img {
    margin-top: -3rem
}

#bannertop,.navbar-brand {
    transition: 2s
}

.top-header {
    padding: 30px 0;
    position: absolute;
    z-index: 1;
    width: 100%
}

.top-header .container-fluid {
    padding: 0 15rem
}

.hover-class img {
    margin-right: 10px
}

.top-header a {
    color: var(--button-color)
}

.top-header a:hover {
    color: var(--blue-color)
}

.baner-hdg h1,.bets_seller_list ul li,.cta-sec .header-button:hover,.ctasec2 *,.ctasec2 h3,.form-text-1 h3,.main-header .navbar-nav .nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .show>.nav-link,.our-services *,.our-services h3,.packheads,.packheads h3,.pricing-btn a:last-child,.pricing-btn a:last-child:hover,.test-box:hover * {
    color: var(--white-color)
}

.main-header .navbar-nav .nav-link {
    padding: 0 1.3rem;
    font-size: 1.125rem
}

.header-button {
    padding: 0 25px
}

.banner-book-slider,.ct-carousel-inner .grid-item-inner .item--featured,.navbar-light .nav-item.active,.our-experince .nav-tabs .nav-link.active {
    position: relative
}

.navbar-light .nav-item.active::after,.navbar-light .nav-item.active::before,.our-experince .nav-tabs .nav-link.active::after,.our-experince .nav-tabs .nav-link.active::before {
    content: "";
    position: absolute;
    background: var(--button-color);
    border-radius: 0 0 0 6px;
    width: 62%;
    margin: auto;
    height: 6px;
    left: 0;
    right: 0;
    bottom: -13px
}

.navbar-light .nav-item.active::before {
    background: var(--white-color);
    bottom: -10px
}

.our-experince .nav-tabs .nav-link.active::before {
    background-color: var(--button-color2);
    bottom: -10px
}

.offcanvas-header {
    display: none
}

.screen-overlay {
    width: 0%;
    height: 100%;
    z-index: 30;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34,34,34,.6);
    transition: opacity .2s linear,visibility .1s,width 1s ease-in
}

.screen-overlay.show {
    transition: opacity .5s,width;
    opacity: 1;
    width: 100%;
    visibility: visible
}

header.main-header {
    position: absolute;
    width: 100%;
    z-index: 2;
    padding-top: 25px
}

.top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.dropdown-menu li {
    border-bottom: 1px solid var(--button-color)
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: var(--button-color2);
    color: var(--white-color)
}

.dropdown-menu li a {
    padding: 1rem 1rem 1rem 2.5rem;
    position: relative
}

.dropdown-menu li:last-child,.nav-tabs {
    border: 0
}

.header-button img {
    margin-right: 15px;
    animation: 1s steps(5,start) infinite callicon
}

@keyframes callicon {
    0%,100% {
        filter: brightness(0) saturate(100%) invert(11%) sepia(63%) saturate(3114%) hue-rotate(210deg) brightness(92%) contrast(103%)
    }

    50% {
        filter: brightness(0) invert(1)
    }
}

.main-banner {
    height: 100%;
    position: relative;
    padding: 12rem 0 6rem
}

.main-banner.visible {
    background: url(../images/banner-bg.webp) center/cover no-repeat
}

.baner-hdg h1 {
    text-transform: capitalize;
    font-size: var(--fontsize78);
    font-weight: 600;
    line-height: 1.1;
    height: 360px
}

.entry-box .form-text-1 h1,.entry-box .form-text-1 h1 span.red,.entry-box .form-text-1 p strong,.entry-box button,.iamges-box h3 {
    text-transform: uppercase
}

.banner-btns {
    margin-top: 2rem;
}

.banner-btns .bg-chg {
    background-color: var(--button-color2)
}

.banner-btns .bg-chg::before,.itemscount.darkblack,.test-box:hover {
    background-color: var(--button-color)
}

.bx-viewport,.main-banner .bx-viewport {
    overflow: visible!important
}

.banner-images {
    position: absolute;
    right: -12%
}

.bxslider,.ct-carousel-inner .item--featured img {
    width: 100%
}

.bx-wrapper {
    border: 0;
    box-shadow: none;
    background: 0 0;
    width: 100%;
    margin: 2rem 0;
    position: relative;
    z-index: 1
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: var(--white-color);
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: var(--button-color)!important;
    border: var(--button-color);
    background: var(--white-color)
}

.bx-default-pager {
    display: flex;
    align-items: center;
    margin-top: 2rem
}

.bx-wrapper .bx-controls-direction a {
    display: none!important
}

.swiper-3d .swiper-slide-shadow {
    opacity: 0!important
}

.swiper-cards {
    overflow: hidden!important
}

.brands__slider {
    display: flex;
    padding: 5rem 0;
    justify-content: space-between
}

.books_slides .items {
    margin-bottom: 25px;
    padding-top: 35px
}

.books_slides {
    position: relative;
    z-index: 2
}

.books_slides .books-boxes {
    background: #f2f2f2;
    width: 100%;
    height: 280px;
    border-radius: 10px;
    position: relative;
    text-align: center;
    filter: drop-shadow(1px 1px 4px #66666642);
    -webkit-filter: drop-shadow(1px 1px 4px #66666642);
    transition: .3s ease-out
}

.booksdv img {
    border-radius: 4px;
    filter: drop-shadow(1px 1px 4px #66666642);
    -webkit-filter: drop-shadow(1px 1px 4px #66666642);
    transform: translateY(-30px);
    margin: auto
}

.brand-details img,.packheads h3,.pages-link li,.portfolio-box {
    margin-bottom: 1rem
}

.books_slides .books-boxes:hover {
    background: #d7afbb94;
    filter: drop-shadow(1px 1px 8px #66666642);
    -webkit-filter: drop-shadow(1px 1px 8px #66666642)
}

.aobut-img2 {
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    animation: 1.5s infinite alternate moveRight
}

.aobut-img1 {
    position: relative;
    z-index: 2;
    margin-top: 12.5rem;
    margin-left: 5rem;
    animation: 1.5s infinite alternate bounce
}

@keyframes moveRight {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(10px)
    }
}

@keyframes bounce {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

.about-sec.visible {
    background: url(../images/about-secbg.webp) right top/cover no-repeat
}

.cta-sec {
    padding: 3rem 0
}

.cta-sec.visible {
    background: url(../images/cta-bg.webp) center/cover no-repeat
}

.cta-sec .header-button {
    margin-left: 1rem;
    background-color: var(--white-color);
    color: var(--button-color);
    padding: 0 20px;
    margin-bottom: 1rem;
}

.cta-sec .header-button img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(54%) saturate(5669%) hue-rotate(334deg) brightness(59%) contrast(143%)!important
}

.cta-sec .header-button:hover img {
    filter: brightness(0) invert(1)!important
}

.ct-carousel-inner .grid-item-inner:hover .item--featured:before,.ct-carousel-inner:hover .slick-arrow,.our-experince .portfolio-box a:hover:before {
    opacity: 1
}

.our-experince .portfolio-box a:before {
    content: "+";
    width: 93%;
    position: absolute;
    bottom: 0;
    left: 15px;
    color: #fff;
    top: 0;
    font-size: 58px;
    z-index: 99;
    align-items: center;
    display: grid;
    margin: auto;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    background-color: rgba(0,0,0,.73);
    transition: .2s ease-in-out;
    opacity: 0
}

.ct-carousel-inner .item--featured:before,.ct-carousel-inner .item--shape {
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: 0.3s cubic-bezier(0.24,0.74,0.58,1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.our-experince .nav-tabs .nav-link {
    border: 0!important;
    color: var(--black-color);
    background: 0 0;
    font-weight: 500
}

.portfolio-bg {
    position: absolute;
    top: 25.5rem;
    bottom: 0;
    margin: auto;
    z-index: -1
}

.pricing-sec {
    background-color: #e9e9e9
}

.social-icon i {
    font-size: 1.5rem
}

.boxpackages {
    background-color: var(--button-color2);
    padding: 2rem;
    border-radius: 38px;
    border: 1px solid var(--button-color)
}

.packheads h3 {
    font-size: 1.6rem;
    font-weight: 600
}

.packheads h4 {
    font-size: var(--fontsize50);
    font-weight: 700
}

.bets_seller_list {
    padding: 1rem 1rem 0 0
}

.slimScrollBar {
    background: var(--button-color)!important
}

.pricing-btn a:last-child {
    background: 0 0;
    display: inline-grid;
    font-size: var(--fontsize18);
    text-align: left;
    padding: 0
}

.pricing-btn {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between
}

.pricing-btn .popup-open {
    padding: 0 40px
}

.bets_seller_list ul li {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--white-color)
}

.bets_seller_list ul li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    display: inline-block;
    color: #e2383f;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: 900
}

.pricing-btn .defult-btn::before {
    background-color: var(--white-color)
}

.pricing-btn .defult-btn:hover,.social-icon a {
    color: var(--black-color)
}

.pricing-btn a:last-child::before {
    background-color: transparent
}

.pricing-btn a p {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.our-services {
    height: 100%
}

.our-services.visible {
    background: url(../images/services-bg.webp) center/cover no-repeat
}

.our-services .banner-btns {
    margin-top: 4rem
}

.our-services .container-fluid {
    padding-left: 10%
}

.iamges-box h3 {
    z-index: 1;
    position: absolute;
    bottom: .5rem;
    font-size: 1.375rem;
    left: 2rem
}

.iamges-box::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/balck-shadow.webp) bottom/cover no-repeat
}

.bx-viewport .active .iamges-box::after,.iamges-box:hover::after {
    background: url(../images/afterhover.webp) bottom/cover no-repeat
}

.bx-viewport .active .iamges-box::before,.iamges-box:hover::before {
    content: "";
    position: absolute;
    bottom: -10%;
    left: 0;
    margin: auto;
    right: 0;
    clip-path: polygon(50% 100%,0 0,100% 0);
    background-color: var(--button-color);
    width: 35px;
    height: 35px
}

.iamges-box {
    position: relative;
    overflow: visible
}

.our-services .tab-content {
    padding-right: 20%
}

.controls a {
    margin-right: 15px
}

.iamges-box img {
    border-radius: 12px
}

.test-box {
    padding: 2rem 1.5rem;
    height: 600px;
    text-align: center;
    border: 1px solid var(--button-color);
    border-radius: 12px;
    box-shadow: 0 0 20px 0 #fbe96a24
}

.test-box P {
    margin: 1.5rem 0
}

:is(.test-box :is(h2,span,i)) {
    font-size: 1.375rem;
    text-transform: uppercase;
    margin: 0
}

.star {
    margin-top: 8px
}

.ctasec2 {
    background-image: linear-gradient(to right,#be0b31,#510009);
    padding: 3rem 0
}

.ctasec2 .banner-btns {
    text-align: right
}

.form-text-1,.itemscount,.main-thankyou,a#entry-box_close {
    text-align: center
}

.ctasec2 .banner-btns a {
    display: inline-flex;
    width: 220px;
    margin: 0!important
}

.ctasec2 .banner-btns a:last-child {
    background-color: var(--white-color);
    color: var(--button-color);
    margin-top: 1rem!important
}

.copyright li p,.ctasec2 p {
    margin-bottom: 0
}

.inr-bnrimg,.seoinr-bnrimg {
    position: absolute;
    right: -1%
}

.inner-banr {
    padding: 13rem 0
}

.inner-banr p,.website-bnr p {
    color: var(--white-color);
    margin: 0
}

.innerpagesslider .owl-dots button span {
    width: 102px!important;
    height: 90px!important;
    border-radius: 0!important;
    padding: 0;
    border: 0!important;
    outline: 0!important
}

.innerpagesslider .owl-dots button:first-child span {
    background: url(../images/inrslider1.webp) center/cover no-repeat!important
}

.innerpagesslider .owl-dots button:nth-child(2) span {
    background: url(../images/inrslider2.webp) center/cover no-repeat!important
}

.innerpagesslider .owl-dots button:nth-child(3) span {
    background: url(../images/inrslider3.webp) center/cover no-repeat!important
}

.innerpagesslider .owl-dots button:nth-child(4) span {
    background: url(../images/inrslider4.webp) center/cover no-repeat!important
}

.innerpagesslider .owl-dots button:nth-child(5) span {
    background: url(../images/inrslider5.webp) center/cover no-repeat!important
}

.newsec {
    padding: 80px 0 0
}

.ct-carousel-inner {
    margin-top: 30px
}

.ct-carousel-inner .grid-item-inner {
    position: relative;
    overflow: hidden
}

.ct-carousel-inner .item--featured:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8,8,8,.85);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    opacity: 0;
    z-index: 99
}

.ct-carousel-inner .item--shape.item--shape3 {
    bottom: -50px;
    left: -35px;
    background: 0 0;
    z-index: 100;
    -webkit-transform: translateX(-120px);
    -khtml-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    transform: translateX(-120px)
}

.ct-carousel-inner .item--shape.item--shape4 {
    bottom: -50px;
    left: -60px;
    background: 0 0;
    z-index: 101;
    -webkit-transform: translateX(-120px);
    -khtml-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    transform: translateX(-120px)
}

.ct-carousel-inner .item--shape {
    position: absolute;
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom
}

.ct-carousel-inner .item--shape.item--shape3 svg {
    height: 215px;
    width: auto
}

.ct-carousel-inner .item--shape.item--shape4 svg {
    height: 205px
}

.ct-carousel-inner .item--meta {
    position: absolute;
    top: 30%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 0;
    right: 0;
    text-align: center;
    padding: 30px;
    z-index: 102;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: 0.3s cubic-bezier(0.24,0.74,0.58,1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    opacity: 0
}

.ct-carousel-inner .grid-item-inner:hover .item--shape.item--shape3 {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.22s;
    -moz-transition-delay: 0.22s;
    transition-delay: 0.22s
}

.ct-carousel-inner .grid-item-inner:hover .item--shape.item--shape4 {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.32s;
    -moz-transition-delay: 0.32s;
    transition-delay: 0.32s
}

.ct-carousel-inner .grid-item-inner:hover .item--meta {
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 0.12s;
    -moz-transition-delay: 0.12s;
    transition-delay: 0.12s
}

.ct-carousel-inner .item--shape.item--shape4 svg g {
    fill: var(--button-color)
}

.ct-carousel-inner .item--category a {
    font-size: 30px;
    font-weight: 700;
    color: var(--white-color);
    line-height: normal;
    font-family: "Bebas Neue",cursive
}

.ct-carousel-inner .item--title {
    font-family: Poppins,sans-serif
}

.ct-carousel-inner .item--title a {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 0 0 15px;
    font-weight: 300;
    display: block
}

.ct-carousel-inner .item--category,.itemscount img {
    margin-bottom: 15px
}

.ct-carousel-inner .ct-carousel-inner .slick-slide {
    padding: 0
}

.ct-carousel-inner .slick-slide {
    margin: 0;
    line-height: 0
}

.ct-carousel-inner .item--category img {
    margin: auto
}

.slick-arrow {
    width: 47px;
    height: 47px;
    cursor: pointer;
    -webkit-transition: .3s linear;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    -webkit-border-radius: 47px;
    -khtml-border-radius: 47px;
    -moz-border-radius: 47px;
    -ms-border-radius: 47px;
    -o-border-radius: 47px;
    border-radius: 47px;
    position: absolute;
    padding: 0;
    background-color: #444;
    color: #fff;
    background-image: none;
    font-size: 0;
    left: 50%;
    -khtml-transform: translate(-50%,0);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-box-shadow: none!important;
    -khtml-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important;
    border: none;
    margin: 0;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    opacity: 0
}

.slick-arrow.slick-disabled {
    cursor: no-drop
}

.slick-arrow.slick-prev {
    left: -8px;
    right: auto
}

.slick-arrow:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.slick-prev:before {
    content: "\f053"
}

.slick-arrow.slick-next {
    left: auto;
    right: -8px
}

.slick-next:before {
    content: "\f054"
}

.ct-carousel-inner:hover .slick-arrow.slick-prev {
    left: 20px;
    z-index: 1
}

.ct-carousel-inner:hover .slick-arrow.slick-next {
    right: 20px
}

.slick-arrow:hover {
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,8%)!important;
    -khtml-box-shadow: 0 3px 5px rgba(0,0,0,8%)!important;
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,8%)!important;
    -ms-box-shadow: 0 3px 5px rgba(0,0,0,8%)!important;
    -o-box-shadow: 0 3px 5px rgba(0,0,0,8%)!important;
    box-shadow: 0 3px 5px rgba(0,0,0,8%)!important
}

.componycounter {
    padding: 0 0 50px
}

.counterlist {
    display: flex
}

.itemscount {
    background-color: var(--button-color2);
    width: 25%;
    position: relative;
    padding: 30px 0
}

.about-us-baner,.porfolio-baner,.pricig-banner {
    padding: 15rem 0 12rem;
    color: var(--white-color)
}

.itemscount .ct-counter-number span {
    color: #fff;
    font-size: 50px!important;
    margin-bottom: 15px;
    line-height: 1;
    font-weight: 600
}

.itemscount .ct-counter-title {
    color: #e3e3e3;
    font-size: 18px
}

.website-bnr .inr-bnrimg {
    right: 5%
}

.marketinginr-bnrimg {
    position: absolute;
    right: -5%
}

.ecommercebnrimg {
    top: 18%
}

.porfolio-baner.visible {
    background: url(../images/portfolioBanner.webp) center/cover no-repeat
}

.pricig-banner.visible {
    background: url(../images/pricingbanner.webp) center/cover no-repeat
}

.contact-banner.visible {
    background: url(../images/contact-us.webp) center/cover no-repeat
}

.about-us-baner h1,.porfolio-baner .baner-hdg h1 {
    height: 100px!important
}

.contact-box i {
    margin-right: 10px;
    color: var(--button-color)
}

.contact-box a {
    color: #5c5c5c
}

.contact-form .form-control {
    margin-bottom: 2rem;
    border-top: 0;
    border-left: 0;
    padding: 15px 0;
    border-right: 0;
    border-color: #d9d9d9;
    border-radius: 0
}

.lime-green-box,.why-choose-p,.why-choose-sec .service-hdg {
    margin-bottom: 5%
}

.contact-form .form-control::placeholder {
    color: #656876
}

.contact-form textarea {
    resize: none;
    height: 120px
}

.address-map h4 {
    color: var(--button-color);
    font-weight: 600
}

img.brand-img {
    margin-top: 35px
}

.about-us-baner {
    background: url(../images/about-us.webp) center/cover no-repeat
}

.lime-green-box,.why-choose-sec {
    background-repeat: no-repeat;
    width: 100%
}

.about-page {
    background-image: -webkit-linear-gradient(357deg,#09160f 0,#000 100%)
}

.about-page *,.dropdown-item:focus,.dropdown-item:hover::before {
    color: var(--white-color)!important
}

.about-page h1 {
    font-size: var(--fontsize50);
    font-weight: 500;
    letter-spacing: 4px
}

.about-ctn h4 {
    font-size: var(--fontsize18);
    margin-bottom: 1rem
}

.pages-services h4,.talk-details li {
    margin-bottom: 2rem
}

.about-page span {
    font-weight: 700
}

.why-choose-btn {
    padding: 11px 31px;
    margin-top: 5%
}

.why-choose-sec {
    background-position: center;
    background-size: cover;
    height: 100%;
    padding: 4% 0;
    background-image: url(../images/services-offer-bg.webp)
}

.why-choose-p {
    color: var(--sec-hdg);
    font-weight: 600;
    font-size: var(--font-size18)
}

.lime-green-box1 h1,.lime-green-box1 p,.lime-green-h1,.lime-green-p {
    color: var(--white)
}

.card-details {
    position: sticky;
    top: 4rem
}

.card-details:nth-child(2) {
    top: 5rem
}

.card-details:nth-child(3) {
    top: 6rem
}

.card-details:nth-child(4) {
    top: 7rem
}

.card-details:nth-child(5) {
    top: 8rem
}

.card-details:nth-child(6) {
    top: 9rem
}

.why-chose-wrpe {
    position: sticky;
    top: 30px;
    align-self: flex-start
}

.static-page-wrapper section {
    padding: unset;
    z-index: 1
}

.lime-green-box {
    background-position: top;
    background-size: 140%;
    height: 471px;
    padding: 0 7% 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 25px;
    background-image: url(../images/lime-blue-box.webp)
}

.lime-green-box1 {
    background-image: url(../images/lime-black-box.webp)
}

.lime-green-h1 {
    font-weight: 700;
    font-size: var(--font-size36);
    margin-bottom: 6%
}

.lime-green-p {
    font-size: var(--font-size18)
}

.lime-green-boximg {
    right: 0;
    position: absolute;
    top: 0
}

.main-footer {
    padding: 5rem 0 1rem
}

.main-footer hr {
    background-color: var(--button-color);
    height: 2px
}

.brand-details p {
    color: #9f9eaa;
    font-size: var(--fontsize18);
    margin-right: 4%
}

.pages-link li a,.pages-services h4 {
    color: var(--black-color);
    position: relative
}

.social-icon {
    display: flex;
    align-items: center
}

.social-icon li {
    margin-right: 1.6rem;
    font-size: var(--fontsize32)
}

.pages-services h4 {
    font-size: 1.25rem;
    font-weight: 700
}

.pages-services h4::after {
    content: "";
    position: absolute;
    background-color: var(--button-color);
    left: 0;
    right: 0;
    bottom: -10px;
    width: 45%;
    height: 1px
}

.pages-link li a {
    transition: .3s ease-in-out
}

.pages-link li a:hover {
    margin-left: 10px;
    color: var(--button-color);
    font-weight: 600
}

.dropdown-menu li a::before,.pages-link li a:hover::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    display: inline-block;
    vertical-align: middle;
    color: var(--button-color);
    font-weight: 900;
    position: absolute;
    left: -16px;
    top: 0;
    bottom: 0;
    transition: .3s ease-in-out;
    margin: auto
}

.dropdown-item::before {
    top: 15px!important;
    left: 20px!important
}

.talk-details li span {
    color: var(--button-color);
    margin-right: 10px;
    margin-bottom: 0
}

:is(.talk-details li p,.talk-details li a) {
    color: var(--black-color)
}

.talk-details li a:hover {
    font-weight: 600;
    color: var(--black-color)
}

.copyright ul {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.copyright li,.copyright li a {
    color: var(--black-color);
    font-size: 14px
}

.owl-theme .owl-nav .disabled,.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--button-color2)!important;
    opacity: 1
}

.owl-theme .owl-nav [class*=owl-] {
    background-color: var(--button-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    font-size: 15px;
    align-items: center;
    margin: 0 18px;
    justify-content: center
}

.owl-theme .owl-nav {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1
}

.owl-prev {
    position: absolute;
    left: -45rem
}

.owl-next {
    position: absolute;
    right: -6rem
}

#entry-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999990;
    align-items: center;
    background-color: rgba(0,0,0,.62);
    display: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    top: 0
}

.entry-box {
    padding-top: 0;
    padding-bottom: 20px;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 0;
    background-color: var(--lightpink-color);
    position: relative;
    box-shadow: -140px -117px 19px -141px rgba(0,0,0,.6);
    box-shadow: 0 0 7px -1px rgba(0,0,0,.7);
        top: 100px;
}

.layer-2,.layer-3 {
    background: var(--button-color);
    display: block
}

.layer-1 {
    width: 9%;
    display: block;
    height: 99%;
    background-color: var(--button-color);
    position: absolute;
    top: 1px;
    transform: rotate(-3deg);
    z-index: -1
}

.layer-2 {
    width: 95%;
    height: 107%;
    position: absolute;
    top: 0;
    z-index: -2;
    transform: translate(26px,-13px) rotate(1deg)
}

.layer-3,.layer-4 {
    height: 108%;
    position: absolute
}

.layer-3 {
    width: 90%;
    top: -21px;
    z-index: -3;
    transform: rotate(-3deg);
    right: 0
}

.layer-4 {
    width: 102%;
    top: -26px;
    border: 5px solid var(--white-color);
    transform: rotate(1deg);
    z-index: -1;
    left: -4px
}

a#entry-box_close {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 59px;
    color: var(--white-color);
    border-radius: 50%;
    font-size: 32px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background: var(--blue-color)
}

a#entry-box_close svg {
    width: 17px;
    fill: var(--white-color);
    height: 17px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.entry-box .form-text-1 h1 {
    font-family: Oswald,sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: var(--white-color);
    line-height: 34px;
    margin-bottom: 12px
}

.entry-box .form-text-1 h1 span.red {
    color: #f78d0e
}

.col-sm-12.entry-right {
    padding: 30px 15px 70px
}

.entry-box .form-text-1 p {
    color: var(--white-color);
    font-size: 1.813rem;
    line-height: normal;
    font-weight: 400;
    margin: 0
}

.form-text-1 {
    position: relative;
    padding-left: 0;
    margin-bottom: 9px
}

.form-text-1:before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: #f7941d;
    border-radius: 100px;
    display: none
}

.entry-box .form-control {
    min-height: 50px;
    border-radius: 30px;
    background-color: var(--lightpink-color);
    border-color: transparent;
    color: var(--white-color);
    font-size: 1.125rem;
    width: 100%;
    display: block;
    padding: 15px 24px;
    border: 1px solid var(--white-color)
}

.entry-box .form-control::placeholder {
    color: var(--white-color)
}

.entry-box button {
    color: var(--white-color);
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    height: 52px;
    background: var(--button-color2);
    border: 1px solid var(--white-color)!important;
    border-radius: 900px
}

.main-privacy h3,.main-privacy h4 {
    color: var(--black-color);
    margin-bottom: 15px;
    font-weight: 600!important
}

.form-root-counter li {
    width: auto!important
}

.entry-box ul li i {
    color: #eb0000
}

.form-btn {
    position: absolute;
    right: 0;
    width: 90%;
    left: 50%;
    transform: translateX(-50%)
}

.main-privacy {
    padding: 100px 0 80px;
    background-color: #fff
}

.main-privacy h3 {
    font-size: 22px
}

.main-privacy h4 {
    font-size: 1.2rem
}

.main-privacy li,.main-privacy p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 22px
}

input.error {
    border-color: #000!important
}

.thankyou_sec {
    padding: 5rem 0;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #fff
}

.main-content__checkmark {
    font-size: 9.75rem!important;
    line-height: 1!important;
    background-image: -webkit-linear-gradient(90deg,#a20011 0,#002768 100%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.site-header__title {
    font-size: 6.5rem;
    font-weight: 700!important;
    line-height: 1.1;
    color: var(--blue-color)
}

.main-content__body {
    margin: 20px 0 0;
    font-size: 1.25rem;
    line-height: 1.4
}

.thanyou-banner {
    background: black;
    height: 400px;
    padding-top: 12rem
}

.hover-class.grid-item-inner .item--meta {
    opacity: 1;
    top: 50%
}

.hover-class.grid-item-inner .item--shape.item--shape3,.hover-class.grid-item-inner .item--shape.item--shape4 {
    transform: translateX(0)
}

.hover-class.grid-item-inner .item--featured:before {
    opacity: 1!important
}

.bx-viewport {
    height: 100% !important;
}

.baner-hdg_pr h1 {
    text-transform: capitalize;
    font-size: var(--fontsize78);
    font-weight: 600;
    line-height: 1.1;
}
.cookie-bar {
    position: fixed;
    bottom: 0;
    padding: 12px 15px;
    width: 100%;
    z-index: 15;
    background-size: cover;
    text-align: left;
    z-index: 99999;
    background: #050b33;
    display: none
}

.cookie-bar .col-nopadd {
    padding-left: 0;
    padding-right: 0
}

.cookie-bar p {
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    font-size: calc(11px + (13 - 11) * (100vw - 320px) / (1920 - 320));
    line-height: 25px;
    margin-right: 10px
}

.cookie-bar .setcokies {
    color: #fff;
    display: inline-flex
}

.cookie-bar .cookie-btn {
    color: #fff;
    background: #e00030;
    padding: 3px 10px 3px 6px;
    border-radius: 0;
    font-weight: 700;
    font-size: calc(11px + (13 - 11) * (100vw - 320px) / (1920 - 320));
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 0
}

.cookie-bar .cookie-btn-3 {
    border: 1px solid #fff;
    padding: 2px 4px;
    background: #36454f;
    border-radius: 2px;
    color: #fff
}
.setcokies a:hover{
    color: #fff;
}
.form-group.privicylink a {
    background: none;
    height: 0;
    line-height: normal;
    font-size: 10px;
}
.thanks_banner {
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #04062d;
}

.thank_con {
    text-align: center;
    font-size: 70px;
    font-family: 'Inter';
    color: #a20011;
}
.foo_logo {
    filter: invert(1) brightness(0);
}