/* ========== Base css ========== */
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-ExtraBold.eot');src:url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),url('../fonts/Poppins-ExtraBold.woff') format('woff'),url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-ExtraBoldItalic.eot');src:url('../fonts/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'),url('../fonts/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');font-weight:bold;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-ExtraLight.eot');src:url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),url('../fonts/Poppins-ExtraLight.woff') format('woff'),url('../fonts/Poppins-ExtraLight.ttf') format('truetype'),url('../fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-MediumItalic.eot');src:url('../fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),url('../fonts/Poppins-MediumItalic.woff') format('woff'),url('../fonts/Poppins-MediumItalic.ttf') format('truetype'),url('../fonts/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');font-weight:500;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-ExtraLightItalic.eot');src:url('../fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype'),url('../fonts/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');font-weight:200;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-LightItalic.eot');src:url('../fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-LightItalic.woff2') format('woff2'),url('../fonts/Poppins-LightItalic.woff') format('woff'),url('../fonts/Poppins-LightItalic.ttf') format('truetype'),url('../fonts/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');font-weight:300;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Italic.eot');src:url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Italic.woff2') format('woff2'),url('../fonts/Poppins-Italic.woff') format('woff'),url('../fonts/Poppins-Italic.ttf') format('truetype'),url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');font-weight:normal;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Light.eot');src:url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Light.woff2') format('woff2'),url('../fonts/Poppins-Light.woff') format('woff'),url('../fonts/Poppins-Light.ttf') format('truetype'),url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Medium.eot');src:url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Medium.woff2') format('woff2'),url('../fonts/Poppins-Medium.woff') format('woff'),url('../fonts/Poppins-Medium.ttf') format('truetype'),url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-SemiBoldItalic.eot');src:url('../fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype'),url('../fonts/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');font-weight:600;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Regular.eot');src:url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Regular.woff2') format('woff2'),url('../fonts/Poppins-Regular.woff') format('woff'),url('../fonts/Poppins-Regular.ttf') format('truetype'),url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Black.eot');src:url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Black.woff2') format('woff2'),url('../fonts/Poppins-Black.woff') format('woff'),url('../fonts/Poppins-Black.ttf') format('truetype'),url('../fonts/Poppins-Black.svg#Poppins-Black') format('svg');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-ThinItalic.eot');src:url('../fonts/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),url('../fonts/Poppins-ThinItalic.woff') format('woff'),url('../fonts/Poppins-ThinItalic.ttf') format('truetype'),url('../fonts/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');font-weight:100;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-SemiBold.eot');src:url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-SemiBold.woff2') format('woff2'),url('../fonts/Poppins-SemiBold.woff') format('woff'),url('../fonts/Poppins-SemiBold.ttf') format('truetype'),url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Thin.eot');src:url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Thin.woff2') format('woff2'),url('../fonts/Poppins-Thin.woff') format('woff'),url('../fonts/Poppins-Thin.ttf') format('truetype'),url('../fonts/Poppins-Thin.svg#Poppins-Thin') format('svg');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-Bold.eot');src:url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-Bold.woff2') format('woff2'),url('../fonts/Poppins-Bold.woff') format('woff'),url('../fonts/Poppins-Bold.ttf') format('truetype'),url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-BlackItalic.eot');src:url('../fonts/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),url('../fonts/Poppins-BlackItalic.woff') format('woff'),url('../fonts/Poppins-BlackItalic.ttf') format('truetype'),url('../fonts/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');font-weight:900;font-style:italic;font-display:swap;}
@font-face{font-family:'Poppins';src:url('../fonts/Poppins-BoldItalic.eot');src:url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),url('../fonts/Poppins-BoldItalic.woff') format('woff'),url('../fonts/Poppins-BoldItalic.ttf') format('truetype'),url('../fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');font-weight:bold;font-style:italic;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic';src:url('../fonts/BahijTheSansArabic-ExtraLight.eot');src:url('../fonts/BahijTheSansArabic-ExtraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-ExtraLight.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-ExtraLight.woff') format('woff'),url('../fonts/BahijTheSansArabic-ExtraLight.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-ExtraLight.svg#BahijTheSansArabic-ExtraLight') format('svg');font-weight:200;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic';src:url('../fonts/BahijTheSansArabic-Bold.eot');src:url('../fonts/BahijTheSansArabic-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-Bold.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-Bold.woff') format('woff'),url('../fonts/BahijTheSansArabic-Bold.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-Bold.svg#BahijTheSansArabic-Bold') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic';src:url('../fonts/BahijTheSansArabic-Light.eot');src:url('../fonts/BahijTheSansArabic-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-Light.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-Light.woff') format('woff'),url('../fonts/BahijTheSansArabic-Light.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-Light.svg#BahijTheSansArabic-Light') format('svg');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic';src:url('../fonts/BahijTheSansArabic-ExtraBold.eot');src:url('../fonts/BahijTheSansArabic-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-ExtraBold.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-ExtraBold.woff') format('woff'),url('../fonts/BahijTheSansArabic-ExtraBold.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-ExtraBold.svg#BahijTheSansArabic-ExtraBold') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic Plain';src:url('../fonts/BahijTheSansArabic-Plain.eot');src:url('../fonts/BahijTheSansArabic-Plain.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-Plain.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-Plain.woff') format('woff'),url('../fonts/BahijTheSansArabic-Plain.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-Plain.svg#BahijTheSansArabic-Plain') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic';src:url('../fonts/BahijTheSansArabic-SemiBold.eot');src:url('../fonts/BahijTheSansArabic-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-SemiBold.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-SemiBold.woff') format('woff'),url('../fonts/BahijTheSansArabic-SemiBold.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-SemiBold.svg#BahijTheSansArabic-SemiBold') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic SemiLight';src:url('../fonts/BahijTheSansArabic-SemiLight.eot');src:url('../fonts/BahijTheSansArabic-SemiLight.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-SemiLight.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-SemiLight.woff') format('woff'),url('../fonts/BahijTheSansArabic-SemiLight.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-SemiLight.svg#BahijTheSansArabic-SemiLight') format('svg');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Bahij TheSansArabic';src:url('../fonts/BahijTheSansArabic-Black.eot');src:url('../fonts/BahijTheSansArabic-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/BahijTheSansArabic-Black.woff2') format('woff2'),url('../fonts/BahijTheSansArabic-Black.woff') format('woff'),url('../fonts/BahijTheSansArabic-Black.ttf') format('truetype'),url('../fonts/BahijTheSansArabic-Black.svg#BahijTheSansArabic-Black') format('svg');font-weight:500;font-style:normal;font-display:swap;}

:root {
	--red-300:#FDEDED;
	--red-400:#FFB5B5;
	--red-500:#FE0038;
	--red-600:#E54043;
	--red-700:#FF0F0F;
	--red-800:#D92D20;
    --red-850:#D32F2F;
    --red-900:#5F2120;
	--black-500:#0B0A0A;
	--black-600:#191718;
	--black-900:#000000;
	--white-900:#ffffff;
	--gray-300:#F1F1F1;
	--gray-350:#E8E8E8;
	--gray-400:#B8B7B7;
	--gray-450:#656464;
	--gray-500:#474546;
	--gray-600:#959495;
    --blue-400:#C4E7F7;
	--blue-600:#1976D2;
    --blue-800:#1E293B;
    --green-300:#EDF7ED;
    --green-700:#2E7D32;
    --green-800:#1E4620;
}

body{font-size:16px;line-height:24px;color:var(--black-600);font-family:'Poppins';background-color:var(--white-900);margin:0;padding:0;box-sizing:border-box;font-weight:normal;font-style:normal;}

/* ========== Typography Css ========== */
.heading-1,h1{font-family:'Poppins';color:var(--black-600);margin-top:0;margin-bottom:10px;}
.heading-2,h2{font-family:'Poppins';font-size:39px;font-weight:600;line-height:58.5px;color:var(--black-600);margin-top:0;margin-bottom:10px;}
.heading-3,h3{font-family:'Poppins';color:var(--black-600);margin-top:0;margin-bottom:10px;}
.heading-4,h4{font-family:'Poppins';color:var(--black-600);margin-top:0;margin-bottom:10px;}
.heading-5,h5{font-family:'Poppins';color:var(--black-600);font-size:20px;font-weight:600;line-height:30px;margin-top:0;margin-bottom:10px;}
.heading-6,h6{font-family:'Poppins';color:var(--black-600);margin-top:0;margin-bottom:10px;}
.para-text,p{font-family:'Poppins';font-size:20px;font-weight:400;line-height:30px;color:var(--black-600);margin-top:0;margin-bottom:10px;}

