.copyright-line, .footer-heading-space h4, .footer-line, .gentle-line, .gentle-package, .stile-con, .what-we-do, h2.headerText {
    font-family: Poppins,sans-serif
}

.gentle-line, .gentle-package {
    float: left
}

.btngroup .btn1, .btngroup .btn2, .caption h3 {
    text-transform: capitalize
}

.btn-hover:focus, :focus, a:focus, img {
    outline: 0
}

.btn-hover, .close, .closee2, .closee3, .closee4, .closee5, .closee6, .cursor-pointer, [role=button], button {
    cursor: pointer
}

    .btn-hover, .btn-hover:hover {
        moz-transition: all .4s ease-in-out
    }

.text-blue-600, .text-indigo-500, .text-white, .text-zinc-500 {
    --tw-text-opacity: 1
}

.card-custom, .carousel, .formc, .global-img, .single-deal {
    overflow: hidden
}

::-webkit-scrollbar {
    width: 10px;
    height: 7px
}

::-webkit-scrollbar-track {
    background: #efefef
}

::-webkit-scrollbar-thumb {
    background: #403e3e;
    border-radius: 0
}

    ::-webkit-scrollbar-thumb:hover {
        background: #fd6308;
        cursor: pointer
    }

    ::-webkit-scrollbar-thumb:active {
        background: #fd6308
    }

body {
    font-weight: 400;
    font-size: 14px;
    overflow-x: hidden
}

.gentle-line {
    width: 100%;
    padding: 5px 0 0;
    background: #fff;
    margin: 0
}

.gentle-slider {
    background-image: url('/Content/images/turkey/mp-bg.webp');
    background-position: bottom;
    height: auto;
    position: relative
}
/*@media(max-width: 769px){
    .gentle-slider {
        background-image: url('https://images.unsplash.com/photo-1510253687831-0f982d7862fc?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8dHVya2V5fGVufDB8fDB8fHww');
    }
}
*/
.gentle-row, .imgset .row, .row-ma {
    display: flex;
    flex-wrap: wrap
}

.gentle-line .container > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.back, .header-ico {
    padding: 10px
}

.form {
    background: #fff;
    padding: 0 14px !important;
    margin-top: -29px !important
}

.submitme {
    background: #ea860f !important;
    color: #fff !important;
    padding: 11px 25px !important;
    margin-bottom: 15px !important;
    border: 1px solid #3eb1e4 !important;
    border-radius: 3px;
    margin-top: 12px;
    line-height: 20px !important
}

.gentle-package {
    width: 100%;
    padding: 55px 0 0;
    margin: 0;
    border-top: 0 solid #ddd !important
}

a:hover {
    color: #fff;
    text-decoration: none
}

.book-now-btn:hover {
    background-color: #388e3c
}

.caption h3 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.3);
    max-width: 487px;
    line-height: 1.3;
    margin-bottom: 25px
}

h1.head, h1.head1 {
    text-shadow: 2px 2px 3px #000
}

.banner-text {
    font-size: 1.2rem
}

.book-now-btn {
    display: inline-block;
    margin-top: 15px;
    background-color: #4caf50;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 20px;
    transition: background-color .3s;
    padding: 8px 15px;
    font-size: .9rem
}

.btngroup {
    display: flex;
    gap: 20px
}

    .btngroup .btn1 {
        background: 0 0;
        color: #fff;
        font-size: 14px;
        border-radius: 21px;
        border: 2px solid #fff
    }

    .btngroup .btn2 {
        background: #ff6400;
        color: #fff;
        font-size: 14px;
        border-radius: 21px;
        border: 2px solid #db7875
    }

.gentle-package .thumbnail {
    border: none !important;
    border-radius: 0 !important
}

.gentle-package p {
    font-size: 16px;
    text-align: left
}

.gentle-package h2 {
    font-size: 20px;
    text-align: left;
    font-weight: 700;
    color: #c2272d
}

.fomt-my {
    border-bottom: 1px solid #ddd;
    border: 1px solid #ddd !important;
    margin-bottom: 15px;
    height: 50px !important;
    padding: 4px 15px !important
}

.show_hide, .show_hide2, .show_hide3, .show_hide4, .show_hide5, .show_hide6 {
    color: #c2272d !important;
    cursor: pointer
}

.close {
    display: block !important
}

#zsiq_float, .tou-name {
    display: none !important
}

.close-me {
    float: left !important;
    font-size: 16px !important;
    font-weight: 100 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    background: #fff !important;
    opacity: 10 !important;
    color: #f30 !important
}

.gentle-package .thumbnail h3 {
    text-align: left;
    font-weight: 700;
    margin: 10px 0 16px;
    font-size: 20px
}

.gentle-packagerow .col-xs-3 {
    width: 25%
}

form .list-gro {
    color: #fff;
    font-weight: 600;
    border-radius: 4px 4px 0 0
}

.t-and-c {
    margin-left: 10px;
    color: #000
}

.gentle-packagerow {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px;
    text-align: center;
    padding: 10px 0;
    font-size: 13px
}

.tou-name {
    font-weight: 800;
    background: #c2272d;
    padding: 11px 13px 13px;
    float: left;
    color: #fff;
    font-size: 16px;
    position: relative;
    text-align: left;
    z-index: 999;
    margin-top: -100px;
    border-radius: 0 50px 50px 0
}

    .pricequote em, .tou-name em {
        font-size: 16px !important;
        line-height: 14px;
        float: left;
        padding-bottom: 10px
    }

.tags {
    font-size: 31px
}

.row-ma {
    margin-top: 40px
}

