@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    text-transform: capitalize;
}

p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 400;
}

input,
textarea {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

a,
button {
    margin: 0;
    padding: 0;
    font-weight: 500;
}

a:hover {
    color: inherit;
}

body {
    overflow-x: hidden;
    background: #fff;
    font-family: "Poppins", sans-serif;
}

main {
    overflow: hidden;
}

a,
button,
input,
textarea,
textarea:focus {
    font-family: "Poppins", sans-serif;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.form-group input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #f70000;
    border: 1px solid #fff;
}

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

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/*Website Custom Style Css For Single Items Start Here*/

/*Heading & Para Style Css*/
.heading-one {
    font-size: 60px;
    line-height: 66px;
}

.heading-two {
    font-size: 50px;
    line-height: 56px;
}

.heading-three {
    font-size: 44px;
    line-height: 50px;
}

.heading-four {
    font-size: 26px;
    line-height: 32px;
}

.heading-five {
    font-size: 22px;
    line-height: 28px;
}

.heading-six {
    font-size: 18px;
    line-height: 24px;
}

.heading-seven {
    font-size: 16px;
    line-height: 22px;
}

p {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px;
}

li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0 0 5px;
}

/*Heading & Para Style Css*/

/*Buttons Style Css*/
.website-main-buttons {
    margin: 30px 0 0;
    display: flex;
    align-items: center;
}

.website-main-buttons a.read-more-btn,
.website-main-buttons button.popup-btn,
.website-main-buttons a.call-btn,
.website-main-buttons button.chat-btn {
    font-size: 16px;
    width: 225px;
    height: 55px;
    border: none;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    transition: all .3s ease-in;
    position: relative;
}

/*Buttons Style Css*/

/*Website Custom Style Css For Single Items End Here*/

/*Header Css Start Here*/
header {
    background: transparent;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1000;
    transition: all .3s ease-in-out;
}

header.sticky {
    background: #fff;
    box-shadow: 0 10px 40px -25px #1c1c1c;
}

header nav.navbar {
    padding: 30px 0 20px;
    align-items: center;
    position: relative;
}

header nav.navbar .navbar-brand {
    width: 225px;
    padding: 0;
    margin: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(191deg) brightness(101%) contrast(102%);
}

header .navbar-collapse .navbar-main-nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: end;
}

header .navbar-main-nav .navbar-buttons button.chat-btn {
    background: #f70000;
    color: #fff;
    font-size: 18px;
    width: 200px;
    height: 55px;
    border: none;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    transition: all .3s ease-in;
    position: relative;
}

header .navbar-main-nav .navbar-buttons button.chat-btn:hover {
    background: #f70000;
}

header .navbar-main-nav .navbar-buttons button.chat-btn .check-success {
    background: #161616;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    margin: 0 10px 0 0;
}

/*Header Css End Here*/

/**************************************************************************
 --------------------- Home Page Folds Css Start Here ---------------------
 --------------------------------------------------------------------------
**************************************************************************/