/* ========== Common Css ========== */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select{outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../img/down-arrow-gray.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
}
ul,ol{margin:0;padding:0;}
ul li,ol li{list-style:none;}
ul li a,ol li a{font-family:'Poppins';font-size:16px;font-weight:500;line-height:22px;transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;text-decoration:none;color:var(--black-600);}
html,body{height:100%;}
.wrapper{display:flex;flex-direction:column;min-height:100vh;}
.main{flex:1;}
.container{max-width:994px;padding:0 15px;}
.cst-btn{background-color:var(--black-500);color:var(--white-900);border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;font-family:'Poppins';font-size:18px;font-weight:600;line-height:26px;letter-spacing:0.46px;padding:12px 28px;display:flex;}
.step-btn-wrap{max-width:283px;}
.cst-btn:hover{border-color:#000;}
.cst-btn-white{background-color:var(--white-900);color:var(--black-600);font-size:16px;font-weight:500;line-height:24px;text-align:center;padding:8px 16px;}
.cst-btn-white.btn:first-child:active,.cst-btn-white:hover{background-color:transparent;border-color:var(--white-900);color:var(--white-900);}
.dark-green{color:#1E4620}
.txt-green-700{color: var(--green-700);}
.rounded-79{border-radius:79px;-webkit-border-radius:79px;-moz-border-radius:79px;-ms-border-radius:79px;-o-border-radius:79px;}
.rich-black-bg{background-color:var(--black-500);}
.gen-gray-bg{background-color:#E8E8E8;}
.gen-light-gray-bg,.page-content{background-color:#F5F5F5;}
.gen-medium-gray-bg{background-color:#BDBDBD;}
.gen-gray-border{border-color:#E8E8E8;}
.step-text{font-family:'Poppins';font-size:16px;font-weight:400;line-height:24px;text-align:left;}
.vivid-red-bg{background-color:#FF3F3F;}
.head-color{color:var(--black-600);}
.raisin-black-bg{background-color:var(--black-600);}
.py-80{padding:80px 0;}
.py-90{padding:90px 0;}
.p-30{padding:30px;}
.px-10{padding-left:10px;padding-right:10px;}
.px-15{padding-left:15px;padding-right:15px;}
.flex-row-10{margin-left:-10px;margin-right:-10px;}
.flex-row-15{margin-left:-15px;margin-right:-15px;}
.gap-30{gap:30px;}
.gap-20{gap:20px;}
.gap-12{gap:12px;}
.gap-14{gap:14px;}
.gap-10{gap:10px;}
.gap-6{gap:6px;}
.col-auto{--input-left-padding:15px;}
.error-block{display:grid;grid-template-rows:0fr;overflow:hidden;transition:250ms linear;font-size:12px;line-height:19.92px;-webkit-transition:250ms linear;-moz-transition:250ms linear;-ms-transition:250ms linear;-o-transition:250ms linear;}
.error-block.has-error{grid-template-rows:1fr;}
.input-error_block{padding-left:var(--input-left-padding);color:#2E7D32;}
.min-h-0{min-height:0;}
.font-semibold{font-weight:600;font-style:normal;}
.show-passwd,.input_icon{top:11px;right:var(--input-left-padding);padding:4px;background-color:#ffffff;}
button{border:none;background-color:transparent;color:inherit;}
.font-14{font-size: 14px;line-height: 21px;}
.font-15{font-size: 15px;line-height: 21px;}
.font-16,.step-tabbing .nav-tabs .nav-link.font-16{font-size: 16px;line-height: 24px;}
.center-item {display: flex;justify-content: center;align-items: center;}
.gen-gray-border-color{border-color: #959495;}
.semi-transparent-black{color:#00000099;}
.text-gen-green{color: #2E7D32;}
.text-gen-medium-gray{color: #959495;}
.text-red-850{color: var(--red-850);}
.gen-border-1{ border: 1px solid var(--black-600);}
.border-red{border: 1px solid var(--red-400);}
.w-h-70,
.h-w-70{width: 70px;height: 70px;}
.w-h-24{width: 24px;height: 24px;}
.w-h-12{ width: 12px;height: 12px;}
.w-h-32{ width: 32px;height: 32px;}
.w-h-38{ width: 38px;height: 38px;}
.w-h-26{ width: 26px;height: 26px;}
.profile-icon-bg{background-color: #D9D9D9; }
.gen-dodger-blue-text,.text-blue{color: var(--blue-600); }
.text-10{font-size: 10px;}
.text-12{font-size: 12px;}
.text-13{font-size: 13px;}
.text-16{font-size: 16px;}
.text-20{font-size: 20px;}
.text-black-op-87{color: rgb(0 0 0 / 87%);}
.text-black-op-60{color: rgb(0 0 0 / 60%);}
.form-check-input-gray.form-check-input[type=checkbox], .form-check-input-gray.form-check-input[type=radio]{ border-color: rgb(0 0 0 / 56%); border-width: 2px;margin: 12px;width: 18px;height: 18px;}
.form-check-input-gray.form-check-input:checked[type=checkbox], .form-check-input-gray.form-check-input:checked[type=radio]{border-color: #1976D2;background-size: contain;}
.mt-30{margin-top: 30px;}
.mt-20{margin-top: 20px;}
.mt-12{margin-top: 12px;}
.mt-6{margin-top: 6px;}
textarea.form-control {height: 175px !important;resize: none;}
.allergies-gray-bg{background-color: #F1F1F1; }
.gen-alert-info.alert {background-color: #E5F6FD;font-size: 13px;line-height: 19.5px; color: #014361;}
.pl-12{padding-left: 12px;}
.border-radius-12{ border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.border-radius-16{ border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.border-radius-20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.border-radius-16-t-r{ border-radius: 16px 16px 0 0; -webkit-border-radius: 16px 16px 0 0; -moz-border-radius: 16px 16px 0 0; -ms-border-radius: 16px 16px 0 0; -o-border-radius: 16px 16px 0 0; }
.gen-greenery-bg{background-color: #1AAF5D;}
.cst-border-black {background-color: transparent;border-color: var(--black-500);}
.cst-border-black:hover{background-color: var(--black-500) !important;border-color: var(--black-500) !important; color: var(--white-900) !important;}
.border-bottom-gray{ border-bottom:1px solid #B8B7B7;}
.cursor-pointer{cursor: pointer;}
.top-50{top: 50%;}
.-translate-y-50{ transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.right-4{right: 4px;}
.gen-alert-warning.alert {background-color: #FFF4E5;color: #663C00;}
.gen-alert-war-info.alert {background-color: #FDEDED;color: #5F2120;}
.opacity-3{opacity: 0.3;}
.list-round-circle li::before {content: " "; width: 4px;min-width: 4px; height: 4px; background: var(--black-600); display: inline-block; border-radius: 50%; position: relative;top: -3px;}
.reddish-brown-color{color: #5F2120;}
.error-btn:focus-visible,
.error-btn{color: #FF0F0F !important;background: transparent;border-color: #FF0F0F !important;}
.error-btn:hover{color: #ffffff;background: #FF0F0F;border-color: #FF0F0F;}
.order-id-box {padding: 10px 0;}
.me-70{margin-right: 70px;}
.view-trans-btn{ transition:0.4s ease-in-out ; -webkit-transition:0.4s ease-in-out ; -moz-transition:0.4s ease-in-out ; -ms-transition:0.4s ease-in-out ; -o-transition:0.4s ease-in-out ; }
/*.view-trans-btn:hover{background-color:#E5F6FD;}*/
.cust-dropdown-menu .dropdown-item{color: #fff;}
.cust-dropdown-menu .dropdown-item:focus, .cust-dropdown-menu .dropdown-item:hover {background-color: #ffffff;color: #000;}
.bg-red-300{background-color: var(--red-300) !important;}
.bg-red-400{background-color: var(--red-400);}
.bg-red-600{background-color: var(--red-600);}

a{text-decoration: none;}
.col-gap-60{column-gap: 60px;}
.row-gap-20{row-gap: 20px;}
.row-gap-30{row-gap: 30px;}
.bg-gray-300{background-color: var(--gray-300);}
.bg-gray-350{background-color: var(--gray-350);}
.bg-gray-400{background-color: var(--gray-400);}
.bg-black-500{background-color: var(--black-500);}
.bg-red-500{background-color: var(--red-500);}
.bg-red-800{background-color: var(--red-800);}
.text-black-500{color: var(--black-500);}
.text-gray-400{color: var(--gray-400);}
.text-gray-450{color: var(--gray-450);}
.text-gray-500{color: var(--gray-500);}
.text-gray-600{color: var(--gray-600);}
.text-black-600{color: var(--black-600);}
.text-blue-800{color: var(--blue-800);}
.btn-border-red{border: 1px solid var(--red-700);color: var(--red-700);background-color: transparent;}
.btn-border-red:hover{background-color: var(--red-700);color: var(--white-900);border-color: var(--red-700);}
.p-7{padding: 7px;}
.py-40{padding-block: 40px;}
.py-60{padding-block: 60px;}
.px-30{padding-inline: 30px;}
.p-13{padding: 13px;}
.p-20{padding: 20px;}
.pb-30{padding-bottom: 30px;}
.mb-12{margin-bottom: 12px;}
.mb-14{margin-bottom: 14px;}
.mb-18{margin-bottom: 18px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.my-20{margin-block: 20px;}
.my-30{margin-block: 30px;}
.mt-40{margin-top: 40px;}
.mt-42{margin-top: 42px;}
.mb-108{margin-bottom: 108px;}
.my-50{margin-block: 50px;}
.font-10{font-size: 10px;line-height: 16px;}
.font-12{font-size: 12px;line-height: 19.92px;}
.font-13{font-size: 13px;line-height: 19.5px;}
.font-18{font-size: 18px;line-height: 26px;}
.font-20{font-size:20px;line-height:30px;}
.font-39{font-size: 39px;line-height: normal;}
.letter-space-04{letter-spacing: 0.4px;}
.opacity-38{opacity: 0.38;}
.m-h-52{min-height: 52px;}
.radius-5{border-radius: 5px;}
.radius-12{border-radius: 12px;}
.radius-26{border-radius: 26px;}
.border-bottom1-gray-400{border-bottom: 1px solid var(--gray-400);}
.border-gray-400{border: 1px solid var(--gray-400);}
.or_divider .or_txt{position:absolute;top:50%;padding-inline:23px !important;left:50%;transform:translate(-50%,-50%);}
main{margin-top: 79px;}
.border-btn{border:1px solid var(--black-500);border-radius:40px;padding:8px 15px;transition:0.3s ease;}
.border-btn:hover{background-color:var(--black-500);color:var(--white-900);}
.page_space{padding: 48px 0px 108px;}
.shadow-black{box-shadow:2.48px 2.48px 18.58px 0px #A6ABBD80;}
.w-fit-content{width: fit-content;}
input[type="search"].full_field{padding-right:60px !important;}
.max-w-65{max-width:65px;}
.condition_fullfilled img{
    filter: brightness(0) saturate(100%) invert(38%) sepia(10%) saturate(3391%) hue-rotate(73deg) brightness(97%) contrast(78%);
}
.condition_unfullfilled img{
    filter: brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(1155%) hue-rotate(202deg) brightness(90%) contrast(95%);
}

/* ========== Header css here ========== */
header{background:transparent;background-color:transparent;position:fixed;top:0;right:0;left:0;z-index:9999 !important;}
header::after{position:absolute;top:0;left:0;right:0;width:100%;height:100%;content:" ";background:rgb(255 255 255 / 30%);background-color:rgb(255 255 255 / 30%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2;}
header .header-wrap{padding:20px 0;position:relative;justify-content:space-between;gap:10px;z-index:3;}
.navbar-brand{max-width:82px;width:100%;display:inline-block;}
header .header-wrap .header-lft{display:flex;align-items:center;}
header .header-wrap .header-rgt{width:100%;max-width:calc(100% - 90px);}
header .header-wrap .navbar-nav li a.nav-link{color:var(--black-500);transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;font-weight:500;}
header .header-wrap .navbar-nav li a:hover,header .header-wrap .navbar-nav li a.active{color:#40B1E5;}
header .header-wrap .navbar-toggler{background:transparent;padding:0;border:0;}
header .header-wrap .navbar{padding:0;gap:0 10px;position:static;}
header .header-wrap .navbar-nav .nav-item{margin:0 7px;transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;}
.header-btn-wrap .form-select{padding:0 10px;background:transparent;color:#fff;border:0;outline:none;box-shadow:none;font-size:16px;font-weight:500;line-height:22px;font-family:'Poppins';}
.header-btn-wrap .form-select option{color:#000;font-size:16px;font-weight:500;line-height:22px;font-family:'Poppins';}
.header-btn-wrap .profile-btn{padding:0 12px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;line-height:22px;color:var(--black-500);border:0;}
.header-btn-wrap .profile-btn:active{color:var(--black-500);}
.header-btn-wrap .profile-icon{width:32px;height:32px;}
.header-btn-wrap .dropdown{border-left:1px solid #B8B7B7;padding-left:18px;}
.header-btn-wrap .dropdown-menu[data-bs-popper]{margin-top:34px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;padding:8px 0;border:0;right:0;left:auto;}
.header-btn-wrap .dropdown-menu[data-bs-popper]::before{content:" ";background:var(--black-500);width:25px;height:25px;top:-6px;display:inline-block;left:auto;position:absolute;right:6px;transform:rotate(45deg);z-index:-1;}
.header-btn-wrap .dropdown-item:focus,.header-btn-wrap .dropdown-item:hover,.header-btn-wrap .dropdown-item.active,.header-btn-wrap .dropdown-item:active{background-color:var(--black-500);color:#959495;}
.header-btn-wrap .dropdown-item:hover{color:#fff;}
.header-btn-wrap .dropdown-item.active{color:#00579F;}
.header .dropdown-menu li a{color:#fff;font-weight:500;}
.header .dropdown-menu li:not(:last-of-type){margin-bottom:2px;}
.header-btn-wrap .dropdown:hover{color:#fff;}
.header-btn-wrap .dropdown-toggle::after {
	width:20px;
	height:20px;
	border:0;
	background-image:url("../img/chevron-down-arrow.svg");
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center;
	margin:0;
	transition:0.4s ease-in-out;
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
}
.header-btn-wrap .profile-btn.show.dropdown-toggle::after{transform:rotate(180deg);}
.header-btn-wrap{gap:16px;}
.header-btn-wrap .form-select option[value="Arabic"],.header-btn-wrap .form-select{font-family:'Bahij TheSansArabic';font-weight:500;}
.header-btn-wrap #language-select{background:transparent;color:var(--black-500);}
.header-btn-wrap .lc_dropdown .drop_menu{min-width:264px;margin-top:44px;}
.lc_dropdown_btn.show::after{transform:rotate(180deg);}
.lc_dropdown{width:180px;}
.lc_dropdown .drop_select{border:1px solid var(--gray-600);}
.lc_dropdown .drop_select::after{content:'';background:url(../img/chevron-down-arrow.svg) no-repeat;background-size:contain;width:20px;height:20px;display:block;filter:invert(1);position:absolute;right:12px;top:50%;transform:translateY(-50%);}
.lc_dropdown .dropdown-submenu .dropdown-menu .dropdown-item:hover,
.lc_dropdown .dropdown-submenu .dropdown-menu .dropdown-item:active,
.lc_dropdown .dropdown-submenu .dropdown-menu .dropdown-item:focus
{
    background-color: var(--blue-400) !important;
}
.lc_dropdown .dropdown-submenu .dropdown-menu{width:100%;max-width:232px;top:38px;max-height:173px;overflow-y:auto;}
.lc_dropdown .dropdown-submenu.show .drop_select::after{transform:translateY(-50%) scale(-1);}
.lc_dropdown .dropdown-submenu .field_label{position:absolute;top:-8px;}
.notification_count{font-size: 8px;width: fit-content;height: 14px;top: 0;right: -3px;min-width: 14px;}

/* ============= Home css ============= */
.hero_section{padding:60px 0px 65px;}
.text-gradient{background-image:linear-gradient(to right,#23627F,#85D9FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.accessible_txt_img{margin-top:-5px;}
.hero_subscribe_btn{min-width:155px;}
.how_work_section{padding-block:35px;}
.how_work_slider .slick-dots{bottom:-32px;}
.how_work_slider .slick-dots li button:before{background:var(--black-600);width:16px;height:16px;border-radius:50%;font-size:0px;opacity:1;}
.how_work_slider .slick-dots li.slick-active button:before{opacity:1 !important;background-color:var(--white-900);}
.how_work_slider_wrapper::before,.how_work_slider_wrapper::after{content:'';background:url('../img/union-icon.svg') no-repeat;width:380px;display:block;height:191px;position:absolute;top:-35px;}
.how_work_slider_wrapper::after{top:auto;bottom:-65px;right:0;transform:rotate(180deg);}
/* safety section */
.safety_section{height:664px;}
.safety_section .carousel-item{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)),url('../img/safety-banner.jpg') no-repeat;background-size:cover;background-position:top;}
.safety_section .carousel-item:nth-child(2){background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)),url('../img/safety-banner2.jpg') no-repeat;background-size:cover;background-position:top;}
.safety_section .carousel-item:nth-child(3){background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)),url('../img/safety-banner3.jpg') no-repeat;background-size:cover;background-position:top;}
.safety_section .carousel-caption{max-width:970px;padding:0;bottom:120px;}
.safety_section .carousel-indicators{bottom:57px;}
.safety_section .carousel-indicators [data-bs-target]{border:1px solid var(--white-900);padding:7px 20px;color:var(--white-900);width:206px;height:46px;text-align:center;background-color:transparent;text-indent:initial;box-sizing:border-box;opacity:1;font-size:20px;font-weight:600;}
.safety_section .carousel-indicators button.active{background-color:var(--white-900);color:var(--black-500);}
/* safety Video section */
.safety_video_section,.child_safety_section{padding-block:80px;}
.safety_video_section iframe{width:100%;height:543px;border-radius:20px;}
.safety_video_thumbnail{inset:0;}
/* safety Plan section */
.safery_plan_section{padding-block:55px;}
.safery_plan_blocks{margin-top:60px;}
.safery_plan_blocks .step-tabbing .nav-tabs .nav-link{font-size:20px;font-weight:500;padding:14px;min-width:141px;}
.safery_plan_blocks .save-offer{font-size:16px;}
.safety_plan_card{min-height:336px;}
.safety_plan_card_recommended{outline: 1px solid var(--red-500);outline-offset: 4px;}
.child_safety_section .child_safety_info{padding-left:51px;}
/* animation on scroll section */
.hero_section{height: 1800px;position: sticky;top: 50px;}
.frame-img{max-height:100vh;}

/* ============= Step Section css ============= */
.step-section{padding:50px 0 0 0;}
.step-wrap{gap:30px;padding:12px 20px;border-radius:79px;-webkit-border-radius:79px;-moz-border-radius:79px;-ms-border-radius:79px;-o-border-radius:79px;counter-reset:step;}
.step-wrap .active-step .step-label::before,.step-wrap .active-step .step-text{font-weight:600;}
.step-wrap li{list-style:none;}
.step-wrap .step-label{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:400;}
.step-wrap .step-label::before{content:counter(step);counter-increment:step;min-width:31px;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid var(--black-600);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;font-size:16px;font-weight:400;line-height:24px;text-align:center;}
.step-banner-img{max-width:400px;max-height:400px;}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#ffffff;background-color:var(--black-500);border-color:#0b0a0a;}
.step-tabbing .nav-tabs{padding:4.5px 4px;border-radius:79px;-webkit-border-radius:79px;-moz-border-radius:79px;-ms-border-radius:79px;-o-border-radius:79px;gap:12px;}
.step-tabbing .nav-tabs .nav-link{padding:7px 16.8px;font-family:'Poppins';font-size:13px;font-weight:500;line-height:19.5px;border-radius:79px;color:var(--black-600);}
.step-tabbing .nav-tabs .nav-link.active{color:var(--white-900);}
.step-tabbing .nav-tabs .nav-link:not(.active){background:#F1F1F1;}
.save-offer{font-family:'Poppins';font-size:12px;font-weight:400;line-height:18px;padding:6px 9.5px;border-radius:28px;-webkit-border-radius:28px;-moz-border-radius:28px;-ms-border-radius:28px;-o-border-radius:28px;}
.save-offer-wrap .save-offer{margin-left:15px;}
.step-tabbing .nav-tabs .save-offer-wrap{padding-right:4px;}
.step-tab .tab-content{margin-top:30px;}
.tab-title{font-family:'Poppins';font-size:20px;font-weight:600;line-height:30px;text-transform:capitalize;text-align:left;}
.step-tab{border:1px solid #959495;padding:30px 20px;max-width:438px;margin:60px 0;}
.tab-lft{width:54%;}
.tab-rgt{width:40%;}
.tab-kd{font-size:31px;font-weight:600;line-height:40px;font-family:'Poppins';}
.per-person-text{font-size:16px;font-weight:400;line-height:24px;color:#656464;font-family:'Poppins';}
.tabbing-box{padding:13.5px 0;}
.box-line{margin:1.9rem 0;}
.tab-count-wrap{gap:21px;}
.round-btn{border:2.31px solid var(--black-500) !important;min-width:35px;width:35px;height:35px;padding:3px;}
.tab-count-amt{min-width:173.17px;padding:8px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-family:'Poppins';font-size:18px;font-weight:600;line-height:27px;}
.step-bottom{padding:39px 0;}
.tab-amount{text-align:left;}
.form-select{background-image:url("../img/down-arrow-gray.svg");background-size:12px;background-repeat:no-repeat;}

/* How it Works Section Starts Here */
.how-it-work-card .card{border:0;}
.how-it-work-card .card .card-title{font-size:20px;font-weight:600;line-height:30px;margin:8px 0;}
.how-it-work-card .card .card-text{font-size:16px;font-weight:400;line-height:24px;}
.how-it-work-card .card .card-img{height:250px;display:flex;width:100%;}
.how-it-work-card .card .card-body{padding:18px 0 29px 0;}
.how-it-work-card .card .card-number{font-size:16px;font-weight:600;line-height:24px;text-align:center;padding:0.5px 19.5px;}
.how-it-works-heading{margin-bottom:40px;}
.how-it-works-wrapper .col-6{padding-left:10px;padding-right:10px;}
.membership-btn-wrap{max-width:286px;margin-top:20px;}

/* How it Works Section Ends Here */

/* Faq Section Starts Here */
.faq-banner-wrap{margin-bottom:60px;}
.accordion-wrap .accordion .accordion-button:not(.collapsed){background-color:#fff;color:var(--black-600);box-shadow:none;outline:none;}
.accordion-wrap .accordion .accordion-button:focus{box-shadow:none;}
.accordion-wrap .accordion .accordion-item{border-width:0 0 1px 0;border-color:#656464;}
.accordion-wrap .accordion .accordion-header{font-size:16px;font-weight:500;line-height:24px;}
.accordion-wrap .accordion .accordion-button{font-size:inherit;font-weight:inherit;line-height:inherit;padding:12px 0;}
.accordion-txt{max-width:560px;}
.accordion-wrap .accordion .accordion-button::after{width:30px;height:30px;background-position:center;background-image:url("../img/down-arrow-black.svg");background-repeat:no-repeat;background-position:center;}
.accordion-wrap .accordion .accordion-item:not(:first-of-type) .accordion-header{margin-top:18px;}
.accordion-wrap .accordion .accordion-body{padding:0 49px 12px 0;font-family:'Poppins';font-size:16px;font-weight:300;line-height:24px;}
.accordion-wrap .accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,.accordion-wrap .accordion .accordion-button,.accordion-wrap .accordion-item{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.accordion-wrap .accordion .accordion-item:first-of-type>.accordion-header .accordion-button{padding-top:0;}
/* Faq Section Ends Here */

/* Register Section Starts Here */
.form-heading{margin-bottom:12px;}
.register-bottom,.scan_history_wrap.order-history-wrap,.notification_card_wrapper{padding-bottom:117px;}
.form-para{font-size:16px;font-weight:400;line-height:24px;}
.form-select,.form-control{border-radius:4px;border:1px solid #959495;font-family:'Poppins';font-size:16px;font-weight:400;line-height:24px;color:#000000DE;padding:15px 12px;}
.form-select{padding:15px 30px 15px 12px;}
.form-control::placeholder{color:#959495;}
.form-select:focus,.form-control:focus{background-color:#FFFFFF;border-color:var(--black-500);box-shadow:none;}
.form-detail{margin-top:18px;display:inline-block;}
.checked-success{width:30px;height:30px;}
.form-control:focus-within,.form-select > option,.form-select:focus-within{border-color:#000000DE;color:#000000DE;}
.input-box_label.input-focused+select{color:var(--black-500);}
.form-check-input:focus{box-shadow:none;}
.form-check-input[type=checkbox]{color:#1976D2;border-color:#1976D2;border-radius:2.5px;}
.form-check-input:checked[type=checkbox]{background:url('../img/tick-icon.svg');background-size:11px;background-color:#1976D2;background-position:center center;background-repeat:no-repeat;}
.form-check-input:checked{background-color:#1976D2;}
.form-check-input:active{filter:brightness(1);-webkit-filter:brightness(1);}
.form-check-label{font-family:'Poppins';font-size:13px;font-weight:400;line-height:19.5px;text-align:left;}
.form-check-label a{font-size:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;display:inline;}
.form-area{background-color:#fff;box-shadow:0px 5px 10px rgba(90,116,148,0.3);padding:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.form-area .form-inner{width:100%;}
.phone-number-wrap .iti__flag-container{right:auto;left:auto;position:relative;top:auto;bottom:auto;z-index:auto;}
.phone-number-wrap .iti{display:flex;gap:12px;}
.phone-number-wrap .iti__selected-flag{border-radius:4px;border:1px solid #959495;font-family:'Poppins';font-size:16px;font-weight:500;line-height:24px;color:var(--black-600);padding:15px 12px;width:123px;justify-content:space-between;gap:8px;background-color:#fff !important;}
.phone-number-wrap .iti__flag{background-color:transparent;overflow:hidden;background-position-y:center;box-shadow:none;}
.phone-number-wrap .iti--separate-dial-code .iti__selected-dial-code{margin-left:0;border-radius:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:#959495;-webkit-border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;-o-border-radius:inherit;}
.phone-number-wrap .iti__arrow{border:0;width:24px;height:24px;margin:0;background-image:url('../img/down-arrow-gray.svg');background-size:12px;background-repeat:no-repeat;background-position:center;}
.phone-number-space{padding-left:12px !important;}
.pay-mode{width:39.38px;height:27px;border-radius:2.25px;-webkit-border-radius:2.25px;-moz-border-radius:2.25px;-ms-border-radius:2.25px;-o-border-radius:2.25px;}
.pay-method-partner{gap:12px;}
.step-wrap .step-completed .step-label::before{background-color:transparent;background-image:url('../img/checked-icon.svg');background-size:contain;background-repeat:no-repeat;background-position:center;border:0;content:" ";}
.card-name{font-family:'Poppins';font-size:16px;font-weight:500;line-height:24px;color:var(--black-600);}
.card-logo{width:40px;height:40px;}
input.custom-radio_btn[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:100vw;border:2px solid #00000099;transition:200ms ease-in;cursor:pointer;}
input.custom-radio_btn[type=radio]:checked{box-shadow:inset 0 0 0 3px #fff;background-color:#1976D2;border-color:#1976D2;background-image:none;}
.payment-box{padding:0 0 13px 0;gap:20px;border-bottom:1px solid #959495;}
.alert-img{width:22px;min-width:22px;height:22px;}
.gen-alert{background:#EDF7ED;border-color:#EDF7ED;border-radius:8px;color:#1E4620;font-family:'Poppins';font-size:14px;font-weight:400;line-height:20.02px;letter-spacing:0.17px;text-align:left;padding:12px 16px;margin:0;}
.gen-alert-danger{background:#f8d7da;border-color:#f8d7da;border-radius:8px;color:#1E4620;font-family:'Poppins';font-size:14px;font-weight:400;line-height:20.02px;letter-spacing:0.17px;text-align:left;padding:12px 16px;margin:0;}
.payment-alrt-msg{gap:30px;margin-top:30px;}
.payment-box input[type="radio"]{margin:0 11px;}
.step-head{font-family:'Poppins';font-size:16px;font-weight:600;line-height:24px;}
.order-details .accordion .accordion-button::after{width:28px;height:28px;background-image:url('../img/chevron-down-arrow.svg');background-size:28px;background-position:top -1px center;}
.order-details .accordion-item .order-detail-wrap{margin:30px 0;}
.od-img{min-width:50px;width:50px;height:50px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.or-id-img{min-width:46px;width:46px;height:46px;border-radius:7.46px;-webkit-border-radius:7.46px;-moz-border-radius:7.46px;-ms-border-radius:7.46px;-o-border-radius:7.46px;}
.od-text{font-family:'Poppins';font-size:13px;font-weight:400;line-height:19.5px;color:#656464;}
.order-detail-box{border-bottom:1px solid #656464;margin-bottom:14px;}
.order-detail-box:last-child{border-bottom: 0px;}
.input-box_label {
    font-size: 0.75rem;
    line-height: 12px;
    letter-spacing: 0.15px;
    left: var(--input-left-padding);
    background-color: #fff;
    padding-inline: 4px;
    transition: 400ms cubic-bezier(0.75, 0, 0.175, 1);
    top: 50%;
    transform: scale(0) translateY(-50%);
    transform-origin: center left;
    z-index: -1;
    color: #959495;
    -webkit-transition: 400ms cubic-bezier(0.75, 0, 0.175, 1);
    -moz-transition: 400ms cubic-bezier(0.75, 0, 0.175, 1);
    -ms-transition: 400ms cubic-bezier(0.75, 0, 0.175, 1);
    -o-transition: 400ms cubic-bezier(0.75, 0, 0.175, 1);
    -webkit-transform: scale(0) translateY(-50%);
    -moz-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    -o-transform: scale(0) translateY(-50%);
}
/* .input-container:has(> .v-select.input-box .vs__selected) .input-box_label, */
/* .cust-select-box .input-box_label, */
.cust-select-box.show .input-box_label,
.cust-select-box.show .input-box_label:focus,
.cust-select-box.show .input-box_label:focus-within ,
.input-box_label.input-focused,
.input-container:focus-within .input-box_label{
    opacity: 1;
    top: 0;
    transform: scale(1) translateY(-50%);
    left: 20px;
    z-index: 1;
    -webkit-transform: scale(1) translateY(-50%);
    -moz-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    -o-transform: scale(1) translateY(-50%);
    color: var(--black-500);
}
.input-container .phone-number-wrap .input-box_label{left:144px;}
.order-detail-radius{border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;}
.order-details .accordion .accordion-button::after{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);background-position:center;}
.order-details .accordion .accordion-button.collapsed::after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
.payment-success-wrap.step-wrap .step-label::before{width:47px;height:47px;}
.pay-suc-txt,.payment-success-wrap .pay-suc-txt,.font-31{font-size:31px;font-weight:600;line-height:46.5px;}
.payment-success-wrap .step-label::before{filter:invert(36%) sepia(19%) saturate(1635%) hue-rotate(73deg) brightness(104%) contrast(87%);}
.payment-success-wrap.step-wrap .step-label{gap:18px;align-items:flex-start;}
.order-success{margin-bottom:30px;}
.order-delivery-img{width:42px;height:42px;}
.order-delivery-img img{border-radius: 100%;}
.order-num-step-section.active .order-num-step{background:#1976D2;}
.order-num-step{width: 25px; display: inline-block; height: 25px; background:rgba(0, 0, 0, 0.38); color: #fff; text-align: center; border-radius: 100%; font-weight: 300;}
.order-num-step-section:before{content: ''; width: 30px; height: 1px; color: #BDBDBD; background: #BDBDBD; position: absolute; left: -38px; top: 50%; transform: translateY(-50%);}
.order-num-step-section.active:before{background: #1976D2}
.order-num-step-section:first-child:before{content: none}
.order-num-step-section{position: relative;}
.delivered-text img{ width: 22px; filter: invert(36%) sepia(19%) saturate(1635%) hue-rotate(73deg) brightness(104%) contrast(87%); -webkit-filter: invert(36%) sepia(19%) saturate(1635%) hue-rotate(73deg) brightness(104%) contrast(87%); }
.delivered-text{background: #EDF7ED;border-radius: 12px;}
.profile-icon{width: 17px;height: 17px;}
.allergies-form .form-check-wrap{gap: 20px;height: 566px; overflow-y: auto;}
.medical-id-info-box {padding: 25px 30px; }
.medical-para-text {font-size: 16px;line-height: 24px;}
.medical-text-20{font-size: 20px;line-height: 30px;}
.order-num-step-desktop{margin-bottom: 46px;}
.order-num-step-desktop:last-of-type{margin-bottom: 0;}
.order-num-step-desktop:before{width: 1px; height: 30px; right: auto; left: 12px; top: -24px;}
.order-num-step-desktop .order-num-step {min-width: 25px; background: #1AAF5D;margin-top: 1px;}
.order-num-step-desktop:before { background: #1AAF5D;}
.payment-succ-space {padding-bottom: 95px;}
/* Register Section Ends Here */

/* Custom Select Box Start Here*/
.cust-select-box{border: 1px solid #959495; }
.cust-select-box:after {position: absolute; right: 12px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: all 0.2s ease-in-out; }
.cust-select-box-value{white-space: nowrap;text-overflow: ellipsis;padding: 8px 12px;}
.cust-select-box-value{padding: 8px 12px;}
.cust-select-box .dropdown-menu { transition: all 0.5s ease-in-out; opacity: 0; display: block; top: 100%; width: 100%; max-height: 250px; z-index: -1; overflow-y: auto; transform: translateY(-15%); visibility: hidden; position: absolute; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); }
.cust-select-box.show {background-color: #fff; }
.cust-select-box.show::after {transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); }
.cust-select-box.show .dropdown-menu {transition: all 0.3s ease-in-out; visibility: visible; opacity: 1; z-index: 1; transform: translateY(0); left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.cust-select-box .dropdown-item:active,
.cust-select-box .dropdown-item.active {background-color: hsl(210deg 79% 46% / 4%); color: rgb(0 0 0 / 87%); }
.cust-select-box .create-new-child-id, .cust-select-box .create-new-child-id.active {background: transparent; color: #1976D2; outline: none; }
.link-child-down-arrow img { transition: all 0.5s ease-in-out; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.cust-select-box.show .link-child-down-arrow img{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.cust-select-box .link-child-close {display: none;}
.cust-select-box .cust-select-box-value.active+.show-passwd .link-child-close{display: block;}
/* Custom Select Box Ends Here */

.cust-switch .form-check-input[type=checkbox]{height: 31px; width: 51px;background-color: #78788029 !important; border-color: #78788029; border-radius:100px ; -webkit-border-radius:100px ; -moz-border-radius:100px ; -ms-border-radius:100px ; -o-border-radius:100px ; background: url("../img/toggle-switch-circle.svg"); background-repeat: no-repeat;background-size: contain;background-position: left -5px center;}
.cust-switch .form-check-input:checked[type=checkbox] {background-position: right;background-color: #34C759 !important;border-color: #34C759;}

.gen-modal .modal-header {padding: 20px 12px 0 12px;}
.gen-modal-close-btn {right: 22px;top: 22px;}
.gen-modal-close-btn .btn-close {color: #1C1B1F;}
.gen-modal .modal-body {padding: 12px 12px 20px 12px; }
.gen-modal .modal-footer {padding: 0 12px 30px 12px;}
.replace-img {width: 89px; height: 83px; }

.credit-card-no {font-size: 25px;line-height: 37.5px;}
.credit-card-img {width: 86.31px;height: 28px;}
.order-history-wrap .order-details .accordion .accordion-button[aria-expanded="true"]::after {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);width: 40px;height: 40px;}
.order-history-wrap .order-details .accordion .accordion-button.collapsed::after{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.order-history-wrap .ord-id-quant {color: #B8B7B7;}
.order-history-wrap .order-num-step-section:last-of-type{margin-right: 0;}
.cust-dropdown-btn .dropdown-toggle::after {color: #0000008F;}
.green-circle{ width: 20px; background: #2E7D32; height: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.red-circle{ width: 20px; background: #fe0038; height: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.info-circle{ width: 20px; background: rgb(38, 192, 211); height: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.warning-circle{ width: 20px; background: #f7b84b; height: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.cust-dropdown-btn {color: var(--black-500);}
.order-detail-wrap .order-id-box:last-of-type {padding-bottom: 0;}
.cust-dropdown-btn.dropdown-toggle::after {border-top: 5px solid;border-right: 5px solid transparent;border-left: 5px solid transparent;color: #0000008F;}
.menu-close-icon{display:none;}

.package-delivery-wrap .want-text{color: #656464;font-size: 13px;}

/* Footer Section Starts Here */
.footer-text{font-size: 16px; font-weight: 500; line-height: 22px; }
.copy-right-title .copy-right-text{font-family: 'Poppins'; font-size: 13px; font-weight: 400; line-height: 22px; }
footer .footer-menu li a {color: #ffffff; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; font-family: 'Poppins'; font-size: 13px; font-weight: 400; line-height: 22px; }
.footer .footer-logo .navbar-brand {max-width: 131.31px; }
.footer-social-icons li a {width: 20px; height: 20px; }
footer .footer-menu li a:hover, footer .footer-menu li a.active {color: #40B1E5; }
.footer-bottom .copy-right-title{position:fixed;bottom:0;left:0;right:0;z-index: 11;background:var(--black-500);}

/* Footer Section Css Ends Here */

/* Manage-Bracelet Css */
.replace-icon img{max-width: 63px;}

/* Manage-Subscription Css */
.expired_btn{padding:4px 20px;}
.cancel_subacrption_btn{border-color: var(--gray-400);}

.full_field{padding-right: 45px !important;}

/* ========== Login Css ========== */
.white_outer{padding:60px 12px;}
.outer_box_inner{max-width:646px;}
.forgot_password_btn:hover{text-decoration: underline !important;}
.login_btn,
.register_btn,
.apple_login,
.google_login,
.register_link,
.login_link,
.passRecovery_btn,
.otpContinue_btn,
.newPassContinue_btn,
.btn-solid,
.social_iconList a img
{
    transition: 0.3s ease;
}
.login_btn:hover,
.register_btn:hover,
.passRecovery_btn:hover,
.otpContinue_btn:hover,
.newPassContinue_btn:hover
{
    background-color: var(--black-900);
}
.login_btn:hover span,
.register_btn:hover span,
.passRecovery_btn:hover span,
.otpContinue_btn:hover span,
.newPassContinue_btn:hover span
{
    color: var(--white-900) !important;
    opacity: 1;
}
.apple_login,
.btn-solid
{
    border: 1px solid transparent;
}
.apple_login:hover,
.btn-solid:hover
{
    background-color: transparent !important;
    border-color: var(--gray-400);
    color: var(--black-900) !important;
}
.btn-solid:hover{border-color: var(--black-500);}
.google_login:hover
{
    background-color: var(--black-900);
    color: var(--white-900);
}
.register_link:hover,
.login_link:hover
{
    color: var(--blue-600);
}
.login_main .show-passwd,
.register_main .show-passwd,
.forgotPassword_main .show-passwd,
.forgotPasswordOTP_main .show-passwd,
.newPassword_main .show-passwd,
.login_main .number_icon,
.register_main .number_icon,
.forgotPassword_main .number_icon,
.forgotPasswordOTP_main .number_icon,
.newPassword_main .number_icon
{
    top: 50%;
    transform: translateY(-50%);
}

/* ========== OTP Css ========== */
.otp_boxes{gap:17px;}
.otp_boxes .otp_box{width:80px;height:80px;border-radius:12.80px;border:1px solid var(--black-500);}
.otp_boxes .otp_box input{outline:none !important;}

/* ========== Privacy Policy Css ========== */
.privacy_policy_main .white_outer{padding: 30px;}
.cms_page ol{padding-left: 14px;}
.cms_page ol,.cms_page ol li{list-style-type: decimal;}
.cms_page ol li::marker{display: inline-block;}
.cms_page ol > li:not(:last-child){margin-bottom: 20px;}
.cms_page ol li ul{padding-left:20px;}
.cms_page ol li ul li{list-style:disc;}
.cms_page ol h4{font-size:16px;line-height:24px;font-weight:600;color:rgba(0,0,0,0.87);margin-bottom:6px;}
.cms_page ol li,.cms_page ol li p{font-size:16px;font-weight:400;line-height:26.56px;color:var(--black-500);}
.cms_page ol li strong{font-weight:500;}
.privacy_policy_main .section_title,.faq_box_wrapper .section_title{font-size:20px !important;margin-bottom:12px;}

/* ========== FAQ Css ========== */
.faq_main .accordion-button{color:rgba(0,0,0,0.87);box-shadow: none !important;padding: 28px 0 8px;}
.faq_main .accordion-button.collapsed{padding-bottom: 14px;}
.faq_main .accordion-item:first-child .accordion-button{padding-top: 0px;}
.faq_main .accordion-item:last-child .accordion-button.collapsed{padding-bottom:0px;}
.faq_main .accordion-button:not(.collapsed){background-color:transparent !important;color:rgba(0,0,0,0.87);}
.faq_main .accordion-button:focus{box-shadow:none !important;}
.faq_main .accordion-item:not(:last-child){border-bottom:1px solid #e0e0e0 !important;}
.faq_main .accordion-body{background-color:var(--gray-300);}
.faq_main .accordion-button::after{background-image:url('../img/down-angle-sm.svg');width:12px;height:8px;background-size:contain;}
.faq_box_wrapper .accordion{margin-top:28px;}

/* ========== Contact-us Css ========== */
.contact_section{padding-bottom:108px;}
.social_contact_card{padding:68px 76px;}
.social_iconList a:hover img{transform:scale(0.8);}

/* ========== Medical-Id Css ========== */
.user_id_section .mid_avtar{width:100px;height:100px;}
.contact_profile{width:54px;height:54px;}
.mid_white_bg{padding:20px 30px;}
.midInfo_avtar, .allergy_avtar{width:56px;height:56px;}
.contact_card_wrapper{margin-block:-15px;}
.contact_card_wrapper .slick-slide{padding:15px 12px;}
.contact_card_wrapper .slick-dots li button:before{display:none;}
.contact_card_wrapper .slick-dots li button,.contact_card_wrapper .slick-dots li{width:12px;height:12px}
.contact_card_wrapper .slick-dots li button{background-color:var(--blue-600);border-radius:50%;opacity:0.5;}
.contact_card_wrapper .slick-dots li.slick-active button{opacity:1;}
.more_text{display: none;}
.package-delivery-wrap .font-16{font-size: 16px;}
.cta_block a{width:257px;padding:7px 12px;}
.emergency_contact_seciton .contact_card_wrapper{margin-inline: -12px;}

.avatar {
    width: 60px;
    height: 60px;
    background-color: #3498db;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}

/* ========== Error (page not found) Css ========== */
.error_section{padding: 9px 0px 72px;}
.go_home_btn{width:fit-content;min-width:155px;padding:7px 15px;}
.error_page header,.error_page .copy-right-title{display: none;}

/* ========== Account Page Css ========== */
.account_profile_icon{width: 32px;height: 32px;background-color: var(--gray-300);}

/* ========== Bracelet Page Css ========== */
.braclet_popup_info .heading{max-width: 200px;}
.braclet_popup_info .desc{max-width: 260px;}

/* ========== Order Success Page Css ========== */
.order_success_main .order-status-wrap{padding:30px 30px 14px 30px;}
.order_success_main .order-status-wrap .delivered-text img{width:18px;height:18px;}
.order_success_main .orderd_item_list li{padding-block:26px;}
.order_success_main .orderd_item_list li:not(:last-child){border-bottom:1px solid var(--gray-450);}
.order_success_main .orderd_item_list li:last-child{padding-bottom:0px;}
.order_success_main .orderd_item_list .order-id-box{padding:0px;}
.manage_account_btn:hover{color:var(--blue-600);}
.payment_success_msg.payment-success-wrap.step-wrap .step-label::before,.genID_created_main .step-label::before{margin-top:0px !important;}

/* ========== Notification Page Css ========== */
.notification_action_btn span
{
    width: 5px;
    height: 5px;
    background-color: var(--gray-500);
}
.notification_action_btn.dropdown-toggle::after{display: none;}
.notification_time_action .dropdown-menu
{
    box-shadow:0px 12px 16px -4px rgba(16,24,40,0.08);
}
.delete_notification{background-color: var(--gray-350) !important;color: var(--blue-800) !important;}
.mark_read_notification{color: var(--gray-500) !important;}
.btn_watched
{
    background-color: var(--gray-400);
    color: rgba(0, 0, 0, 0.56);
}
.delete_notification_popup
{
    width: 375px;
    padding: 20px 12px 30px;
    border-radius: 20px 20px 0px 0px;
    display: none;
    transition: 0.3s ease;
}
.delete_notification_popup p{max-width: 317px;}
.delete_notification_popup.active{display: block;}
.delete_notification_popup .font-20{font-size: 20px !important;}
.delete_notification_popup .close_notification{right:18px;top:18px;width:24px;}

/* ========== Cancel-Subscription css here ========== */
.checklist_wrapper{padding: 20px 30px;}
.cancelsub_checklist_section{margin-bottom: 120px;}
.checkbox_list input[type="checkbox"]{width: 18px;height: 18px;}
.checkbox_list li:not(:last-child){margin-bottom: 20px;}
.cancelsub_checklist_section textarea{height: 175px;outline: none !important;resize: none;}
.cancelsub_checklist_section textarea::placeholder{color: var(--black-600);}
.cancelsub_checklist_section .msg_wrapper{border: 1px solid var(--gray-600);}

.apply_coupon input 
{
    width: calc(100% - 122px);
    outline: none !important;
}
.apply_coupon button
{
    min-width: 105px;
}
.apply_coupon .applied_code
{
    width: calc(100% - 144px);
}
.coupon_box.coupon_success
{
    background-color: var(--green-300);
    color: var(--green-800);
}
.coupon_box.coupon_failed
{
    background-color: var(--red-300);
    color: var(--red-900);
}
.coupon_btn.font-14{font-size: 14px !important;}

/* ========================================
                Responsive Css
  ======================================== */
@media (min-width:575px) {
      /* Home css */
      .how_work_section .how_work_slide figure{width: 50%;margin-inline: auto;}
}
@media (min-width: 768px) {
    .desk-min-h-56{min-height: 56px;}
    .order-details.accordion-wrap .order-detail-wrap {max-width: calc(100% - 80px); }
    .order-history-wrap .order-num-step-section:before {left: -50px;}
    .subscribe_main .order-details.accordion-wrap .order-detail-wrap{max-width: 100%;}

    /* Home css */
    .hero_section{padding-top: 120px;}

    /* Order Success Page Css */
    .order_success_main .order-history-wrap .order-num-step-section:before {left: -38px;}
    .order_success_main .order-history-wrap .order-num-step-section.me-70{margin-right: 45px;}
    .order_success_main .orderd_item_list .order-id-box{padding-right: 112px;}


    /* Medical-Id Css */
    .contact_card_wrapper .slick-slide{padding:15px 16px;}
    .emergency_contact_seciton .contact_card_wrapper{margin-inline: -16px;}

}

@media (max-width: 1100px) {
    .step-tab{margin:45px 0;}
}

@media (max-width: 1024px){
    .header-btn-wrap .dropdown {padding-left: 15px; } .step-text,
    .step-wrap .step-label::before{font-size: 15px; line-height: 23px; }
    .step-wrap .step-label::before{width: 28px; height: 28px; min-width: 28px; }
    .step-wrap .step-label{gap: 8px; }
    .step-wrap {gap: 25px; }
    .heading-2, h2{font-size: 32px; line-height: 2.5rem; }
    .para-text, p{font-size: 18px; line-height: 28px; }
    .step-tab .tab-content {margin-top: 22px; }
    .tab-title {font-size: 20px; line-height: 30px; }
    .step-tab {margin: 35px 0; }
    .tab-kd {font-size: 30px; line-height: 38px; }
    .per-person-text{font-size: 15px; line-height: 22px; }
    .step-bottom {padding: 29px 0; }
    .faq-banner-wrap {margin-bottom: 50px; }
    .accordion-wrap .accordion .accordion-item:not(:first-of-type) .accordion-header {margin-top: 12px; }
    .accordion-wrap .accordion .accordion-button::after {width: 25px; height: 25px; }
    .h-w-70{width: 60px; height: 60px; }
    .credit-card-no {font-size: 23px;line-height: 35px;}
    .cust-dropdown-btn {font-size: 15px;line-height: 22px;}
}

@media (max-width: 991px) {
    main{margin-top:75px;}
    .header-btn-wrap .profile-icon {width: 30px;height: 30px;}
    header .header-wrap .navbar-nav .nav-item{margin: 0;}
    header .header-wrap .navbar-nav{position:absolute;top:100%;background:#fff;left:-15px;right:0;width:calc(100% + 30px);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;padding:100px 17px 60px 17px;margin-top:1px;display:flex;border-top:1px solid #fff;z-index:3;height:100vh;overflow-y:auto;}
    .copy-right-title .copy-right-text {font-size: 12px;}
    .step-wrap .step-label::before{width: 26px; height: 26px; min-width: 26px; }
    .step-text,.step-wrap .step-label::before{font-size: 12px;line-height: 20px;}
    .step-wrap .step-label{gap: 7px;}
    .step-wrap {gap: 18px;}
    .heading-2,h2{ font-size: 25px;line-height: 2.5rem;}
    .heading-5, h5 {font-size: 18px; line-height: 28px; }
    .step-banner-img {max-width: 350px; max-height: 350px; }
    .para-text, p{font-size: 14px; line-height: 24px; }
    .step-tab .tab-content {margin-top: 12px; }
    .tab-title {font-size: 20px; line-height: 28px; }
    .step-tab {margin: 25px 0; }
    .tab-kd {font-size: 28px; line-height: 38px; }
    .per-person-text{font-size: 14px; line-height: 21px; }
    .save-offer {font-size: 11px; line-height: 17px; padding: 5px 9px; }
    .step-bottom {padding: 20px 0; }
    .how-it-works-wrap .how-it-works-wrapper .col-12:last-of-type .card-body {padding-bottom: 0; }
    .how-it-works-heading {margin-bottom: 30px; } .py-80{padding: 60px 0; } .py-90{padding: 70px 0; }
    .how-it-work-card .card .card-title {font-size: 18px; line-height: 28px; margin: 6px 0; }
    .how-it-work-card .card .card-number, .how-it-work-card .card .card-text {font-size: 15px; line-height: 22px; }
    .how-it-work-card .card .card-number {padding: 0.5px 15px; }
    .how-it-work-card .card .card-body {padding: 15px 0 28px 0; }
    .faq-banner-wrap {margin-bottom: 40px; }
    .accordion-wrap .accordion .accordion-button::after {width: 20px; height: 20px; }
    .accordion-wrap .accordion .accordion-item:not(:first-of-type) .accordion-header {margin-top: 8px; }
    .phone-number-wrap .iti__selected-flag, .form-select, .form-control {padding: 10px 12px; }
    .phone-number-wrap .iti__selected-flag {padding: 7px 10px; }
    .phone-number-wrap .iti__arrow {width: 18px; height: 18px; }
    .show-passwd,.input_icon {top: 7px; }
    .payment-box input[type="radio"] {margin: 0 10px; }
    .p-30 {padding: 25px 15px; }
    .pay-suc-txt, .payment-success-wrap .pay-suc-txt {font-size: 25px; line-height: 34px; }
    .payment-success-wrap.step-wrap .step-label::before {width: 35px; height: 35px; }
    .medical-para-text {font-size: 15px;line-height: 22px;}
    .credit-card-no {font-size: 21px;line-height: 31px;}
    header .header-wrap .navbar-nav li a.nav-link {color: var(--black-600); font-size: 20px; padding: 12px 0; border-bottom: 1px solid var(--black-600);}
    header .header-wrap .navbar-nav li:not(:last-child) a.nav-link{margin-bottom: 20px;}
    .cust-dropdown-btn {font-size: 14px;line-height: 21px;}
    .header .header-wrap .navbar-toggler{width: 25px;height: 25px;display: flex ; align-items: center; justify-content: center;}
    header .header-wrap .navbar-toggler.toggler-active .menu-icon {display: none;}
    header .header-wrap .navbar-toggler.toggler-active .menu-close-icon{display: inline-block;}

    /* Medical-Id Css */
    /* .scrollable_content{overflow-x: auto;} */
    .emergency_contact_seciton .contact_card_wrapper{padding-block: 15px;}

    /* Home css */
    .hero_section .hero_intro h2{
        font-size: 32px;
        line-height: 2.5rem;
    }
    .accessible_txt_img{max-width: 260px;}
    .remove-country{position:static !important;padding:8px !important;margin-top:12px;width:100%}
}

@media (max-width: 767px) {
    main{margin-top:62px;}
    .header-btn-wrap .profile-btn {font-size: 0; line-height: 0; gap: 0; padding: 0; }
    .header-btn-wrap .dropdown-toggle::after{display: none; }
    header .header-wrap {/* padding: 14.5px 0; */ padding: 18px 0; gap: 16px; }
    .header-btn-wrap .dropdown {border-left: 0; padding-left: 0; }
    .header-btn-wrap .profile-icon {width: 25px; height: 25px; }
    .mobile-screen-none, .desktop-icon {display: none; }
    .navbar-brand {max-width: 58.56px; }
    .header-btn-wrap .form-select {font-size: 12px; font-weight: 500; line-height: 22px; text-align: center; }
    .header-btn-wrap{gap: 0; }
    .header .dropdown-menu li a,
    header .header-wrap .navbar-nav li a{font-size: 14px; }
    header .header-wrap .navbar .navbar-collapse {flex-basis: auto; }
    .header-btn-wrap .dropdown-menu[data-bs-popper] {left: auto; /* right: -42px; */ right: 0; /* margin-top: 18px; */ margin-top: 30px; }
    .footer .footer-col {text-align: center; }
    .copy-right-title .copy-right-text {font-size: 10px; font-weight: 400; line-height: 22px; }
    .step-wrap .step-label::before{width: 24px; height: 24px; min-width: 24px; }
    .step-text, .step-wrap .step-label::before{font-size: 0.625rem; line-height: 0.938rem; }
    .step-wrap {padding: 8px 11px; }
    .step-wrap {gap: 12px; }
    .heading-2, h2{font-size: 20px; line-height: 2rem; }
    .step-bottom {padding: 0; }
    .step-banner-img {max-width: 200px; max-height: 200px; }
    .para-text, p,.font-20,.steps-tab .step-tabbing .nav-tabs .nav-link,.register_msg_link,.or_divider .or_txt,.cms_page ol h4,.faq_main .accordion-item .accordion-button,.faq_main .accordion-body,.medicalId_main .font-16,.order_success_main .font-16,.scan_history_wrap .accordion .font-16{font-size: 13px; line-height: 19.5px; }
    .step-banner-rgt{text-align: center; }
    .step-tab {padding: 20px; margin: 16px auto 26px auto; }
    .step-tabbing .nav-tabs .nav-link{padding: 4.5px 16.8px; }
    .step-tabbing .nav-tabs .save-offer-wrap {padding-right: 4px; }
    .step-tab .tab-content {margin-top: 6.5px; }
    .tab-title {font-size: 16px; line-height: 24px; }
    .tab-kd {font-size: 25px; line-height: 37.5px; }
    .per-person-text{font-size: 13px; line-height: 19.5px; }
    .save-offer {font-size: 10px; line-height: 18px; padding: 4.5px 8.5px; }
    .tab-lft {width: 60%; } .tab-rgt {width: 40%; }
    .box-line {margin: 16.5px 0 1.9rem 0; }
    .tab-count-amt {min-width: 150px; padding: 7.5px 10px; font-size: 14px; line-height: 21px; }
    .tab-count-wrap {gap: 18px; }
    .round-btn {min-width: 30px; width: 30px; height: 30px; padding: 2px; }
    .step-btn-wrap {max-width: 438px; margin: 0 auto; }
    .cst-btn {padding: 7px 28px; }
    .step-section {padding: 26px 0 100px 0; }
    .round-btn img {width: 12px; }
    .step-wrap .step-label{gap: 6px; }
    .how-it-work-card .card .card-title {font-size: 16px; line-height: 24px; margin: 5px 0; }
    .how-it-work-card .card .card-number, .how-it-work-card .card .card-text {font-size: 14px; line-height: 21px; }
    .how-it-work-card .card .card-number {padding: 0.5px 12px; }
    .py-80{padding: 40px 0; } .py-90{padding: 40px 0; }
    .faq-banner-wrap {margin-bottom: 30px; }
    .phone-number-wrap .iti__selected-flag, .form-select, .form-control {padding: 7px 12px; }
    .p-30,.mid_white_bg{padding: 20px 12px; }
    .privacy_policy_main .white_outer,.faq_box_wrapper{padding: 30px 12px;}
    .payment-alrt-msg {gap: 12px; margin-top: 12px; }
    .payment-box input[type="radio"] {margin: 0 9px; }
    .phone-number-wrap .iti__flag-container{padding: 0; }
    .order-details-mobile {bottom: -28px; left: -15px; box-shadow: 1px -1px 20.7px 0px #0000001A; border-radius: 1rem 1rem 0 0; z-index: 10; width: calc(100% + 30px); }
    .order-detail-radius {border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; -ms-border-radius: 1rem 1rem 0 0; -o-border-radius: 1rem 1rem 0 0; }
    .order-details .accordion .accordion-button::after {margin: 0; }
    .order-details .accordion .accordion-button {justify-content: center; gap: 15px; }
    .order-details-mobile .order-detail-radius {min-height: 70px; }
    .order-detail-box {padding: 0 0 26px 0; }
    .order-details .accordion-item .order-detail-wrap {margin: 22px 0; }
    .gen-alert-danger, .gen-alert{gap: 8px; }
    .show-passwd,.input_icon {top: 4px; }
    .pay-suc-txt, .payment-success-wrap .pay-suc-txt,.font-31 {font-size: 20px; line-height: 30px; }
    .payment-success-wrap.step-wrap .step-label::before {width: 28px; height: 28px; }
    .order-success {margin-bottom: 20px; }
    .h-w-70{width: 50px; height: 50px; }
    .allergies-form .form-check-wrap{gap: 12px;height: 488px;}
    .medical-id-info-box {padding: 12px 12px 0 12px; }
    .medical-para-text {font-size: 13px;line-height: 19.5px;}
    .order-history-wrap .accordion-txt,
    .medical-text-20{font-size: 16px;line-height: 24px;}
    .order-num-step-section{margin-bottom: 46px;}
    .order-num-step-section:before{width: 1px; height: 30px; right: auto; left: 12px; top: -24px;}
    header .header-wrap .navbar { gap: 16px;}
    .header-btn-wrap .form-select {padding: 0 16px; }
    .manage-subscription-step {padding-bottom: 0px;}
    .credit-card-no {font-size: 20px;line-height: 30px;}
    .credit-card-img {width: 67.81px;height: 22px;}
    .order_history_main .or-id-img {min-width: 37px; width: 37px;height: 37px;}
    .order-history-wrap .order-num-step-section:last-of-type {margin-bottom: 0;}
    .mobile-font-12{font-size: 12px;line-height: 18px;}
    .order-history-wrap .order-num-step-section{font-size:0.875rem;}
    .order-history-wrap .step-head {font-size: 13px;line-height: 19.5px;font-weight: 500 !important;}
    .order-history-wrap .od-text {font-size: 10px; line-height: 15px; }
    .order-history-wrap {padding-bottom: 31px;}
    .payment-succ-space {padding-bottom: 166px;}
    .cust-dropdown-btn {font-size: 13px;line-height: 19.5px;}
    .order-delivery-id {width: 32px; height: 32px;}
    .order-history-wrap .order-details .accordion-item .order-detail-wrap {margin: 12px 0;}
    .order-id-box {padding: 8px 0;}
    .replace-img {width: 62.93px;height: 58.69px;}
    .form-select{padding-right: 30px;}

    /* Subscribe Css */
    .subscribe_main.step-section{padding-bottom: 66px;}

    /* Subscription css */
    .subscription_main .step-wrapper{padding-bottom: 50px;}
    .recommended_badge{font-size: 10px;}
    .btn_fixed_mb{background:var(--white-900);width:100vw;position:fixed;left:0;right:0;bottom:38px;padding:20px;border-radius:20px 20px 0px 0px;}


    /* Header css */
    .header-btn-wrap .lc_dropdown .dropdown-toggle::after{display: block;}
    .lc_dropdown{width: initial;}
    .header .dropdown-menu li a.font-12{font-size: 12px;}
    .header .dropdown-menu li a.font-10{font-size: 10px;}

    /* Login css */
    .white_outer{padding-block: 20px;margin-top: 26px !important;margin-bottom: 100px;}
    .login_btn.p-13,.apple_login.p-13,.google_login.p-13,.register_btn.p-13,.passRecovery_btn.p-13,.otpContinue_btn.p-13,.newPassContinue_btn.p-13,.btn-solid.p-13,.border-btn.p-13{padding: 8px;}
    .login_btn.m-h-52,.apple_login.m-h-52,.google_login.m-h-52,.register_btn.m-h-52,.passRecovery_btn.m-h-52,.otpContinue_btn.m-h-52,.newPassContinue_btn.m-h-52,.btn-solid.m-h-52,.border-btn.m-h-52{min-height: 42px;}
    .login_btn_wrapper,.register_btn_wrapper,.passRecovery_btn_wrapper{margin-top: 24px;}
    .other_login_btn .apple_login,.other_register_btn .apple_login{margin-bottom: 12px;}

     /* Register css */
     .register_main .section_head.pb-30{padding-bottom: 0px;}

     /* forgot password css */
     .forgotPassword_main .back_btn,.forgotPasswordOTP_main .back_btn,.newPassword_main .back_btn,.resetPasswordSuccess_main .back_btn{padding-top: 26px !important;}

     /* OTP Css */
     .otp_boxes .otp_box{width: 50px;height: 50px;}
     .otp_section .otp_box_wrapper{margin-bottom: 18px;}
     .otp_section .border-btn{padding: 3px 15px;font-size: 13px;text-transform: capitalize !important;}
     .otp_Section_wrapper .choose_new_password_block{margin-top: 30px;}
     .otp_Section_wrapper .choose_new_password_block .choose_password_form{margin-top: 12px;}
     .otp_Section_wrapper .choose_new_password_block .choose_password_form .input-container{margin-bottom: 12px;}
     .otp_timer .otp_timer_img{max-width: 16px;}
     .otp_timer .otp_time{font-size: 10px;}
     .otp_boxes .otp_box{border-radius: 8px;}

     /* reset password success css */
     .resetPasswordSuccess_wrapper .btn-solid.p-13,.resetPasswordSuccess_wrapper .border-btn.p-13{padding: 7px;}
     .resetPasswordSuccess_wrapper .check_icon{max-width: 50px;}

     /* Privacy Policy Css */
     .cms_page ol li, .cms_page ol li p{font-size: 13px;line-height: 21.58px;}
     .cms_page ol > li:not(:last-child){margin-bottom: 12px;}
     .cms_page ol li ul{padding-left:15px;}

     /* FAQ Css */
     .faq_main{padding-bottom: 80px;}
     .faq_box_wrapper{margin-block: 26px !important;}
     .faq_box_wrapper .accordion{margin-top:20px;}
     .faq_main .accordion-button{padding-top: 20px;}

     /* contact-us css */
     .contact_section,.contact_card.mt-30{margin-top: 26px !important;}
     .contact_section .contact_card{padding: 20px 12px;}
     .contact_section .contact_card .contact_email_icon{max-width: 42px;}
     .contact_section .contact_card .contact_phone_icon{max-width: 38px;}
     .contact_section .contact_card .contact_feedback_icon{max-width: 50px;}
     .contact_card .contact_info .font-20,.medicalId_main .font-20{font-size: 16px;}
     .contact_card .contact_info .font-16,.social_contact_card .font-16, .safery_plan_blocks .save-offer,.safety_plan_card_body .font-16,.safety_section .carousel-indicators [data-bs-target],.package-delivery-wrap .font-16{font-size: 13px;}
     .contact_card .btn_wrapper a{height: 42px;}
     .social_iconList.col-gap-60{column-gap: 40px;}
     .social_iconList img{max-width: 24px;}

     /* Medical-Id Css */
    .page_space{padding-top: 30px;}
    .medicalId_main .scrollable_content{margin-block: -15px;}
    .medicalId_main .user_id_section{margin-top: 30px !important;}
    .medicalId_main .user_id_section .mid_editId_btn{font-size: 15px;}
    .user_id_section .mid_avtar{width: 70px;height: 70px;}
    .medicalId_main .mt-42{margin-top: 30px;}
    .emergency_contact_seciton .phone_icon{max-width: 18px;}
    .contact_profile,.midInfo_avtar{width:42px;height:42px;}
    .medicalId_main .row-gap-30{row-gap:20px;}
    .midInfo_avtar img{max-width: 28px;}
    .contact_card_wrapper .slick-dots{bottom:0px;}
    .cta_block a{width: 100%;}
    .cta_block .max-w-65,.braclet_subscribe_cta .max-w-65{max-width: 45px;}

     /* Medical-Child-Id Css */
     .empty_screen_wrapper .create_gen_id_block .cta_icon{max-width: 55px;}

    /* Manage-Subscription Css */
    .subscription_planDetails_list{padding-top: 14px;}


    /* Home Css */
    .font-39{font-size:25px;line-height:normal;}
    .hero_section{padding-bottom:30px;}
    .hero_section .hero_intro h2{font-size:25px;line-height:normal;}
    .accessible_txt_img{max-width:200px;}
    .hero_section .hero_intro p.font-20,
    .how_work_section .font-20,
    .safety_section .font-20,
    .safety_video_section .font-20,
    .safery_plan_section .section_head .font-20,
    .safery_plan_blocks .step-tabbing .nav-tabs .nav-link,
    .safety_plan_card_head .font-20,
    .safety_plan_card_body .font-20,
    .child_safety_section .font-20,
    .error_section .font-20,
    .order_address_wrapper .font-20,
    .purchased_item_wrapper .font-20.order_purchased_item
    {
        font-size: 16px;
        line-height: normal;
    }
    .hero_subscribe_btn{min-width: 142px;}
    .how_work_slider_wrapper::before, .how_work_slider_wrapper::after
    {
        width: 191px;background-size: contain;
    }
    .how_work_slider .slick-dots li button:before{width: 10px;height: 10px;}
    .safety_section .carousel-indicators [data-bs-target]{width: 100px;height: 36px;}
    .safety_video_section{padding: 22px 0px 60px;}
    .safety_plan_card{min-height:170px;}
    .safery_plan_section{padding-block: 30px;}
    .safery_plan_blocks{margin-top:30px;}
    .safery_plan_blocks .step-tabbing .nav-tabs .nav-link{padding:6px 12px;min-width:108px;}
    .safety_plan_card .subscribe_plan_btn{position:absolute;top:28px;right:20px;margin-top:0;}
    .safety_plan_card_body{display: flex;align-items: center;margin-top: 12px;}
    .safety_plan_card_body br{display: none;}
    .child_safety_section{padding-bottom: 100px;}
    .child_safety_section .child_safety_info{padding-left: 0px;}
    .child_safety_section .mt-30{margin-top: 16px;}
    .input_with_icon{right: 5px;}
    .full_field{padding-right: 40px !important;}
    .sticky-frame{top: 30%;}
    .frame-img{width: 100%;}

    /* Order Success Css */
    .order_success_main .order_status{margin-top: 20px;}
    .order_success_main .order-status-wrap{padding: 20px 12px 15px;}
    .order_address_wrapper .map_icon{max-width: 30px;}
    .order_success_main .order-history-wrap{padding-bottom: 169px;}
    .order_success_main .btn_fixed_mb{padding-bottom: 29px;}

    /* GenID Created Css */
    .genID_created_main .payment-success-wrap .step-text{font-size: 18px;}

    /* Notification css */
    .notification_main{padding-bottom: 38px;}
    .delete_notification_popup{width: 100%;}
    /* Cancel-Subscription css */
    .checklist_wrapper{padding-inline:12px;}

}

@media (max-width: 575px) {

    /* Header css */
    header .header-wrap .navbar { gap: 6px;}

    /* Home css */
    .safety_section .carousel-caption{max-width: 80%;left: 0;right: 0;}
    .safety_section .carousel-item{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)),url('../img/safety-banner-mb.jpg');background-size:cover;background-position:top;}
    .safety_section .carousel-item:nth-child(2){background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)),url('../img/safety-banner2-mb.jpg');background-size:cover;background-position:top;}
    .safety_section .carousel-item:nth-child(3){background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)),url('../img/safety-banner3-mb.jpg');background-size:cover;background-position:top;}

}

@media (max-width: 480px) {
    .payment-success-wrap.step-wrap .step-label::before {margin-top: 5px; }
}

@media (max-width: 400px) {
    /* Home css */
    .hero_section{padding-top: 20px;}
}

@media (max-width:365px)
{
    .frame-img{width: 90%;}
    /* Header css */
    .lc_dropdown .lc_dropdown_btn{font-size: 12px;}
    .header-btn-wrap .lc_dropdown > .dropdown-menu{right: -42px;}
    .header-btn-wrap .lc_dropdown .dropdown-menu::before{right: 46px;}

}

@media (max-width: 360px) {
    .phone-number-wrap .iti__selected-flag{max-width: 100px;}
    .step-tabbing .nav-tabs{gap: 6px; }
    .step-tabbing .nav-tabs .nav-link {padding: 4px 15px; }
    .step-tabbing .nav-tabs .save-offer-wrap {padding-right: 4px; }
    .step-tab {padding: 20px 15px; }
    .tab-kd {font-size: 22px; line-height: 33px; }
    .payment-box {gap: 12px; }
    .replace-img {width: 100%; height: 100%; }
    .cst-btn {padding: 7px 12px; font-size: 16px; }

    /* Header css */
    header .header-wrap .header-rgt{max-width: 100%;}

    /* Home css */
    .accessible_txt_img{max-width:180px;}
    .safety_section .safety_badges_list{flex-wrap: wrap;}
    .safery_plan_blocks .step-tabbing .nav-tabs .nav-link{min-width:100px;}
    .safety_slider .slick-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:16px;bottom: 32px;}

    /* Subscribe css */
    .apply_coupon .coupon_box
    {
        flex-wrap: wrap;
    }
    .apply_coupon .coupon_box .coupon_btn
    {
       width: 100%;
    }
}

@media (max-width: 320px)
{
    /* Header css */
    .header-btn-wrap .lc_dropdown > .dropdown-menu{right: -62px;}
    .accessible_txt_img{max-width: 170px;}
}

/* Parsly */
.parsley-custom-error-message, .parsley-errors-list{
    color: #FF0000;
    padding-left: 1px;
    padding-top: 0px;
    margin: 0;
    margin-bottom: 5px;
    list-style-type: none;
    font-size: 14px;
}

/* Active page link */
.page-item.active .page-link {
    background-color: #40b1e5;
    border-color: #40b1e5;
    color: #fff;
}

/* Default page link */
.page-link {
    color: #40b1e5;
    border: 1px solid #dee2e6;
}

/* Hover effect */
.page-link:hover {
    color: #fff;
    background-color: #40b1e5;
    border-color: #40b1e5;
}

/* Disabled page */
.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}

.additional-phone {
    width: 79% !important;
}

.phone-icon{
    margin-right: 40px !important;
}