@import url(theme.css);

/* aditya */
/*  form signup login buttons */
#login-page .login-detail {
    color: #727272
}

html,body{
    overflow-x:hidden;
}

.form-button-group {
    display: flex;
    justify-content: flex-start;
    /* margin-bottom: 20px; */
}

.form-button-group .btn {
    padding: 10px 20px;
    border: 1px solid #e4e7ec;
    background-color: #f9fafb;
    cursor: pointer;
}

.form-button-group .btn.active {
    background-color: #fff;
}

.form-button-group .btn.login-btn {
    margin-left: -5px;
}

.form-button-group .btn.signup-btn,
.form-button-group .btn.login-btn {
    padding: 8px 16px;
    width: 100%;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
}

#login-page .btn.btn-primary {
    width: 100%;
}

#login-page .checkbox-wrapper label {
    color: var(--label-clr);
}

#login-page .form-button-group .btn.signup-btn {
    border-right: unset;
    border-radius: 8px 0 0 8px;
    color: #667085;
}

#login-page .content-left {
    padding: 0 75px;
}

#registration-page .btn.registration-btn {
    width: 100%;
    border-radius: 0 8px 8px 0;
    border-left: 0;
}

#registration-page .form-button-group .signup-btn.active .btn {
    padding: 10px 20px;
    border: 1px solid #e4e7ec;
    background-color: #f9fafb;
    cursor: pointer;
}

#registration-page .form-button-group .btn.active {
    background: var(--white);
    margin-right: -5px;
    border: 1px solid #e4e7ec;
    position: relative;
}

#registration-page .content-right {
    padding: 0 80px;
}

/* .main-content {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    padding: 20px;
} */

.login-section {
    background-color: #fff;
    /* padding: 40px; */
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* width: 350px; */
}

.button-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.button-group .btn {
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    cursor: pointer;
}

.button-group .btn.active {
    background-color: #fff;
    border-bottom: 2px solid #007bff;
    border-radius: 0;
}

.button-group .btn.signup-btn {
    border-radius: 4px 0 0 4px;
}

.button-group .btn.login-btn {
    border-radius: 0 4px 4px 0;
}

.login-form h2,
.login-form p {
    text-align: center;
}

.login-form h2 {
    margin-top: 0;
    font-size: 24px;
}

.login-form p {
    margin-bottom: 20px;
    color: #555;
}

.login-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.login-form input[type="email"],
.login-form input[type="password"] {
    width: calc(100% - 20px);
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

#login-page .form-heading {}

/* .checkbox-wrapper input[type="checkbox"] {
    margin-right: 10px;
} */

.checkbox-wrapper a.forgot-password {
    color: #007bff;
    text-decoration: none;
}

.login-form button {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
}

.signup-link,
.signin-link {
    text-align: center;
    margin-top: 32px;
}

.signup-link a,
.signin-link a {
    color: #007bff;
    text-decoration: none;
}

.image-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.image-section img {
    width: 300px;
    height: auto;
    border-radius: 8px;
}

.sideImage {
    /* width: 100%; */
}

#login-page .right-stretch {
    display: flex;
    justify-content: flex-end;
}

#login-page .signup-link a {
    color: var(--secondary-clr) !important;
}

/* form signup login button end */

/* 404 page */
#error-page {
    padding: 160px 320px;
}

#error-page .logo-text {
    font-size: 21px;
}

/* 404 page end */

/* tnc page */
#tnc-page {
    padding: 80px 489px;
}

#tnc-page .tnc-heading {
    text-align: center;
}

#tnc-page p {
    color: #727272;
    line-height: 25.6px;
}

/* tnc page end */


/* Service Pages */
#service-page .hero-banner {
    background-image: url(../images/service/hero-bg.png);
    padding: 96px 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#service-page .hero-banner p {
    width: 35%;
    margin: 0 auto 64px;
}

#service-page .feature-section {
    padding: 96px 0;
    background-color: var(--primary-clr);
}

#service-page .feature-img {
    background-color: var(--theme-blue);
    padding: 12px;
    border-radius: 100px;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#service-page .feature-section .main-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

#service-page .process-section {
    padding: 96px 72px;
}

#service-page .process-section .process-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* gap: 16px; */
    width: 81%;
    margin: 0 auto;
}

