@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primarycolor: #8A2BE2;
    --secondarycolor: #FFD700;
    --headingcolor: #FFFFFF;
    --textcolor: #D1D5DB;
}

body {
    font-family: "Montserrat", sans-serif;
    background-color: #000;
}


html,
body {

    overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cinzel", serif;
}

h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    color: var(--headingcolor);
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

.univ-btn {
    text-transform: capitalize;
    border-radius: 8px;
    padding: 18px 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    border: 2px solid transparent;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: var(--headingcolor);
}


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

.banner-btn-wrapper .second-banner-btn a {
    text-transform: capitalize;
    border-radius: 8px;
    padding: 18px 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: var(--headingcolor);
    border: 1px solid var(--headingcolor);
}

.second-univ-btn {
    font-size: 16px;
    font-weight: 400;
    color: white;
    line-height: 24px;
    padding: 10px 15px;
    border: 2px solid transparent;
    border-radius: 8px;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.heading-content-main {
    display: flex;
    justify-content: center;
    text-align: center;
}

.common-para {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: var(--textcolor);
    margin-top: 24px;
}


img {
    height: auto;
    width: 100%;
    object-fit: cover;
}

/* flex common property */

.d-flex {
    display: flex;
}

.jc-center {
    justify-content: center;
}

.item-center {
    align-items: center;
}

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


html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #000;
}

html::-webkit-scrollbar {
    width: 12px;
    background-color: #000;
}

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #7d1bc5;
}


.container {
    max-width: 1500px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

/* navbar */

.navbar {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.navbar .container {
    max-width: 1853px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

.navbar .menu-part ul {
    gap: 35px;
}

.navbar .menu-part ul li a {
    color: var(--headingcolor);
    transition: all 0.4s;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}

.navbar .menu-part ul li a:hover {
    color: var(--primarycolor);
    transition: all 0.4s;
}

.navbar .menu-part ul li a:active {
    color: blue;
}

.navbar .menu-part ul li .activee {
    color: var(--primarycolor) !important;
}


.navbar .login-btn-wrapper a {
    border: 2px solid transparent;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 7px 17px;
    border-radius: 8px;
    color: white !important;

}

.nav-wrapper-main .middle-porsan {
    gap: 31px;
}

/* Keep your existing styles */

/* -------------- DROP DOWN ------------------ */
.navbar .dropdown-main {
    position: relative;
    display: inline-block;
    /* hover cover everything */
}

/* Dropdown hidden initially */
.navbar .dropdown-menues ul {
    padding: 0px 10px 10px 10px;
    position: absolute;
    border-radius: 16px;
    min-width: 230px;
    top: 36px;
    left: 65px;

    border: 1px solid #ffffff54;
    border-radius: 8px;
    background-color: #55545480;
    /* Animation setup */
    max-height: 0;
    /* collapse */
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.4s ease;
}

/* Hover state */
.dropdown-main:hover .dropdown-menues ul {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
}

/* Dropdown items */
.dropdown-menues li {
    margin-top: 10px;
}

.dropdown-menues ul li a {
    display: block;
    padding: 0px 10px;
    color: #fff;
    text-decoration: none;
}

.menu-part ul #explore {
    cursor: pointer;
}



/* ------------------------------ */

/* Login Modal (Overlay) */
.login-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 20, 0.75);
    /* dark transparent */
    backdrop-filter: blur(6px);
    /* glass effect */
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.4s ease;
}

/* Login Box */
header .login-content {
    background: linear-gradient(135deg, rgba(20, 20, 40, 0.95), rgba(40, 20, 70, 0.95));
    padding: 35px 25px;
    width: 350px;
    border-radius: 16px;
    position: relative;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    animation: scaleUp 0.4s ease;
}

/* Heading */
header .login-content h2 {
    margin-bottom: 20px;
    color: #a855f7;
    /* bright purple */
    font-size: 32px;
    font-weight: 700;
}

/* Inputs */
header .form-group {
    margin: 15px 0;
}

header .form-group input {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    outline: none;
    transition: border 0.3s;
}

header .form-group input:focus {
    border: 1px solid #a855f7;
}

header .form-group input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* Submit button (already gradient animated) */
header .login-submit {
    width: 100%;
    padding: 12px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #ff6ec4, #7873f5, #4b0082) border-box,
        linear-gradient(90deg, #8e2de2, #4a00e0) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s ease;
    background-size: 300% 100%;
    animation: gradientMove 5s ease infinite;
}

header .login-submit:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(142, 45, 226, 0.7);
}

/* Close button */
header .close-btn {
    position: absolute;
    top: 12px;
    right: 18px;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    transition: color 0.3s;
}

header .close-btn:hover {
    color: #ff6ec4;
}

/* Animations */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes scaleUp {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}




/* banner */

.banner .container {
    max-width: 1853px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

.banner {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-content-main {
    height: 100vh;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
}

.banner-text {
    width: 42%;
    margin-left: 86px;
}

.banner .banner-text h1 {
    font-size: 72px;
    font-weight: 700;
    /* bold */
    line-height: 72px;
    color: var(--headingcolor);
    margin-bottom: 20px;
}

.banner .banner-text .first-heading-word {
    color: var(--primarycolor);
}

.banner .banner-text .second-heading-word {
    color: var(--secondarycolor);
}

.banner .banner-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: var(--headingcolor);
}

.banner-btn-wrapper {
    gap: 24px;
    padding-top: 62px;
}

.banner-btn-wrapper .second-banner-btn a {
    border: 1px solid #ffffffcf;
    color: var(--headingcolor);
}

/* home-sec-two */
.home-sec-two {
    padding-top: 96px;
    padding-bottom: 96px;
}

.home-sec-two .heading-content-main .heding-content {
    width: 52%;
}

.home-sec-two p {
    color: var(--textcolor);
}

.home-sec-two .card-wrapper {
    gap: 32px;
}

.home-sec-two .card-wrapper .card {
    /* width: 33.33%; */
    border: 1px solid rgba(128, 128, 128, 0.192);
    /* 0.6 means 60% opacity */
    border-radius: 16px;
}

.home-sec-two .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.home-sec-two .card-wrapper {
    padding-top: 64px;
    padding-bottom: 74px;
}

.home-sec-two .card-wrapper h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--headingcolor);
    margin-bottom: 14px;
}