/*Banner Main Section Css Start Here*/
section.banner-main-sec {
    background-image: url(../images/bg-img/banner-main-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

section.banner-main-sec::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #161616;
    z-index: -1;
}

.banner-main-content .heading-one {
    color: rgb(255, 255, 255);
    margin: 0 0 20px;
}

.banner-main-content .heading-one span {
    color: #f70000;
}

.banner-main-content p {
    color: rgb(255, 255, 255);
}

.banner-main-content .website-main-buttons button.popup-btn {
    background: #f70000;
    color: #fff;
}

.banner-main-content .website-main-buttons button.popup-btn:hover {
    background: #161616;
}

.banner-main-sec .banner-main-form {
    background: #161616;
    width: 90%;
    padding: 40px 40px;
    margin: 0 auto;
    border-radius: 0px 30px 30px 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.banner-main-form::before {
    content: '';
    position: absolute;
    top: -16px;
    left: -18px;
    background-image: url(../images/elements/form-element.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 120px;
    display: block;
    z-index: -1;
    filter: brightness(0) saturate(100%) invert(16%) sepia(64%) saturate(7498%) hue-rotate(360deg) brightness(89%) contrast(122%);
}

.banner-main-form .heading-three {
    color: #fff;
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 40px;
}

.banner-main-form p {
    color: #fff;
    margin: 0 0 30px;
}

.banner-main-form .form-group {
    margin: 0 0 10px;
}

.banner-main-form .form-group input {
    background: #fff;
    font-size: 16px;
    color: #000;
    padding: 10px 20px;
    width: 100%;
    height: 55px;
    border: none;
    outline: none;
    border-radius: 5px;
}

.banner-main-form .form-group input::placeholder {
    color: #060606;
}

.banner-main-form .form-group textarea {
    background: #fff;
    color: #000;
    border: none;
    font-size: 16px;
    width: 100%;
    height: 120px;
    padding: 20px 20px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    resize: none;
}

.banner-main-form form .form-group textarea::placeholder {
    color: #060606;
}

.banner-main-form .form-group button.submit-btn {
    background: #f70000;
    color: #fff;
    font-size: 18px;
    width: 200px;
    height: 55px;
    border: none;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    transition: all .3s ease-in;
}

.banner-main-form .form-group button.submit-btn:hover {
    background: #fff;
    color: #000;
}

/*Banner Main Section Css End Here*/

/*Award Brands Section Css Start Here*/
section.award-brands-wrap {
    background: #161616;
    padding: 50px 0px;
}

.award-brands-head .heading-four {
    color: #fff;
    font-weight: 400;
    margin: 0 0 10px;
}

.award-brands-head p {
    color: #fff;
}

.award-brands-wrap .award-brands-slider {
    margin: 0 20px 0;
}

.award-brands-slider .slick-arrow {
    top: 25%;
    position: absolute;
    background: none;
    border: none;
    font-size: 0;
    z-index: 9;
    display: none !important;
}

.award-brands-slider .slick-prev {
    left: -15px;
}

.award-brands-slider .slick-prev:before {
    content: '\f104';
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 32px;
    color: #161616;
}

.award-brands-slider .slick-next {
    right: -25px;
}

.award-brands-slider .slick-next:before {
    content: '\f105';
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 32px;
    color: #161616;
    right: 10px;
}

.award-brands-slider .award-brands-box {
    margin: 0 10px 0;
}

.award-brands-box img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin: 0 auto;
}

/*Award Brands Section Css End Here*/

/*Unlock Story Section Css Start Here*/
section.unlock-story-wrap {
    background: #F9F9F9;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

section.unlock-story-wrap.unlock-story-whitebg {
    background: #fff;
}

.unlock-story-wrap .unlock-story-inner {
    margin: 50px 0;
}

.unlock-story-content .heading-two {
    color: #000;
    margin: 0 0 20px;
}

.unlock-story-content .heading-two span {
    color: #f70000;
}

.unlock-story-content p {
    color: #000;
}

.unlock-story-content .website-main-buttons button.chat-btn {
    background: #f70000;
    color: #fff;
}

.unlock-story-content .website-main-buttons button.chat-btn:hover {
    background: #161616;
}

.unlock-story-content .website-main-buttons a.call-btn {
    background: #161616;
    color: #fff;
}

.unlock-story-content .website-main-buttons a.call-btn:hover {
    background: #f70000;
}

.unlock-story-inner .unlock-story-img {
    text-align: center;
}

/*Unlock Story Section Css End Here*/

/*How Choose Section Css Start Here*/
section.how-choose-wrap {
    padding: 50px 0;
}

.how-choose-wrap .how-choose-head {
    padding: 0 0 50px;
    text-align: center;
}

.how-choose-head .heading-two {
    color: #000;
    margin: 0 0 20px;
}

.how-choose-head .heading-two span {
    color: #f70000;
}

.how-choose-head p {
    color: #000;
}

.how-choose-wrap .how-choose-box {
    padding: 10px 20px;
    margin: 0 0 30px;
    border-radius: 5px;
    box-shadow: 0 0px 10px -5px #b2b2b2;
    transition: all 0.5s ease-in-out;
    background: #efefef;
}

.how-choose-box:hover {
    background: #161616;
}

.how-choose-box img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin: 0 0 12px;
    transition: all 0.3.s ease-in-out;
}

.how-choose-box:hover img {
    filter: invert(1);
}

.how-choose-box .heading-six {
    color: #000;
    font-weight: 400;
    margin: 0;
    transition: all .3s ease-in;
}

.how-choose-box:hover .heading-six,
.how-choose-box:hover p {
    color: #fff;
}

/*How Choose Section Css End Here*/

/*CTA Banner Section Css Start Here*/
section.cta-banner-wrap {
    background-image: url(../images/bg-img/cta-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 50px 0;
    position: relative;
    z-index: 9;
}

section.cta-banner-wrap::before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    opacity: 0.5;
    z-index: -1;
}


.cta-banner-content{
    text-align: center;
}

.cta-banner-wrap .cta-banner-content .website-main-buttons{
    justify-content: center;
}

.cta-banner-content .heading-three {
    color: #fff;
    margin: 0 0 20px;
}

.cta-banner-content p {
    color: #fff;
}

.cta-banner-content .website-main-buttons button.chat-btn {
    background: #f70000;
    color: #fff;
}

.cta-banner-content .website-main-buttons button.chat-btn:hover {
    background: #161616;
}

.cta-banner-content .website-main-buttons a.call-btn {
    background: #161616;
    color: #fff;
}

.cta-banner-content .website-main-buttons a.call-btn:hover {
    background: #f70000;
}

.cta-banner-wrap .cta-banner-img {
    text-align: center;
}

/*CTA Banner Section Css End Here*/

/*Brand Logos Section Css Start Here*/
section.brand-logos-wrap {
    background: #161616;
    padding: 50px 0;
}

.brand-logos-wrap .brand-logos-head {
    text-align: center;
    margin: 0 0 50px;
}

.brand-logos-head .heading-two {
    color: #fff;
    margin: 0 0 20px;
}

.brand-logos-head p {
    color: #fff;
}

.brand-logos-inner .brand-logos-items {
    margin: 0 30px;
}

.brand-logos-items .brand-items-img {
    display: flex;
    justify-content: center;
}

.brand-items-img img {
    height: 50px;
    object-fit: contain;
}

/*Brand Logos Section Css End Here*/

/*Testimonials Section Css Start Here*/
section.testi-main-wrap {
    background: #F6F6F6;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

.testi-main-content .heading-two {
    color: #000;
    margin: 0 0 20px;
}

.testi-main-content .heading-two span {
    color: #f70000;
}

.testi-main-content p {
    color: #000;
}

.testi-main-content .website-main-buttons button.chat-btn {
    background: #f70000;
    color: #fff;
}

.testi-main-content .website-main-buttons button.chat-btn:hover {
    background: #161616;
}

.testi-main-content .website-main-buttons a.call-btn {
    background: #161616;
    color: #fff;
}

.testi-main-content .website-main-buttons a.call-btn:hover {
    background: #f70000;
}

.testi-main-wrap .testi-slide-wrapper {
    margin: 0 0 100px;
}

.testi-slide-wrapper .swiper {
    width: 85%;
}

.testi-slide-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: -75% 125%;
}

.testi-slide-wrapper .swiper-button-prev {
    left: 0;
}

.testi-slide-wrapper .swiper-button-prev,
.testi-slide-wrapper .swiper-button-next {
    background: #161616;
    top: inherit;
    bottom: -20%;
    right: inherit;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.testi-slide-wrapper .swiper-button-next {
    left: 10%;
}



.testi-slide-wrapper .swiper-button-prev::after,
.testi-slide-wrapper .swiper-button-next::after {
    font-family: "Font Awesome 7 Free"; /* ya "Font Awesome 6 Free" */
    font-weight: 900; /* solid icons ke liye zaroori */
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: block;
}

.testi-slide-wrapper .swiper-button-prev::after {
    content: '\f053'; /* chevron-left */
}

.testi-slide-wrapper .swiper-button-next::after {
    content: '\f054'; /* chevron-right */
}


.testi-slide-wrapper .testi-slide-box {
    background: #fff;
    padding: 30px 0 0;
    box-shadow: 0 3px 15px -10px #b2b2b2;
    position: relative;
    transition: opacity 0.3s ease-out;
    width: 100%;
    height: 100%;
}

.testi-slide-box .testi-box-head {
    display: flex;
    align-items: center;
    padding: 0 30px;
    margin: 0 0 30px;
}

.testi-box-head .testi-box-img {
    margin: 0 20px 0 0;
}

.testi-box-head .testi-box-img img {
    border: 3px solid #D2D2D2;
    border-radius: 100%;
}

.testi-box-head .heading-five {
    color: #f70000;
    margin: 0;
}

.testi-slide-box .testi-box-content {
    margin: 0 0 20px;
    padding: 0 30px;
    min-height: 175px;
    max-height: 175px;
    overflow-y: auto;
}

.testi-box-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    border-radius: 0px;
}

.testi-box-content::-webkit-scrollbar {
    width: 3px;
    background: #b2b2b2;
    border-radius: 0px;
}

.testi-box-content::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0px;
}

.testi-box-content p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

.testi-slide-box .testi-box-designation {
    display: flex;
    align-items: center;
    padding: 0 30px;
    margin: 0 0 20px;
}

.testi-box-designation img {
    margin: 0 20px 0 0;
}

.testi-box-designation p {
    color: #8A8A8A;
    margin: 0;
}

.testi-slide-box .testi-box-end {
    background: #f70000;
    padding: 30px 30px;
}

.testi-box-end .testi-box-ratings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

.testi-box-end .testi-box-ratings .rating-star-icons {
    display: flex;
    justify-content: center;
    gap: 3px;
}

.testi-box-ratings .rating-star-icons img {
    width: 18px;
    height: 18px;
}

.testi-box-ratings span {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin: 0;
}

/*Testimonials Section Css End Here*/

/*FAQS Section Css Start Here*/
section.faqs-sec-wrap {
    padding: 50px 0;
}

.faqs-sec-wrap .faqs-sec-head {
    text-align: center;
    margin: 0 0 30px;
}

.faqs-sec-head .heading-two {
    color: #000;
    margin: 0 0 20px;
}

.faqs-sec-head .heading-two span {
    color: #f70000;
}

.faqs-sec-head p {
    color: #000;
}

.faqs-sec-item .accordion .accordion-item {
    margin: 0 0 10px;
    border-radius: 0px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #C7C5C5;
}

.faqs-sec-item .accordion-item .accordion-header button.accordion-button {
    background: transparent;
    color: #000;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    box-shadow: none;
    border-radius: 0px;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    margin: 0;
}

/*.faqs-sec-item .accordion-item .accordion-header .accordion-button::after {*/
/*    content: '\f054';*/
/*    font-family: "Font Awesome 7 Free"; */
/*    font-weight: 900;*/
/*    color: #000;*/
/*    font-size: 20px;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    line-height: 25px;*/
/*    border-radius: 100%;*/
/*    text-align: center;*/
    display: inline-block; /* needed for rotation and sizing */
/*    transform: rotate(-90deg);*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

.faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

.faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 20px 10px;
    border-radius: 0;
}

/*FAQS Section Css End Here*/

/*Main Contact Form Section Css Start Here*/
section.main-contact-form {
    background: #F6F6F6;
    padding: 50px 0px;
}

.main-contact-form .contact-form-side {
    width: 90%;
}

.contact-form-side .heading-two {
    color: #000;
    margin: 0 0 20px
}

.contact-form-side .heading-two span {
    color: #f70000;
}

.contact-form-side .form-group {
    margin: 0 0 10px;
}

.contact-form-side .form-group input {
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 10px 20px;
    width: 100%;
    height: 55px;
    border: 1px solid #8B8B8B;
    outline: none;
    border-radius: 0;
}

.contact-form-side .form-group input::placeholder {
    color: #726969;
}

.contact-form-side .form-group textarea {
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border: 1px solid #8B8B8B;
    width: 100%;
    height: 100px;
    padding: 20px 20px;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    resize: none;
}

.contact-form-side .form-group textarea::placeholder {
    color: #726969;
}

.contact-form-side .form-check {
    padding: 0;
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.contact-form-side .form-check .form-check-input {
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: 1px solid #161616;
    border-radius: 3px;
    outline: none;
    box-shadow: none;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.contact-form-side .form-check .form-check-input:checked[type=checkbox] {
    background-color: #161616;
}

.contact-form-side .form-check .form-check-label {
    color: #f70000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    cursor: pointer;
}

.contact-form-side .form-group button.submit-btn {
    background: #f70000;
    color: #fff;
    font-size: 16px;
    width: 200px;
    height: 55px;
    border: none;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease-in;
}

.contact-form-side .form-group button.submit-btn:hover {
    background: #161616;
}

/*Main Contact Form Section Css End Here*/

/**************************************************************************
 --------------------- Home Page Folds Css End Here -----------------------
 --------------------------------------------------------------------------
**************************************************************************/

/*Footer Css Start Here*/
footer.footer-main-sec {
    background: #161616;
    position: relative;
}

.footer-main-sec .footer-top {
    padding: 50px 0;
    border-bottom: 1px solid #f70000;
}

.footer-top .footer-info-form {
    margin: 0 0 40px;
}

.footer-info-form span {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    margin: 0 0 10px;
}

.footer-info-form .form-group {
    margin: 0 0 20px;
}

.footer-info-form .form-group input {
    background: #f8f9fa;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    width: 100%;
    height: 55px;
    border: none;
    outline: none;
    border-radius: 0px;
}

.footer-info-form .form-group button.submit-btn {
    background: #f70000;
    color: #fff;
    font-size: 16px;
    width: 225px;
    height: 55px;
    border: none;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    transition: all .3s ease-in;
    position: relative;
}

.footer-info-form .form-group button.submit-btn:hover {
    background: #fff;
    color: #000;
}

.footer-top .footer-payments-cards {
    margin: 0 0 20px;
}

.footer-top .footer-links-area {
    margin: 0 0 20px;
}

.footer-links-area .heading-four {
    color: #fff;
    margin: 0 0 30px;
}

.footer-links-area ul.footer-nav-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    width: 100%;
}

.footer-links-area ul.footer-nav-links li {
    padding: 0 0 0 25px;
    margin: 0 0 10px;
    position: relative;
}

.footer-links-area ul.footer-nav-links li::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    border-width: 7px 0px 7px 10px;
    border-color: transparent transparent transparent #f70000;
    border-style: solid;

}

.footer-links-area ul.footer-nav-links a {
    color: #787878;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
    transition: all .3s ease-in-out;
    display: block;
}

.footer-links-area ul.footer-nav-links a:hover {
    color: #f70000;
}

.footer-info-area .heading-four {
    color: #fff;
    margin: 0 0 30px;
}

.footer-info-area a {
    color: #787878;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: lowercase;
    margin: 0 0 20px;
    display: block;
    display: flex;
    transition: all .3s ease-in-out;
}

.footer-info-area a:hover {
    color: #f70000;
}

.footer-info-area a i,
.footer-info-area p i {
    color: #f70000;
    font-size: 20px;
    width: 20px;
    margin: 0 10px 0 0;
}

.footer-info-area p {
    color: #787878;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px;
    display: block;
    display: flex;
}

.footer-main-sec .footer-bottom {
    padding: 10px 0;
    background-color: #000;
}

.footer-bottom .footer-copyright {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-copyright p {
    color: #fff;
    font-weight: 400;
    margin: 0;
}

ul.footer-social-list {
    display: flex;
}

ul.footer-social-list li a {
    background: #f70000;
    color: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 0 0;
    display: block;
    position: relative;
    transition: all .5s ease-in-out;
}

ul.footer-social-list li a:hover {
    background: #161616;
}

ul.footer-social-list li a img {
    padding: 8px;
    filter: invert(1);
    margin: -5px 0 0 0;
}

/*Footer Css End Here*/

@media only screen and (min-width: 1200px) and (max-width: 1499px) {

    /*Website Custom Style Responsive Css For Single Items Start Here*/

    /*Heading & Para Style Responsive Css*/
    .heading-one {
        font-size: 52px;
        line-height: 58px;
    }

    .heading-two {
        font-size: 42px;
        line-height: 48px;
    }

    .heading-three {
        font-size: 36px;
        line-height: 42px;
    }

    /*Heading & Para Style Responsive Css*/

    /*Website Custom Style Responsive Css For Single Items End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css Start Here ----------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Testimonials Section Responsive Css Start Here*/
    .testi-slide-wrapper .swiper-slide {
        transform-origin: 50% 75%;
    }

    .testi-slide-box .testi-box-head {
        padding: 0 20px;
    }

    .testi-box-head .testi-box-img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-content {
        padding: 0 20px;
    }

    .testi-slide-box .testi-box-designation {
        padding: 0 20px;
    }

    .testi-box-designation img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-end {
        padding: 30px 20px;
    }

    /*Testimonials Section Responsive Css End Here*/

    /*Main Contact Form Section Responsive Css Start Here*/
    .main-contact-form .contact-form-side {
        width: 100%;
    }

    .contact-form-side .form-group input {
        font-size: 14px;
        padding: 10px 10px;
    }

    .contact-form-side .form-group textarea {
        font-size: 14px;
        padding: 10px 10px;
    }

    /*Main Contact Form Section Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css End Here ------------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Footer Responsive Css Start Here*/
    .footer-links-area ul.footer-nav-links {
        grid-template-columns: 1fr 1fr;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area p {
        font-size: 14px;
        line-height: 20px;
    }

    /*Footer Responsive Css End Here*/

}

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

    /*Website Custom Style Responsive Css For Single Items Start Here*/

    /*Heading & Para Style Responsive Css*/
    .heading-one {
        font-size: 46px;
        line-height: 52px;
    }

    .heading-two {
        font-size: 36px;
        line-height: 42px;
    }

    .heading-three {
        font-size: 30px;
        line-height: 36px;
    }

    .heading-four {
        font-size: 22px;
        line-height: 28px;
    }

    .heading-five {
        font-size: 20px;
        line-height: 26px;
    }

    /*Heading & Para Style Responsive Css*/

    /*Buttons Style Responsive Css*/
    .website-main-buttons a.read-more-btn,
    .website-main-buttons button.popup-btn,
    .website-main-buttons a.call-btn,
    .website-main-buttons button.chat-btn {
        font-size: 14px;
        margin: 0 5px 10px;
        width: 200px;
    }

    /*Buttons Style Responsive Css*/

    /*Website Custom Style Responsive Css For Single Items End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css Start Here ----------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Banner Main Section Responsive Css Start Here*/
    section.banner-main-sec {
        padding: 150px 0 50px;
    }

    .banner-main-sec .banner-main-form {
        width: 100%;
    }

    /*Banner Main Section Responsive Css End Here*/

    /*Unlock Story Section Responsive Css Start Here*/
    section.unlock-story-wrap {
        padding: 30px 0;
    }

    .unlock-story-wrap .unlock-story-inner {
        margin: 30px 0;
    }

    /*Unlock Story Section Responsive Css End Here*/

    /*How Choose Section Responsive Css Start Here*/
    .how-choose-wrap .how-choose-head {
        padding: 0 0 30px;
    }

    .how-choose-wrap .how-choose-box {
        padding: 10px 10px;
    }

    /*How Choose Section Responsive Css End Here*/

    /*Testimonials Section Responsive Css Start Here*/
    .testi-main-wrap .testi-slide-wrapper {
        margin: 0 0 75px;
    }

    .testi-slide-wrapper .swiper {
        width: 90%;
    }

    .testi-slide-wrapper .swiper-slide {
        transform-origin: 50% 30%;
    }

    .testi-slide-wrapper .swiper-button-next {
        left: 15%;
    }

    .testi-slide-box .testi-box-head {
        padding: 0 20px;
    }

    .testi-box-head .testi-box-img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-content {
        padding: 0 20px;
    }

    .testi-slide-box .testi-box-designation {
        padding: 0 20px;
    }

    .testi-box-designation img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-end {
        padding: 30px 20px;
    }

    .testi-box-ratings span {
        font-size: 14px;
        line-height: 20px;
    }

    /*Testimonials Section Responsive Css End Here*/

    /*Main Contact Form Section Responsive Css Start Here*/
    .main-contact-form .contact-form-side {
        width: 100%;
    }

    .contact-form-side .form-group input {
        font-size: 14px;
        padding: 10px 10px;
    }

    .contact-form-side .form-group textarea {
        font-size: 14px;
        padding: 10px 10px;
    }

    .contact-form-side .form-check .form-check-label {
        font-size: 14px;
        line-height: 20px;
    }

    /*Main Contact Form Section Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css End Here ------------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Footer Responsive Css Start Here*/
    .footer-links-area ul.footer-nav-links {
        grid-template-columns: 1fr 1fr;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area p {
        font-size: 14px;
        line-height: 20px;
    }

    ul.footer-social-list li a {
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 34px;
    }

    /*Footer Responsive Css End Here*/

}

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

    /*Website Custom Style Responsive Css For Single Items Start Here*/

    /*Heading & Para Style Responsive Css*/
    .heading-one {
        font-size: 36px;
        line-height: 42px;
    }

    .heading-two {
        font-size: 30px;
        line-height: 36px;
    }

    .heading-three {
        font-size: 26px;
        line-height: 32px;
    }

    .heading-four {
        font-size: 20px;
        line-height: 26px;
    }

    .heading-five {
        font-size: 18px;
        line-height: 22px;
    }

    .heading-six {
        font-size: 16px;
        line-height: 22px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    li {
        font-size: 14px;
        line-height: 20px;
    }

    /*Heading & Para Style Responsive Css*/

    /*Buttons Style Responsive Css*/
    .website-main-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .website-main-buttons a.read-more-btn,
    .website-main-buttons button.popup-btn,
    .website-main-buttons a.call-btn,
    .website-main-buttons button.chat-btn {
        font-size: 14px;
        margin: 0 5px 10px;
        width: 200px;
    }

    /*Buttons Style Responsive Css*/

    /*Website Custom Style Responsive Css For Single Items End Here*/

    /*Header Responsive Css Start Here*/
    header nav.navbar {
        padding: 20px 0 20px;
        flex-wrap: nowrap;
    }

    header nav.navbar .navbar-collapse {
        flex-basis: 75%;
    }

    header .navbar-main-nav .navbar-buttons button.chat-btn {
        font-size: 16px;
        width: 175px;
    }

    /*Header Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css Start Here ----------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Banner Main Section Responsive Css Start Here*/
    section.banner-main-sec {
        background-position: 20% 100%;
        padding: 125px 0 50px;
    }

    .banner-main-sec .banner-main-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .banner-main-sec .banner-main-form {
        width: 80%;
    }

    /*Banner Main Section Responsive Css End Here*/

    /*Award Brands Section Responsive Css Start Here*/
    section.award-brands-wrap {
        padding: 30px 0px;
    }

    /*Award Brands Section Responsive Css End Here*/

    /*Unlock Story Section Responsive Css Start Here*/
    section.unlock-story-wrap {
        padding: 30px 0;
    }

    .unlock-story-wrap .unlock-story-inner {
        margin: 30px 0;
    }

    .unlock-story-inner .unlock-story-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .order-one {
        order: 1;
    }

    .order-two {
        order: 2;
    }

    /*Unlock Story Section Responsive Css End Here*/

    /*How Choose Section Responsive Css Start Here*/
    section.how-choose-wrap {
        padding: 30px 0;
    }

    .how-choose-wrap .how-choose-head {
        padding: 0 0 30px;
    }

    .how-choose-wrap .how-choose-box {
        padding: 10px 10px;
    }

    /*How Choose Section Responsive Css End Here*/

    /*CTA Banner Section Responsive Css Start Here*/
    section.cta-banner-wrap {
        padding: 30px 0;
    }

    .cta-banner-content .website-main-buttons {
        justify-content: left;
    }

    /*CTA Banner Section Responsive Css End Here*/

    /*Brand Logos Section Responsive Css Start Here*/
    section.brand-logos-wrap {
        padding: 30px 0;
    }

    /*Brand Logos Section Responsive Css End Here*/

    /*Testimonials Section Responsive Css Start Here*/
    section.testi-main-wrap {
        padding: 30px 0;
    }

    .testi-main-content .website-main-buttons {
        justify-content: left;
    }

    .testi-main-wrap .testi-slide-wrapper {
        margin: 0 0 75px;
    }

    .testi-slide-wrapper .swiper {
        width: 90%;
    }

    .testi-slide-wrapper .swiper-slide {
        transform-origin: 50% 30%;
    }

    .testi-slide-wrapper .swiper-button-prev,
    .testi-slide-wrapper .swiper-button-next {
        bottom: -15%;
    }

    .testi-slide-wrapper .swiper-button-next {
        left: inherit;
        right: 0;
    }

    .testi-slide-box .testi-box-head {
        padding: 0 20px;
    }

    .testi-box-head .testi-box-img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-content {
        padding: 0 20px;
    }

    .testi-slide-box .testi-box-designation {
        padding: 0 20px;
    }

    .testi-box-designation img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-end {
        padding: 30px 20px;
    }

    .testi-box-ratings span {
        font-size: 14px;
        line-height: 20px;
    }

    /*Testimonials Section Responsive Css End Here*/

    /*FAQS Section Responsive Css Start Here*/
    section.faqs-sec-wrap {
        padding: 30px 0;
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 18px;
        line-height: 24px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        font-size: 18px;
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 14px;
        line-height: 20px;
    }

    /*FAQS Section Responsive Css End Here*/

    /*Main Contact Form Section Responsive Css Start Here*/
    section.main-contact-form {
        padding: 30px 0px;
    }

    .main-contact-form .contact-form-side {
        width: 100%;
    }

    .contact-form-side .form-group input {
        height: 45px;
    }

    .contact-form-side .form-group textarea {
        height: 100px;
    }

    .contact-form-side .form-check {
        margin: 5px 0 10px;
    }

    .contact-form-side .form-check .form-check-label {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }

    /*Main Contact Form Section Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css End Here ------------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Footer Responsive Css Start Here*/
    .footer-main-sec .footer-top {
        padding: 30px 0;
    }

    .footer-top .footer-payments-cards {
        width: 75%;
    }

    .footer-links-area ul.footer-nav-links {
        grid-template-columns: 1fr 1fr;
    }

    .footer-links-area ul.footer-nav-links li {
        padding: 0 0 0 20px;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area p {
        font-size: 14px;
        line-height: 20px;
    }

    ul.footer-social-list li a {
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 34px;
    }

    /*Footer Responsive Css End Here*/

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    /*Website Custom Style Responsive Css For Single Items Start Here*/

    /*Heading & Para Style Responsive Css*/
    .heading-one {
        font-size: 36px;
        line-height: 42px;
    }

    .heading-two {
        font-size: 30px;
        line-height: 36px;
    }

    .heading-three {
        font-size: 26px;
        line-height: 32px;
    }

    .heading-four {
        font-size: 20px;
        line-height: 26px;
    }

    .heading-five {
        font-size: 18px;
        line-height: 22px;
    }

    .heading-six {
        font-size: 16px;
        line-height: 22px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    li {
        font-size: 14px;
        line-height: 20px;
    }

    /*Heading & Para Style Responsive Css*/

    /*Buttons Style Responsive Css*/
    .website-main-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .website-main-buttons a.read-more-btn,
    .website-main-buttons button.popup-btn,
    .website-main-buttons a.call-btn,
    .website-main-buttons button.chat-btn {
        font-size: 14px;
        margin: 0 5px 10px;
        width: 200px;
    }

    /*Buttons Style Responsive Css*/

    /*Website Custom Style Responsive Css For Single Items End Here*/

    /*Header Responsive Css Start Here*/
    header nav.navbar {
        padding: 20px 0 20px;
        flex-wrap: nowrap;
    }

    header nav.navbar .navbar-collapse {
        flex-basis: 75%;
    }

    header .navbar-main-nav .navbar-buttons button.chat-btn {
        font-size: 16px;
        width: 175px;
    }

    /*Header Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css Start Here ----------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Banner Main Section Responsive Css Start Here*/
    section.banner-main-sec {
        background-position: 20% 100%;
        padding: 125px 0 50px;
    }

    .banner-main-sec .banner-main-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .banner-main-sec .banner-main-form {
        width: 90%;
        padding: 40px 30px;
    }

    .banner-main-form .form-group button.submit-btn {
        font-size: 16px;
    }

    /*Banner Main Section Responsive Css End Here*/

    /*Award Brands Section Responsive Css Start Here*/
    section.award-brands-wrap {
        padding: 30px 0px;
    }

    .award-brands-wrap .award-brands-head {
        text-align: center;
        margin: 0 0 20px;
    }

    /*Award Brands Section Responsive Css End Here*/

    /*Unlock Story Section Responsive Css Start Here*/
    section.unlock-story-wrap {
        padding: 30px 0;
    }

    .unlock-story-wrap .unlock-story-inner {
        margin: 30px 0;
    }

    .unlock-story-inner .unlock-story-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .order-one {
        order: 1;
    }

    .order-two {
        order: 2;
    }

    /*Unlock Story Section Responsive Css End Here*/

    /*How Choose Section Responsive Css Start Here*/
    section.how-choose-wrap {
        padding: 30px 0;
    }

    .how-choose-wrap .how-choose-head {
        padding: 0 0 30px;
    }

    .how-choose-wrap .how-choose-box {
        padding: 10px 10px;
    }

    /*How Choose Section Responsive Css End Here*/

    /*CTA Banner Section Responsive Css Start Here*/
    section.cta-banner-wrap {
        padding: 30px 0;
    }

    .cta-banner-wrap .cta-banner-content {
        text-align: center;
        margin: 0 0 20px;
    }

    /*CTA Banner Section Responsive Css End Here*/

    /*Brand Logos Section Responsive Css Start Here*/
    section.brand-logos-wrap {
        padding: 30px 0;
    }

    /*Brand Logos Section Responsive Css End Here*/

    /*Testimonials Section Responsive Css Start Here*/
    section.testi-main-wrap {
        padding: 30px 0;
    }

    .testi-main-wrap .testi-main-content {
        text-align: center;
        margin: 0 0 30px;
    }

    .testi-main-wrap .testi-slide-wrapper {
        margin: 0 0 75px;
    }

    .testi-slide-wrapper .swiper {
        width: 85%;
    }

    .testi-slide-wrapper .swiper-slide {
        transform-origin: 50% 30%;
    }

    .testi-slide-wrapper .swiper-button-prev,
    .testi-slide-wrapper .swiper-button-next {
        bottom: -15%;
    }

    .testi-slide-wrapper .swiper-button-next {
        left: inherit;
        right: 0;
    }

    .testi-slide-box .testi-box-head {
        padding: 0 20px;
    }

    .testi-box-head .testi-box-img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-content {
        padding: 0 20px;
    }

    .testi-slide-box .testi-box-designation {
        padding: 0 20px;
    }

    .testi-box-designation img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-end {
        padding: 30px 20px;
    }

    .testi-box-ratings span {
        font-size: 14px;
        line-height: 20px;
    }

    /*Testimonials Section Responsive Css End Here*/

    /*FAQS Section Responsive Css Start Here*/
    section.faqs-sec-wrap {
        padding: 30px 0;
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 16px;
        line-height: 22px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        font-size: 18px;
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
    }

    /*FAQS Section Responsive Css End Here*/

    /*Main Contact Form Section Responsive Css Start Here*/
    section.main-contact-form {
        padding: 30px 0px;
    }

    .main-contact-form .contact-form-side {
        width: 100%;
        text-align: center;
        margin: 0 0 30px;
    }

    .contact-form-side .form-check .form-check-label {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }

    /*Main Contact Form Section Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css End Here ------------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Footer Responsive Css Start Here*/
    .footer-main-sec .footer-top {
        padding: 30px 0;
    }

    .footer-top .footer-payments-cards {
        width: 60%;
    }

    .footer-links-area ul.footer-nav-links {
        grid-template-columns: 1fr 1fr;
    }

    .footer-links-area ul.footer-nav-links li {
        padding: 0 0 0 20px;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area p {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-main-sec .footer-bottom {
        padding: 10px 0;
    }

    .footer-bottom .footer-copyright {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    ul.footer-social-list {
        justify-content: center;
        margin: 10px 0;
    }

    ul.footer-social-list li a {
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 34px;
    }

    /*Footer Responsive Css End Here*/

}

@media only screen and (min-width: 300px) and (max-width: 575px) {

    /*Website Custom Style Responsive Css For Single Items Start Here*/

    /*Heading & Para Style Responsive Css*/
    .heading-one {
        font-size: 36px;
        line-height: 42px;
    }

    .heading-two {
        font-size: 30px;
        line-height: 36px;
    }

    .heading-three {
        font-size: 26px;
        line-height: 32px;
    }

    .heading-four {
        font-size: 20px;
        line-height: 26px;
    }

    .heading-five {
        font-size: 18px;
        line-height: 22px;
    }

    .heading-six {
        font-size: 16px;
        line-height: 22px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    li {
        font-size: 14px;
        line-height: 20px;
    }

    /*Heading & Para Style Responsive Css*/

    /*Buttons Style Responsive Css*/
    .website-main-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .website-main-buttons a.read-more-btn,
    .website-main-buttons button.popup-btn,
    .website-main-buttons a.call-btn,
    .website-main-buttons button.chat-btn {
        font-size: 14px;
        margin: 0 5px 10px;
        width: 200px;
    }

    /*Buttons Style Responsive Css*/

    /*Website Custom Style Responsive Css For Single Items End Here*/

    /*Header Responsive Css Start Here*/
    header nav.navbar {
        padding: 20px 0 20px;
        flex-wrap: nowrap;
    }

    header nav.navbar .navbar-brand {
        width: 225px;
    }

    header .navbar-main-nav .navbar-buttons button.chat-btn {
        font-size: 16px;
        width: 140px;
        height: 50px;
    }

    header .navbar-main-nav .navbar-buttons button.chat-btn .check-success {
        width: 12px;
        height: 12px;
        margin: 0 7px 0 0;
    }

    /*Header Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css Start Here ----------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Banner Main Section Responsive Css Start Here*/
    section.banner-main-sec {
        background-position: 20% 100%;
        padding: 125px 0 50px;
    }

    .banner-main-sec .banner-main-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .banner-main-sec .banner-main-form {
        width: 100%;
        padding: 40px 30px;
    }

    .banner-main-form::before {
        width: 100px;
        height: 100px;
    }

    .banner-main-form .form-group button.submit-btn {
        font-size: 16px;
    }

    /*Banner Main Section Responsive Css End Here*/

    /*Award Brands Section Responsive Css Start Here*/
    section.award-brands-wrap {
        padding: 30px 0px;
    }

    .award-brands-wrap .award-brands-head {
        text-align: center;
        margin: 0 0 20px;
    }

    /*Award Brands Section Responsive Css End Here*/

    /*Unlock Story Section Responsive Css Start Here*/
    section.unlock-story-wrap {
        padding: 30px 0;
    }

    .unlock-story-wrap .unlock-story-inner {
        margin: 30px 0;
    }

    .unlock-story-inner .unlock-story-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .order-one {
        order: 1;
    }

    .order-two {
        order: 2;
    }

    /*Unlock Story Section Responsive Css End Here*/

    /*How Choose Section Responsive Css Start Here*/
    section.how-choose-wrap {
        padding: 30px 0;
    }

    .how-choose-wrap .how-choose-head {
        padding: 0 0 30px;
    }

    .how-choose-wrap .how-choose-box {
        padding: 10px 10px;
    }

    /*How Choose Section Responsive Css End Here*/

    /*CTA Banner Section Responsive Css Start Here*/
    section.cta-banner-wrap {
        padding: 30px 0;
    }

    .cta-banner-wrap .cta-banner-content {
        text-align: center;
        margin: 0 0 20px;
    }

    /*CTA Banner Section Responsive Css End Here*/

    /*Brand Logos Section Responsive Css Start Here*/
    section.brand-logos-wrap {
        padding: 30px 0;
    }

    /*Brand Logos Section Responsive Css End Here*/

    /*Testimonials Section Responsive Css Start Here*/
    section.testi-main-wrap {
        padding: 30px 0;
    }

    .testi-main-wrap .testi-main-content {
        text-align: center;
        margin: 0 0 30px;
    }

    .testi-main-wrap .testi-slide-wrapper {
        margin: 0 0 75px;
    }

    .testi-slide-wrapper .swiper {
        width: 85%;
    }

    .testi-slide-wrapper .swiper-slide {
        transform-origin: 50% 30%;
    }

    .testi-slide-wrapper .swiper-button-prev,
    .testi-slide-wrapper .swiper-button-next {
        bottom: -10%;
    }

    .testi-slide-wrapper .swiper-button-next {
        left: inherit;
        right: 0;
    }

    .testi-slide-box .testi-box-head {
        padding: 0 20px;
        justify-content: center;
    }

    .testi-box-head .testi-box-img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-content {
        padding: 0 20px;
        min-height: 200px;
        max-height: 200px;
    }

    .testi-slide-box .testi-box-designation {
        justify-content: center;
        padding: 0 20px;
    }

    .testi-box-designation img {
        margin: 0 10px 0 0;
    }

    .testi-slide-box .testi-box-end {
        padding: 30px 20px;
    }

    .testi-box-end .testi-box-ratings {
        justify-content: center;
        flex-direction: column;
    }

    .testi-box-end .testi-box-ratings .rating-star-icons {
        margin: 0 0 10px;
    }

    .testi-box-ratings span {
        font-size: 14px;
        line-height: 20px;
    }

    /*Testimonials Section Responsive Css End Here*/

    /*FAQS Section Responsive Css Start Here*/
    section.faqs-sec-wrap {
        padding: 30px 0;
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 16px;
        line-height: 22px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        font-size: 18px;
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
    }

    /*FAQS Section Responsive Css End Here*/

    /*Main Contact Form Section Responsive Css Start Here*/
    section.main-contact-form {
        padding: 30px 0px;
    }

    .main-contact-form .contact-form-side {
        width: 100%;
        text-align: center;
        margin: 0 0 30px;
    }

    .contact-form-side .form-check .form-check-input {
        width: 25px;
        height: 20px;
        margin: 0 5px 0 0;
    }

    .contact-form-side .form-check .form-check-label {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }

    .contact-form-side .form-group button.submit-btn {
        margin: 0 auto;
    }

    /*Main Contact Form Section Responsive Css End Here*/

    /**************************************************************************
 --------------- Home Page Folds Responsive Css End Here ------------------
 --------------------------------------------------------------------------
**************************************************************************/

    /*Footer Responsive Css Start Here*/
    .footer-main-sec .footer-top {
        padding: 30px 0;
    }

    .footer-top .footer-payments-cards {
        width: 75%;
    }

    .footer-links-area ul.footer-nav-links {
        grid-template-columns: 1fr;
    }

    .footer-links-area ul.footer-nav-links li {
        padding: 0 0 0 20px;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-info-area p {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-main-sec .footer-bottom {
        padding: 10px 0;
    }

    .footer-bottom .footer-copyright {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    ul.footer-social-list {
        justify-content: center;
        margin: 10px 0;
    }

    ul.footer-social-list li a {
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 34px;
    }

    /*Footer Responsive Css End Here*/
}