@font-face {
    font-family: "Helvetica Neue";
    src: url("../font/helveticaneuebold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../font/helveticaneuelight.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../font/helveticaneuemedium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

h1 {
    margin-bottom: 0px !important;
}

h2 {
    margin-bottom: 0px !important;
}

h3 {
    margin-bottom: 0px !important;
}

h4 {
    margin-bottom: 0px !important;
}

h5 {
    margin-bottom: 0px !important;
}

h6 {
    margin-bottom: 0px !important;
}

p {
    margin-bottom: 0px !important;
}


.hostgator .sec1-box {
    width: 100%;
    background-color: #0151AC;
    height: 50px;
    border-radius: 10px;
}

.hostgator .sec1-box2 {
    width: 100%;
    background-color: white;
    height: 150px;
    border-radius: 10px;
    position: relative;
    bottom: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 18px;
}

.hostgator .host-img3 {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

.hostimgbox {
    position: relative;
    bottom: 10px;
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    background-color: #ffffff;
    height: 145px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

.hostgator .host-img {
    height: 73px;
    width: 188px;
    object-fit: contain;
}

.hostgator .chart-box {
    width: 100%;
    border: 1px solid #CBD5E1;
    border-radius: 10px;
    margin-top: 30px;
}

.hostgator .sec1-box2 h1 {
    font-weight: bold;
    font-size: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.hostgator .sec1-box2 p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .text-parrent {
    display: flex;
    align-items: end;
    gap: 15px;
    /* margin-top: 15px; */
}

.hostgator .side-bar {
    width: 100%;
    background-color: white;
}

.hostgator .side-bar p {
    font-size: 13px;
    font-weight: 500;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .side-bar h6 {
    font-size: 16px;
    font-weight: 500;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 25px;
}

.hostgator .side-bar h5 {
    font-size: 16px;
    font-weight: 400;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .side-bar h4 {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 50%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}




.hostgator .host-line {
    width: 100%;
    margin-top: 20px;
}

.hostgator .host-line {
    width: 100%;
    margin-top: 20px;
}

.hostgator .host-line2 {
    width: 100%;
    margin-top: 5px;
}

.hostgator .side-head {

    font-size: 16px;
    margin-top: 20px;
    font-weight: 400;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
}

.hostgator .host-parrent h1 {
    font-size: 40px;
    font-weight: bold;
    color: #0151AC;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .host-parrent h2 {
    font-size: 32px;
    font-weight: 500;
    color: #0151AC;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
}

.hostgator .host-parrent {
    width: 100%;
    height: fit-content;
    border-radius: 12px;
    background-color: white;
    border: 1px solid #DFDFDF;
    /* padding: 15px 30px; */
}

.newsection {
    padding: 7px 0px;
    /* height: 31px; */
    background: #EEF3F7;
    text-align: center;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsection h5 {
    font-size: 14px;
    color: #1A1A1A;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.newpadclass {
    padding: 0px 30px;

}



.hostgator .host-parrent h3 {
    font-size: 22px;
    margin-top: 15px;
    font-weight: 500;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
}

.hostgator .host-parrent p {
    font-size: 16px;
    font-weight: 400;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.host-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.dashed-line {
    height: 175px;
}

.hostgator .host-parrent h4 {
    font-size: 16px;
    font-weight: 400;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    top: 17px;
    left: 29px;
}

.hostgator .host-parrent h6 {
    font-size: 16px;
    font-weight: 400;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .host-div2 {
    display: flex;
    align-items: center;
    gap: 10px;
    /* margin-top: 30px; */
    justify-content: end;
}

.hostgator .host-div3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.host-div1 {
    display: flex;
    align-items: center;
    gap: 20px;
}








.hostgator .host-head2 {
    font-size: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, 70%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 25px;
}

.hostgator .host-head2 span {
    text-decoration: underline;
}

.hostgator .host-head3 {
    font-size: 24px;
    font-weight: 500;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 30px;
}

.mypara p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 70%);
    margin-top: 8px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .host-head4 {
    font-size: 20px;
    font-weight: 400;
    color: black;
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .text-area {
    width: 100%;
    height: 385px;
    border: none;
    outline: none;
    background-color: #f9f9f9;
    margin-top: 15px;
    padding-left: 15px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 20px;
}

.hostgator .host-para2 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 70%);
    margin-top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hostgator .host-img2 {
    margin-top: 30px;
}



.hostgator .faq-item {
    border-bottom: 1px solid rgba(0, 0, 0, 20%);
    /* border-radius: 5px; */
    margin-bottom: 10px;
    overflow: hidden;
}

.hostgator .faq-question {
    background: white;
    cursor: pointer;
    padding: 15px;
    position: relative;
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.hostgator .faq-question h2 {
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.hostgator .faq-question::after {
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: transform 0.3s ease;
    color: black;
    top: 12px;
}

.hostgator .faq-item.active .faq-question::after {
    content: "×";
    transform: rotate(180deg);
    color: black;
}

.hostgator .faq-answer {
    display: none;
    padding: 15px;
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 18px;
    color: rgba(0, 0, 0, 70%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.hostgator .faq-answer h3 {
    font-size: 18px;
    color: rgba(0, 0, 0, 70%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.hostgator .hoast-para3 {
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-top: 20px;
    margin-left: 15px;
}

.hostgator li {
    font-size: 16px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-top: 20px;
    margin-left: 20px;
}

.hostgator .border {
    width: 100%;
    border: 1px solid black;
    margin-top: 15px;
}

/* ALL-STORE// */
.store .sec1 {
    background-image: url(../img/storebg.svg);
    background-size: cover;
    background-position: center;
    height: 409px;
    background-color: #0151ac;
    display: flex;
    align-items: center;
    justify-content: center;
}

.store .sec1 h1 {
    font-size: 55px;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

a {
    text-decoration: none !important;
    /* color: inherit !important; */
}

.store .sec1 p {
    text-transform: capitalize;
    font-size: 18px;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-top: 15px;
}

.store .sec2 h4 {
    text-transform: capitalize;
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.store .sec2 {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 70px;
    margin-bottom: 40px;
}

.store .sec2-box {
    background-color: #EEF3F7;
    border: 1px solid #134A874A;
    padding-top: 5px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.store .sec2-box2 h4 {
    text-transform: capitalize;
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.store .sec2-box2 {
    /* margin-top: 50px; */
    background-color: #EEF3F7;
    border: 1px solid #134A874A;
    padding-top: 5px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.store .sec2-cards {
    width: 193px;
    height: fit-content;
    border-radius: 12px;
    background-color: #EEF3F7;
    border: 1px solid #134A8729;
    padding: 8px 8px 12px;
}

.store .sec2-box3 {
    background-color: #EEF3F7;
    border: 1px solid #134A874A;
    padding-top: 5px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 50px;
}

.store .sec2-box3 h4 {
    text-transform: capitalize;
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.store .card-img {
    width: 100%;
    height: 75px;
    object-fit: contain;
}

.sec2-box.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}

.store .sec2-cards h2 {
    text-transform: capitalize;
    font-size: 18px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
}

.cards-parrent {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

.store-line {
    width: 100%;
    margin-top: 10px;
}

.sec2-box2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    margin-bottom: 10px;
}

.arrow-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.store .faq-answer {
    display: none;
    padding: 10px 0;
}

.store .faq-question {
    cursor: pointer;
    border-bottom: 1px solid #ddd;

}


.store .arrow-icon {
    width: 20px;
    height: 20px;
    background: url("../img/arrow-down.svg") no-repeat center center;
    background-size: contain;
    display: inline-block;
}

/* Open state arrow (on) */
.store .faq-item.active .arrow-icon {
    background: url("../img/arrow-2.svg") no-repeat center center;
    background-size: contain;
}

/* CATEGORIES-PAGE// */
.categories .sec1 {
    background-image: url(../img/categories-bg.svg);
    background-size: cover;
    background-position: center;
    height: 409px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.categories .sec1 h1 {
    text-transform: capitalize;
    font-size: 55px;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-align: center;
}

.categories .sec1 p {
    text-transform: capitalize;
    font-size: 18px;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 15px;
}

.line-3 {
    width: 100%;
}

.categories .left-box h1 {
    font-size: 16px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-top: 15px;
}

.categories .cards {
    width: 100%;
    height: 328px;
    padding-bottom: 20px;
    border: 1px solid #DFDFDF;
    border-radius: 12px;
}

.categories .card-image {
    width: 100%;
    border-radius: 12px;
}

.categories .card-head {
    font-size: 17px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-top: 10px;

}

.categories .card-para {
    font-size: 16px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-top: 5px;
}

.categories .veryfy-div {
    width: 90px;
    height: 32px;
    border-radius: 8px;
    background-color: #0151AC14;
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.categories .iner-card {
    margin: 0px 15px;
}

.categories .veryfy-div p {
    color: #0151AC;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.categories .categories-btn {
    width: 100%;
    height: 48px;
    background-color: #0151AC;
    border: none;
    outline: none;
    color: white;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-radius: 8px;
    text-transform: capitalize;
    margin-top: 25px;
}

.categories .nav-link.active {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: black;
}

.nav-tabs .nav-link {
    border: none !important;
    color: black;
}

.categories .categories-row {
    padding-top: 50px;
}

.categories .line-3 {
    width: 100%;
    margin-top: 10px;
}

.categories li {
    margin-top: 5px;
}

.hosting .sec1-box {
    width: 100%;
    background-color: #0151AC;
    height: 250px;
    border-radius: 16px;
}

.hosting .sec1-box2 {
    width: 100%;
    background-color: white;
    height: 230px;
    border-radius: 16px;
    position: relative;
    top: 35px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0px 20px 0px 0px;
}

.hosting .hosting-img {
    position: relative;
    bottom: 12px;
}

.hosting .sec1-box2 h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: black;
}

.hosting .sec1-box2 p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: black;
}

.hosting .sec1-box2 h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: black;
    margin-top: 10px;
    width: 90%;
}

.hosting .drop-down {
    width: 100%;
    background-color: #F1F7FBA6;
    height: 48px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
}

.hosting .drop-down p {
    color: #1D1B20;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.hosting .hosting-input {
    width: 100%;
    background-color: #F1F7FBA6;
    height: 48px;
    border-radius: 6px;
    border: none;
    outline: none;
    color: #1D1B20;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-left: 15px;
}

.hosting .hosting-input::placeholder {
    color: #1D1B20;
}

.hosting .search-icon {
    position: absolute;
    right: 20px;
    top: 14px;
}

.hosting .input-row {
    padding-top: 50px;
}


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

body {
    overflow-x: hidden;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../fontfamily/helvetica/HelveticaNeueBlack.otf") format("woff2"),
        url("../fontfamily/helvetica/HelveticaNeueBold.otf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../fontfamily/helvetica/HelveticaNeueLight.otf") format("woff2"),
        url("../fontfamily/helvetica/HelveticaNeueBold.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../fontfamily/helvetica/HelveticaNeueMedium.otf") format("woff2"),
        url("../fontfamily/helvetica/HelveticaNeueBold.otf") format("truetype");
    font-weight: 500;
    font-style: normal;
}


.baloo-2-regular {
    font-family: "Baloo 2", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


h1 {
    margin-bottom: 0px;
}

h2 {
    margin-bottom: 0px;
}

h3 {
    margin-bottom: 0px;
}

h4 {
    margin-bottom: 0px;
}

h5 {
    margin-bottom: 0px;
}

h6 {
    margin-bottom: 0px;
}

p {
    margin-bottom: 0px;
}

a {
    text-decoration: none;
}


.inter-regular {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.inter-medium {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.inter-semibold {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.inter-bold {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.firtnav {
    background: #0151AC;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.firtnav h2 {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);

}

.firtnav h3 {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);

    text-decoration: underline;

}


.navbar-nav .nav-link {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: rgba(16, 16, 16, 1) !important;
}

.dropdown-toggle::after {
    content: none !important;
}

.searchbar {
    height: 50px;
    background-color: rgba(242, 242, 242, 1);
    border: none;
    padding-left: 50px;
    border-radius: 12px;
    outline: none;
    color: rgba(125, 125, 125, 1);
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    width: 307px;
}

.searchicondiv {
    position: absolute;
    top: 12px;
    left: 15px;
    border: none;
    background: transparent;
}

.homesec1banner {
    background: url(../img/sec1banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
    display: flex;
    align-items: center;
    position: relative;
}

.avatar-group {
    display: flex;
    /* align avatars in a row */
}

.avatar {
    position: relative;
}

.avatar img {
    object-fit: cover;
}

.avatar img+img {
    margin-left: -15px;
}

.rate {
    font-size: 16px;
    color: #ffffff;
}

.desc {
    font-size: 16px;
    color: #ffffff;
    color: rgba(255, 255, 255, 1);
    opacity: 0.7;
}


.homesec1head {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 60px;
    color: #FFFFFF;
}

.homesec1para {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    width: 40%;
}

.homesec1btn {
    height: 56px;
    border-radius: 10px;
    border: none;
    background: rgba(255, 255, 255, 1);
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #0F4A8B;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 23px;
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
}

.homesec1btn i {
    color: #0F4A8B;
    transition: all 0.5s ease-in-out;

}

.homesec1btn:hover i {
    color: #FFFFFF;
}

.homesec1btn:hover {
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 1);
}


.sec1tag {
    height: 33px;
    background: rgba(245, 245, 245, 8%);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    width: fit-content;
}

.sec1tag h2 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
}

.rightimg {
    position: absolute;
    right: -50px;
    top: -61px;
}

.rightimg img {
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none;
}


.homesec2 {
    padding-top: 70px;
}

.homesec2 h2 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #1A1A1A;
}


.sec2hrline {
    background-color: #DDDDDD;
}

.homesec3 {
    padding: 45px 0px;
}

.homesec3head {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #1A1A1A;
}

.homesec3btn {
    height: 48px;
    border-radius: 8px;
    border: 1px solid rgba(12, 74, 144, 15);
    background: transparent;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #0F4A8B;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 23px;
    transition: all 0.5s ease-in-out;

}

.homesec3btn:hover {
    background-color: #0F4A8B;
    color: #FFFFFF;
}

.sec3box {
    border-radius: 12px;
    border: 1px solid #DFDFDF;

}

.discountbox {
    position: absolute;
    top: 0;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.discount {
    box-shadow: 0px 1px 3.1px rgba(0, 0, 0, 8%);
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DFDFDF;
    padding: 0px 9px;
    height: 32px;
    /* width: 97px; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.discount h4 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #1A1A1A;
}

.datebox {
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DFDFDF;
    padding: 0px 9px;
    height: 32px;
    width: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datebox h4 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #1A1A1A;
}


.sec3box h3 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #1A1A1A;
    text-transform: capitalize;
}

.sec3box .secimg {
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 167px;
    object-fit: contain;
    padding: 15px;
}


.sec3box p {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 13.5px;
    color: #1A1A1A;
}


.verifybtn {
    border-radius: 8px;
    height: 32px;
    background: rgba(16, 74, 138, 8%);
    border: none;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #104A8A;
    width: fit-content;
}



.btn-show-code {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.btn__darkblue {
    background-color: #0151AC;
    color: #fff;
    border: 1px dashed #fff;
}

.promo3__btn {
    margin-left: 00px;
    padding: 10px 15px;
    width: 100%;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    z-index: 999;
    transition: all 0.5s ease-in-out;
}

.pr {
    position: relative;
}


.btn__corner--darkblue {
    background-color: #559BE9;
}

.btn__corner--darkblue {
    border-top: 25px solid #ddd;
    border-left: 25px solid transparent;
    border-bottom-left-radius: 5px;
    bottom: 0;
    height: 25px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    transition: .2s;
    z-index: 2;
    /* above the text */
}

.corner--animate:hover .btn__corner--darkblue {
    border-top: 40px solid #ddd;
    border-left: 40px solid transparent;
    border-bottom-left-radius: 5px;
    height: 30px;
    width: 40px;
    z-index: 2;
}

.folded-btn {
    position: relative;
    width: 190px;
    border: 1.5px dashed #EEEEEE;
    border-radius: 8px;
    background: #0151AC;
    height: 48px;
    color: #ffffff;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    text-align: start;
    padding-left: 66px;
    z-index: 999;
    transition: all 0.5s ease-in-out;
}

.folded-btn:hover {
    background-color: transparent;
    border: 1px dotted #0151AC;
    color: #0151AC;
}

.folded-btn button {
    transition: all 0.5s ease-in-out;

}

.folded-btn:hover button {
    color: #0151AC !important;
}

.submit-btn {
    width: 109px;
    height: 32px;
    border-radius: 8px;
    background-color: white;
    border: 1px solid #DFDFDF;
    outline: none;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 20px;
}

.btntext {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    background-color: #EEEEEE;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #104A8A;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 13px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1.5px dashed #104A8A;
    overflow: hidden;
    border-top-left-radius: 34px;
    border-bottom-left-radius: 24px;
}


.clipimg {
    position: absolute;
    top: -1px;
    right: 40px;
    z-index: 99999999999999999999999999999999999;
}



.homesec4 {
    background: #EEF3F7;
    padding: 80px 0px;
}


.homesec4 h2 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #1A1A1A;
}



.leftbox {
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-shadow: 0px 1px 3.1px rgba(0, 0, 0, 8%);
    border-radius: 12px;
    padding: 8px 18px;
}


.leftbox h3 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #1A1A1A;
}


.dealbox {
    height: 96px;
    border-radius: 8px;
    background-color: #EEF3F7;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 19px;
    color: #1A1A1A;
    text-align: center;
}

.rightbox1 {
    border-radius: 12px;
    background: #FFFFFF;
    padding: 13px;

}


.sec4img {
    width: 100%;
    height: 103px !important;
    object-fit: contain;
}


.rightbox1 p {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #1A1A1A;
    /* padding-bottom: 32px; */
    height: 90px;
    text-transform: capitalize;
}


.seeall {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #134A87;
    /* margin-top: 100px; */
}

/* .paddclass {
    height: 150px;
} */

/* 
.home .faq-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.home .faq-question {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 20px 12px;
    font-weight: 500;
    border-radius: 6px;
}

.home .faq-question span {
    font-size: 20px;
    color: #1A1A1A;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
}

.home .faq-answer {

    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 12px;
}

.home .faq-answer.open {
    max-height: 200px;
    padding: 0px 12px 12px 12px;
}


.home .faq-toggle {
    font-weight: bold;
    transition: transform 0.3s;
}

.home .faq-question p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #1A1A1A;
} */


.home .testisection {
    background: #EEF3F7;
    padding: 80px 0px;
}

.home .testisection h2 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #1A1A1A;
    text-align: center;
}


.home .box {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 1%);
    padding: 25px;

}

.home .box p {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #1A1A1A;
    margin: 20px 0px 60px 0px;
}

.home .testimg {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}


.home .testidesc h2 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #1A1A1A;
}

.home .testidesc h3 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
}

.home .testisection {
    position: relative;
}

.testisection .owl-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    position: relative;
    /* absolute hata do */
}

.testisection .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: rgba(16, 74, 138, 32%);
    border-radius: 50%;
    margin: 0 5px;
    display: block;
    transition: all 0.3s;
}

.testisection .owl-dots .owl-dot.active span {
    background: #104A8A;
    /* active color */
    transform: scale(1.2);
}

.blogleftbox .mainimg {
    width: 100%;
    border-radius: 12px;
    height: 379.79px;
}

.blogleftbox h4 {
    font-size: 16px;
    color: #2C2C2C;
}

.blogleftbox h2 {
    font-size: 22px;
    color: #1A1A1A;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}

.blogleftbox h3 {
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
}

.blogleftbox a {
    font-size: 16px;
    color: #134A87;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}


.subimg {
    width: 178px;
    height: 165px;
    border-radius: 12px;
}

.offcanvas {
    background-color: #ffffffff !important;
}



.gridtemp {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 15px;
}

.gridtemp img {
    border-radius: 100px;
    width: 144px;
    height: 144px;
    object-fit: contain;
    border: 1px solid #6D6D6D;
    padding: 0px 15px;
    transition: box-shadow 0.3s ease-in-out;
}

.gridtemp img:hover {
    box-shadow: 0px 0px 0px 6px rgba(9, 26, 68, 7%);
}

.homesec4 {
    padding: 40px 0px;
}

.btn-modal {
    width: 795px;
    height: fit-content;
    border-radius: 10px;
    background-color: white;
}



.modal-body h1 {
    font-weight: 700;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 32px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
}

.modal-body p {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: black;
    text-align: center;
    margin-top: 10px;
}

.modal-body p span {
    text-decoration: underline;
}

.btn-div {
    width: fit-content;
    position: relative;
    margin: 30px auto;
    border: 1px dashed #0151AC;
    border-radius: 8px;
    width: 300px;
}

.btn-img {
    display: flex;
    align-items: end;
    justify-content: end;
    cursor: pointer;
    margin-left: auto;
}

.btn-parrent {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 40px;
}

.modal-div {
    width: 100%;
    background-color: #EEF7;
    padding: 10px 10px;
    margin-top: 50px;
}

.modal.fade .modal-dialog {
    max-width: 50% !important;
}

.modal-header {
    border: none !important;
}

.modal-header .btn-close {
    background-color: #EEF3F7;
    border: 1px solid #D0D5DD;
    color: black !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
}

.modal-body {
    padding: 0px !important;
}

.button-text {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #0151AC;
    position: absolute;
    left: 30px;
    top: 19px;
}



.contact .right-col h1 {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 55px;
    font-weight: 500;
    color: black;
}

.contact .right-col p {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 60%);
    margin-top: 20px;
    width: 90%;
}

.contact .icon-parrent {
    margin-top: 15px;
}

.contact .contact-input {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    background-color: white;
    outline: none;
    padding-left: 20px;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
}

.contact .contact-input::placeholder {
    color: #525252;

}

.contact .contact-input2 {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    background-color: white;
    outline: none;
    padding-left: 20px;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    color: #525252;

}

.input-text {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: black;
    width: 80%;
    position: relative;
    top: 14px;
    left: 8px;
    background: white;
    width: fit-content;
    padding-left: 10px;
}

/* Style the select like your input */
.contact-input2 {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    background-color: white;
    outline: none;
    padding-left: 20px;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    appearance: none;
    /* remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white url('../img/arrow-down.svg') no-repeat right 10px center;
    background-size: 14px;
    cursor: pointer;
}

.contact .text-area {
    width: 100%;
    height: 188px;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    background-color: white;
    outline: none;
    padding-left: 20px;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    padding-top: 20px;
}

.contact .contact-btn {
    width: 178px;
    height: 48px;
    background-color: #0151AC;
    border-radius: 8px;
    border: none;
    outline: none;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: white;
    margin-top: 15px;
}

.contact .contact-banner {
    width: 100%;
    background-image: url(../img/contact-banner.svg);
    background-position: center;
    background-size: cover;
    height: 350px;
    margin-top: 80px;
    text-align: center;
    padding-top: 60px;
}

.contact .contact-banner h3 {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 32px;
    font-weight: 500;
}

.contact .contact-banner h3 span {
    color: #FC3B2E;
    font-style: italic;
}

.contact-head {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.contact-para {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 50%);
    font-weight: 500;
    margin-left: 4px;
}

.contact .contact-btn2 {
    width: 107px;
    height: 36px;
    background-color: white;
    border: 1px solid #DFDFDF;
    outline: none;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
}

.mail-btn {
    margin-bottom: 2px;
}

.contact .banner-div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 40px;
    padding: 0px 230px;
}

.contact .contact-row {
    padding-top: 50px;
}

.terms .right-box h1 {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 42px;
    font-weight: 500;
    color: black;
}

.terms .right-box h4 {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #232521;
}

.terms .line {
    margin-top: 20px;
    width: 100%;
}

.terms .right-box h3 {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #232521;
    margin-top: 30px;
}






/* haseeb css */



.footer {
    background: url(../img/footerbg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0px;
}


.footer .head,
.footer h4 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    position: relative;
}

.footer .head::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 28px;
    height: 2px;
    background-color: rgba(18, 121, 186, 1);
    border-radius: 2px;
}


.footer .nav-link {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff !important;
    transition: border 0.5s ease-in-out;
    width: fit-content;
    border-bottom: 2px solid #104A8A;
}

.footer .nav-link:hover {
    border-bottom: 2px solid #ffffff;
}

.footerpara {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
}


.footer2 {
    background: rgba(16, 74, 138, 1);
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}


.footer .submitbtn {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    color: rgba(16, 74, 138, 1);
    border: none;
    padding: 0px 13px;
}

.footer .form-control {
    background-color: transparent;
    outline: none;
    border: none;
    font-size: 16px;
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
    color: #ffffff;
}

.footer .form-control::placeholder {
    color: #ffffff;
}

.copywright {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
}

.link li {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1) !important;
}

.link li a {

    color: rgba(255, 255, 255, 1) !important;
}


.widthtclass {
    width: 50%;
}


.mainblogsec {
    background: url(../img/blogsec.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 409px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mainblogsec h1 {
    font-size: 55px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    width: 40%;
}

.mainblogsec p {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-family: "Helvetica Neue", sans-serif;
    width: 45%;
}



.box1 p {
    font-size: 16px;
    color: #2C2C2C;
}

.box1 h2 {
    font-size: 22px;
    color: #1A1A1A;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}

.box1 h3 {
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
}

.box1 a {
    font-size: 16px;
    color: #134A87;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}

.blogmainimg {
    height: 311px !important;
    width: 100%;
}

.terms .terms-btn {
    width: 100%;
    height: 68px;
    border: 1px solid #E2E2E2;
    width: 100%;
    outline: none;
    border-radius: 10px;
    margin-top: 15px;
    color: #242426;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    background-color: white;
}

.terms .terms-btn a {

    color: #242426 !important;
}

.terms .right-box h1 {
    color: #1F1F1F;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 24px;
    color: black;
}

.terms .right-box h6 {
    color: #1F1F1F;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    color: black;
    margin-top: 30px;
}

.terms .right-box h2 {
    color: #1F1F1F;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 24px;
    color: black;
    margin-top: 30px;
}

.terms .right-box p {
    color: #2F2F2F;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    margin-top: 25px;
}

.terms .right-box h3 {
    color: #1F1F1F;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 24px;
    color: black;
    margin-top: 40px;
}

.terms .right-box h5 {
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: white;
}

.terms .text-box {
    width: 36px;
    height: 28px;
    background-color: #0151AC;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms .terms-div {
    margin-top: 30px;
}

.terms .terms-row {
    padding-top: 30px;
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}


#loader {
    display: none;
}


/* details-page// */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}


#loader {
    display: none;
}


.blogdetailsection {
    background: url(../img/blogdetailbanner.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 439px;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
    /* ensure overlay stays inside */
}

.blogdetailsection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    /* dark overlay (black, 45% opacity) */
    z-index: 1;
}

/* Keep content above overlay */
.blogdetailsection>* {
    position: relative;
    z-index: 2;
}



.blogdetailsection h1 {
    font-size: 44px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}


.detaileftbox {
    padding: 70px 0px;
    padding-right: 70px;
}

.detaileftbox h2 {
    font-size: 20px;
    color: rgba(26, 26, 26, 1);
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}

.detaileftbox p {
    font-size: 16px;
    color: rgba(121, 121, 121, 1);
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
}


.blogbox h1 {
    font-size: 40px;
    color: rgba(26, 26, 26, 1);
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
}


.detailhrline {
    height: 1px;
    position: relative;
    left: -170px;
    width: 1067px;
}

.overlayclass {
    position: relative;
    display: inline-block;
    /* ensures overlay stays within image */
}

/* Original overlay gradient */
.overlayclass::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    z-index: 1;
    transition: opacity 0.3s;
}

.overlayclass.no-overlay::after {
    background: none;
    opacity: 0;
}

.readmorebtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}


.readmorebtn button {
    height: 48px;
    border-radius: 8px;
    background: rgba(1, 81, 172, 1);
    color: rgba(255, 255, 255, 1);
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    border: none;
    padding: 0px 20px;
}


/* Initially hide extra content */
.extra-content {
    display: none;
    margin-top: 20px;
}

.extra-content button {
    height: 48px;
    border-radius: 8px;
    background: rgba(1, 81, 172, 1);
    color: rgba(255, 255, 255, 1);
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    border: none;
    padding: 0px 20px;
}

/* Optional: smooth toggle animation */
.extra-content.show {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.rightbox2 h2 {
    font-size: 16px;
    color: rgba(152, 152, 154, 1);
    font-weight: 400;
    font-family: "Helvetica Neue", sans-serif;
}

.rightbox2 h3 {
    font-size: 16px;
    color: rgba(26, 26, 26, 1);
    font-weight: 500;
    font-family: "Helvetica Neue", sans-serif;
    margin-top: 10px;
}



.contentbox {
    background-color: rgba(249, 249, 249, 1);
    border-radius: 10px;
    padding: 18px;
}


.content h3 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(152, 152, 154, 1);
}

.content h2 {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(26, 26, 26, 1);
    /* width: 80%; */
}

.content h4,
.content a {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: rgba(26, 26, 26, 1);
}




.padding-left {
    padding-left: 200px;
}

.padd-right {
    padding-right: 170px;
}


.hotcouponsec .nav-link {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.hotcouponsec .nav-link:hover {
    background-color: #0151AC !important;
    color: #fff !important;
    border-radius: 6px;
}

.categories li {
    transition: all 0.3s ease, color 0.3s ease;
}

.nav-link.active {
    background-color: transparent !important;
}

.categories li:hover {
    background-color: #0151AC !important;
    color: #fff !important;
    border-radius: 6px;
}

.categories li:hover .nav-link {
    color: #ffffff !important;
}

.hotcouponsec .nav-link.active {
    font-weight: 500 !important;
    font-size: 16px !important;
}

.hotcouponsec .nav.flex-column.nav-tabs {
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    padding: 12px 10px;
}

.hotcouponsec .nav-item .nav-link {
    width: 100%;
    height: 70px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: rgba(26, 26, 26, 1);
    text-align: start;
}



.detailimg {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
}




.likebtn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #EEF3F7;
    border: 1px solid rgba(179, 179, 179, 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}


.likebtn i {
    color: rgba(41, 45, 50, 40%);
    font-size: 19px;
}



.stars i {
    cursor: pointer;
}

.dropdown-toggle::after {
    content: none !important;
}




.myhomesec .faq-question {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 20px 12px;
    font-weight: 500;
    border-radius: 6px;
}

.myhomesec .faq-question span {
    font-size: 20px;
    color: #1A1A1A;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 500;
}

.myhomesec .faq-answer.open {
    max-height: 100%;
    padding: 0px 0px 12px 0px;
}

.myhomesec .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 12px;
}

.myhomesec .faq-toggle {
    font-weight: bold;
    transition: transform 0.3s;
}

.myhomesec .faq-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}




.couponimg {
    /* width: 77px; */
    height: 22px;
}


.categoryimage {
    width: 56px;
    height: 44px;
}



.chart-select {
    border-radius: 1234px;
    border: 1px solid #DFDFDF;
    padding: 5px 9px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #1A1A1A;
    cursor: pointer;
}


.chart-box {
    padding: 15px 20px;
}



/* Active nav link with bottom border */
.navbar-nav .nav-item .nav-link.active {
    /* border-bottom: 3px solid #007bff;
    color: #007bff;
    font-weight: bold; */
}

.navbar-nav .nav-item .nav-link:hover {
    /* border-bottom: 3px solid #0056b3;
    color: #0056b3; */
}

.navbar-nav .nav-link {
    /* border-bottom: 3px solid transparent; */
}

/* .owl-carousel,
.owl-carousel.owl-loaded {
    display: flex !important;
} */



.footericons i {
    border: 1px solid transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    transition: all 0.5s ease-in-out;
}

.footericons i:hover {
    background-color: #ffffff;
    color: #000;
    border: 1px solid #000;
}



/* Smooth dropdown fade */
.dropdown-menu {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}




.arrow-btn {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 3px 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 5px;
}

.arrow-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}



.ournav {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    /* smooth slide */
    z-index: 999999999999999999999999999999999999999999999;
}

.ournav.hide {
    transform: translateY(-100%);
    /* hide by sliding up */
}




.padtop {
    padding-top: 120px;
}



.aboutimg {
    width: 44px;
    height: 52px;
    border-radius: 8px;
    object-fit: cover;
}













.modal-img {
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 0px;
    height: 123px;
}


.hostgator .code-btn {
    /* width: 52px; */
    height: 32px;
    padding: 0px 10px;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    margin-top: 0px;
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: white;
    border: 1px solid #DFDFDF;
    cursor: unset;
}


.paddingclass {
    padding: 20px 0px;
}

.relative.z-0.inline-flex.rtl:flex-row-reverse.shadow-sm.rounded-md {
    display: none !important;
}


.tooltip-cell {
    position: relative;
    cursor: pointer;
}

.tooltip-cell .tooltip-text {
    visibility: hidden;
    width: max-content;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 5px 10px;
    border-radius: 4px;
    position: absolute;
    z-index: 100;
    bottom: 100%;
    /* shows above the text */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
}

.tooltip-cell:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.share-popup a {
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
}

.share-popup a.btn-info {
    background-color: #1da1f2;
}

.share-popup {
    width: 150px;
}


#table-of-contents ul {
    padding-left: 0;
}

#table-of-contents ul li {
    list-style: none;
}