/*Css Index Find Easily
1. Navbar Css : Line No.  { 01 To 10 }
2. Header Css : Line No.  { 11 To 20 }
3. Stats  Css : Line No.  { 21 To 30 }
4. About  Css : Line No.  { 31 To 40 }
5. Pricing Css : Line No. { 41 To 50 }
6. WhyChoose Css : Line No. { 51 To 60 }
7. Blog Css : Line No. { 61 To 70 }
8. Footer Css : Line No. { 71 To 80 }
9. Breadcrumb Css : Line No. { 81 To 90 }
10. Contact Css : Line No. { 91 To 100 }
11. Service Css : Line No. { 101 To 110 }
12. Newsletter Css : Line No. { 111 To 120 }
13. About Video : Line No. { 121 To 130 }
14. Vision Css : Line No. { 131 To 140 }
15. Desclaimer Css : Line No. { 141 To 150 }
16. Terms&Conditions Css Line no. { 151 To 160 }
17. Privacy Policy Css : Line No. { 161 To 170 }
18. Cancellation Policy Css : Line no. { 171 To 180 }
19. Blog Css : Line No. { 181 To 190 }

*/


/* =========================================
   NAVBAR
========================================= */

.custom-navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 25px 0;
}

/* LOGO */

.navbar-brand img {
    max-width: 200px;
}

/* NAV MENU */

.custom-navbar .navbar-nav {
    gap: 20px;
}

/* NAV LINKS */

.custom-navbar .nav-link {
    color: var(--white-color);
    font-size: var(--fs-18);
    font-weight: var(--fw-700);
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: var(--transition);
    padding: 10px 5px !important;
}

/* REMOVE RED LINE */

.custom-navbar .nav-link::before {
    display: none;
}

/* HOVER & ACTIVE */

.custom-navbar .nav-link:hover,
.custom-navbar .nav-link.active {
    color: var(--primary-color);
}

/* =========================================
   DROPDOWN
========================================= */

.custom-dropdown {
    position: relative;
}

/* FIX DROPDOWN CLOSE ISSUE */

.custom-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    pointer-events: auto;
}

/* DROPDOWN MENU */

.custom-dropdown .dropdown-menu {
    display: block;
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 320px;
    background: #f2f2f2;
    border: none;
    border-radius: 0;
    padding: 14px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--transition);
}

/* REMOVE CUT */

.custom-dropdown .dropdown-menu::before {
    display: none;
}

/* DROPDOWN ITEMS */

.custom-dropdown .dropdown-item {
    position: relative;
    color: var(--black-color);
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
    letter-spacing: 3px;
    padding: 16px 16px;
    margin-bottom: 10px;
    transition: var(--transition);
    background: transparent;
    text-transform: uppercase;
}

/* ONLY HOVER EFFECT */

.custom-dropdown .dropdown-item:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

/* =========================================
   BUTTON
========================================= */

.join-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: var(--fs-18);
    font-weight: var(--fw-700);
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: var(--transition);
}

/* BUTTON HOVER */

.join-btn:hover {
    color: var(--white-color);
    transform: translateY(-6px);
    background: var(--secondary-color);
}

/* =========================================
   TOGGLER
========================================= */

.navbar-toggler {
    color: var(--white-color);
    font-size: 28px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1199px) {

    .custom-navbar {
        background: var(--black-color);
        padding: 18px 0;
    }

    .navbar-collapse {
        background: #111111;
        padding: 25px;
        margin-top: 20px;
    }

    .custom-navbar .navbar-nav {
        gap: 0;
    }

    .custom-navbar .nav-link {
        padding: 14px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .custom-dropdown .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: #1a1a1a;
        padding: 10px;
        margin-top: 10px;
        display: none;
    }

    .custom-dropdown:hover .dropdown-menu {
        display: block;
    }

    .custom-dropdown .dropdown-item {
        color: var(--white-color);
        font-size: var(--fs-16);
        padding: 14px 16px;
    }

    .custom-dropdown .dropdown-item:hover {
        background: var(--primary-color);
    }

    .navbar-btn {
        margin-top: 25px;
    }

    .join-btn {
        width: 100%;
    }

}

@media(max-width:767px) {

    .navbar-brand img {
        max-width: 170px;
    }

    .custom-navbar {
        padding: 15px 0;
    }

    .custom-navbar .nav-link {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .join-btn {
        padding: 15px 20px;
        font-size: 15px;
    }

}

/* =========================================
   HERO SECTION
========================================= */

.hero-section {
    position: relative;
    background: var(--black-color);
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 180px 0 100px;
}

/* HERO CONTENT */

.hero-content {
    position: relative;
    z-index: 2;
}

/* SUBTITLE */

.hero-subtitle {
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-24);
    font-weight: var(--fw-700);
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* TITLE */

.hero-title {
    color: var(--white-color);
    font-size: 60px;
    font-weight: var(--fw-700);
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 35px;
    max-width: 850px;
}

/* RED TEXT */

.hero-title span {
    color: var(--primary-color);
}

/* DESCRIPTION */

.hero-description {
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
    max-width: 700px;
    margin-bottom: 45px;
}

/* BUTTON */

.hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: var(--fs-20);
    font-weight: var(--fw-700);
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 20px 38px;
    transition: var(--transition);
}

/* BUTTON HOVER */

.hero-btn:hover {
    background: var(--secondary-color);
    color: var(--white-color);
    transform: translateY(-6px);
}

/* HERO IMAGE */

.hero-image {
    position: relative;
    text-align: right;
}

/* HERO IMAGE IMG */

.hero-image img {
    width: 100%;
    max-width: 850px;
    object-fit: contain;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px) {

    .hero-title {
        font-size: 80px;
    }

}

@media(max-width:1199px) {

    .hero-section {
        padding: 160px 0 80px;
    }

    .hero-title {
        font-size: 65px;
    }

    .hero-description {
        font-size: var(--fs-20);
    }

}

@media(max-width:991px) {

    .hero-section {
        text-align: center;
        padding: 150px 0 70px;
    }

    .hero-title {
        font-size: 58px;
        max-width: 100%;
    }

    .hero-description {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-image {
        margin-top: 60px;
        text-align: center;
    }

}

@media(max-width:767px) {

    .hero-section {
        padding: 140px 0 60px;
        min-height: auto;
    }

    .hero-subtitle {
        font-size: 16px;
        letter-spacing: 0px;
    }

    .hero-title {
        font-size: 42px;
        line-height: 1.2;
        margin-bottom: 25px;
    }

    .hero-description {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 35px;
    }

    .hero-btn {
        font-size: 16px;
    }

    .hero-image {
        display: none;
    }

}

@media(max-width:575px) {

    .hero-title {
        font-size: 34px;
    }

}
/* =========================================
   STATS SECTION
========================================= */

.stats-section{
    position: relative;
    background: var(--black-color);
    padding: 70px 0;
    overflow: hidden;
}

/* STATS ITEM */

.stats-item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    height: 100%;
}

/* NUMBER */

.stats-number{
    display: flex;
    align-items: center;
    gap: 5px;
}

/* NUMBER */

.stats-number h2{
    color: var(--white-color);
    font-size: 72px;
    font-weight: var(--fw-700);
    line-height: 1;
    margin-bottom: 0;
}

/* PLUS ICON */