#service-page .top-section-process p {
    width: 60%;
    margin: 0 auto;
}

#service-page .process-step {
    border-top: 4px solid var(--border-clr);
    padding: 24px;
}

#service-page .price-section .form-wrapper {
    margin-bottom: 0;
}

#service-page .process-step.selected {
    border-top: 4px solid var(--secondary-clr)
}

#service-page .price-section {
    background-color: var(--accent-clr);
    padding: 80px 0;
}

#service-page .main-title h2 {
    letter-spacing: -1px;
}

#service-page .nav-pills .nav-link.active {
    background-color: var(--theme-blue);
    color: var(--accent-clr);
    padding: 8px 98px;
}

#service-page .nav-pills .nav-link.hover {
    padding: 8px 40px !important;
}

.services-section .services__content .services__item.slick-active:hover {}

#service-page .nav-item .nav-link {
    color: var(--primary-clr);
    padding: 8px 98px;
}

#service-page .tab-content thead tr th {
    background-color: var(--light-gray);
    padding: 16px 24px;
    text-align: center;
}

#service-page .tab-content thead tr th:first-child {
    text-align: left;
}

#service-page .tab-content table {
    border: 1px solid var(--border-gray);
    border-radius: 12px;
}

#service-page table.table tbody tr th:first-child {
    background-color: var(--light-gray);
    text-align: left;
    color: var(--clr-gray);
    font-weight: 400;
}

#service-page table.table tbody tr th,
#service-page table.table tbody tr td {
    padding: 21px 24px;
    text-align: center;
}


#service-page table .included p {
    border: 1px solid var(--success-light);
    color: var(--success-green);
    background-color: var(--background-green);
    border-radius: 16px;
    width: 50%;
    margin: 0 auto;
    padding: 2px 8px;
}

#service-page table .not-included p {
    border: 1px solid var(--danger-light);
    color: var(--danger-red);
    background-color: var(--background-red);
    border-radius: 16px;
    width: 70%;
    margin: 0 auto;
    padding: 2px 8px;
}

#service-page .timeline-detail {
    padding: 0 100px 0 80px;
}

#service-page .timeline-section .timeline-detail p {
    color: var(--clr-gray);
}

#service-page .contactus-section {
    padding: 64px 96px;
    background-color: var(--accent-clr);
}

#service-page .contactus-section h2 {
    color: var(--text-off-black);
}

#service-page .contactus-section p {
    color: var(--clr-gray);
}

#service-page .form-wrapper {
    margin-bottom: 24px;
}

#service-page .contact-input #countryCode {
    border-right: none;
    border-radius: 8px 0 0 8px;
    height: 100%;
    box-shadow: none;
}

#service-page #phoneNumber {
    border-left: none;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
}

#service-page .contactus-section .content-left {
    /* padding: 0 48px; */
    width: 480px;
    margin: 0 auto;
}

/* Service Pages */


/* FAQ Pages */

#faq .top-banner {
    background-color: var(--clr-white);
    padding: 96px 0;
    text-align: center;
}

#faq .top-banner label {
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: var(--font-weight-600);
    line-height: 24px;
    color: var(--secondary-clr);
    padding-bottom: 12px;
}

#faq .text {
    font-family: var(--primary-font);
    font-size: 20px;
    font-weight: var(--font-weight-400);
    line-height: 30px;
    color: var(--clr-gray);
    padding-top: 24px;
}

#faq .second-section {
    background-color: var(--backgroung-clr);
    padding: 96px 0;
}

#faq .second-section .info-main-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 32px;
    padding-bottom: 64px;
}

#faq .second-section .info-main-section h4 {
    color: var(--text-off-black);
    line-height: 29.05px;
}

#faq .second-section .info-main-section .txt-standard {
    padding-top: 8px;
    line-height: 24px;
    color: var(--text-black);
    font-weight: var(--font-weight-400);
}

#faq .second-section .questions-section {
    display: flex;
    justify-content: space-between;
    padding: 32px;
    border-radius: 16px;
    background-color: var(--white);
}

#faq .second-section .questions-section .text {
    font-weight: var(--font-weight-600);
    color: var(--text-off-black);
    padding-bottom: 8px;
    padding-top: 0px;
}


#faq .second-section .questions-section .txt-large {
    font-weight: var(--font-weight-400);
    color: var(--text-black);
}