.home-sec-two .card-text {
    padding: 24px;
}

.home-sec-two .card-text>p {
    font-size: 16PX;
    font-weight: 400;
    line-height: 24px;
}

.home-sec-two .card-text .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 19px;
}

.home-sec-two .card-text .btn-wrapper p {
    font-size: 16px;
    font-weight: 780;
    line-height: 24px;
    color: var(--secondarycolor);
}


.home-sec-two .home-sec-two-btn {
    text-align: center;
}


.text-d-block {
    display: block !important;
}




.home-sec-two .card-wrapper .card {
    width: 33.33%;
}

/* Image zoom on hover */
.home-sec-two .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: transform 0.4s ease;
}

.home-sec-two .card-wrapper .card:hover figure img {
    transform: scale(1.05);
}

.home-sec-two .card-wrapper .card {
    border: 1px solid rgba(128, 128, 128, 0.192);
    border-radius: 16px;
    transition: all 0.4s ease;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

/* Bottom border animation */
.home-sec-two .card-wrapper .card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    /* thickness of bottom border */
    width: 100%;
    background: linear-gradient(77deg, #8A2BE2, #4B0082);
    background-size: 300% 300%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

/* Trigger animation on hover */
.home-sec-two .card-wrapper .card:hover::after {
    transform: scaleX(1);
    animation: border-flow 3s linear infinite;
}

/* Lift + shadow */
.home-sec-two .card-wrapper .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Image zoom on hover */
.home-sec-two .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: transform 0.4s ease;
}

.home-sec-two .card-wrapper .card:hover figure img {
    transform: scale(1.05);
}

/* Gradient movement */
@keyframes border-flow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}



/* home-sec-two */
.home-sec-three .heding-content {
    width: 57%;
}

.home-sec-three {
    background-color: #030712;
    padding-top: 96px;
    padding-bottom: 96px;
}

.home-sec-three .card-wrapper {
    gap: 48px;
    flex-wrap: wrap;
    padding: 64px 0;
}

.home-sec-three .card-wrapper .card {
    width: 48%;
    background-color: #000000;
    border: 1px solid rgba(128, 128, 128, 0.192);
    border-radius: 16px;
}

.home-sec-three .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.home-sec-three .card-wrapper .card figure {
    position: relative;
}

.home-sec-three .card-wrapper .card figcaption {
    position: absolute;
    left: 24px;
    bottom: 24px;
}

.home-sec-three .card-wrapper .card figcaption p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--headingcolor);
    background-color: #8a2be2;
    border-radius: 30px;
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 15px;
}

.home-sec-three .card-wrapper .card figcaption h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
    color: var(--headingcolor);
}

.home-sec-three .card-wrapper .card .top-part p {
    color: #9CA3AF;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.home-sec-three .card-wrapper .card .top-part .milage,
.home-sec-three .card-wrapper .card .top-part .milage .year {
    color: var(--headingcolor);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.home-sec-three .card-wrapper .card .top-part .year {
    color: var(--secondarycolor);
}

.home-sec-three .card-wrapper .card .middle-part {
    color: var(--textcolor);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 18px;
}

.home-sec-three .card-wrapper .card .bottom-part {
    padding-top: 27px;
}

.home-sec-three .card-wrapper .card .bottom-part p {
    color: var(--secondarycolor);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}


.home-sec-three .card-wrapper .card-content {
    padding: 24px;
}

.home-sec-three .sec-three-btn {
    text-align: center;
    margin-top: 30px;
}


/* hover effect */

.home-sec-three .card-wrapper .card {
    width: 48%;
    background-color: #000000;
    border: 1px solid rgba(128, 128, 128, 0.192);
    border-radius: 16px;
    transition: all 0.4s ease;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

/* Neon bottom border */
.home-sec-three .card-wrapper .card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #8a2be2, #ff00ff, #00e0ff);
    background-size: 300% 300%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

/* Trigger animation on hover */
.home-sec-three .card-wrapper .card:hover::after {
    transform: scaleX(1);
    animation: neon-flow 3s linear infinite;
}

/* Card hover effects */
.home-sec-three .card-wrapper .card:hover {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(138, 43, 226, 0.5);
}

/* Image hover effect */
.home-sec-three .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: transform 0.5s ease, filter 0.5s ease;
}

.home-sec-three .card-wrapper .card:hover figure img {
    transform: scale(1.08);
    filter: brightness(0.85);
}

/* Figcaption reveal */
.home-sec-three .card-wrapper .card figcaption {
    position: absolute;
    left: 24px;
    bottom: 24px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.home-sec-three .card-wrapper .card:hover figcaption {
    transform: translateY(-8px);
    opacity: 1;
}





/* Gradient movement */
@keyframes neon-flow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}




/* home-sec-four */
.home-sec-four {
    padding: 96px 0;
    background-color: #000;
}

.home-sec-four .heding-content {
    width: 50%;
}

.home-sec-four .card-wrapper .card {
    padding: 77px 33px 33px 33px;
    border-radius: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 33.33%;
    border: 2px solid transparent;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}


.home-sec-four .card-wrapper .first-card {
    background: linear-gradient(135deg, #0d0d1a 0%, #1a0d2e 100%);
}


.home-sec-four .card-wrapper .second-card {
    background: linear-gradient(135deg, #321E50 0%, #1a0d2e 100%);
}


.home-sec-four .card-wrapper .third-card {
    background: linear-gradient(135deg, #4B2878 0%, #643296a4 100%);
}


.home-sec-four .card-wrapper h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--headingcolor);
    position: relative;
    margin-bottom: 25px;
}

.home-sec-four .card-wrapper h3::after {
    content: '';
    height: 4px;
    width: 24%;
    border-radius: 8px;
    position: absolute;
    background:
        linear-gradient(77deg, #8A2BE2 0%, #4B0082 100%) border-box,
        linear-gradient(white, white) padding-box;
    bottom: -13px;
    left: 0;
}

.home-sec-four .card-wrapper .card>p {
    color: var(--textcolor);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


.home-sec-four .card-wrapper span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--headingcolor);
    background-color: #FFFFFF;
    border-radius: 50px;
    padding: 4px 12px;
    position: absolute;
}

.home-sec-four .card-wrapper .card ul {
    padding-top: 27px;
    padding-bottom: 6px;
}

.home-sec-four .card-wrapper .card ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--textcolor);
    margin-bottom: 12px;
}

.home-sec-four .card-wrapper .card ul li .fa-check {
    color: var(--secondarycolor);
    margin-right: 16px;
}

.home-sec-four .card-wrapper .card .bottom-upper-part {
    align-items: center;
}

.home-sec-four .card-wrapper .card .bottom-upper-part p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #9CA3AF;
    margin-bottom: 10px;
}