.stats-number span{
    color: var(--primary-color);
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CONTENT */

.stats-content p{
    color: #bdbdbd;
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    line-height: 1.5;
    margin-bottom: 0;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .stats-number h2{
        font-size: 60px;
    }

}

/* TABLET */

@media(max-width:991px){

    .stats-section{
        padding: 60px 0;
    }

    .stats-number h2{
        font-size: 50px;
    }

    .stats-content p{
        font-size: 17px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .stats-section{
        padding: 50px 0;
    }

    /* 2 COLUMN GRID */

    .stats-section .row{
        row-gap: 25px;
    }

    .stats-item{
        justify-content: center;
        text-align: left;
        gap: 10px;
    }

    .stats-number h2{
        font-size: 36px;
    }

    .stats-number span{
        font-size: 12px;
    }

    .stats-content p{
        font-size: 13px;
        line-height: 1.4;
    }

}

/* SMALL MOBILE */

@media(max-width:575px){

    .stats-number h2{
        font-size: 32px;
    }

    .stats-content p{
        font-size: 12px;
    }

}
/* =========================================
   ABOUT SECTION
========================================= */

.about-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0;
    overflow: hidden;
}

/* IMAGE WRAPPER */

.about-image-wrapper{
    position: relative;
    max-width: 540px;
}

/* SHAPE */

.about-shape{
    position: absolute;
    background: var(--primary-color);
    z-index: 1;
}

/* TOP SHAPE */

.about-shape-top{
    width: 140px;
    height: 180px;
    top: -15px;
    left: -15px;
}

/* BOTTOM SHAPE */

.about-shape-bottom{
    width: 140px;
    height: 180px;
    bottom: -15px;
    right: -15px;
}

/* ABOUT IMAGE */

.about-image{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.about-image img{
    width: 100%;
    display: block;
}

/* ABOUT CONTENT */

.about-content{
    padding-left: 30px;
}

/* SUBTITLE */

.about-subtitle{
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-24);
    font-weight: var(--fw-700);
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* TITLE */

.about-title{
    color: var(--white-color);
    font-size: 52px;
    font-weight: var(--fw-700);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 30px;
}

/* DESCRIPTION */

.about-description{
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
    margin-bottom: 45px;
}

/* FEATURES */

.about-features{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 35px 30px;
    margin-bottom: 45px;
}

/* SINGLE FEATURE */

.about-feature-item{
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

/* ICON */

.feature-icon{
    min-width: 36px;
    width: 36px;
    height: 36px;
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
}

/* FEATURE TITLE */

.feature-content h4{
    color: var(--white-color);
    font-size: 24px;
    font-weight: var(--fw-700);
    margin-bottom: 12px;
}

/* FEATURE TEXT */

.feature-content p{
    color: #bdbdbd;
    font-size: 17px;
    line-height: 1.7;
}

/* BUTTON */

.about-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: var(--fs-18);
    font-weight: var(--fw-700);
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 20px 45px;
    transition: var(--transition);
}

/* BUTTON HOVER */

.about-btn:hover{
    background: var(--secondary-color);
    color: var(--white-color);
    transform: translateY(-6px);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .about-title{
        font-size: 54px;
    }

}

@media(max-width:1199px){

    .about-title{
        font-size: 46px;
    }

    .feature-content h4{
        font-size: 24px;
    }

}

@media(max-width:991px){

    .about-section{
        padding: 100px 0;
    }

    .about-content{
        padding-left: 0;
    }

    .about-image-wrapper{
        margin: auto;
    }

}

@media(max-width:767px){

    .about-section{
        padding: 80px 0;
    }

    .about-title{
        font-size: 36px;
    }

    .about-description{
        font-size: 16px;
    }

    .about-features{
        grid-template-columns: repeat(1,1fr);
        gap: 25px;
    }

    .feature-content h4{
        font-size: 22px;
    }

    .feature-content p{
        font-size: 15px;
    }

    .about-btn{
        font-size: 16px;
    }

    .about-shape-top{
        width: 90px;
        height: 120px;
        top: -15px;
        left: -15px;
    }

    .about-shape-bottom{
        width: 90px;
        height: 120px;
        bottom: -15px;
        right: -15px;
    }

}

@media(max-width:575px){

    .about-title{
        font-size: 30px;
    }

}
/* =========================================
   PRICING SECTION
========================================= */

.pricing-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0;
    overflow: hidden;
}

/* LEFT CONTENT */

.pricing-subtitle{
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-24);
    font-weight: var(--fw-700);
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.pricing-title{
    color: var(--white-color);
    font-size: 64px;
    font-weight: var(--fw-700);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.pricing-description{
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
    margin-bottom: 35px;
}

/* LIST */

.pricing-list{
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
}

.pricing-list li{
    display: flex;
    align-items: center;
    gap: 14px;
    color: #bdbdbd;
    font-size: 18px;
    margin-bottom: 20px;
}

.pricing-list li i{
    color: var(--primary-color);
}

/* BUTTON */

.pricing-btn,
.card-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 20px 45px;
    font-size: var(--fs-18);
    font-weight: var(--fw-700);
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: var(--transition);
}

.pricing-btn:hover,
.card-btn:hover{
    background: var(--secondary-color);
    color: var(--white-color);
    transform: translateY(-6px);
}

/* =========================================
   CARD
========================================= */

.pricing-card{
    position: relative;
    background: #0d0d0d;
    padding: 60px 50px;
    transition: 0.4s ease;
    height: 100%;
}

/* ONLY HOVER MOVE */

.pricing-card:hover{
    transform: translateY(-30px);
}

/* TITLE */

.pricing-card h3{
    color: var(--white-color);
    font-size: 40px;
    font-weight: var(--fw-700);
    margin-bottom: 35px;
}

/* PRICE */

.pricing-price{
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 35px;
}

.pricing-price h2{
    color: var(--primary-color);
    font-size: 60px;
    font-weight: var(--fw-700);
    margin-bottom: 0;
}

.pricing-price span{
    color: #bdbdbd;
    font-size: 20px;
    margin-bottom: 10px;
}

/* LINE */

.pricing-card::after{
    content: '';
    width: 100px;
    height: 1px;
    background: rgba(255,255,255,0.15);
    position: absolute;
    top: 210px;
    left: 50px;
}

/* LIST */

.pricing-card ul{
    list-style: none;
    padding: 0;
    margin: 60px 0 40px;
}

.pricing-card ul li{
    display: flex;
    align-items: center;
    gap: 14px;
    color: #bdbdbd;
    font-size: 20px;
    margin-bottom: 28px;
}

.pricing-card ul li i{
    color: var(--primary-color);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .pricing-title{
        font-size: 54px;
    }

}

@media(max-width:1199px){

    .pricing-title{
        font-size: 46px;
    }

    .pricing-card{
        padding: 50px 35px;
    }

}

@media(max-width:991px){

    .pricing-section{
        padding: 100px 0;
    }

    .pricing-card:hover{
        transform: translateY(-15px);
    }

}

@media(max-width:767px){

    .pricing-section{
        padding: 80px 0;
    }

    .pricing-title{
        font-size: 36px;
    }

    .pricing-description{
        font-size: 16px;
    }

    .pricing-card{
        padding: 40px 25px;
    }

    .pricing-card h3{
        font-size: 30px;
    }

    .pricing-price h2{
        font-size: 44px;
    }

    .pricing-card ul li{
        font-size: 16px;
    }

    .pricing-btn,
    .card-btn{

        font-size: 16px;
    }

}
/* =========================================
   WHY CHOOSE US SECTION
========================================= */

.why-choose-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0;
    overflow: hidden;
}

/* SUBTITLE */

.why-subtitle{
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-24);
    font-weight: var(--fw-700);
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* TITLE */