#faq .second-section .questions-section button {
    padding: 12px 18px;
    background-color: var(--primary-button-color);
    /* color: var(--accent-yellow-clr); */
    color: #fff;
    font-size: 16px;
    font-weight: var(--font-weight-500);
    font-family: var(--primary-font);
    line-height: 19.36px;
    border-radius: 8px;
    border: 2px;
    box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
}

/* FAQ Pages */

/* About US */

#about-us .hero-banner {
    background-image: url(../images/about-us/about-us-banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* padding: 235px 0; */
    height: 1079px;
    margin-top: -140px;
}

#about-us .hero-banner .container,
#about-us .hero-banner .row {
    height: 100%;
}

#about-us .hero-banner .content-grid {
    height: 100%;
}

#about-us .content-right h1 {
    font-family: var(--secondary-font);
    font-weight: 400;
}

#about-us .hero-banner .scroll-txt {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 100px;
    padding-right: 0;
}

#about-us .hero-banner .content-left {
    /* display: flex;
    justify-content: flex-end;
    flex-direction: column; */
    padding-bottom: 235px;
    padding-left: 219px;
    display: grid;
    align-items: flex-end;
    padding-right: 241px;
    border-right: 1px solid rgb(250 250 250 / 25%);
}

#about-us .hero-banner .content-left h4 {
    font-family: var(--secondary-font);
    font-weight: 400;
    line-height: 38.4px;
    width: 505px;
}

#about-us .hero-banner .content-right {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    width: 433px; */
    padding-right: 240px;
    display: grid;
    align-items: flex-end;
    padding-left: 95px;
}

#about-us .hero-banner .content-right .main-text {
    /* width: 433px; */
    margin: 0 auto;
}

#about-us .hero-banner .content-right .main-text p {
    width: 70%;
}

#about-us .scroll-txt p {
    font-family: var(--secondary-font);
}

#about-us .hero-bar {
    padding: 96px 0;
}

#about-us .hero-content {
    width: 768px;
    margin: 0 auto;
}

#about-us .card-section {
    padding: 96px 0;
}

#about-us .main-card {
    background-color: var(--accent-clr);
    padding: 24px;
}

#about-us .card-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

#contact-us.menu-spacer {
    padding-top: 100px;
}


#about-us .main-card .card-icon {
    background-color: var(--secondary-clr);
    border: 2px solid var(--primary-clr);
    padding: 14px;
    height: 48px;
    width: 48px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about-us .wrapper-main {
    background-color: var(--accent-clr);
    padding: 96px 0 150px;
}

#about-us .aboutus-content .about-img {
    margin-top: -90px;
}

#about-us .aboutus-content .about-wrapper {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

#about-us .aboutus-content .about-wrapper .icons-section {
    background-color: var(--white);
    border: 1px solid var(--text-clr);
    box-shadow: 0px 1px 2px 0px #1018280D;
    box-shadow: 0px -2px 0px 0px #1018280D inset;
    box-shadow: 0px 0px 0px 1px #1018282E inset;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about-us .aboutus-content .content-left {
    /* width: 89%; */
    padding-right: 65px;
}

#about-us .aboutus-content .content-right {
    padding-left: 60px;
}

#about-us .main-card .learn-more p:hover {
    color: #6941C6 !important;
}

.services-section .services__content .services__item:hover {
    background: #1e1e1e !important;
}

.services-section .services__content .services__item:hover h4 {
    color: var(--secondary-clr) !important;
}


.services-section .services__content .services__item:hover p {
    color: var(--white) !important;
}

#about-us .continue-btn .btn-primary:hover {
    background-color: #6941c6 !important;
}

/* --*--*-- Service Section --*--*-- */
.services-section {
    background: var(--gray-text);
    border: 1px solid var(--gray-text);
    padding: 40px 0px;
    margin: 0 32px;
}

.services-section h2 {
    margin-bottom: 40px;
}

.services-section .services__content {
    /* display: flex;
    flex-direction: row;
    gap: 40px; */
}

.services-section .services__content .services__item {
    background: var(--white);
    border: 1px solid var(--gray-text);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px;
    margin-right: 40px;
    width: 360px;
}