.zoom-img {
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.thumbnail > .zoom-img {
    height: 237px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.logo {
    width: 105% !important
}

.text-al {
    text-align: right !important;
    font-size: 20px !important
}

.btn-hover, .button, .buttons, .cap-head, .card-body i, .card-content, .card-title, .copyright-line, .float, .footer-about, .footer-info, .header-video, .heading-hr, .hero-form h3, .imgset .text-center, .list-gro, .mor, .offer-image h1, .pakage, .pakage h4, .play-button .icofont, .pppppp, .sDeal-action, .sDeal-bottom p, .section-title, .service-card, .single-address ul, .single-faq, .soical-nav a, .stile-con, .subscribe-texts, .tagss, .text-center, .thankyou, .video-testimonial, .what-we-do, .what-we-do .thumbnail p, a.viewMoreText, h1.head, h2.headerText, span.ep {
    text-align: center
}

.text-al span {
    float: right;
    padding: 0 0 10px
}

.text-al a {
    color: #202020 !important;
    padding: 10px;
    font-size: 17px
}

    .text-al a:hover {
        color: #202020 !important;
        text-decoration: none
    }

.holiday {
    background: url(~/Content/images/CategorySectionBackground.jpg);
    padding: 50px 0
}

.packageImage {
    padding: 0 20px
}

    .packageImage img {
        height: 300px;
        width: 220px
    }

.pakage {
    margin: 10px 0
}

    .pakage img {
        border-radius: 5px
    }

.subCardTag {
    border: 1px solid #3eb1e4;
    padding: 0 3px;
    display: none;
    margin: 4px 10px;
    font-size: 13px;
    border-radius: 3px;
    color: #000
}

.categoryHeaderText, .categorySubHeader1, .categorySubHeader2 {
    color: #3eb1e4;
    text-transform: capitalize
}

a.viewMoreText {
    font-weight: 600;
    display: block;
    margin-top: 15px
}

.makeFlex.row {
    display: flex;
    flex-direction: row
}

.holidayExpertCont {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    margin-right: 0;
    position: relative;
    width: 100%
}

.card-body, .flex-col, .makeFlex.column {
    flex-direction: column
}

.holidayExpertCont img {
    height: 250px;
    width: 250px
}

.holidayExpertInfoCont {
    padding-bottom: 15px
}

.makeFlex.spaceBetween {
    margin: auto
}

.categoryHeaderText {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px
}

.categoryHeroBanner .commonSlider__info--left {
    margin-right: 0;
    max-width: 250px;
    width: max-content;
    word-break: break-all
}

.categorySubHeader1 {
    font-size: 48px;
    font-weight: 900;
    line-height: 48px
}

.categorySubHeader2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 30px
}

.pakage h4 {
    padding: 15px 0 0 15px;
    font-size: 20px;
    font-weight: 600
}

.categoryDescription {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    color: #404040;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 3px;
    overflow: hidden;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    width: 230px
}

.stile-con, .what-we-do {
    width: 100%;
    padding: 55px 0;
    float: left
}

h2.headerText {
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 30%;
    left: 20px;
    background: linear-gradient(45deg,transparent,#1595ce,transparent);
    padding: 10px;
    line-height: 1.5;
    text-transform: capitalize;
    width: 60%
}

.border-top {
    border-bottom: 1px solid #fff !important
}

.dis {
    display: flex;
    align-items: center
}

.stile-con {
    background: url(../images/testimonials-back.jpg) ;centercover fixed;
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    color: #fff
}

.linkbutton:hover {
    text-decoration: blink;
    color: #fff !important;
    background: #c2272d !important
}

.tagss {
    font-size: 23px;
    color: #c2272d
}

.navbar-default .navbar-toggle:hover .icon-bar, .what-we-do, .white-bg {
    background: #fff
}

    .what-we-do .thumbnail {
        border: 1px dashed #ccc !important;
        border-radius: 0 !important;
        padding: 15px !important;
        color: #242424 !important;
        min-height: 275px
    }

        .what-we-do .thumbnail:hover {
            border: 1px dashed #c2272d
        }

        .what-we-do .thumbnail h3 {
            margin: 0 0 10px 10px;
            font-size: 17px;
            font-weight: 700;
            color: #c2272d;
            text-align: center
        }

        .what-we-do .thumbnail p {
            font-size: 17px
        }

.heading-hr {
    width: 85px;
    background: #c2272d;
    font-weight: 700;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 10px !important;
    border: none
}

.linkbuttonn {
    padding: 11px 25px;
    font-size: 21px;
    font-weight: 500;
    color: #fff !important;
    border-radius: 3px;
    background: #c2272d !important
}

    .linkbuttonn:hover {
        text-decoration: blink;
        color: #fff !important;
        background: #202020 !important
    }

.contact-btn, .footer-line a, .footer-line p, .logo, .logo:hover, .nav-link, .nav-link:hover, .soical-nav a, a, a.contno, a:focus, footer ul li a, ins {
    text-decoration: none
}

.footer-line {
    width: 100%;
    float: left;
    padding: 50px 0;
    color: #fff;
    background: #1f2532
}

.footer-heading-space h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 9px !important
}

.button, .fa-title, .offer-texts h6, .sDeal-bottom h6, .single-address h6, .single-faq h6, .single-process h6, .spe-offer-features h6 {
    text-transform: uppercase
}

.footer-line p {
    color: #fff;
    font-weight: 400
}

.footer-line a {
    color: #ececec;
    font-size: 16px;
    font-weight: 400
}

    .footer-line a:hover {
        color: #fff;
        text-decoration: blink
    }

.footer-social-icon > i {
    color: #fff;
    padding: 8px 10px;
    background: #484848;
    border-radius: 50%
}

.copyright-line {
    background: #009692;
    float: left;
    width: 100%;
    padding: 10px 0;
    color: #636976
}

@media(max-width:769px) {
    .pakage {
        margin-bottom: 30px
    }

    .navbar {
        position: absolute !important;
        text-align: center
    }

    .contno {
        display: none !important
    }

    .navbar-brand {
        justify-content: center
    }

    .banner, .banner-image, .banner-image img {
        width: 100%
    }

    .formc {
        padding: 0
    }

    .section-head h4 {
        margin-top: 20px
    }

    .sDeal-top .carousel img {
        height: 300px
    }

    .sDeal-bottom {
        padding: 30px 0
    }
}

@media only screen and (min-width:360px) and (max-width:640px) {
    .copyright-line {
        font-size: 12px;
        position: relative !important
    }

    .busi-section, .row-ma {
        margin-top: 10px
    }

    .footer-line a {
        font-size: 14px
    }

    .tou-name {
        font-size: 15px
    }

    .btn-default, .btn-primary {
        font-size: 13px !important
    }

    .stile-con {
        padding: 35px 0;
        font-size: 20px
    }

    .linkbutton, .linkbuttonn {
        padding: 9px 10px;
        font-size: 14px
    }

    .gentle-package {
        width: 100%;
        float: left;
        padding: 15px 0 0;
        font-family: Poppins,sans-serif;
        margin: 0;
        border-top: 1px solid #ddd !important
    }

        .gentle-package p {
            font-size: 14px;
            text-align: left;
            margin-bottom: 6px
        }

    .tags {
        font-size: 21px
    }

    .dis, h2.headerText {
        display: none
    }

    .border-top {
        border-bottom: 1px solid #ddd !important;
        padding: 10px !important
    }

    .text-al {
        text-align: center !important;
        font-size: 14px !important
    }

    .gentle-slider {
        width: 100%;
        padding: 3px 0 0;
        background-size: cover;
        margin: 0;
        height: 50vh
    }

    .gentle-line {
        padding-bottom: 0 !important
    }

    .gentle-packagerow {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin: 0 0 10px;
        text-align: center;
        padding: 10px 0;
        font-size: 11px
    }

    .orange {
        color: #c2272d !important
    }

    .footer-line .col-sm-3 {
        margin: 30px
    }

    .btn-default {
        color: #000 !important;
        background-color: #c2272d !important
    }

    @media(max-width:769px) {
        .gentle-line .col-md-10 .row, .gentle-line .col-md-2 {
            text-align: center
        }

            .gentle-line .col-md-2 .logo {
                max-width: 200px !important
            }
    }
}

.hero-heading, .hero-para, .hero-para1 {
    font-family: "Playfair Display",serif;
    font-optical-sizing: auto;
    font-style: normal
}

.button, .footer-links li, .left-content, .listinline li, .play-button, .single-partner a, .tophead ul li, strike {
    display: inline-block
}

.nav-item, .no-margin, blockquote, dd, dl, figure, form.headerform > .row, h1, h2, h3, h4, h5, h6, hr, img, p, pre {
    margin: 0
}

.btn-default {
    color: #fff !important;
    background: linear-gradient(45deg,#c2272d,#c2272d) !important;
    border-color: #fff !important;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    box-shadow: 0 3px 7px rgb(0 0 0 / 8%) !important;
    border-radius: 7px
}

.pricequote {
    font-weight: 800;
    background: #c2272d;
    padding: 11px 13px 13px;
    float: right;
    color: #fff;
    font-size: 18px;
    position: absolute;
    text-align: left;
    z-index: 999;
    border-radius: 0 0 20px 20px;
    top: 4px;
    left: 30px
}

.no-padding, img {
    padding: 0
}

.inline-form, .mailchimp-box, .offer-image, .play-button, .relative, .sDeal-top, .single-process, .video-testimonial {
    position: relative
}

strike {
    font-size: 14px;
    font-weight: 800
}

.caption h5 {
    min-height: 30px
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0
}

.lastsearchbox td, .social-menu a:before {
    vertical-align: middle
}

img {
    border: 0;
    background: 0 0
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #ffe082;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

::-webkit-input-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

::-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

.card-body h4, .mailchimp-response .response a:hover, h1, h2, h3, h4, h5, h6 {
    color: #000
}

blockquote, p, ul {
    line-height: 1.5;
    font-size: 14px
}

.button {
    font-size: 14px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    background: #b80a06 !important;
    padding: 0 30px;
    border: none;
    width: 100%;
    border-radius: 6px;
    letter-spacing: .1em;
    transition: .5s
}

    .button.sm {
        font-size: 13px;
        line-height: 40px;
        padding: 0 25px;
        border-radius: 8px
    }

    .button:focus, .button:hover {
        color: #fff;
        background: #000
    }

.overlay.light {
    background: rgba(0,0,0,.2)
}

.overlay {
    background: rgba(0,0,0,.3)
}

.section-head h4 {
    font-weight: 600;
    color: #3eb1e4;
    padding-bottom: 5px;
    font-size: 30px;
    margin: 24px
}

    .section-head h4 span, h4 {
        color: #3eb1e4
    }

.deals-list > .row > .col-md-6, .flex, .st-top {
    display: flex
}

.play-button .pb-border-1 {
    padding: 5px;
    display: block;
    border-radius: 50%;
    background: rgba(76,134,250,.2)
}

.play-button .pb-border-2 {
    padding: 5px;
    display: block;
    border-radius: 50%;
    background: rgba(76,134,250,.5)
}

.play-button .icofont {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 50%;
    background: #4c86fa;
    color: #fff;
    display: block
}

.inline-form {
    margin: 14px 0
}

    .inline-form input[type=email], .inline-form input[type=text] {
        width: 100%;
        line-height: 48px;
        border: none;
        background: #fff;
        border-radius: 25px;
        color: #777;
        padding-left: 30px
    }

    .inline-form input[type=submit] {
        position: absolute;
        top: 3px;
        right: 3px;
        padding: 0 30px;
        line-height: 44px
    }

.mailchimp-box {
    padding: 20px 0
}

.mailchimp-response .response {
    background: #fff;
    margin-top: 15px;
    padding: 15px;
    transition: .5s;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

    .mailchimp-response .response a {
        color: red;
        font-weight: 700;
        display: block
    }

    .mailchimp-response .response.successs {
        color: #2fca2d
    }

    .mailchimp-response .response.errorr {
        color: red
    }

.top-bar {
    width: 100%;
    background: #fff;
    z-index: 999
}

.nav-list {
    padding-right: 28px
}

.navbar-default {
    background-color: transparent;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important
}

.navbar-brand {
    padding: 0 15px
}

.navbar-default .navbar-toggle .icon-bar, .slick-arrow {
    background: #000
}

.navbar-default .navbar-toggle {
    border-color: #fff;
    transition: .5s
}

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #4c86fa;
        border-color: #4c86fa
    }

.nav > li > a {
    padding: 15px 20px
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-weight: 500;
    letter-spacing: .1em
}

    .navbar-default .navbar-nav > li.current > a, .navbar-default .navbar-nav > li > a:hover {
        color: #00b103;
        background-color: transparent
    }

.header-section {
    background: url(../images/bg/header.jpg) center center/cover
}

    .header-section .overlay {
        padding: 150px 0
    }

.header-texts {
    margin: 30px 0
}

    .copyright-line p, .copyright-text a, .footer-links li a, .header-texts h4, .spe-offer-texts h4, .subscribe-texts p, .video-testimonial h5 small, button a, h1.head, i.fa-solid.fa-phone.ii {
        color: #fff
    }

        .header-texts h4 small {
            color: #fff;
            font-size: 14px;
            font-weight: 900
        }

    .header-texts h3 {
        color: #fff;
        padding: 29px 0
    }

    .header-texts h1 {
        color: #fff;
        font-size: 80px;
        padding-bottom: 35px
    }

.header-video {
    padding: 89px 0;
    margin: 55px 0;
    border: 1px solid rgba(255,255,255,.5)
}

.process-section {
    padding: 93px 0 53px
}

.single-process {
    padding-left: 80px;
    margin-bottom: 40px
}

    .single-process .icofont {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 60px;
        color: #4c86fa
    }

    .single-process h6 {
        padding-bottom: 5px
    }

.deals-section, .testimonials-section {
    padding-top: 50px
}

.sDeal-action .button {
    font-size: 16px;
    padding: 5px 60px
}

.single-deal {
    background-color: #fff;
    margin-bottom: 50px;
    padding-bottom: 70px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%)
}

    .offer-image img, .single-deal img, .w-full {
        width: 100%
    }

.sDeal-top .carousel img {
    height: 390px;
    object-fit: cover
}

.sDeal-bottom p.hotel-location, h1.mb-3.text-xl.font-bold.text-indigo-500 {
    font-size: 20px
}

.header-ico img {
    height: 18px
}

.sDeal-action {
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translateX(-50%)
}

.sDeal-bottom {
    padding: 34px 35px 30px;
    background: #fff;
    font-size: 16px
}

.cap-head {
    background: #3eb1e4;
    font-size: 18px;
    padding: 15px;
    color: #fff
}

.sDeal-bottom h6 {
    font-size: 23px;
    padding-bottom: 0;
    margin: 5px auto
}

    .sDeal-bottom h6 span {
        font-weight: 300;
        color: #777;
        display: block;
        text-transform: none;
        padding-bottom: 7px
    }

.offer-texts ul li, .spe-offer-features ul li {
    float: left;
    color: #000;
    line-height: 30px;
    font-weight: 900
}

.sDeal-bottom p {
    font-size: 14px;
    padding: 4px 0
}

    .sDeal-bottom p.discription {
        text-align: justify
    }

.offer-section {
    padding: 130px 0
}

.offer-image h1 {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -36px
}

.offer-texts {
    padding: 50px 0 0 20px
}

    .offer-texts h6 {
        color: #fff;
        background: #4c86fa;
        padding: 3px 15px;
        display: inline-block;
        margin-bottom: 14px
    }

    .offer-texts h4 {
        font-weight: 300
    }

    .offer-texts h3 {
        padding: 13px 0 10px
    }

    .offer-texts ul {
        padding-bottom: 20px
    }

        .offer-texts ul li {
            width: 33.33%
        }

            .offer-texts ul li:before, .spe-offer-features ul li:before {
                font-family: icofont;
                content: "\efab";
                color: #4c86fa;
                font-weight: 400;
                margin-right: 7px
            }

.price-tag {
    background-color: #3eb1e4;
    color: #fff
}

.spe-offer-section {
    background: url(../images/bg/offer.jpg) center center/cover
}

    .spe-offer-section .overlay {
        padding: 250px 0
    }

.spe-offer-texts {
    margin: 40px 0
}

    .spe-offer-texts h3 {
        color: #fff;
        padding: 29px 0 32px
    }

    .spe-offer-texts h2 {
        color: #fff;
        padding-bottom: 34px
    }

.spe-offer-features {
    background: #fff;
    position: relative;
    padding: 43px 40px 40px;
    margin: 63px 0;
    left: -30px
}

    .spe-offer-features h6 {
        color: #4c86fa;
        padding-bottom: 11px
    }

    .spe-offer-features ul li {
        width: 50%
    }

    .spe-offer-features a.play-button {
        position: absolute;
        top: -27px;
        right: -27px
    }

.single-testimonial {
    background: #fff;
    margin-bottom: 30px
}

    .single-testimonial ul li {
        display: inline-block;
        font-size: 12px;
        color: #4c86fa
    }

    .single-testimonial h5 {
        font-weight: 700;
        color: #777;
        font-size: 16px
    }

        .single-testimonial h5 small {
            display: block;
            font-size: 12px;
            font-weight: 900;
            color: #000;
            padding: 16px 0 10px;
            text-transform: uppercase
        }

.st-top {
    align-items: center;
    padding: 20px
}

.client-image {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100px
}

    .client-image img {
        border-radius: 50%
    }

.client-info {
    flex-grow: 1;
    flex-shrink: 0;
    padding-left: 30px
}

.st-bottom {
    position: relative;
    padding: 40px
}

    .st-bottom .icofont {
        position: absolute;
        font-size: 72px;
        color: #edf3ff;
        z-index: 1;
        left: 36px;
        top: 22px
    }

    .st-bottom blockquote {
        position: relative;
        z-index: 2;
        line-height: 25px
    }

.video-testimonial .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 100px 0 40px
}

.video-testimonial a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px
}

