/* logo design page css start  */

        .grid-container {
            max-width: 1320px;
        }

        .logo-banner {
            /* background: url(/new-asset/images/logo-design/log-bann.jpg) no-repeat; */
            background-size: cover !important;
            min-height: 870px;
            background: #191919;
            background-position: center top;
            animation: image 3s infinite alternate;
        }

        @keyframes image {
            0% {
                background-image: url('/new-asset/images/logo-design/side-m1.jpg');
            }

            100% {
                background-image: url('/new-asset/images/logo-design/side-m2.jpg');
            }
        }

        .packages-mn h4 {
            padding-bottom: 15px;
        }

        .web-txt .head-mnr {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Montserrat';
            color: #fff;
            padding-bottom: 20px;
            margin: 0;
        }

        .head-mnr span {
            color: #fddd2c;
        }

        .logo-banner .row {
            padding-top: 80px;
        }



        .logo-banner .web-txt {
            padding-top: 40px;
            position: relative;
            z-index: 11;
        }

        .web-txt h1 {
            font-size: 60px;
            color: #fff;
            font-weight: 700;
            font-family: 'Montserrat';
        }

        .web-txt p {
            font-size: 24px;
            font-weight: 700;
            font-family: 'Montserrat';
            line-height: 30px;
            color: #fff;

        }

        .ranked-sec {
            padding: 0px 0px;
        }

        .logoprice {
            padding-top: 40px;
        }

        .logoprice h6 {
            font-size: 24px;
            font-family: 'Montserrat';
            font-weight: 800;
            color: #fff100;
            text-transform: uppercase;
        }

        .logoprice span.pricetwo {
            color: #fff100;
            font-family: 'Montserrat';
            font-size: 72px;
            font-weight: 800;
            line-height: 80px;
        }

        .inner-logg img {
            width: 100%;
        }

        .tab-content>.tab-pane {
            display: block;
            height: 0px;
            overflow: hidden;
        }

        .tab-content>.active {
            height: auto;
        }

        .Logos-slider .slick-prev {
            z-index: 1;
        }

        .Logos-slider .slick-prev i {
            background: red;
            font-size: 35px;
            color: black;
            padding: 25px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            border-radius: 50px;
            height: 70px;
            width: 70px;
        }

        .Logos-slider .slick-next {
            z-index: 1;
            right: 50px;
            top: 440px;
        }

        .Logos-slider .slick-next i {
            background: red;
            font-size: 35px;
            color: black;
            padding: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            border-radius: 50%;
            height: 70px;
            width: 70px;
        }


        .Logos-slider .slick-prev:before,
        .Logos-slider .slick-next:before {
            display: none;
        }
        .Logos-slider .slick-prev {
    left: 0px;
    top: 440px;
}

        .Logos-slider {
            padding: 0 30px;
        }

        .Logos-slider .slick-slide>div {
            padding: 10px;
        }

        .inner-logg img {
            background-color: rgb(0, 0, 0);
            box-shadow: 0px 50px 50px 0px rgba(253, 221, 44, 0.5), 0px 100px 100px 0px rgba(253, 221, 44, 0.5);
            border: 7px solid rgb(255, 255, 255);
            border-radius: 50px;
        }

        .lbn-btns .themebtn {
            font-size: 18px;
            font-weight: 700;
            font-family: 'Montserrat';
            color: var(--heading-color);
            width: 250px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;

        }

        .lbn-btns .dark-btn {
            background: white;
            color: #000000;
        }

        .lbn-btns .light-btn {
            background: transparent;
            border: 1px solid white;
            color: white;
        }

        .lbn-btns {
            display: flex;
            align-items: center;
            justify-content: start;
            gap: 25px;
            padding-top: 40px;
        }

        .lbn-btns .dark-btn:hover {
            background: var(--heading-color);
            color: var(--white);
        }

        .lbn-btns .light-btn:hover {
            background: var(--heading-color);
            color: white;
        }

        .packages-mn {
            min-height: 620px;
        }

        .main-head h2 {
            font-size: 60px;
            font-weight: 700;
            font-family: 'Montserrat';
        }

        .main-head p {
            font-size: 24px;
            font-family: 'Montserrat';
            font-weight: 500;
            line-height: 30px;
            padding-bottom: 30px;
        }

        .inner-brand h4 {
            font-size: 24px;
            font-family: 'Montserrat';
            font-weight: 700;
            padding-top: 20px;
        }

        .inner-brand {
            padding: 65px 15px 60px;
            transition: 0.5s;
            margin: 10px;
        }

        .inner-brand img {
            margin: auto;
        }

        .pack-btn .package-btn {
            font-family: 'Montserrat';
            font-weight: 600;
        }

        .main-head h2 {
            font-size: 48px;
            font-family: 'Montserrat';
            font-weight: 700;
            line-height: 60px;
        }

        .feature-web .main-head h2 {
            font-size: 60px;
            font-weight: 800;
        }

        .main-head p {
            font-size: 24px;
            font-family: 'Montserrat';
            font-weight: 500;
            line-height: 30px;
            padding-bottom: 30px;
        }

        .feature-web .main-head p {
            max-width: 78%;
            margin: auto;
            font-weight: 600;
        }

        .feature-project .nav-pills {
    background: none !important;
}

        .feature-project .nav-pills .nav-item .nav-link.active {
            border-radius: 10px;
        }

        .feature-project .nav-pills .nav-item .nav-link {
            background: #fff9e5;
            border-radius: 10px;
            font-size: 16px;

            font-family: 'Montserrat';
            padding: 10px 10px;
        }

        .screen {
            margin-bottom: 0px;
        }

        .logo-cta {
            background: url(/new-asset/images/logo-design/cta-bg.jpg) no-repeat;
            background-size: cover;
            background-position: center center;
            min-height: 600px;
            padding: 80px 0px;
        }

        .innerlog-cta h4 {
            font-size: 60px;
            color: white;
            font-weight: 800;
            font-family: 'Montserrat';
            line-height: 60px;
        }

        .innerlog-cta h4 span {
            color: #ffdd2c;
        }

        .innerlog-cta p {
            font-size: 30px;
            color: white;
            font-family: 'Montserrat';
            font-weight: 700;
            max-width: 80%;
            line-height: inherit;
        }

        .innerlog-cta ul {
            display: flex;
            align-items: center;
            justify-content: start;
            gap: 20px;
            padding-top: 30px;
        }

        .innerlog-cta ul li a {
            font-size: 30px;
            color: white;
            font-family: 'Montserrat';
            font-weight: 600;
            /* text-transform: uppercase; */
        }

        .innerlog-cta ul li {
            position: relative;
        }

        .innerlog-cta ul li:nth-child(1):before {
            content: '';
            position: absolute;
            background: #ffdd2c;
            width: 4px;
            height: 30px;
            right: -13px;
            bottom: 8px;
        }

        .innerlog-cta .lbn-btns a {
            color: var(--heading-color);
            background: #fddd2c;
            border-radius: 60px;
        }

        .innerlog-cta .lbn-btns .light-btn {
            background: transparent;
            border: 2px solid white;
            color: white;
        }

        .innerlog-cta .lbn-btns .light-btn:hover {
            background: white;
            color: var(--heading-color);
        }
       /* second popup  */
       .main-pop-black .popup_form{
   background: url(/images/christmas/banner.jpg) no-repeat;
   background-size: cover;
   text-align: center;
   border-radius: 0px;

}
.popup_form .close_popup {
   position: absolute;
   top: 10px;
   right: 10px;
   color: #fff;
   background-color: rgb(228, 0, 43);
   line-height: 1;
   width: 30px;
   height: 30px;
   border: none;
   border-radius: 50px;
}
.main-pop-black  .popup_form {
   padding: 120px 50px;
}
.inner-sd-pop>img {
    margin-bottom: 20px;
}
.inner-sd-pop .inner-copun {
color: white;
font-weight: 600;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
width: 300px;
height: 60px;
font-size: 18px;
border-radius: 5px;
background-color: rgb(228, 0, 43);
margin-top: 10px;
}
.inner-sd-pop .inner-copun:hover {
   background: white;
   color: black;
}