.services-section .services__content .services__item.slick-active.slick-center {
    background: var(--white);
    border: 1px solid var(--gray-text);
    box-shadow: 0px 24px 16px 0px rgba(232, 46, 49, 0.04);
}

.services-section .services__content .services__item:not(.slick-active.slick-center) {
    opacity: 0.4;
}

.services-section .services__content .services__item:has(+ .slick-active.slick-center) {
    opacity: 1;
}

.services-section .services__content .services__item.slick-active.slick-center+.services__item {
    opacity: 1;
}

.services-section .services__content .services__item p {
    text-align: center;
    color: var(--txt-slide-gray);
    line-height: 30px;
}

.services-section .services__content .services__item.slick-active.slick-center h4 {
    color: var(--black-shade);
}

.services-section .services__content .services__item.slick-active.slick-center p {
    color: var(--txt-slide-gray);
}

.services-section .services__arrows {
    padding-top: 40px;
    gap: 45px;
}

.services-section .services__arrows button {
    background: transparent;
    border: none;
    padding: 0;
}

.our-services {
    margin: 4.16vw 0;
    padding: 4.16vw 0;
}

.our-services h2 {
    width: max(49.84vw, 950px);
    margin: 0 auto;
}

.our-services .our-services__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 3.33vw 0 2.08vw;
}

.our-services .our-services__content .our-services__content-item {
    width: 300px;
    text-align: center;
}

.our-services .our-services__content .our-services__content-item .our-services__content-item__img {
    margin-bottom: 32px;
}

.our-services .our-services__content .our-services__content-item .our-services__content-item__title h4 {
    margin-bottom: 16px;
}

.our-services button {
    margin: 0 auto;
}

#about-us .services-section {
    background-color: var(--background-faint);
}

#about-us .services-section .services__arrows button {
    font-size: 13px;
    color: var(--secondary-clr);
    font-weight: 700;
    line-height: 15.72px;
    font-family: "Swansea";
}

/* --*--*-- End Service Section --*--*-- */

#about-us .get-in-touch {
    padding: 80px 0;
}

#about-us .get-in-touch .get-in-touch-wrapper {
    background-color: var(--accent-clr);
    padding: 64px 0;
    border-radius: 16px;
}

#about-us .continue-btn .btn-primary {
    border: 1px solid var(--primary-clr);
}

#about-us .about-wrapper p {
    color: var(--accent-text);
}

/* About US */

/* Home Page */
#home-page .hero-banner {
    /*background-image: url(../images/home/home-banner.png);*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* padding: 235px 0; */
    height: 1079px;
    margin-top: -140px;
    position: relative;
}


#home-page .service-data .service-detail .learn-more p:hover,
#home-page .info-sections div.clr-secondary:hover {
    color: #6941C6 !important;
}

#home-page .hero-banner .banner-content {
    height: 100%;
    /* padding-top: 140px; */
}

#home-page .hero-banner .content-right .main-text p {
    width: 60%;
    /* margin: 0 auto; */
}

#home-page .hero-banner .container,
#home-page .hero-banner .row {
    height: 100%;
}

#home-page .content-right h1 {
    font-family: var(--secondary-font);
    font-weight: 400;
}

#home-page .hero-banner .scroll-txt {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 100px;
    padding-right: 0;
}

#home-page .hero-banner .content-left {
    /* display: flex;
    justify-content: flex-end;
    flex-direction: column; */
    padding-bottom: 235px;
    padding-left: 219px;
    display: grid;
    align-items: flex-end;
    padding-right: 241px;
    border-right: 1px solid rgb(250 250 250 / 25%);
}

#home-page .hero-banner .content-left h4 {
    font-family: var(--secondary-font);
    font-weight: 400;
    line-height: 38.4px;
    width: 505px;
}

#home-page .hero-banner .content-right {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    width: 433px; */
    padding-right: 240px;
    display: grid;
    align-items: flex-end;
    padding-left: 95px;
}

#home-page .scroll-txt p {
    font-family: var(--secondary-font);
}

#home-page .service-section {
    padding: 80px 0;
}

#home-page .service-section .service-grid {
    display: grid;
    grid-template-columns: 60% 40%;
}

#home-page .service-data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 64px;
}

#home-page .service-grid .content-right {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
}

#home-page .main-service .service-detail {
    padding: 16px 8px 16px 12px;
    border-left: 4px solid var(--text-clr);
}

