/* ===============================  
        Region Common Section
================================== */

.form-control:focus {border:1px solid #ffbba8 !important;box-shadow:none !important;}
.form-control:disabled, .form-control[readonly] {background-color: transparent !important;opacity: 1;}
.form-control[readonly] {cursor: default !important;}

.h-over:hover {text-decoration:underline;}
.rounded {border-radius: 4px !important;}
button:focus {outline:none !important;box-shadow:none !important;border:none !important;}
body p {color:#000;}

/*font-size*/
.font-8 {font-size:8px !important;}.font-9 {font-size:9px !important;}.font-10 {font-size:10px !important;}
.font-11 {font-size:11px !important;}.font-12 {font-size:12px !important;}.font-13 {font-size:13px !important;}.font-14 {font-size:14px !important;}.font-15 {font-size:15px !important;}
.font-16 {font-size:16px !important;}.font-17 {font-size:17px !important;}.font-18 {font-size:18px !important;}.font-19 {font-size:19px !important;}.font-20 {font-size:20px !important;}
.font-21 {font-size:21px !important;}.font-22 {font-size:22px !important;}.font-23 {font-size:23px !important;}.font-24 {font-size:24px !important;}.font-25 {font-size:25px !important;}
.font-26 {font-size:26px !important;}.font-27 {font-size:27px !important;}.font-28 {font-size:28px !important;}.font-29 {font-size:29px !important;}.font-30 {font-size:30px !important;}
.font-31 {font-size:31px !important;}.font-32 {font-size:32px !important;}.font-33 {font-size:33px !important;}.font-34 {font-size:30px !important;}.font-35 {font-size:35px !important;}
.font-36 {font-size:36px !important;}.font-37 {font-size:37px !important;}.font-38 {font-size:38px !important;}.font-39 {font-size:39px !important;}.font-40 {font-size:40px !important;}
.font-50 {font-size:50px !important;}.font-60 {font-size:60px !important;}.font-70 {font-size:70px !important;}.font-80 {font-size:80px !important;}.font-90 {font-size:90px !important;}
.font-100 {font-size:100px !important;}

.tx-8 {font-size: 8px; }.tx-8-f {font-size: 8px !important; }.tx-9 {font-size: 9px; }.tx-9-f {font-size: 9px !important; }
.tx-10 {font-size: 10px;white-space:nowrap;}.tx-10-f {font-size: 10px !important; }.tx-11 {font-size: 11px !important; }.tx-11-f {font-size: 11px !important; }
.tx-12 {font-size: 12px;}.tx-12-f {font-size: 12px !important; }.tx-13 {font-size: 13px; }.tx-13-f {font-size: 13px !important; }
.tx-14 {font-size: 14px; }.tx-14-f {font-size: 14px !important; }.tx-15 {font-size: 15px; }.tx-15-f {font-size: 15px !important; }
.tx-16 {font-size: 16px; }.tx-16-f {font-size: 16px !important; }.tx-17 {font-size: 17px; }.tx-17-f {font-size: 17px !important; }
.tx-18 {font-size: 18px; }.tx-18-f {font-size: 18px !important; }.tx-19 {font-size: 19px; }.tx-19-f {font-size: 19px !important; }
.tx-20 {font-size: 20px; }.tx-20-f {font-size: 20px !important; }.tx-22 {font-size: 22px; }.tx-22-f {font-size: 22px !important; }
.tx-23 {font-size: 23px; }.tx-23-f {font-size: 23px !important; }.tx-24 {font-size: 24px; }.tx-24-f {font-size: 24px !important; }
.tx-25 {font-size: 25px; }.tx-25-f {font-size: 25px !important; }.tx-26 {font-size: 26px; }.tx-26-f {font-size: 26px !important; }
.tx-27 {font-size: 27px; }.tx-27-f {font-size: 27px !important; }.tx-28 {font-size: 28px; }.tx-28-f {font-size: 28px !important; }
.tx-29 {font-size: 29px; }.tx-29-f {font-size: 29px !important; }.tx-30 {font-size: 30px; }.tx-30-f {font-size: 30px !important; }
.tx-32 {font-size: 32px; }.tx-32-f {font-size: 32px !important; }.tx-34 {font-size: 34px; }.tx-34-f {font-size: 34px !important; }
.tx-36 {font-size: 36px; }.tx-36-f {font-size: 36px !important; }.tx-38 {font-size: 38px; }.tx-38-f {font-size: 38px !important; }
.tx-40 {font-size: 40px; }.tx-40-f {font-size: 40px !important; }.tx-42 {font-size: 42px; }.tx-42-f {font-size: 42px !important; }
.tx-44 {font-size: 44px; }.tx-44-f {font-size: 44px !important; }.tx-46 {font-size: 46px; }.tx-46-f {font-size: 46px !important; }
.tx-48 {font-size: 48px; }.tx-48-f {font-size: 48px !important; }.tx-50 {font-size: 50px; }.tx-50-f {font-size: 50px !important; }
.tx-52 {font-size: 52px; }.tx-52-f {font-size: 52px !important; }.tx-54 {font-size: 54px; }.tx-54-f {font-size: 54px !important; }
.tx-56 {font-size: 56px; }.tx-56-f {font-size: 56px !important; }.tx-58 {font-size: 58px; }.tx-58-f {font-size: 58px !important; }
.tx-60 {font-size: 60px; }.tx-60-f {font-size: 60px !important; }.tx-62 {font-size: 62px; }.tx-62-f {font-size: 62px !important; }
.tx-64 {font-size: 64px; }.tx-64-f {font-size: 64px !important; }.tx-66 {font-size: 66px; }.tx-66-f {font-size: 66px !important; }
.tx-68 {font-size: 68px; }.tx-68-f {font-size: 68px !important; }.tx-70 {font-size: 70px; }.tx-70-f {font-size: 70px !important; }
.tx-72 {font-size: 72px; }.tx-72-f {font-size: 72px !important; }.tx-74 {font-size: 74px; }.tx-74-f {font-size: 74px !important; }
.tx-76 {font-size: 76px; }.tx-76-f {font-size: 76px !important; }.tx-78 {font-size: 78px; }.tx-78-f {font-size: 78px !important; }
.tx-80 {font-size: 80px; }.tx-80-f {font-size: 80px !important; }.tx-82 {font-size: 82px; }.tx-82-f {font-size: 82px !important; }
.tx-84 {font-size: 84px; }.tx-84-f {font-size: 84px !important; }.tx-86 {font-size: 86px; }.tx-86-f {font-size: 86px !important; }
.tx-88 {font-size: 88px; }.tx-88-f {font-size: 88px !important; }.tx-90 {font-size: 90px; }.tx-90-f {font-size: 90px !important; }
.tx-92 {font-size: 92px; }.tx-92-f {font-size: 92px !important; }.tx-94 {font-size: 94px; }.tx-94-f {font-size: 94px !important; }
.tx-96 {font-size: 96px; }.tx-96-f {font-size: 96px !important; }.tx-98 {font-size: 98px; }.tx-98-f {font-size: 98px !important; }

/* Padding*/
.p-0 {padding: 0 !important;}.pl-0 {padding-left: 0 !important;}.pr-0 {padding-right: 0 !important;}.pt-0 {padding-top: 0 !important;}.pb-0 {padding-bottom: 0 !important;}
.p-1 {padding: 1px !important;}.pl-1 {padding-left: 1px !important;}.pr-1 {padding-right: 1px !important;}.pt-1 {padding-top: 1px !important;}.pb-1 {padding-bottom: 1px !important;}
.p-2 {padding: 2px !important;}.pl-2 {padding-left: 2px !important;}.pr-2 {padding-right: 2px !important;}.pt-2 {padding-top: 2px !important;}.pb-2 {padding-bottom: 2px !important;}
.p-3 {padding: 3px !important;}.pl-3 {padding-left: 3px !important;}.pr-3 {padding-right: 3px !important;}.pt-3 {padding-top: 3px !important;}.pb-3 {padding-bottom: 3px !important;}
.p-4 {padding: 4px !important;}.pl-4 {padding-left: 4px !important;}.pr-4 {padding-right: 4px !important;}.pt-4 {padding-top: 4px !important;}.pb-4 {padding-bottom: 4px !important;}
.p-5 {padding: 5px !important;}.pl-5 {padding-left: 5px !important;}.pr-5 {padding-right: 5px !important;}.pt-5 {padding-top: 5px !important;}.pb-5 {padding-bottom: 5px !important;}
.p-6 {padding: 6px !important;}.pl-6 {padding-left: 6px !important;}.pr-6 {padding-right: 6px !important;}.pt-6 {padding-top: 6px !important;}.pb-6 {padding-bottom: 6px !important;}
.p-7 {padding: 7px !important;}.pl-7 {padding-left: 7px !important;}.pr-7 {padding-right: 7px !important;}.pt-7 {padding-top: 7px !important;}.pb-7 {padding-bottom: 7px !important;}
.p-8 {padding: 8px !important;}.pl-8 {padding-left: 8px !important;}.pr-8 {padding-right: 8px !important;}.pt-8 {padding-top: 8px !important;}.pb-8 {padding-bottom: 8px !important;}
.p-9 {padding: 9px !important;}.pl-9 {padding-left: 9px !important;}.pr-9 {padding-right: 9px !important;}.pt-9 {padding-top: 9px !important;}.pb-9 {padding-bottom: 9px !important;}
.p-10 {padding: 10px !important;}.pl-10 {padding-left: 10px !important;}.pr-10 {padding-right: 10px !important;}.pt-10 {padding-top: 10px !important;}.pb-10 {padding-bottom: 10px !important;}
.p-11 {padding: 11px !important;}.pl-11 {padding-left: 11px !important;}.pr-11 {padding-right: 11px !important;}.pt-11 {padding-top: 11px !important;}.pb-11 {padding-bottom: 11px !important;}
.p-12 {padding: 12px !important;}.pl-12 {padding-left: 12px !important;}.pr-12 {padding-right: 12px !important;}.pt-12 {padding-top: 12px !important;}.pb-12 {padding-bottom: 12px !important;}
.p-13 {padding: 13px !important;}.pl-13 {padding-left: 13px !important;}.pr-13 {padding-right: 13px !important;}.pt-13 {padding-top: 13px !important;}.pb-13 {padding-bottom: 13px !important;}
.p-14 {padding: 14px !important;}.pl-14 {padding-left: 14px !important;}.pr-14 {padding-right: 14px !important;}.pt-14 {padding-top: 14px !important;}.pb-14 {padding-bottom: 14px !important;}
.p-15 {padding: 15px !important;}.pl-15 {padding-left: 15px !important;}.pr-15 {padding-right: 15px !important;}.pt-15 {padding-top: 15px !important;}.pb-15 {padding-bottom: 15px !important;}
.p-16 {padding: 16px !important;}.pl-16 {padding-left: 16px !important;}.pr-16 {padding-right: 16px !important;}.pt-16 {padding-top: 16px !important;}.pb-16 {padding-bottom: 16px !important;}
.p-17 {padding: 17px !important;}.pl-17 {padding-left: 17px !important;}.pr-17 {padding-right: 17px !important;}.pt-17 {padding-top: 17px !important;}.pb-17 {padding-bottom: 17px !important;}
.p-18 {padding: 18px !important;}.pl-18 {padding-left: 18px !important;}.pr-18 {padding-right: 18px !important;}.pt-18 {padding-top: 18px !important;}.pb-18 {padding-bottom: 18px !important;}
.p-19 {padding: 19px !important;}.pl-19 {padding-left: 19px !important;}.pr-19 {padding-right: 19px !important;}.pt-19 {padding-top: 19px !important;}.pb-19 {padding-bottom: 19px !important;}
.p-20 {padding: 20px !important;}.pl-20 {padding-left: 20px !important;}.pr-20 {padding-right: 20px !important;}.pt-20 {padding-top: 20px !important;}.pb-20 {padding-bottom: 20px !important;}
.p-21 {padding: 21px !important;}.pl-21 {padding-left: 21px !important;}.pr-21 {padding-right: 21px !important;}.pt-21 {padding-top: 21px !important;}.pb-21 {padding-bottom: 21px !important;}
.p-22 {padding: 22px !important;}.pl-22 {padding-left: 22px !important;}.pr-22 {padding-right: 22px !important;}.pt-22 {padding-top: 22px !important;}.pb-22 {padding-bottom: 22px !important;}
.p-23 {padding: 23px !important;}.pl-23 {padding-left: 23px !important;}.pr-23 {padding-right: 23px !important;}.pt-23 {padding-top: 23px !important;}.pb-23 {padding-bottom: 23px !important;}
.p-24 {padding: 24px !important;}.pl-24 {padding-left: 24px !important;}.pr-24 {padding-right: 24px !important;}.pt-24 {padding-top: 24px !important;}.pb-24 {padding-bottom: 24px !important;}
.p-25 {padding: 25px !important;}.pl-25 {padding-left: 25px !important;}.pr-25 {padding-right: 25px !important;}.pt-25 {padding-top: 25px !important;}.pb-25 {padding-bottom: 25px !important;}
.p-26 {padding: 26px !important;}.pl-26 {padding-left: 26px !important;}.pr-26 {padding-right: 26px !important;}.pt-26 {padding-top: 26px !important;}.pb-26 {padding-bottom: 26px !important;}
.p-27 {padding: 27px !important;}.pl-27 {padding-left: 27px !important;}.pr-27 {padding-right: 27px !important;}.pt-27 {padding-top: 27px !important;}.pb-27 {padding-bottom: 27px !important;}
.p-28 {padding: 28px !important;}.pl-28 {padding-left: 28px !important;}.pr-28 {padding-right: 28px !important;}.pt-28 {padding-top: 28px !important;}.pb-28 {padding-bottom: 28px !important;}
.p-29 {padding: 29px !important;}.pl-29 {padding-left: 29px !important;}.pr-29 {padding-right: 29px !important;}.pt-29 {padding-top: 29px !important;}.pb-29 {padding-bottom: 29px !important;}
.p-30 {padding: 30px !important;}.pl-30 {padding-left: 30px !important;}.pr-30 {padding-right: 30px !important;}.pt-30 {padding-top: 30px !important;}.pb-30 {padding-bottom: 30px !important;}
.p-35 {padding: 35px !important;}.pl-35 {padding-left: 35px !important;}.pr-35 {padding-right: 35px !important;}.pt-35 {padding-top: 35px !important;}.pb-35 {padding-bottom: 35px !important;}
.p-40 {padding: 40px !important;}.pl-40 {padding-left: 40px !important;}.pr-40 {padding-right: 40px !important;}.pt-40 {padding-top: 40px !important;}.pb-40 {padding-bottom: 40px !important;}
.p-45 {padding: 45px !important;}.pl-45 {padding-left: 45px !important;}.pr-45 {padding-right: 45px !important;}.pt-45 {padding-top: 45px !important;}.pb-45 {padding-bottom: 45px !important;}
.p-50 {padding: 50px !important;}.pl-50 {padding-left: 50px !important;}.pr-50 {padding-right: 50px !important;}.pt-50 {padding-top: 50px !important;}.pb-50 {padding-bottom: 50px !important;}
.p-55 {padding: 55px !important;}.pl-55 {padding-left: 55px !important;}.pr-55 {padding-right: 55px !important;}.pt-55 {padding-top: 55px !important;}.pb-55 {padding-bottom: 55px !important;}
.p-60 {padding: 60px !important;}.pl-60 {padding-left: 60px !important;}.pr-60 {padding-right: 60px !important;}.pt-60 {padding-top: 60px !important;}.pb-60 {padding-bottom: 60px !important;}
.p-65 {padding: 65px !important;}.pl-65 {padding-left: 65px !important;}.pr-65 {padding-right: 65px !important;}.pt-65 {padding-top: 65px !important;}.pb-65 {padding-bottom: 65px !important;}
.p-70 {padding: 70px !important;}.pl-70 {padding-left: 70px !important;}.pr-70 {padding-right: 70px !important;}.pt-70 {padding-top: 70px !important;}.pb-70 {padding-bottom: 70px !important;}
.p-75 {padding: 75px !important;}.pl-75 {padding-left: 75px !important;}.pr-75 {padding-right: 75px !important;}.pt-75 {padding-top: 75px !important;}.pb-75 {padding-bottom: 75px !important;}
.p-80 {padding: 80px !important;}.pl-80 {padding-left: 80px !important;}.pr-80 {padding-right: 80px !important;}.pt-80 {padding-top: 80px !important;}.pb-80 {padding-bottom: 80px !important;}
.p-85 {padding: 85px !important;}.pl-85 {padding-left: 85px !important;}.pr-85 {padding-right: 85px !important;}.pt-85 {padding-top: 85px !important;}.pb-85 {padding-bottom: 85px !important;}
.p-90 {padding: 90px !important;}.pl-90 {padding-left: 90px !important;}.pr-90 {padding-right: 90px !important;}.pt-90 {padding-top: 90px !important;}.pb-90 {padding-bottom: 90px !important;}
.p-95 {padding: 95px !important;}.pl-95 {padding-left: 95px !important;}.pr-95 {padding-right: 95px !important;}.pt-95 {padding-top: 95px !important;}.pb-95 {padding-bottom: 95px !important;}
.p-100 {padding: 100px !important;}.pl-100 {padding-left: 100px !important;}.pr-100 {padding-right: 100px !important;}.pt-100 {padding-top: 100px !important;}.pb-100 {padding-bottom: 100px !important;}

/* Margin*/
.m-0 {margin: 0 !important;}.ml-0 {margin-left: 0 !important;}.mr-0 {margin-right: 0 !important;}.mt-0 {margin-top: 0 !important;}.mb-0 {margin-bottom: 0 !important;}
.m-1 {margin: 1px !important;}.ml-1 {margin-left: 1px !important;}.mr-1 {margin-right: 1px !important;}.mt-1 {margin-top: 1px !important;}.mb-1 {margin-bottom: 1px !important;}
.m-2 {margin: 2px !important;}.ml-2 {margin-left: 2px !important;}.mr-2 {margin-right: 2px !important;}.mt-2 {margin-top: 2px !important;}.mb-2 {margin-bottom: 2px !important;}
.m-3 {margin: 3px !important;}.ml-3 {margin-left: 3px !important;}.mr-3 {margin-right: 3px !important;}.mt-3 {margin-top: 3px !important;}.mb-3 {margin-bottom: 3px !important;}
.m-4 {margin: 4px !important;}.ml-4 {margin-left: 4px !important;}.mr-4 {margin-right: 4px !important;}.mt-4 {margin-top: 4px !important;}.mb-4 {margin-bottom: 4px !important;}
.m-5 {margin: 5px !important;}.ml-5 {margin-left: 5px !important;}.mr-5 {margin-right: 5px !important;}.mt-5 {margin-top: 5px !important;}.mb-5 {margin-bottom: 5px !important;}
.m-6 {margin: 6px !important;}.ml-6 {margin-left: 6px !important;}.mr-6 {margin-right: 6px !important;}.mt-6 {margin-top: 6px !important;}.mb-6 {margin-bottom: 6px !important;}
.m-7 {margin: 7px !important;}.ml-7 {margin-left: 7px !important;}.mr-7 {margin-right: 7px !important;}.mt-7 {margin-top: 7px !important;}.mb-7 {margin-bottom: 7px !important;}
.m-8 {margin: 8px !important;}.ml-8 {margin-left: 8px !important;}.mr-8 {margin-right: 8px !important;}.mt-8 {margin-top: 8px !important;}.mb-8 {margin-bottom: 8px !important;}
.m-9 {margin: 9px !important;}.ml-9 {margin-left: 9px !important;}.mr-9 {margin-right: 9px !important;}.mt-9 {margin-top: 9px !important;}.mb-9 {margin-bottom: 9px !important;}
.m-10 {margin: 10px !important;}.ml-10 {margin-left: 10px !important;}.mr-10 {margin-right: 10px !important;}.mt-10 {margin-top: 10px !important;}.mb-10 {margin-bottom: 10px !important;}
.m-11 {margin: 11px !important;}.ml-11 {margin-left: 11px !important;}.mr-11 {margin-right: 11px !important;}.mt-11 {margin-top: 11px !important;}.mb-11 {margin-bottom: 11px !important;}
.m-12 {margin: 12px !important;}.ml-12 {margin-left: 12px !important;}.mr-12 {margin-right: 12px !important;}.mt-12 {margin-top: 12px !important;}.mb-12 {margin-bottom: 12px !important;}
.m-13 {margin: 13px !important;}.ml-13 {margin-left: 13px !important;}.mr-13 {margin-right: 13px !important;}.mt-13 {margin-top: 13px !important;}.mb-13 {margin-bottom: 13px !important;}
.m-14 {margin: 14px !important;}.ml-14 {margin-left: 14px !important;}.mr-14 {margin-right: 14px !important;}.mt-14 {margin-top: 14px !important;}.mb-14 {margin-bottom: 14px !important;}
.m-15 {margin: 15px !important;}.ml-15 {margin-left: 15px !important;}.mr-15 {margin-right: 15px !important;}.mt-15 {margin-top: 15px !important;}.mb-15 {margin-bottom: 15px !important;}
.m-16 {margin: 16px !important;}.ml-16 {margin-left: 16px !important;}.mr-16 {margin-right: 16px !important;}.mt-16 {margin-top: 16px !important;}.mb-16 {margin-bottom: 16px !important;}
.m-17 {margin: 17px !important;}.ml-17 {margin-left: 17px !important;}.mr-17 {margin-right: 17px !important;}.mt-17 {margin-top: 17px !important;}.mb-17 {margin-bottom: 17px !important;}
.m-18 {margin: 18px !important;}.ml-18 {margin-left: 18px !important;}.mr-18 {margin-right: 18px !important;}.mt-18 {margin-top: 18px !important;}.mb-18 {margin-bottom: 18px !important;}
.m-19 {margin: 19px !important;}.ml-19 {margin-left: 19px !important;}.mr-19 {margin-right: 19px !important;}.mt-19 {margin-top: 19px !important;}.mb-19 {margin-bottom: 19px !important;}
.m-20 {margin: 20px !important;}.ml-20 {margin-left: 20px !important;}.mr-20 {margin-right: 20px !important;}.mt-20 {margin-top: 20px !important;}.mb-20 {margin-bottom: 20px !important;}
.m-21 {margin: 21px !important;}.ml-21 {margin-left: 21px !important;}.mr-21 {margin-right: 21px !important;}.mt-21 {margin-top: 21px !important;}.mb-21 {margin-bottom: 21px !important;}
.m-22 {margin: 22px !important;}.ml-22 {margin-left: 22px !important;}.mr-22 {margin-right: 22px !important;}.mt-22 {margin-top: 22px !important;}.mb-22 {margin-bottom: 22px !important;}
.m-23 {margin: 23px !important;}.ml-23 {margin-left: 23px !important;}.mr-23 {margin-right: 23px !important;}.mt-23 {margin-top: 23px !important;}.mb-23 {margin-bottom: 23px !important;}
.m-24 {margin: 24px !important;}.ml-24 {margin-left: 24px !important;}.mr-24 {margin-right: 24px !important;}.mt-24 {margin-top: 24px !important;}.mb-24 {margin-bottom: 24px !important;}
.m-25 {margin: 25px !important;}.ml-25 {margin-left: 25px !important;}.mr-25 {margin-right: 25px !important;}.mt-25 {margin-top: 25px !important;}.mb-25 {margin-bottom: 25px !important;}
.m-26 {margin: 26px !important;}.ml-26 {margin-left: 26px !important;}.mr-26 {margin-right: 26px !important;}.mt-26 {margin-top: 26px !important;}.mb-26 {margin-bottom: 26px !important;}
.m-27 {margin: 27px !important;}.ml-27 {margin-left: 27px !important;}.mr-27 {margin-right: 27px !important;}.mt-27 {margin-top: 27px !important;}.mb-27 {margin-bottom: 27px !important;}
.m-28 {margin: 28px !important;}.ml-28 {margin-left: 28px !important;}.mr-28 {margin-right: 28px !important;}.mt-28 {margin-top: 28px !important;}.mb-28 {margin-bottom: 28px !important;}
.m-29 {margin: 29px !important;}.ml-29 {margin-left: 29px !important;}.mr-29 {margin-right: 29px !important;}.mt-29 {margin-top: 29px !important;}.mb-29 {margin-bottom: 29px !important;}
.m-30 {margin: 30px !important;}.ml-30 {margin-left: 30px !important;}.mr-30 {margin-right: 30px !important;}.mt-30 {margin-top: 30px !important;}.mb-30 {margin-bottom: 30px !important;}
.m-35 {margin: 35px !important;}.ml-35 {margin-left: 35px !important;}.mr-35 {margin-right: 35px !important;}.mt-35 {margin-top: 35px !important;}.mb-35 {margin-bottom: 35px !important;}
.m-40 {margin: 40px !important;}.ml-40 {margin-left: 40px !important;}.mr-40 {margin-right: 40px !important;}.mt-40 {margin-top: 40px !important;}.mb-40 {margin-bottom: 40px !important;}
.m-45 {margin: 45px !important;}.ml-45 {margin-left: 45px !important;}.mr-45 {margin-right: 45px !important;}.mt-45 {margin-top: 45px !important;}.mb-45 {margin-bottom: 45px !important;}
.m-50 {margin: 50px !important;}.ml-50 {margin-left: 50px !important;}.mr-50 {margin-right: 50px !important;}.mt-50 {margin-top: 50px !important;}.mb-50 {margin-bottom: 50px !important;}
.m-55 {margin: 55px !important;}.ml-55 {margin-left: 55px !important;}.mr-55 {margin-right: 55px !important;}.mt-55 {margin-top: 55px !important;}.mb-55 {margin-bottom: 55px !important;}
.m-60 {margin: 60px !important;}.ml-60 {margin-left: 60px !important;}.mr-60 {margin-right: 60px !important;}.mt-60 {margin-top: 60px !important;}.mb-60 {margin-bottom: 60px !important;}
.m-65 {margin: 65px !important;}.ml-65 {margin-left: 65px !important;}.mr-65 {margin-right: 65px !important;}.mt-65 {margin-top: 65px !important;}.mb-65 {margin-bottom: 65px !important;}
.m-70 {margin: 70px !important;}.ml-70 {margin-left: 70px !important;}.mr-70 {margin-right: 70px !important;}.mt-70 {margin-top: 70px !important;}.mb-70 {margin-bottom: 70px !important;}
.m-75 {margin: 75px !important;}.ml-75 {margin-left: 75px !important;}.mr-75 {margin-right: 75px !important;}.mt-75 {margin-top: 75px !important;}.mb-75 {margin-bottom: 75px !important;}
.m-80 {margin: 80px !important;}.ml-80 {margin-left: 80px !important;}.mr-80 {margin-right: 80px !important;}.mt-80 {margin-top: 80px !important;}.mb-80 {margin-bottom: 80px !important;}
.m-85 {margin: 85px !important;}.ml-85 {margin-left: 85px !important;}.mr-85 {margin-right: 85px !important;}.mt-85 {margin-top: 85px !important;}.mb-85 {margin-bottom: 85px !important;}
.m-90 {margin: 90px !important;}.ml-90 {margin-left: 90px !important;}.mr-90 {margin-right: 90px !important;}.mt-90 {margin-top: 90px !important;}.mb-90 {margin-bottom: 90px !important;}
.m-95 {margin: 95px !important;}.ml-95 {margin-left: 95px !important;}.mr-95 {margin-right: 95px !important;}.mt-95 {margin-top: 95px !important;}.mb-95 {margin-bottom: 95px !important;}
.m-100 {margin: 100px !important;}.ml-100 {margin-left: 100px !important;}.mr-100 {margin-right: 100px !important;}.mt-100 {margin-top: 100px !important;}.mb-100 {margin-bottom: 100px !important;}

/***** Position *****/
.pos-absolute, .pos-abs {position: absolute; }
.pos-relative, .pos-rel {position: relative; }
.pos-fixed {position: fixed; }
.pos-static {position: static; }
.pos-absolute-f {position: absolute !important; }
.pos-relative-f {position: relative !important; }
.pos-fixed-f {position: fixed !important; }
.pos-static-f {position: static !important; }

.t-0 {top: 0px !important;}.r-0 {right: 0px; }.b-0 {bottom: 0px; }.l-0 {left: 0px; }.t--0 {top: -0px; }.r--0 {right: -0px; }.b--0 {bottom: -0px; }.l--0 {left: -0px; }.a-0 {top: 0px;right: 0px;bottom: 0px;left: 0px; }.x-0 {left: 0px;right: 0px; }.y-0 {left: 0px;right: 0px; }
.t-5 {top: 5px; }.r-5 {right: 5px; }.b-5 {bottom: 5px; }.l-5 {left: 5px; }.t--5 {top: -5px; }.r--5 {right: -5px; }.b--5 {bottom: -5px; }.l--5 {left: -5px; }.a-5 {top: 5px;right: 5px;bottom: 5px;left: 5px; }.x-5 {left: 5px;right: 5px; }.y-5 {left: 5px;right: 5px; }
.t-10 {top: 10px; }.r-10 {right: 10px; }.b-10 {bottom: 10px; }.l-10 {left: 10px; }.t--10 {top: -10px; }.r--10 {right: -10px; }.b--10 {bottom: -10px; }.l--10 {left: -10px; }.a-10 {top: 10px;right: 10px;bottom: 10px;left: 10px; }.x-10 {left: 10px;right: 10px; }.y-10 {left: 10px;right: 10px; }
.t-15 {top: 15px !important; }.r-15 {right: 15px; }.b-15 {bottom: 15px; }.l-15 {left: 15px; }.t--15 {top: -15px; }.r--15 {right: -15px; }.b--15 {bottom: -15px; }.l--15 {left: -15px; }.a-15 {top: 15px;right: 15px;bottom: 15px;left: 15px; }.x-15 {left: 15px;right: 15px; }.y-15 {left: 15px;right: 15px; }
.t-20 {top: 20px; }.r-20 {right: 20px; }.b-20 {bottom: 20px; }.l-20 {left: 20px; }.t--20 {top: -20px; }.r--20 {right: -20px; }.b--20 {bottom: -20px; }.l--20 {left: -20px; }.a-20 {top: 20px;right: 20px;bottom: 20px;left: 20px; }.x-20 {left: 20px;right: 20px; }.y-20 {left: 20px;right: 20px; }
.t-25 {top: 25px !important; }.r-25 {right: 25px; }.b-25 {bottom: 25px; }.l-25 {left: 25px; }.t--25 {top: -25px; }.r--25 {right: -25px; }.b--25 {bottom: -25px; }.l--25 {left: -25px; }.a-25 {top: 25px;right: 25px;bottom: 25px;left: 25px; }.x-25 {left: 25px;right: 25px; }.y-25 {left: 25px;right: 25px; }
.t-30 {top: 30px; }.r-30 {right: 30px; }.b-30 {bottom: 30px; }.l-30 {left: 30px; }.t--30 {top: -30px; }.r--30 {right: -30px; }.b--30 {bottom: -30px; }.l--30 {left: -30px; }.a-30 {top: 30px;right: 30px;bottom: 30px;left: 30px; }.x-30 {left: 30px;right: 30px; }.y-30 {left: 30px;right: 30px; }
.t-35 {top: 35px; }.r-35 {right: 35px; }.b-35 {bottom: 35px; }.l-35 {left: 35px; }.t--35 {top: -35px; }.r--35 {right: -35px; }.b--35 {bottom: -35px; }.l--35 {left: -35px; }.a-35 {top: 35px;right: 35px;bottom: 35px;left: 35px; }.x-35 {left: 35px;right: 35px; }.y-35 {left: 35px;right: 35px; }
.t-40 {top: 40px; }.r-40 {right: 40px; }.b-40 {bottom: 40px; }.l-40 {left: 40px; }.t--40 {top: -40px; }.r--40 {right: -40px; }.b--40 {bottom: -40px; }.l--40 {left: -40px; }.a-40 {top: 40px;right: 40px;bottom: 40px;left: 40px; }.x-40 {left: 40px;right: 40px; }.y-40 {left: 40px;right: 40px; }
.t-45 {top: 45px; }.r-45 {right: 45px; }.b-45 {bottom: 45px; }.l-45 {left: 45px; }.t--45 {top: -45px; }.r--45 {right: -45px; }.b--45 {bottom: -45px; }.l--45 {left: -45px; }.a-45 {top: 45px;right: 45px;bottom: 45px;left: 45px; }.x-45 {left: 45px;right: 45px; }.y-45 {left: 45px;right: 45px; }
.t-50 {top: 50px; }.r-50 {right: 50px; }.b-50 {bottom: 50px; }.l-50 {left: 50px; }.t--50 {top: -50px; }.r--50 {right: -50px; }.b--50 {bottom: -50px; }.l--50 {left: -50px; }.a-50 {top: 50px;right: 50px;bottom: 50px;left: 50px; }.x-50 {left: 50px;right: 50px; }.y-50 {left: 50px;right: 50px; }
.t-55 {top: 55px; }.r-55 {right: 55px; }.b-55 {bottom: 55px; }.l-55 {left: 55px; }.t--55 {top: -55px; }.r--55 {right: -55px; }.b--55 {bottom: -55px; }.l--55 {left: -55px; }.a-55 {top: 55px;right: 55px;bottom: 55px;left: 55px; }.x-55 {left: 55px;right: 55px; }.y-55 {left: 55px;right: 55px; }
.t-60 {top: 60px; }.r-60 {right: 60px; }.b-60 {bottom: 60px; }.l-60 {left: 60px; }.t--60 {top: -60px; }.r--60 {right: -60px; }.b--60 {bottom: -60px; }.l--60 {left: -60px; }.a-60 {top: 60px;right: 60px;bottom: 60px;left: 60px; }.x-60 {left: 60px;right: 60px; }.y-60 {left: 60px;right: 60px; }
.t-65 {top: 65px; }.r-65 {right: 65px; }.b-65 {bottom: 65px; }.l-65 {left: 65px; }.t--65 {top: -65px; }.r--65 {right: -65px; }.b--65 {bottom: -65px; }.l--65 {left: -65px; }.a-65 {top: 65px;right: 65px;bottom: 65px;left: 65px; }.x-65 {left: 65px;right: 65px; }.y-65 {left: 65px;right: 65px; }
.t-70 {top: 70px; }.r-70 {right: 70px; }.b-70 {bottom: 70px; }.l-70 {left: 70px; }.t--70 {top: -70px; }.r--70 {right: -70px; }.b--70 {bottom: -70px; }.l--70 {left: -70px; }.a-70 {top: 70px;right: 70px;bottom: 70px;left: 70px; }.x-70 {left: 70px;right: 70px; }.y-70 {left: 70px;right: 70px; }
.t-75 {top: 75px; }.r-75 {right: 75px; }.b-75 {bottom: 75px; }.l-75 {left: 75px; }.t--75 {top: -75px; }.r--75 {right: -75px; }.b--75 {bottom: -75px; }.l--75 {left: -75px; }.a-75 {top: 75px;right: 75px;bottom: 75px;left: 75px; }.x-75 {left: 75px;right: 75px; }.y-75 {left: 75px;right: 75px; }
.t-80 {top: 80px; }.r-80 {right: 80px; }.b-80 {bottom: 80px; }.l-80 {left: 80px; }.t--80 {top: -80px; }.r--80 {right: -80px; }.b--80 {bottom: -80px; }.l--80 {left: -80px; }.a-80 {top: 80px;right: 80px;bottom: 80px;left: 80px; }.x-80 {left: 80px;right: 80px; }.y-80 {left: 80px;right: 80px; }
.t-85 {top: 85px; }.r-85 {right: 85px; }.b-85 {bottom: 85px; }.l-85 {left: 85px; }.t--85 {top: -85px; }.r--85 {right: -85px; }.b--85 {bottom: -85px; }.l--85 {left: -85px; }.a-85 {top: 85px;right: 85px;bottom: 85px;left: 85px; }.x-85 {left: 85px;right: 85px; }.y-85 {left: 85px;right: 85px; }
.t-90 {top: 90px; }.r-90 {right: 90px; }.b-90 {bottom: 90px; }.l-90 {left: 90px; }.t--90 {top: -90px; }.r--90 {right: -90px; }.b--90 {bottom: -90px; }.l--90 {left: -90px; }.a-90 {top: 90px;right: 90px;bottom: 90px;left: 90px; }.x-90 {left: 90px;right: 90px; }.y-90 {left: 90px;right: 90px; }
.t-95 {top: 95px; }.r-95 {right: 95px; }.b-95 {bottom: 95px; }.l-95 {left: 95px; }.t--95 {top: -95px; }.r--95 {right: -95px; }.b--95 {bottom: -95px; }.l--95 {left: -95px; }.a-95 {top: 95px;right: 95px;bottom: 95px;left: 95px; }.x-95 {left: 95px;right: 95px; }.y-95 {left: 95px;right: 95px; }
.t-100 {top: 100px; }.r-100 {right: 100px; }.b-100 {bottom: 100px; }.l-100 {left: 100px; }.t--100 {top: -100px; }.r--100 {right: -100px; }.b--100 {bottom: -100px; }.l--100 {left: -100px; }.a-100 {top: 100px;right: 100px;bottom: 100px;left: 100px; }.x-100 {left: 100px;right: 100px; }.y-100 {left: 100px;right: 100px; }
.z-index-0 {z-index: 0; }.z-index-10 {z-index: 10; }.z-index-50 {z-index: 50; }.z-index-100 {z-index: 100; }.z-index-150 {z-index: 150; }.z-index-200 {z-index: 200; }
.t-22 {top:22px;}.t-8 {top:8px;}

.t--1 {top: -1px; }.l--1 {left: -1px; }.l-0-f {left: 0 !important; }.rotate-90 {transform: rotate(90deg); }.rotate--90 {transform: rotate(-90deg); }

/***** Typography *****/
.tx-brand-01 {color: #333 !important; }.tx-brand-02 {color: #042893 !important; }.tx-brand-03 {color: #1ce1ac !important; }
.tx-color-01 {color: #001737 !important; }.tx-color-02 {color: #1b2e4b; }.tx-color-03 {color: #8392a5;}.tx-color-04 {color: #c0ccda; } .tx-color-05 {color: #666;}
.tx-white {color: #fff !important; }.tx-black {color: #000; }.tx-primary {color: #007bff !important; }.tx-success {color: #10b759; }.tx-bookingsuccess {color:#05670b}.tx-warning {color: #ffc107; }
.tx-danger {color: #ec182d!important; }.tx-red {color: #ff0000; }.tx-info {color: #00b8d4; }.tx-teal {color: #00cccc; }.tx-indigo {color: #5b47fb; }.tx-purple {color: #6f42c1; }
.tx-orange {color: #fd7e14; }.tx-pink {color: #f10075; }.tx-dark {color: #1b2e4b; }.tx-inverse {color: #001737; }
.tx-gray-100 {color: #f4f5f8; }.tx-gray-200 {color: #e3e7ed; }.tx-gray-300 {color: #cdd4e0; }.tx-gray-400 {color: #b4bdce; }.tx-gray-500 {color: #97a3b9; }
.tx-gray-600 {color: #7987a1; }.tx-gray-700 {color: #596882; }.tx-gray-800 {color: #3b4863; }.tx-gray-900 {color: #1c273c; }
.tx-white-2 {color: rgba(255, 255, 255, 0.2); }.tx-white-3 {color: rgba(255, 255, 255, 0.3); }.tx-white-4 {color: rgba(255, 255, 255, 0.4); }
.tx-white-5 {color: rgba(255, 255, 255, 0.5); }.tx-white-6 {color: rgba(255, 255, 255, 0.6); }.tx-white-7 {color: rgba(255, 255, 255, 0.7); }.tx-white-8 {color: rgba(255, 255, 255, 0.8); }
.tx-bolder {font-weight: 900; }.tx-bold {font-weight: 700 !important; }.tx-semibold {font-weight: 600; }
.tx-medium {font-weight: 500; }.tx-medium-f {font-weight: 500 !important; }.tx-normal {font-weight: 400 !important; }.tx-light {font-weight: 300; }.tx-thin {font-weight: 200; }.tx-xthin {font-weight: 100; }
.tx-spacing-1 {letter-spacing: 0.5px; }.tx-spacing-2 {letter-spacing: 1px; }.tx-spacing-3 {letter-spacing: 1.5px; }.tx-spacing-4 {letter-spacing: 2px; }
.tx-spacing-5 {letter-spacing: 2.5px; }.tx-spacing-6 {letter-spacing: 3px; }.tx-spacing-7 {letter-spacing: 3.5px; }.tx-spacing-8 {letter-spacing: 4px; }
.tx-spacing--1 {letter-spacing: -0.5px; }.tx-spacing--2 {letter-spacing: -1px; }.tx-spacing--3 {letter-spacing: -1.5px; }.tx-spacing--4 {letter-spacing: -2px; }
.tx-spacing--5 {letter-spacing: -2.5px; }.tx-spacing--6 {letter-spacing: -3px; }.tx-spacing--7 {letter-spacing: -3.5px; }.tx-spacing--8 {letter-spacing: -4px; }
.tx-uppercase {text-transform: uppercase; }.tx-lowercase {text-transform: lowercase; }.tx-capitalize {text-transform: capitalize; }
.tx-transform-none {text-transform: none; }.tx-shadow-none {text-shadow: none; }
.tx-center {text-align: center; }.tx-right {text-align: right; }.tx-left {text-align: left; }
.tx-center-f {text-align: center !important; }.tx-right-f {text-align: right !important; }.tx-left-f {text-align: left !important; }
.tx-italic {font-style: italic; }.tx-style-normal {font-style: normal; }.tx-nowrap {white-space: nowrap; }.tx-normals {white-space: normal; }
.tx-indent--1 {text-indent: -1px; }.tx-indent--2 {text-indent: -2px; }

.lh-base {line-height: 1.5; }.lh-normal {line-height: normal; }
.lh--1 {line-height: .1; }.lh--2 {line-height: .2; }.lh--3 {line-height: .3; }.lh--4 {line-height: .4; }.lh--5 {line-height: .5; }
.lh--6 {line-height: .6; }.lh--7 {line-height: .7; }.lh--8 {line-height: .8; }.lh--9 {line-height: .9; }
.lh-1 {line-height: 1.1; }.lh-2 {line-height: 1.2; }.lh-3 {line-height: 1.3; }.lh-4 {line-height: 1.4; }.lh-5 {line-height: 1.5; }.lh-6 {line-height: 1.6; }
.lh-7 {line-height: 1.7; }.lh-8 {line-height: 1.8; }.lh-9 {line-height: 1.9; }.lh-10 {line-height: 2.0; }.lh-11 {line-height: 2.1; }.lh-12 {line-height: 2.2; }
.lh-13 {line-height: 2.3; }.lh-14 {line-height: 2.4; }.lh-15 {line-height: 2.5; }

.valign-top {vertical-align: top; }.valign-middle {vertical-align: middle; }.valign-bottom {vertical-align: baseline; }
.valign-top-f {vertical-align: top !important; }.valign-middle-f {vertical-align: middle !important; }.valign-bottom-f {vertical-align: baseline !important; }
.tx-base {font-size: 0.875rem; }.bg-white {background: #fff;}.bg-gray {background: var(--color-sorting);}.white {color: #fff;}.text-overflow {text-overflow: ellipsis;white-space: nowrap;width: 100%;display: block;overflow: hidden;}

.brdr-top {border-top:1px solid #eee;}.border-btm-dash {border-bottom:1px dashed #ddd;}.border-btm-dashdark {border-bottom:1px dashed #7d7b89;}
.bg-ash {background:#fbfbfb;}.bg-lit {background:#f7f7f9;}.bg-gry {background:#ebeff0;}.bg-lit-grn {background:#eef5e2;}.bg-lit-blk {background:#f1f1f1;}

/***** Width *****/
.w-10 {width: 10% !important;}.w-15 {width: 15% !important;}.w-20 {width: 20% !important;}.w-30 {width: 30% !important;}.w-40 {width: 40% !important;}.w-50 {width: 50% !important;}.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}.w-80 {width: 80% !important;}.w-90 {width: 90% !important;}
.w-10p {width: 10px;}.w-20p {width: 20px !important;}.w-30p {width: 30px !important;}.w-40p {width: 40px !important;}.w-50p {width: 50px !important;}.w-60p {width: 60px !important;}
.w-70p {width: 70px !important;}.w-80p {width: 80px !important;}.w-90p {width: 90px !important;}.w-100p {width: 100px !important;}.w-150p {width: 150px !important;}
.w-200p {width: 200px !important;}.w-300p {width: 300px !important;}.w-400p {width: 400px !important;}.w-500p {width: 500px !important;}.w-600p {width: 600px !important;}.w-700p {width: 700px !important;}
.w-800p {width: 800px !important;}.w-900p {width: 900px !important;}.w-1000p {width: 1000px !important;}
.w-1100p {width: 1100px !important;}.w-1200p {width: 1200px !important;}.w-1300p {width: 1300px !important;}.w-1400p {width: 1400px !important;}.w-1500p {width: 1500px !important;}.w-1600p {width: 1600px !important;}

.wd-5 {width: 5px; }.wd-5p {width: 5%; }.mx-wd-5p {max-width: 5%; }.mn-wd-5p {min-width: 5%; }.wd-5-f {width: 5px !important; }.wd-5p-f {width: 5% !important; }.mx-wd-5p-f {max-width: 5% !important; }.mn-wd-5p-f {min-width: 5% !important; }
.wd-10 {width: 8px; }.wd-10p {width: 10%; }.mx-wd-10p {max-width: 10%; }.mn-wd-10p {min-width: 10%; }.wd-10-f {width: 10px !important; }.wd-10p-f {width: 10% !important; }.mx-wd-10p-f {max-width: 10% !important; }.mn-wd-10p-f {min-width: 10% !important; }
.wd-15 {width: 15px; }.wd-15p {width: 15%; }.mx-wd-15p {max-width: 15%; }.mn-wd-15p {min-width: 15%; }.wd-15-f {width: 15px !important; }.wd-15p-f {width: 15% !important; }.mx-wd-15p-f {max-width: 15% !important; }.mn-wd-15p-f {min-width: 15% !important; }
.wd-20 {width: 20px; }.wd-20p {width: 20%; }.mx-wd-20p {max-width: 20%; }.mn-wd-20p {min-width: 20%; }.wd-20-f {width: 20px !important; }.wd-20p-f {width: 20% !important; }.mx-wd-20p-f {max-width: 20% !important; }.mn-wd-20p-f {min-width: 20% !important; }
.wd-25 {width: 25px; }.wd-25p {width: 25%; }.mx-wd-25p {max-width: 25%; }.mn-wd-25p {min-width: 25%; }.wd-25-f {width: 25px !important; }.wd-25p-f {width: 25% !important; }.mx-wd-25p-f {max-width: 25% !important; }.mn-wd-25p-f {min-width: 25% !important; }
.wd-30 {width: 30px; }.wd-30p {width: 30%; }.mx-wd-30p {max-width: 30%; }.mn-wd-30p {min-width: 30%; }.wd-30-f {width: 30px !important; }.wd-30p-f {width: 30% !important; }.mx-wd-30p-f {max-width: 30% !important; }.mn-wd-30p-f {min-width: 30% !important; }
.wd-35 {width: 35px; }.wd-35p {width: 35%; }.mx-wd-35p {max-width: 35%; }.mn-wd-35p {min-width: 35%; }.wd-35-f {width: 35px !important; }.wd-35p-f {width: 35% !important; }.mx-wd-35p-f {max-width: 35% !important; }.mn-wd-35p-f {min-width: 35% !important; }
.wd-40 {width: 40px; }.wd-40p {width: 40%; }.mx-wd-40p {max-width: 40%; }.mn-wd-40p {min-width: 40%; }.wd-40-f {width: 40px !important; }.wd-40p-f {width: 40% !important; }.mx-wd-40p-f {max-width: 40% !important; }.mn-wd-40p-f {min-width: 40% !important; }
.wd-45 {width: 45px; }.wd-45p {width: 45%; }.mx-wd-45p {max-width: 45%; }.mn-wd-45p {min-width: 45%; }.wd-45-f {width: 45px !important; }.wd-45p-f {width: 45% !important; }.mx-wd-45p-f {max-width: 45% !important; }.mn-wd-45p-f {min-width: 45% !important; }
.wd-50 {width: 50px; }.wd-50p {width: 50%; }.mx-wd-50p {max-width: 50%; }.mn-wd-50p {min-width: 50%; }.wd-50-f {width: 50px !important; }.wd-50p-f {width: 50% !important; }.mx-wd-50p-f {max-width: 50% !important; }.mn-wd-50p-f {min-width: 50% !important; }
.wd-55 {width: 55px; }.wd-55p {width: 55%; }.mx-wd-55p {max-width: 55%; }.mn-wd-55p {min-width: 55%; }.wd-55-f {width: 55px !important; }.wd-55p-f {width: 55% !important; }.mx-wd-55p-f {max-width: 55% !important; }.mn-wd-55p-f {min-width: 55% !important; }
.wd-60 {width: 60px; }.wd-60p {width: 60%; }.mx-wd-60p {max-width: 60%; }.mn-wd-60p {min-width: 60%; }.wd-60-f {width: 60px !important; }.wd-60p-f {width: 60% !important; }.mx-wd-60p-f {max-width: 60% !important; }.mn-wd-60p-f {min-width: 60% !important; }
.wd-65 {width: 65px; }.wd-65p {width: 65%; }.mx-wd-65p {max-width: 65%; }.mn-wd-65p {min-width: 65%; }.wd-65-f {width: 65px !important; }.wd-65p-f {width: 65% !important; }.mx-wd-65p-f {max-width: 65% !important; }.mn-wd-65p-f {min-width: 65% !important; }
.wd-70 {width: 70px; }.wd-70p {width: 70%; }.mx-wd-70p {max-width: 70%; }.mn-wd-70p {min-width: 70%; }.wd-70-f {width: 70px !important; }.wd-70p-f {width: 70% !important; }.mx-wd-70p-f {max-width: 70% !important; }.mn-wd-70p-f {min-width: 70% !important; }
.wd-75 {width: 75px; }.wd-75p {width: 75%; }.mx-wd-75p {max-width: 75%; }.mn-wd-75p {min-width: 75%; }.wd-75-f {width: 75px !important; }.wd-75p-f {width: 75% !important; }.mx-wd-75p-f {max-width: 75% !important; }.mn-wd-75p-f {min-width: 75% !important; }
.wd-80 {width: 80px; }.wd-80p {width: 80%; }.mx-wd-80p {max-width: 80%; }.mn-wd-80p {min-width: 80%; }.wd-80-f {width: 80px !important; }.wd-80p-f {width: 80% !important; }.mx-wd-80p-f {max-width: 80% !important; }.mn-wd-80p-f {min-width: 80% !important; }
.wd-85 {width: 85px; }.wd-85p {width: 85%; }.mx-wd-85p {max-width: 85%; }.mn-wd-85p {min-width: 85%; }.wd-85-f {width: 85px !important; }.wd-85p-f {width: 85% !important; }.mx-wd-85p-f {max-width: 85% !important; }.mn-wd-85p-f {min-width: 85% !important; }
.wd-90 {width: 90px; }.wd-90p {width: 90%; }.mx-wd-90p {max-width: 90%; }.mn-wd-90p {min-width: 90%; }.wd-90-f {width: 90px !important; }.wd-90p-f {width: 90% !important; }.mx-wd-90p-f {max-width: 90% !important; }.mn-wd-90p-f {min-width: 90% !important; }
.wd-95 {width: 95px; }.wd-95p {width: 95%; }.mx-wd-95p {max-width: 95%; }.mn-wd-95p {min-width: 95%; }.wd-95-f {width: 95px !important; }.wd-95p-f {width: 95% !important; }.mx-wd-95p-f {max-width: 95% !important; }.mn-wd-95p-f {min-width: 95% !important; }
.wd-100 {width: 100px; }.wd-100p {width: 100%; }.mx-wd-100p {max-width: 100%; }.mn-wd-100p {min-width: 100%; }.wd-100-f {width: 100px !important; }.wd-100p-f {width: 100% !important; }.mx-wd-100p-f {max-width: 100% !important; }.mn-wd-100p-f {min-width: 100% !important; }
.wd-150 {width: 150px; }.wd-150-f {width: 150px !important; }.mn-wd-150 {width: 150px; }.mx-wd-150 {width: 150px; }
.wd-200 {width: 200px; }.wd-200-f {width: 200px !important; }.mn-wd-200 {width: 200px; }.mx-wd-200 {width: 200px; }
.wd-250 {width: 250px; }.wd-250-f {width: 250px !important; }.mn-wd-250 {width: 250px; }.mx-wd-250 {width: 250px; }
.wd-300 {width: 300px; }.wd-300-f {width: 300px !important; }.mn-wd-300 {width: 300px; }.mx-wd-300 {width: 300px; }
.wd-350 {width: 350px; }.wd-350-f {width: 350px !important; }.mn-wd-350 {width: 350px; }.mx-wd-350 {width: 350px; }
.wd-400 {width: 400px; }.wd-400-f {width: 400px !important; }.mn-wd-400 {width: 400px; }.mx-wd-400 {width: 400px; }
.wd-450 {width: 450px; }.wd-450-f {width: 450px !important; }.mn-wd-450 {width: 450px; }.mx-wd-450 {width: 450px; }
.wd-500 {width: 500px; }.wd-500-f {width: 500px !important; }.mn-wd-500 {width: 500px; }.mx-wd-500 {width: 500px; }
.wd-550 {width: 550px; }.wd-550-f {width: 550px !important; }.mn-wd-550 {width: 550px; }.mx-wd-550 {width: 550px; }
.wd-600 {width: 600px; }.wd-600-f {width: 600px !important; }.mn-wd-600 {width: 600px; }.mx-wd-600 {width: 600px; }
.wd-650 {width: 650px; }.wd-650-f {width: 650px !important; }.mn-wd-650 {width: 650px; }.mx-wd-650 {width: 650px; }
.wd-700 {width: 700px; }.wd-700-f {width: 700px !important; }.mn-wd-700 {width: 700px; }.mx-wd-700 {width: 700px; }
.wd-750 {width: 750px; }.wd-750-f {width: 750px !important; }.mn-wd-750 {width: 750px; }.mx-wd-750 {width: 750px; }
.wd-800 {width: 800px; }.wd-800-f {width: 800px !important; }.mn-wd-800 {width: 800px; }.mx-wd-800 {width: 800px; }
.wd-850 {width: 850px; }.wd-850-f {width: 850px !important; }.mn-wd-850 {width: 850px; }.mx-wd-850 {width: 850px; }
.wd-900 {width: 900px; }.wd-900-f {width: 900px !important; }.mn-wd-900 {width: 900px; }.mx-wd-900 {width: 900px; }
.wd-950 {width: 950px; }.wd-950-f {width: 950px !important; }.mn-wd-950 {width: 950px; }.mx-wd-950 {width: 950px; }
.wd-1000 {width: 1000px; }.wd-1000-f {width: 1000px !important; }.mn-wd-1000 {width: 1000px; }.mx-wd-1000 {width: 1000px; }

/***** Height *****/
.ht-5 {height: 5px; }.ht-5p {height: 5%; }.mx-ht-5p {max-height: 5%; }.mn-ht-5p {min-height: 5%; }.ht-5-f {height: 5px !important; }.ht-5p-f {height: 5% !important; }
.ht-10 {height: 8px; }.ht-10p {height: 10%; }.mx-ht-10p {max-height: 10%; }.mn-ht-10p {min-height: 10%; }.ht-10-f {height: 10px !important; }.ht-10p-f {height: 10% !important; }
.ht-15 {height: 15px; }.ht-15p {height: 15%; }.mx-ht-15p {max-height: 15%; }.mn-ht-15p {min-height: 15%; }.ht-15-f {height: 15px !important; }.ht-15p-f {height: 15% !important; }
.ht-20 {height: 20px; }.ht-20p {height: 20%; }.mx-ht-20p {max-height: 20%; }.mn-ht-20p {min-height: 20%; }.ht-20-f {height: 20px !important; }.ht-20p-f {height: 20% !important; }
.ht-25 {height: 25px; }.ht-25p {height: 25%; }.mx-ht-25p {max-height: 25%; }.mn-ht-25p {min-height: 25%; }.ht-25-f {height: 25px !important; }.ht-25p-f {height: 25% !important; }
.ht-30 {height: 30px; }.ht-30p {height: 30%; }.mx-ht-30p {max-height: 30%; }.mn-ht-30p {min-height: 30%; }.ht-30-f {height: 30px !important; }.ht-30p-f {height: 30% !important; }
.ht-35 {height: 35px; }.ht-35p {height: 35%; }.mx-ht-35p {max-height: 35%; }.mn-ht-35p {min-height: 35%; }.ht-35-f {height: 35px !important; }.ht-35p-f {height: 35% !important; }
.ht-40 {height: 40px; }.ht-40p {height: 40%; }.mx-ht-40p {max-height: 40%; }.mn-ht-40p {min-height: 40%; }.ht-40-f {height: 40px !important; }.ht-40p-f {height: 40% !important; }
.ht-45 {height: 45px; }.ht-45p {height: 45%; }.mx-ht-45p {max-height: 45%; }.mn-ht-45p {min-height: 45%; }.ht-45-f {height: 45px !important; }.ht-45p-f {height: 45% !important; }
.ht-50 {height: 50px; }.ht-50p {height: 50%; }.mx-ht-50p {max-height: 50%; }.mn-ht-50p {min-height: 50%; }.ht-50-f {height: 50px !important; }.ht-50p-f {height: 50% !important; }
.ht-55 {height: 55px; }.ht-55p {height: 55%; }.mx-ht-55p {max-height: 55%; }.mn-ht-55p {min-height: 55%; }.ht-55-f {height: 55px !important; }.ht-55p-f {height: 55% !important; }
.ht-60 {height: 60px; }.ht-60p {height: 60%; }.mx-ht-60p {max-height: 60%; }.mn-ht-60p {min-height: 60%; }.ht-60-f {height: 60px !important; }.ht-60p-f {height: 60% !important; }
.ht-65 {height: 65px; }.ht-65p {height: 65%; }.mx-ht-65p {max-height: 65%; }.mn-ht-65p {min-height: 65%; }.ht-65-f {height: 65px !important; }.ht-65p-f {height: 65% !important; }
.ht-70 {height: 70px; }.ht-70p {height: 70%; }.mx-ht-70p {max-height: 70%; }.mn-ht-70p {min-height: 70%; }.ht-70-f {height: 70px !important; }.ht-70p-f {height: 70% !important; }
.ht-75 {height: 75px; }.ht-75p {height: 75%; }.mx-ht-75p {max-height: 75%; }.mn-ht-75p {min-height: 75%; }.ht-75-f {height: 75px !important; }.ht-75p-f {height: 75% !important; }
.ht-80 {height: 80px; }.ht-80p {height: 80%; }.mx-ht-80p {max-height: 80%; }.mn-ht-80p {min-height: 80%; }.ht-80-f {height: 80px !important; }.ht-80p-f {height: 80% !important; }
.ht-85 {height: 85px; }.ht-85p {height: 85%; }.mx-ht-85p {max-height: 85%; }.mn-ht-85p {min-height: 85%; }.ht-85-f {height: 85px !important; }.ht-85p-f {height: 85% !important; }
.ht-90 {height: 90px; }.ht-90p {height: 90%; }.mx-ht-90p {max-height: 90%; }.mn-ht-90p {min-height: 90%; }.ht-90-f {height: 90px !important; }.ht-90p-f {height: 90% !important; }
.ht-95 {height: 95px; }.ht-95p {height: 95%; }.mx-ht-95p {max-height: 95%; }.mn-ht-95p {min-height: 95%; }.ht-95-f {height: 95px !important; }.ht-95p-f {height: 95% !important; }
.ht-100 {height: 100px; }.ht-100p {height: 100%; }.mx-ht-100p {max-height: 100%; }.mn-ht-100p {min-height: 100%; }.ht-100-f {height: 100px !important; }.ht-100p-f {height: 100% !important; }
.ht-100v {height: 100vh; }.ht-12 {height: 12px;}.ht-300 {height: 294px !important;}.ht-22 {height:22px;}.ht-28-f {height:28px !important;}
.mn-ht-0 {min-height: inherit; }
.mn-ht-100v {min-height: 100vh; }
.ht-1 {height: 1px; }.ht-2 {height: 2px; }.ht-3 {height: 3px; }.ht-4 {height: 4px; }.ht-6 {height: 6px; }.ht-7 {height: 7px; }.ht-8 {height: 8px; }.ht-9 {height: 9px; }
.ht-auto {height: auto; }.ht-base {height: 38px; }.ht-16 {height: 16px; }.ht-18 {height: 18px; }.ht-32 {height: 32px; }.ht-36 {height: 36px; }.ht-48 {height: 48px; }
.ht-64 {height: 64px; }.ht-72 {height: 72px; }.ht-115 {height: 115px; }.ht-120 {height: 120px; }.ht-160 {height: 160px; }.ht-38 {height:38px !important;}

/***** Country flag *****/
.country-flg {height: 16px;width: 16px;line-height: 16px;background-image: url('../../../../../Images/country-flag.png');background-repeat: no-repeat;float: right;position: relative;right: 0px;top: 3px;}
.ad {background-position: 0 -352px}.ae {background-position: 0 -368px}.af {background-position: 0 -384px}.ag {background-position: 0 -400px}.ai {background-position: 0 -416px}.al {background-position: 0 -432px}.am {background-position: 0 -448px}.an {background-position: 0 -464px}.ao {background-position: 0 -480px}.aq {background-position: 0 -496px}.ar {background-position: 0 -512px}.as {background-position: 0 -528px}.at {background-position: 0 -544px}.au {background-position: 0 -560px}.aw {background-position: 0 -576px}.az {background-position: 0 -592px}
.ba {background-position: 0 -608px}.bb {background-position: 0 -624px}.bd {background-position: 0 -640px}.be {background-position: 0 -656px}.bf {background-position: 0 -672px}.bg {background-position: 0 -688px}.bh {background-position: 0 -704px}.bi {background-position: 0 -720px}.bj {background-position: 0 -736px}.bm {background-position: 0 -752px}.bn {background-position: 0 -768px}.bo {background-position: 0 -784px}.br {background-position: 0 -800px}.bs {background-position: 0 -816px}.bt {background-position: 0 -832px}.bw {background-position: 0 -848px}.by {background-position: 0 -864px}.bz {background-position: 0 -880px}
.ca {background-position: 0 -896px}.cg {background-position: 0 -912px}.cf {background-position: 0 -928px}.cd {background-position: 0 -944px}.ch {background-position: 0 -960px}.ci {background-position: 0 -976px}.ck {background-position: 0 -992px}.cl {background-position: 0 -1008px}.cm {background-position: 0 -1024px}.cn {background-position: 0 -1040px}.co {background-position: 0 -1056px}.cr {background-position: 0 -1072px}.cu {background-position: 0 -1088px}.cv {background-position: 0 -1104px}.cy {background-position: 0 -1120px}.cz {background-position: 0 -1136px}
.de {background-position: 0 -1152px}.dj {background-position: 0 -1168px}.dk {background-position: 0 -1184px}.dm {background-position: 0 -1200px}.do {background-position: 0 -1216px}.dz {background-position: 0 -1232px}
.ec {background-position: 0 -1248px}.ee {background-position: 0 -1264px}.eg {background-position: 0 -1280px}.eh {background-position: 0 -1296px}.er {background-position: 0 -1312px}.es {background-position: 0 -1328px}.et {background-position: 0 -1344px}
.fi {background-position: 0 -1360px}.fj {background-position: 0 -1376px}.fm {background-position: 0 -1392px}.fo {background-position: 0 -1408px}.fr {background-position: 0 -1424px}
.ga {background-position: 0 -1440px}.gb {background-position: 0 -1456px}.gd {background-position: 0 -1472px}.ge {background-position: 0 -1488px}.gg {background-position: 0 -1504px}.gh {background-position: 0 -1520px}.gi {background-position: 0 -1536px}.gl {background-position: 0 -1552px}.gm {background-position: 0 -1568px}.gn {background-position: 0 -1584px}.gp {background-position: 0 -1600px}.gq {background-position: 0 -1616px}.gr {background-position: 0 -1632px}.gt {background-position: 0 -1648px}.gu {background-position: 0 -1664px}.gw {background-position: 0 -1680px}.gy {background-position: 0 -1696px}
.hk {background-position: 0 -1712px}.hn {background-position: 0 -1728px}.hr {background-position: 0 -1744px}.ht {background-position: 0 -1760px}.hu {background-position: 0 -1776px}
.id {background-position: 0 -1792px}
.mc {background-position: 0 -1792px}
.ie {background-position: 0 -1808px}.il {background-position: 0 -1824px}.im {background-position: 0 -1840px}.in {background-position: 0 -1856px}.iq {background-position: 0 -1872px}
.ir {background-position: 0 -1888px}.is {background-position: 0 -1904px}.it {background-position: 0 -1920px}
.je {background-position: 0 -1936px}.jm {background-position: 0 -1952px}.jo {background-position: 0 -1968px}.jp {background-position: 0 -1984px}
.ke {background-position: 0 -2000px}.kg {background-position: 0 -2016px}.kh {background-position: 0 -2032px}.ki {background-position: 0 -2048px}.km {background-position: 0 -2064px}.kn {background-position: 0 -2080px}.kp {background-position: 0 -2096px}.kr {background-position: 0 -2112px}.kw {background-position: 0 -2128px}.ky {background-position: 0 -2144px}.kz {background-position: 0 -2160px}
.la {background-position: 0 -2176px}.lb {background-position: 0 -2192px}.lc {background-position: 0 -2208px}.li {background-position: 0 -2224px}.lk {background-position: 0 -2240px}.lr {background-position: 0 -2256px}.ls {background-position: 0 -2272px}.lt {background-position: 0 -2288px}.lu {background-position: 0 -2304px}.lv {background-position: 0 -2320px}.ly {background-position: 0 -2336px}
.ma {background-position: 0 -2352px}.md {background-position: 0 -2368px}.me {background-position: 0 -2384px}.mg {background-position: 0 -2400px}.mh {background-position: 0 -2416px}.mk {background-position: 0 -2432px}.ml {background-position: 0 -2448px}.mm {background-position: 0 -2464px}.mn {background-position: 0 -2480px}.mo {background-position: 0 -2496px}.mq {background-position: 0 -2512px}.mr {background-position: 0 -2528px}.ms {background-position: 0 -2544px}.mt {background-position: 0 -2560px}.mu {background-position: 0 -2576px}.mv {background-position: 0 -2592px}.mw {background-position: 0 -2608px}.mx {background-position: 0 -2624px}.my {background-position: 0 -2640px}.mz {background-position: 0 -2656px}
.na {background-position: 0 -2672px}.nc {background-position: 0 -2688px}.ne {background-position: 0 -2704px}.ng {background-position: 0 -2720px}.ni {background-position: 0 -2736px}.nl {background-position: 0 -2752px}.no {background-position: 0 -2768px}.np {background-position: 0 -2784px}.nr {background-position: 0 -2800px}.nz {background-position: 0 -2816px}
.om {background-position: 0 -2832px}
.pa {background-position: 0 -2848px}.pe {background-position: 0 -2864px}.pf {background-position: 0 -2880px}.pg {background-position: 0 -2896px}.ph {background-position: 0 -2912px}.pk {background-position: 0 -2928px}.pl {background-position: 0 -2944px}.pr {background-position: 0 -2960px}.ps {background-position: 0 -2976px}.pt {background-position: 0 -2992px}.pw {background-position: 0 -3008px}.py {background-position: 0 -3024px}
.qa {background-position: 0 -3040px}
.re {background-position: 0 -3056px}.ro {background-position: 0 -3072px}.rs {background-position: 0 -3088px}.ru {background-position: 0 -3104px}.rw {background-position: 0 -3120px}
.sa {background-position: 0 -3136px}.sb {background-position: 0 -3152px}.sc {background-position: 0 -3168px}.sd {background-position: 0 -3184px}.se {background-position: 0 -3200px}.sg {background-position: 0 -3216px}.si {background-position: 0 -3232px}.sk {background-position: 0 -3248px}.sl {background-position: 0 -3264px}.sm {background-position: 0 -3280px}.sn {background-position: 0 -3296px}.so {background-position: 0 -3312px}.sr {background-position: 0 -3328px}.st {background-position: 0 -3344px}.sv {background-position: 0 -3360px}.sy {background-position: 0 -3376px}.sz {background-position: 0 -3392px}
.tc {background-position: 0 -3408px}.td {background-position: 0 -3424px}.tg {background-position: 0 -3440px}.th {background-position: 0 -3456px}.tj {background-position: 0 -3472px}.tl {background-position: 0 -3488px}.tm {background-position: 0 -3504px}.tn {background-position: 0 -3520px}.to {background-position: 0 -3536px}.tr {background-position: 0 -3552px}.tt {background-position: 0 -3568px}.tv {background-position: 0 -3584px}.tw {background-position: 0 -3600px}.tz {background-position: 0 -3616px}
.ua {background-position: 0 -3632px}.ug {background-position: 0 -3648px}.us {background-position: 0 -3664px}.uy {background-position: 0 -3680px}.uz {background-position: 0 -3696px}
.va {background-position: 0 -3712px}.vc {background-position: 0 -3728px}.ve {background-position: 0 -3744px}.vg {background-position: 0 -3760px}.vi {background-position: 0 -3776px}.vn {background-position: 0 -3792px}.vu {background-position: 0 -3808px}
.ws {background-position: 0 -3824px}
.ye {background-position: 0 -3840px}
.za {background-position: 0 -3856px}.zm {background-position: 0 -3872px}.zw {background-position: 0 -3872px}
/*End here*/

/*chosen*/
.chosen-container-single .chosen-single {height: 55px;background:#fff !important;box-shadow:none !important;border:1px solid #ccc !important;font-weight:500 !important;border-radius:10px !important;padding: 15px 10px !important;}
.chosen-container-single .chosen-single span {font-weight: 500 !important;font-size:14px !important;}
.chosen-container{width:100% !important}
.chosen-container.chosen-container-single{height:55px;}
.chosen-container-multi .chosen-choices{min-height:55px;overflow-y: scroll !important;display: block;border: 1px solid #ced4da !important;border-radius: 6px;max-height:185px !important;padding: 12px;background-image: none;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-size:12px !important;margin:0px !important}

/***** IFrame *****/
.clsIframe {margin-top: 0px !important;overflow: auto;scroll-behavior: smooth;border-radius: 6px;height: calc(100vh - 90px);}
.clsStaff .clsIframe {margin-top: 0px !important;overflow: auto;scroll-behavior: smooth;border-radius: 6px;height: calc(100vh - 107px);}

.bx-shadow {box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.1);background:#fff;}
.brdr-rd2 {border-radius:2px;}.brdr-rd4 {border-radius:4px;}.brdr-rd6 {border-radius:6px;}.brdr-rd8 {border-radius:8px;}.brdr-rd10 {border-radius:10px;}.brdr-rd20 {border-radius:20px;} 
.brdr-rgt {border-right:1px solid #eee;} .brdr-btm {border-bottom:1px solid #e3e3e3;}
.cursor-point {cursor:pointer;}.list-style-none {list-style:none;} .display-inblock {display:inline-block;}.cursor-default {cursor:default;}

.bg-orange {background-color: #fd7e14; }
.bg-litecoin {background-color: #325a98;}
.bg-pink {background-color: #f10075; }
.bg-teal {background-color: #00cccc; }
.bg-clamplum {background-color: #7a40e3; }

.clr1 {color: #009688;}
.clr2 {color: #d43f3a;}
.clr3 {color: #d58512;}
.clr4 {color: #e74c3c;}

/*Font Awesome*/
.fa {font-family: "FontAwesome" !important;}

/*Position property*/
.pos-abs {position:absolute;}.pos-rel {position:relative;}

/*position - stop,bottom,right,left*/
.t-0 {top: 0px !important;}.t-1 {top: 1px !important;}.t-2 {top: 2px !important;}.t-3 {top: 3px !important;}.t-4 {top: 4px !important;}.t-5 {top: 5px !important;}
.b-0 {bottom: 0px !important;}.b-1 {bottom: 1px !important;}.b-2 {bottom: 2px !important;}.b-3 {bottom: 3px !important;}.b-4 {bottom: 4px !important;}.b-5 {bottom: 5px !important;}
.l-0 {left: 0px !important;}.l-1 {left: 1px !important;}.l-2 {left: 2px !important;}.l-3 {left: 3px !important;}.l-4 {left: 4px !important;}.l-5 {left: 5px !important;}
.r-0 {right: 0px !important;}.r-1 {right: 1px !important;}.r-2 {right: 2px !important;}.r-3 {right: 3px !important;}.r-4 {right: 4px !important;}.r-5 {right: 5px !important;}
 
/*Display property*/
.d-inblock{display: inline-block;}
.dis-enable {display: block;}.disblock {display: block;}
.disnone {display: none;}.dis_blk {display:none !important;}

.clsenable {display: inline-block !important;}
.clsdiable {display: none !important;}

/*Border property*/
.b-0{border: 0 !important;}.bl-0{border-left: 0 !important;}.br-0{border-right: 0 !important;}.bt-0{border-top: 0 !important;}.bb-0{border-right: 0 !important;}
.b-1{border: 1px solid #ddd !important;}.bl-1{border-left: 1px solid #ddd !important;}.br-1{border-right: 1px solid #ddd !important;}.bt-1{border-top:1px solid #ddd !important;}.bb-1{border-bottom:1px solid #ddd !important;}

/*Border Radius property*/
.brd-0 {border-radius: 0 !important;}
.brx-4 {border-radius: 4px 0 0 4px !important;}.bry-4 {border-radius: 0 4px 4px 0 !important;}

/*Text align Property*/
.txt-algn-lft {text-align: left;}.txt-algn-rgt {text-align: right;}.text-center{text-align:center;}
.jsctcenter {justify-contet: center;}.txt-cntr {text-align:center;}

/*Float Property*/
.flt-lft {float: left;}.flt_lft {float:left;}.flol{float:left;}.fl-left {float: left;}
.flt_rgt {float:right;}.flt-rgt {float: right;}.flor{float:right;}.fl-right {float: right;}

.cursor-p, .cursor-point {cursor: pointer;}

/*Text Property*/
.txt-underline {text-decoration:underline;}
.txt-underline:hover {text-decoration:none;}

.brdr-rgt {border-right: 1px solid #eee;}
.rounded-circle {border-radius: 50% !important;}
.lh{line-height:2;}

/*Shadow Property*/
.shad-01{box-shadow: rgba(0, 0, 0, .1) 0px 1px 9px;}                 	
.bx-shadow {box-shadow: 0 2px 4px rgba(0, 0, 0, .2);border-radius: 5px;margin-bottom: 10px;}

/*fieldset*/
fieldset {border: 1px solid #ccc;padding:10px;margin-bottom: 10px;width: 100%;}
fieldset legend {color: #f16367;font-size: 13px;font-weight: 600;padding: 0 10px;width: auto;}

/*Scrolls*/
#scrolls {position: fixed;left: 20px;bottom: 20px;width: 45px;height: 45px;background: var(--color-primary);color: #fff;text-align: center;line-height: 45px;border-radius: 6px;font-size: 20px;z-index: 999;}
#scrolls i {line-height: 45px;}

#dv_waps span img {position: fixed;right: 10px;bottom: 20px;cursor: pointer;text-indent: -9999px;z-index: 10;width:50px;}

/*blockUI Loader*/
/*.blockUI {z-index: 1051 !important;background: rgba(0, 0, 0, 0.5);}
.blockUI.blockMsg.blockPage {width: 200px !important;height: 200px !important;left: 50% !important;margin-left: -75px;top: 30% !important;background: transparent;}
.blockUI.blockMsg.blockPage img {border-radius: 8px;background-color: white;padding: 20px;}*/

.blockUI { z-index: 1051 !important; }
.blockUI.blockOverlay {background: rgba(0, 0, 0, 0.5) !important;position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;z-index: 1053 !important;}
.blockUI.blockMsg.blockPage {position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;width: 120px !important;height: 120px !important;margin: 0 !important;       background: #ffffff !important;border-radius: 12px !important;padding: 10px !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.18) !important;display: flex !important;align-items: center !important;justify-content: center !important;z-index: 1052 !important;}
.blockUI.blockMsg.blockPage img {width: 90px !important;height: 90px !important;object-fit: contain !important;border-radius: 6px !important;background-color: transparent !important;padding: 0 !important;}





/*Wave Loading Fare Details right side*/
.loading_line_1, .loading_line_2, .loading_line_3, .loading_line_4 {background: #f6f7f9;overflow: hidden;position: relative;}
.loading_line_1 .inner_loader, .loading_line_2 .inner_loader, .loading_line_3 .inner_loader, .loading_line_4 .inner_loader {-webkit-animation: loadingMover1 .8s infinite linear;-moz-animation: loadingMover1 .8s infinite linear;-o-animation: loadingMover1 .8s infinite linear;animation: loadingMover1 .8s infinite linear;background: linear-gradient(to right,#f3f4f7 10%,#e4e4e4 52%,#f3f4f7 100%) rgba(0,0,0,0);position: absolute;width: 100%;}

/*Common DropDown CSS*/
.dropdown-menu li a {padding: 5px;float: left;width: 100%;border-bottom: 1px solid #f0f0f0;}
.dropdown-menu > li a:hover {text-decoration:none;}
.dropdown-menu li.active a {background: var(--color-primary);text-decoration:none;float:left;width:100%;}
.dropdown-menu > li.active .clsthmail, .dropdown-menu > li.active .clstyphead p {color: #fff;text-decoration: none;}
.typeahead .clsthmail {color: #222;font-size: 14px;font-weight:500;}
.dropdown-menu li a .clstyphead p {float: left;width: 100%;font-size: 12px;color: #888;margin: 0;font-weight:500;}
ul.typeahead li {float:left;width:100%;border-bottom:none;}

/***** iziModal *****/
.iziModal * {-webkit-font-smoothing: antialiased;}
.iziModal, #ModalPGFailed {z-index: 1003 !important;border-bottom: 3px solid var(--color-primary) !important;}
.iziModal .iziModal-header.iziModal-noSubtitle {background: var(--color-primary) !important;}
.iziModal .iziModal-button {opacity: 1 !important;}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {margin: 0;}
.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle {font-family: var(--font-family) !important;}

/***** popover *****/
.popover {box-shadow:0 0 5px 0 rgb(0 0 0 / 10%);}
.popover .popover-body {padding:0px;border-bottom:3px solid var(--color-primary);min-width:200px;}
.popover .flightdets_content table {border:none;}
.popover .flightdets_header {background: var(--color-secondary);color: #fff;font-size: 14px;font-weight: 400;padding: 7px 8px;border-radius: 4px 4px 0px 0px;}
.popover .flightdets_content .table td, .flightdets_content .table th {padding: 2px 4px;font-size: 12px;border: none;border-bottom: 1px solid #ececec;background:var(--color-secondary-light);color:#000;}
.popover .flightdets_content .table th {text-align: left;font-weight: 500;color: #000;white-space: nowrap;}
.popover .flightdets_content .table td {text-align:left;font-weight:400;}
.popover .popover-body {border-bottom: 3px solid var(--color-secondary);background: var(--color-secondary-light);font-family:var(--font-family);}
.popover .popover-body .dv_infodetails {font-size: 13px;padding:10px;}

.popover .flightdets_content{padding:5px;overflow: hidden;}
.popover .flightdets_content .row{border-bottom: 1px solid #e5e5e5;}
.popover .flightdets_content .row:last-child{border:0;}
.popover .flightdets_content .col-lg-6:first-child p {white-space: nowrap}
.popover .flightdets_content p {font-size: 12px;color:#000;margin-bottom: 2px;}

/***** Tooltip *****/
.tooltipster-punk {background-color: #2c3a4e !important;border-color: var(--color-primary) !important;}
.tooltipster-punk .tooltipster-content {font-size: 12px;line-height: 1.4;}

/***** modal *****/
.modal-content {border: 0;}
.modal-header {background: rgb(247, 247, 249);color: #000;padding: 5px 15px;border-radius: 4px 4px 0 0;}
.modal-header .modal-title {font-size: 15px;letter-spacing: 0.5px;}

.modal.right .modal-dialog {position: fixed;margin: auto;width: 750px;max-width:750px;height: 100%;}
.modal.right .modal-dialog .modal-header {border-radius: 0;}

#modal-alert{z-index:1051 !important;}
#TicketBookModal .modal-body  span {color: #6c757d;font-size: 14px;}
#TicketBookModal .modal-body p {font-weight:600;color:var(--color-primary);}

/***** lobibox *****/
.lobibox .lobibox-footer .btn-success {font-size: 14px;color: #fff;background-color: var(--color-primary);border-color: var(--color-primary);}
.lobibox .lobibox-footer .btn-warning {font-size: 14px;color: #fff;background-color: var(--color-secondary);border-color: var(--color-secondary);}

/*#region Checkbox */
.cntr {line-height: 34px;}
.cntr label {margin: 0;}
.lbl {margin-left: 5px;vertical-align: middle;cursor: pointer;color:#212529;}
.fltcntnt {color: #333;font-size: 12px;font-weight: 600;}

.cb{display:none;}
.cb:checked ~ .cbx {background:var(--color-primary) !important;}
.cbx {position: relative;z-index: 1;top: 1px;width: 20px;min-width:20px;height: 20px;border: 1px solid #c8ccd4 !important;border-radius: 3px;vertical-align: middle;transition: background 0.1s ease;cursor: pointer;}
.cbx:after {content: '';position: absolute;top: 3px;left: 6px;width: 5px;height: 10px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.cb:checked ~ .cbx {background:var(--color-primary) !important;border: 1px solid var(--color-primary) !important;animation: jelly 0.6s ease;background:#00afe1;}
.cb:checked ~ .cbx:after {opacity: 1;transform: rotate(45deg) scale(1);}
.cbx span {padding-left: 25px;color: #000;white-space: nowrap;}

@-moz-keyframes jelly {from {transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}
@-webkit-keyframes jelly {from {transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}
@-o-keyframes jelly {from{transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}
@keyframes jelly {from {transform: scale(1, 1);}30% {transform: scale(1.25, 0.75);}40% {transform: scale(0.75, 1.25);}50% {transform: scale(1.15, 0.85);}65% {transform: scale(0.95, 1.05);}75% {transform: scale(1.05, 0.95);}to {transform: scale(1, 1);}}

/*#endregion */

/*Check Boxes*/
.form-chec .form-group .ckhbox:checked ~ .cbox {background: var(--color-primary) !important;border: 1px solid var(--color-primary) !important;}
.form-chec .form-group .cbox {position: relative;top: 1px;width: 16px;height: 16px;border: 1px solid #c8ccd4 !important;border-radius: 3px;vertical-align: middle;transition: background 0.1s ease;cursor: pointer;background:#fff;}
.form-chec .form-group .ckhbox:checked ~ .cbox:after {opacity: 1;transform: rotate(45deg) scale(1);}
.form-chec .form-group .cbox:after {content: '';position: absolute;top: 1px;left: 5px;width: 5px;height: 10px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.form-chec .form-group label.lbl {color:#333;}

/*Circle Tick*/
.radio-custom {opacity: 0;position: absolute; display:none !important;}
.radio-custom, .radio-custom-label {display: inline-block;vertical-align: middle;font-size: 13px;font-weight: 500;margin-right: 22px;cursor:pointer;}
.radio-custom-label {position: relative;}
.radio-custom + .radio-custom-label:before {content: '';background: #fff;border: 1px solid #ccc;display: inline-block;vertical-align: middle;width: 18px;height: 18px;padding: 1px;margin-right: 8px;text-align: center;margin-top: -3px;}
.radio-custom + .radio-custom-label:before {border-radius: 50%;}
.radio-custom:checked + .radio-custom-label:before {content: "\f00c";font-family: 'FontAwesome';color: #fff;font-size: 10px;background: var(--color-secondary);border: 1px solid var(--color-secondary);}
.radio-custom:focus + .radio-custom-label {outline: 1px solid #ddd;}
.radio-custom:checked + .radio-custom-label {color:var(--color-primary);}

/*Circle Dot*/
.radio-common input[type=radio] {display:none;}
.radio-common input[type="radio"] + .radio-label:before {content: '';background: #fff;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 18px;height: 18px;position: relative;top: 0;cursor: pointer;transition: all 250ms ease;}
.radio-common input[type="radio"]:checked + .radio-label:before {background-color: var(--color-primary);box-shadow: inset 0 0 0 4px #fff;border: 1px solid var(--color-primary);}

/*Buttons*/
.btn-color1 {padding: 4px 15px;text-transform: capitalize;font-size: 14px;color: #fff;background:var(--color-primary);border-radius: 4px;font-weight: 500;border:none;height:32px;}
.btn-color2 {padding: 4px 15px;text-transform: capitalize;font-size: 14px;color: #fff;background:var(--color-secondary);border-radius: 4px;font-weight: 500;border:none;height:32px;}
.btn-color1:hover, .btn-color1:focus, .btn-color2:hover, .btn-color2:focus{outline: none;}


/* ===============================  
        Scrollbar Design
================================== */

::-webkit-scrollbar {width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;background: #fff;}

/*===============================
        Login
=================================*/

/*Logout*/
#modal-LogOut h2 {font-size:22px;}
#modal-LogOut p {font-size:16px;}

/*B2C_LOGIN PAGE*/

.partner_login .iziModal {margin: 0 auto !important;max-width: 480px !important;height: 520px;top: 15% !important;left: 50% !important;border: 1px solid var(--color-primary);z-index: 1051 !important;margin-left: -240px !important;}
.partner_login .iziModal:after {content: '';width: 100%;height: 0;opacity: 0;position: absolute;left: 0;bottom: 0;z-index: 1;}
.partner_login .iziModal h2 {text-align: center;font-size: 16px;padding: 20px 0;margin-bottom:0px;float: left;width: 100%;}
.partner_login .iziModal header {height: auto;}

.partner_login .iziModal.hasShadow:after {height: 30px;opacity: 1;}
.partner_login .iziModal-content header a {display: block;float: left;width: 50%;text-align: center;font-size:16px;font-weight: 600;padding: 10px 0;color: #5c5a5a;}
.partner_login .iziModal-content header a#agnsignin {width: 100%;}
.partner_login .iziModal-content header a:hover {text-decoration: none;}
.partner_login .iziModal-content header a.active {background-color: var(--color-primary);color: #fff;}

.partner_login .iziModal-content section {float: left;width: 100%;padding: 0 30px;border-top: 1px solid #ddd;}
.partner_login .iziModal-content section input:focus {border-color: #2874f0;}
.partner_login .iziModal-content section label[for="check"] {margin-bottom: 26px;font-size: 14px;color: #999;display: block;}
.partner_login .iziModal-content section button {width: 46%;height: 44px !important;border-radius: 4px;padding: 0 12px;font-size: 14px;font-weight: 500;}
.partner_login .iziModal-content section footer {overflow: hidden;}
.partner_login .iziModal-content .icon-close {position: absolute;right: 15px;top: 5px;font-size: 25px;border: 0;cursor: pointer;background: transparent;color: var(--color-white);}
.partner_login .iziModal-content .icon-close:hover, .partner_login  .iziModal-content .icon-close:focus {color: black;}

.partner_login .icon-close:hover, .partner_login  .icon-close:focus {color: black;}
.partner_login .spneye {position:absolute;right: 25px;margin-top: 0;top: 10px;}
.partner_login .spneye i{font-size: 20px;color:#777;cursor:pointer;}

.partner_login .iziModal .forgot-btn {color: var(--color-primary);font-weight: 500;font-size: 14px;}
/*.partner_login .iziModal #loginpnl p {color: red;font-weight: 500;font-size: 14px;padding-top: 8px;text-align:center;}*/

.partner_login .iziModal .form-control.col2-left {float: left;width: 30%;border-radius: 4px 0 0 4px;border-right: 0;}
.partner_login .iziModal .form-control.col2-right {float: left;width: 70%;border-radius: 0 4px 4px 0;}

/*BOA B2B LOGIN PAGE*/
.clsStaff .BSA_Login, .clsAgent .BSA_Login, .clsDistributor .BSA_Login {background-repeat: no-repeat;background-position: left;background-size: cover;display: flex;align-items: center;width: 100%;height: 100vh;}
.clsStaff .BSA_Login {background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_staff.png');}
.clsAgent .BSA_Login {background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_Agent.png');}
.clsDistributor .BSA_Login {background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_staff.png');}

.clsStaff .BSA_Login .container, .clsAgent .BSA_Login .container, .clsDistributor .BSA_Login .container{width:95%;max-width: 95%;}
.clsStaff .BSA_Login .right_content .signuppart {display: block;}

.clsAgent .left_content {flex: 0 0 60%;max-width: 60%;}
.clsAgent .left_content h1{display:none !important;}
.clsAgent .left_content ul {display:none !important;}

.BSA_Login .left_content {width:68%;flex: 0 0 68%;max-width: 68%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 92px 15px;text-align: center;}
.BSA_Login .left_content h1{font-size: 28px;font-weight: 600;color: #fff;text-align: center;padding: 0px 60px;letter-spacing: 1px;}
.BSA_Login .left_content ul {border-bottom: none;overflow: hidden;display: flex;flex-wrap: wrap;padding: 10px;}
.BSA_Login .left_content ul li {flex: 1 1 auto;text-align: center;line-height: 1.5;color: #777;position: relative;display: inline-block;padding: 0;margin: 35px 25px;list-style-type: none;}
.BSA_Login .left_content ul li > div {animation: animName 4s ease-in-out infinite;}
.BSA_Login .left_content ul li > div {font-size: 16px;color: #fff!important;border-radius: 10px;height: 120px;width: 120px;padding: 22px 0;border: 2px solid #f1f1f1;display: inline-block;transform: rotate(45deg);}
.BSA_Login .left_content ul li > div > div {animation: animName1 0s ease-in-out infinite;transform: rotate(-45deg);}
.BSA_Login .left_content ul li > div i {font-size: 45px;}
.BSA_Login .left_content ul li > div > div p {color: #ffffffc2 !important;font-size: 14px !important;font-weight: 400 !important;}
@keyframes animName {0%{transform: rotate(45deg);}50% {transform: rotate(55deg);}60%{transform: rotate(35deg);}}
@keyframes animName1 {0%{transform: rotate(-45deg);}100%{transform: rotate(-45deg);}}

.BSA_Login .right_content {flex: 0 0 32%;max-width: 32%;left: auto;text-align: center;padding: 50px 30px;background-color: #fff;border-radius: 15px;box-shadow: none;}
.BSA_Login .Input_section {border-radius: 0 8px 0 0;}
.BSA_Login .Input_section .login_head{position: absolute;background: var(--color-primary);color: #fff;padding: 8px 18px;border-radius: 0 4px 0 10px;right: 0;top: 0;font-size: 14px;font-weight: 500;}
.BSA_Login .Input_section .login_slogan{font-size:14px;text-align:center;margin: 0;padding: 20px 0;text-transform:capitalize;color: #6c6b6b;}
.BSA_Login .Input_section .form-control {font-size: 14px;font-weight: 400;height: 44px;padding: 15px 15px 15px 50px;}
.BSA_Login .Input_section .Input_simg{text-align:center;}
.BSA_Login .Input_section i {position: absolute;left: 0;top: 0;font-size: 24px;width: 45px;text-align: center;}
.BSA_Login .Input_section i.la-envelope, .BSA_Login .Input_section i.la-lock {color:#777757;padding: 10px;}
.BSA_Login .Input_section i.la-unlock-alt {top: 26px;}
.BSA_Login .Input_section i.la-eye, .BSA_Login .Input_section i.la-eye-slash {background: #fff;color: var(--color-primary);top: 10px;right: 10px;left: auto;border:none;padding: 0;}
.BSA_Login .Input_section i#iLoading {position: absolute;left: auto;right: 15px;top: 10px;color: #fff;font-size: 20px;}

.BSA_Login button {width: 46%;height: 44px !important;padding: 6px 12px;}
.BSA_Login .btn_color1 {background:var(--color-primary) !important;color:#fff !important;border:none !important;}
.BSA_Login .btn_color2 {background:var(--color-secondary) ;color:#fff !important;border:none !important;}
.BSA_Login .buttondiv {text-align: center;}
.BSA_Login .buttondiv button {margin-bottom: 15px;position: relative;}
.BSA_Login .buttondiv center span {font-size: 13px;font-weight: 600;color: #795548;}
.BSA_Login .buttondiv center span:last-child {padding-left: 2px;}

.BSA_Login .right_content .signuppart {text-align: center;margin: 15px 0;float: left;width: 100%;position: relative;}
.BSA_Login .right_content .signuppart a {font-size: 13px;color: var(--color-primary);text-transform: capitalize;font-weight: 500;background: var(--color-primary-light);padding: 4px 15px;border-radius: 20px;}
.BSA_Login .right_content .signuppart a:before {content: "";position: absolute;border-bottom: 1px dashed var(--color-primary);width: 25%;left: 16px;bottom: 8px;}
.BSA_Login .right_content .signuppart a:after {content: "";position: absolute;border-bottom: 1px dashed var(--color-primary);width: 25%;right: 16px;bottom: 8px;}

/*LOGIN - Remember me checkbox*/
.remember-me {position: relative;padding-left:20px;text-align: left;float:left;font-size:12px;margin-bottom:5px;}
.remember-me input {display: none!important;}
.remember-me label{top:-14px;font-size: 13px;position: relative;color:#000;}
.remember-me label::before {content:" ";position: relative;top: 17px;left:-20px;width: 16px;height: 16px;border: 1px solid #475569;border-radius: 3px;transition: background 0.2s ease;cursor: pointer;display: block;}
.remember-me label:after {content: '';position: absolute;top: 18px;left: -14px;width: 5px;height: 11px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.remember-me input:checked ~ label::before {border-color: transparent;background: var(--color-secondary);animation: jelly 0.4s ease;}
.remember-me input:checked ~ label:after {opacity: 1;transform: rotate(45deg) scale(1);}
.loginpanel .row .col-lg-6.form-group.remember-me{padding-left:35px;}
@keyframes jelly {from {transform: scale(1, 1);}20% {transform: scale(1.3, 0.7);}40% {transform: scale(0.7, 1.3);}60% {transform: scale(1.1, 0.9);}80% {transform: scale(0.9, 1.1);}to {transform: scale(1, 1);}}

/*Forgot Password*/
.forgotpasword_open {cursor: pointer;color: #3f51b5;font-size: 14px;text-decoration: underline;text-align: right;}
.forgotpasword_open:hover {text-decoration:none;}

/*CapsLock_log*/
.CapsLock_log {float:left; width:100%;position: relative;}
.CapsLock_log span {position: absolute;top: 25px;left: 35%;font-size: 13px;color: red;}
.CapsLock_log i.fa-warning {position: relative;right: 0;top: 0;font-size: 16px;width: auto;}

/*clsversions*/
.clsversions {position:relative;font-size: 12px;font-weight: 600;margin-top: 5px;float: left;width: 100%;}

/*Powerd by*/
.tesepr {font-family: 'MANDALA_REGULAR', sans-serif !important; font-size: 19px; font-weight: 600; background: #454B9E; background: linear-gradient(to right, #454B9E 0%, #3F86C7 50%, #4FC0AD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sts{color: #ffa423;font-weight: 600;text-decoration: underline;font-size: 15px;}

/*--Login OTP Authentication---*/
.otp_bg {background-color: var(--color-primary);background-image: url('../../../../../Images/KERALABRAHMANSABHA/Login/otp_bg.png');background-position: center;background-size: cover;text-align: center;} 
.otp_bg .card_section {display: flex;align-items: center;width: 100%;height: 100vh;}
.otp_bg .Left_pos {display: none;}
.otp_bg .Right_pos {float: left;width: 44%;margin: 0 auto;background: #fff;border-radius: 5px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);padding: 25px;}
.otp_bg .img_sec img {float: left;width: 100%;margin-bottom: 10px;}
.otp_bg button {border-radius: 30px;width: 80%;}
.otp_bg .dvclsresendotpcontainer {float: left;width: 100%;}
.otp_bg .otp_header {text-align: center;}
.otp_bg .otp_header h5 {color: var(--color-secondary);font-size: 22px;margin-bottom: 15px;}
.otp_bg .otp_header img {position: relative;width: auto;margin-bottom: 20px;}
.otp_bg .otp_header p {font-size: 12px;margin: 0;}
.otp_bg .otp_header p:last-child{font-weight: 600;}

.otp_bg .validation-summary-errors {float: left;width: 100%;}
.otp_bg .validation-summary-errors ul {list-style: none;}
.otp_bg .validation-summary-errors ul li {font-size: 14px;color: red;padding: 10px;}

.otp_bg #otp {margin: 30px auto;width: 100%;}
.otp_bg #otp .form-control {border: 1px solid #e8eaed;background-color: #cce7ff;font-size: 24px;width: 50px;height: 50px;border-radius: 50%;margin-right: 6px;text-align: center;}
.otp_bg #otp .form-control:focus {border: 2px solid var(--color-primary);}
.otp_bg .validation-summary-valid {float: left;width: 100%;}
.otp_bg .btn_section {float: left;width: 100%;}

.otp_bg a.validation-summary-errors ul li {list-style: none;padding-left: 0px 0px;color: red;font-size: 13px;font-weight: 500;}
.otp_bg .resend:hover {text-decoration: underline;}

@media (min-width: 768px) {.otp_bg {height:calc(100vh - 0px);}}
@media (max-width: 768px) {.otp_bg .Right_pos {width: 100%;}}

/***** OTP Section *****/
#OTPnew {float: right;background: #4db155;color: #fff;border-radius: 20px;padding: 0px 8px;font-style: normal;font-size: 11px;margin-bottom: 5px;}
#OTPres {color: #006ff9;text-decoration: underline;margin-bottom: 5px;float: right;font-size: 12px;font-weight: 600;}
#OTPres:hover {text-decoration:none;}

/*Login User*/
#divUserIn button:focus {border: 1px solid var(--color-primary) !important;}

.dropdown-menu-inner {position:absolute;top: 44px;right:0px;min-width:160px;z-index:1;border: 1px solid #e5e9f2;background: #fff;border-radius: 10px;z-index:1000;}
.dropdown-menu-inner .dropdown-inner {float: left;width: 100%;}
.dropdown-menu-inner .dropdown-inner ul {padding:0px;margin:0px;}
.dropdown-menu-inner .dropdown-inner ul li {float: left;width: 100%;list-style: none;border-bottom: 1px solid #f5eeee;padding: 10px;text-align: left;font-size: 12px;font-weight: 600;}
.dropdown-menu-inner .dropdown-inner ul li:last-child {border-radius: 0 0 15px 15px;text-align: left;}
.dropdown-menu-inner .dropdown-inner ul li a {color:#333;}
.dropdown-menu-inner .dropdown-inner ul li a:hover {color:var(--color-primary);text-decoration:none;}
.dropdown-menu-inner .dropdown-inner ul li i {position: relative;top: 4px;}
.dropdown-menu-inner .clsLogout {background: var(--color-primary) !important;}
.dropdown-menu-inner .clsLogout a {color:#fff !important;}

.dropdown-menu-inner .dropdown-head {padding: 10px 5px;background-color: #eff7ff;border-radius: 15px 15px 0 0;}
.drop-down .user-card {display: flex;align-items: center;gap: 6px;cursor:pointer;}
.drop-down .user-avatar {border-radius: 50%;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;color: #fff;background: var(--color-secondary);font-size: 20px;font-weight: 500;letter-spacing: 0.06em;flex-shrink: 0;}
.drop-down .user-avatar img{width:100%;border-radius:50%;height: 100%;object-fit: cover;}
.drop-down .user-info {float: left;}
.drop-down .user-info p{font-size: 13px;font-weight: 500;color:#707070;margin:0;text-align:left;}
.drop-down .user-info h6 {font-size: 15px;font-weight: 600;text-align:left;}
.drop-down .user-info h6 i {font-size: 16px;padding-left:5px;}
.drop-down .clsUserName {font-weight:500;}

/*Logout*/
#modal-fr .modal-header {border-radius:20px 20px 0px 0px;}
#modal-fr .modal-content {border-radius:20px;}

/*B2C, BOA, B2B Forget Password*/
.partner_forget .iziModal .iziModal-header {background: var(--color-secondary);box-shadow: none;padding: 12px 0px;color: #000;text-align: center;margin-bottom: 20px;}
.partner_forget .iziModal .iziModal-header h4 {text-align:center;font-size:16px;margin-bottom:0px;color:#fff;}
.partner_forget .iziModal .iziModal-header .login_head{font-size:20px;font-weight:600;text-align:center;margin-bottom:10px;text-transform:capitalize;color: #000;}
.partner_forget .iziModal .iziModal-header .login_slogan{font-size:14px;text-align:center;margin-bottom:20px;color: #6c6b6b;}
.partner_forget .iziModal .iziModal-header button {background: transparent;margin-bottom: 0px;position: absolute;right: 20px;top: 10px;font-size: 20px;font-weight: bold;border-radius: 50%;width: 30px;height: 30px;border: 0;color: #919292;cursor: pointer;z-index:999;}
.partner_forget .iziModal .iziModal-header button.icon-close {font-family:simple-line-icons !important;}
.partner_forget .iziModal .iziModal-header button:hover {color: black;}
.partner_forget .iziModal .iziModal-footer .Bottomdiv{background: #fff;margin-bottom:15px;}
.partner_forget .iziModal .iziModal-content .icon-close {position: absolute;right: 15px;top: 5px;font-size: 25px;border: 0;cursor: pointer;background: transparent;color: #fff;opacity:0.5;}
.partner_forget .iziModal .iziModal-content .icon-close:hover, .partner_login  .iziModal-content .icon-close:focus {opacity:1;}

#B2C_OTPnew {float: right;cursor: pointer;font-weight: 600;font-size: 13px;color: #438b05;margin-bottom: 3px;}
#B2C_OTPnew:hover {text-decoration:underline;}
#B2C_OTPres {float: right;cursor: pointer;font-weight: 600;font-size: 13px;color: #1121da;margin-bottom: 3px;}
#B2C_OTPres:hover {text-decoration:underline;}

/*Error Message Forget Password*/
/*#modal-forget .message.message_wrap {background: #eb423f;color: #fff;font-size: 14px;padding:5px 5px;}*/

/*Login Error Message*/
.error_message .error_active {width: 100%;font-size: .9em;padding: 3px;background-color: #eb423f;color: #fff;margin-bottom: 2px;}
.error_message .error_active ul{list-style: none;margin: auto;padding: 6px;text-align:center;}
#loginpnl p span.error_active {color: #fff;background: #eb423f;border: 1px solid #eb423f;font-weight: 600;font-size: 14px;padding: 8px;border-radius: 4px;text-align: center;width:100%;display:block;}

/*Registration*/
.BSA_Registration {background: url('../../../../../Images/KERALABRAHMANSABHA/Login/bg_Agent.png');display: flex;align-items: center;width: 100%;height: 100vh;}
.BSA_Registration #dv_Registration {float: left;width: 100%;background: #fff;border-radius: 10px;border: 1px solid #ddd;border-bottom: 5px solid #faa61a;margin-top: 10px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;}
.BSA_Registration #dv_Registration .Sec_left {display: flex;justify-content: center;align-items: center;background: var(--color-primary-light);height: 480px;border-radius: 4px;text-align: center;}
.BSA_Registration #dv_Registration .Sec_left img {margin-bottom: 20px;}

.BSA_Registration #dv_Registration .Sec_right h1 {text-align: center;font-size: 22px;padding: 20px;color: #333;margin-bottom: 20px;border-bottom: 1px solid #fdfbfb;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"] {-webkit-appearance: none;text-align: left;position: relative;height: 40px;border: 1px solid #dadce0;border-radius: 5px;width: 100%;padding-left: 10px;color: transparent;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"]::before {content: attr(data-value);display: inline-block;color: #302f2f;font-size: 13px;font-weight: 600;cursor: pointer;padding-top: 10px;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"]::-webkit-file-upload-button {visibility: hidden;}
.BSA_Registration #dv_Registration .Sec_right input[type="file"]::after {content: 'Browse Files';display: inline-block;border: 1px solid var(--color-secondary);outline: none;padding: 8px;border-radius: 0 4px 4px 0;background: var(--color-secondary);float: right;white-space: nowrap;color: #fff;font-size: 14px;font-weight: 500;cursor: pointer;position: absolute;right: 0;top: 0;}
.BSA_Registration #dv_Registration .Sec_right .fileuploader span {font-size: 11px;color: red;font-weight: 600;}

.BSA_Registration #dv_thank_you {float: left;width: 100%;display: inline-block;}
.BSA_Registration #dv_thank_you .rg-thank-you {border-radius: 10px;border: 1px solid #ddd;border-bottom: 5px solid #faa61a;margin-top: 10px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;padding: 50px 0;text-align: center;}
.BSA_Registration #dv_thank_you .details-box h5 {font-size: 22px;color: var(--color-primary);margin-bottom: 20px;}
.BSA_Registration #dv_thank_you .details-box h6 {font-size: 14px;color: #444141;margin-bottom: 20px;}
.BSA_Registration #dv_thank_you .details-box .bg-flight img {width: 85%;padding: 30px;}

/*Login — base (applies at ALL screen sizes) */
.__loginsection { overflow-x: hidden; }
.__loginsection .loginpanel { width: 100%; }
.__loginsection .login-content .input_icon { position:absolute;left:0;top:0;font-size:24px;width:45px;text-align:center;display:none; }
.__loginsection .login-content .ico { position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;width:45px;text-align:center;color:#767575;cursor:pointer; }
.__loginsection .login-content i#iLoading { position:absolute;left:auto;right:15px;top:10px;color:#fff;font-size:20px; }
.__loginsection .login-content .forgotpwd a { font-size:13px;color:#707070;margin:0;cursor:pointer; }
.__loginsection .login-content button { width:100%;height:50px;padding:6px 12px;font-size:16px;border-radius:10px; }
.__loginsection .login-content .clsTesepr { margin-top:20px;font-size:14px; }
.__loginsection .error { position:absolute;font-size:11px;color:red;font-weight:400;padding:3px 5px; }
.__loginsection .form-group { margin-bottom:30px; }
.__loginsection .right_content .login-top .login-title p a { font-weight:600;color:#000;text-decoration:underline;padding-left:5px;cursor:pointer; }
.__loginsection .left_content .left_img .login_logo { margin-bottom:15px; }
.__loginsection .left_content .left_img .login_logo img { border-radius:50%; }
.__loginsection .right_content .login-top { margin-bottom:30px; }
.__loginsection .right_content .login-top .login-title h3 { font-size:32px;font-weight:600;color:#1b1c17; }
.__loginsection .right_content .login-top .login-title p { font-size:16px;font-weight:400;color:#707070; }

/*Login — DESKTOP layout (min-width:768px) */
@media (min-width: 768px) {
    .__loginsection { background:#fbf9f1;display:flex;align-items:center;justify-content:center;height:100vh; }
    .__loginsection .container { width:75%;z-index:10;position:relative; }
    .__loginsection .left_content { padding:92px 50px;height:calc(100vh - 52px);background-image:url("../../../../../Images/KERALABRAHMANSABHA/Login/left_img.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;flex:0 0 40%;max-width:40%;display:flex;align-items:center; }
    .__loginsection .left_content .left_img h6 { font-size:36px;font-weight:600;color:#fff; }
    .__loginsection .left_content .left_img p { font-size:16px;font-weight:400;color:#fff; }
    .__loginsection .right_content { flex:0 0 60%;max-width:60%;left:auto;text-align:left;padding:50px 70px;box-shadow:none;margin-left:auto;margin-right:auto;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(255,255,255,0.75);border-radius:12px;border:1px solid rgba(209,213,219,0.3);display:flex;align-items:center; }
    .__loginsection .login-content .form-group .form-label { position:absolute;left:25px;top:-8px;z-index:2;background:#fff;padding:0 10px;font-weight:400;color:#707070; }
    .__loginsection .login-content .form-control { font-size:14px;font-weight:500;height:55px;padding:20px;border-radius:10px;color:#000;border-color:#ececec; }
    .__loginsection .login-content .form-control::placeholder { font-weight:500;color:#707070; }
}

/*LOGIN - Remember me checkbox*/
.remember-me {position: relative;padding-left:20px;text-align: left;float:left;font-size:12px;margin-bottom:5px;}
.remember-me input {display: none!important;}
.remember-me label{top:-14px;font-size: 13px;position: relative;color:#000;}
.remember-me label::before {content:" ";position: relative;top: 17px;left:-20px;width: 16px;height: 16px;border: 1px solid #475569;border-radius: 3px;transition: background 0.2s ease;cursor: pointer;display: block;}
.remember-me label:after {content: '';position: absolute;top: 18px;left: -14px;width: 5px;height: 11px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;transition-delay: 0.15s;}
.remember-me input:checked ~ label::before {border-color: transparent;background: var(--color-secondary);animation: jelly 0.4s ease;}
.remember-me input:checked ~ label:after {opacity: 1;transform: rotate(45deg) scale(1);}
.loginpanel .row .col-lg-6.form-group.remember-me{padding-left:35px;}
@keyframes jelly {from {transform: scale(1, 1);}20% {transform: scale(1.3, 0.7);}40% {transform: scale(0.7, 1.3);}60% {transform: scale(1.1, 0.9);}80% {transform: scale(0.9, 1.1);}to {transform: scale(1, 1);}}

/*Powerd by*/
.tesepr {font-family: 'MANDALA_REGULAR', sans-serif !important; font-size: 19px; font-weight: 600; background: #454B9E; background: linear-gradient(to right, #454B9E 0%, #3F86C7 50%, #4FC0AD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*--Login OTP Authentication---*/
.otp_panel{width:100%;}
.otp_panel .otp-top{margin-bottom:30px;text-align:center;}
.otp_panel .otp_img img{width:180px;margin-bottom:30px;}
.otp_panel .otp-top .otp-title h3{font-size:32px;font-weight:600;color:#1b1c17;}
.otp_panel .otp-top .otp-title p{font-size:16px;font-weight:400;color:#707070;}
.otp_panel .otp-top .otp-title p a{font-weight:600;color:#000;text-decoration:underline;padding-left:5px;cursor:pointer;}

.otp_panel .otp-content .otp_box .input-fields{display:flex;column-gap:5px;justify-content:center;}
.otp_panel .otp-content .otp_box .input-fields input{border: 1px solid #eeeeee;background-color: #eeeeee;font-size: 24px;width: 50px;height: 50px;border-radius: 4px;margin-right: 6px;text-align: center;}
.otp_panel .otp-content #otp_timer{margin-top:20px;}
.otp_panel .otp-content #otp_timer p{font-size: 14px;color: #8392a5;font-weight: 500;}
.otp_panel .otp-content #otp_timer p span{color: #001737;font-weight: 500;}
.otp_panel .otp-content button {width: 100%;height: 50px;padding: 6px 12px;font-size: 16px;border-radius:10px;}

/*Contact Page*/
.section_padding {padding:50px 0;}

.contact_page .adress-contact{background-color:#fff;height: 270px;padding: 25px 20px;margin: 40px 0;border-radius: 2px;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);margin-right:5px;display: flex;flex-flow: column;justify-content: flex-start;align-items: center;gap:20px;}
.contact_page .adress-contact svg{width: 50px;fill: var(--color-primary);}
.contact_page .adress-contact h4{font-size: 18px;font-weight:600;margin:0;}
.contact_page .adress-contact address{font-size: 16px;margin-bottom: 0px;font-style:normal;}
.contact_page .adress-contact p{font-size:16px;margin-bottom:0px;color: #2A2A2A;}
.contact_page .adress-contact p a{color: #2A2A2A;}
.contact_page .adress-contact .contact_sec{text-align:center;}
.contact_page .con_gmap {background-color: #fff;margin-bottom: 15px;border-radius: 6px;margin-top:20px;}
.contact_page .map-area iframe {width: 100%;height: 400px;}
.contact_page .mapouter {position: relative;text-align: right;width: 100%;height: 400px;}
.contact_page .gmap_canvas {overflow: hidden;border-radius: 12px;}

/*===============================
          Session Expired
=================================*/

.Session_Expired .clsBoxShdow {font-size: 14px;font-weight: 600;margin: 0 auto;text-align: center;}
.Session_Expired .clsBoxShdow h3 {display: none;}
.Session_Expired .clsMySubLabel {color: #132968;font-size: 16px;font-weight: 500;margin: 0;padding-bottom: 20px;text-align: center;margin-top:25px;}
.Session_Expired ul.clsUlContent {border-radius: 8px;border: 1px solid;background: rgb(255, 247, 237);border-color: rgb(247, 175, 72);color: rgb(208, 126, 9);list-style: none;width: 50%;margin: 0 auto;text-align: left;padding: 15px;}
.Session_Expired ul.clsUlContent li {font-size: 13px;font-weight: 600;line-height: 2;list-style: decimal;margin-left: 20px;}

/* ===============================  
        Home Section
================================== */
/*Markquee section*/
.markque_section{display:none;}
.markque_section marquee{color: #fff;font-weight: 500;border-bottom: 1px solid #85525b;padding-bottom: 10px;font-size: 14px;margin: 0;}

/* NAVBAR */
.navbar{background-color: var(--color-white);color: var(--color-black);padding: 10px;border-bottom:1px solid #D6D6D6;}
.nav-link{color: #000;font-weight: 600; line-height: 19px; font-size: 15px;padding-left:0px !important;padding-right:0px !important;}
.nav-link .sub_arrow i {padding-left:10px;}

.blackbar{background-color: var(--color-primary);padding:5px 0px;}
.tpcontact ul{padding-left: 0;margin-bottom: 0;}
.tpcontact ul li{list-style-type: none;display: inline-block;padding: 5px 15px 5px 15px;}
.tpcontact ul li:last-child{border-right:0;}
.tpcontact ul li a{color: var(--color-white);font-size: 14px;font-weight: 500;}
.tpcontact ul li a i{font-size: 20px;position: relative;top: 2px;color: #fff;}
.login_content{text-align:right;}

.doubledeck_btn {}
.doubledeck_btn ul {list-style: none;margin: 0;padding: 0;}
.doubledeck_btn ul li {float: left;border-right:1px solid #df4920;}
.doubledeck_btn ul li:last-child {border-right:0;}
.doubledeck_btn ul li:last-child a{margin-right: 0;}
.doubledeck_btn a:hover {text-decoration:none;}
.doubledeck_btn a i, .doubledeck_btn button i {position: relative;top: 2px;font-size: 20px;padding-right: 4px;}
.doubledeck_btn a i.fa-ticket {font-size: 18px;}

.doubledeck_btn .log_btn {position: relative;padding: 10px 5px;cursor: pointer;font-size: 13px;color: #fff;margin-right: 4px;display: inline-block;}
.doubledeck_btn .log_btn a:hover {text-decoration:none;}
.doubledeck_btn .log_btn.btn_l {color: #fff;background-color: transparent;background: var(--color-secondary);padding: 6px 15px;font-size:14px;font-weight:600;border-radius:40px;transition: all .3s;}
/*.doubledeck_btn .log_btn.btn_l:hover {background-image:var(--color-gradient-bg);}*/
.doubledeck_btn .log_btn.btn_2 {padding: 10px 15px;}

.menu ul{list-style: none;text-align: center;padding:0px;margin:0px;}
.menu a.nav-link{text-decoration: none;display: block;position: relative;color:#000;padding: 13px 20px !important;}
.menu a.active {color: var(--color-primary);}
.menu a:hover {color: var(--color-primary);}

.dropdown:hover .dropdown-content {display:block !important;}
.dropdown:hover a.nav-link::before {height: 3px;width: 100%;left: 0;background-color: #3f444b;z-index: 2;}
.dropdown:hover a.nav-link {color:var(--color-primary);}
.sub-menu {width: 100%;top: auto;left: 0px;min-width: 10em;max-width: 1000px;background-color: #fff;font-size: 13px;z-index: 2;position: relative;float: left;}
.sub-menu li a {color:#33373d;font-size:13px;padding:13px 20px;float: left;width: 100%;text-align: left;}
.dropdown-content {position: absolute;z-index: 2;font-weight: 500;float: left;width: 100%;}
.sub-menu li a:hover {background-color: #3f444b;color: #fff;}

.dropdown-item{ font-size: 14px; transition: 0.3s ease;}
.dropdown-item:hover{background-color: rgba(73, 182, 255, 0.6); }

.fa-sort-up{color: #fff;position: absolute;top: -8px;left: 26%;font-size: 21px;}
.visa:hover .visaMenu{display: block;}
.visit:hover .visitMenu{display: block;}
.tours:hover .toursMenu{display: block;}
.forex:hover .forexMenu{display: block;}
.more:hover .moreMenu{display: block;}

@keyframes dropdown {0% {opacity: 0;transform: translateY(10px);}100% {opacity: 1;transform: translateY(0);}}

.main-navbar .navbar-nav .nav-item a.nav-link:before {content: "";width: 0;height: 1px;bottom: 0;position: absolute;left: auto;right: 0;z-index: 0;}
.main-navbar .navbar-nav .nav-item a.nav-link:hover:before,
.main-navbar .navbar-nav .nav-item a.nav-link:focus:before,
.main-navbar .navbar-nav .nav-item a.nav-link.active:before {height: 3px;width: 100%;left: 0;background-color: #3f444b;z-index: 2;}
/* NAVBAR */

/*Home_slider*/
.__HomeSlider .carousel-inner{height:calc(100vh - 135px);}
.__HomeSlider img {width: 100%;height:100%;object-fit:cover;}
.__HomeSlider .carousel-inner a:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:linear-gradient(45deg, #000000, #000000a1, #000000);opacity:.6;}
.__HomeSlider #startchange{position:relative;}
.__HomeSlider #carousel-fade .carousel-indicators{display:none;}

/* Slider CSS Coding */
.carousel-fade .carousel-inner .item {opacity: 1;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.fa .fa-chevron-right{position: absolute;top: 50%;z-index: 5;display: inline-block;}
.carousel-control .icon-prev, .carousel-control .icon-next,.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {position: absolute;top: 50%;z-index: 5;display: inline-block;}

.carousel_cnt {position: absolute;width: 100%;text-align: center;bottom: 40px;color: #fff;z-index: 2;max-width: 65%;left: 50%;transform: translate(-50%, 0px);}
.carousel_cnt .text-center {font-weight: 500;font-size: 20px;}

.btn_sec{display:flex;align-items:center;justify-content:space-between;}
.btn_sec a{font-size: 16px;padding: 10px 24px;color: #fff;text-align: center;border-radius: 0px;border:none;font-weight:600;width:100%;}
.btn_sec a.clsJobBtn{background:var(--color-primary);}
.btn_sec a.clsMatrimonyBtn{background:var(--color-secondary);}
.btn_sec a.clsMemberBtn{background:var(--color-primary);}
.btn_sec a:hover{text-decoration:none;color:#fff;}

.carousel_content{position:absolute;width:100%;text-align:center;z-index:2;top:15%;}
.carousel_content h2{color:#fff;font-size:72px;text-transform:capitalize;font-family: "Playfair Display", serif;font-weight:700;}
.carousel_content h2 span{color:var(--color-secondary);font-family: "Playfair Display", serif !important;}
.carousel_content p{color:#fff;font-size:18px;color:#e1e1e1;font-weight:600;display:none;}
.carousel_content button{padding:12px 40px;font-size:16px;border-radius:50px;background:var(--color-secondary);border:1px solid var(--color-secondary);color:#000;font-weight:600;margin:0 8px;}
.carousel_content .Registerbtn{background: #ffffff2e;color: #fff;border: 1px solid #ffffff94;}
.carousel_content  .btn_section{margin-top:35px;}

/*footer section*/
.__footer.clsb2cContent {padding: 45px 0 10px;position: relative;z-index: 0;}
.__footer.clsb2cContent:before{content: '';background: var(--color-primary);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.__footer.clsb2cContent .container{max-width:80%;}
.__footer .about-logo{text-align:center;}
.__footer .clsSocialIcons ul {padding: 0px;list-style: none;margin: 0px;text-align: center;margin-top: 15px;}
.__footer .clsSocialIcons ul li {display: inline-block;margin-right: 10px;margin-top: 15px;}
.__footer .clsSocialIcons ul li a {color: #fff;font-size: 20px;padding: 10px 14px;background: linear-gradient(135deg, #e69119, #f47b25);border-radius: 4px;}
.__footer .clsSocialIcons ul li a:hover {opacity: .9;color: #fff;}
.__footer .clsQuickLinks h3{color:#fff;font-size: 20px;margin-bottom:15px;}
.__footer .clsQuickLinks h3:before, .__footer .clsConatactInfo h3:before{content: "";width: 40px;height: 3px;border-radius: 4px;background: var(--color-secondary);position: relative;display: inline-block;top: -5px;margin-right: 10px;}
.__footer .clsQuickLinks ul {padding: 0px;list-style: none;margin: 0px;}
.__footer .clsQuickLinks ul li{margin-bottom:8px;}
.__footer .clsQuickLinks ul li a {color: #fff;font-size: 15px;opacity:.8;}
.__footer .clsConatactInfo h3{color:#fff;font-size: 20px;margin-bottom:15px;}
.__footer .clsConatactInfo ul {padding: 0px;list-style: none;margin: 0px;}
.__footer .clsConatactInfo ul li{display: flex;gap: 12px;color: #fff;align-items: flex-start;margin-bottom:8px;}
.__footer .clsConatactInfo ul li a {color: #fff;font-size: 15px;opacity:.8;}
.__footer .clsQuickLinks ul li a:hover, .__footer .clsConatactInfo ul li a:hover{opacity:1;}
.__footer .clsConatactInfo ul li i{color:var(--color-secondary);position: relative;top: 3px;}
.__footer .copyright-content{margin-top: 10px;border-top: 1px solid #85525b;}
.__footer .copyright p{color:#fff;margin-top:10px;}

/*animate CSS*/
@keyframes float{from{transform:translateY(-5px)}to{transform:translateY(5px)}}
@keyframes side_scroll{from{transform:translateX(0px)}to{transform:translateX(-180px)}}
@keyframes scroll_up{from{transform:translateY(0px)}to{transform:translateY(-550px)}}
@keyframes text_animate {0% {background-position: -500%;}100% {background-position: 500%;}}
@keyframes text_animate2 {0% {background-position: -500%;}100% {background-position: 500%;}}
@keyframes icons{from{transform:scale(0.9)}to{transform:scale(1)}}
@keyframes inspire{from{transform:scale(1)}to{transform:scale(1.1)}}

/*Header*/
.header .blackbar {background: rgb(219,45,44);background: linear-gradient(90deg, rgba(219,45,44,1) 0%, rgba(249,130,21,1) 100%);color: #fff;}
.header .tpsignin ul{padding: 0;list-style-type: none;margin: 0;}
.header .tpsignin ul.clssupport{display:none;}
.header .tpsignin ul li {display: inline-block;line-height: inherit;}
.header .tpsignin ul li i {font-size:20px;position: relative;top: 2px;}
.header .tpsignin ul li a, .header .blackbar .tpsignin ul li span {color:var(--color-white);font-size: 13px;}

.header .tpsignin ul li {position: relative;z-index: 1;}
.header .tpsignin ul li a{color: #707070 ;font-weight: 400;}
/*.header .tpsignin ul li:last-child a, .header .blackbar #divUserOut.tpsignin ul li:last-child a span {color: var(--color-white);}*/
 
.header nav.navbar-static-top {float: left;width: 100%;background: var(--color-white);box-shadow:0 2px 6px 0 rgba(199,197,197,0.7);}
.header .agent_logo {float: left;}
header .navbar-brand{padding:0;}
header .navbar-brand img{width:200px;}

.navbar-header {float: right;}
.navbar-header .wsmenu {max-width: 100%;background-color: var(--color-white);border-radius: 0;}
.navbar-header .wsmenu ul li a i {display: none;}
.navbar-header .wsmenu ul li ul li:first-child a {border-left: 0;}
.navbar-header .wsmenu ul li ul li ul.wsmenu-submenu-sub {right: 100%;left: inherit;}
.navbar-header .wsmenu-list > li:nth-last-child(2) ul, .navbar-header .wsmenu-list > li:last-child ul {right: 0;}
.navbar-header .wsmenu ul li ul li a:hover{background-color:var(--color-light) !important;color:var(--color-primary) !important;}
.navbar-header .wsmenu ul li ul li a i {display: inline-block;font-size: 20px;padding-right: 6px;}

.navbar-header .wsmenu-list > li > a {color: var(--color-black);padding: 10px 5px;border-right:none;}
.navbar-header .wsmenu-list > li > a:hover{background-color:transparent !important;}
.navbar-header .wsmenu-list > li > a > span {font-weight: 500;padding: 2px 5px;margin: 0;}
.navbar-header .wsmenu-list > li > a:hover > span {background-color: var(--color-primary);color: var(--color-white);border-radius: 10px 0px 10px 0px;}
.navbar-header .wsmenu-submenu {top: 60px;min-width: 240px;border-top: 3px solid var(--color-primary);}
.navbar-header .wsmenu-submenu li a {color: #2c3a4e !important;font-size:12px; font-weight: 600;}

header.header nav li.m_overscrl:hover{position:relative;}
header.header nav li.m_overscrl .wsmenu-submenu {overflow: auto;max-height: calc(100vh - 110px);}

/*Wrapper*/
.wrapper {float: left;width: 100%;}

button:focus {outline:none !important;}
ul li a:hover {text-decoration:none;}

.form-control:disabled, .form-control[readonly] {background-color: transparent !important;opacity: 1;}
/*input[type="text"] {letter-spacing:normal;border-radius: 10px !important;border:1px solid #cfcfcf;}*/

/*------------------------------------
          Card CSS
------------------------------------*/

._MCard {float: left;width: 100%;background: #fff;border-radius: 10px;border: 1px solid #ddd;margin-top: 30px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;position: relative;margin-bottom:20px;}
._MCard-header {float: left;width: 100%;padding: 25px;display:flex;justify-content:space-between;}
._MCard-header h4 {font-size: 20px;margin: 0;}
._MCard-header h4 button {height: 30px;margin-top: 0;float: right;position: relative;top: -5px;}
._MCard-content {float: left;width: 100%;padding: 25px;position: relative;}
._MCard-content .form-progress{margin-bottom:30px;} 
 
.card {background: #fff;border-radius: 10px;border: 1px solid #ddd;margin-top: 10px;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;}
.card .card-title {margin: 0;border: 0;border-bottom: 1px solid #ddd;}
.card .card-title h4 {padding: 10px;margin: 0;font-size: 16px;}
.card .card-title h4 button {height: 32px;font-size: 12px;float: right;position: relative;top: -4px;cursor: pointer;}
.card .card-title h4 button:hover {background-color: var(--color-secondary);color: #fff !important;}
.card .card-body {padding: 10px;}
.card .card-body .form-group label {float: left;width: 100%;font-size: 13px;color: #777;font-weight: 500;margin-bottom: 0.25rem !important;}
.card .card-body .pwd {height:40px;}
.card .card-body input[type=checkbox], .card .card-body input[type=radio] {height: auto !important;text-align: left;width: auto;}
.card .card-body .cntr label.cbx {width: 20px;}
.card .card-body .cntr label.lbl {font-size: 13px;font-weight: 500;}
.card .card-footer {background: #fff;padding: 0;border: 0;border-radius: 0 0 10px 10px;}

.panel_tabel{border: 1px solid #ddd;border-radius: 10px;}
.panel_tabel .panel-title{padding: 15px;}
.panel_tabel .panel-title h5{font-size: 16px;margin: 0;}
.panel_tabel .panel_body{padding: 5px 15px 10px 15px;}
.panel_tabel .panel_body table{border: 1px solid #e1dfdf;}
.panel_tabel .panel_body table tr th {border: 1px solid #e1dfdf;background: #1b1c17;color: #fff;}
.panel_tabel .panel_body table tr td .form-control{height:40px;border-radius:4px !important;}

.Add_min_btn{display: flex;gap: 10px;justify-content: center;}
.Add_min_btn .__Addbtn, .Add_min_btn .__minusbtn{background: #eee;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;text-align: center;font-size: 16px;cursor:pointer;}

/* ===============================  
      Protected Page Coming Soon
   ================================ */

/***** Secure_page *****/
.Secure_page .fxt-template-default {height: 100vh !important;}
.Secure_page .wrapper {opacity: 1;position: relative;z-index: 1;height: 100%;width: 100%;overflow-x: hidden;transition: all 0.3s ease-in-out;}
.Secure_page .fxt-content-wrap-layout {background-color: rgba(0, 0, 0, 0.5);padding: 100px 15px;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.Secure_page .S_conpage {color: #fff;width: 100%;text-align: center;}
.Secure_page .S_conpage h2 {color: #fff;}
.Secure_page .S_conpage p {font-size: 14px;color:#fff;}
.Secure_page .S_conpage .theme-form {width: 25%;margin: 0 auto; }
.Secure_page .S_conpage .theme-form label {color: white;font-size: 20px;text-transform: capitalize; }
.Secure_page .S_conpage .theme-form input {padding: 13px 25px;border-radius: 25px;font-size: 16px;height: 50px;border: none;}
.Secure_page .S_conpage .theme-form input:focus {-webkit-box-shadow: none;box-shadow: none;border: 1px solid #dddddd; }
.Secure_page .S_conpage .theme-form .actions {margin-top: 20px; }
.Secure_page .S_conpage .theme-form .actions .btn {padding: 10px 30px;border-radius: 3px;background-image: linear-gradient(90deg, #E6B027 0%, #CA5656 100%);color: #fff;font-weight: 500;font-size: 16px;position: relative;border: none;transition: all .3s;}   
.Secure_page .S_conpage .theme-form .actions .btn:hover {background-color: transparent;background-image: var(--color-gradient-bg);}

@-webkit-keyframes zoomeffect{0%{background-position:center;transform:scale(1,1);}50%{background-position:center;transform:scale(2,2);}100%{background-position:center;transform:scale(1,1);}}
@keyframes zoomeffect{0%{background-position:center;transform:scale(1,1);}50%{background-position:center;transform:scale(2,2);}100%{background-position:center;transform:scale(1,1);}}

/***** Coming Soon *****/

@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 200;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 600;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype');}
@font-face {font-family: 'Work Sans';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/s/worksans/v13/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jow.ttf) format('truetype');}

.Comming_soon .fxt-template-default {height: 100vh;}
.Comming_soon .wrapper {opacity: 1;position: relative;z-index: 1;height: 100%;width: 100%;overflow-x: hidden;transition: all 0.3s ease-in-out;}
.Comming_soon .fxt-content-wrap-layout {background-color: rgba(0, 0, 0, 0.5);padding: 100px 15px;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

.Comming_soon .S_conpage {color: #fff;text-align: center;}
.Comming_soon .S_conpage h2 {color: #fff;float: left;width: 100%;}
.Comming_soon .S_conpage .theme-form {width: 25%;margin: 0 auto; }
.Comming_soon .S_conpage .fxt-item-title {color: #ffffff;line-height: 1.5;margin-bottom: 30px;letter-spacing: 1.5px;font-size: 50px;font-weight: 400;}
.Comming_soon .S_conpage img {width: 280px;}

.Comming_soon .fxt-btn-fill {cursor: pointer;display: inline-block;font-size: 18px;font-weight: 500;color: #333;border-radius: 45px;background-color: var(--color-secondary);padding: 10px 40px;transition: all 0.3s ease-in-out;border:none;display:none;}

.Comming_soon .countdown {margin-bottom: 40px;float: left;width: 100%;}
.Comming_soon .countdown .countdown-section {display: inline-block;margin-right: 75px;min-width: 160px;position: relative;}
.Comming_soon .countdown .countdown-section .countdown-number {font-size: 100px;line-height: 1.1;font-weight: 600;color: #ffffff;font-family: 'Work Sans', sans-serif;}
.Comming_soon .countdown .countdown-section .countdown-unit {color: #ffffff;text-transform: capitalize;font-size: 26px;font-weight: 300;font-family: 'Work Sans', sans-serif;}
.Comming_soon .countdown .countdown-section:after {content: ":";font-size: 100px;font-family: 'Work Sans', sans-serif;line-height: 1;color: #ffffff;font-weight: 300;position: absolute;top: 0;right: -50px;}
.Comming_soon .countdown .countdown-section:last-child:after {display: none;}

.Comming_soon .cs_footer {float: left;width: 100%;text-align: center; color: #fff;padding: 50px 0;}
.Comming_soon .cs_footer p {font-size: 16px;}

.title_section{text-align: center;margin-bottom: 70px;}
.title_section p{font-size: 16px;
    color: var(--color-secondary);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px;letter-spacing: 3px;}
.title_section h2{font-size:42px;font-weight:700;color: #2e241f;position:relative;font-family: "Playfair Display", serif;}
.title_section h2:after{content: "";
    width: 120px;
    height: 2px;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    bottom: -20px;
    background: var(--color-secondary);}


/* ===============================  
         BrahmanaSabha
================================== */
.__clsBrahmanaSabha {padding: 80px 0px;width: 100%;position: relative;background-color: #f9f7f5;position:relative;overflow:hidden;}
.__clsBrahmanaSabha:before{content: "";width: 200px;height: 200px;position: absolute;right: -80px;top: -60px;background: #f7f1ea;border-radius: 50%;}
.__clsBrahmanaSabha:after{content: "";width: 200px;height: 200px;position: absolute;left: -80px;bottom: -60px;background: #f7f1ea;border-radius: 50%;}
.__clsBrahmanaSabha .m_container{max-width:80%;}
.__clsBrahmanaSabha .clsBrahmanaImg img{width: 100%;height: auto;border-radius: 20px 20px 20px 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.__clsBrahmanaSabha .clsBrahmanaContent p{text-align:justify;letter-spacing:0.2px;line-height:26px;color: #2e241f;}
.clsReadMorebtn {color: #fff;background-color: transparent;background-image: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);padding: 12px 24px;font-size: 15px;font-weight: 600;border-radius: 4px;transition: all .3s;display:inline-block;position:relative;z-index:2;}
/*.clsReadMorebtn:hover {background-image:var(--color-gradient-bg);text-decoration:none;color:#fff;}*/
.clsBrahmanaImg:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform: rotate(87deg);border: 2px solid #7722301a;border-radius: 10px;}
.clsBrahmanaImg:after{content: "";width: 100%;height: 94%;position: absolute;left: -13px;top: 12px;transform: rotate(90deg);border: 2px solid #e6911933;border-radius: 10px;}

/* ===============================  
         MissionVisson
================================== */
.__clsMissionVisson {padding: 80px 0;width: 100%;background-color: var(--color-primary);position:relative;}
.__clsMissionVisson .particle1{position: absolute;left: 35px;top: 40px;}
.__clsMissionVisson .particle2{position: absolute;right: 35px;bottom: 40px;}
.__clsMissionVisson .particle1 svg, .__clsMissionVisson .particle2 svg{width:70px;height:70px;color:var(--color-secondary);opacity:.5;}
.__clsMissionVisson .m_container{max-width:80%;}
.__clsMissionVisson .title_section h2{color:#fff;}
.__clsMissionVisson .clsContent{display: flex;flex-direction: column;width: 100%;height: 100%;background: #f9f4ec1a;border: 1px solid #f7f7f714;border-radius: 10px;padding: 20px;}
.__clsMissionVisson .clsContent p{color:#fff;text-align:justify;font-size:16px;}
.__clsMissionVisson .clsTitle{margin-bottom: 20px;color: #fff;font-weight: 600;}
.__clsMissionVisson .clsTitle i{margin-right: 8px;color: #ffffff;font-size: 24px;background: linear-gradient(135deg, #e69119, #f47b25);width: 48px;height: 48px;line-height: 48px;text-align: center;border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}


/* ===============================  
         Lastest Event
================================== */
.__clsLatestEvents {padding: 80px 0px;width: 100%;position: relative;background-color: #f9f6f1;}
.__clsLatestEvents .m_container{max-width:80%;}
.__clsLatestEvents h2.clsOurLatest{color: var(--color-primary);font-size: 32px;font-weight: 600;line-height: 42px;text-align: center;margin-bottom: 15px;}
.__clsLatestEvents p.clsExcitingEvents{text-align:center;}
.__clsLatestEvents .clsCardContent{width: 100%;border-radius: 10px;background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.__clsLatestEvents .clsLatestEventsImg{overflow:hidden;border-radius: 10px 10px 0 0;}
.__clsLatestEvents .clsLatestEventsImg img{width: 100%;height: 220px;object-fit: cover;object-position: center center;border-radius: 10px 10px 0 0;transition: .3s;}
.__clsLatestEvents .clsRightContent{padding: 20px;}
.__clsLatestEvents .clsRightContent h5{font-size: 20px;font-weight: 600;}
.__clsLatestEvents .clsRightContent a{color:#2e241f;}
.__clsLatestEvents .clsRightContent a:hover {text-decoration:none;}
.__clsLatestEvents .clsContent p{text-align: left;color: #7e6f67;font-size: 14px;font-weight: 400;margin-bottom: 10px;min-height: 60px;}
.__clsLatestEvents .clsReadMore a{color: var(--color-primary);font-weight: 600;font-size: 14px;}
.__clsLatestEvents .clsReadMore a i{padding-left: 6px;font-size: 18px;position: relative;top: 2px;}
.__clsLatestEvents .clsReadMore a:hover {color:#d59318;text-decoration:none;}
.__clsLatestEvents .clsCardContent:hover .clsLatestEventsImg img{scale: 1.1;}

.img_sec {position:relative;padding:15px 0px;}
.img_sec img {height: auto;max-width: 100%;border: none;border-radius: 0;box-shadow: none;}

.clsourlatestevents .post-info {position: absolute;bottom: 15px;background: rgb(255 255 255 / 80%);width: 100%;text-align: center;padding: 20px 0px;}
.post-info h1 {color:#302c51;}
.post-info ul {text-align:center;margin:0px;padding:0px;}
.post-info ul li {list-style:none;display:inline-block;margin:0px 10px;}
.post-info ul li span {font-size: 14px;font-weight: 600;color: #302c51;}
.post-info ul li span i {color: var(--color-primary);font-size: 17px;padding-right: 4px;position: relative;top: 2px;}

/* ===============================  
         Our History
================================== */
.clsOurHistory {padding:50px 0px;}
.clsOurHistory p {font-size: 16px;font-weight: 400;color: #000;text-align: justify;line-height: 26px;}

.clspresidentdesk {padding:50px 0px;}
.clspresidentdesk p {font-size: 16px;font-weight: 400;color: #000;text-align: justify;line-height: 26px;}

/* ===============================  
            Events
================================== */
.clsEvents {padding:15px 0px;}
.clsEvents p {font-size: 16px;font-weight: 400;color: #000;text-align: justify;line-height: 26px;}
.clsourevents {padding: 50px 0;width: 100%;background-color: #fff;background-repeat: no-repeat;background-image: url('../../../../../Images/KERALABRAHMANSABHA/brush-image.png');}
.img_events {margin-bottom:15px;padding:0px 10px;}
.img_events img {width:100%;max-width:100%;height:auto;border:none;box-shadow:none;border-radius: 0;}
.events_name {text-align: center; margin: 15px 0px 20px 0px;}
.events_name a {font-size: 20px;font-weight: 600;line-height: 30px;color:#302c51;}
.events_name a:hover {text-decoration:none;color:#302C51;}

/* ===============================  
             Gallery
================================== */
.clsGallery {padding:50px 0px;}
.clsGallery .__clsCard .clsContImg{width:100%;height:300px;border: 1px solid #ccc;padding: 5px;z-index: 1;position:relative;}
.clsGallery .__clsCard .clsContImg img{width: 100%;height: 100%;object-fit: cover;object-position:top center;}
.clsGallery .__clsCard .clsContImg::after {content: " ";left: -7px;position: absolute;right: 11px;top: 5px;border-style: none none double double !important;border-color: #ccc;z-index: -1;border-width: 4px !important;bottom: -7px;}
.clsGallery .__clsCard .clsCont h5 {font-weight: 600;text-transform: capitalize;font-size: 18px;line-height: normal;margin: 15px 0 0;padding: 0;color:#c36;cursor:pointer;text-align:center;}
.clsGallery .__clsCard .clsCont h5 a{color:#c36;text-decoration:none;}
.clsGallery .__clsCard .clsCont h5:hover a{color:#336;}
.clsGallery .ImgCount p{margin:0px;padding-top:10px;font-style:italic;text-align:center;color:#333;}

.clsGallery .clsUploadImgLink{width:100%;height:300px;z-index: 1;position:relative;margin-bottom:15px;}
.clsGallery .clsUploadImgLink img{width: 100%;height: 100%;object-fit: cover;object-position:top center;}

.clsGallery .clsAlbumDetails .aigpl-breadcrumb{color: #c36;font-size: 14px;font-weight: 600;}
.clsGallery .clsAlbumDetails p {font-size:14px;color:#333;}

/* ===============================  
      Sidebar menu
================================== */
.body_container{display: flex;}
 
.hidesidebar {color: #495584;text-align: center;display: flex;justify-content: space-between;padding: 20px 25px;}
.hidesidebar a img{width:35px;}

.bar-icon {display: none;width: 18px;cursor:pointer;}
.bar-icon span {background-color: #113c72;border-radius: 500px;display: block;float: left;height: 2px;margin-bottom: 4px;width: 18px;}
.bar-icon span:nth-child(2) {width: 14px;}
.bar-icon span:nth-child(3) {margin-bottom: 0;}

.sidebar_menu {border-right: 1px solid #eee;width: 250px;max-width:250px;transition: all 0.2s ease-in-out 0s;background: #1b1c17;border-top: 1px solid #efefef;position: sticky;z-index: 2;top: 0;background-image: url(https://keralabrahmanasabha.in/member/assets/images/sidebar-bg.png);}
.sidebar_menu .sidebar-body {padding:0px 0px 20px 0px;height:calc(100vh - 0px);}
.sidebar_menu #navbar-nav {list-style: none;padding: 0;margin: 0;border-bottom:0;}
.sidebar_menu #navbar-nav .nav-item {float: left;width: 100%;list-style: none;position:relative;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu{padding: 10px 12px 6px 12px;font-weight: 700;border-radius: 20px 0px 0px 20px;cursor:pointer;color: #ffffffb3;font-size: 14px;display: flex;align-items: center;float:left;width:100%;border:0;gap:10px;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu i{font-size: 22px;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu span {float:left;width:100%;position:relative;font-size:14px;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu:hover {color: var(--color-primary);border:0;}
.sidebar_menu #navbar-nav .nav-item .clsmainmenu.active {background: none !important;color:#e30a58 !important;}
.sidebar_menu #navbar-nav .nav-item .nav {border-left: 1px solid #e5e9f2b3;margin-left: 20px;padding-left: 13px;padding-bottom: 3px;float: left;flex-direction: column;}
.sidebar_menu #navbar-nav .nav-item .nav a {color:#1b2e4b;font-size:12.5px;position:relative;display:block;width:100%;margin-top:5px;}
.sidebar_menu #navbar-nav .nav-item .nav a.active, .sidebar_menu #navbar-nav .nav-item .nav a:hover{color:var(--color-primary);text-decoration:none;}
.sidebar_menu #navbar-nav .nav-item .nav a.active::before {content: '';position: absolute;top: 0;bottom: 0;left: -14px;border-left: 1px solid var(--color-primary);}
.sidebar_menu #navbar-nav .nav-item .nav a i{margin-right:10px;font-size:14px;}
.sidebar_menu #navbar-nav .nav-item:last-child{}

/*Minisidebar*/
.sidebar_menu.mini-sidebar_menu {width:95px;}
.sidebar_menu.mini-sidebar_menu .hidesidebar{right:inherit;left:50%;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu{border-radius: 0px;display: block;text-align: center;border-left:3px solid transparent;position:relative;border-bottom:1px solid #fff;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu i{font-size: 25px;margin-right: 0px;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu.active, .sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover a.clsmainmenu {border-left: 3px solid var(--color-primary);background: var(--color-primary) !important;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .nav.changetab{display:none;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover > .changetab {display:block;background:var(--color-white);position: absolute;top: 41px;left: 100%;padding: 0px 6px 10px 6px;height: auto;width: 190px;text-align: left;border:1px solid #ddd;margin:0; }
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu.active i{color:#fff;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover i{color:#fff;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .clsmainmenu span, .sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item .nav a.active::before {display:none;}
.sidebar_menu.mini-sidebar_menu #navbar-nav .nav-item:hover .clsmainmenu span {display:block;color: #fff;position:absolute;top:0;left:100%;padding: 10px 6px;height:100%;width:190px;text-align:left;background:var(--color-primary)}

.main_content{width: 85%;float:left;background:#fbf9f1;}
.main_content .m-container{max-width:98%;width:98%;}

.upload-img-box .profileImage-upload{background-color: transparent;border: 2px solid var(--color-primary);border-radius: 0;height: 80px;max-width: 80px;position: relative;margin:0 auto 20px auto;}
.upload-img-box .profileImage-upload img{width: 100%;height: 100%;object-fit: cover;}
.upload-img-box .profileImage-upload input[type=file]{opacity: 0;z-index: 10;width: 100%;height:100%;cursor: pointer;border-radius: 50%;}
.upload-img-box .profileImage-upload .icon {position: absolute;bottom: -20px;right: -12px;width: 38px;height: 38px;border: 1px solid #fff;border-radius: 50%;background-color: #8d84ef;color:#fff;display: flex;justify-content: center;align-items: center;z-index: 10;cursor: pointer;}
.upload-img-box .profileImage-upload .icon i{position:absolute;}
.upload-img-box #Image_error{text-align:center;}

.membership_sec{text-align:center;}
.membership_sec ul{display: flex;gap: 20px;list-style: none;justify-content: center;padding: 0;}
.membership_sec h4{font-size:18px;margin: 15px 0 25px;}
.membership_sec .terms-condition{display:flex;align-items: flex-start;text-align: left;gap: 10px;margin:30px 0 15px 0;}
.membership_sec .terms-condition label{font-size: 16px;color: #707070;font-weight: 400;}
.membership_sec p{font-size:16px;color:#707070;text-align:left;}
.membership_sec p.errormsg{font-size:13px !important;}

.error{font-size: 12px !important;color: red;}
.__Registerstatus{text-align: center;padding: 10px;border: 1px solid #fddfaf;border-radius: 4px;background: #fff4e1;color: #b57f2b;margin: 20px 0 0;font-weight: 500;}


.panel_tabel{border: 1px solid #ddd;border-radius: 10px;}
.panel_tabel .panel-title{padding: 15px;}
.panel_tabel .panel-title h5{font-size: 16px;margin: 0;}
.panel_tabel .panel_body{padding: 5px 15px 10px 15px;}
.panel_tabel .panel_body table{border: 1px solid #e1dfdf;}
.panel_tabel .panel_body table tr th {border: 1px solid #e1dfdf;background: #1b1c17;color: #fff;}
.panel_tabel .panel_body table tr td{border:1px solid #ddd;}
.panel_tabel .panel_body table tr td .form-control{height:40px;border-radius:4px !important;}

.Add_min_btn{display: flex;gap: 10px;justify-content: center;}
.Add_min_btn .btnAdd{background: #52e54e !important;}
.Add_min_btn .btnRemove{background: #f74949 !important;}
.Add_min_btn .btnAdd, .Add_min_btn .btnRemove{background: #eee;width: 32px;height: 32px;line-height: 32px;border-radius: 50%;text-align: center;font-size: 16px;cursor:pointer;}
#divUserGrid  button.w2ui-btn{padding:6px 5px;width:45%;}

.sidebar-footer {position: sticky;bottom: 0;background: var(--color-primary);}

/*__clsCreateEvent__*/
.__clsCreateEvent{padding-top: 20px;}
.__clsCreateEvent .mcontainer {max-width: 700px;}
.__clsCreateEvent .eventContainer .eventHeader h2 {font-weight: 600;font-size: 25px;margin: 0px;}
.__clsCreateEvent .eventContainer .eventHeader .sub-text {color: #777;margin-bottom: 20px;}
.__clsCreateEvent .eventContainer .form-card {background: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}
.__clsCreateEvent .eventContainer .form-card label{color:#000;margin-bottom: 6px;font-weight: 500;font-size: 14px;}
.__clsCreateEvent .eventContainer .form-card label i{color:#7861fb;padding-right: 4px;}
.__clsCreateEvent .eventContainer .form-card .inputDate{border: 0px;background-color: #f7f7fb !important;}
.__clsCreateEvent .eventContainer .form-card .time-box {display: flex;align-items: center;gap: 10px;}
.__clsCreateEvent .eventContainer .form-card .time-box input {width: 70px;text-align: center;border: 0px;padding: 10px;background: #f7f7fb;}
.__clsCreateEvent .eventContainer .form-card .upload-box {border: 2px dashed #ccc;border-radius: 10px;background: #fafafa;padding: 30px;text-align: center;cursor: pointer;position: relative;}
.__clsCreateEvent .eventContainer .form-card .upload-box input {display: none;}
.__clsCreateEvent .eventContainer .form-card .upload-box input[type="file"]::before {content: attr(data-value);display: inline-block;outline: none;margin: 0px !important;float: left;white-space: nowrap;color: #333;cursor: pointer;padding-left: 10px;width: calc(100% + 20px);text-overflow: ellipsis;overflow: hidden;}
.__clsCreateEvent .eventContainer .form-card .upload-box .upload-content {display: flex;justify-content: center;}
.__clsCreateEvent .eventContainer .form-card .upload-box .upload-content .upload-icon {color: #6b7280;padding-right: 10px;}
.__clsCreateEvent .eventContainer .form-card .upload-box .upload-content p {margin: 0;color: #777;font-size: 14px;}
.__clsCreateEvent .eventContainer .form-card textarea{height: 100px;resize: none;}
.__clsCreateEvent .eventContainer .form-card button {border: none;padding: 10px 25px;border-radius: 8px;}
.__clsCreateEvent input, .__clsCreateEvent select, .__clsCreateEvent textarea{font-weight:400;}

/*____clsMatriRegistration____*/
.__clsMatriRegistration .mcontainer{max-width: 780px;}
.__clsMatriRegistration .matriRegisHeader{background: linear-gradient(135deg, #8b1a1a 0%, #a52a2a 100%);color: #fff;text-align: center;padding: 30px 20px;margin-bottom:30px;}
.__clsMatriRegistration .matriRegisHeader h1{font-size: 35px;font-weight: 700;margin-bottom: 0px;}
.__clsMatriRegistration .clsCard{background: #FFFFFF;border: 1px solid #E8DDD4;border-radius: 16px;padding: 32px 25px 15px 25px;box-shadow:  0 4px 20px rgba(139, 26, 26, 0.08);margin-bottom:20px;}
.__clsMatriRegistration .clsCard .section-header{margin: 25px 0px;}
.__clsMatriRegistration .clsCard .section-header h3{font-size: 20px;font-weight: 700;color: #2D1810;}
.__clsMatriRegistration .clsCard .section-header h3 i{color: var(--color-primary);font-size: 20px;padding-right:5px;}
.__clsMatriRegistration .clsCard form{margin-bottom:0px;}
.__clsMatriRegistration .clsCard .form-group label{font-size: 13px;font-weight: 600;color:#2D1810;}
.__clsMatriRegistration .clsCard .form-group .form-control{padding: 10px 14px;border: 1px solid #E8DDD4;border-radius: 8px;font-size: 15px;color: #2D1810;outline: none;}
.__clsMatriRegistration .clsCard .form-group input[type="file"]::before {content: attr(data-value);display: inline-block;outline: none;margin: 0px !important;float: left;white-space: nowrap;color: #333;cursor: pointer;width: 90%;text-overflow: ellipsis;overflow: hidden;}
.__clsMatriRegistration .clsCard .form-group input[type="file"]::after {content: 'Browse';display: inline-block;outline: none;background: var(--color-primary) !important;float: right;white-space: nowrap;color: #fff;cursor: pointer;padding: 15px 10px;z-index: 1;position: absolute;top: 0;right: 0px;border-radius: 0px 8px 8px 0px;width: 25%;height: 55px;text-align: center;}
.__clsMatriRegistration .clsCard .form-group .pos-rel input{padding: 15px;}
.__clsMatriRegistration .clsCard .form-group .form-actions .btn-color1 {padding: 8px 20px;border-radius: 8px;font-size: 15px;height: 40px;font-weight: 600;}

/*____common Card____*/
.clsCard{margin: 20px 0px;background: #FFFFFF;border: 1px solid #E8DDD4;border-radius: 16px;padding: 20px;box-shadow: 0 4px 20px rgba(139, 26, 26, 0.08);}
.clsCard .cmnHeader h3 {font-size: 20px;font-weight: 500;background: #f1f1f1;padding: 8px 0px 8px 15px;position: relative;}
.clsCard .cmnHeader h3::before {position: absolute;content: "";background-color: var(--color-secondary);height: 100%;width: 5px;top: 0px;left: 0px;}
.clsCard table{margin-bottom:0px;}

/* ================================================================
   FORGOT PASSWORD — MODAL & PANEL STYLES  (corrected)
   Appended — zero changes to existing CSS above
   ================================================================ */

/* ── Modal positioning & centering ── */
#modalForgotOTP {
    z-index: 99999 !important;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
#modalForgotOTP.show { display: block !important; }

#modalForgotOTP .modal-dialog {
    max-width: 460px;
    width: 92%;
    margin: 80px auto 40px;
    transform: none !important;
    position: relative;
}

/* Override modal-dialog-centered so margin-top takes effect */
#modalForgotOTP .modal-dialog.modal-dialog-centered {
    min-height: auto !important;
    -webkit-box-align: unset !important;
    align-items: unset !important;
    display: block !important;
}

/* Ensure backdrop shows correctly */
/*.modal-backdrop { z-index: 99998 !important; }*/

/* Login page must not clip modal — desktop only */
@media (min-width: 768px) {
    .__loginsection,
    .loginform,
    .right_content,
    .left_content,
    .col-lg-6,
    .col-md-6 {
        overflow: visible !important;
    }
}

/* ── Modal card ── */
.fp-modal-content {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,0.22);
}

/* ── Header ── */
.fp-modal-header {
    background: linear-gradient(135deg, #00466a 0%, #006a9a 100%);
    padding: 30px 28px 22px;
    text-align: center;
    color: #fff;
}
.fp-modal-icon {
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.18);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}
.fp-modal-icon i  { font-size: 26px; color: #fff; }
.fp-modal-title   { font-size: 20px; font-weight: 800; margin: 0 0 5px; color: #fff; }
.fp-modal-sub     { font-size: 13px; color: rgba(255,255,255,0.80); margin: 0; word-break: break-all; }

/* ── Body ── */
.fp-modal-body {
    padding: 24px 28px 22px;
    background: #fff;
}
.fp-modal-body .form-group {
    margin-bottom: 16px;
    position: static;
    overflow: visible;
    clear: both;
}
.fp-modal-body .form-label {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
    display: block;
    float: none !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    top: auto !important;
    left: auto !important;
}

/* Password fields — fix eye icon position */
.fp-modal-body .position-relative {
    position: relative;
    display: block;
    width: 100%;
}

/* Hide the form-label inside password step — using placeholder instead */
#fpStepPassword .form-label {
    display: none !important;
}

.fp-modal-body .position-relative .form-control {
    padding-right: 42px;                 /* room for eye icon */
    border-radius: 9px;
    border: 1.5px solid #e2e8f0;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s;
    display: block;
    background: #fff;
}
.fp-modal-body .position-relative .form-control:focus {
    border-color: #00466a;
    box-shadow: 0 0 0 3px rgba(0,70,106,0.10);
    outline: none;
}

/* Eye icon — fixed inside the input on the right */
.fp-modal-body .position-relative .ico {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #94a3b8;
    font-size: 15px;
    line-height: 1;
    z-index: 2;
    background: transparent;
}
.fp-modal-body .position-relative .ico i { vertical-align: middle; }

/* ── OTP label — prevent float from login page global CSS ── */
#fpStepOTP .form-label {
    display: block !important;
    float: none !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 10px;
    width: 100% !important;
    text-align: center;
}

/* ── OTP boxes row ── */
.fp-otp-row {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin: 0 0 4px;
    flex-wrap: nowrap;
    padding: 0 10px;
}
.fp-otp-row .clsFpOTP {
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 50px !important;
    min-width: 0 !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: 2px solid #e2e8f0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: border-color 0.2s;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
}
.fp-otp-row .clsFpOTP:focus {
    border-color: #00466a !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,70,106,0.12) !important;
    outline: none !important;
}

/* ── Timer ── */
.fp-timer-wrap {
    text-align: center;
    font-size: 13px;
    color: #64748b;
    margin: 10px 0 2px;
}
#fpCountdown { font-weight: 700; color: #00466a; }

/* ── Resend link ── */
.fp-resend-link {
    font-size: 13px;
    font-weight: 600;
    color: #00466a;
    cursor: pointer;
    text-decoration: underline;
}

/* ── Action buttons ── */
.fp-modal-actions {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    justify-content: flex-end;
    align-items: center;
}
.fp-btn-primary {
    background: #00466a;
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.18s;
    line-height: 1.4;
}
.fp-btn-primary:hover    { background: #003554; color: #fff !important; }
.fp-btn-primary:disabled { opacity: 0.58; cursor: not-allowed; }

.fp-btn-secondary {
    background: #f1f5f9;
    color: #475569 !important;
    padding: 10px 24px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    transition: background 0.18s;
    line-height: 1.4;
}
.fp-btn-secondary:hover { background: #e2e8f0; color: #334155 !important; }

/* ── Error text inside modal ── */
.fp-modal-body .error {
    font-size: 12px;
    color: #dc2626;
    margin-top: 4px;
    min-height: 16px;
}

/* ── Responsive ── */
@media (max-width: 540px) {
    #modalForgotOTP .modal-dialog { margin: 30px auto 10px; width: 96%; }
    .fp-otp-row { gap: 5px; }
    .fp-otp-row .clsFpOTP { width: 38px !important; height: 44px !important; font-size: 17px !important; }
    .fp-modal-header { padding: 22px 18px 16px; }
    .fp-modal-body   { padding: 18px 16px 16px; }
    .fp-modal-actions { flex-direction: column-reverse; }
    .fp-btn-primary, .fp-btn-secondary { width: 100%; text-align: center; }

    .Secure_page .S_conpage .theme-form {width: 90%;margin: 0 auto; }
}

/* ================================================================
   END FORGOT PASSWORD STYLES
   ================================================================ */

/* ── Our members ── */
.clsOurmembers .card{padding: 20px;margin:10px 0;}
.clsOurmembers .card .team_image{height: 250px;object-fit: cover;border-radius: 10px;width:fit-content;margin:0 auto;margin-bottom:20px;}
.clsOurmembers .card .team_image img{height: 100%;width: 100%;object-fit: contain;border-radius: 10px;object-position:center;}
.clsOurmembers .card h2{font-size: 20px;color: var(--color-primary);font-weight: 500;min-height: 55px;}
.clsOurmembers .card h3{font-size: 14px;font-weight: 500;display: inline-block;padding: 2px 10px;border-radius: 25px;color: #e69119;border: 1px dashed #e69119;margin-bottom:15px;}
.clsOurmembers .card p{margin-bottom:10px;font-size:14px;}
.clsOurmembers .card p i{font-size: 14px;margin-right: 8px;color: var(--color-primary);padding-right: 8px;border-right: 1px solid #691d2a;}
.clsOurmembers .card .button-readmore{text-align:center;}
.clsOurmembers .card .button-readmore button{height:35px;padding: 5px 20px;border-radius: 20px;}

/*Events*/
.clsourevents #festivalContainer .festival-img{height:185px;}
.clsourevents #festivalContainer .festival-meta{margin-bottom:8px;}
.clsourevents #festivalContainer .festival-title{font-size: 22px;min-height: 45px;margin-bottom: 10px;text-transform:capitalize}
.clsourevents #festivalContainer .festival-meta i{font-size: 14px;}
.clsourevents #festivalDetails .details-card{background: #fff;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, .10);}
.clsourevents #festivalDetails .details-card img{border-radius:8px 8px 0 0;width:100%;height:500px;object-fit:cover;}
.clsourevents #festivalDetails .details-card .details_content{padding:30px;position:relative}
.clsourevents #festivalDetails .details-card .details_head{text-align:left;color:#1f2b5c;font-size: 24px;text-transform: capitalize;}
.clsourevents #festivalDetails .details-card .details_info{position:absolute;top:-30px;right:0;text-align:center;padding:15px;background:#fff;clip-path:polygon(12% 0, 100% 0, 100% 100%, 5% 100%);background: #fdf5e6;width: 400px;}
.clsourevents #festivalDetails .details-card .details_desc{font-size:18px;line-height:24px;text-align:justify;color: #333;}
.clsourevents #festivalDetails .details-card .details_info span {margin: 0 8px;display: inline-block;}
.clsourevents #festivalDetails .details-card .details_info span i {color: #7b1833;margin-right: 4px;font-size: 14px;}
.clsourevents #festivalDetails .details-card .btn_div{text-align:right;}
.clsourevents #festivalDetails .details-card .btn_div .btn{transition: 0.3s;}
.clsourevents #festivalDetails .details-card .btn_div .btn i{margin-right:5px;}
.clsourevents #festivalDetails .details-card .btn_div .btn:hover{transform: scale(1.05);}

/*MemberAppication*/
.__MemberAppication ._MCard-header{padding-bottom:5px;}
.__MemberAppication .applicant_name{margin-top:20px;}
.__MemberAppication .applicant_name table td{padding:5px;border:0;}
.__MemberAppication .applicant_name table tr:hover td{background:transparent;}

.__MemberAppication .memberstatus fieldset{position:relative;padding: 25px 30px;border-radius: 10px;width:100%;max-width:640px;}

.__MemberAppication .memberstatus .radio_btns{display:flex;}
.__MemberAppication .memberstatus .custom-radio input {display: none;}
.__MemberAppication .memberstatus .custom-radio label {padding-top: 4px;background-color: #f1eeee;padding: 4px 10px 4px 25px;border-radius: 15px;margin-right: 4px;}
.__MemberAppication .memberstatus .custom-radio label::before, .__MemberAppication .memberstatus .custom-radio label::after {left: 5px;top: 5px}
.__MemberAppication .memberstatus .custom-radio label:hover {color:var(--color-primary);}
.__MemberAppication .memberstatus .custom-radio input[type=radio]:checked + label {color: #fff;background-color: var(--color-primary);}
.__MemberAppication .memberstatus .custom-radio input[type=radio]:checked + label::before {background: var(--color-secondary);}

.__MemberAppication .memberstatus .memberoptions{padding-top: 20px;transition: 0.3s linear;}

/* ================================================================
   MEMBER STATUS — CARD UI  (compact, mobile-responsive)
   Replaces old radio button design.
   All existing IDs/names/values/onchange events untouched.
   ================================================================ */

/* Outer fieldset */
.memberstatus fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* Each section (Membership Type / Membership Category) */
.ms-section {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

/* Section header row */
.ms-section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.ms-section-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #f3e8ea;
}
.ms-section-icon i { font-size: 14px; color: #691d2a; }
.ms-section-icon.ms-icon-gold { background: #fef3c7; }
.ms-section-icon.ms-icon-gold i { color: #c9870a; }

.ms-section-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.ms-section-sub {
    font-size: 12px;
    color: #64748b;
    margin: 2px 0 0;
}

/* Card row — CSS grid so 2-card and 3-card rows both divide evenly,
   and columns collapse naturally as the viewport narrows */
.ms-card-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px;
}

/* Individual card — acts as label for the hidden radio */
.ms-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1.5px solid #e8e8e8;
    border-radius: 9px;
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
    background: #fafafa;
    user-select: none;
    margin: 0;
    min-width: 0;
}
.ms-card:hover {
    border-color: #691d2a;
    background: #fff;
    box-shadow: 0 2px 8px rgba(105,29,42,0.10);
}

/* Hide the native radio input visually — keep it functional */
.ms-card .ms-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Custom radio dot — top right corner */
.ms-radio-dot {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1.5px solid #cbd5e1;
    background: #fff;
    flex-shrink: 0;
    transition: border-color 0.2s;
}
.ms-radio-dot::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #691d2a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.18s;
}

/* Selected state — triggered when radio is :checked */
.ms-card:has(.ms-radio:checked) {
    border-color: #691d2a;
    background: #fdf4f5;
    box-shadow: 0 2px 10px rgba(105,29,42,0.13);
}
.ms-card:has(.ms-radio:checked) .ms-radio-dot {
    border-color: #691d2a;
}
.ms-card:has(.ms-radio:checked) .ms-radio-dot::after {
    transform: translate(-50%, -50%) scale(1);
}
.ms-card:has(.ms-radio:checked) .ms-card-title {
    color: #691d2a;
}

/* Icon circles */
.ms-card-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ms-card-icon i { font-size: 14px; }

.ms-icon-maroon { background: #f3e8ea; }
.ms-icon-maroon i { color: #691d2a; }

.ms-icon-green { background: #dcfce7; }
.ms-icon-green i { color: #16a34a; }

/* Category card icon (slightly smaller, same grid) */
.ms-cat-card { }

.ms-cat-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ms-cat-icon i { font-size: 13px; }

.ms-icon-blue   { background: #dbeafe; }
.ms-icon-blue i { color: #2563eb; }

.ms-icon-purple   { background: #ede9fe; }
.ms-icon-purple i { color: #7c3aed; }

.ms-icon-gold   { background: #fef3c7; }
.ms-icon-gold i { color: #c9870a; }

/* Card text */
.ms-card-body { flex: 1; min-width: 0; padding-right: 18px; }
.ms-card-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ms-card-desc {
    font-size: 11px;
    color: #64748b;
    margin: 0;
    line-height: 1.3;
}

/* Category selected — use gold accent */
.ms-cat-card:has(.ms-radio:checked) {
    border-color: #c9870a;
    background: #fffbf0;
    box-shadow: 0 2px 10px rgba(201,135,10,0.13);
}
.ms-cat-card:has(.ms-radio:checked) .ms-radio-dot {
    border-color: #c9870a;
}
.ms-cat-card:has(.ms-radio:checked) .ms-radio-dot::after {
    background: #c9870a;
}
.ms-cat-card:has(.ms-radio:checked) .ms-card-title {
    color: #c9870a;
}

/* ---------------- Responsive ---------------- */

/* Tablet */
@media (max-width: 768px) {
    .ms-section { padding: 12px 14px; }
    .ms-card-row { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
}

/* Phones */
@media (max-width: 480px) {
    .ms-section { padding: 10px 12px; margin-bottom: 10px; border-radius: 10px; }
    .ms-section-header { gap: 8px; margin-bottom: 10px; }
    .ms-section-icon { width: 24px; height: 24px; }
    .ms-section-icon i { font-size: 12px; }
    .ms-section-title { font-size: 12px; }

    /* Two per row even on small phones — only drop to one column if you prefer */
    .ms-card-row { grid-template-columns: repeat(2, 1fr); gap: 6px; }

    .ms-card { padding: 7px 8px; gap: 8px; border-radius: 8px; }
    .ms-card-icon { width: 26px; height: 26px; }
    .ms-card-icon i { font-size: 12px; }
    .ms-cat-icon { width: 24px; height: 24px; }
    .ms-cat-icon i { font-size: 11px; }
    .ms-card-title { font-size: 11.5px; }
    .ms-card-body { padding-right: 14px; }
    .ms-radio-dot { width: 13px; height: 13px; top: 6px; right: 6px; }
    .ms-radio-dot::after { width: 6px; height: 6px; }
}

/* Very small phones — fall back to single column so text never clips */
@media (max-width: 340px) {
    .ms-card-row { grid-template-columns: 1fr; }
}

/* ================================================================
   END MEMBER STATUS CARD UI
   ================================================================ */


/* ================================================================
   LOGIN PAGE — MOBILE RESPONSIVE (Final)
   Desktop rules live inside @media(min-width:768px) above.
   These rules have zero conflict — they are the ONLY rules
   that apply on mobile for the login section.
   ================================================================ */

/* ── 991px: Tablet landscape — keep 2-col, shrink padding ─── */
@media (min-width: 768px) and (max-width: 991px) {
    .__loginsection .container   { width:96% !important; }
    .__loginsection .loginform > .row { margin:0 !important; }
    .__loginsection .left_content  { flex:0 0 40% !important; max-width:40% !important; padding:40px 16px !important; }
    .__loginsection .left_content .left_img h6 { font-size:20px !important; }
    .__loginsection .right_content { flex:0 0 60% !important; max-width:60% !important; padding:32px 24px !important; }
    .__loginsection .right_content .login-top .login-title h3 { font-size:22px !important; }
}

/* ── 767px and below: MOBILE — white card, clean UI ───────── */
@media (max-width: 767px) {

    /* Page: soft gray bg */
    .__loginsection {
        display:         flex;
        flex-direction:  column;
        align-items:     center;
        justify-content: center;
        min-height:      100vh;
        height:          auto;
        padding:         20px 16px;
        background:      #eef0f5;
    }

    /* Container + row: full width, block layout */
    .__loginsection .m_container,
    .__loginsection .container {
        width:     100%;
        max-width: 100%;
        padding:   0;
        z-index:   auto;
    }
    .__loginsection .loginform { width:100%; }
    .__loginsection .loginform > .row {
        display: block;
        margin:  0;
        width:   100%;
    }

    /* LEFT PANEL — hidden completely */
    .__loginsection .left_content {
        display:          none;
        position:         absolute;
        left:             -9999px;
        width:            0;
        max-width:        0;
        height:           0;
        overflow:         hidden;
        background:       none;
        background-image: none;
        padding:          0;
        flex:             0 0 0%;
        pointer-events:   none;
    }

    /* RIGHT PANEL — white card */
    .__loginsection .right_content {
        display:          block;
        width:            100%;
        max-width:        420px;
        flex:             none;
        padding:          24px 24px 28px;
        margin:           0 auto;
        background-color: #ffffff;
        border-radius:    16px;
        border:           1px solid #e8eaed;
        box-shadow:       0 2px 20px rgba(0,0,0,0.09);
        backdrop-filter:  none;
        -webkit-backdrop-filter: none;
        min-height:       unset;
        position:         relative;
        left:             auto;
        top:              auto;
        text-align:       left;
    }
    .__loginsection .right_content .login-content{padding: 15px;}

    /* LOGO — override inline display:none */
    .__loginsection .right_content .login_logo {
        display:       block !important;
        text-align:    center;
        margin-bottom: 14px;
        margin-top:    0;
    }
    .__loginsection .right_content .login_logo img {
        width:         72px !important;
        height:        72px !important;
        object-fit:    contain;
        border-radius: 50%;
        background:    #fff;
        box-shadow:    0 2px 10px rgba(0,0,0,0.10);
        border:        2px solid #f0f0f0;
    }

    /* login-top */
    .__loginsection .right_content .login-top { margin-bottom:16px; }
    .__loginsection .right_content .login-top .login-title h3 { font-size:20px; font-weight:700; color:#1b1c17; margin-bottom:4px; }
    .__loginsection .right_content .login-top .login-title p  { font-size:12px; color:#707070; margin:0; }

    /* All panels */
    .__loginsection .loginpanel,
    .__loginsection #Login_info,
    .__loginsection #signup,
    .__loginsection #forgotPassword { width:100%; }

    /* Form group */
    .__loginsection .login-content .form-group { margin-bottom:14px; position:relative; }

    /* Labels — static (not floating) on mobile */
    .__loginsection .login-content .form-group .form-label {
        position:    static !important;
        display:     block !important;
        font-size:   12px;
        font-weight: 600;
        color:       #444;
        margin-bottom: 5px;
        padding:     0 !important;
        background:  transparent !important;
        top:         auto !important;
        left:        auto !important;
        z-index:     auto !important;
    }

    /* Inputs */
    .__loginsection .login-content .form-control {
        height:        48px;
        font-size:     14px;
        font-weight:   400;
        padding:       10px 42px 10px 14px;
        border-radius: 8px;
        border:        1px solid #d1d5db;
        background:    #f9fafb;
        color:         #111;
    }
    .__loginsection .login-content .form-control::placeholder { color:#adb5bd; font-weight:400; }
    .__loginsection .login-content .form-control:focus {
        background:   #fff;
        border-color: var(--color-primary, #7b1833);
        outline:      none;
        box-shadow:   none;
    }

    /* All col-* → full width */
    .__loginsection .login-content .row > div[class*="col-"] {
        width:        100%;
        max-width:    100%;
        flex:         0 0 100%;
        padding-left: 0;
        padding-right: 0;
        float:        none;
    }

    /* Button */
    .__loginsection .login-content button,
    .__loginsection .login-content .logbutton {
        width:         100%;
        height:        48px;
        font-size:     15px;
        font-weight:   600;
        border-radius: 8px;
    }

    .__loginsection .login-content .forgotpwd { text-align:right; }
    .__loginsection .login-content .clsTesepr  { margin-top:18px; font-size:13px; text-align:center; }

    /* OTP PANEL */
    .__loginsection .otp_panel { width:100%; }
    .__loginsection .otp_panel .otp-top { margin-bottom:16px; text-align:center; }
    .__loginsection .otp_panel .otp_img img { width:90px; margin-bottom:12px; }
    .__loginsection .otp_panel .otp-top .otp-title h3 { font-size:20px; }
    .__loginsection .otp_panel .otp-top .otp-title p  { font-size:13px; }
    .__loginsection .otp_panel .otp-content .otp_box { width:100%; max-width:100%; flex:0 0 100%; padding:0; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields { display:flex; justify-content:center; column-gap:8px; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields input { width:46px; height:50px; font-size:22px; margin-right:0; flex-shrink:0; border-radius:8px; }
    .__loginsection .otp_panel .otp-content .dvclsresendotpcontainer,
    .__loginsection .otp_panel .otp-content #otp_timer { width:100%; max-width:100%; flex:0 0 100%; }
    .__loginsection .otp_panel .otp-content .row > .col-lg-6.action-btns,
    .__loginsection .otp_panel .otp-content .row > .col-lg-6:last-child {
        display:inline-block; width:50%; max-width:50%; flex:0 0 50%; padding:0 4px; float:left;
    }
    .__loginsection .otp_panel .otp-content button { width:100%; height:46px; font-size:14px; }

    /* FORGOT PASSWORD MODAL */
    #modalForgotOTP .modal-dialog { margin:16px auto; width:94%; max-width:100%; }
    .fp-modal-header  { padding:22px 18px 16px; }
    .fp-modal-body    { padding:18px 16px 16px; }
    .fp-modal-actions { flex-direction:column-reverse; gap:8px; }
    .fp-btn-primary, .fp-btn-secondary { width:100%; text-align:center; }
    .fp-otp-row { gap:6px; padding:0 6px; flex-wrap:nowrap; justify-content:center; }
    .fp-otp-row .clsFpOTP { flex:0 0 44px; width:44px; height:48px; font-size:18px; }
}

/* ── 575px ── */
@media (max-width: 575px) {
    .__loginsection { padding:20px 12px 32px; }
    .__loginsection .right_content { padding:26px 18px 30px; max-width:100%; border-radius:12px; }
    .__loginsection .right_content .login-top .login-title h3 { font-size:20px; }
    .__loginsection .login-content .form-control { height:46px; font-size:13px; }
    .__loginsection .login-content .form-group { margin-bottom:14px; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields input { width:40px; height:44px; font-size:20px; }
    .fp-otp-row .clsFpOTP { flex:0 0 40px; width:40px; height:44px; font-size:16px; }
}

/* ── 400px ── */
@media (max-width: 400px) {
    .__loginsection { padding:16px 10px 28px; }
    .__loginsection .right_content { padding:22px 14px 26px; border-radius:10px; }
    .__loginsection .right_content .login_logo img { width:66px !important; height:66px !important; }
    .__loginsection .right_content .login-top .login-title h3 { font-size:18px; }
    .__loginsection .login-content .form-control { height:44px; }
    .__loginsection .login-content .form-group { margin-bottom:12px; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields { column-gap:4px; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields input { width:38px; height:42px; font-size:18px; }
    .fp-otp-row .clsFpOTP { flex:0 0 36px; width:36px; height:40px; font-size:14px; }
}

/* ── 360px ── */
@media (max-width: 360px) {
    .__loginsection { padding:12px 8px 24px; }
    .__loginsection .right_content { padding:18px 12px 22px; border-radius:10px; }
    .__loginsection .right_content .login_logo img { width:56px !important; height:56px !important; }
    .__loginsection .right_content .login-top .login-title h3 { font-size:17px; }
    .__loginsection .login-content .form-control { height:42px; font-size:12px; }
    .__loginsection .login-content button,
    .__loginsection .login-content .logbutton { height:42px; font-size:13px; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields { column-gap:3px; }
    .__loginsection .otp_panel .otp-content .otp_box .input-fields input { width:34px; height:38px; font-size:16px; }
    .fp-otp-row { gap:3px; padding:0 2px; }
    .fp-otp-row .clsFpOTP { flex:0 0 32px; width:32px; height:38px; font-size:13px; }
}

/* ── Landscape phone h≤500px ── */
@media (max-height: 500px) and (max-width: 900px) {
    .__loginsection { padding:10px; min-height:unset; }
    .__loginsection .right_content { padding:16px 18px; min-height:unset; }
    .__loginsection .right_content .login_logo img { width:44px !important; height:44px !important; }
    .__loginsection .right_content .login-top { margin-bottom:8px; }
    .__loginsection .right_content .login-top .login-title h3 { font-size:16px; }
    .__loginsection .login-content .form-group { margin-bottom:10px; }
    .__loginsection .login-content .form-control { height:38px; }
    .__loginsection .login-content button,
    .__loginsection .login-content .logbutton { height:38px; font-size:13px; }
}
/* ================================================================
   END LOGIN PAGE — MOBILE RESPONSIVE
   ================================================================ */


/* ================================================================
   REGISTER PAGE — MOBILE RESPONSIVE
   Register uses same __loginsection structure as Login.
   Login mobile CSS already handles the base layout.
   These rules add Register-specific tweaks only.
   ================================================================ */

@media (max-width: 767px) {

    /* Register page: right panel inherits Login card styles.
       Ensure the loginpanel #signup is full width */
    #loginpage #signup { width: 100%; }

    /* Register form: 4 fields (Full Name, Phone, Email, Referral)
       all col-lg-6 — force full width on mobile */
    #loginpage #signup .login-content .row > div[class*="col-"] {
        width:        100%;
        max-width:    100%;
        flex:         0 0 100%;
        padding-left: 0;
        padding-right: 0;
        float:        none;
    }

    /* loginbtn and clsTesepr are col-lg-12 — ensure full width */
    #loginpage #signup .login-content .loginbtn,
    #loginpage #signup .login-content .clsTesepr {
        width:     100%;
        max-width: 100%;
        flex:      0 0 100%;
        padding:   0;
    }

    /* Sign Up button */
    #loginpage #signup .login-content .logbutton {
        width:         100%;
        height:        48px;
        font-size:     15px;
        font-weight:   600;
        border-radius: 8px;
    }

    /* OTP panel inside Register — same as Login OTP panel */
    #loginpage #signup .otp_panel { width: 100%; }
    #loginpage #signup .otp_panel .otp-top  { margin-bottom:16px; text-align:center; }
    #loginpage #signup .otp_panel .otp_img img { width:90px; margin-bottom:12px; }
    #loginpage #signup .otp_panel .otp-top .otp-title h3 { font-size:20px; }
    #loginpage #signup .otp_panel .otp-top .otp-title p  { font-size:13px; }

    #loginpage #signup .otp_panel .otp-content .otp_box {
        width:100%; max-width:100%; flex:0 0 100%; padding:0;
    }
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields {
        display:flex; justify-content:center; column-gap:8px;
    }
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields input {
        width:46px; height:50px; font-size:22px;
        margin-right:0; flex-shrink:0; border-radius:8px;
    }
    #loginpage #signup .otp_panel .otp-content .dvclsresendotpcontainer,
    #loginpage #signup .otp_panel .otp-content #otp_timer {
        width:100%; max-width:100%; flex:0 0 100%;
    }
    /* Verify + Clear 50/50 */
    #loginpage #signup .otp_panel .otp-content .row > .col-lg-6.action-btns,
    #loginpage #signup .otp_panel .otp-content .row > .col-lg-6:last-child {
        display:inline-block; width:50%; max-width:50%;
        flex:0 0 50%; padding:0 4px; float:left;
    }
    #loginpage #signup .otp_panel .otp-content button {
        width:100%; height:46px; font-size:14px;
    }
}

/* ── 575px ── */
@media (max-width: 575px) {
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields input {
        width:40px; height:44px; font-size:20px;
    }
}

/* ── 400px ── */
@media (max-width: 400px) {
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields { column-gap:4px; }
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields input {
        width:38px; height:42px; font-size:18px;
    }
}

/* ── 360px ── */
@media (max-width: 360px) {
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields { column-gap:3px; }
    #loginpage #signup .otp_panel .otp-content .otp_box .input-fields input {
        width:34px; height:38px; font-size:16px;
    }
}
/* ================================================================
   END REGISTER PAGE — MOBILE RESPONSIVE
   ================================================================ */


/* ================================================================
   HOME — MEMBER APPLICATION + MEMBERSHIP CARDS — MOBILE RESPONSIVE
   ================================================================ */

/* ── Tablet & Mobile ≤ 991px ─────────────────────────────────── */
@media (max-width: 991px) {

    /* --- Layout fixes --- */
    .main_content { width: 100% !important; float: none !important; }
    .main_content .m-container { width: 100% !important; max-width: 100% !important; padding: 0 12px !important; }

    .__MemberAppication .row { margin-left: 0 !important; margin-right: 0 !important; }
    .__MemberAppication [class*="col-lg-"],
    .__MemberAppication [class*="col-md-"] {
        width: 100% !important; max-width: 100% !important;
        flex: 0 0 100% !important; padding-left: 0 !important;
        padding-right: 0 !important; float: none !important;
    }
    .__MemberAppication ._MCard        { float: none !important; width: 100% !important; margin-top: 14px !important; }
    .__MemberAppication ._MCard-header { float: none !important; width: 100% !important; padding: 16px !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 12px !important; }
    .__MemberAppication ._MCard-content{ float: none !important; width: 100% !important; padding: 14px !important; }
    .__MemberAppication .mc-header-info{ flex: 1 !important; min-width: 0 !important; overflow: hidden !important; }
    .__MemberAppication ._MCard-header h4 { font-size: 15px !important; line-height: 1.4 !important; margin-bottom: 8px !important; }
    .__MemberAppication .applicant_name table td { font-size: 12px !important; padding: 3px 4px !important; word-break: break-word !important; }
    .__MemberAppication .upload-img-box { flex-shrink: 0 !important; text-align: center !important; }
    .__MemberAppication .upload-img-box label { font-size: 11px !important; }

    /* span_check: below textarea, not floating outside */
    .__MemberAppication .position-relative .span_check {
        position: static !important; display: flex !important;
        align-items: center !important; gap: 6px !important;
        margin-top: 8px !important; padding: 0 !important;
        background: transparent !important; top: auto !important; right: auto !important;
    }
    .__MemberAppication .position-relative .span_check label { font-size: 12px !important; margin: 0 !important; }

    /* Form */
    .__MemberAppication .form-group { margin-bottom: 18px !important; }
    .__MemberAppication .form-group input.form-control  { height: 48px !important; }
    .__MemberAppication .form-group select,
    .__MemberAppication .form-group select.form-control { width: 100% !important; height: 48px !important; }
    .__MemberAppication .form-group textarea.form-control { min-height: 80px !important; }
    .__MemberAppication .form-group .form-label { background: #fff !important; }

    /* ── MEMBERSHIP STATUS — 2 cards side by side ── */
    .__MemberAppication .memberstatus fieldset {
        max-width: 100% !important; width: 100% !important; padding: 14px 12px !important;
    }
    .__MemberAppication .ms-card-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    /* ── ms-card: vertical layout so title never clips ── */
    .__MemberAppication .ms-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 10px 10px 24px !important; /* bottom padding for radio dot */
        gap: 6px !important;
        border-radius: 10px !important;
        min-width: 0 !important;
        position: relative !important;
    }
    /* Title: REMOVE ellipsis — let it wrap fully */
    .__MemberAppication .ms-card-title {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        word-break: break-word !important;
    }
    .__MemberAppication .ms-card-body {
        padding-right: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .__MemberAppication .ms-card-icon {
        width: 28px !important; height: 28px !important; flex-shrink: 0 !important;
    }
    .__MemberAppication .ms-card-icon i { font-size: 13px !important; }

    /* Radio dot stays bottom-right */
    .__MemberAppication .ms-radio-dot {
        position: absolute !important;
        bottom: 8px !important; right: 8px !important;
        top: auto !important;
        width: 14px !important; height: 14px !important;
    }
    .__MemberAppication .ms-radio-dot::after { width: 6px !important; height: 6px !important; }

    /* ── NATURE OF MEMBERSHIP — 3 cards in one row ── */
    .__MemberAppication .memberoptions .ms-card-row {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
    }
    .__MemberAppication .ms-cat-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 8px 8px 22px !important;
        gap: 5px !important;
    }
    .__MemberAppication .ms-cat-icon { width: 24px !important; height: 24px !important; }
    .__MemberAppication .ms-cat-icon i { font-size: 11px !important; }

    /* Section header */
    .__MemberAppication .ms-section { padding: 12px !important; margin-bottom: 10px !important; }
    .__MemberAppication .ms-section-header { gap: 8px !important; margin-bottom: 10px !important; }
    .__MemberAppication .ms-section-icon { width: 26px !important; height: 26px !important; }
    .__MemberAppication .ms-section-title { font-size: 13px !important; }

    /* Terms */
    .__MemberAppication .membership_sec .terms-condition {
        display: flex !important; align-items: flex-start !important;
        gap: 10px !important; margin: 12px 0 !important;
    }
    .__MemberAppication .membership_sec .terms-condition label:last-child {
        font-size: 12px !important; line-height: 1.5 !important;
    }

    /* Submit */
    .__MemberAppication .form-action-btns { text-align: center !important; }
    .__MemberAppication .form-action-btns .btn {
        width: 100% !important; height: 48px !important;
        font-size: 15px !important; border-radius: 8px !important;
    }

    .__MemberAppication .__Registerstatus { margin: 10px 0 !important; font-size: 13px !important; padding: 10px 14px !important; }
}

/* ── Small phone ≤ 575px ── */
@media (max-width: 575px) {
    .main_content .m-container { padding: 0 8px !important; }
    .__MemberAppication ._MCard-header { padding: 12px !important; gap: 10px !important; }
    .__MemberAppication ._MCard-content { padding: 10px !important; }
    .__MemberAppication ._MCard-header h4 { font-size: 13px !important; }
    .__MemberAppication .upload-img-box .profileImage-upload { height: 64px !important; max-width: 64px !important; }
    .__MemberAppication .form-group { margin-bottom: 14px !important; }
    .__MemberAppication .form-group input.form-control { height: 44px !important; font-size: 13px !important; }
    .__MemberAppication .form-group select { height: 44px !important; font-size: 13px !important; }

    /* Membership status: still 2-col */
    .__MemberAppication .ms-card-row { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
    .__MemberAppication .ms-card { padding: 8px 8px 20px !important; }
    .__MemberAppication .ms-card-title { font-size: 11px !important; }
    .__MemberAppication .ms-card-icon { width: 24px !important; height: 24px !important; }
    .__MemberAppication .ms-cat-icon  { width: 22px !important; height: 22px !important; }

    /* Nature of membership: still 3-col */
    .__MemberAppication .memberoptions .ms-card-row { grid-template-columns: repeat(3, 1fr) !important; }
    .__MemberAppication .ms-cat-card { padding: 7px 6px 20px !important; }
    .__MemberAppication .ms-cat-icon i { font-size: 10px !important; }

    .__MemberAppication .membership_sec .terms-condition label:last-child { font-size: 11.5px !important; }
    .__MemberAppication .form-action-btns .btn { height: 44px !important; font-size: 14px !important; }


    .tpcontact ul li a{font-size: 13px;}
    .tpcontact ul li{padding:5px;}
}

/* ── Very small ≤ 360px ── */
@media (max-width: 360px) {
    .__MemberAppication .ms-card-title { font-size: 10px !important; }
    .__MemberAppication .ms-card { padding: 6px 6px 18px !important; }
    .__MemberAppication .ms-cat-card { padding: 6px 4px 18px !important; }
    .__MemberAppication .memberoptions .ms-card-row { grid-template-columns: repeat(3, 1fr) !important; }
}

/* ================================================================
   END HOME — MOBILE RESPONSIVE
   ================================================================ */



/* ================================================================
   ADMIN PORTAL LOGIN — CONFIG-DRIVEN STYLES
   Selector root: body.login-portal-admin
   ALL rules are scoped so they CANNOT affect the Member portal.
   ================================================================ */

/* ── Override the media-query rule that sets left_img.jpg ──
   The existing desktop rule is:
     @media(min-width:768px) { .__loginsection .left_content { background-image: url(left_img.jpg) } }
   We beat it with equal specificity inside the SAME media query
   + higher specificity via the extra class left_content--admin.    */
@media (min-width: 768px) {
    body.login-portal-admin .__loginsection .left_content--admin {
        /* Kill the Member photo completely */
        background-image:  none !important;
        background-color:  transparent !important;

        /* Apply the maroon gradient as a background shorthand */
        background: linear-gradient(160deg, #4a0818 0%, #7a1528 50%, #2f0510 100%) !important;

        padding:    80px 50px !important;
        height:     calc(100vh - 52px) !important;
        flex:       0 0 40%;
        max-width:  40%;
        display:    flex;
        align-items: center;
        position:   relative;
        overflow:   hidden;
    }
}

/* ── Base rule (all screen sizes) ─────────────────────────── */
body.login-portal-admin .left_content--admin {
    position:   relative;
    overflow:   hidden;
    background: linear-gradient(160deg, #4a0818 0%, #7a1528 50%, #2f0510 100%) !important;
    background-image: none !important;
}

/* ── Cross-hatch SVG pattern overlay ── */
body.login-portal-admin .left_content--admin::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20 L40 20 M20 0 L20 40' stroke='%23ffffff' stroke-width='0.5' stroke-opacity='0.06'/%3E%3C/svg%3E");
    background-repeat: repeat;
    pointer-events: none;
    z-index: 0;
}

/* ── Radial glow (bottom-left) ── */
body.login-portal-admin .left_content--admin::before {
    content: '';
    position: absolute;
    bottom: -80px;
    left:   -80px;
    width:  360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}

/* ── Decorative floating orbs ── */
body.login-portal-admin .adm-orb {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    pointer-events: none;
    z-index: 0;
}
body.login-portal-admin .adm-orb-1 { width:230px; height:230px; top:-75px;  right:-75px; }
body.login-portal-admin .adm-orb-2 { width:150px; height:150px; bottom:50px; left:-55px; }
body.login-portal-admin .adm-orb-3 { width:85px;  height:85px;  bottom:220px; right:35px; }

/* ── Inner content sits above the overlays ── */
body.login-portal-admin .adm-left-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ── Shield icon circle ── */
body.login-portal-admin .adm-shield-wrap {
    width:  80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255,255,255,0.13);
    border: 2px solid rgba(255,255,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #fff;
    margin-bottom: 22px;
    flex-shrink: 0;
}

/* ── "Restricted Access" badge pill ── */
body.login-portal-admin .adm-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.90);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 22px;
}
body.login-portal-admin .adm-badge i { font-size: 13px; }

/* ── Heading ── */
body.login-portal-admin .adm-left-body h6 {
    font-size:   30px !important;
    font-weight: 800 !important;
    color:       #fff !important;
    letter-spacing: 0.3px;
    margin-bottom: 14px;
    line-height: 1.2;
}

/* ── Sub-text ── */
body.login-portal-admin .adm-left-body p {
    font-size:   14px !important;
    font-weight: 400 !important;
    color:       rgba(255,255,255,0.74) !important;
    line-height: 1.75;
    max-width:   300px;
    margin-bottom: 24px;
}

/* ── Thin divider ── */
body.login-portal-admin .adm-divider {
    width:  50px;
    height: 2px;
    background: rgba(255,255,255,0.28);
    border-radius: 2px;
    margin-bottom: 20px;
}

/* ── Feature list ── */
body.login-portal-admin .adm-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
body.login-portal-admin .adm-feature-list li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.82);
}
body.login-portal-admin .adm-feature-list li i {
    font-size: 17px;
    color: #ffb5a2;
    flex-shrink: 0;
}

/* ================================================================
   RIGHT PANEL — Admin-specific tweaks
   ================================================================ */

/* Subtitle below "Admin Login" */
body.login-portal-admin .adm-right-subtitle {
    font-size:   13px !important;
    color:       #888 !important;
    font-weight: 400 !important;
    margin-top:  6px;
    display:     block;
}
body.login-portal-admin .adm-right-subtitle i {
    color: #7a1528;
    margin-right: 4px;
}

/* Hide "Sign up" link — admins don't self-register */
body.login-portal-admin #Login_info .login-title > p:not(.adm-right-subtitle) {
    display: none !important;
}

/* Heading colour */
body.login-portal-admin .__loginsection .right_content .login-top .login-title h3 {
    color: #3d0710 !important;
}

/* Admin login button — maroon gradient */
body.login-portal-admin .adm-login-btn {
    background: linear-gradient(135deg, #7a1528 0%, #4a0818 100%) !important;
    border:      none !important;
    color:       #fff !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition:  opacity 0.2s ease;
}
body.login-portal-admin .adm-login-btn:hover { opacity: 0.88; color: #fff !important; }

/* Maroon focus ring on inputs for Admin */
body.login-portal-admin .form-control:focus {
    border-color: #7a1528 !important;
}

/* ================================================================
   MOBILE — ≤ 767px
   ================================================================ */
@media (max-width: 767px) {

    /* Left panel: compact bar at top */
    body.login-portal-admin .left_content--admin {
        flex:      0 0 100%;
        max-width: 100%;
        width:     100%;
        padding:   32px 24px !important;
        height:    auto !important;
        min-height: unset;
        border-radius: 0;
        /* gradient must be re-stated because the media rule above doesn't match */
        background: linear-gradient(160deg, #4a0818 0%, #7a1528 50%, #2f0510 100%) !important;
        background-image: none !important;
    }

    /* Hide decorative orbs + feature list on mobile */
    body.login-portal-admin .adm-orb         { display: none; }
    body.login-portal-admin .adm-feature-list { display: none; }
    body.login-portal-admin .adm-divider      { display: none; }

    /* Compact heading + text */
    body.login-portal-admin .adm-left-body h6 { font-size: 22px !important; margin-bottom: 8px; }
    body.login-portal-admin .adm-left-body p  { font-size: 13px !important; margin-bottom: 0 !important; max-width: 100%; }

    /* Smaller shield */
    body.login-portal-admin .adm-shield-wrap {
        width: 52px; height: 52px;
        font-size: 22px;
        margin-bottom: 14px;
    }

    /* Smaller badge */
    body.login-portal-admin .adm-badge {
        font-size: 10px;
        padding: 3px 10px;
        margin-bottom: 14px;
    }

    /* Right panel full width */
    body.login-portal-admin .__loginsection .right_content {
        flex:      0 0 100%;
        max-width: 100%;
        padding:   30px 20px;
        border-radius: 0;
    }

    /* Stack both input columns */
    body.login-portal-admin .__loginsection .login-content .col-lg-6 {
        flex:      0 0 100%;
        max-width: 100%;
    }

    body .m_container{max-width:100%;}
    header {padding: 0px;z-index: 100;width: 100%;}
    header .navbar .navbar-collapse {left: 0px;width: 100%;top: 100%;z-index: 9;background: #fff0f3;position: absolute;}
    header .navbar .navbar-collapse .nav-item{margin:0;border-bottom: 1px solid #545458;}
    header .navbar .navbar-collapse .nav-item:nth-last-child(2){border-bottom: 0;}
    header .navbar .navbar-collapse .nav-item a{color:#161e47;padding:20px 10px;}
    header .navbar .navbar-collapse .nav-item a:before{content:none;}

    .navbar .navbar-toggler{padding:0;}
    .navbar .navbar-toggler .navbar-toggler-icon{padding-top:5px;}
    .navbar .navbar-toggler .navbar-toggler-icon .icon-bar {width: 22px;background: #000;height: 2px;float: right;border-radius: 100px;}
    .navbar .navbar-toggler .navbar-toggler-icon .icon-bar.top-bar {margin-bottom:5px;}
    .navbar .navbar-toggler .navbar-toggler-icon .icon-bar.middle-bar {margin-bottom:5px;}

    .carousel_content button{padding: 8px 24px;font-size: 15px;}
    .carousel_content h2{font-size: 34px;}
    .__HomeSlider .carousel-inner{height:auto;}
    .title_section h2{font-size: 25px;}
    .__clsLatestEvents .m_container, .__clsMissionVisson .m_container, .__footer.clsb2cContent .container, .__clsBrahmanaSabha .m_container{max-width:100%;}
    .__clsMissionVisson .clsTitle{font-size: 22px;}
     .__clsMissionVisson .col-sm-6.col-12{margin-bottom:10px;}
    .__clsMissionVisson .clsContent p{font-size: 14px;}
    .footer-upper .col-sm-4, .footer-upper .col-sm-3{max-width:100%;margin:0;flex:none;margin-bottom:15px;}
    .__clsBrahmanaSabha .col-sm-5.col-12, .__clsBrahmanaSabha .col-sm-7.col-12{max-width:100%;margin:0;flex:none;}
    .__clsBrahmanaSabha .col-sm-5.col-12{margin-bottom:30px;}

    .login_content .btn-group{position: absolute;top: 35px;right: 40px;z-index: 2;}
     .login_content .btn-group .btn_l{padding: 5px 10px;font-size: 13px;}

}

/* ================================================================
   MOBILE — ≤ 575px extra-small phones
   ================================================================ */
@media (max-width: 575px) {
    body.login-portal-admin .left_content--admin      { padding: 22px 18px !important; }
    body.login-portal-admin .adm-left-body h6         { font-size: 20px !important; }
    body.login-portal-admin .adm-left-body p          { font-size: 12px !important; }
    body.login-portal-admin .__loginsection .right_content { padding: 24px 16px; }
    body.login-portal-admin .__loginsection .login-content button { height: 46px !important; font-size: 15px !important; }
}

/* ================================================================
   END ADMIN PORTAL LOGIN CSS
   ================================================================ */


/* ================================================================
   ADMIN PORTAL LOGIN — Logo replacing shield icon
   ================================================================ */

/* Logo container — circular white ring matching shield style */
body.login-portal-admin .adm-logo-wrap {
    width:  90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    border: 2px solid rgba(255,255,255,0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    flex-shrink: 0;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.20);
}

/* Logo image — white background circle so dark logos still show clearly */
body.login-portal-admin .adm-portal-logo {
    width:  74px;
    height: 74px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
    padding: 6px;
}

/* Mobile ≤ 767px — shrink logo ring */
@media (max-width: 767px) {
    body.login-portal-admin .adm-logo-wrap {
        width:  64px;
        height: 64px;
        margin-bottom: 14px;
    }
    body.login-portal-admin .adm-portal-logo {
        width:  52px;
        height: 52px;
        padding: 4px;
    }
}

/* Mobile ≤ 575px */
@media (max-width: 575px) {
    body.login-portal-admin .adm-logo-wrap {
        width:  54px;
        height: 54px;
        margin-bottom: 10px;
    }
    body.login-portal-admin .adm-portal-logo {
        width:  44px;
        height: 44px;
        padding: 3px;
    }
    header .navbar-brand img{width: 170px;}
    .login_content .btn-group .btn_l{padding: 4px 10px;font-size: 12px;}
    .login_content .btn-group{top:30px;}
    .contact_page .adress-contact{margin: 20px 0;}
}