.inner-sd-pop p {
font-size: 20px;
color: white;
padding-top: 25px;
max-width: 90%;
margin: auto;
padding-bottom: 20px;
}
.main-pop-black .popup_form .row {
   align-items: center;
}
.popup_package_model {
   z-index: 11111;
}
/* popup end  */
  
        @media only screen and (max-width: 1445px) {
            .innerlog-cta h4 {
                font-size: 50px;
                line-height: initial;
            }
        }

        @media only screen and (max-width: 1366px) {
            .container {
                max-width: 1140px;
            }

            .logoprice span.pricetwo {

                font-size: 80px;

            }

            .web-txt h1 {
                font-size: 50px;
            }

            .web-txt p {
                font-size: 20px;
                line-height: 26px;
            }

            .main-head h2,
            .feature-web .main-head h2 {
                font-size: 40px;
                line-height: 55px;
            }

            .innerlog-cta h4 {
                font-size: 40px;
                line-height: initial;
            }

            .main-head p {
                font-size: 18px;
            }

            .feature-project .nav-pills .nav-item .nav-link {
                font-size: 14px;
                padding: 10px 5px;
            }

            .feature-project .nav-pills {

                margin: 10px 10px 10px;
            }

            .innerlog-cta p {
                font-size: 25px;

            }

            .innerlog-cta ul li a {
                font-size: 25px;

            }
            .logo-cta{
            min-height: 490px;
        }

        }

        @media (max-width: 1199.98px) {
            .container {
                max-width: 960px;
            }

            .logoprice span.pricetwo {
                font-size: 60px;
                line-height: initial;
            }

            .packages-mn {
                min-height: auto;
            }

            .logoprice {
                padding-top: 10px;
            }

            .logoprice h6 {
                font-size: 24px;

            }

            .innerlog-cta p {
                font-size: 24px;

            }

            .web-txt p {
                font-size: 18px;
                line-height: inherit;
            }

            .web-txt h1 {
                font-size: 40px;
            }

            .lbn-btns .themebtn {
                font-size: 15px;
                height: 60px;

            }

            .main-head p {
                font-size: 16px;
                padding-top: 10px;
            }

            .logo-banner {
                min-height: 750px;
            }

            .head-mnr {
                font-size: 20px;

            }

            .main-head h2,
            .feature-web .main-head h2 {
                font-size: 34px;
                line-height: 45px;
            }

            .feature-project .nav-pills .nav-item .nav-link {
                font-size: 12px;
            }

            .logo-banner .row {
                justify-content: unset;

            }

        }

        @media (max-width: 991.98px) {
            .container {
                max-width: 720px;
            }

            .logg-slide {
                display: none;
            }

            .logo-banner {
                min-height: auto;
                padding-bottom: 50px;
                background: #191919;
                animation: none;
            }

            .logo-banner .web-txt {
                padding-top: 0px;
                text-align: center;
            }

            .head-mnr {
                padding-bottom: 10px;
            }

            .logo-banner .lbn-btns {

                padding-top: 10px;
                justify-content: center;
            }

            .web-txt h1 {
                font-size: 34px;
            }

            .head-mnr {
                font-size: 18px;
            }

            .main-head p {
                font-size: 14px;
                padding-top: 10px;
            }

            .logo-cta {
                background: #e00000;
                min-height: auto;
            }
            .update-pack{
                padding: 70px 0;
            }

            .innerlog-cta p {
                font-size: 20px;
                max-width: 100%;
            }

            .innerlog-cta {
                text-align: center;
            }

            .innerlog-cta ul {
                gap: 19px;
                padding-top: 0px;
                justify-content: center;
            }


            .lbn-btns {
                justify-content: center;
                gap: 20px;
                padding-top: 10px;
            }

            .faq-sec {
                background: #f6f4fc;
            }
        }

        @media (max-width: 767.98px) {
            .container {
                max-width: 540px;
            }

            .web-txt h1 {
                font-size: 30px;
            }

            .web-txt p {
                font-size: 16px;
            }

            .head-mnr {
                font-size: 16px;
            }
            .update-pack {
    padding: 40px 0;
}

            .logoprice span.pricetwo {
                font-size: 50px;

            }

            .logoprice h6 {
                font-size: 20px;
            }

            .logoprice {
                padding-top: 0px;
            }

            .log-inner ul li img {
                width: auto;
            }

            .main-head h2,
            .feature-web .main-head h2 {
                font-size: 26px;
                line-height: 35px;
            }

            .innerlog-cta h4 {
                font-size: 30px;
            }

            .innerlog-cta p {
                font-size: 18px;
            }

            .innerlog-cta ul {
                gap: 5px;
                flex-direction: column;
            }

            .innerlog-cta ul li:nth-child(1):before {
                display: none;
            }

            logo-strong .pack-btn {
                padding-top: 20px;
            }
        }

        @media (max-width: 575.98px) {
            .logo-banner .lbn-btns {
                flex-direction: column;
                gap: 10px;
            }

            .lbn-btns .themebtn {
                font-size: 14px;
                height: 50px;
                width: 100%;
            }

            .innerlog-cta .lbn-btns {
                flex-direction: column;
            }

            .screen {
                margin-bottom: 0;
            }

            .innerlog-cta ul li a {
                font-size: 20px;
            }

            .Logos-slider .slick-slide>div:nth-child(2) {
                display: none;
            }

            .innerlog-cta h4 span {
                display: block;
            }

            .Logos-slider {
                padding: 0 10px;
            }

            .inner-brand h4 {
                font-size: 18px;
                padding-top: 10px;
            }

            .feature-project .nav-pills {
                flex-flow: wrap !important;

            }

            .slick-dots li.slick-active button {

                background: black;
            }

            .slick-dots li button {
                width: 15px;
                height: 15px;
                background: #00000029;
                border-radius: 50%;
            }

            .strong-sec {
                padding: 30px 0px 0px;
            }

            .feature-web {
                padding: 40px 0px;
            }

            .ranked-sec {
                padding: 20px 0px;
            }
            .inner-sd-pop p {
    font-size: 16px;
    padding-top: 10px;
    max-width: 100%;
    margin: auto;
    padding-bottom: 10px;
}
.main-pop-black .popup_form {
    padding: 80px 20px;
}
.inner-sd-pop .inner-copun {
    width: 230px;
    height: 50px;
    font-size: 13px;
}
        }

        .logo-cta {
            padding: 40px 0px;
        }

        .pack-sec {
            padding: 40px 0px;
        }

        .faq-sec {
            padding: 30px 0px;
        }



        /* logo design page css end  */

        /*================= new media query start=======================  */
        .quote-slider {
            display: none;
        }

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

            .container {
                max-width: 1200px;
            }

            header .navbar-nav .nav-item .nav-link {
                font-size: 12px;
                font-weight: 700;
                color: #27273d;

            }

            .Lpbanner-sec {
                background-size: cover;
                min-height: 790px;
                background-position: top;
            }

            .feature-project .nav-pills {
                justify-content: center;
                gap: 25px;
                background: #f5f5fa;
                padding: 10px 0px;
                border-radius: 10px;
                margin: 50px 11px 40px;
            }
            .update-pack {
    padding: 60px 0 60px;

}
.Logos-slider .slick-prev {
    top: 260px;
}
.Logos-slider .slick-next {
    top: 260px;
}



            .landing-cta {

                background-size: contain;
                /*  min-height: 383px; */
            }

            .inner-cta a {
                font-size: 30px;
                color: white;
                font-weight: 800;
            }

            .inner-cta h2 {
                font-size: 30px;
            }

            .inner-cta {
                padding-top: 25px;
            }

        }

        .blog-banner img {
            width: 100%;
        }

        .blog-banner {
            margin-bottom: 50px;
        }

        p {
            font-weight: 500;
            font-size: 16px;
        }

        .blog-detail-wrapper {
            padding-bottom: 50px;
        }

        .blog-detail-wrapper .row {
            justify-content: center;
        }

        .blog-detail-wrapper p {
            font-size: 18px;
            color: black;
            line-height: 27px;
            margin-bottom: 30px;
        }

        .blog-detail-wrapper h2 {
            font-size: 30px;
            font-weight: 600;
        }

        .blog-detail-wrapper h3 {
            font-size: 25px;
            font-weight: 600;
        }

        .share-link {
            list-style: none;
            padding-left: 0px;
        }

        .share-link li {
            display: inline-block;
            margin: 4px;
        }

        .share-link li a {
            font-size: 24px;
            width: 40px;
            height: 40px;
            display: block;
            text-align: center;
            line-height: 40px;
            background: #27273d;
            color: white;
        }

        .share-link li a:hover {
            background: #fff100;
            color: #27273d;
        }

        .subscribe-now {
            padding: 15px 30px;
            display: inline-block;
            background: #27273d;
            color: white;
            width: 202px;
            text-align: center;
        }

        section.blog-list .blog-item .content {
            width: calc(100% - 200px);
        }

        @media (max-width: 991px) {
            .quote-desktop .col-md-6 {
                display: none;
            }

            .quote-slider {
                display: block;
            }

            .test-inner {
                min-height: auto !important;
            }
        }

        /*========= new media query end ============================== */