#home-page .main-service .service-detail.selected {
    border-left: 4px solid var(--secondary-clr);
}

#home-page .home-gallery {
    padding: 96px 0;
    background-color: var(--primary-clr);
}

#home-page .benefit-section {
    padding: 96px 0;
}

#home-page .benefit-grid {
    display: grid;
    grid-template-columns: 36% 67%;
}

#home-page .benefit-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

#home-page .benefit-left {
    padding-right: 75px;
}

#home-page .more-benefits {
    padding: 96px 0;
    background-color: var(--accent-clr);
}

#home-page .more-benefits .benefits-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

#home-page .more-benefits .benefits-container .benefits-icons {
    background-color: var(--secondary-clr);
    /* border: 1px solid var(--primary-clr); */
    padding: 14px;
    height: 48px;
    width: 48px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#home-page .more-benefits .benefits-container {
    text-align: center;
}

#home-page .contactus {
    background-color: var(--white);
}

#home-page .contactus .info-sections {
    background-color: #FAFAFA;
}

/* About US */

/* CONTACT US */
#contact-us .main-wrapper .banner-section {
    display: grid;
    grid-template-columns: 55% 45%;
}

#contact-us .main-wrapper .banner-section .img-fluid {
    height: 100%;
    object-fit: cover;
}

#contact-us .main-wrapper .banner-section .right-stretch {
    padding: 14% 20%;
}

#contact-us .form-wrapper {
    margin-bottom: 24px;
}

#contact-us .contact-input #countryCode {
    border-right: none;
    border-radius: 8px 0 0 8px;
    height: 100%;
    box-shadow: none;
}

#contact-us #phoneNumber {
    border-left: none;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
}

#contact-us .contactus-section .content-left {
    padding: 0 64px;
}

#contact-us .btn.btn-primary,
.btn-primary {
    padding: 12px 18px;
    background-color: var(--primary-button-color);
    /* color: var(--accent-yellow-clr); */
    color: #fff;
    font-size: 16px;
    font-weight: var(--font-weight-500);
    font-family: var(--primary-font);
    line-height: 19.36px;
    border-radius: 8px;
    border: 2px;
    box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
}

#contact-us .right-stretch::placeholder {
    color: var(--faint-gray);
    font-size: 16px;
    font-weight: var(--font-weight-400);
    font-family: var(--primary-font);
    line-height: 24px;
}

.contactus {
    background-color: var(--backgroung-clr);
    padding: 96px 0;
}

.contactus .contact-us-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.contactus .info-sections {
    background-color: var(--white);
    padding: 24px;
}

/* CONTACT US */


/* account-detail */

#account-detail .top-section {
    padding: 64px 0;
    background-color: var(--accent-clr);
}

#account-detail .account-detail-tabs {
    display: grid;
    grid-template-columns: 30% 70%;
}

#account-detail .main-account .account-detail-tabs {
    padding: 40px 0;
}

#account-detail .account-details-tab .account-detail-wrapper form {
    background-color: var(--accent-clr);
    padding: 32px;
}

#account-detail .form-wrapper label {
    color: var(--label-clr);
}

#account-detail .table-responsive table thead tr th {
    background-color: var(--light-gray);
    padding: 16px 24px;
}

#account-detail .table-responsive table tbody tr td:first-child {
    background-color: var(--light-gray);
}

#account-detail .table-responsive table tbody tr td:first-child {
    padding: 21px 24px;
}

#account-detail .table-responsive table tbody tr td {
    padding: 26px 24px;
}

#account-detail .table-responsive {
    border-radius: 12px;
    border: 1px solid var(--border-gray);
}

#account-detail table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

#account-detail th,
#account-detail td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

#account-detail th:first-child,
#account-detail td:first-child {
    border-left: none;
}

#account-detail th:last-child,
#account-detail td:last-child {
    border-right: none;
}

#account-detail tr:first-child th {
    border-top: none;
}

#account-detail tr:last-child td {
    border-bottom: none;
}

#account-detail .nav-link:focus,
#account-detail .nav-link:hover {
    color: var(--white);
}

/* account-detail */
/* SECURE CHECKOUT US */
#checkout .main-wrapper {
    background-color: var(--white);
    display: grid;
    grid-template-columns: 17% auto 17%
}

