@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

/* @font-face {
    font-family: 'Italianno';
    src: url("../font/Italianno-Regular.woff");
} */

html,
body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Playfair Display", serif;
    margin: 0;
    padding: 0;
}

span,
p {
    font-family: "Archivo", sans-serif;
    ;
    margin: 0;
    padding: 0;
}

section {
    padding: 45px 0;
}

.header {
    padding: 16px 0;
    background-color: #fff;
}
.desktop-none {
    display: none;

}
.header .row {
    align-items: center;
    justify-content: space-between;
}

header .link {
    text-align: end;
}

.header .row .logo img {
    width: 129px;
    height: 66px;
}

.header .row .book-btn {
    border-radius: 30px;
    background: #B32827;
    color: #FFF;
    font-family: "Archivo", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    padding: 14px 54px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.45s all;
    border-bottom: 0;
}

.header .row .book-btn:hover {
    border-bottom: 4px solid #5D1616;
    background: #F4201F;
    transition: 0.45s all;
}

.banner {
    padding: 0;
    position: relative;
}

.banner .image-bg {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
}

.banner .image-bg img {
    width: 100%;
    height: 740px;
    object-fit: cover;
    object-position: 50% 50%;
}

.banner .content span {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding-left: 8px;
    display: block;
    position: relative;
    border-left: 3px solid #333;
}

/* .banner .content span:before {
    content: '';
    position: absolute;
    top: 0;

} */

.banner .row {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 91px 0;
}

.banner .content h1 {
    color: #000;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.banner .content p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 60px;
}

.banner .content .banner-btn {
    color: #FFF;
    font-family: "Titillium Web";
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    border-radius: 6px;
    border-bottom: 4px solid #5D1616;
    background: #B32827;
    padding: 14px 46px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.45s ease;
}

.banner .content .banner-btn:hover {
    border-radius: 6px;
    border-bottom: 4px solid #5D1616;
    background: #F4201F;
    transition: all 0.45s ease;

}

.overcomming .row {
    justify-content: center;
}

.overcomming .row h2 {
    text-align: center;
}

