*{
    font-family:  "Arial", sans-serif;
    margin: 0;padding: 0;
}
:root{
    --thm-font:  "Arial", sans-serif;
    --thm-base: #cd0030;
    --thm-base2: #45191a;
    --thm-black: #000000;
    --thm-white: #ffffff;
    --thm-description: #474534;
}
h1, h2, h3, h4, h5, h6, p{ margin: 0; }
ul{ margin: 0; padding: 0; }
li{ list-style: none; }

h1{ font-size: 35px; font-weight: 600;} 
h2{ font-size: 32px; font-weight: 600;} 
h3{ font-size: 24px; font-weight: 600;} 
h4{ font-size: 22px; font-weight: 600;} 
h5{ font-size: 20px; font-weight: 500;} 
h6{ font-size: 18px; font-weight: 500;}

a{ color: var(--thm-black); text-decoration: none; font-weight: 500; transition: 0.5s;}
a:hover {color: var(--thm-base); }

.mb-80{ margin-bottom: 80px;}
.mt-80{ margin-top: 80px;}
.container{ max-width: 1004px; padding: 0px 51px;}

.heading-tag{ font-size: 17px; color: var(--thm-base); margin-bottom: 10px; font-weight: 600; text-transform: uppercase;}
.heading{ font-size: 21px; font-weight: normal; color: var(--thm-base2);}
.description{ font-size: 13px; line-height: 16px; margin-bottom: 15px; font-weight: 500; color: var(--thm-description);}