.why-title{
    color: var(--white-color);
    font-size: 55px;
    font-weight: var(--fw-700);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 30px;
}

/* DESCRIPTION */

.why-description{
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
    margin-bottom: 45px;
}

/* PROGRESS ITEM */

.progress-item{
    padding: 0px 35px;
    margin-bottom: 35px;
}

/* TOP */

.progress-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

/* TITLE */

.progress-top h4{
    color: var(--white-color);
    font-size: 34px;
    font-weight: var(--fw-700);
    margin-bottom: 0;
}

/* PERCENT */

.progress-top span{
    color: #bdbdbd;
    font-size: 20px;
}

/* CUSTOM BAR */

.custom-progress{
    width: 100%;
    height: 14px;
    background: #3a3a3a;
    overflow: hidden;
}

/* INNER BAR */

.progress-bar-inner{
    height: 100%;
    width: 0;
    background: var(--primary-color);
    transition: 2s ease;
}

/* =========================================
   IMAGE
========================================= */

.why-image-wrapper{
    position: relative;
    max-width: 540px;
    margin-left: auto;
}

/* SHAPES */

.why-shape{
    position: absolute;
    background: var(--primary-color);
    z-index: 1;
}

/* TOP */

.why-shape-top{
    width: 160px;
    height: 200px;
    top: -25px;
    left: -25px;
}

/* BOTTOM */

.why-shape-bottom{
    width: 160px;
    height: 200px;
    bottom: -25px;
    right: -25px;
}

/* IMAGE */

.why-image{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.why-image img{
    width: 100%;
    display: block;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .why-title{
        font-size: 54px;
    }

}

@media(max-width:1199px){

    .why-title{
        font-size: 46px;
    }

    .progress-top h4{
        font-size: 28px;
    }

}

@media(max-width:991px){

    .why-choose-section{
        padding: 100px 0;
    }

    .why-image-wrapper{
        margin: auto;
    }

}

@media(max-width:767px){

    .why-choose-section{
        padding: 80px 0;
    }

    .why-title{
        font-size: 36px;
    }

    .why-description{
        font-size: 16px;
    }

    .progress-top h4{
        font-size: 22px;
    }

    .progress-top span{
        font-size: 16px;
    }

    .custom-progress{
        height: 10px;
    }

    .why-shape-top{
        width: 90px;
        height: 120px;
        top: -15px;
        left: -15px;
    }

    .why-shape-bottom{
        width: 90px;
        height: 120px;
        bottom: -15px;
        right: -15px;
    }

}

@media(max-width:575px){

    .why-title{
        font-size: 30px;
    }

    .progress-top h4{
        font-size: 18px;
    }

}
/* =========================================
   TESTIMONIAL SECTION
========================================= */

.testimonial-section{
    position: relative;
    height: 170vh;
    overflow: clip;
    background: var(--black-color);
}

/* =========================================
   STICKY BG
========================================= */

.testimonial-bg{
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;

    background: url('../Images/Testimonial-bg.png') center center/cover no-repeat;

    z-index: 1;
}

/* OVERLAY */

.testimonial-bg::before{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.75);
}

/* =========================================
   CONTENT
========================================= */

.testimonial-content{
    position: relative;
    z-index: 2;

    margin-top: -100vh;

    padding-top: 120px;
    padding-bottom: 120px;
}

/* =========================================
   HEADING
========================================= */

.testimonial-heading{
    max-width: 850px;
    margin: auto;
    margin-bottom: 70px;
}

/* SUBTITLE */

.testimonial-subtitle{
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-18);
    font-weight: var(--fw-700);
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* TITLE */

.testimonial-title{
    color: var(--white-color);
    font-size: 64px;
    font-weight: var(--fw-700);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/* DESCRIPTION */

.testimonial-description{
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
}

/* =========================================
   CARD
========================================= */

.testimonial-card{
    position: relative;
    background: rgba(10,10,10,0.96);
    padding: 50px 40px;
    clip-path: polygon(0 0,100% 0,100% 82%,88% 100%,0 100%);
    transition: var(--transition);
    height: 100%;
}

/* HOVER */

.testimonial-card:hover{
    transform: translateY(-10px);
}

/* TEXT */

.testimonial-text{
    color: #bdbdbd;
    font-size: 22px;
    line-height: 1.9;
    margin-bottom: 50px;
}

/* =========================================
   BOTTOM
========================================= */

.testimonial-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* USER */

.testimonial-user{
    display: flex;
    align-items: center;
    gap: 18px;
}

/* IMAGE */

.testimonial-user img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
}

/* NAME */

.testimonial-user h4{
    color: var(--white-color);
    font-size: 28px;
    font-weight: var(--fw-700);
    margin-bottom: 6px;
}

/* ROLE */

.testimonial-user span{
    color: #9f9f9f;
    font-size: 18px;
}

/* QUOTE */

.quote-icon{
    color: var(--primary-color);
    font-size: 70px;
    line-height: 1;
}

/* SWIPER */

.testimonialSwiper{
    overflow: visible;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .testimonial-title{
        font-size: 54px;
    }

}

@media(max-width:1199px){

    .testimonial-title{
        font-size: 46px;
    }

}

@media(max-width:991px){

    .testimonial-section{
        height: auto;
    }

    .testimonial-bg{
        position: absolute;
        height: 100%;
    }

    .testimonial-content{
        margin-top: 0;
        padding: 100px 0;
    }

    .testimonial-text{
        font-size: 18px;
    }

}

@media(max-width:767px){

    .testimonial-content{
        padding: 80px 0;
    }

    .testimonial-title{
        font-size: 36px;
    }

    .testimonial-description{
        font-size: 16px;
    }

    .testimonial-card{
        padding: 35px 25px;
    }

    .testimonial-text{
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 35px;
    }

    .testimonial-user img{
        width: 60px;
        height: 60px;
    }

    .testimonial-user h4{
        font-size: 22px;
    }

    .testimonial-user span{
        font-size: 15px;
    }

    .quote-icon{
        font-size: 50px;
    }

}

@media(max-width:575px){

    .testimonial-title{
        font-size: 30px;
    }

    .testimonial-bottom{
        flex-direction: column;
        align-items: flex-start;
    }

}
/* =========================================
   BLOG SECTION
========================================= */

.blog-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0;
    overflow: hidden;
}

/* =========================================
   HEADING
========================================= */

.blog-heading{
    max-width: 850px;
    margin: auto;
    margin-bottom: 70px;
}

/* SUBTITLE */

.blog-subtitle{
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-24);
    font-weight: var(--fw-700);
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* TITLE */

.blog-title{
    color: var(--white-color);
    font-size: 52px;
    font-weight: var(--fw-700);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/* DESCRIPTION */

.blog-description{
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
}

/* =========================================
   BLOG CARD
========================================= */

.blog-card{
    position: relative;
    overflow: hidden;
}

/* IMAGE */

.blog-image{
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
}

/* IMAGE */

.blog-image img{
    width: 100%;
    display: block;
    transition: 0.5s ease;
}

/* IMAGE HOVER */

.blog-card:hover .blog-image img{
    transform: scale(1.08);
}

/* CATEGORY */

.blog-category{
    position: absolute;
    left: 0;
    bottom: 0;

    background: var(--primary-color);

    color: var(--white-color);

    font-size: 18px;
    font-weight: var(--fw-700);

    padding: 14px 24px;

    clip-path: polygon(0 0,100% 0,84% 100%,0 100%);
}

/* =========================================
   CONTENT
========================================= */

.blog-content{
    position: relative;
}

/* TITLE */

.blog-card-title{
    color: var(--white-color);
    font-size: 30px;
    font-weight: var(--fw-700);
    line-height: 1.5;
    margin-bottom: 22px;
    transition: 0.3s ease;
}

/* HOVER */

.blog-card:hover .blog-card-title{
    color: var(--primary-color);
}

/* TEXT */

.blog-text{
    color: #9f9f9f;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 28px;
}

/* BUTTON */

.blog-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;

    color: var(--primary-color);

    font-size: 18px;
    font-weight: var(--fw-700);

    letter-spacing: 2px;

    text-transform: uppercase;

    transition: var(--transition);
}