.home-sec-four .card-wrapper {
    gap: 28px;
    padding-top: 64px;
}

.home-sec-four .card-wrapper .card .bottom-upper-part h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--secondarycolor);
}


.home-sec-four .card-wrapper .card .bottom-upper-part .annual-fee {
    display: flex;
    align-items: baseline;
}

.home-sec-four .card-wrapper .card .bottom-upper-part .annual-fee p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #9CA3AF;
}

.home-sec-four .card-wrapper .sec-four-btn {
    margin-top: 24px;
}

.home-sec-four .card-wrapper .sec-four-btn a {
    display: block;
    color: var(--headingcolor);
    border-radius: 8px;
    border: 2px solid transparent;
    border-radius: 8px;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 11px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
}

.home-sec-four .card-wrapper span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--headingcolor);
    background-color: #ffffff45;
    border-radius: 50px;
    padding: 4px 12px;
    position: absolute;
    top: 34px;
}


.home-sec-four .card-wrapper .card {
    position: relative;
    z-index: 1;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    /* plain border initially */
    background: linear-gradient(#0d0d1a, #1a0d2e) padding-box,
        linear-gradient(90deg, transparent, transparent) border-box;
    /* no gradient at start */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transition: transform 0.4s ease-in-out, background 0.6s ease-in-out;
    background-size: 300% 300%;
}

/* Hover: show gradient border */
.home-sec-four .card-wrapper .card:hover {
    transform: translateY(-10px);
    background: linear-gradient(#0d0d1a, #1a0d2e) padding-box,
        linear-gradient(90deg, #8A2BE2, #4B0082, #8A2BE2) border-box;
    animation: borderAnim 6s linear infinite;
}

/* Gradient movement animation */
@keyframes borderAnim {
    0% {
        background-position: 0% 50%, 0% 50%;
    }

    50% {
        background-position: 100% 50%, 100% 50%;
    }

    100% {
        background-position: 0% 50%, 0% 50%;
    }
}


/* Smooth keyframes */
@keyframes borderAnim {
    0% {
        background-position: 0% 50%, 0% 50%;
    }

    50% {
        background-position: 100% 50%, 100% 50%;
    }

    100% {
        background-position: 0% 50%, 0% 50%;
    }
}





/* sec-five */
.home-sec-five {
    background-image: url(../assets/Image.png);
    background-size: cover;
    height: auto;
    background-repeat: no-repeat;
    background-color: #030712;
    padding: 96px 0px;
}

.home-sec-five .heding-content {
    width: 51%;
}

.home-sec-five .card-wrapper {
    gap: 32px;
    padding-top: 65px;
}

.home-sec-five .card-wrapper .card {
    /* width: 33.33%; */
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.082);
    border-radius: 16px;

}

.home-sec-five .card-wrapper .card .card-text {
    padding: 35px 24px;
}

.home-sec-five .card-wrapper h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--headingcolor);
}

.home-sec-five .card-wrapper p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--textcolor);
}

.home-sec-five .card-wrapper .card .card-text .bottom-part {
    padding-top: 15px;
}

.home-sec-five .card-wrapper .bottom-part p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--secondarycolor);
}


.home-sec-five .home-sec-five-btn {
    margin-top: 64px;
}

.home-sec-five .card-wrapper .card {
    position: relative;
    overflow: hidden;
    /* hide shine overflow */
    /* width: 33.33%; */
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.082);
    border-radius: 16px;
    transition: transform 0.4s ease-in-out;
}

