/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/*=====font-family: "Outfit", serif;=====*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/*======font-family: "Cormorant Garamond", serif;======*/

body { margin: 0; padding: 0; font-family: "Outfit", serif; font-size: clamp(1rem, 0.954rem + 0.247vw, 1.25rem) /*20px To 16px*/; font-weight: 400; color:#777777; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { margin:0 0 25px; padding:0; color: #3E3E3E; font-family: "Cormorant Garamond", serif; line-height: 1; font-weight: 700; }

h1{font-size: clamp(2rem, 1.56rem + 2.346vw, 4.375rem) /*-----70px to 32px----*/; color: #3E3E3E;}
h2{font-size: clamp(1.625rem, 1.231rem + 2.099vw, 3.75rem); /*-----60px to 26px----*/; color: #3E3E3E;}

.btn { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 2px solid #BD0B31; display: inline-block; vertical-align: middle; background: #BD0B31; color: #fff !important; padding: 18px 36px; font-size: clamp(1rem, 0.977rem + 0.123vw, 1.125rem) /*18px To 16px*/; line-height: 1; text-transform: capitalize; border-radius: 10px; font-weight: 600; border-radius: 10px; font-family: "Outfit", serif; min-width: 200px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.btn:hover {border: 2px solid #BD0B31; background: transparent; color: #BD0B31 !important; transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; box-shadow: 0 12px 10px #0000001f; }

input, textarea, select{ font-family: "Outfit", serif; font-weight: 400; outline: none; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
input[type="submit"]{font-family: "Outfit", serif; font-weight: 700; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input[type="checkbox"] {height: 20px !important; width: 20px !important;}

a{ transition:0.3s ease-in-out ; -webkit-transition:0.3s ease-in-out ; -moz-transition:0.3s ease-in-out ; -ms-transition:0.3s ease-in-out ; -o-transition:0.3s ease-in-out ; }

ul{margin-bottom: 0; padding-left: 0;}
li{list-style: none;}
/* --- for placeholder color --- */

.form-control::-moz-placeholder{color:#7B7979;opacity:1;}
.form-control:-ms-input-placeholder{color:#7B7979;}
.form-control::-webkit-input-placeholder{color:#7B7979;}

/* --- for placeholder color --- */
input.form-control,
textarea.form-control { border: 1px solid #fff !important; box-shadow: none !important; color: #3E3E3E; background-color: #fff; border-radius:10px !important ; -webkit-border-radius:10px !important ; -moz-border-radius:10px !important ; -ms-border-radius:10px !important ; -o-border-radius:10px !important ; }
textarea.form-control{height: 120px !important;}
select{ -moz-appearance: none; -webkit-appearance: none;}
select.form-select { background-image: url('../images/down-arrow.svg'); height: 60px !important; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

.padd-0{padding: 0;}
.position-relative { position: relative; z-index: 100; }

header.register-header { display: none; }


.authentication-sec-main {position: relative; overflow: hidden;}
.authentication-sec-main .top-corner-partical { position: absolute; top: 0; left: 0; }
.authentication-sec-main .flag-partical { position: absolute; right: 0; bottom: 0; }
.authentication-logo { max-width: 200px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; padding: 50px 20px; background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 200px; display: flex ; justify-content: center; align-items: center; margin: auto; position: relative; }
.left-box-main { background-color: #F5F5F5; position: relative; overflow: hidden; height: 100%;}
.left-box-wrapper { padding: 80px 40px; position: relative; z-index: 11;}
.register-form-heading { text-align: center; max-width: 500px; margin: auto; }
.register-form-heading P {text-transform: capitalize;}
.left-box-wrapper form { max-width: 520px; margin: auto; margin-bottom: 50px; }
.left-box-wrapper form .col-12 .btn { width: 100%; }
.already-have-account p { text-align: center; margin-bottom: 0; font-size: clamp(1rem, 0.954rem + 0.247vw, 1.25rem); text-transform: capitalize; font-weight: 600;}
.already-have-account p a { color: #002768; }
.already-have-account p a:hover {color: #BD0B31;}

.right-box-wrapper { padding: 80px; min-height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 100%; }
.right-box-wrapper::after {    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #012768d7;}

.center-main-img { max-width: 563px; border: 1px solid #ffffff; border-radius: 48px; overflow: hidden; margin: auto; backdrop-filter: blur(10px); background-color: #ffffff2b; height: 660px;}
.center-main-img img{width: 100%; height: 100%; object-fit: cover;}
.center-img-box { margin-bottom: 50px; position: relative; }
.center-wrapper-main h2 { text-align: center; color: #fff; }
.list-box-warpper-main li { padding: 16px; display: inline-block; border-radius: 10px; background: #fff; border: 1px solid #DDDDDD; position: absolute; font-weight: 600; color: #000; font-size: 16px; padding-left: 60px; max-width: 300px; }
.list-box-warpper-main li span { width: 60px; height: 60px; background: #BD0B31; display: flex ; justify-content: center; align-items: center; border-radius: 100px; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); }
.list-box-warpper-main li:nth-child(1) { top: -35px; left: 50%; transform: translateX(-50%); }
.list-box-warpper-main li:nth-child(2) { top: 18%; left: 0; }
.list-box-warpper-main li:nth-child(3) {top: 12%; right: 0;}
.list-box-warpper-main li:nth-child(4) { bottom: 14%; left: -2%; }
.list-box-warpper-main li:nth-child(5) { bottom: -2%; right: 0; }

.password-box { position: relative; }
.password-box span { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; z-index: 11; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.password-box-main p{ text-align: right; margin-top: 5px; margin-bottom: 0; }
.password-box-main p a{ font-size: clamp(0.875rem, 0.852rem + 0.123vw, 1rem); font-weight: 600; color: #777777; text-decoration: none;}
.password-box-main p a:hover, .register-form-heading P a:hover{ color: #BD0B31;}
.register-form-heading P a { font-weight: 600; color: #002768; text-decoration: none; text-transform: lowercase;}
.register-form-heading span a { color: #BD0B31; font-weight: 600; }
.varification-main-box { display: flex ; align-items: center; gap: 20px;}
.varification-main-box input { text-align: center; width: 25%; color: #002768; font-size: clamp(1.125rem, 1.056rem + 0.37vw, 1.5rem); font-weight: 600; }

.successfully-send-msg .modal-dialog { max-width: 710px; text-align: center; }
.successfully-send-msg .modal-dialog .modal-content { border-radius: 20px; padding: 50px 100px; }
.successfully-send-msg .modal-dialog .modal-content .modal-body{ padding: 0; }
.successfully-send-msg .modal-dialog .modal-content .modal-body .green-tick-box { margin: auto; margin-bottom: 20px; max-width: 103px; height: 103px; padding: 10px; }
.successfully-send-msg .modal-dialog .modal-content .modal-body .green-tick-box img{width: 100%; height: 100%;}
.successfully-send-msg .modal-dialog .modal-content .modal-body h2 { text-transform: capitalize; }


.plan-card-wrapper { border-radius: 10px; overflow: hidden; position: relative; }
.plan-heading { padding: 10px 20px; background: #BD0B31; border-radius: 10px 10px 0 0; }
.plan-heading h4 { font-size: clamp(1.375rem, 1.329rem + 0.247vw, 1.625rem); font-family: "Outfit", serif; color: #fff; margin-bottom: 0; }
.plan-details { background-color: #fff; padding: 20px; border-radius: 0 0 10px 10px; }
.plan-details-text p { font-weight: 700; text-transform: capitalize; color: #000; margin-bottom: 5px; }
.plan-details-text span { font-size: clamp(1rem, 0.977rem + 0.123vw, 1.125rem); color: #000; }
form.choose-plan-wrapper { max-width: 660px; margin-bottom: 0;}
.plan-details-text { padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; }
.plan-price p { font-weight: 500; color: #000000; font-size: clamp(1.375rem, 1.282rem + 0.494vw, 1.875rem); margin-bottom: 0; }
.plan-price p span{font-weight: 600; color: #002768; font-size: clamp(1.875rem, 1.759rem + 0.617vw, 2.5rem);}

/* .plan-card-main {position: relative;}
.plan-card-main::before { content: ''; position: absolute; top: 12px; width: 25px; height: 25px; border: 2px solid #fff; border-radius: 100%; right: 25px; cursor: pointer; z-index: 1;}
.plan-card-main::after { content: ''; position: absolute; top: 18px; width: 13px; height: 13px; border: 2px solid #fff; background-color: #fff; border-radius: 100%; right: 31px; cursor: pointer; z-index: 1;} */

.plan-card-main label { display: block; }
.plan-card-main input[type="radio"]:checked, .plan-card-main input[type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.plan-card-main input[type="radio"]:checked + label,
.plan-card-main input[type="radio"]:not(:checked) + label { position: relative; cursor: pointer; }
.plan-card-main input[type="radio"]:checked + label:before,
.plan-card-main input[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; top: 12px; width: 25px; height: 25px; border: 2px solid #fff; border-radius: 100%; right: 25px; cursor: pointer; z-index: 1; }
.plan-card-main input[type="radio"]:checked + label:after,
.plan-card-main input[type="radio"]:not(:checked) + label:after { content: ''; position: absolute; top: 18px; width: 13px; height: 13px; border: 2px solid #fff; background-color: #fff; border-radius: 100%; right: 31px; cursor: pointer; z-index: 1; }
.plan-card-main input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.plan-card-main input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.plan-card-main.gold-plan .plan-card-wrapper .plan-details { background: linear-gradient(0deg, rgba(255, 243, 193, 1) 0%, rgba(255, 255, 255, 0.1516981792717087) 100%); }

@media only screen and ( max-width:1699px ) {
    .list-box-warpper-main li:nth-child(3) { right: -7%; }
    .list-box-warpper-main li:nth-child(2) { top: 29%; left: -5%; }
}

@media only screen and ( max-width:1599px ) {
    .list-box-warpper-main li span { width: 50px; height: 50px;}
    .list-box-warpper-main li { padding: 10px; padding-left: 45px; }
    .list-box-warpper-main li:nth-child(1) { top: -22px; }
    .list-box-warpper-main li:nth-child(2) { top: 26%; left: -8%; }
    .list-box-warpper-main li:nth-child(3) { top: 12%; right: -7%; }
    .list-box-warpper-main li:nth-child(4) {left: -5%; }
    .list-box-warpper-main li:nth-child(5) { bottom: 5%; right: -7%; }

    .center-main-img { height: 600px; }
    .successfully-send-msg .modal-dialog { max-width: 540px;}
    .successfully-send-msg .modal-dialog .modal-content { padding: 30px; }
    .successfully-send-msg .modal-dialog .modal-content .modal-body .green-tick-box { margin-bottom: 10px; max-width: 90px; height: 90px; }
}

@media only screen and ( max-width:1440px ) {
    .authentication-logo { max-width: 200px; padding: 30px 20px; height: 140px; }
    /* .center-main-img { height: 600px; } */
    .list-box-warpper-main li:nth-child(3) { right: -13%; }
    .list-box-warpper-main li:nth-child(2) { left: -11%; }
}
@media only screen and ( max-width:1399px ) {

}

@media only screen and ( max-width:1365px ) {
    .list-box-warpper-main li:nth-child(3) { top: 42%; }
    .list-box-warpper-main li:nth-child(1) {transform: unset; left: 24%; }
    .list-box-warpper-main li:nth-child(4) { bottom: 20%; }
    .list-box-warpper-main li:nth-child(2) { top: 10%; }
}

@media only screen and ( max-width:1199px ) {
    .center-main-img { height: 500px; }
    .list-box-warpper-main li:nth-child(1) { left: 18%; }
    .list-box-warpper-main li:nth-child(2) { top: 7%; }
}
@media only screen and ( max-width:991px ) {
    h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
    header.register-header { display: block; background: #ffffff; position: sticky; top: 0; left: 0; width: 100%; z-index: 9999; }
    header.register-header .authentication-logo { box-shadow: unset; max-width: 82px; padding: 0; height: 100px; }
    header.register-header{ transition:0.3s ease-in-out ; -webkit-transition:0.3s ease-in-out ; -moz-transition:0.3s ease-in-out ; -ms-transition:0.3s ease-in-out ; -o-transition:0.3s ease-in-out ; }
    header.register-header .authentication-logo{ transition:0.5s ease-in-out ; -webkit-transition:0.5s ease-in-out ; -moz-transition:0.5s ease-in-out ; -ms-transition:0.5s ease-in-out ; -o-transition:0.5s ease-in-out ; height: auto; padding: 10px;}
    header.register-header .authentication-logo img{ transition:0.5s ease-in-out ; -webkit-transition:0.5s ease-in-out ; -moz-transition:0.5s ease-in-out ; -ms-transition:0.5s ease-in-out ; -o-transition:0.5s ease-in-out ; max-width: 120px;}
    header.register-header.fixed .authentication-logo img { max-width: 100px; }





    .authentication-sec-main .container-fluid >.row { flex-direction: column-reverse; }
    .center-main-img { height: 570px; }
    .list-box-warpper-main li:nth-child(1) { left: 50%; transform: translateX(-50%); }
    .center-img-box { margin-bottom: 30px;}
    .authentication-sec-main .authentication-logo { display: none; }
    .plan-card-main input[type="radio"]:checked + label:before, .plan-card-main input[type="radio"]:not(:checked) + label:before { width: 20px; height: 20px; }
    .plan-card-main input[type="radio"]:checked + label:after, .plan-card-main input[type="radio"]:not(:checked) + label:after { top: 17px; width: 10px; height: 10px; right: 30px; z-index: 1; }
    .left-box-wrapper { padding: 50px 30px;}

}
@media only screen and ( max-width:767px ) {
    header.register-header .authentication-logo img { max-width: 100px; }
    header.register-header.fixed .authentication-logo img { max-width: 80px; }

    input:not([type="submit"]) { height: 50px !important; }
    .btn{padding: 12px 20px;}

    .list-box-warpper-main li { position: relative; top: unset !important; left: unset !important; right: unset !important; transform: unset !important; width: 47%; }
    .list-box-warpper-main { display: flex ; flex-wrap: wrap; margin-top: 25px; column-gap: 30px; row-gap: 20px; justify-content: center; }
    .center-wrapper-main { display: flex ; flex-direction: column-reverse; }
    .right-box-wrapper { padding: 60px 40px;}
    .center-img-box {margin-bottom: 0;}
    .left-box-wrapper form { margin-bottom: 20px; }
}

@media only screen and ( max-width:575px ) {
    .center-main-img { height: 450px; border-radius: 25px; }
    .list-box-warpper-main li { width: 100%; }
    .list-box-warpper-main { padding-left: 15px; }
}

@media only screen and ( max-width:480px ) {
    .center-main-img { height: 350px; }
    
}