/* ICON */

.blog-btn i{
    transition: var(--transition);
}

/* HOVER */

.blog-btn:hover{
    color: var(--white-color);
}

.blog-btn:hover i{
    transform: translateX(6px);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .blog-title{
        font-size: 54px;
    }

    .blog-card-title{
        font-size: 30px;
    }

}

@media(max-width:1199px){

    .blog-title{
        font-size: 46px;
    }

    .blog-card-title{
        font-size: 26px;
    }

}

@media(max-width:991px){

    .blog-section{
        padding: 100px 0;
    }

}

@media(max-width:767px){

    .blog-section{
        padding: 80px 0;
    }

    .blog-title{
        font-size: 36px;
    }

    .blog-description{
        font-size: 16px;
    }

    .blog-card-title{
        font-size: 24px;
    }

    .blog-text{
        font-size: 16px;
    }

    .blog-category{
        font-size: 15px;
        padding: 12px 20px;
    }

}

@media(max-width:575px){

    .blog-title{
        font-size: 30px;
    }

    .blog-card-title{
        font-size: 22px;
    }

}
/* =========================================
   FOOTER SECTION
========================================= */

.footer-section{
    position: relative;
    background: var(--black-color);
    padding-top: 120px;
    padding: 0px 45px;
    overflow: hidden;
}

/* =========================================
   LOGO
========================================= */

.footer-logo{
    display: inline-block;
    margin-bottom: 30px;
}

.footer-logo img{
    max-width: 240px;
}

/* =========================================
   TEXT
========================================= */

.footer-text{
    color: #9f9f9f;
    font-size: var(--fs-18);
    line-height: 1.9;
    margin-bottom: 35px;
}

/* =========================================
   CONTACT
========================================= */