/* Add shine pseudo-element */
.home-sec-five .card-wrapper .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
            transparent 0%,
            rgba(255, 255, 255, 0.3) 50%,
            transparent 100%);
    transform: skewX(-25deg);
}

/* Hover effect */
.home-sec-five .card-wrapper .card:hover {
    transform: translateY(-8px);
}

.home-sec-five .card-wrapper .card:hover::before {
    animation: shine 1.2s ease forwards;
}

/* Shine animation */
@keyframes shine {
    0% {
        left: -75%;
    }

    100% {
        left: 125%;
    }
}


/* home-sec-seven */
.home-sec-six {
    background: #030712;
    background: linear-gradient(180deg, rgba(3, 7, 18, 1) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 96px 0;
}

.home-sec-six .heding-content {
    width: 52%;
}

.home-sec-six .card-wrapper {
    gap: 32px;
    padding: 64px 0;
}

.home-sec-six .card-wrapper .card {
    width: 50%;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.082);
    border-radius: 16px;
    position: relative;
}

.home-sec-six .card-wrapper .card .top-part h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--headingcolor);
}

.home-sec-six .card-wrapper .card .top-part .right {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #9CA3AF;
    text-align: right;
}

.home-sec-six .card-wrapper .card figure figcaption {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--headingcolor);
    background-color: var(--primarycolor);
    padding: 4px 12px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 16px;
}

.home-sec-six .card-wrapper .card .top-part .year {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--headingcolor);

}

.home-sec-six .card-wrapper .card .middle-part {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--textcolor);
    margin: 24px 0px 36px 0;
}

.home-sec-six .card-wrapper .card .bottom-part {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--secondarycolor);
}

.home-sec-six .card-wrapper .card-content {
    padding: 30px 25px 162px 25px;
}

.home-sec-six .card.right-part {
    display: flex;
    flex-direction: column;
    gap: 32px;
    border: 0;
}

.home-sec-six .card.right-part {
    background-color: transparent;
}

.home-sec-six .card.right-part .card-content {
    padding-bottom: 25px;
    border: 1px solid rgba(255, 255, 255, 0.082);
    border-radius: 16px;
    background-color: #000;

}

.home-sec-six-sub-part {
    gap: 199px;
    background: #111827;
    background: linear-gradient(90deg, rgba(17, 24, 39, 1) 0%, rgba(0, 0, 0, 1) 69%);
    border-radius: 16px;
    padding: 32px;
}

.home-sec-six-sub-part .left-part {
    width: 50%;
}

.home-sec-six-sub-part .left-part h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    color: var(--headingcolor);
}

.home-sec-six-sub-part .left-part p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--textcolor);
    margin-top: 18px;
    margin-bottom: 27px;
}

.home-sec-six-sub-part .right-part {
    width: 55%;
    text-align: center;
    position: relative;
}

.home-sec-six-sub-part .right-part img {
    width: 256px;
    height: 256px;
}

.home-sec-six-sub-part .right-part figcaption {
    position: absolute;
    top: 53%;
    left: 27%;
}


.home-sec-six-sub-part .right-part h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    font-family: "Cinzel", serif;

    color: var(--headingcolor);
}

.home-sec-six-sub-part .right-part p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--textcolor);
    margin-top: 8px;
}

/* home-sec-seven */
.home-sec-seven {
    padding: 96px 0;
}

.home-sec-seven .heding-content {
    width: 55%;
}

.home-sec-seven {
    background-image: url("../assets/Image.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #111827;
}

.home-sec-seven .card {
    /* width: 33.33%; */
    background-color: #000;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.082);
}

.home-sec-seven .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;

}

.home-sec-seven .card .about-astro figure img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.home-sec-seven .card-wrapper {
    gap: 32px;
}

.home-sec-seven .card-wrapper .card .card-content .top {
    padding-bottom: 12px;
}

.home-sec-seven .card-wrapper {
    padding: 65px 0;
}

.home-sec-seven .card-wrapper .card .card-content .top p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #9CA3AF;
}



.home-sec-seven .card-wrapper .card .card-content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--headingcolor);
    font-family: "Cinzel", serif;
    margin-bottom: 14px;
}

.home-sec-seven .card-wrapper .card .card-content .para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--textcolor);
    margin-bottom: 27px;
}

.home-sec-seven .card-wrapper .card .card-content {
    padding: 24px;
}

.home-sec-seven .card-wrapper .card .card-content .about-astro .para-first {
    font-size: 16px;
    font-weight: 500;
    color: var(--headingcolor);
    line-height: 24px;
}

.home-sec-seven .card-wrapper .card .card-content .about-astro {
    gap: 20px;
}

.home-sec-seven .card-wrapper .card .card-content .about-astro .second-para {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #9CA3AF;
}

.home-sec-seven-sub-part {
    background: #8A2BE2;
    background: linear-gradient(90deg, #3a155b 0%, #0d0414 100%);
    padding: 32px;
    border-radius: 16px;
}

.home-sec-seven-sub-part .left-part {
    width: 48%;
}

.home-sec-seven-sub-part .right-part {
    width: 50%;
}

.home-sec-seven-sub-part .left-part h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--headingcolor);
}

.home-sec-seven-sub-part .left-part p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 18px;
    color: var(--textcolor);
}

.home-sec-seven-sub-part .input-wrapper {
    gap: 16px;
}

.home-sec-seven-sub-part .right-part input[name="email"] {
    width: 100%;
    background-color: transparent;
    border: 1px solid #901a6998;
    border-radius: 16px;
    padding-left: 20px;
    outline: none;
    color: #9CA3AF;
    /* 👈 text inside will be black */
}