.video-testimonial .client-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 35px
}

.video-testimonial h5 {
    color: #fff;
    padding-top: 60px
}

.partners-section {
    padding-bottom: 79px
}

.single-partner {
    margin: 14px 0 42px
}

.subscribe-section {
    background: url(../images/bg/subscribe.jpg) center center/cover
}

    .subscribe-section .overlay {
        padding: 144px 0
    }

.subscribe-texts h4 {
    color: #fff;
    padding-bottom: 12px;
    font-size: 30px
}

.faq-section {
    padding-top: 50px;
    background: 0 0/100% #f7f7f7;
    color: #fff
}

.single-faq {
    padding-bottom: 36px;
    border: 1px solid;
    box-shadow: 0 0 22px #000;
    background: #fff;
    color: #000;
    min-height: 143px
}

    .single-faq h6 {
        padding: 14px 0;
        font-weight: 700;
        font-size: 16px;
        color: #000
    }

.contact-section {
    padding: 50px 0 60px
}

.contact-form-side h2 {
    padding-bottom: 10px
}

    .contact-form-side h2 span {
        color: #777
    }

.contact-form-side p {
    padding-bottom: 40px
}

.input-box {
    margin-bottom: 30px
}

    .input-box input[type=text], .input-box textarea {
        width: 100%;
        line-height: 46px;
        border: 1px solid #dde8ff;
        background: #fff;
        font-size: 14px;
        color: #777;
        padding-left: 25px;
        font-weight: 300;
        letter-spacing: .05em
    }

    .input-box textarea {
        height: 236px;
        resize: none
    }

