*{ margin:0; padding:0; box-sizing: border-box;}
::-webkit-scrollbar {width: 3px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1; }
 /* Handle */
::-webkit-scrollbar-thumb {background: #EAA043; }

@font-face {
	font-family: 'Matter';
	src: url(../fonts/Matter-Light.eot);
	src: url('../fonts/Matter-Light.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Light.woff) format('woff'), url(../fonts/Matter-Light.ttf) format('truetype'), url('../fonts/Matter-Light.svg#Matter-Light') format('svg');
	font-weight: 300; font-style: normal; font-display: swap
}

@font-face {
	font-family: 'Matter';
	src: url(../fonts/Matter-SemiBold.eot);
	src: url('../fonts/Matter-SemiBold.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-SemiBold.woff) format('woff'), url(../fonts/Matter-SemiBold.ttf) format('truetype'), url('../fonts/Matter-SemiBold.svg#Matter-SemiBold') format('svg');
	font-weight: 600;font-style: normal; font-display: swap
}

@font-face {
	font-family: 'Matter';
	src: url(../fonts/Matter-Regular.eot);
	src: url('../fonts/Matter-Regular.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Regular.woff) format('woff'), url(../fonts/Matter-Regular.ttf) format('truetype'), url('../fonts/Matter-Regular.svg#Matter-Regular') format('svg');
	font-weight: 400; font-style: normal; font-display: swap
}

@font-face {
	font-family: 'Matter';
	src: url(../fonts/Matter-Medium.eot);
	src: url('../fonts/Matter-Medium.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Medium.woff) format('woff'), url(../fonts/Matter-Medium.ttf) format('truetype'), url('../fonts/Matter-Medium.svg#Matter-Medium') format('svg');
	font-weight: 500; font-style: normal; font-display: swap
}
/*Loader*/
.spinner-fixed{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;z-index: 9999;background: rgba(0, 0, 0, 0.9);}
.spinner {margin: 0 auto;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;-webkit-animation: spinner-ease 2s infinite;animation: spinner-ease 2s infinite;}
@-webkit-keyframes spinner-ease {0% {transform: rotateX(0deg);}7.5% {background-color: #FFFCF8;}7.51% {background-color: #E7932A;}25% {transform: rotateX(180deg);}32.5% {background-color: #FFFCF8;}32.51% {background-color: #E7932A;}50% {transform: rotateZ(180deg);}57.5% {background-color: #FFFCF8;}57.51% {background-color: #E7932A;}75% {transform: rotateY(180deg);}82.5% {background-color: #FFFCF8;}82.51% {background-color: #E7932A;}100% {transform: rotateX(0deg);}}
@keyframes spinner-ease {0% {transform: rotateX(0deg);}7.5% {background-color: #FFFCF8;}7.51% {background-color: #E7932A;}25% {transform: rotateX(180deg);}32.5% {background-color: #FFFCF8;}32.51% {background-color: #E7932A;}50% {transform: rotateZ(180deg);}57.5% {background-color: #FFFCF8;}57.51% {background-color: #E7932A;}75% {transform: rotateY(180deg);}82.5% {background-color: #FFFCF8;}82.51% {background-color: #E7932A;}100% {transform: rotateX(0deg);}}

body {font-family: 'Matter'; font-weight:300; background:#FFFCF8;}
h1,h2,h3,h4,h5,h6{ color:#000; margin:0; font-family: 'Matter'; line-height:1.4; font-weight:400;}
p{line-height:25px; margin-bottom: 1rem; font-size:16px; color:#000; overflow:hidden; font-weight: 300;}
p:nth-last-child(1){ margin-bottom:0;}
.hd{font-size:43px; color:#000; margin-bottom:35px;}

img{max-width:100%; object-fit:cover; object-position:center}
ul{list-style:none;}
a{ text-decoration :none;}
a:hover{text-decoration :none;}

.relative{ position: relative;}
.pad80{ padding:80px 0px;}
.padb80{padding-bottom:80px;}
.grey{background:#e1e1e1;}

.loader{display:inline;}
.loader img{ width:10px; margin-top: -2px;}
@keyframes blink {50% {color: transparent;}}
.loader__dot {-webkit-animation: 1s blink infinite; animation: 1s blink infinite; position: relative; top: -3px; left: 0px;}
.loader__dot:nth-child(2) {-webkit-animation-delay: 250ms; animation-delay: 250ms;}
.loader__dot:nth-child(3) {-webkit-animation-delay: 500ms; animation-delay: 500ms;}

.overlay:after{content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, #000000a3 30%, transparent 70%);}
.animated{visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeUp {0% {-webkit-transform: translateY(100px);opacity: 0;}100% {-webkit-transform: translateY(0);opacity: 1;}}@-moz-keyframes fadeUp {0% {-moz-transform: translateY(100px);opacity: 0;}100% {-moz-transform: translateY(0); opacity: 1; }}@keyframes fadeUp {0% {transform: translateY(100px); opacity: 0; } 100% {transform: translateY(0); opacity: 1;}}
.animate__fadeUp{-webkit-animation-name:fadeUp;animation-name:fadeUp; transform: translateY(0);}
@-webkit-keyframes navbar-animation{0%{opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@keyframes navbar-animation{0%{opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

.artimpbottom{position:absolute;bottom:0px;right:0px;font-size:10px;color:rgba(255,255,255,0.8);padding:3px 6px;border-radius:0px; z-index:44; background:#000;}
.artimptop{position:absolute;bottom:0px;right:0px;font-size:10px;color:rgba(255,255,255,0.8);padding:3px 6px;border-radius:0px; z-index:44;}

/*Responsive Button Css*/
.navbar-toggler {border: none; background: transparent !important; padding:0;}
.navbar-toggler:hover {background: transparent !important;}
.navbar-toggler:focus {outline: none; box-shadow:none;}
.navbar-toggler .icon-bar {height: 2px; width: 26px; background-color: #fff; border-radius: 1px; display: block; margin-top: 6px; transition: all 0.2s;}
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin: 6% 50%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg); transform-origin: 7% 90%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity: 1;}
.navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}

/*Nav Css*/
.navbar {overflow:hidden; width:100%; padding:10px 0px; background:#000000ba; position:absolute; left: 0; right: 0; top: 0; border-bottom: 1px solid #7f7e7e91; transition:background .6s ease-in;z-index:99}
.navbar .navbar-brand img {width:150px;}
.navbar .navbar-nav .nav-item{margin:0 30px; display:inline-block; font-weight: bold;}
.navbar .navbar-nav .nav-item:last-child{ margin:0;} 
.navbar .navbar-nav .nav-item .nav-link{color:#fff; font-size:13px; position:relative; padding:10px 0; letter-spacing:1px; font-weight:300;}
.navbar .navbar-nav .nav-item:last-child .nav-link:after{display:none;}
.navbar .navbar-nav .nav-item .nav-link:before{content: ''; position: absolute; right: 0px; bottom: 7px; width: 0px; background: #EAA043; height: 0.5px; transition: all 0.5s ease 0s;}
.navbar .navbar-nav .nav-item .nav-link:hover:before{ width:100%; right:unset; left:0;}

.moblogo{display:none;}
.callbtnleft{position:absolute; left:5%; padding-left:15px;}
.callbtnleft:after{content:''; background:#7f7e7e91; position:absolute; right: -20px; top: -15px; width: 0.8px; height: 100px;}

.nav_fixed{ position:fixed !important; background-color:#212121; -webkit-animation:navbar-animation .6s;animation:navbar-animation .6s;}

@media screen and (min-width: 1024px) {
  .navbar {letter-spacing: 0.1em;}
  .container{ max-width:90%;}
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        padding-left: 10%;
    }
}
/*Navigation Close*/

.enq_btn{width: auto; position: fixed; right:-45px; overflow:hidden; top: 50%; transform: translateY(-50%) rotate(90deg); background: #E7932A; transition:all 0.85s ease; border-radius: 12px; z-index: 999;}
.enq_btn a{width: 100%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; padding:15px 25px; border-radius: 12px; }
.enq_btn a span{transform:rotate(180deg)}
.enq_btn a::before {position:absolute; left:0px; bottom:0px; width:100%; content:''; height:0; background:#000; transition:all 0.3s ease 0s; z-index:-1;}
.enq_btn a:hover{color:#fff; border:0px solid rgb(255 255 255 / 34%); background:transparent;}
.enq_btn a:hover::before {height:100%;}
.clrwht{color:#fff;}
.clrblk{color:#000;}

/*Banner*/
.banner{ width:100%; height:100vh; overflow:hidden; position:relative;}
.banner video{width:100%; height:100%; object-fit: fill;}
.banner img{width:100%; height:100%;object-fit: cover;}
.caption_text{ width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: end;
    padding-bottom: 36px;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 22;
    }
.caption_text h1{color: #fff;
    font-size: 40px;
    line-height: normal;}
.caption_text img {
       width: 198px;
    height: auto;
    margin-bottom: 20px;
}
.text_wrap{ width:100%; height:100%; display:flex; align-items:start; justify-content:center; flex-direction:column;}

.bd_radius{border-radius:12px;}
.overview_img{ width:100%; position:relative; overflow:hidden; }
.overview_img img{ width:100%; height:100%; object-fit:cover; transition:all 0.85s ease; transform:scale(1);}
.overview_img:hover img{transform:scale(1.1);} 
.overview_text{ padding-left:80px;}

.backbgimg1{width:90%; height:90%; background:rgb(0 0 0 / 5%); border-radius:12px; position:absolute; bottom:-30px; left:-15px;}
.backbgimg2{width:90%; height:90%; background:rgb(0 0 0 / 5%); border-radius:12px; position:absolute; bottom:-30px; right:-15px;}

.grid_img_wrap{ width:100%; overflow:hidden; position:relative;}
.grid_img_wrap img{ width:100%; height:100%; object-fit:cover;  transition:all 0.85s ease; transform:scale(1);}
.grid_img_wrap:hover img{transform:scale(1.1);} 
.grid_img_wrap hr{ width:50%;}

.img_on_text{ border-radius:8px; background:transparent; padding:8px 0; display: flex; align-items: center; width: 100%;}
.img_on_text span{width: 80px; height: 80px; border-radius:8px; background:#cccccc52; display: flex; align-items: center; justify-content:center; color:#E7932A;  padding: 10px 15px; font-size: 38px; margin-right: 20px;}
.img_on_text .dt_text strong{font-size:26px;}
.img_on_text .dt_text p{font-size:16px;}

.step_grid{ width:100%; height:375px; overflow:hidden; border-radius:12px; background:#E7932A0D; padding:30px; position:relative;}
.step_grid button{background:#E7932A; padding:6px 20px; cursor: inherit; text-align:center; color:#fff; border-radius:8px; border:0; display:block; margin-bottom:20px;}
.step_grid strong{display:block; font-size:24px; color:#000; margin-bottom:10px;}
.step_grid p{font-size:15px;}
.step_grid .g_icon{position:absolute; right:30px; bottom:30px;}
.step_grid .g_icon img{width:100px; transform:scale(1); transition:all 0.85s ease;}
.step_grid:hover .g_icon img{transform:scale(1.1);}

.ref_grid{ width:100%; height:auto; background:#FEF7ED; border:1px solid #E7932A; padding:35px 80px; position:relative;}
.ref_grid .f_hd{position:relative; font-size: 30px;}
.ref_grid .f_hd:after{content:""; width:30px; height:3px; background:#000; position:absolute; bottom:-8px; left:0;}
.formpad{padding-right:80px;}

.patternbg{border-top:1px solid #fff; background:#000; padding:8px 0px; width:100%;}
.fright{float:right;}
.mediaicon{transition-delay: 0.85s; display:flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.mediaicon a {width: 25px; height: 25px; margin-right:15px; background: #3a3a3a; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; transition: all 0.5s ease; padding-top: 2px;}
.mediaicon a:hover{background: #E7932A; border-color:#E7932A;}
.mediaicon a i {font-size: 10px;color: #fff; transition:all 0.85s ease;}
.mediaicon a:hover i{color: #fff;}
.copyright p{color:#fff; font-size:12px;}

#rewards .row .col-lg-4{padding:0 30px;}

.disclaimer_wrap{ width:100%; padding:15px 0px; background:#fdefdc;}
.disclaimer_wrap b{font-size:13px; display:inline; color:#000; opacity:1}
.disclaimer_wrap ul{margin:0 0 0 16px; padding:0;}
.disclaimer_wrap ul li{ color:#000; line-height:normal; margin-bottom:10px; position:relative; font-size:14px;}
.disclaimer_wrap ul li:after{content:""; width:6px; height:6px; background:#E7932A; position:absolute; left:-15px; top:8px; border-radius:100px;}

.form_wrap{ width:100%; padding-top:20px;}
.form_wrap .btn{border-radius:0}
.form_wrap .form-group{position:relative; padding-top:0px; margin-bottom:20px; z-index:2;}
.form_wrap .form-group textarea{resize:none}
/*.form_wrap .form-group lable{font-weight:bold; font-size:15px; color:#000; margin-bottom:12px; display:block;}*/
.form_wrap .form-group{ margin-bottom:20px; display:block;}
.form_wrap .form-group .input-highlight{content:"";width:0;height:1px;background:#000;position:absolute;display:block;bottom:0;transition:width .4s}
.form_wrap .form-group label{position:absolute;left:0px;top:15px;transition:.4s; color:#000; z-index:-1; font-size:15px;}
.form_wrap .form-group .form-control{background: transparent; border: 0px; border-bottom: 1px solid #ccc; border-radius: 0px; padding:12px 0px; font-size: 14px; box-shadow: none;}
.form_wrap .form-group .form-control::placeholder {color:#000 !important;font-weight: normal;}
.form_wrap .form-group .form-control.hasValue,.form_wrap .form-group .form-control:focus{box-shadow:none; border-color:#000; color:#000;}
.form_wrap .form-group .form-control.hasValue~.input-highlight,.form_wrap .form-group .form-control:focus~.input-highlight{width:100%}
.form_wrap .form-group .form-control.hasValue~label, .form_wrap .form-group .form-control:focus~label{font-size:11px; top:0;left:0; color:#6F7C84; font-size:13px;}
.form_wrap .form-group label.error{ color:red; font-size: 10px;position: absolute; bottom: -30px; top: unset;letter-spacing: 1px;}
.form_wrap .form-group .form-control.hasValue~label.error, .form_wrap .form-group .form-control:focus~label.error{ font-size:10px; top:unset; left:unset; color:red;}
.form_wrap .submit_btn {position:relative; display:flex; transition:all 0.3s ease 0s; border:0px; margin-top:30px; justify-content: end;}
.form_wrap .submit_btn  button{ border-radius:8px; background:none; border:none;}
.form_wrap .submit_btn .sb_btn {font-weight: bold;background:#E7932A; color:#fff; display:inline-block; font-size:16px; position:relative; transition:all 0.3s ease 0s; letter-spacing:0.8px; text-align:center; padding:10px 25px; border: 1px solid rgb(255 255 255 / 34%); z-index:22;}
.form_wrap .submit_btn .sb_btn::before {position:absolute; left:0px; bottom:0px; width:100%; border-radius:8px; content:''; height:0; background:#000; transition:all 0.3s ease 0s; z-index:-1;}
.form_wrap .submit_btn .sb_btn:hover{color:#fff; border:1px solid rgb(255 255 255 / 34%); background:transparent;}
.form_wrap .submit_btn .sb_btn:hover::before {height:100%;}
.form_wrap .form-group select.form-control {appearance: none;-webkit-appearance: none; background: url(../images/dwon_arrow.svg) no-repeat 100% center !important; background-size: 25px !important;}

.s-input{ padding-top:2px;display: inline-block;}
.s-input>input{width: 35px !important; height: 33px !important; opacity: 0; border-radius:8px; position: absolute; font-weight: bold; z-index: 1;}
.s-input>label{font-size:14px;width:100%;cursor: pointer;}
.s-input>label.error{font-size:10px;display:block; color:red; margin-top:5px; font-weight: normal; letter-spacing: 1px; position: absolute; bottom: -22px;}
.s-input>label>i{position:relative;padding:0 5px;display:inline-block;vertical-align:middle;width:35px;height:33px;margin-right:20px;border:1px solid #606060}
.s-input>input:checked+label>i:after{content:"\f00c";position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-6px;display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color: #6F7C84;}
.s-input--rounded>label i,.s-input--rounded>label i:after{border-radius:0;display:inline-block}
.s-input--rounded>label b{font-weight:500; color:#6F7C84;font-weight: bold;}
.s-input--rounded>label b a{font-weight:500; color:#6F7C84; transition:all 0.85s ease; display: inline;}
.s-input--rounded>label b a:hover{color:#000;}
.modal-header{margin:0;text-align:center}
.modal-body{padding:30px 45px;margin:0}
.modal-content{box-shadow:none;border:0;border-radius:20px; overflow:hidden;}
.modal-content h4{text-transform:uppercase}
.modal-header .close{padding:0;margin:0;background:#E7932A; border-color:#E7932A;  border-radius:8px; width:40px;height:40px; border:none; opacity:1;position:absolute;right:15px;top:15px;display:flex;align-items:center;justify-content:center;transition:.5s}
/*.modal-header .close:hover{background:#000; border-color:#000;}*/
.modal-header .close:before {position:absolute; left:0px; border-radius:8px; bottom:0px; width:100%; content:''; height:0; background:#000; transition:all 0.3s ease 0s; z-index:-1;}
.modal-header .close:hover:before {height:100%;}
.modal-header .close img{width:20px}
.modal-header .close:focus{outline:0}
.modal-open{padding:0!important}
#enquirepop .modal-header {padding: 0;}
#enquirepop .modal-header .close{ z-index:222; cursor:pointer;}
#enquirepop .modal-header .close img {width: 40px;}
#enquirepop .btns-b {background: #000; padding: 13px 20px; font-size: 12px; color: #fff; transition: all ease-in-out 0.5s; margin-top: 0; border: 1px solid transparent !important;}
#enquirepop .btns-b:hover {background: #fff; color: #000; border-color:#000 !important;}
#enquirepop .form-control{ font-size:14px; padding:12px 0px; border-radius: 0; margin-bottom:20px;}
#enquirepop .custom-control-label {color: #595959; font-size: 14px;}
#enquirepop .custom-control-label::after {top:0.33rem;}
.custom-control-input:focus~.custom-control-label::before {box-shadow:none !important;}
.contactwrap .h4{font-size:30px;}
#enquirepop .form_wrap .form-group lable{font-size:14px; margin-bottom: 5px;}

#msform {text-align: center; position: relative; margin-top: 20px}
#msform fieldset {background:transparent; border: 0 none; border-radius: 0.5rem; box-sizing: border-box; width: 100%; margin: 0; position: relative}
#msform fieldset:not(:first-of-type) {display: none}
#msform input:focus,#msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: 1px solid #E7932A;outline-width: 0}
#msform .action-button,#msform .action-button-previous {width: 100px;background: #000;font-weight: bold;color: white;border: 0 none;border-radius: 0px;cursor: pointer;padding: 10px 5px;margin: 10px 0px 0px 5px;float: right;border-radius:8px;transition:all 0.85s ease;}
#msform .action-button:hover,#msform .action-button:focus {background-color: #E7932A}
#msform .action-button-previous {margin:10px 5px 0px 0px;}
#msform .action-button-previous:hover,#msform .action-button-previous:focus {background-color: #E7932A}

.steps{position:absolute; right:0; top:-48px; font-size:15px; color: #000;font-weight: normal;text-align: right} 

.form-card {text-align: left}
.form-group{ margin-bottom:20px; display:block;}
.form-control{border:none;padding:15px 0 7px;border-bottom:solid 1px #959595;border-radius:0;height:auto!important;font-size:14px;color:#000 !important;font-weight:400;background:transparent;letter-spacing:.5px;}
.form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}
.form-control::-webkit-input-placeholder{color:#000!important;font-size:14px!important}
.form-control:-ms-input-placeholder{font-size:14px!important;color:#000!important}
.form-control::placeholder{font-size:14px!important;color:#000!important}

.curve-acc {height:445px; overflow-y:scroll; padding-right:15px;}
.curve-acc .accordion-button {background:#000000; border-radius:12px !important; border:0px; color:#fff; padding:15px; font-size:16px;}
.curve-acc .accordion-button:focus {outline:none; box-shadow:none;}
.curve-acc .accordion-item {border:0px; margin-bottom:8px;}
.curve-acc .accordion-body {background:#F6EFE8;border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-top:-10px;padding-top:25px;}
.curve-acc .accordion-body p{font-size:14px;}
.curve-acc .accordion-button.collapsed {background:#F6EFE8; color:#000; }
.curve-acc .accordion-button::after {width: 30px; height: 30px; background-size: 25px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-dash'%3E%3Cpath d='M3.5 12a.5.5 0 0 1 .5-.5h16a.5.5 0 0 1 0 1h-16a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") !important; transform: none !important;}
.curve-acc .accordion-button.collapsed::after {width: 30px; height: 30px; background-size: 30px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' class='bi bi-plus'%3E%3Cpath d='M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6z'/%3E%3C/svg%3E") !important; }

.contact-desc {background:#FEF7ED;}
.contact_details {padding:0; margin:0; margin-top:30px;}
.contact_details li {list-style: none; margin-bottom: 20px;}
.contact_details li a {display: inline-flex; font-size: 16px; align-items:center; color:#000; transition:all 0.85s ease;}
.contact_details li a span{width:40px; height:40px; background:#000; border-radius:100px; display:flex; align-items:center; justify-content:center; margin-right:20px; transition:all 0.85s ease;}.contact_details li a:hover{color:#E7932A;}
.contact_details li:last-child a:hover{color:#000;}
.contact_details li a:hover span img{transform:scale(1.2);}
.contact_details li a:hover span{background:#E7932A;}
.contact_details li a span img{ width:15px; transition:all 0.85s ease; transform:scale(1);}

.faq-acc {background:none; border:0px; font-size:18px;}
.faq-acc .accordion-body{padding:0px 0px 15px;}
.faq-acc .accordion-button{padding:22px 0px; font-size:16px;}
.faq-acc .accordion-button:focus,.faq-acc .accordion-body:focus {outline:none; box-shadow:none; border: none;}
.faq-acc .accordion-body p{font-size:14px;}
.faq-acc .accordion-button:not(.collapsed){ color:#000; box-shadow: none ! important;}
.faq-acc .accordion-button::after {background-size:30px; width:30px; height:30px;}
.faq-acc .accordion-item {border:0px; background-color:transparent; border-radius:0; border-bottom:1px solid rgba(0,0,0,0.4);}
.faq-acc .accordion{border-top:1px solid rgba(0,0,0,0.4);}
.faq-acc .accordion-button{background:transparent;}
.faq-acc .accordion-button::after {width: 30px; height: 30px; background-size: 25px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' class='bi bi-dash'%3E%3Cpath d='M3.5 12a.5.5 0 0 1 .5-.5h16a.5.5 0 0 1 0 1h-16a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") !important; transform: none !important;}
.faq-acc .accordion-button.collapsed::after {width: 30px; height: 30px; background-size: 30px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' class='bi bi-plus'%3E%3Cpath d='M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6z'/%3E%3C/svg%3E") !important; }
.faq-acc .accordion-button:not(.collapsed):focus {box-shadow: none; outline: none;}
.form_error{ padding:12px 0px; color:red; font-size:12px; font-weight:bold;}
.error {color: red; font-size: 11px; text-transform: inherit; letter-spacing: 0px; margin-top: 10px;    text-align: left;
    display: block;}


 #otpModal { position:fixed; top:0; left:0; width:100%; height:100%; 
  background:rgba(0,0,0,0.6); display:flex; justify-content:center; align-items:center; }
  .otp-box { background:#fff; padding:25px; border-radius:8px; width:300px; text-align:center; }


/* Style the dropdown options */
/* option {*/
/*  padding: 10px;*/
/*  font-size: 14px;*/
/*  color: #333;*/
/*  background: #fff;*/
/*}*/

/* Highlight effect on hover (works mostly in Chrome/Edge) */
/* option:hover {*/
/*  background: #f1f1f1;*/
/*  color: #000;*/
/*}*/

/* Style for the disabled/placeholder option */
/* option[value=""] {*/
/*  color: #888;*/
/*}*/

#otpModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Dimmed background */
    backdrop-filter: blur(4px); /* Blur effect behind modal */
    z-index: 1000;
    /* Flexbox to center the modal */
    display: flex; 
    justify-content: center;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  /* 2. The Box/Card */
  .otp-box {
    background: #ffffff;
    width: 100%;
    max-width: 380px;
    padding: 2.5rem;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    text-align: center;
    animation: slideIn 0.3s ease-out forwards;
  }

  /* 3. Typography */
  .otp-box h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #333;
    font-size: 1.5rem;
  }

  .otp-box p {
    font-size: 0.9rem;
    color: #666;
  }

  /* 4. The Input Field */
  #otp_input {
    width: 70%;
    padding: 12px;
    margin: 20px 0;
    font-size: 14px;
    text-align: center;
    letter-spacing: 6px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
  }

  #otp_input:focus {
    border-color: #4a90e2;
    box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.1);
  }

  /* 5. The Button */
  #verifyOtpBtn {
   /* width: 100%;*/
   /* padding: 14px;*/
   /*background: #000;*/
   /* color: white;*/
   /* border: none;*/
   /* border-radius: 10px;*/
   /* font-size: 1rem;*/
   /* font-weight: 600;*/
   /* cursor: pointer;*/
   /* transition: transform 0.2s, box-shadow 0.2s;*/
   
   /*width: 100%; */
    /* padding: 14px; */
    background: unset;
    /* color: white; */
    border: none;
    /* border-radius: 10px; */
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
  }

  #verifyOtpBtn:hover {
    /*transform: translateY(-2px);*/
    /*box-shadow: 0 5px 15px rgba(0, 122, 255, 0.3);*/
    color:#e7932a;
  }

  /*#verifyOtpBtn:active {*/
  /*  transform: translateY(0);*/
  /*}*/
  
  #resendOtpBtn {
      /*margin-top:10px;*/
   /* width: 100%;*/
   /* padding: 14px;*/
   /*background: #000;*/
   /* color: white;*/
   /* border: none;*/
   /* border-radius: 10px;*/
   /* font-size: 1rem;*/
   /* font-weight: 600;*/
   /* cursor: pointer;*/
   /* transition: transform 0.2s, box-shadow 0.2s;*/
   
   /*width: 100%; */
    /* padding: 14px; */
    background: unset;
    /* color: white; */
    border: none;
    /* border-radius: 10px; */
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
  }

  #resendOtpBtn:hover {
    /*transform: translateY(-2px);*/
    /*box-shadow: 0 5px 15px rgba(0, 122, 255, 0.3);*/
    color:#e7932a;
  }

  /*#resendOtpBtn:active {*/
  /*  transform: translateY(0);*/
  /*}*/

  /* 6. Error Message */
  #otpErr {
    margin-top: 15px;
    font-size: 0.85rem;
    font-weight: 500;
  }
  
  .otpmg{
      font-size: 13px;
      text-align: center;
  }

  /* Animation */
  @keyframes slideIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .iti {
    
    width: 100%;
}
.form-check-label{
  font-size: 12px;
    text-align: left;
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{
    border: none;
    /* padding: 15px 0 7px; */
    /* border-bottom: solid 1px #959595; */
    border-radius: 0;
    height: auto !important;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    background: transparent;
    letter-spacing: .5px;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{
    top: unset;
    height: 38px;
}

.crossbtn{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    padding: 5px;
    border: 1px solid #fef6ed;
    color: #bc7722;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.action-button1 {
   background: unset;
    /* color: white; */
    border: none;
    /* border-radius: 10px; */
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    text-align: left;
    margin-bottom: 10px;
    color:#e7932a;
  }

  .action-button1:hover {
    /*transform: translateY(-2px);*/
    /*box-shadow: 0 5px 15px rgba(0, 122, 255, 0.3);*/
    color:#000;
  }
  
  .form-error {
  color: red;
  font-size: 12px;
  display: block;
  margin-top: 5px;
}

#sidebar {
    height: 0;
    position: fixed;
    padding: 0;
    margin-right: 0;
    top: 38%;
    right: 20px;
    bottom: 0;
    z-index: 9999;
    transform: translateY(-50%);
}

.social p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 48px;
    opacity: 1
}

.social p i {
    right: 30px;
    vertical-align: middle;
    font-size: 19px;
    float: left;
    margin-right: 6px
}

.social {
    margin-bottom: 1px;
    padding: 0 15px 0 0;
    display: inline-block;
    height: auto;
    -moz-transition-property: right;
    -moz-transition-duration: .2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-property: right;
    -ms-transition-duration: .2s;
    -ms-transition-delay: 0.2s;
    cursor: pointer;
    background: #d5812a;
    width: 100%;
    position: relative;
    right: -116px;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    display: flex;
    align-items: center;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.social:hover a {
    text-decoration: none;
    color: #d5812a
}

.social:hover {
    right: -30px;
    background: #000;
    color: #d5812a
}

.linkedin p i {
    left: 20px;
    color: #fff
}

.social i {
    padding: 10px;
    width: 48px;
    height: 48px;
    color: #fff;
    line-height: 28px;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

  
  /*#msform .subbtn .action-button-previous,#msform .subbtn .action-button{*/
  /*        padding: 8px 5px;*/
  /*  font-size: 13px;*/
  /*  width: auto;*/
  /*  font-weight: 500;*/
  /*}*/
  /*#msform .subbtn .action-button-previous{*/
  /*        margin: 10px 2px 0px 0px;*/
  /*}*/
  
  /*#msform .subbtn .action-button{*/
  /*    margin: 10px 0px 0px 2px;*/
  /*}*/