.overcomming .row h2 {
    color: #000;
    text-align: center;
    font-family: 'Archivo';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.overcomming .row p {

    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.overcomming .row .box {
    display: flex;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 20px 50px;
    align-items: baseline;
    gap: 18px;
    height: 124px;
}

.overcomming .row h3 {
    color: #000;
    text-align: center;
    font-family: 'Archivo';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.overcomming .row.list-box {
    padding: 60px 0;
    row-gap: 20px;
}

.technology {
    background: #FFD8D7;
    position: relative;
    padding: 70px 0;
}

.technology .row {
    justify-content: center;
    text-align: center;
}

.technology .row h2 {
    color: #000;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 58px;
    padding-bottom: 24px;
}

.technology .row span {
    color: #000;
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 9.1px;
    display: block;
}

.technology .row img {
    padding: 48px 0;
}

.technology .row p {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    text-align: left;
}

.book-btnbtn {
    color: #FFF;
    font-family: "Titillium Web";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 6px;
    border-bottom: 4px solid #5D1616;
    background: #B32827;
    display: block;
    padding: 14px 46px;
    margin-top: 34px;
    transition: all 0.45s ease;
}

.book-btnbtn:hover {
    border-radius: 6px;
    border-bottom: 4px solid #5D1616;
    background: #F4201F;
    color: #fff;
    transition: all 0.45s ease;

}

.review {
    background: #343A40;
    position: relative;
}

.review .row img {
    text-align: center;
    width: 188px;
}

.review .row h2 {
    color: #FFF;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 58px;
}

.review .row .review-box .stars {
    text-align: center;
    padding-bottom: 16px;
}

.review .padtopxs20 .bg-wht {
    background: #fff;
    border-radius: 5px;
    padding: 90px 20px 45px 20px;
    box-shadow: 0px 0px 20px 0px #8282824a;
    text-align: center;
}

.review .padtopxs20 .bg-wht img {
    padding-top: 60px;
}

.review .padtopxs20 .bg-wt-2 img {
    padding: 60px 0 60px 0;
}

.review .padtopxs20 .bg-wht p {
    color: #000;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
}

/* .review .padtop20 {
    padding-top: 20px;
} */

.review .padtopxs20 .bg-wht .h6 {
    color: #000;
    text-align: center;
    font-family: "Titillium Web";
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;

}

.review .padtopxs20 .bg-wht span {
    color: #000;
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;

}

.review .padtopxs20 {
    padding-top: 54px;
}

.benefits h2 {
    color: #11103E;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 40px;
}

.benefits .padding-gap {
    padding: 80px 0;
}

.benefits .padding-gap .col-lg-7 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.benefits .padding-gap .col-lg-7 .col-2 img {
    margin-top: 14px;
}

.benefits .padding-gap h4 {
    color: #454B3A;
    font-size: 26px;
    font-weight: 600;
    line-height: 44px;
    font-family: 'Archivo';
    text-align: start;
}

.benefits .padding-gap p {
    color: #464646;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: start;
}
.author {
    background-color: #F8F9FA;
}

.author .row h2 {
    color: #11103E;
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    line-height: 63px;
    padding-bottom: 80px;
}

.author .row .left-side-content p {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    display: block;
}
.error_message {
    color: #fff
}

.author .row .left-side-content span {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.16px;
    display: block;
}

.author .row .left-side-content {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    gap: 26px;
    padding: 36px;
}

.plywood-bg {
    background-image: url('../image/form-bg.jpg');
    margin-top: -300px;
    position: relative;
    z-index: -1;
    height: 420px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    height: 420px;
}

.form-seciton h2 {
    color: #11103E;
    font-size: 55px;
    font-weight: 700;
    line-height: 63px;
    text-align: center;
    padding-bottom: 200px;
}

.form-seciton .mrtop100 {
    margin-top: -350px;
}

.form-seciton .form-box {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 26.5px 0px rgba(0, 0, 0, 0.25);
    background: #fff;
    text-align: center;
    padding: 126px 67px;
}

.form-seciton h3 {
    color: #11103E;
    font-family: "Titillium Web";
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-align: start;
    padding: 0px 56px;
}

.form-seciton .form-box input {
    border-radius: 5px;
    border: 0.5px solid #CACACA;
    background: rgba(250, 250, 250, 0.50);
    padding: 16px 0px 16px 24px;
    width: 100%;
    margin: 26px 0;
    color: #000;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.form-seciton .form-box input:focus-visible {
    outline: none;
}

.form-seciton .form-box #book-form {
    padding: 0px 56px;
}

#bookbtn {
    padding: 16px 16px 16px 24px;
    border-radius: 5px;
    border-bottom: 4px solid #5D1616;
    background: #B32827;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.45s ease;
}

#bookbtn:hover {
    border-radius: 6px;
    border-bottom: 4px solid #5D1616;
    background: #F4201F;
    transition: all 0.45s ease;
}

.footer {
    background: #000;
    padding: 75px 0;
}

.footer .social-icons h4 {
    color: #FFF;
    font-size: 22px;
    font-family: "Titillium Web";
    font-weight: 400;
    line-height: normal;
}

.footer .social-icons .icon {
    display: flex;
    gap: 10px;
}

footer .row .fot-logo {
    display: flex;
    align-items: center;
}

.footer .social-icons {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}


.footer .subscription label {
    color: #FFF;
    font-family: "Titillium Web";
    font-size: 22px;
    font-weight: 400;
    display: block;
    padding-bottom: 16px;
}

.footer .subscription form input {
    width: 100%;
    color: #7B7B7B;
    font-family: "Titillium Web";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    padding: 18px 20px;
    line-height: normal;
    margin-bottom: 24px;
}

.footer .subscription form #subscribe {
    border-radius: 5px;
    background: #F05A29;
    font-family: "Titillium Web";
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    padding: 16px 30px;
}

.copyright {
    background: #0A0A26;
    padding: 34px 0 89px;
}

.copyright .row {
    justify-content: center;
}

.copyright .row .rights {
    text-align: center;
}

.copyright .row .rights h5,
.copyright .row .rights p {
    color: #C8DCE6;
    text-align: center;
    font-family: "Titillium Web";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.18px;
}