.contact-form .error, .contact-form .success {
    display: none;
    font-weight: 700
}

.contact-form .success {
    color: #2fca2d;
    margin: -5px 0 20px
}

.contact-form .error {
    color: red;
    margin: -15px 0 20px
}

.footer-section {
    background: #3eb1e4;
    padding-bottom: 70px;
    width: 100%;
    color: #fff
}

.footer-about {
    padding: 30px 0 40px
}

.copyright-text {
    display: block;
    color: #fff;
    padding: 27px 0 16px;
    line-height: 20px;
    text-align: left;
    font-size: 15px
}

.footer-links li {
    margin-right: 20px
}

    .copyright-text a:hover, .footer-links li a:hover, .single-address a:hover {
        color: #00f
    }

.footer-address {
    background: #fff;
    margin-top: -61px
}

.address-list {
    padding: 34px 40px 17px
}

.fa-title {
    border-bottom: 1px solid #fcf8e8;
    line-height: 60px;
    padding-left: 40px;
    color: #4c86fa
}

.single-address {
    margin-top: 30px
}

    .single-address h6 {
        padding-bottom: 9px;
        font-size: 18px;
        font-weight: 700;
        color: #fff
    }

    .single-address ul {
        padding-bottom: 12px
    }

        .single-address ul li {
            font-size: 18px;
            color: #fff;
            line-height: 28px;
            letter-spacing: .075em
        }

    .single-address a {
        color: #fff;
        font-size: 17px;
        margin-right: 15px
    }

        .single-address a .icofont {
            font-size: 18px;
            position: relative;
            top: 3px;
            padding-left: 3px
        }