.footer-contact{
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.footer-contact li{
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer-contact li i{
    color: var(--primary-color);
    font-size: 22px;
}

.footer-contact li span,
.footer-contact li a{
    color: var(--white-color);
    font-size: 20px;
    font-weight: var(--fw-500);
    transition: var(--transition);
}

.footer-contact li a:hover{
    color: var(--primary-color);
}

/* =========================================
   TITLE
========================================= */

.footer-title{
    color: var(--primary-color);
    font-size: 34px;
    font-weight: var(--fw-700);
    margin-bottom: 35px;
}

/* =========================================
   LINKS
========================================= */

.footer-links{
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.footer-links li a{
    display: inline-flex;
    align-items: center;
    gap: 14px;

    color: var(--white-color);

    font-size: 20px;
    font-weight: var(--fw-500);

    transition: var(--transition);
}

.footer-links li a i{
    color: var(--primary-color);
    transition: var(--transition);
}

.footer-links li a:hover{
    color: var(--primary-color);
    transform: translateX(8px);
}

/* =========================================
   WORK HOURS
========================================= */

.footer-hours{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

.footer-hours i{
    color: var(--primary-color);
    font-size: 22px;
}

.footer-hours span{
    color: var(--white-color);
    font-size: 20px;
    font-weight: var(--fw-500);
    line-height: 1.6;
}

/* =========================================
   BUTTON
========================================= */

.footer-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 20px 42px;

    background: var(--primary-color);

    color: var(--white-color);

    font-size: 18px;
    font-weight: var(--fw-700);

    letter-spacing: 2px;
    text-transform: uppercase;

    transition: var(--transition);
}

.footer-btn:hover{
    color: var(--white-color);
    transform: translateY(-6px);
}

/* =========================================
   BOTTOM
========================================= */

.footer-bottom{
    margin-top: 90px;
    padding: 35px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* COPYRIGHT */

.copyright-text{
    color: #9f9f9f;
    font-size: 18px;
    margin-bottom: 0;
}

.copyright-text span{
    color: var(--primary-color);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .footer-title{
        font-size: 30px;
    }

}

@media(max-width:1199px){

    .footer-contact li span,
    .footer-contact li a,
    .footer-links li a,
    .footer-hours span{
        font-size: 18px;
    }

}

@media(max-width:991px){

    .footer-section{
        padding-top: 100px;
    }

    .footer-bottom{
        margin-top: 70px;
    }

}

@media(max-width:767px){

    .footer-section{
        padding-top: 80px;
    }

    .footer-logo img{
        max-width: 200px;
    }

    .footer-title{
        font-size: 28px;
        margin-bottom: 28px;
    }

    .footer-text{
        font-size: 16px;
    }

    .footer-contact li span,
    .footer-contact li a,
    .footer-links li a,
    .footer-hours span{
        font-size: 16px;
    }

    .footer-btn{
        width: 100%;
        padding: 18px 20px;
        font-size: 16px;
    }

    .copyright-text{
        font-size: 15px;
        text-align: center;
    }

}

@media(max-width:575px){

    .footer-bottom{
        padding: 25px 0;
    }

}
 /*Breadcrumb*/
 /* =========================================
   BREADCRUMB SECTION
========================================= */

.breadcrumb-section{
    position: relative;
    min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: var(--black-color);
}

/* =========================================
   BG IMAGE
========================================= */

.breadcrumb-bg{
    position: absolute;
    inset: 0;
    z-index: 1;
}

.breadcrumb-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================
   OVERLAY
========================================= */

.breadcrumb-overlay{
    position: absolute;
    inset: 0;

    background: rgba(0,0,0,0.42);

    z-index: 2;
}

/* =========================================
   CONTENT
========================================= */

.breadcrumb-content{
    position: relative;
    z-index: 3;
}

/* TITLE */

.breadcrumb-title{
    color: var(--white-color);

    font-size: 82px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 28px;
}

/* LIST */

.breadcrumb-list{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    flex-wrap: wrap;
}

.breadcrumb-list li{
    color: var(--white-color);

    font-size: 24px;
    font-weight: var(--fw-500);
}

.breadcrumb-list li a{
    color: var(--white-color);
    transition: var(--transition);
}

.breadcrumb-list li a:hover{
    color: var(--primary-color);
}

.breadcrumb-list li i{
    color: var(--primary-color);
    font-size: 18px;
}

.breadcrumb-list li.active{
    color: #bdbdbd;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .breadcrumb-title{
        font-size: 72px;
    }

}

@media(max-width:1199px){

    .breadcrumb-title{
        font-size: 60px;
    }

}

@media(max-width:991px){

    .breadcrumb-section{
        min-height: 420px;
    }

    .breadcrumb-title{
        font-size: 52px;
    }

}

@media(max-width:767px){

    .breadcrumb-section{
        min-height: 360px;
    }

    .breadcrumb-title{
        font-size: 42px;
        margin-bottom: 20px;
    }

    .breadcrumb-list{
        gap: 12px;
    }

    .breadcrumb-list li{
        font-size: 18px;
    }

}

@media(max-width:575px){

    .breadcrumb-section{
        min-height: 320px;
    }

    .breadcrumb-title{
        font-size: 34px;
    }

    .breadcrumb-list li{
        font-size: 16px;
    }

}
/*Contact Section*/
/* =========================================
   CONTACT SECTION
========================================= */

.contact-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0 40px;
    z-index: 2;
}

/* SUBTITLE */

.section-subtitle{
    display: inline-block;

    color: var(--primary-color);

    font-size: 20px;
    font-weight: var(--fw-700);

    letter-spacing: 3px;
    text-transform: uppercase;

    margin-bottom: 25px;
}

/* TITLE */

.section-title{
    color: var(--white-color);

    font-size: 64px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 35px;
}

/* TEXT */

.contact-text{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.9;

    margin-bottom: 50px;
}

/* =========================================
   INFO ITEM
========================================= */

.contact-info-item{
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

/* ICON */

.contact-info-icon{
    width: 70px;
    height: 70px;

    background: var(--primary-color);

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.contact-info-icon i{
    color: var(--white-color);
    font-size: 28px;
}

/* CONTENT */

.contact-info-content h4{
    color: var(--white-color);

    font-size: 24px;
    font-weight: var(--fw-700);

    margin-bottom: 8px;
}

.contact-info-content p{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.6;

    margin-bottom: 0;
}

/* =========================================
   BORDER
========================================= */

.contact-border{
    width: 100%;
    height: 1px;

    background: rgba(255,255,255,0.08);

    margin: 50px 0;
}

/* =========================================
   SOCIAL
========================================= */

.contact-social{
    display: flex;
    align-items: center;
    gap: 25px;

    flex-wrap: wrap;
}

.contact-social h5{
    color: var(--white-color);

    font-size: 24px;
    font-weight: var(--fw-700);

    margin-bottom: 0;
}

/* LIST */

.contact-social ul{
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ICON */

.contact-social ul li a{
    width: 55px;
    height: 55px;

    border-radius: 50%;

    background: var(--primary-color);

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--white-color);

    font-size: 20px;

    transition: var(--transition);
}

.contact-social ul li a:hover{
    transform: translateY(-6px);
}

/* =========================================
   FORM
========================================= */

.contact-form-wrapper{
    position: relative;

    background: #141414;

    padding: 60px;

    margin-bottom: -140px;

    z-index: 5;
}

/* FORM GROUP */

.form-group{
    margin-bottom: 25px;
}

/* INPUT */

.contact-form-wrapper .form-control{
    width: 100%;
    height: 72px;

    background: transparent;

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 0;

    padding: 0 25px;

    color: var(--white-color);

    font-size: 17px;

    box-shadow: none;
}

/* TEXTAREA */

.contact-form-wrapper textarea.form-control{
    height: auto;
    padding-top: 24px;
}

/* PLACEHOLDER */

.contact-form-wrapper .form-control::placeholder{
    color: #8d8d8d;
}

/* FOCUS */

.contact-form-wrapper .form-control:focus{
    border-color: var(--primary-color);
}

/* =========================================
   BUTTON
========================================= */

.contact-btn{
    border: none;

    padding: 20px 40px;

    background: var(--primary-color);

    color: var(--white-color);

    font-size: 17px;
    font-weight: var(--fw-700);

    letter-spacing: 2px;
    text-transform: uppercase;


    transition: var(--transition);
}

.contact-btn:hover{
    transform: translateY(-6px);
}

/* =========================================
   MAP
========================================= */

.map-section iframe{
    width: 100%;
    height: 650px;
    border: 0;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1199px){

    .section-title{
        font-size: 52px;
    }

}

@media(max-width:991px){

    .contact-section{
        padding: 100px 0 80px;
    }

    .section-title{
        font-size: 42px;
    }

    .contact-form-wrapper{
        margin-bottom: 0;
    }

}

@media(max-width:767px){

    .contact-section{
        padding: 80px 0;
    }

    .section-title{
        font-size: 34px;
    }

    .contact-info-item{
        flex-direction: column;
    }

    .contact-social{
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-form-wrapper{
        padding: 35px 25px;
    }

    .contact-form-wrapper .form-control{
        height: 65px;
        font-size: 15px;
    }

    .contact-btn{
        width: 100%;
    }

    .map-section iframe{
        height: 450px;
    }

}
/*Blogs-Section*/
/* =========================================
   BLOGS SECTION
========================================= */

.blogs-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0;
    overflow: hidden;
}

/* =========================================
   HEADING
========================================= */

.blogs-heading{
    max-width: 850px;
    margin: auto;
    margin-bottom: 70px;
}

/* SUBTITLE */

.blogs-subtitle{
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--fs-24);
    font-weight: var(--fw-700);
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* TITLE */

.blogs-title{
    color: var(--white-color);
    font-size: 52px;
    font-weight: var(--fw-700);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/* DESCRIPTION */

.blogs-description{
    color: #bdbdbd;
    font-size: var(--fs-20);
    line-height: 1.8;
}

/* =========================================
   BLOG CARD
========================================= */

.blogs-card{
    position: relative;
    overflow: hidden;
}

/* IMAGE */

.blogs-image{
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
}

/* IMAGE */

.blogs-image img{
    width: 100%;
    display: block;
    transition: 0.5s ease;
}

/* HOVER */

.blogs-card:hover .blogs-image img{
    transform: scale(1.08);
}

/* CATEGORY */

.blogs-category{
    position: absolute;
    left: 0;
    bottom: 0;

    background: var(--primary-color);

    color: var(--white-color);

    font-size: 18px;
    font-weight: var(--fw-700);

    padding: 14px 24px;

    clip-path: polygon(0 0,100% 0,84% 100%,0 100%);
}

/* CONTENT */

.blogs-content{
    position: relative;
}

/* TITLE */

.blogs-card-title{
    color: var(--white-color);
    font-size: 30px;
    font-weight: var(--fw-700);
    line-height: 1.5;
    margin-bottom: 22px;
    transition: 0.3s ease;
}

/* HOVER */

.blogs-card:hover .blogs-card-title{
    color: var(--primary-color);
}

/* TEXT */

.blogs-text{
    color: #9f9f9f;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 28px;
}

/* BUTTON */

.blogs-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;

    color: var(--primary-color);

    font-size: 18px;
    font-weight: var(--fw-700);

    letter-spacing: 2px;

    text-transform: uppercase;

    transition: var(--transition);
}

/* ICON */

.blogs-btn i{
    transition: var(--transition);
}

/* HOVER */

.blogs-btn:hover{
    color: var(--white-color);
}

.blogs-btn:hover i{
    transform: translateX(6px);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .blogs-title{
        font-size: 54px;
    }

    .blogs-card-title{
        font-size: 30px;
    }

}

@media(max-width:1199px){

    .blogs-title{
        font-size: 46px;
    }

    .blogs-card-title{
        font-size: 26px;
    }

}

@media(max-width:991px){

    .blogs-section{
        padding: 100px 0;
    }

}

@media(max-width:767px){

    .blogs-section{
        padding: 80px 0;
    }

    .blogs-title{
        font-size: 36px;
    }

    .blogs-description{
        font-size: 16px;
    }

    .blogs-card-title{
        font-size: 24px;
    }

    .blogs-text{
        font-size: 16px;
    }

    .blogs-category{
        font-size: 15px;
        padding: 12px 20px;
    }

}

@media(max-width:575px){

    .blogs-title{
        font-size: 30px;
    }

    .blogs-card-title{
        font-size: 22px;
    }

}
/*Service Section*/
/* =========================================
   SERVICES SECTION
========================================= */

.services-section{
    position: relative;
    background: var(--black-color);
    padding: 120px 0;
    overflow: hidden;
}

/* =========================================
   HEADING
========================================= */

.services-heading{
    max-width: 850px;
    margin: auto;
    margin-bottom: 70px;
}

/* SUBTITLE */

.services-subtitle{
    display: inline-block;

    color: var(--primary-color);

    font-size: var(--fs-24);
    font-weight: var(--fw-700);

    letter-spacing: 4px;
    text-transform: uppercase;

    margin-bottom: 20px;
}

/* TITLE */

.services-title{
    color: var(--white-color);

    font-size: 58px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 25px;
}

/* DESCRIPTION */

.services-description{
    color: #bdbdbd;

    font-size: var(--fs-20);
    line-height: 1.8;
}

/* =========================================
   CARD
========================================= */

.service-card{
    position: relative;
    overflow: hidden;
}

/* IMAGE */

.service-image{
    position: relative;
    overflow: hidden;
}

.service-image img{
    width: 100%;
    display: block;
    transition: 0.5s ease;
}

/* HOVER */

.service-card:hover .service-image img{
    transform: scale(1.08);
}

/* =========================================
   CONTENT
========================================= */

.service-content{
    position: relative;

    background: var(--primary-color);

    padding: 20px 15px;

    display: flex;
    align-items: flex-start;
    gap: 22px;
}

/* ICON */

.service-icon{
    flex-shrink: 0;
}

.service-icon i{
    color: var(--white-color);
    font-size: 44px;
}

/* TEXT */

.service-text h3{
    color: var(--white-color);

    font-size: 34px;
    font-weight: var(--fw-700);

    margin-bottom: 14px;
}

.service-text p{
    color: rgba(255,255,255,0.9);

    font-size: 19px;
    line-height: 1.8;

    margin-bottom: 0;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .services-title{
        font-size: 54px;
    }

}

@media(max-width:1199px){

    .services-title{
        font-size: 46px;
    }

    .service-text h3{
        font-size: 28px;
    }

}

@media(max-width:991px){

    .services-section{
        padding: 100px 0;
    }

}

@media(max-width:767px){

    .services-section{
        padding: 80px 0;
    }

    .services-title{
        font-size: 36px;
    }

    .services-description{
        font-size: 16px;
    }

    .service-content{
        padding: 30px 25px;
    }

    .service-icon i{
        font-size: 34px;
    }

    .service-text h3{
        font-size: 24px;
    }

    .service-text p{
        font-size: 16px;
    }

}

@media(max-width:575px){

    .services-title{
        font-size: 30px;
    }

    .service-content{
        flex-direction: column;
        gap: 16px;
    }

}
/*Newsletter Section*/
/* =========================================
   NEWSLETTER SECTION
========================================= */

.newsletter-section{
    position: relative;

    padding: 140px 0;

    background: url('./Assets/Images/Newsletter/newsletter-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow: hidden;
    z-index: 1;
}

/* OVERLAY */

.newsletter-overlay{
    position: absolute;

    inset: 0;

    background: rgba(0,0,0,0.72);

    z-index: -1;
}

/* =========================================
   CONTENT
========================================= */

.newsletter-content{
    max-width: 900px;
    margin: auto;
}

/* TITLE */

.newsletter-title{
    color: var(--white-color);

    font-size: 36px;
    font-weight: var(--fw-700);

    line-height: 1.35;
    text-transform: uppercase;

    margin-bottom: 60px;
}

/* =========================================
   FORM
========================================= */

.newsletter-form{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

/* INPUT WRAPPER */

.newsletter-input{
    flex: 1;
    max-width: 750px;
}

/* INPUT */

.newsletter-input input{
    width: 100%;
    height: 95px;

    border: none;
    outline: none;

    background: var(--white-color);

    padding: 0 35px;

    color: var(--black-color);

    font-size: 22px;


}

/* PLACEHOLDER */

.newsletter-input input::placeholder{
    color: #8c8c8c;
}

/* BUTTON */

.newsletter-btn{
    border: none;
    outline: none;

    height: 95px;

    padding: 0 60px;

    background: var(--primary-color);

    color: var(--white-color);

    font-size: 20px;
    font-weight: var(--fw-700);

    letter-spacing: 2px;
    text-transform: uppercase;

    clip-path: polygon(0 0,100% 0,88% 100%,0 100%);

    transition: var(--transition);
}

/* HOVER */

.newsletter-btn:hover{
    transform: translateY(-6px);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .newsletter-title{
        font-size: 56px;
    }

}

@media(max-width:1199px){

    .newsletter-title{
        font-size: 48px;
    }

}

@media(max-width:991px){

    .newsletter-section{
        padding: 110px 0;
    }

    .newsletter-title{
        font-size: 40px;
    }

    .newsletter-form{
        flex-direction: column;
    }

    .newsletter-input{
        width: 100%;
        max-width: 100%;
    }

    .newsletter-btn{
        width: 100%;
    }

}

@media(max-width:767px){

    .newsletter-section{
        padding: 90px 0;
    }

    .newsletter-title{
        font-size: 32px;
        margin-bottom: 40px;
    }

    .newsletter-input input{
        height: 75px;
        font-size: 16px;
        padding: 0 22px;
    }

    .newsletter-btn{
        height: 75px;
        font-size: 16px;
    }

}

@media(max-width:575px){

    .newsletter-title{
        font-size: 26px;
        line-height: 1.5;
    }

}
/*About Video*/
/* =========================================
   ABOUT VIDEO SECTION
========================================= */

.about-video-section{
    position: relative;

    background: var(--black-color);

    padding: 120px 0 0;

    overflow: hidden;
}

/* =========================================
   VIDEO WRAPPER
========================================= */

.about-video-wrapper{
    position: relative;

    max-width: 1100px;

    margin: auto;

    z-index: 2;
}

/* =========================================
   VIDEO
========================================= */

/* VIDEO */

.about-video{
    position: relative;
    overflow: hidden;
}

.about-video iframe{
    width: 100%;
    height: 620px;
    border: none;
    display: block;
}
/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .about-video video{
        height: 580px;
    }

}

@media(max-width:1199px){

    .about-video video{
        height: 520px;
    }

}

@media(max-width:991px){

    .about-video-section{
        padding: 100px 0 0;
    }

    .about-video video{
        height: 450px;
    }

}

@media(max-width:767px){

    .about-video-section{
        padding: 80px 0 0;
    }

    .about-video video{
        height: 320px;
    }

}

@media(max-width:575px){

    .about-video video{
        height: 260px;
    }

}
/*Vision Section */
/* =========================================
   VISION SECTION
========================================= */

.vision-section{
    position: relative;

    background: var(--black-color);

    padding: 120px 0;

    overflow: hidden;
}

/* =========================================
   CARD
========================================= */

.vision-card{
    position: relative;

    background: #161616;

    padding: 45px 35px;

    min-height: 260px;

    clip-path: polygon(0 0,100% 0,100% 80%,86% 100%,0 100%);

    transition: 0.4s ease;
}

/* HOVER */

.vision-card:hover{
    background: var(--primary-color);

    transform: translateY(-8px);
}

/* =========================================
   TITLE
========================================= */

.vision-card h3{
    color: var(--white-color);

    font-size: 38px;
    font-weight: var(--fw-700);

    margin-bottom: 24px;
}

/* =========================================
   TEXT
========================================= */

.vision-card p{
    color: rgba(255,255,255,0.9);

    font-size: 19px;
    line-height: 1.9;

    margin-bottom: 0;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1199px){

    .vision-card h3{
        font-size: 32px;
    }

}

@media(max-width:991px){

    .vision-section{
        padding: 100px 0;
    }

}

@media(max-width:767px){

    .vision-section{
        padding: 80px 0;
    }

    .vision-card{
        padding: 35px 25px;
        min-height: auto;
    }

    .vision-card h3{
        font-size: 28px;
    }

    .vision-card p{
        font-size: 16px;
    }

}

@media(max-width:575px){

    .vision-card h3{
        font-size: 24px;
    }

}
/*Disclaimer*/
/* =========================================
   DISCLAIMER SECTION
========================================= */

.disclaimer-section{
    position: relative;

    background: var(--black-color);

    padding: 120px 0;

    overflow: hidden;
}

/* =========================================
   HEADER
========================================= */

.disclaimer-header{
    max-width: 950px;
    margin: auto;
    margin-bottom: 80px;
    margin-top: 80px;
}

/* SUBTITLE */

.disclaimer-subtitle{
    display: inline-block;

    color: var(--primary-color);

    font-size: 20px;
    font-weight: var(--fw-700);

    letter-spacing: 4px;
    text-transform: uppercase;

    margin-bottom: 20px;
}

/* TITLE */

.disclaimer-title{
    color: var(--white-color);

    font-size: 54px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 25px;
}

/* DESCRIPTION */

.disclaimer-description{
    color: #bdbdbd;

    font-size: 20px;
    line-height: 1.8;
}

/* =========================================
   WRAPPER
========================================= */

.disclaimer-wrapper{
    max-width: 1100px;
    margin: auto;
}

/* =========================================
   ITEM
========================================= */

.disclaimer-item{
    position: relative;

    background: #141414;

    padding: 45px 40px;

    margin-bottom: 30px;

    border-left: 5px solid var(--primary-color);

    transition: var(--transition);
}

/* HOVER */

.disclaimer-item:hover{
    transform: translateY(-6px);
}

/* TITLE */

.disclaimer-item h3{
    color: var(--white-color);

    font-size: 34px;
    font-weight: var(--fw-700);

    margin-bottom: 22px;
}

/* TEXT */

.disclaimer-item p{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.9;

    margin-bottom: 0;
}

/* =========================================
   CONTACT
========================================= */

.disclaimer-contact{
    position: relative;

    background: var(--primary-color);

    padding: 50px 40px;

    margin-top: 60px;
}

/* TITLE */

.disclaimer-contact h3{
    color: var(--white-color);

    font-size: 38px;
    font-weight: var(--fw-700);

    margin-bottom: 30px;
}

/* LIST */

.disclaimer-contact ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ITEM */

.disclaimer-contact ul li{
    color: rgba(255,255,255,0.95);

    font-size: 19px;
    line-height: 1.8;
}

/* STRONG */

.disclaimer-contact ul li strong{
    color: var(--white-color);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .disclaimer-title{
        font-size: 60px;
    }

}

@media(max-width:1199px){

    .disclaimer-title{
        font-size: 52px;
    }

    .disclaimer-item h3{
        font-size: 30px;
    }

}

@media(max-width:991px){

    .disclaimer-section{
        padding: 100px 0;
    }

    .disclaimer-title{
        font-size: 44px;
    }

}

@media(max-width:767px){

    .disclaimer-section{
        padding: 80px 0;
    }

    .disclaimer-title{
        font-size: 34px;
    }

    .disclaimer-description{
        font-size: 16px;
    }

    .disclaimer-item{
        padding: 35px 25px;
    }

    .disclaimer-item h3{
        font-size: 24px;
    }

    .disclaimer-item p{
        font-size: 16px;
    }

    .disclaimer-contact{
        padding: 35px 25px;
    }

    .disclaimer-contact h3{
        font-size: 28px;
    }

    .disclaimer-contact ul li{
        font-size: 16px;
    }

}

@media(max-width:575px){

    .disclaimer-title{
        font-size: 28px;
    }

}
/*Terms&Conditions*/
/* =========================================
   TERMS SECTION
========================================= */

.terms-section{
    position: relative;

    background: var(--black-color);

    padding: 120px 0;

    overflow: hidden;
}

/* =========================================
   HEADER
========================================= */

.terms-header{
    max-width: 950px;
    margin: auto;
    margin-bottom: 80px;
    margin-top:80px;
}

/* SUBTITLE */

.terms-subtitle{
    display: inline-block;

    color: var(--primary-color);

    font-size: 20px;
    font-weight: var(--fw-700);

    letter-spacing: 4px;
    text-transform: uppercase;

    margin-bottom: 20px;
}

/* TITLE */

.terms-title{
    color: var(--white-color);

    font-size: 54px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 25px;
}

/* DESCRIPTION */

.terms-description{
    color: #bdbdbd;

    font-size: 20px;
    line-height: 1.8;
}

/* =========================================
   WRAPPER
========================================= */

.terms-wrapper{
    max-width: 1100px;
    margin: auto;
}

/* =========================================
   ITEM
========================================= */

.terms-item{
    position: relative;

    background: #141414;

    padding: 45px 40px;

    margin-bottom: 30px;

    border-left: 5px solid var(--primary-color);

    transition: var(--transition);
}

/* HOVER */

.terms-item:hover{
    transform: translateY(-6px);
}

/* TITLE */

.terms-item h3{
    color: var(--white-color);

    font-size: 34px;
    font-weight: var(--fw-700);

    margin-bottom: 22px;
}

/* TEXT */

.terms-item p{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.9;

    margin-bottom: 0;
}

/* =========================================
   CONTACT
========================================= */

.terms-contact{
    position: relative;

    background: var(--primary-color);

    padding: 50px 40px;

    margin-top: 60px;
}

/* TITLE */

.terms-contact h3{
    color: var(--white-color);

    font-size: 38px;
    font-weight: var(--fw-700);

    margin-bottom: 30px;
}

/* LIST */

.terms-contact ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ITEM */

.terms-contact ul li{
    color: rgba(255,255,255,0.95);

    font-size: 19px;
    line-height: 1.8;
}

/* STRONG */

.terms-contact ul li strong{
    color: var(--white-color);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .terms-title{
        font-size: 60px;
    }

}

@media(max-width:1199px){

    .terms-title{
        font-size: 52px;
    }

    .terms-item h3{
        font-size: 30px;
    }

}

@media(max-width:991px){

    .terms-section{
        padding: 100px 0;
    }

    .terms-title{
        font-size: 44px;
    }

}

@media(max-width:767px){

    .terms-section{
        padding: 80px 0;
    }

    .terms-title{
        font-size: 34px;
    }

    .terms-description{
        font-size: 16px;
    }

    .terms-item{
        padding: 35px 25px;
    }

    .terms-item h3{
        font-size: 24px;
    }

    .terms-item p{
        font-size: 16px;
    }

    .terms-contact{
        padding: 35px 25px;
    }

    .terms-contact h3{
        font-size: 28px;
    }

    .terms-contact ul li{
        font-size: 16px;
    }

}

@media(max-width:575px){

    .terms-title{
        font-size: 28px;
    }

}
/*Privacy Policy*/
/* =========================================
   PRIVACY SECTION
========================================= */

.privacy-section{
    position: relative;

    background: var(--black-color);

    padding: 120px 0;

    overflow: hidden;
}

/* =========================================
   HEADER
========================================= */

.privacy-header{
    max-width: 950px;
    margin: auto;
    margin-bottom: 80px;
    margin-top:80px;
}

/* SUBTITLE */

.privacy-subtitle{
    display: inline-block;

    color: var(--primary-color);

    font-size: 20px;
    font-weight: var(--fw-700);

    letter-spacing: 4px;
    text-transform: uppercase;

    margin-bottom: 20px;
}

/* TITLE */

.privacy-title{
    color: var(--white-color);

    font-size:54px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 25px;
}

/* DESCRIPTION */

.privacy-description{
    color: #bdbdbd;

    font-size: 20px;
    line-height: 1.8;
}

/* =========================================
   WRAPPER
========================================= */

.privacy-wrapper{
    max-width: 1100px;
    margin: auto;
}

/* =========================================
   ITEM
========================================= */

.privacy-item{
    position: relative;

    background: #141414;

    padding: 45px 40px;

    margin-bottom: 30px;

    border-left: 5px solid var(--primary-color);

    transition: var(--transition);
}

/* HOVER */

.privacy-item:hover{
    transform: translateY(-6px);
}

/* TITLE */

.privacy-item h3{
    color: var(--white-color);

    font-size: 34px;
    font-weight: var(--fw-700);

    margin-bottom: 22px;
}

/* TEXT */

.privacy-item p{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.9;

    margin-bottom: 0;
}

/* =========================================
   CONTACT
========================================= */

.privacy-contact{
    position: relative;

    background: var(--primary-color);

    padding: 50px 40px;

    margin-top: 60px;
}

/* TITLE */

.privacy-contact h3{
    color: var(--white-color);

    font-size: 38px;
    font-weight: var(--fw-700);

    margin-bottom: 30px;
}

/* LIST */

.privacy-contact ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ITEM */

.privacy-contact ul li{
    color: rgba(255,255,255,0.95);

    font-size: 19px;
    line-height: 1.8;
}

/* STRONG */

.privacy-contact ul li strong{
    color: var(--white-color);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .privacy-title{
        font-size: 60px;
    }

}

@media(max-width:1199px){

    .privacy-title{
        font-size: 52px;
    }

    .privacy-item h3{
        font-size: 30px;
    }

}

@media(max-width:991px){

    .privacy-section{
        padding: 100px 0;
    }

    .privacy-title{
        font-size: 44px;
    }

}

@media(max-width:767px){

    .privacy-section{
        padding: 80px 0;
    }

    .privacy-title{
        font-size: 34px;
    }

    .privacy-description{
        font-size: 16px;
    }

    .privacy-item{
        padding: 35px 25px;
    }

    .privacy-item h3{
        font-size: 24px;
    }

    .privacy-item p{
        font-size: 16px;
    }

    .privacy-contact{
        padding: 35px 25px;
    }

    .privacy-contact h3{
        font-size: 28px;
    }

    .privacy-contact ul li{
        font-size: 16px;
    }

}

@media(max-width:575px){

    .privacy-title{
        font-size: 28px;
    }

}
/*Cancellation */
/* =========================================
   REFUND SECTION
========================================= */

.refund-section{
    position: relative;

    background: var(--black-color);

    padding: 120px 0;

    overflow: hidden;
}

/* =========================================
   HEADER
========================================= */

.refund-header{
    max-width: 950px;
    margin: auto;
    margin-bottom: 80px;
    margin-top:80px;
}

/* SUBTITLE */

.refund-subtitle{
    display: inline-block;

    color: var(--primary-color);

    font-size: 20px;
    font-weight: var(--fw-700);

    letter-spacing: 4px;
    text-transform: uppercase;

    margin-bottom: 20px;
}

/* TITLE */

.refund-title{
    color: var(--white-color);

    font-size: 54px;
    font-weight: var(--fw-700);

    line-height: 1.2;
    text-transform: uppercase;

    margin-bottom: 25px;
}

/* DESCRIPTION */

.refund-description{
    color: #bdbdbd;

    font-size: 20px;
    line-height: 1.8;
}

/* =========================================
   WRAPPER
========================================= */

.refund-wrapper{
    max-width: 1100px;
    margin: auto;
}

/* =========================================
   ITEM
========================================= */

.refund-item{
    position: relative;

    background: #141414;

    padding: 45px 40px;

    margin-bottom: 30px;

    border-left: 5px solid var(--primary-color);

    transition: var(--transition);
}

/* HOVER */

.refund-item:hover{
    transform: translateY(-6px);
}

/* TITLE */

.refund-item h3{
    color: var(--white-color);

    font-size: 34px;
    font-weight: var(--fw-700);

    margin-bottom: 22px;
}

/* TEXT */

.refund-item p{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.9;

    margin-bottom: 0;
}

/* LIST */

.refund-item ul{
    margin-top: 20px;
    padding-left: 22px;
}

.refund-item ul li{
    color: #bdbdbd;

    font-size: 18px;
    line-height: 1.9;

    margin-bottom: 10px;
}

/* =========================================
   CONTACT
========================================= */

.refund-contact{
    position: relative;

    background: var(--primary-color);

    padding: 50px 40px;

    margin-top: 60px;
}

/* TITLE */

.refund-contact h3{
    color: var(--white-color);

    font-size: 38px;
    font-weight: var(--fw-700);

    margin-bottom: 30px;
}

/* LIST */

.refund-contact ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ITEM */

.refund-contact ul li{
    color: rgba(255,255,255,0.95);

    font-size: 19px;
    line-height: 1.8;
}

/* STRONG */

.refund-contact ul li strong{
    color: var(--white-color);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1399px){

    .refund-title{
        font-size: 60px;
    }

}

@media(max-width:1199px){

    .refund-title{
        font-size: 52px;
    }

    .refund-item h3{
        font-size: 30px;
    }

}

@media(max-width:991px){

    .refund-section{
        padding: 100px 0;
    }

    .refund-title{
        font-size: 44px;
    }

}

@media(max-width:767px){

    .refund-section{
        padding: 80px 0;
    }

    .refund-title{
        font-size: 34px;
    }

    .refund-description{
        font-size: 16px;
    }

    .refund-item{
        padding: 35px 25px;
    }

    .refund-item h3{
        font-size: 24px;
    }

    .refund-item p,
    .refund-item ul li{
        font-size: 16px;
    }

    .refund-contact{
        padding: 35px 25px;
    }

    .refund-contact h3{
        font-size: 28px;
    }

    .refund-contact ul li{
        font-size: 16px;
    }

}

@media(max-width:575px){

    .refund-title{
        font-size: 28px;
    }

}
/*Blog Css*/
.blog-details-section{
    background: var(--black-color);
    padding: 120px 0;
}

.blog-details-container{
    max-width: 900px;
    margin: auto;
    color: var(--white-color);
    font-family: 'Rajdhani', sans-serif;
}

.blog-details-image img{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 40px;
    transition: 0.5s ease;
}

.blog-details-image img:hover{
    transform: scale(1.05);
}

.blog-details-title{
    font-size: 48px;
    font-weight: var(--fw-700);
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--primary-color);
}

.blog-details-content p{
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: #bdbdbd;
}

.blog-details-content h3{
    font-size: 28px;
    margin-top: 35px;
    margin-bottom: 20px;
    color: var(--primary-color);
}

@media(max-width:991px){
    .blog-details-title{
        font-size: 38px;
    }
    .blog-details-content p{
        font-size: 18px;
    }
    .blog-details-content h3{
        font-size: 24px;
    }
}

@media(max-width:575px){
    .blog-details-title{
        font-size: 28px;
    }
    .blog-details-content p{
        font-size: 16px;
    }
    .blog-details-content h3{
        font-size: 20px;
    }
}