.btn-box {  background: linear-gradient( #cd0030, #cd0030, #ff3b78); color: var(--thm-white) !important; border: none; font-size: 12px; padding: 8px 20px; border-radius: 4px; font-weight: 400; letter-spacing: 0.3px; cursor: pointer; transition: 0.3s;}
.btn-box:hover { background: linear-gradient( #cd0030, #df0135, #ff3b78)}

.form-section { width: 100%; margin: auto; padding: 40px; /* margin: 0px 60px; */ background-color: var(--thm-white); /* border: 1px solid var(--thm-base-light); */ border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
.form-heading { font-size: 22px; margin-bottom: 0px; color: var(--thm-black); font-weight: 600; }
.form-control { display: block; margin-top: 3px; padding: 10px 15px; font-size: 14px; color: var(--thm-black); background-color: transparent; background-clip: padding-box; border: 1px solid var(--thm-black-ligth); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.form-select { margin-top: 3px; padding: 10px 15px; font-size: 14px; border-radius: 2px; border: 1px solid var(--thm-black-ligth); color: var(--thm-black); background-color: transparent; }
.form-select:focus { border: 1px solid var(--thm-base-light); box-shadow: rgba(250, 18, 18, 0.25) 0px 0px 0px 0.25rem; }
.form-control:focus { color: var(--thm-black); background-color: transparent; border: 1px solid var(--thm-base-light); outline: 0px; box-shadow: rgba(250, 18, 18, 0.25) 0px 0px 0px 0.25rem; }
.form-section button{ border: none; }


.box-shadow-sides { position: relative; max-width: 1004px; margin: auto; background: transparent;}
.box-shadow-sides::before,
.box-shadow-sides::after { content: ""; position: absolute; top: 0; width: 15px; height: 100%; pointer-events: none; background-repeat: no-repeat; background-position: center top; background-size: contain;}

.box-shadow-sides::before { left: -15px; background-image: url('/assets/images/shadow_l.png');}
.box-shadow-sides::after { right: -15px; background-image: url('/assets/images/shadow_r.png');}

/* .box-shadow-sides::before { left: -25px; background: linear-gradient(to left, rgba(0,0,0,0.15), transparent);}
.box-shadow-sides::after { right: -25px; background: linear-gradient(to right, rgba(0,0,0,0.15), transparent);} */

.policy-update-container{ padding: 10px 0px 18px; border-bottom: 6px solid var(--thm-base); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;}
.policy-update-container .policy-update-info p{ font-size: 10px; font-weight: 500; line-height: 1.1;}
.policy-update-container .policy-update-info a{ font-size: 10px; font-weight: 600; text-decoration: underline; text-decoration-color: rgb(255, 204, 0); }

/* header{ background-color: var(--thm-white); } */
nav .navigation { display: flex; align-items: center; justify-content: space-between; padding: 25px 0px;}
nav .web-logo{ display: flex; align-items: end;}
nav .web-logo p{ font-size: 8px; margin-bottom: 0; line-height: 0.8; color: var(--thm-base2);}
nav .web-logo img{ max-width: 211px;}
nav .main-menu{ display: flex; gap: 0px; align-items: center; justify-content: space-between;}
nav .main-menu .menu{ display: flex; gap: 0px; align-items: center;}
nav .main-menu .menu > li{ line-height: 0.8; padding: 0px 8px; border-right: 1px solid var(--thm-black);}
nav .main-menu .menu > li:last-child{ border-right: none;}
nav .main-menu .menu > li > a{ font-size: 12px; font-weight: normal;}

/* .banner-section .banner-container{ padding-top: 35px;} */
.banner-section .banner-container .banner-img img{ min-width: 100%; height: 337px;}
.banner-content{ background-color: rgb(69, 25, 26); padding: 30px 30px 15px; }
.banner-content .area{ font-size: 10px;  font-weight: 400; margin-bottom: 15px; color: rgb(255, 204, 0); padding: 12px 0px; border-top: 1px solid #80011f; border-bottom: 1px solid #80011f; line-height: 1.3;}
.banner-content .area p a{ font-size: 10px;  font-weight: lighter; color: rgb(255, 204, 0);}
.banner-content form label{ font-size: 12px; width: 53px !important; color: var(--thm-white);}
.banner-content form select{ font-size: 12px; max-width: 130px !important;}

.welcometoEM-section .welcometoEM-content-container{ padding-right: 15px;}
.welcometoEM-section .welcometoEM-content-container .row{ border-top: 1px dotted var(--thm-base2);}
.welcometoEM-section .welcometoEM-content-container .heading{ margin-bottom: 24px;}
.welcometoEM-section .welcometoEM-content-container .person-hl{ padding-right: 50px;}
.welcometoEM-section .welcometoEM-content-container .person-hl h6{ font-size: 12px; font-weight: 500; color: var(--thm-base);}
.welcometoEM-section .welcometoEM-content-container .person-hl h6.yellow-text{ color: rgb(255, 204, 0);}
.welcometoEM-section .welcometoEM-content-container .person-hl p{ font-size: 12px; line-height: 1.1; color: #0b0a0a;}

.welcometoEM-section .welcometoEM-content-container .welcometoEM-content .heading{ color: var(--thm-base); font-size: 13px; margin-bottom: 18px;}
.welcometoEM-section .welcometoEM-content-container .welcometoEM-content .description a{ color:#FF0031; text-decoration: underline; text-decoration-color: #000000;}
.welcometoEM-section .welcometoEM-content-container .welcometoEM-content .james-morris-section{ background: url('/assets/images/bottom_image.jpg') no-repeat right top; background-size: cover; border: 1px solid #69676240; padding: 37px 28px; margin-top: 40px;}
.welcometoEM-section .welcometoEM-content-container .welcometoEM-content .james-morris-section .description{ color: var(--thm-base2); font-style: italic;}
.welcometoEM-section .welcometoEM-content-container .welcometoEM-content .james-morris-section .james{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; font-weight: bold; color: var(--thm-base);}

.join-form{ background-color:#EBE8D9;  border: 4px #DDDACB solid; padding: 40px 24px; margin-bottom: 20px;}
.join-form .formtext, .join-form label{ font-size: 11px; font-weight: normal; color: var(--thm-base2); text-transform: uppercase; margin-top: 3px;}
.join-form label{ width: 114px !important;}
.join-form label sup{ font-size: 12px; font-weight: bolder; color: red;}
.join-form input, 
.join-form optgroup, 
.join-form select, 
.join-form textarea { margin: 0; font-size: 12px; line-height: 0.8;}
.join-form .warningtext{ margin-left: 118px; font-size: 11px; font-weight: normal; color: #41403c; margin-bottom: 10px;}
.join-form .checkbox-items{ font-size:12px; color:#000000; text-align: justify; margin: 20px 0px 0px;}
.join-form .checkbox-items a{ font-size: 12px; color: #FF0031; text-decoration: underline; text-decoration-color: #FF0031;}
.join-form .submit-btn input{ background: #CE0031; color: #FFFFFF; border: 0px; font-weight: bold; cursor: pointer; width: 200px; height: 30px; margin-top: 30px;}


footer{ background-color: #CE0031; padding: 17px 5px 40px;}
footer .copyright-text{ font-size: 10px;}
footer .copyright-text a{ font-size: 18px; font-weight: 700; color: var(--thm-white);}
footer .copyright-text a sub{ font-size: 10px;}

footer .useful-links{ font-size: 11px; color: var(--thm-white); line-height: 1.3; padding: 10px;}
footer .useful-links a{ font-size: 11px; padding: 0; font-weight: normal; color: var(--thm-white); line-height: 0.9;}

footer .members-age{ font-size:10px; padding: 0; font-weight: 100; color: var(--thm-white); line-height: 1.1;}
footer .members-age a{ font-size:10px; padding: 0; color: var(--thm-white); line-height: 0.9;}
footer .members-age .text-decor{ text-decoration: underline; text-decoration-color: rgb(255, 204, 0);}
footer .communicate-text .description{ font-size: 11px; line-height: 12px; margin-bottom: 0; font-weight: 600;}
footer .communicate-text .description a{ color: var(--thm-white); text-decoration: underline; text-decoration-color: rgb(255, 204, 0);}


/* toogle bar */
.ham { width: 60px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: none; margin: -10px; position: sticky; }
.hamRotate.active { transform: rotate(45deg);}
.hamRotate180.active { transform: rotate(180deg);}
.line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: var(--thm-base); stroke-width: 5.0; stroke-linecap: round; }
.ham6 .top { stroke-dasharray: 40 172;}
.ham6 .middle { stroke-dasharray: 40 111;}
.ham6 .bottom { stroke-dasharray: 40 172;}
.ham6.active .top { stroke-dashoffset: -132px;}
.ham6.active .middle { stroke-dashoffset: -71px;}
.ham6.active .bottom { stroke-dashoffset: -132px;}

body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 5; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
body.menu-open::before { opacity: 1; visibility: visible;}


/*Added by Hiren*/
#digital_signature_container, #mobile_digital_signature_container { display: none; border: 1px solid #ccc; padding: 5px; }
#digital_signature_container p, #mobile_digital_signature_container p { margin-top: 0px;}
.AdBanner { text-align: center; }
p.AdBanner img { max-width: 100% !important; height: auto !important; }