.mfp-3d-unfold .mfp-content {
    perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: .3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: .5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

a.button.mobileQuery {
    position: absolute;
    top: 0;
    left: 43%;
    display: none
}

.discription {
    margin: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-center {
        text-align: center
    }

    .tab-left {
        text-align: left
    }

    .header-section .overlay {
        padding: 160px 0
    }

    .header-video, .spe-offer-section .overlay {
        padding: 125px 0
    }

    .spe-offer-features {
        left: -10px
    }

    .single-faq {
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .mobile-left {
        text-align: left
    }

    .thankyou img {
        height: 210px !important;
        width: 100% !important
    }

    .exbtn {
        top: 25% !important
    }

    .contact-form-side p {
        padding-right: 0 !important;
        text-align: justify !important
    }

    .navbar-brand > img {
        margin-right: 56px !important;
        width: 79% !important
    }

    .mobile-center {
        text-align: center
    }

    .pt-30 {
        padding-top: 30px
    }

    .h1-like, h1 {
        font-size: 40px
    }

    .h2-like, h2 {
        font-size: 38px
    }

    .h3-like, h3 {
        font-size: 34px
    }

    .h4-like, h4 {
        font-size: 30px
    }

    .header-section .overlay {
        padding: 130px 0
    }

    .header-texts h1 {
        font-size: 45px;
        line-height: 50px
    }

    .header-texts h3 {
        padding: 14px 0
    }

    .header-video {
        padding: 70px 0
    }

    .spe-offer-texts h3 {
        padding: 15px 0 10px
    }

    .offer-texts ul li, .spe-offer-features ul li {
        width: 100%
    }

    .spe-offer-features a.play-button {
        top: -20px;
        right: -20px
    }

    .st-top {
        display: block;
        padding: 5px
    }

    .client-info, .offer-texts {
        padding-left: 0
    }

    .client-info {
        padding-top: 20px
    }

    .spe-offer-features {
        left: -10px
    }

    .video-testimonial a {
        top: 0;
        z-index: 2
    }

    .single-faq {
        padding-right: 0
    }

    .footer-address {
        margin-top: 30px
    }

    a.button.mobileQuery {
        display: inline-block;
        padding: 0 15px
    }

    .sDeal-action.last {
        top: 88%
    }
}

.formc {
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 3px 6px rgb(0 0 0 / 60%)
}

.footer-logo img {
    height: 90px;
    margin: auto
}

.thankyou {
    padding: 120px 0
}

.form-me {
    border-bottom: 1px solid #ddd;
    border: 1px solid #a09e9e !important;
    margin-top: 10px;
    height: 45px !important;
    padding: 4px 15px !important;
    border-radius: 6px !important;
    width: 100%
}

.modal {
    z-index: 9999
}

.modal-body {
    position: relative;
    padding: 0 0 15px
}

.list-gro {
    background-color: #000;
    font-size: 21px;
    line-height: 54px
}

.linkbutton {
    padding: 11px 25px;
    font-size: 21px;
    font-weight: 500;
    color: #f78f2e !important;
    border-radius: 3px;
    background: #fff !important
}

.chatbot, .float {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    z-index: 100
}

.float {
    bottom: 20px;
    left: 15px;
    background-color: #25d366;
    color: #fff;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999
}

.chatbot {
    bottom: 40px;
    right: 40px
}

.days, .pppppp {
    position: absolute
}

.lead {
    font-weight: 500 !important;
    margin-top: 25px
}

.exbtn {
    margin-bottom: 50px
}

.imgset img {
    width: auto;
    height: 35px;
    margin-right: 15px;
    display: block
}

.imgset .text-center {
    font-size: 20px;
    margin-bottom: 20px;
    padding: 15px;
    border-bottom: 1px dashed #3eb1e42e
}

.tophead ul {
    padding-right: 0;
    display: flex;
    justify-content: end;
    align-items: center
}

    .tophead ul li a {
        padding: 10px;
        color: #fff
    }

.tophead {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ea860f
}

    .tophead img {
        width: 10%;
        filter: invert(1)
    }

.single-address img {
    margin: 6px;
    position: absolute !important;
    margin-left: -28px !important
}

.single-address ul img {
    width: 20px;
    background-color: transparent;
    filter: invert(1);
    margin-right: 5px;
    position: relative
}

.subscribe-texts {
    padding: 20px
}

.mbshow {
    display: none
}

body, html {
    scroll-behavior: smooth
}

.imgset .row > .col-sm-6 {
    display: flex;
    justify-content: start;
    text-align: left;
    padding-bottom: 15px
}

.btn-custom, .justify-center {
    justify-content: center
}

.soical-nav ul, menu, ol, ul {
    margin: 0;
    padding: 0
}

.soical-nav li {
    list-style: none;
    display: inline-block;
    position: relative;
    text-align: justify;
    margin-bottom: 15px;
    color: rgba(255,255,255,.7)
}

.soical-nav a {
    display: block;
    color: rgba(255,255,255,.7);
    padding: 0;
    font-size: 90%;
    width: 38px;
    line-height: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-bottom: 5px
}

.social-menu a[href*="twitter.com"]:before, social-menu a[href*="twitter.com"]:before {
    content: "\f099"
}

.social-menu a[href*="facebook.com"]:before {
    content: "\f39e"
}

.social-menu a[href*="linkedin.com"]:before {
    content: "\f0e1"
}

.social-menu a[href*="instagram.com"]:before {
    content: "\f16d"
}

.social-menu a[href*="pinterest.com"]:before {
    content: "\f231"
}

.social-menu a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Brands';
    font-size: 150%;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit
}

.btn-hover, .head-icon, .sDeal-bottom ul li span {
    font-weight: 600
}

.sDeal-bottom ul li {
    text-align: left;
    margin-bottom: 4px
}

div#site-collapse-nav {
    margin-right: -260px !important
}