#checkout img {
    object-fit: cover;
    height: 100%;
}

#checkout .center-content {
    /* padding: 9% 18%; */
}

#checkout .Your-details {
    font-family: var(--primary-font);
    font-size: 32px;
    font-weight: var(--font-weight-600);
    line-height: 50px;
}

#checkout .checkout-form {
    padding: 40px;
    background-color: var(--accent-clr);
}

#checkout .checkout-details {
    padding: 40px;
    background-color: var(--accent-clr);
}

#checkout .form-wrapper {
    margin-bottom: 24px;
}

#checkout .contact-input #countryCode {
    border-right: none;
    border-radius: 8px 0 0 8px;
    height: 100%;
    box-shadow: none;
}

#checkout #phoneNumber {
    border-left: none;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
}

#checkout .center-content {
    width: 600px;
    margin: 0 auto;
}

#checkout .form-wrapper input[type=checkbox] {
    background: transparent;
    box-shadow: unset;
}

#checkout .name-wrapper .first-name {
    width: 100%;
}


#checkout .btn.btn-primary,
.btn-primary {
    padding: 12px 18px;
    background-color: var(--primary-button-color);
    /* color: var(--accent-yellow-clr); */
    color: #fff;
    font-size: 16px;
    font-weight: var(--font-weight-500);
    font-family: var(--primary-font);
    line-height: 19.36px;
    border-radius: 8px;
    border: 2px;
    box-shadow: 0px 1px 2px 0px #1018280D, 0px -2px 0px 0px #1018280D inset, 0px 0px 0px 1px #1018282E inset;
}

#checkout .checkout-form::placeholder {
    color: var(--faint-gray);
    font-size: 16px;
    font-weight: var(--font-weight-400);
    font-family: var(--primary-font);
    line-height: 24px;
}

/* SECURE CHECKOUT US */

#checkout .modal-container .center-content {
    padding: 0;
}

#checkout .modal-wrapper {
    grid-template-columns: 15% auto 15%;
}

#about-us .hero-banner .banner-content {
    display: flex;
    /* justify-content: space-between; */
    padding-top: 125px;
    height: 100%;
}


#contact-us .form-wrapper textarea {
    min-height: 134px;
}

#service-page .table-responsive {
    border-radius: 12px;
    border: 1px solid var(--border-gray);
}

#service-page table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

#service-page th,
#service-page td {
    padding: 10px;
    border-bottom: 1px solid var(--border-gray);
}

#service-page th:first-child,
#service-page td:first-child {
    border-left: none;
}

#service-page th:last-child,
#service-page td:last-child {
    border-right: none;
}

#service-page tr:first-child th {
    border-top: none;
}

#service-page tr:last-child td {
    border-bottom: none;
}

#checkout .modal-container .modal-dialog {
    width: 61%;
    max-width: 70%;
}

#checkout .modal-container .modal-content {
    width: 75%;
}



/*Checkout Success Css*/
.check_successmid{
    margin: auto;
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#order-confirmed .table-responsive table tbody tr td {
    padding: 26px 24px;
}

#order-confirmed .table-responsive {
    border-radius: 12px;
    border: 1px solid var(--border-gray);
}
#order-confirmed .table-responsive table thead tr th {
    background-color: var(--light-gray);
    padding: 16px 24px;
}

#order-confirmed table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

#order-confirmed th,
#order-confirmed td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

#order-confirmed th:first-child,
#order-confirmed td:first-child {
    border-left: none;
}

#order-confirmed th:last-child,
#order-confirmed td:last-child {
    border-right: none;
}

#order-confirmed tr:first-child th {
    border-top: none;
}

#order-confirmed tr:last-child td {
    border-bottom: none;
}

#order-confirmed .nav-link:focus,
#order-confirmed .nav-link:hover {
    color: var(--white);
}
#order-confirmed .table-responsive table tbody tr td:first-child {
    background-color: var(--light-gray);
}
.success_totalbtnbar{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.check_successmid .table-responsive .table{
    width: 800px !important;
}

@media only screen and (max-width: 600px) {
    
.check_successmid{
    max-width: 375px;
    padding: 0px 0px 40px;
}
.success_totalbtnbar{
    flex-direction: column;
    gap: 24px
}
.success_totalbtnbar{
    padding: 0px 24px;
}
}