.home-sec-seven-sub-part .right-part input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #9CA3AF;
    /* 👈 placeholder remains gray */
}


.home-sec-seven-sub-part .right-part input[type="button"] {
    padding: 15px 33px;
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    border: 2px solid transparent;
    border-radius: 8px;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: var(--headingcolor);
    cursor: pointer;
}

.home-sec-seven-sub-part .right-part p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #9CA3AF;
    margin-top: 16px;
}

/* hover -effect */

.home-sec-seven .card-wrapper .card {
    /* width: 33.33%; */
    border: 1px solid rgba(128, 128, 128, 0.192);
    border-radius: 16px;
    transition: all 0.3s ease;
    overflow: hidden;
    cursor: pointer;
}

.home-sec-seven .card-wrapper .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Image zoom on hover */
.home-sec-seven .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: transform 0.4s ease;
}

.home-sec-seven .card-wrapper .card:hover figure img {
    transform: scale(1.05);
}

.home-sec-seven .card-wrapper .card {
    /* width: 33.33%; */
    border: 1px solid rgba(128, 128, 128, 0.192);
    border-radius: 16px;
    transition: all 0.4s ease;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

/* Bottom border animation */
.home-sec-seven .card-wrapper .card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    /* thickness of bottom border */
    width: 100%;
    background: linear-gradient(77deg, #8A2BE2, #4B0082);
    background-size: 300% 300%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

/* Trigger animation on hover */
.home-sec-seven .card-wrapper .card:hover::after {
    transform: scaleX(1);
    animation: border-flow 3s linear infinite;
}

/* Lift + shadow */
.home-sec-seven .card-wrapper .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

/* Image zoom on hover */
.home-sec-seven .card-wrapper .card figure img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transition: transform 0.4s ease;
}

.home-sec-seven .card-wrapper .card:hover figure img {
    transform: scale(1.05);
}

/* Gradient movement */
@keyframes border-flow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* footer */
footer {
    padding-top: 64px;
}

footer .footer-wrapper .footer-box {
    width: 25%;
}

footer .footer-wrapper .footer-box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #9CA3AF;
}

footer .footer-wrapper {
    padding-bottom: 54px;
}

footer .footer-wrapper .footer-box h4 {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: var(--headingcolor);
    margin-bottom: 26px;
}

footer .footer-wrapper .footer-box h5 {
    color: var(--headingcolor);
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 24px;
}



footer .footer-wrapper .footer-box ul li a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #9CA3AF;
    transition: all 0.4s;

}

footer .footer-wrapper .footer-box ul li a:hover {
    color: var(--primarycolor);
    transition: all 0.4s;
}

.copy-right {
    padding-top: 36px;
    border-top: 1px solid grey;
}

.copy-right p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #9CA3AF;
    padding-bottom: 40px;
}


.copy-right .social-icons {
    display: inline-block;
    color: #6B7280;

}

.copy-right .social-icons i {
    margin-right: 10px;
}


.home-sec-two .card-wrapper .card .card-textt {
    display: none;
}

.text-d-block {
    display: block !important;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* z-index: 999; */
}




.sticky {
    position: fixed;
    width: 100%;
    z-index: 9999;
}

footer .social-icon-inside-first {
    display: flex;
    gap: 10px;
    margin-top: 27px;
}

footer .social-icon-inside-first li a {
    padding: 10px 13px;
    background-color: #1f2937;
    border-radius: 50%;
    color: #fff;
    /* display: inline-block; */
    transition: all 0.3s ease;
}

footer .social-icon-inside-first li a:hover {
    transform: scale(0.8);

    background-color: #fff;
    color: #1f2937 !important;

}


.upper-up-btn-wrapper {
    position: fixed;
    bottom: 153px;
    right: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
    z-index: 999;
    transition: opacity 0.3s ease-in-out;
}