.btn-hover {
    width: 300px;
    font-size: 16px;
    color: #fff;
    margin: 20px;
    height: 55px;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    -o-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

    .btn-hover:hover {
        background-position: 100% 0;
        -o-transition: .4s ease-in-out;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out
    }

    .btn-hover.color-1 {
        background-image: linear-gradient(to right,#25aae1,#40e495,#30dd8a,#2bb673);
        box-shadow: 0 4px 15px 0 rgba(49,196,190,.75)
    }

    .btn-hover.color-2 {
        background-image: linear-gradient(to right,#f5ce62,#e43603,#fa7199,#e85a19);
        box-shadow: 0 4px 15px 0 rgba(229,66,10,.75)
    }

    .btn-hover.color-3 {
        background-image: linear-gradient(to right,#667eea,#764ba2,#6b8dd6,#8e37d7);
        box-shadow: 0 4px 15px 0 rgba(116,79,168,.75)
    }

    .btn-hover.color-4 {
        background-image: linear-gradient(to right,#fc6076,#ff9a44,#ef9d43,#e75516);
        box-shadow: 0 4px 15px 0 rgba(252,104,110,.75)
    }

    .btn-hover.color-5 {
        background-image: linear-gradient(to right,#0ba360,#3cba92,#30dd8a,#2bb673);
        box-shadow: 0 4px 15px 0 rgba(23,168,108,.75)
    }

.deals-list {
    margin-top: 50px
}

.retro {
    font-weight: 700;
    color: red
}

@keyframes change-colors {
    0%,100% {
        --color-1: #563e2e;
        --color-2: #d77d37;
        --color-3: #e8a545
    }

    33% {
        --color-2: #563e2e;
        --color-3: #d77d37;
        --color-1: #e8a545
    }

    66% {
        --color-3: #563e2e;
        --color-1: #d77d37;
        --color-2: #e8a545
    }
}

._retro:hover {
    animation: 1s linear infinite change-colors
}

.aa {
    margin-top: 10px !important
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.rounded-2xl {
    border-radius: 1rem
}

.btnnn, .items-center, a.contno {
    align-items: center
}

.min-h-screen {
    min-height: 100vh
}

.flex {
    display: inline-flex !important;
    width: 100%
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2, .py-2 {
    padding-bottom: .5rem
}

.col-span-3 {
    grid-column: span 3/span 3
}

.font-medium, .s-p, h1.head {
    font-weight: 500
}

.text-4xl {
    font-size: 5.25rem;
    line-height: 5.5rem
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem* var(--tw-space-y-reverse));
    font-size: 17px
}

.text-zinc-500 {
    color: rgb(113 113 122 / var(--tw-text-opacity))
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

@media (min-width:1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr));
        height: 650px
    }
}

@media (min-width:768px) {
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:grid {
        display: grid
    }
}

.btn-custom, .btnnn, .card-body, .icon-img, .icons, .pricing-div {
    display: flex
}

.gap-5 {
    gap: 6.25rem;
    margin: 35px
}

.mt-4, .my-4 {
    margin-top: 1rem
}

.duration-500 {
    transition-duration: .5s
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}

.pt-6 {
    padding-top: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.justify-between {
    justify-content: space-between
}

.items-start {
    align-items: flex-start
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
}

.max-w-sm {
    max-width: 42rem
}

.text-indigo-500 {
    color: rgb(99 102 241 / var(--tw-text-opacity))
}

ul.flex.items-start.justify-between {
    justify-content: space-evenly;
    margin-left: -2px
}

.mb-3 {
    margin-bottom: .75rem
}

.w-full {
    height: 316px !important
}

.h-52 {
    height: 13rem
}

button.mt-4.text-xl.w-full.text-white.bg-indigo-600.py-2.rounded-xl.shadow-lg.cursor-pointer {
    width: 38%;
    height: 35px !important;
    margin-left: 28px;
    margin-bottom: 9px;
    padding: 6px
}

.btnnn {
    justify-content: space-between;
    width: 373px;
    margin-left: -27px
}

i.fa-brands.fa-whatsapp.ii {
    color: #fff;
    font-size: 20px
}

li.terms {
    background: #00f;
    color: #fff;
    width: 338px;
    margin-left: 7px
}

h1.text-center.price {
    font-size: 19px;
    font-weight: 600
}

span.text-xl.font-bold.text-blue-600.paise {
    font-size: 18px
}

.font-bold, .hero-heading, .hero-para {
    font-weight: 900
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.bg-top {
    background-position: top
}

.h-full {
    height: 100%
}

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

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

.text-blue-600 {
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.mt-4 {
    font-size: 19px
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

menu, ol, ul {
    gap: 26px;
    list-style: none
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem* var(--tw-space-y-reverse))
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

h1.head {
    position: absolute !important;
    font-size: 82px !important;
    top: 8% !important;
    margin-left: -15px
}

.pppppp {
    top: 60% !important;
    font-size: 23px
}

.text-white {
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.card-body h3, .hero-para1 {
    font-size: 20px;
    padding: 10px
}

.py-2 {
    padding-top: .5rem
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity))
}

.rounded-xl {
    border-radius: .75rem
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

button, select {
    text-transform: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    line-height: inherit;
    font-size: 100%;
    font-weight: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

.btn-blue, .btn-yellow, .card-body h3, .card-body h4, .footer-heading, .hero-para1, .highlight, .logo, .pr, h1.head1, small {
    font-weight: 700
}

.my-4 {
    margin-bottom: 1rem
}

.card-body .span-card, .card-custom {
    margin-top: 15px
}

.days {
    color: #fff;
    background: #f2672b;
    width: 74px;
    height: 28px;
    right: 1px;
    bottom: 2px;
    padding: 7px;
    border-radius: 2px
}

span.plus {
    margin-left: 808px
}

.card-body {
    padding: 15px
}

    .card-body h3 {
        color: #fff;
        border-radius: 20px;
        width: auto
    }

.hero-heading {
    color: #000 !important
}

.hero-para1 {
    margin-bottom: 10px;
    color: #6495ed;
    background: #fff;
    border-radius: 15px;
    width: 55%
}

.icons {
    justify-content: space-evenly
}

    .icons i {
        padding: 10px;
        border-radius: 30%
    }

.price-container {
    align-items: baseline
}

.btn-custom {
    align-items: center;
    width: 150px;
    font-size: 16px;
    background-color: #00adff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 20px
}

.pr {
    font-size: 20px;
    color: #0f59ff;
    padding: 10px;
    border-radius: 20px
}

.support {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px
}

.icon-img {
    justify-content: center;
    align-content: center
}

.support-cards {
    padding: 20px 10px;
    background-color: transparent
}

.support-main {
    padding-top: 20px
}

.hero-para li {
    font-size: 15px;
    margin-top: 10px;
    color: #fff
}

.card-body p.pr {
    font-size: 20px;
    padding: 15px 0;
    width: 100%;
        color: #ffcf22;

}

.card-custom {
    border-radius: 10px;
    position: relative;
    height: auto;
    margin-bottom: 30px
}

.hero-form .form-control, .icon-img, .info-section h5 {
    margin-bottom: 15px
}

.pricing-div {
    justify-content: space-between;
    align-content: end;
    align-items: baseline
}

.card-body {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg,#000,transparent);
    justify-content: end;
    height: initial;
    padding-top: 120px
}

.hero-form, .img-design {
    border-radius: 10px
}

.card-body.support-cards {
    padding: 20px;
    background-color: #fff;
    transition: box-shadow .3s;
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
}

    .card-body.support-cards:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,.15)
    }

.card-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.icon-img {
    height: 65px
}

.s-p {
    font-size: 16px;
    margin: 0;
    padding-top: 5px;
    color: #000
}

.subspell {
    font-style: italic;
    font-size: 12px
}

.hero-form {
    background-color: #fff;
    padding: 0;
    width: 400px;
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
    margin: auto
}

    .hero-form input {
        padding: 20px 10px !important;
        border: 1px solid #ddd;
        border-radius: 2px;
        text-transform: capitalize
    }

.owl-carousel .owl-item img {
    height: 265px;
    display: block;
    width: 100%
}

h1.head1 {
    top: 42% !important;
    position: absolute;
    font-size: 60px;
    margin-left: -15px;
    color: #fff
}

span.ep {
    margin-left: 179px;
    font-size: 30px
}

span.last {
    font-size: 22px;
    font-weight: 600;
    color: #3eb1e4
}

h1.last-head {
    font-size: 14px;
    margin-top: 20px
}

.mor {
    margin: 46px
}

@media(max-width:767px) {
    .head-info, .head1 {
        display: none
    }

    h2.headerText {
        position: absolute;
        top: 27%;
        font-size: 13px;
        left: 25px
    }

    .makeFlex.row {
        display: block
    }

    h1.head1 {
        position: absolute;
        font-size: 33px;
        font-weight: 500;
        top: 15%;
        margin-left: -15px;
        text-shadow: 2px 2px 3px #000;
        color: #fff
    }

    .container.my-5 {
        margin-top: 100%
    }

    .formc {
        position: absolute !important;
        width: 92%;
        margin-top: 61% !important
    }

    .pppppp, h1.head {
        position: relative !important
    }

    .pppppp {
        text-align: center;
        font-size: 18px !important
    }

    h1.head {
        font-size: 30px !important
    }
}

.mypaddddd {
    padding: 20px;
    font-size: 20px
}

@media(max-width:768px) {
    .mbshow .button {
        margin-top: 23px
    }

    .navbar-brand > img {
        height: 56px !important;
        border-radius: 8px;
        width: auto !important;
        margin: 0 auto !important
    }

    .navbar-brand {
        font-size: 1.5rem;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        float: none
    }

    a.contno {
        background: 0 0;
        display: inline-flex;
        align-items: center;
        color: #fff;
        font-size: 22px;
        text-decoration: none;
        font-weight: 600
    }

    body, html {
        scroll-behavior: smooth;
        width: 100% !important;
        clear: both;
        overflow-x: hidden
    }

    img.lg {
        height: 53px !important;
        margin: 14px
    }

    .mypaddddd {
        padding: 0
    }
}

.card-design {
    display: flex;
    justify-content: space-between
}

body {
    line-height: 1;
    font-family: Arial,sans-serif
}

.hero-section {
    position: relative;
    margin-top: 30px
}

.hero-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-top: 0
}

.highlight {
    color: #009692;
    font-size: 34px
}

.info-section {
    border-radius: 10px;
    background-color: rgba(255,255,255,.9);
    padding: 30px 20px;
    border: 2px solid;
    margin-top: 20px;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.3)
}

.essential-tips li, .wjb li {
    position: relative;
    margin-bottom: 10px;
    color: #000
}

.essential-tips li {
    list-style: disc;
    margin-left: 15px
}

.btn-yellow {
    background-color: #009692;
    color: #000;
    padding: 15px;
    border-radius: 16px;
    border: none
}

.btn-blue {
    background-color: #00d1d1;
    color: #fff;
    border: none
}

.footer-info {
    margin-top: 20px;
    font-size: 14px
}

.info-section-1 {
    padding: 15px;
    background-color: #f0f8ff;
    margin-top: 30px;
    border: 2px dashed
}

.navbar-brand {
    height: auto !important
}

h1.col-md-12.head {
    font-weight: 800;
    font-size: 28px
}

.thumbnail a > img, .thumbnail > img {
    border-radius: 15px
}

.navbar-brand > img {
    height: 104px;
    border-radius: 8px;
    margin-top: 0
}

.listinline {
    display: flex;
    justify-content: center
}

.gentle-slider {
    width: 100%;
    padding: 100px 0 50px;
    background-size: cover;
    margin: 0;
    background-attachment: fixed
}

.my-float {
    margin-top: 16px
}

.logo {
    display: inline-flex;
    font-size: 16px;
    color: #277a9e;
    height: 47px
}

small {
    font-size: 11px;
    color: #f79849
}

.logo span {
    margin-top: 20px;
    line-height: 10px
}

.read-more-content {
    display: none;
    padding-top: 22px
}

.read-more {
    display: inline-block;
    margin-top: 8px
}

.cntetpbsos p, .wjb {
    margin-top: 10px
}

    .wjb li i {
        position: absolute;
        left: -24px;
        top: 5px;
        background: #ff6400;
        color: #fff;
        padding: 4px 5px;
        font-size: 9px;
        border-radius: 12px
    }

    .wjb li {
        font-size: 14px;
        margin-left: 25px
    }

.cntetpbsos p {
    color: #000;
    font-size: 14px
}

.footer-heading {
    font-size: 12.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 0;
    color: #fff
}

footer {
    background-color: #343a40
}

    footer h3 {
        font-size: 2.1rem;
        margin-bottom: 2.4rem;
        color: #000
    }

    footer ul {
        padding-left: 0
    }

        footer ul li {
            list-style-type: none;
            margin-bottom: .5rem
        }

            footer ul li a {
                color: #adb5bd
            }

                footer ul li a:hover {
                    color: #fff;
                    text-decoration: underline
                }

    footer p {
        font-size: .9rem;
        color: #6c757d
    }

a.mobileNuber {
    border: 1px solid gray;
    border-radius: 17px
}

@media screen and (max-width:768px) {
    .hero-section {
        display: block;
        flex-direction: column
    }

    .hero-tours {
        margin-top: 15px;
        padding: 0 32px
    }

    .hero-form {
        margin-left: 31px;
        margin-top: 40px
    }

    .gentle-slider:before {
        display: none
    }
}

.hero-section-container {
    background-image: url(/Content/images/turkey/hero-bg.webp);
    background-size: cover;
    margin: 30px auto;
    padding: 120px 60px;
    border-radius: 19px;
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap
}

.line1 {
    width: 70px;
    height: 2px;
    background: #000;
    transform: rotate(90deg);
    margin-top: 30px
}

.hero-textsss h3 {
    font-size: 35px;
    margin-top: 0;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

.hero-textsss h2 {
    margin-top: 9px;
    font-weight: 500;
    font-size: 22px;
    color: #fff
}

.stratingpr {
    font-size: 54px;
    color: #fff
}

    .stratingpr h4 {
        color: #ffc107;
        font-weight: 700
    }

.hero-textsss {
    position: absolute;
    left: -70px;
    top: -121px;
    border-left: 8px solid #009692;
    padding: 9px 80px 9px 30px;
    background: linear-gradient(90deg,#000,transparent);
    border-top-left-radius: 36px;
    border-bottom-left-radius: 11px
}

.gentle-slider:before {
    position: absolute;
    background: linear-gradient(90deg,rgb(12 23 30),transparent);
    width: 100%;
    height: 100%;
    top: 0;
    content: '';
    bottom: 0;
    left: 0
}

.enq-btn {
    width: 100%;
    border: none;
    background-color: #ff6400;
    padding: 15px 0;
    border-radius: 10px;
    color: #fff;
    margin-left: 10px
}

.call-btn {
    font-size: 18px;
    padding: 22px 17px;
    border-radius: 12px;
    border: 1px solid wheat
}

a.contno small {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400
}

a.contno > div {
    padding-left: 10px
}

a.contno {
    background: 0 0;
    display: flex;
    color: #fff;
    font-size: 22px;
    font-weight: 600
}

    a.contno img {
        height: 37px;
        border-radius: 18px
    }

.lastsearchbox .ht {
    padding-left: 15px
}

.row.align-items-center {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.footerBanner {
    background: #ff6400;
    padding: 20px 0;
    color: #fff
}

.hero-text {
    padding-left: 50px;
    max-width: 50%;
    color: #f5f5f5
}

.navbar {
    padding: 7px 20px;
    min-height: initial;
    display: flex;
    margin-bottom: 0;
    justify-content: space-between;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1099;
    background: linear-gradient(180deg,#000,transparent);
    border: none
}

.nav-link, .navbar-nav {
    background-color: gray;
    transition: background-color .3s
}

.contact-btn, .nav-link, .navbar-nav {
    border-radius: 50px
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

    .navbar-brand img {
        height: 142px;
        position: absolute;
        margin-top: 42px;
    }

.navbar-nav {
    flex-direction: row;
    padding: 0
}

.contact-btn, .plus-icon {
    display: inline-flex;
    align-items: center
}

.navbar-nav > li > a {
    padding: 8px 30px;
    display: inline-block
}

.nav-link {
    color: #fff;
    padding: 5px 15px
}

    .contact-btn, .contact-btn:hover, .nav-link:hover {
        background-color: #009692
    }

.contact-btn {
    color: #fff;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 14px
}

.plus-icon {
    background-color: #fff;
    color: #000;
    width: 24px;
    height: 24px;
    justify-content: center;
    border-radius: 50%;
    margin-left: 5px
}

.hero-form form {
    padding: 0 20px 10px
}

.hero-form h3 {
    color: #fff;
    background: #000;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: Roboto;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px
}

.card-tag, .card-title, .hero-text h1, .price, .section-title, .service-card h5 {
    font-weight: 700
}

.hero-form button {
    background-color: navy;
    color: #fff
}

.hero-text h1 {
    font-size: 3em;
    color: #000
}

.hero-text p {
    font-size: 1.2em;
    color: #000
}

.lp-img img {
    height: 40vh;
    padding: 10px;
    border-radius: 18px
}

.list-style-res li {
    list-style: circle;
    margin: 14px 15px;
    padding-left: 12px
}

.d-flex.justify-content-center.gap-2 {
    display: flex;
    align-items: center;
    gap: 18px
}

.card-img-top {
    border: none;
    height: 450px;
    width: 100%;
    object-fit: cover
}

.card-title {
    background-color: #000;
    color: #fff;
    padding: 10px
}

.card-tag {
    position: absolute;
    background: red;
    top: -83px;
    padding: 10px 20px;
    left: 0;
    color: #fff
}

.card-body p {
    font-size: 16px;
    margin: 0;
    padding: 0 10px;
    color: #fff
}

.card-body i {
    color: #fff;
    width: 50px;
    font-size: 18px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    border-radius: 10px
}

.price {
    color: #009688;
    font-size: 20px !important
}

.btn {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    font-size: 16px
}

.btn-outline-dark {
    background: #009290;
    font-size: 13px;
    border-radius: 35px;
    color: #fff;
    border: none;
    padding: 10px 20px
}

.card-header-title {
    font-size: 15px;
    padding: 15px 20px;
    color: #009290;
    display: flex;
    align-items: center
}

    .card-header-title i {
        margin-right: 10px
    }

.line {
    height: 1px;
    background-color: #dcdcdc;
    margin:20px 0;
}

.d-flex.justify-content-center.gap-2.mb-2 {
    display: flex;
    justify-content: center;
    align-items: center
}

.service-card {
    height: 30vh;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0,0,0,.1)
}

    .service-card i {
        font-size: 2rem;
        color: #009290;
        margin-bottom: 10px
    }

    .service-card h5 {
        font-size: 2.2rem;
        margin-bottom: 10px;
        font-family: Poppins,sans-serif
    }

    .service-card p {
        font-size: 13px;
        color: #6c757d
    }

.section-title {
    margin-bottom: 50px;
    font-size: 2rem
}

.custom-package-section {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 50px;
    color: #000;
    background-color: #dee2e6
}

    .custom-package-section h1 {
        color: #000;
        font-family: Prata,Sans-serif;
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
        letter-spacing: 0
    }

.gal-img, .spacillarxaion h1 {
    text-align: center;
    font-weight: 600
}

.custom-package-section .btn-footer {
    background-color: teal;
    font-family: Karla,Sans-serif;
    color: #fff;
    padding: 10px 30px;
    font-size: 13px;
    text-decoration: none
}

    .custom-package-section .btn-footer:hover {
        background-color: #0c0c0c;
        font-family: Karla,Sans-serif
    }

@media (max-width:768px) {
    .rounded-xl {
        margin-bottom: 14px
    }

    h1.text-4xl.md\:text-6xl.text-zinc-500.font-medium {
        font-size: 34px
    }

    .custom-package-section {
        flex-direction: column;
        text-align: center;
        height: auto;
        padding: 20px
    }

        .custom-package-section h1 {
            margin-bottom: 20px
        }
}

.carousel {
    max-width: 100rem;
    padding: 20px
}

.wrapper {
    margin: 0 10px;
    display: flex;
    animation: 10s linear infinite roll
}

    .wrapper img {
        height: 300px
    }

@keyframes roll {
    to {
        transform: translate(calc(-4 * 15rem))
    }
}

h1.text-center.mb-5.co-he {
    font-size: 30px;
    margin-top: 60px;
    font-weight: 700
}

.galimg img {
    height: 40vh;
    border-radius: 10px;
    object-fit: cover
}

.gal-img {
    margin-top: 40px;
    margin-bottom: 22px;
    font-size: 31px
}

.subHeds {
    font-size: 35px;
    font-weight: 700;
    color: #000
}

.maindjehs {
    font-size: 34px;
    font-weight: 700
}

.contactperas {
    font-size: 16px;
    line-height: 28px
}

.cntetpbsos {
    padding: 0;
    background: 0 0;
    border-radius: 10px
}

.arrowbtns {
    width: 16px
}

.spacillarxaion {
    padding: 10px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-top: 20px;
    text-align: center
}

    .spacillarxaion h1 {
        margin: 0;
        font-size: 30px
    }

.padding_SEctions {
    padding: 59px 0
}

.sec-img {
    position: absolute;
    height: 200px;
    width: 200px !important;
    top: -26px;
    left: -43px
}

.sec-img2 {
    position: absolute;
    height: 250px;
    width: 250px !important;
    bottom: -53px;
    right: -8px
}

.imgboubox img {
    border-radius: 232px;
    max-width: 100%;
    width: 100%;
    margin: auto
}

@media(max-width:768px) {
    .hero-form {
        background-color: rgba(255,255,255,.8);
        padding: 0;
        max-width: 100%;
        margin: 10px 0;
        box-shadow: 0 4px 8px rgba(0,0,0,.2);
        width: 100%
    }

    .gentle-slider.clearfix .col-lg-7.col-12 {
        padding: 0 !important
    }

    .navbar-brand > img {
        height: 48px !important;
        border-radius: 8px;
        width: auto !important;
        margin: 0 !important
    }

    .sec-img {
        height: 180px;
        left: 10px
    }

    .sec-img2 {
        display: none;
        height: 217px;
        bottom: -13px;
        right: 10px
    }
}

.gallery-area .row {
    --bs-gutter-x: 17px;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    --bs-gutter-y: 10px;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}

.row.align-items-center > div {
    padding: 5px;
    margin-bottom: 10px !important
}

.gallery-card {
    margin-bottom: 10px
}

.global-img {
    position: relative;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
    border-radius: 24px
}

.gallery-card .box-img .icon-btn {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 3;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border: none;
    font-size: 40px;
    font-weight: 300;
    color: var(--white-color)
}

.global-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
    -webkit-transition: 1.3s;
    transition: 1.3s
}

@media(max-width:769px) {
    .gentle-line .col-md-10 .row, .gentle-line .col-md-2, .hero-textsss, .makeFlex.column, .subHeds {
        text-align: center
    }

    .deals-list > .row > .col-sm-6 {
        padding: 0
    }

    .single-address ul {
        flex-wrap: wrap;
        margin-left: 43px !important
    }

    .footer-section {
        background: #3eb1e4;
        padding-bottom: 30px
    }

    .mbshow {
        display: inline-block;
        float: right;
        margin-right: 15px
    }

    .tophead ul {
        width: 100%;
        padding-right: 0;
        display: flex;
        justify-content: space-between
    }

    .button-sidenav, .gal, .holidayExpertCont {
        display: none
    }

    .makeFlex.column {
        flex-direction: column
    }

    .banner, .banner-image, .banner-image img, .categoryDescription {
        width: 100%
    }

    .holiday {
        padding: 20px 0
    }

    .footer-about {
        padding: 20px 0 10px
    }

    .navbar-header {
        display: flex;
        justify-content: space-between;
        padding-right: 15px
    }

    .section-head h4 {
        margin-top: 20px;
        font-size: 22px
    }

    .discription {
        padding: 0 10px
    }

    .sDeal-top .carousel img {
        height: 260px
    }

    .sDeal-bottom {
        padding: 30px 0
    }

    .imgset p {
        padding: 3px
    }

    .single-deal {
        min-height: fit-content;
        background-color: #fff;
        margin-bottom: 20px;
        overflow: hidden
    }

    .sDeal-action {
        width: 80%;
        bottom: 40px
    }

    .imgset .row img {
        margin-top: 10px
    }

    .sDeal-bottom h6 {
        font-size: 21px
    }

    .sDeal-bottom p.hotel-location {
        font-size: 16px
    }

    .tophead ul li a {
        padding: 10px 5px;
        font-size: 10px
    }

    .button {
        padding: 2px 15px;
        margin-top: 5px;
        line-height: 22px !important
    }

    .deals-section {
        clear: both
    }

    .dest-form-banner {
        right: 0
    }

    .navbar-brand {
        margin-right: auto;
        margin-left: -15px
    }

    .gentle-line .col-md-2 .logo {
        max-width: 200px !important;
        margin: auto
    }

    .gentle-slider {
        width: 100%;
        float: none;
        padding: 50px 0;
        height: initial
    }

    .formc {
        margin-top: 0
    }

    .single-faq {
        margin: 10px 0
    }

    .footer-heading {
        font-size: 2.25rem
    }

    .lastsearchbox .row > div {
        margin-bottom: 22px
    }

    .subHeds {
        font-size: 25px;
        font-weight: 700;
        color: #000;
        margin-top: 20px
    }

    .hero-textsss {
        position: relative;
        left: initial;
        top: initial;
        border-left: none;
        padding: 0;
        background: 0 0;
        border-top-left-radius: 36px;
        border-bottom-left-radius: 11px;
        width: 100%
    }

    .hero-section-container {
        padding: 30px 10px;
        border-radius: 19px;
        max-width: 900px;
        margin: 30px auto;
        display: flex;
        flex-wrap: wrap
    }

    .accordion__wrapper {
        padding: 5rem 2rem
    }
}