.upper-up-btn-wrapper a {
    color: #fff;
    background: linear-gradient(77deg, #8A2BE2, #4B0082) border-box, linear-gradient(#891eebf2, #7d1bc5) padding-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 12px 15px;
    border-radius: 50%;
}


/* responsive */
/*responsive */
/*responsive */


.toggler {
    display: none;
}

@media screen and (max-width:1800px) {
    .navbar .dropdown-menues ul {
        top: 33px;
    }


    /* footer */
    .footer-wrapper {
        gap: 50px;
    }

    .footer-wrapper .footer-box {
        width: 23%;
    }

    footer .footer-wrapper .footer-box ul li a {
        line-height: 35px;
    }

    footer .footer-wrapper .footer-box ul li a:active {
        color: blue;
    }
}


@media screen and (max-width:1700px) {}


@media screen and (max-width:1600px) {}


@media screen and (max-width:1530px) {}


@media screen and (max-width:1399px) {

    /* banner */
    .banner-text {
        width: 55%;
        margin-left: 86px;
    }

    /* home section  */
    .home-sec-two .card-wrapper h3 {
        font-size: 22px;
    }

    .home-sec-two .card-text .btn-wrapper p {
        font-size: 14px;
        font-weight: 600;
    }

    .second-univ-btn {
        font-size: 15px;
        padding: 10px 8px;
        border: 2px solid transparent;
        cursor: pointer;
    }

    .home-sec-two .card-wrapper {
        gap: 15px;
    }


    /* home-sec-three */

    .home-sec-three .card-wrapper {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .home-sec-three .card-wrapper .card figcaption h3 {
        line-height: 41px;
    }

    .home-sec-three .card-wrapper .card figcaption h3 {
        font-size: 35px;
    }

    /*  .home-sec-four */
    .home-sec-four .card-wrapper {
        gap: 20px;
        padding-top: 64px;
    }

    .home-sec-four .card-wrapper .card {
        padding: 77px 20px 33px 20px;
    }

    /* home-sec-five */
    .home-sec-five .card-wrapper h3 {
        font-size: 22px;
    }

    .home-sec-five .card-wrapper {
        gap: 20px;
    }

    .home-sec-six .card-wrapper .card .top-part h4 {
        font-size: 22px;
    }

    .home-sec-six .card-wrapper {
        gap: 20px;
    }

    .home-sec-six .card.right-part {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .home-sec-six-sub-part .right-part figcaption {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .home-sec-six-sub-part .right-part h5 {
        font-size: 18px;
    }

    .home-sec-six-sub-part .right-part figcaption {
        width: 100%;
    }

    /* home-sec-seven */

    .home-sec-seven .card-wrapper .card .card-content h4 {
        font-size: 22px;
    }

    .home-sec-seven .card-wrapper {
        gap: 20px;
    }
}


@media screen and (max-width:1199px) {

    /* navbar */
    .navbar .menu-part ul li a {
        font-size: 18px;
    }

    .navbar .menu-part ul {
        gap: 17px;
    }

    .logo-part figure img {
        height: 18px;
        width: 216px;
    }

    .banner .banner-text {
        margin-left: 40px;
    }

    .banner .banner-text h1 {
        font-size: 58px;
    }

    /* home-sec-two */
    .home-sec-two .card-text {
        padding-left: 12px;
        padding-right: 12px;
    }

    h2 {
        font-size: 45px;
    }

    /* home-sec-four */
    .home-sec-four .card-wrapper .card .bottom-upper-part h5 {
        font-size: 20px;
    }

    .home-sec-four .card-wrapper h3 {
        font-size: 22px;
    }

    .home-sec-four .card-wrapper .card .bottom-upper-part .annual-fee {
        flex-direction: column;
        gap: 3px;
    }

    /* home-sec-five */
    .home-sec-five .card-wrapper .card .card-text {
        padding: 30px 12px;
    }

    .top-part.d-flex.jc-between.items-center {
        flex-direction: column;
    }

    .home-sec-seven-sub-part {
        gap: 30px;
    }

    .home-sec-seven-sub-part .left-part {
        width: 44%;
    }

    .home-sec-two {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .home-sec-three {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .home-sec-four {
        padding: 70px 0;
    }

    .home-sec-five {
        padding: 70px 0px;
    }

    .home-sec-six {
        padding: 70px 0;
    }

    .home-sec-seven {
        padding: 70px 0;
    }
}


@media screen and (max-width:991px) {

    .navbar {
        background-color: #000;
        top: -1px;
        padding: 25px 0;
    }

    .nav-wrapper-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .menu-part ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .toggler {
        display: block;
        color: var(--headingcolor);
        font-size: 26px;
    }

    .logo-part {
        display: flex;
        align-items: baseline;
        width: 100%;
        justify-content: space-between;
    }

    .middle-porsan .login-btn-wrapper {
        position: absolute;
        top: 31px;
        right: 55px;
    }

    .navbar .menu-part ul {
        gap: 30px;
        padding-top: 28px;
    }

    .navbar .dropdown-menues ul {
        top: 25px;
        left: 92px;
    }

    .navbar .dropdown-menues ul {
        min-width: 199px;
    }

    .dropdown-main .dropdown-menues ul {
        padding-top: 0;
        /* padding-top: 10px; */
    }

    .menu-part {
        display: none;
    }

    .d-menu {
        display: block;
    }

    .banner .banner-text h1 {
        font-size: 55px;
    }

    .banner-text {
        width: 80%;
    }

    /* home-sec-two */

    .home-sec-two .card-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .home-sec-two .card-wrapper .card {
        width: 47.33%;
    }

    .home-sec-two .heading-content-main .heding-content {
        width: 100%;
    }

    h2 {
        font-size: 40px;
    }

    .home-sec-three .card-wrapper .card figcaption h3 {
        font-size: 32px;
    }

    .home-sec-three .heding-content {
        width: 100%;
    }

    /* .home-sec-four */
    .home-sec-four .card-wrapper {
        gap: 20px;
        flex-wrap: wrap;
    }

    .home-sec-four .card-wrapper {
        justify-content: center;
    }

    .home-sec-four .card-wrapper .card {
        width: 47.33%;
    }

    .home-sec-four .heding-content {
        width: 100%;
    }

    /* home-sec-five */
    .home-sec-five .heding-content {
        width: 100%;
    }

    .home-sec-five .card-wrapper {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* .home-sec-five .card-wrapper .card {
        width: 47.33%;
    } */

    .home-sec-five .home-sec-five-btn {
        margin-top: 80px;
    }

    .home-sec-six .card-wrapper {
        flex-wrap: wrap;
    }

    .home-sec-six .card-wrapper .card {
        width: 100%;
    }

    .home-sec-six .card-wrapper .card-content {
        padding: 30px 25px 37px 25px;
    }

    .home-sec-six .heding-content {
        width: 100%;
    }

    .home-sec-six-sub-part {
        gap: 69px;
        flex-direction: column;
    }

    .home-sec-six-sub-part .left-part {
        width: 100%;
        text-align: center;
    }

    .home-sec-six-sub-part {
        gap: 50px;
        flex-direction: column;
    }

    .home-sec-seven .card-wrapper {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* .home-sec-seven .card {
        width: 47.33%;
    } */

    .home-sec-seven-sub-part {
        flex-wrap: wrap;
        justify-content: center;
    }

    .home-sec-seven-sub-part .left-part {
        width: 100%;
        text-align: center;
    }

    .home-sec-seven-sub-part .right-part {
        width: 70%;
    }

    /* footer */

    .footer-wrapper {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: space-between;
    }

    footer .footer-wrapper .footer-box {
        width: 30.33%;
    }

    footer {
        padding-top: 54px;
    }

    .home-sec-six-sub-part {
        padding: 50px 15px;
    }

}

@media screen and (max-width:768px) {

    .banner .banner-text h1 {
        font-size: 45px;
    }

    .banner-text {
        width: 100%;
        margin-left: 0px !important;
    }

    .banner .banner-text h1 {
        line-height: 64px;
    }

    .univ-btn {
        padding: 17px 20px;
    }

    .banner-btn-wrapper .second-banner-btn a {
        padding: 17px 22px
    }

    .home-sec-two .card-wrapper .card {
        width: 100%;
    }

    .home-sec-two .card-wrapper {
        gap: 30px;
    }

    h2 {
        font-size: 38px;
    }

    .common-para {
        margin-top: 11px;
    }

    .home-sec-two .card-wrapper {
        padding-top: 50px;
    }

    /* home-sec-three */

    .home-sec-three .card-wrapper .card {
        width: 100%;
    }

    .home-sec-three .card-wrapper .card figcaption h3 {
        font-size: 30px;
    }

    .home-sec-three .card-wrapper .card-content {
        padding: 20px 12px;
    }

    .home-sec-three .card-wrapper .card figcaption {
        position: absolute;
        left: 12px;
        bottom: 10px;
    }

    .home-sec-three .card-wrapper .card figcaption p {
        margin-bottom: 5px;
    }

    .home-sec-three .card-wrapper {
        gap: 30px;
    }

    .home-sec-three .card-wrapper {
        padding: 50px 0;
    }

    /* home-sec-four */
    .home-sec-four .card-wrapper {
        gap: 30px;
        flex-wrap: wrap;
    }

    .home-sec-four .card-wrapper {
        justify-content: center;
    }

    .home-sec-four .card-wrapper .card {
        width: 100%;
    }

    .home-sec-four .card-wrapper {
        padding-top: 50px;
    }

    /* .home-sec-five .card-wrapper .card {
        width: 100%;
    } */

    .home-sec-five .card-wrapper {
        gap: 32px;
        padding-top: 50px;
    }

    .home-sec-six .card-wrapper .card-content {
        padding: 30px 13px 37px 13px;
    }

    .home-sec-six .card-wrapper {
        padding: 50px 0;
    }

    .home-sec-six .card.right-part {
        gap: 30px;
    }

    /* .home-sec-seven */
    .home-sec-seven .card-wrapper {
        gap: 30px;
    }

    /* .home-sec-seven .card {
        width: 100%;
    } */

    .home-sec-seven .heding-content {
        width: 100%;
    }

    .home-sec-seven .card-wrapper {
        padding: 50px 0;
    }

    .home-sec-seven-sub-part .right-part input[type="button"] {
        padding: 13px 24px;
    }

    /* footer */
    footer .footer-wrapper .footer-box {
        width: 45.33%;
    }

    footer {
        padding-top: 50px;
    }

    footer .footer-wrapper {
        padding-bottom: 50px;
    }

    .copy-right {
        padding-top: 22px;
    }

    .copy-right p {
        padding-bottom: 22px;
    }

    .home-sec-two {
        padding-top: 50px;
        padding-bottom: 75px;
    }

    .home-sec-three {
        padding-top: 50px;
        padding-bottom: 75px;
    }

    .home-sec-four {
        padding: 50px 0;
    }

    .home-sec-five {
        padding: 50px 0;
    }

    .home-sec-six {
        padding: 50px 0;
    }

    .home-sec-seven {
        padding: 50px 0;
    }



}

@media screen and (max-width:575px) {
    .banner .banner-text h1 {
        line-height: 57px;
        font-size: 40px;
    }

    .banner .banner-text h1 {
        margin-bottom: 10px;
    }

    .banner-btn-wrapper {
        gap: 20px;
        padding-top: 45px;
    }

    .banner .banner-text p {
        font-size: 18px
    }

    .univ-btn {
        padding: 14px 14px;
    }

    .banner-btn-wrapper .second-banner-btn a {
        padding: 15px 14px;
    }

    h2 {
        font-size: 35px;
    }

    .common-para {
        font-size: 18px;
    }

    .home-sec-two .card-wrapper {
        padding-top: 40px;
    }

    .home-sec-two .card-text .btn-wrapper {
        padding-top: 25px;
    }

    .home-sec-two .card-wrapper {
        padding-bottom: 65px;
    }

    /* .card-wrapper {
        padding: 53px 0;
    } */
    .home-sec-three .card-wrapper {
        padding-top: 40px;
    }

    .home-sec-three .sec-three-btn {
        margin-top: 16px;
    }

    .home-sec-four .card-wrapper {
        padding-top: 40px;
    }

    .home-sec-five .home-sec-five-btn {
        margin-top: 68px;
    }

    .home-sec-five .card-wrapper {
        padding-top: 40px;
    }

    .home-sec-six .card-wrapper .card .middle-part {
        margin: 24px 0px 24px 0;
    }

    .home-sec-six .card-wrapper .card figure img {
        height: 245px;
    }

    .home-sec-six .card-wrapper {
        padding: 50px 0;
    }

    .home-sec-six-sub-part .left-part h3 {
        font-size: 26px;
    }

    .home-sec-six-sub-part .right-part figcaption {
        position: absolute;
        left: 50%;
    }

    .home-sec-six-sub-part .right-part {
        width: 100%;
    }

    /*  .home-sec-seven */
    .home-sec-seven .card-wrapper .card .card-content h4 {
        font-size: 20px;
    }

    .home-sec-seven .card-wrapper {
        padding: 40px 0;
    }

    .home-sec-seven-sub-part .right-part {
        width: 90%;
    }

    .home-sec-seven-sub-part .left-part h3 {
        font-size: 26px;
    }

    /* footer */

    footer {
        padding-top: 40px;
    }

    footer .footer-wrapper {
        padding-bottom: 40px;
    }

    footer .footer-wrapper .footer-box h5 {
        margin-bottom: 12px;
    }


    .copy-right p {
        padding-bottom: 0;
        margin-bottom: 12px;
    }

    .copy-right {
        padding-bottom: 22px;
    }

    .home-sec-two .card-text {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .home-sec-three .card-wrapper .card-content {
        padding: 18px 12px;
    }

    /* all card gap */
    .home-sec-two .card-wrapper {
        gap: 25px;
    }

    .home-sec-three .card-wrapper {
        gap: 25px;
    }

    .home-sec-three .card-wrapper {
        gap: 25px;
    }

    .home-sec-four .card-wrapper {
        gap: 25px;
    }

    .home-sec-five .card-wrapper {
        gap: 25px;
        padding-top: 50px;
    }

    .home-sec-six .card.right-part {
        gap: 25px;
    }

    .home-sec-seven .card-wrapper {
        gap: 25px;
    }

    .home-sec-two .card-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-sec-three .card-wrapper .card-content {
        padding: 18px 15px;
    }

    .home-sec-three .card-wrapper .card figcaption {
        left: 15px;
        bottom: 10px;
    }

    .home-sec-five .card-wrapper .card .card-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-sec-six .card-wrapper .card-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-sec-seven .card-wrapper .card .card-content {
        padding: 18px 15px;
    }

    .home-sec-six .card-wrapper .card .top-part .right {
        text-align: left;
    }


    .home-sec-six-sub-part {
        padding: 40px 20px;
    }

    .home-sec-six .card-wrapper .card .top-part h4 {
        margin-bottom: 10px;
    }
}


@media screen and (max-width:480px) {

    /* navabar */
    .logo-part figure img {
        height: 15px;
        width: 190px;
    }

    .menu-part ul li:last-child {
        right: 51px;
    }

    .navbar .menu-part ul li a {
        font-size: 16px;
        font-weight: 500;
    }

    .navbar .menu-part ul {
        gap: 25px;
        padding-top: 18px;
    }

    /* .navbar {
        padding: 18px 0;
    } */

    .middle-porsan .login-btn-wrapper {
        position: absolute;
        top: 30px;
        right: 48px;
    }

    .dropdown-main .dropdown-menues ul {
        padding-top: 0px;
    }

    .navbar .dropdown-menues ul {
        top: 20px;
        left: 84px;
    }

    .banner-btn-wrapper {
        gap: 45px;
        padding-top: 45px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .univ-btn {
        font-size: 17px;
    }


    .banner-btn-wrapper {
        padding-top: 43px;
    }

    .banner .banner-text h1 {
        text-align: center;
    }

    .banner .banner-text p {
        text-align: center;
    }


    .toggler {
        font-size: 23px;
    }

    h2 {
        font-size: 32px;
    }


    .home-sec-two .card-wrapper {
        padding-bottom: 60px;
    }

    /* home-sec-three */
    .home-sec-three .card-wrapper .card figcaption h3 {
        font-size: 25px;
        line-height: 30px;
    }

    /* .home-sec-four */
    .home-sec-four .card-wrapper .card ul {
        padding-top: 20px;
        padding-bottom: 6px;
    }

    .home-sec-four .card-wrapper .sec-four-btn {
        margin-top: 20px;
    }

    /* home-sec-six */

    .home-sec-six .card-wrapper .card .bottom-part {
        font-size: 15px;
    }

    .home-sec-seven-sub-part .right-part input[type="email"] {
        padding: 13px 16px;
    }

    .home-sec-seven-sub-part .right-part input[type="button"] {
        padding: 10px 16px;
    }

    .home-sec-seven-sub-part {
        padding: 32px 15px 30px 15px;
    }

    .home-sec-seven-sub-part .input-wrapper {
        gap: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* fooetr */
    footer .footer-wrapper .footer-box {
        width: 100%;
    }

    footer .footer-wrapper .footer-box {
        width: 100%;
        text-align: center;
    }




    .copy-right {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home-sec-six {
        padding: 50px 0;
        padding-top: 16px;
    }

    .common-para {
        font-size: 17px;
    }

    footer .social-icon-inside-first {
        justify-content: center;
    }

    .home-sec-seven-sub-part .right-part p {
        text-align: center;
    }

}

@media screen and (max-width:380px) {
    .home-sec-six .card-wrapper .card .bottom-part {
        font-size: 14px;
    }

    .home-sec-two .card-wrapper h3 {
        font-size: 20px;
    }

    .home-sec-five .card-wrapper h3 {
        font-size: 20px;
    }

    .home-sec-six .card-wrapper .card .top-part h4 {
        font-size: 21px;
    }

    .home-sec-six .card-wrapper .card .bottom-part {
        font-size: 13px;
    }

}