/*Small Switch Palette
#37517E - primary color
#00c9b7 - secondary color*/
body {
font-family: Tahoma, sans-serif;
color: #0D1321;
font-size: 18px;
line-height: 28.8px;
font-weight: 400;
background: #fffdfd;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
#clock strong{
border: 1px solid;
padding: 0px 7px 0px 7px;
color: #b71019;
}
.main-header nav
{
z-index: 3;
background-color: #fff;
box-shadow: 0 0 46px 12px rgb(0 0 0 / 10%);
}
input.input-blank {
border-bottom: 1px solid #0D1321;
border-top: 0;
border-right: 0;
border-left: 0;
color: #0D1321;
}
.input-blank:focus-visible {
outline: none;
}
.navbar-brand 
{
padding: 0;
}
.navbar-brand img
{
width: 80px;    
}
.main-header .cus-nav li.nav-item
{
padding-right: 15px;
}
.main-header .cus-nav li.nav-item:last-child
{
padding-right: 0px;
}
.cus-nav li.nav-item a.nav-link
{
color: #0D1321;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.cus-nav li.nav-item a.nav-link:hover,
.cus-nav li.nav-item a.nav-link:focus
{
color: #b71019;    
}
.dating-wrapper {
position: relative;
width: 100%;
height: 100%;
background-color: #fffdfd;
}
.banner .dating-wrapper
{
padding: 50px 0;
}
.info-text
{
text-align: center;
background: #fff;
padding: 30px 150px;
margin-top: 50px;
margin-bottom: 90px;
border-radius: 5px;
box-shadow: 0 10px 30px 10px rgb(0 0 0 / 10%);
}
.info-text h4
{
font-size: 20px;
line-height: 1.5; 
position: relative; 
}
.info-text h4 a
{
text-decoration: underline;   
}
.dating-content .heading span
{
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
}
.dating-content .heading h1
{
line-height: 55px;
font-size: 50px;
font-weight: 300;
color: #000000;
margin-top: 5px;
}
.dating-content .heading h1 strong
{
color: #b71019;
font-weight: 500;
}
.dating-content p
{
margin-top: 25px;
color: #777;
line-height: 35px;
font-size: 20px;    
}
.download-btn
{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 30px;
position: relative;
z-index: 1;
}
.download-btn div 
{
margin-right: 20px;
}
.download-btn div span
{
display: block;
text-align: center;
font-size: 16px;
}
.download-btn a.sign-btn
{
display: inline-block;
padding: 7px 80px;
background: black;
color: #fff;
text-align: center;
border-radius: 5px; 
}
.download-btn a.login-btn
{
display: inline-block;
padding: 7px 80px;
background: #b71019;
color: #fff;
text-align: center;
border-radius: 5px;      
}
.how-it-work
{       position: relative;
width: 100%;
height: 100%;
clear: both;
padding: 70px 0 70px;
background: url(../img/course_bg_2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.title-sec
{
margin: 20px 0;
margin-top: 30px;
text-align: center;
}
.title-sec h2
{
font-size: 35px;
font-weight: 400;
color: #191919;
line-height: 55px;
text-transform: capitalize;
padding: 0 100px;
}
.title-sec .heart-line
{
z-index: 2;
width: 92px;
margin: 10px auto;
position: relative; 
}
.title-sec .heart-line i
{
font-size: 18px;
background: linear-gradient(to right,#b71019,#ff6068);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;  
}
.title-sec .heart-line:before
{
position: absolute;
content: "";
width: 36px;
height: 2px;
top: 50%;
left: 15px;
transform: translateY(-50%);
background: #b71019;
z-index: 1; 
width: 46px;
left: 0;
z-index: -1;
}
.title-sec .heart-line:after
{
position: absolute;
content: "";
width: 92px;
height: 2px;
background: #d1d1d1;
top: 50%;
left: 15px;
transform: translateY(-50%);
left: 50%;
transform: translate(-50%,-50%);
z-index: -2;
}
.main-box {
text-align: center;
}
.footer
{
background: #000000;
color: #f1f1f1;
text-align: center;
padding: 5px;
}
.regs-btn {
    background-color: #b71019;
    color: #fff;
    padding: 10px 20px !important;
    color: #fff;
    margin-top: 9px;
    border: navajowhite;
    font-weight: 400;
    transition: 0.3s;
    text-transform: capitalize;
}
.footer p
{
margin-bottom: 0px;
font-size: 16px;
font-weight: 400;
}
.how-it-work .contact-page.side-shape-3::after
{
top: -90px;
right: 20px;
z-index: 2;
}
.how-it-work .contact-page.privacy-page.side-shape-3::after {
top: -130px;
right: 60px;
z-index: 2;
background-image: url(../img/contact-shape-img-1.png);
width: 90px;
height: 241px;
}
.title-banner.contact-banner
{
background: url(../img/shadow-img.jpg);
background-size: cover;
background-position: 0 -190px;
background-repeat: no-repeat;
position: relative;
}
.faq-banner.title-banner
{
background: url(../img/page-title-bg-1-1.jpg);  
background-size: cover;
background-position: 0 -240px;
background-repeat: no-repeat;
position: relative;
}
.title-banner.certified-banner
{
background: url(../img/tiser1.jpg);  
background-size: cover;
background-position: 0 0px;
background-repeat: no-repeat;
position: relative;   
}
.title-banner.how-it-work-banner
{
background: url(../img/F-15.jpg);  
background-size: cover;
background-position: 0 -150px;
background-repeat: no-repeat;
position: relative;   
}
.title-banner.Validation-Response-bg
{
background: url(../img/img-033.jpg);
background-size: cover;
background-position: 0 -150px;
background-repeat: no-repeat; 	
}
.faq-banner.title-banner:before, 
.title-banner.contact-banner:before, 
.title-banner.certified-banner:before,
.title-banner.how-it-work-banner:before,
section.title-banner.inner-banner:before
{
background-color: rgba(0, 0, 0, 0.55);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
}
section.title-banner.inner-banner {
background: url(../img/img-033.jpg);
background-size: cover;
background-position: 0 -140px;
background-repeat: no-repeat;
position: relative;
}
section.title-banner.inner-banner  .main-title-sec
{
padding: 70px;
}
section.title-banner.inner-banner  .main-title-sec h1
{
font-size: 50px;
}
.main-title-sec
{
text-align: center;
padding: 120px;
}
.main-title-sec h1
{
margin-bottom: 0;
text-align: center;
font-size: 70px;
color: #ffffff; 
z-index: 1;
position: relative;
}
/*contact page*/
section.contact-section {
padding-top: 0;
padding-bottom: 30px;
position: relative;
}
.contact-frm-inner {
background: #F9F9F9;
padding: 50px;
min-height: 710px;
border-radius: 0 0 0 40px;
}
.contact-frm-inner h2 {
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
}
.contact-frm-inner p {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 30px;
}
.contact-section .contact-form .form-group {
margin-bottom: 20px;
}
.contact-section .contact-form .form-group label {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.contact-section .contact-form .form-group .form-control {
height: 60px;
border-radius: 10px;
}
.contact-section .contact-form .contact-btn button {
display: inline-block;
background: #b71019;
padding: 7px 20px !important;
border-radius: 3px;
color: #fff;
margin-top: 20px;
font-weight: 400;
transition: 0.3s;
border: 1px solid #b71019;
}
.contact-section .contact-form .contact-btn button:hover {
background: #000000;
border: 1px solid #000000;
}
.get-in-touch {
background: #b71019;
padding: 50px;
min-height: 710px;
border-radius: 0 0 40px 0;
}
.get-in-touch p {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 1.5;
}
.get-in-touch h2 {
font-size: 40px;
font-weight: 700;
color: #fff;
margin-bottom: 50px;
}
.office-address {
display: flex;
align-items: flex-start;
border-bottom: 1px dashed #f1f1f1;
margin-bottom: 30px;
padding-bottom: 30px;
}
.phone-no.office-address {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.office-address .icon-sec {
line-height: 1.4;
}
.office-address .icon-sec i {
font-size: 30px;
color: #ffffff;
}
.office-address .add-sec {
padding-left: 20px;
}
.office-address .add-sec h3 {
font-size: 25px;
color: #fff;
}
.office-address .add-sec p {
margin-bottom: 0px;
}
.office-address .add-sec p a {
color: #ffffff;
text-decoration: none;
}
.office-address .add-sec p a:hover {
color: #ea95c8;
}
.cus-right-padd {
padding-right: 0;
}
.cus-left-padd {
padding-left: 0;
}
.second_color
{
color: #b71019;
}
/*privacy section*/
.privacy-section
{
padding: 0;
position: relative;
overflow: hidden;
background-color: #f7f7f7;
}
.work-box
{
background: #ffffffc1;
position: relative;
padding: 0 30px;
border-radius: 10px;
}
.Sharing-the-Road-sec
{

}
.work-box.Enrollment-box
{
padding: 30px;  
}
.question-ans-box
{
margin: 100px 20px 20px;	
}
.work-box p
{
font-size: 18px;
font-weight: 400;
color: #0D1321;
line-height: 1.5;
margin-bottom: 10px;
}
.work-box p:last-child
{
margin-bottom: 0px;
}
.work-box p strong
{
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: #b71019;   
}
.work-box h4
{
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.work-box span
{
font-size: 16px;
font-weight: 500;
color: #74757B;
line-height: 1.5;
display: block;
margin-bottom: 0;
font-style: italic;
}
.response-save ul span
{
font-size: 16px;
font-weight: 600;
color: #b31019;
line-height: 1.5;
display: block;
margin-bottom: 20px;
font-style: italic;
}
.response-save ul p
{
font-size: 16px;
font-weight: 500;
color: #000;
line-height: 1.5;
display: block;
margin-bottom: 20px;
font-style: italic;
}
.work-box ul li
{
font-size: 18px;
font-weight: 400;
color: #0D1321;
padding: 5px;
line-height: 1.6;
}
.work-box ul li a
{
font-weight: 500;
text-decoration: underline;
}
.certified-sec
{
background: url(../img/faq_bg_1.jpg);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;   
}
.certified-sec .site-title h2
{
color: #ffffff;
}
.certified-box
{
background: #fffffff7;
}
.certified-box .certified-title
{
}
.certified-box .certified-title h2 strong
{
line-height: 1;
font-size: 30px;
font-weight: 400;
color: #b71019;
text-transform: capitalize;
}
.certified-box .certified-title h3
{
margin-top: 15px;
color: #777;
line-height: 30px;
font-size: 18px;
font-weight: 400;  
}
.certified-box .certified-img
{
text-align: center;
}
.certified-box .certified-img img
{
    width: 450px;
    cursor: zoom-in;
    height: 450px;
    object-fit: contain;
    padding: 25px;
}
.image-modal .modal-header
{
background: #b71019;
}
.image-modal .modal-header h4
{
color: #ffffff;  
}
.image-modal .modal-header .btn-close
{
background: transparent url(../img/close.png) center/1em auto no-repeat;
opacity: 1;
}
.image-modal .modal-body
{
text-align: center;
}
.image-modal .modal-body img
{
width: 80%;
}
.work-box .certified-img span
{
margin-bottom: 0;
}
.cus-accordion .accordion-button:not(.collapsed)
{
color: #b71019;
}
.cus-accordion .accordion-body ul
{
padding-left: 20px;  
}
/*After Login Section*/
.after-login-sec
{
padding: 30px 0;
position: relative;
overflow: hidden;
background-color: #f7f7f7;   
}
.table-box {
background: #ffffffc1;
position: relative;
padding: 20px;
border-radius: 10px;
box-shadow: 0 10px 30px 10px rgb(0 0 0 / 10%);
}
.table-box table
{
margin-bottom: 0px;
}
.table-box table tr th, .table-box table tr td
{
padding: 10px;
font-size: 18px;
text-transform: capitalize;
line-height: 1.5;
}
.table-box table tr td a 
{
text-decoration: underline;
}
.table-box table tbody
{
border-top: 0px !important;
}
.btn-box
{
text-align: center;
margin-top: 40px;
}
.btn-box .continue-btn
{
display: inline-block;
padding: 7px 40px;
background: #b71019;
color: #fff;
text-align: center;
border-radius: 5px;
text-transform: capitalize;   
}
.Session-box .certified-box
{
background: #ffffffd9;
position: relative;
padding: 50px;
border-radius: 10px;
}
.Session-title.title-sec h2
{
font-size: 25px;
line-height: normal;
font-weight: 500; 
position: relative;
color: #b71019;   
}
.Session-box .certified-box .certified-img img
{
cursor: auto;
width: 350px;
}
.Session-btn {
flex-wrap: wrap-reverse;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-final-btn.Session-btn 
{
    display: block;
}
.Session-btn .previous-btn
{
display: inline-block;
padding: 7px 20px;
background-color:#000;
border-color:#000;
color: #fff;
text-align: center;
border-radius: 5px; 
margin-right: 20px;  
}
.Session-btn .nxt-btn
{
display: inline-block;
padding: 7px 20px;
background-color: #b71019;
border-color:#b71019;
color: #fff;
text-align: center;
border-radius: 5px;   
order: 1;
}
.final-btn {
    text-align: right;
}
.number-sec
{
display: flex;
align-items: center;
justify-content: center;
}
.number-sec h2
{
margin-bottom: 0;   
}
.number-sec h2 span
{
font-size: 70px;
font-weight: 700;
opacity: 0.25;
color: #b71019;   
}
.page-content {
padding: 50px 50px 20px;
}
.Session-box
{
display: flex;
align-items: center;
justify-content: center;
}
.Session-content-box-text {
flex: 0 0 95%;
}
.chapter-box-txt
{
flex: 0 0 75%;
}
.chapter-box-txt.two-img-txt
{
flex: 0 0 60%;   
}
.chapter-box-txt h4 strong
{
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: #b71019;
}
.chapter-box-img
{
flex: 0 0 20%;
}
.chapter-box-img img
{
width: 100%;
}
.Session-content-box
{
background: #ffffffd9;
position: relative;
border-radius: 10px;   
}
.Session-content-box .row
{
margin-right: 0;
margin-left: 0;
border-bottom: 1px dashed #dddddd;
padding: 50px 0;
}
.Session-content-box .row:last-child
{
border-bottom: 0px;
}
.Session-content-box-text h1
{
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.Session-content-box-text h2
{
font-size: 15px;
font-weight: 400;
color: #74757B;
line-height: 1.5;
margin-bottom: 5px;
}
.Session-content-box-text h1 strong, .Session-content-box-text h2 strong, .Session-content-box-text h4 strong
{
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: #b71019;
}
.Session-content-box-text p
{
font-size: 18px;
font-weight: 400;
color: #0D1321;
line-height: 1.5;
margin-bottom: 5px;
}
.Session-content-box-text .lesson_content p img {
width: 70% !important;
height: 100% !important;
margin-bottom: 20px;
display: block;
}
.Session-content-box-img
{
text-align: center;
padding-left: 1.5rem;
}
.Session-content-box-img img
{
width: 150px;
height: 200px;
object-fit: contain;
}
ul li .Session-content-box-img img
{
width: 150px;
height: auto;
object-fit: contain;
}
.right-two-img
{
display: flex;
align-items: center;
justify-content: space-between;
}
.right-two-img img
{
width: 200px; 
padding-right: 5px;  
}
.right-two-img img:last-child
{
padding-right: 0; 
}
.Session-content-box-text ul, .Session-content-box-text ol
{
margin-bottom: 5px;
}
.Session-content-box-text ul li, .Session-content-box-text ol li
{
font-size: 18px;
line-height: 1.7;
font-weight: 400;
color: #0D1321;
}
.Session-content-box-text span
{
line-height: 1.5;
font-weight: 400;
color: #0D1321;
display: inline-block;
margin-top: 5px;
}
.Session-content-box .row:nth-child(3)
{
padding-top: 25px;
padding-bottom: 25px;   
}
.animation-text
{
text-align: center;
margin-top: 40px;
}
.animation-text h3
{
font-weight: 500;
font-size: 25px;
line-height: 1.4;
color: #b71019; 
}
.Session-content-box-text a
{
font-weight: 500;
text-decoration: underline;
}
.rectangle-img img
{
width: 220px;
}
.table-box.session-box
{
background: #ffffffc1;
position: relative;
padding: 0;
border-radius: 0;
box-shadow: none;
}
.session-box.table-box table tr th:nth-child(1) {
width: 20%;
}
.session-box.table-box table tr th:nth-child(2) {
width: 15%;
}
.session-box.table-box table tr th:nth-child(3) {
width: 30%;
}
.session-box.table-box table tr th:nth-child(4) {
width: 35%;
}
.footer-img {
text-align: center;
}
.footer-img img{
width: 700px;
padding: 20px 0 0;
}
p.permt-txt
{
font-size: 25px;
line-height: 1.2;
}
ul.second-list
{
list-style: decimal;
}
.print-sec
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.print-sec p
{
color: #b71019;
font-weight: 500;
font-style: italic;
margin-bottom: 0;
}
.printer-img
{
width: 50px;
}
.paperwork-sec
{
display: flex;
align-items: center;
justify-content: space-between;
}
.paperwork-sec
{
}
.or-sec
{
text-align: center;
margin-bottom: 20px;
}
.or-sec h5
{
position: relative;
font-size: 20px;
font-weight: 700;
color: #b71019; 
}
.or-sec h5:before
{
content: '';
position: absolute;
width: 390px;
height: 1px;
background: #dddddd;
left: 33px;
bottom: 0;
top: 0;
margin: auto;
}
.or-sec h5:after
{
content: '';
position: absolute;
width: 390px;
height: 1px;
background: #dddddd;
right:  33px;
bottom: 0;
top: 0;
margin: auto; 
}
/*Mobile sidebar*/
.sidepanel  {
width: 0;
position: fixed;
z-index: 1;
height: 100%;
top: 0;
right: 0;
background-color: #222222fc;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidepanel a {
padding: 8px 8px 5px 32px;
text-decoration: none;
font-size: 20px;
color: #ffffff;
display: block;
transition: 0.3s;
}
.sidepanel a:hover {
color: #f1f1f1;
}
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
}
.openbtn {
font-size: 25px;
cursor: pointer;
background-color: #b71019;
color: white;
padding: 5px 10px;
border: none;
border-radius: 5px;
}
.openbtn:hover {
background-color:#444;
}
.img-box5 {
-webkit-animation: jumpAni 4s linear infinite;
animation: jumpAni 4s linear infinite;
}
@-webkit-keyframes jumpAni{
0%{
-webkit-transform:translateY(0);
transform:translateY(0)
}
40%{
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jumpAni{
0%{
-webkit-transform:translateY(0);
transform:translateY(0)
}
40%{
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.shape-mockup {
position: absolute;
z-index: -1;
pointer-events: none;
}
.shape-mockup-wrap {
z-index: 2;
position: relative;
}
.movingCar{
-webkit-animation:movingCar 25s linear infinite;
animation:movingCar 25s linear infinite
}
@-webkit-keyframes movingCar{
0%{
-webkit-transform:translateX(0) rotateY(0deg);
transform:translateX(0) rotateY(0deg)
}
50%{
-webkit-transform:translateX(calc(100vw*-1 + 108%));
transform:translateX(calc(100vw*-1 + 108%))
}
51%{
-webkit-transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
}
100%{
-webkit-transform:translateX(0) rotateY(180deg);
transform:translateX(0) rotateY(180deg)
}
}
@keyframes movingCar{
0%{
-webkit-transform:translateX(0) rotateY(0deg);
transform:translateX(0) rotateY(0deg)
}
50%{
-webkit-transform:translateX(calc(100vw*-1 + 108%));
transform:translateX(calc(100vw*-1 + 108%))
}
51%{
-webkit-transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
}
100%{
-webkit-transform:translateX(0) rotateY(180deg);
transform:translateX(0) rotateY(180deg)
}
}
/*Login section*/
a {
color: #b71019;
text-decoration: none;
}
.login-body {
background: #fafafa;
}
.login-page
{
padding: 30px;
height: 100vh;
}
.login-frm
{
background: #fdffff;
padding: 30px;
padding-bottom: 20px;
border: 1px solid #f1f1f1;
box-shadow: 0 1rem 1.75rem 0 rgba(45,55,75,0.1);
border-radius: 10px;
position: relative;
}
.login-frm .frm-logo
{
position: absolute;
top: -50px;
right: 0;
left: 0;
margin: auto;
}
.login-frm .frm-logo img
{
width: 80px;
border-radius: 50em; 
}
h2.login-title
{
margin: 10px 0 10px;
font-size: 20px;
font-weight: 500;
text-align: center;
}
.login-frm .frm-logo span
{
font-size: 25px;
color: #971219;
font-weight: 700;
display: inline-block;
margin-left: 5px;
text-transform: uppercase;    
}
.login-frm form
{
}
.login-frm form .form-control
{
min-height: 50px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e7e7e7;
padding: 10px 15px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;   
}
.login-frm .foget-sec
{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: nowrap;
margin: 30px 0 10px;
}
.login-frm .foget-sec .form-check-label
{
color: #a4a4a4;
margin-bottom: 0;
font-size: 16px; 
position: relative;  
}
.login-frm .foget-sec .form-check-label .form-check-input
{
font-size: 16px;
position: absolute;
top: 1px;    
}
.login-frm .foget-sec a
{
font-size: 16px;
font-weight: 500;   
}
.login-frm .foget-sec a:hover
{
color: #971219;   
}
.login-frm .login-btn
{
background: #b71019;
padding: 10px 20px;
border-radius: 3px;
color: #fff;
width: 100%;
font-size: 16px;
margin: auto;
font-weight: 500;
margin-top: 20px;
}
.login-frm .login-btn:hover
{
background: #971219;
color: #fff;
transition: 0.3s;
}
.input-box
{
position: relative;
margin-bottom: 5px;
}
.input-box i
{
position: absolute;
right: 10px;
top: 10px;
bottom: 0;
margin: auto;
color: #212529;   
font-size: 16px;
}
.forget-para h2
{
font-size: 25px;
font-weight: 600;
}
.forget-para h3
{
font-size: 18px;
margin-bottom: 25px;  
}
.login-page
{
padding: 60px;
height: 100vh;
}
.input-box label
{
font-size: 14px;
margin-bottom: 5px;
color: #555;
font-weight: 600;   
}
.input-box span
{
font-size: 13px;
font-weight: 500;
color: #b71019;
}
.signup-frm
{
padding: 0;
}
.login-frm.signup-frm .login-title
{
margin: 0;
background: #b71019;
padding: 15px;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 25px;
font-weight: 600;
}
.login-frm.signup-frm form
{
padding: 20px 40px; 
background: #f8f9fe;  
}
.login-frm.signup-frm form .form-control, .Validation-box form .form-control
{
min-height: 100%;
padding: 8px 15px;
font-size: 14px;
line-height: 1.7; 
border: 1px solid #ccc; 
}
.login-frm.signup-frm .login-btn
{
margin-top: 0px;   
}
.signup-page
{
padding: 10px;
height: 100vh;
}
.login-frm.signup-frm .form-control.form-select
{
color: #6c757d;
}
.Birthday-sec {
display: flex;
align-items: center;
justify-content: space-between;
}
.Birthday-sec select
{
flex: 0 0 31.5%;
}
/*FAQ section*/
.cus-accordion .cus-btn.accordion-button {
width: auto;
padding-bottom: 15px;
}
.cus-accordion .accordion-body {
padding: 0 10px 2rem 90px;
}
.accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}
.accordion-button::after {
display: none;
}
.accordion-button::before {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: unset;
margin-right: 20px;
content: "";
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::before {
background-image: url(../img/next.png);
transform: rotate(90deg);
}
.accordion-button::before {
background-image: url(../img/next.png);
transform: rotate(0deg);
border: 4px double #333333;
padding: 20px;
border-radius: 50%;
background-position: center;
background-size: 11px;
}
.cus-accordion .accordion-item {
border: 0;
border-bottom: 1px solid #d5d8dc;
}
.cus-accordion .cus-btn {
font-size: 18px;
font-weight: 600;
padding: 2rem 1.25rem;
background: transparent;
}
.cus-accordion .accordion-button:not(.collapsed) {
box-shadow: none;
}
.site-title
{
text-align: center;
margin-bottom: 50px;
}
.site-title h2
{
font-size: 38px;
line-height: normal;
font-weight: 300;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #b71019;   
}
.site-title h2::before {
content: "";
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.site-title h2::after {
content: "";
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #b71019;
bottom: 0;
left: calc(50% - 20px);
}
.footer-txt{
background: #f8f9fe;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 10px;
}
.login-footer.footer-txt
{
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.footer-txt a{
font-size: 15px;
font-weight: 600;
text-decoration: underline;
}
.footer-txt p{
margin-bottom: 0;
margin-right: 20px;
font-size: 15px;
font-weight: 600;
}
.footer-sec
{
margin-top: 30px;
}
.login-page p.alert 
{
background: transparent;
border: 0;
font-size: 13px;
margin: 0 !important;
padding: 0 5px !important;
color: #b71019;
}
.text-danger{
font-size: 13px;
font-weight: 600;
}
.login-frm .alert-danger
{
color: #b71019;
border-color: #b71019;
font-size: 14px;
font-weight: 500;
padding: 5px 10px;
margin-bottom: 5px;
}
.login-frm .alert-dismissible .btn-close {
padding: 14px 10px;
font-size: 11px;
opacity: 0.7;
}
.table-box.session-box {
margin-bottom: 20px;
}
.Session-box .certified-box .first-row
{
margin-right: 0;
margin-left: 0;
border-bottom: 1px dashed #dddddd;
padding: 20px;
}
.Session-box .certified-box .sec-row
{
margin-right: 0;
margin-left: 0;
padding: 20px;
}
table
{
width: 100% !important;
border-color: #dddddd !important;
margin: 20px 0;
}
table tr td
{
border-color: #dee2e6 !important;
padding: 10px;   
}
table tr td p
{
color: #212529 !important;
}
.question-img-sec
{
}
.question-img-sec div
{
}
.question-img-sec div img
{
width: 150px;   
}
.web-box
{
padding: 30px 0;
}
.small-text{
font-size: 11px;
color: #b71019;
font-weight: 500;
}
.Enrollment-img-sec
{
}
.Enrollment-img-sec img
{
width: 85%;  
}
.Enrollment-sec
{
}
.Enrollment-sec .enroll-title, .Validation-title
{
font-size: 32px;
color: #b71019;   
}
.Enrollment-sec .enroll-para
{
font-size: 18px;
font-weight: 400;
color: #0D1321;
line-height: 1.5;
margin-bottom: 10px;   
}
.enrollment-box
{
border: 1px solid #ccc;
padding: 10px;
height: 300px;
overflow-y: scroll;
margin: 25px 0;
box-shadow: 0 5px 10px -5px #ccc;
border-radius: 5px 0 0 5px;
border-right: 0;
} 
.enrollment-box-inner h3
{
font-size: 18px;
font-weight: 600;
color: #0D1321;   
}
.enrollment-box-inner p 
{
font-size: 14px;
font-weight: 400;
color: #0D1321;
line-height: 1.5;
margin-bottom: 5px;  
}
.enrollment-box-inner p b
{
}
.enrollment-box-inner ul
{
list-style: lower-alpha;
} 
.enrollment-box-inner ul li
{
font-size: 14px;
font-weight: 400;
color: #0D1321;
line-height: 1.5;
margin-bottom: 5px;
} 
.enrollment-box-inner ul li b
{
} 
.enrollment-box-inner span
{
font-size: 15px;
font-weight: 500;
color: #0D1321;
line-height: 1.5;
margin-bottom: 5px;
font-style: normal;
} 
span.Click-sec
{
font-size: 15px;
font-weight: 500;
color: #0D1321;
font-style: normal;
}
span.Click-sec a
{
font-weight: 600;
text-decoration: underline;
text-transform: capitalize;  
}
button.enroll-btn
{
display: inline-block;
background: #b71019;
padding: 7px 20px !important;
border-radius: 3px;
color: #fff;
font-weight: 400;
transition: 0.3s;
border: 1px solid #b71019;    
}
.Enrollment-sec .form-check span
{
font-size: 18px;
font-weight: 500;
color: #0D1321;
font-style: normal; 
}
img.smll-img
{
width: 100px;
cursor: pointer;
}
.mdl-img img
{
width: 100%;
}
.click-img
{
display: flex;
align-items: center;
justify-content: space-around;
}
.click-img p
{
font-size: 20px;
font-weight: 500;
color: #0D1321;
line-height: 1.5;
margin-bottom: 10px;   
}
.info-box p
{
font-size: 18px;
font-weight: 500;
color: #0D1321;
}
.info-box ul
{
}
.info-box ul li
{
font-size: 18px;
font-weight: 500;
color: #0D1321;    
}
.info-box ul li b
{
}
.enroll-footer
{
text-align: center;
border-top: 1px dashed #8b8b8b;
margin-top: 30px;
padding-top: 15px;
}
.enroll-footer p
{
font-size: 18px;
font-weight: 500;
color: #0D1321;
font-style: normal;   
}
.enroll-footer p a
{
font-weight: 600;
text-decoration: underline;
text-transform: capitalize;
}
.enroll-footer a.reg-btn
{
display: inline-block;
background: #b71019;
padding: 7px 20px !important;
border-radius: 3px;
color: #fff;
font-weight: 400;
transition: 0.3s;
border: 1px solid #b71019;   
}
.work-box .form-check-input#check1
{
margin-left: 0 !important;
width: 35px;
height: 20px;
}
.Enrollment-sec .form-check
{
padding-left: 0;
margin-bottom: 20px;
display: flex;
}
.Session-content-box-img .source-img {
font-size: 10px;
text-align: center;
}
.Session-content-box-img .source-img a{
text-decoration:underline;
}
.web-box .modal-header
{
background: #b71019;
}
.web-box .modal-header h4.modal-title
{
color: #ffffff;
}
.web-box .modal-header .btn-close
{
filter: invert(1);
opacity: 1;
}
.footer-home-btn
{
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.footer-home-btn a.home-btn
{
display: inline-block;
padding: 7px 80px;
background: #b71019;
color: #fff;
text-align: center;
border-radius: 5px;
text-transform: uppercase;
}
.footer-home-btn a.home-btn:hover
{
background: #000000;
}
.chapter2-box{
display: flex;
align-items: center;
justify-content: flex-start !important;
}
.input-blank{
border: none;
border-bottom: 1px solid #74757B;;
}
.questions_option{
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: #b71019;
}
.work-box .radio{
margin: 10px 35px;
font-size: 16px;   
color: #74757B;
display: block;
}
.work-box input[type=radio] {
appearance: none;
padding: 7px;
border-radius:50%;
border-color:#74757B;
border: 1px solid;
margin: -3px 10px;
}
.work-box input[type=radio]:checked {
background-color:  #b71019;
}
.work-box .span-element{
display: inline-block;
margin-bottom: 0;
color: #b71019;
font-style: normal;
}
.work-box .source-img {
font-size: 13px;
text-align: center;
}
.work-box.source-img a{
text-decoration:underline;
}
.medicine_img .Session-content-box-img {
display: flex;
}
.medicine_img .Session-content-box-img img{
width: 70px;
}
.medicine_img_1 .Session-content-box-img img{
width: 200px;
}
.input-blank:focus-visible {
outline: none;
}
.work-box .form-group {
display: block;
margin-bottom: 15px;
}
.work-box .form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.work-box .form-group label {
position: relative;
cursor: pointer;
}
.work-box .form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #b71019;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
}
.work-box .form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 7px;
left: 7px;
width: 4px;
height: 13px;
border: solid #b71019;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.full-img {
display: block;
margin: 0 auto;
}
.work-box ol li{
color: #74757B;
font-size:16px;
}
div#clock {
display: flex;
justify-content: center;
color:#b71019;
font-weight:600;
align-items: center;
}
div#clock p {
border: 3px solid;
padding: 5px 10px;
margin: 0;
border-radius: 5px;
background: #fff;
margin-left: 5px;
}
div#clock p i
{
font-size: 18px;
}
.Session-btn button:disabled {
opacity:0.5;
}
.speed_test .Session-content-box-img img{
width: 200px;
}
.left-img{
padding-left: 0;
padding-right: 1.5rem;
}
.warning-img{
height: 200px;
object-fit: cover;
margin: 10px 0;
display: block;
}
.img_section{
align-items: start;
}
.Session-box .bold-heading{
color: #b71019;
display: inline-block;
font-weight: bolder;
font-style: normal;
font-size: 16px;
}
.small-para {
display: flex;
justify-content: center;
max-width:550px;
margin:0 auto;
}
.small-para h5{
font-size:10px;
margin-bottom: 0;    
}
.small-para p{
font-size:8px;
margin-bottom: 0;
}
.small-para div{
margin:10px;
} 
.two_img_box{
align-items: normal;
}
.two_img_box img {
height: 100%;
object-fit: contain;
max-height: 300px;
}
.road-img {
display: flex;
justify-content: center;
align-items: baseline;
}
.road-img p{
margin:10px;
font-size:10px;
}
.hand-signs-img img{
width: 100%;
}
/*chapter 4*/
.speed_test .Session-content-box-img img{
width: 200px;
}
.left-img{
padding-left: 0;
padding-right: 1.5rem;
}
.warning-img{
height: 200px;
object-fit: cover;
margin: 10px 0;
display: block;
}
.img_section{
align-items: start;
}
.Session-box .bold-heading{
color: #b71019;
display: inline-block;
font-weight: bolder;
font-style: normal;
font-size: 16px;
}
.small-para {
display: flex;
justify-content: center;
max-width:550px;
margin:0 auto;
}
.small-para h5{
font-size:10px;
margin-bottom: 0;
}
.small-para p{
font-size:8px;
margin-bottom: 0;
}
.small-para div{
margin:10px;
} 
.two_img_box{
align-items: normal;
}
.two_img_box img {
height: 100%;
object-fit: contain;
max-height: 300px;
}
.road-img {
display: flex;
justify-content: center;
align-items: baseline;
margin-bottom: 20px;
}
.road-img p{
margin:10px;
font-size:10px;
}
.hand-signs p {
padding: 0;
}
.hand-signs-img img{
width: 100px;
}
/*chapter 5*/
.traffic-rule .left-img img {
width: 100px;
max-width: 100%;
}
.traffic-rule p {
padding: 25px 0;
}
.speed-box img{
width: 100px;
max-width: 100%;
} 
.speed-box img {
max-width: 100%;
height: 100px;
object-fit: contain;
}
.speed-box .green-traffic{
width: 100px;
}
.stop_img .flex-img img {
max-width: 100%;
height: 150px;
object-fit: contain;
width: 143px;
}
.triangle_img {
/*width: 50%;*/
height: auto;
min-height: 100%;
overflow: hidden;
position: relative;
display: inline-block;
}
.triangle_img .red-triangle{
width: 180px;
}
.flex-img {
display: flex;
}
.triangle_img img{
max-width: 100%;
width: 80px;
}
.group-img img {
width: 70px;
max-width: 100%;
}
.group-img p{
padding: 15px 0;
}
.parking-img img{
width: 70px;
max-width: 100%;
}
.passing-zone img{
width: 100px;
object-fit: cover;
}
.highway-section p{
padding: 10px 0;
}
.zone-imgs img{
width: 120px;
max-width: 100%;
padding: 20px 0 0;
}
.zone-imgs p{
}
.parking-img .direction-img{
width:70px;
}
.test-box{
display: flex;
align-items: center;
justify-content: space-between;
}
.test-box img{
width: 180px;
max-width: 100%;
object-fit: cover;
}
/ --------------- new styling---------- /
.turn-img p{
padding: 60px 0;
}
.warn-img p {
padding: 10px 0;
}
.lane-warn-img p{
padding: 60px 0;
}
.cross-warn-img p{
padding: 30px 0;
}
.joint-warn-img p{
padding: 10px 0;
}
.intersec-warn-img p {
padding: 10px 0;
margin-bottom: 0;
}
.dotted-warn-img p{
padding: 30px 0;
}
.work-box .form-check-input{
margin: 5px 10px !important;
}
p.qstn{
font-size: 18px;
color: #b71019;
font-weight: 600;
}
.img-auto{
height: auto;
width: auto;
}
/ --------------- new styling---------- /
/*chapter 6*/
.road-section img{
width: 100px;
max-width: 100%;
object-fit: cover;
}
.road-list img{
width: 200px;
max-width: 100%;
object-fit: cover;
}
.crossing-list li .img-list{
display: flex;
}
.track-section img{
max-width: 100%;
object-fit: cover;
}
.questions-section .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #0D1321;
}
.questions-section .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 5px;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 50%;
}
.questions-section .container:hover input ~ .checkmark {
background-color: #cccf;
}
.questions-section .container input:checked ~ .checkmark {
background-color: #b71019;;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.questions-section .container input:checked ~ .checkmark:after {
display: block;
}
.questions-section .container .checkmark:after {
top: 5px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background: white;
}
.questions-section li{
font-size: 16px;
font-weight: 400;
color: #74757B;
line-height: 1.6;
}
.work-box .bold-heading{
color: #b71019;
display: inline-block;
font-weight: bolder;
font-style: normal;
font-size: 16px;
margin-bottom: 0;
}
.foot-btn-sec {
background-color: #f7f7f7;
}
.Session-btn{
margin: 20px 0;
}
.questions-section .questions_option{
font-size: 18px;
font-weight: 400;
color: #0D1321;
line-height: 1.5;
}
.Validation-box marquee
{
font-size: 18px;
font-weight: 500;
color: #b71019;
font-style: italic;
margin-bottom: 20px;   
}
.important-box {
border: 1px solid #ccc;
padding: 10px;
border-radius: 3px;
margin: 30px 0;
background: #f7f7f7;
}
.Validation-box h3
{
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.Validation-box ul
{
list-style: circle;
}
.Validation-box ul li b
{
color: #b71019;
}
.img-video-sec
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0;
}
.img-video-sec img
{
flex: 0 0 40%;
width: 40%;   
}
.img-video-sec iframe
{
width: 100%;
flex: 0 0 50%;   
}
.chapter-box-img-med
{
display: flex;   
}
.chapter-box-img.chapter-box-img-med img {
width: 33%;
}
.chapter-box-txt.new-chapter-box-txt {
flex: 0 0 100%;
}
.chap-4-sec span
{
text-align: center;
margin-top: 20px;
margin-bottom: 0;
font-size: 18px; 
}
.chap-4-sec img
{
width: 50%;
}
.chap-6-img img
{
width: 300px;
}
.chap-6-img-inner img
{
width: 100px;
}
.Session-box-inner
{
padding: 20px 40px 0;   
}
.Drive-Safely-sec {
    padding: 0 20px;
}
.cus-footer-space
{
padding: 0 40px;	
}
.Session-box.light-signal .chapter-box-img img {
width: 80px;
}
.light-signal img:nth-child(1) {
width: 70px;
}
.light-signal img:nth-child(1) {
width: 100px;
}
.left-turn img {
width: 90px;
}
.Crossbuck-img img
{
width: 80px;
}
.Flashing-Lights-img img
{
width: 120px;
}
.lane-img
{
text-align: right;
}
.lane-img img, .distancerule-img img
{
width: 80px;    
}
.SpaceCushion-img p img, .Pedestrians-img img, .bicycle-riders-img img
{
width: 110px;
}
.distancerule-img, .Pedestrians-img, .SpaceCushion-img p, .bicycle-riders-img, .old-man-img
{
text-align: center;
}
.med-img {
display: flex;
justify-content: space-between;
}
.med-img img {
width: 70px;
}
.alcohol-img img
{
width: 250px;
}
.chap-3-sec p span, .chap-3-sec ul li span.second_color, .Session-box.medicine_img_1 span.second_color
{
font-size: 18px;
color: #0D1321;
line-height: 1.5;
margin-bottom: 5px;
font-style: normal;
}
.chap-3-sec h4 span.second_color
{
color: #b71019;
display: inline-block;
font-weight: bolder;
font-style: normal;
font-size: 20px;
margin-bottom: 0;
}
.chap-3-sec .Session-box.list-box span.second_color
{
font-size: 18px;
color: #0D1321;
line-height: 1.5;
margin-bottom: 5px;
font-style: normal;
}
.div-img
{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 25px;
}
.div-img img
{
width: 200px;
height: 200px;
object-fit: cover;   
}
.old-man-img img
{
width: 150px;
}
.drinking-img img
{
width: 150px;
padding: 15px 0 15px;
}
.chapter-box-txt h3.State-txt
{
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
color: #b71019;
}
.info-box.Response-box marquee
{
text-transform: capitalize;
font-size: 30px;
margin-bottom: 30px;
color: #b71019;
}
.info-box.Response-box h3
{
font-size: 25px;
margin-bottom: 20px;
font-weight: 500;
}
.info-box.Response-box ul
{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.info-box.Response-box ul li
{
padding-bottom: 20px;
}
.info-box.Response-box ul li:last-child
{
padding-bottom: 0;	
}
.info-box.Response-box ul li a
{
color: #0D1321;	
}
.info-box.Response-box ul li a:hover
{
color: #b71019;	
}
.Validation-print-box h2
{
font-size: 25px;
margin-bottom: 10px;
}
.Validation-print-box ul
{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.Validation-print-box ul li
{
border-bottom: 1px dashed #ccc;
padding: 25px 0;
}
.Validation-print-box ul li:last-child
{
border-bottom:0;
padding: 0;	
padding-top: 25px;
}
.Validation-print-box ul li p
{
font-style: normal;
font-size: 18px;
font-weight: 500;
color: #0D1321;
margin-bottom: 5px;
}
.Validation-print-box ul li span
{
font-style: normal;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.img-frame-sec
{
	padding: 0 35px;
}
.Thousands-of-lives-sec
{

}
.Chapter-ten-sec img
{
    margin-bottom: 20px;
        width: 100%;
}
.manual-chap-sec h4
{
    font-size: 20px;
    padding: 10px 25px;
}
.manual-chap-sec2 h4
{
  padding: 10px 0;
}
/*Responsive section*/
@media(max-width: 1024px)
{
.Enrollment-img-sec img {
width: 100%;
}
.Enrollment-img-sec {
margin-bottom: 20px;
}
.work-box .form-check-input#check1 {
width: 50px;
height: 30px;
}
.cus-right-padd {
padding-right: calc(var(--bs-gutter-x) * .5);
}
.cus-left-padd {
padding-left: calc(var(--bs-gutter-x) * .5);
}
.contact-frm-inner, .get-in-touch {
border-radius: 0;
min-height: 100%;
}
.title-banner.contact-banner {
background-position: 0 -100px;
}
.certified-box .certified-img img {
width: 100%;
}
.image-modal .modal-body img {
width: 100%;
}
.title-banner.how-it-work-banner {
background-position: center;
}
.main-header .cus-nav li.nav-item {
padding-right: 10px;
}
.download-btn a.sign-btn {
padding: 7px 50px;
}
.download-btn a.login-btn {
padding: 7px 50px;
}
.page-content {
padding: 50px 50px 20px;
}
section.title-banner.inner-banner .main-title-sec h1 {
font-size: 45px;
line-height: 1.5;
}
.img-video-sec img {
flex: 0 0 100%;
width: 100%;
margin-bottom: 20px;
}
.img-video-sec iframe {
width: 100%;
flex: 0 0 100%;
}
.Session-content-box .row {
padding: 20px;
}
.speed-limit-img img
{
    width: 120px;
}
.chap-4-sec img {
    width: 100%;
}
.Session-box-inner ul
{
padding-left: 15px;
}
.Session-box-inner {
    padding: 20px 35px 0;
}
.Sharing-the-Road-img
{
	display: block;
}
.img-frame-sec {
    padding: 0 20px;
}
.Chapter-ten-sec img
{
        width: 100%;
}
.manual-chap-sec h4 {
    padding: 10px 0px;
}
}
@media (min-width: 991px)
{
.openbtn
{
display: none;
}   
}
@media(max-width: 820px)
{
.main-box.main-box-arrow::before
{
display: none;
}
.main-box.main-box-arrow {
margin-bottom: 50px;
}
.how-it-work {
padding: 50px 0 50px;
}
.how-it-work .side-shape-3::after {
right: 40px;
top: -950px;
}   
.date-img.img-box5 img
{
width: 100%;
}
.download-btn {
justify-content: space-between;
}
.download-btn div {
flex: 0 0 45%;
}
.download-btn a.sign-btn, .download-btn a.login-btn {
padding: 10px 30px;
width: 100%;
}
.info-text {
padding: 30px;
}
.title-sec h2 {
padding: 0 20px;
}
.shape-mockup img
{
width: 40px;
}
.movingCar img
{
width: 200px;
}
.faq-banner.title-banner {
background-position: center;
}
.main-title-sec {
padding: 80px;
}
.main-title-sec h1
{
font-size: 50px;
}
.image-modal .modal-header h4 {
font-size: 16px;
}
.work-box ul {
padding-left: 20px;
}
section.title-banner.inner-banner {
background-position: 0 -70px;
}
.login-page {
padding: 0;
}
.login-frm.signup-frm form {
padding: 20px;
}
.login-frm.signup-frm .login-title
{
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.footer-txt {
justify-content: space-between;
}
.sidepanel a {
padding: 8px 8px 20px 32px;
}
.Session-box-inner {
    padding: 20px 25px 0;
}
.cus-footer-space {
    padding: 0 20px;
}
.work-box.Richmond-Times-sec {
    padding: 0 5px;
}
}
@media(max-width: 800px){
.Session-box {
display: block;
}
.Session-content-box-img{
padding-left: 0;
}
.cus-footer-space {
    padding: 0 10px;
}
.certified-box .certified-img img
{
	height: 100%;
    padding: 0;
}
.certified-box .certified-title {
    padding: 20px 0 0;
}
}
@media(max-width: 540px)
{
.work-box .form-check-input#check1 {
width: 50px;
height: 20px;
}
.dating-wrapper::after {   
left: 0;  
top: 0;  
width: 100%;
height: 100%;
}
.title-sec h2 {
font-size: 20px;
line-height: 30px;
padding: 0;
}
.dating-content .heading h1 {
line-height: 40px;
font-size: 30px;
}
.dating-content p {
font-size: 16px;
margin-top: 15px;
line-height: 25px;
}
.dating-wrapper::before {   
left: 15px;
top: 5%;
height: 180px;
width: 67px;  
}
.how-it-work .side-shape-3::after {
right: 30px;
top: -950px;
width: 125px;
height: 93px;
}
.footer p {
font-size: 14px;
}
button.navbar-toggler {
display: none;
}
.main-title-sec {
text-align: center;
padding: 35px;
}
.main-title-sec h1, section.title-banner.inner-banner .main-title-sec h1 {
font-size: 25px;
line-height: 1.3;
}
.privacy-data {
padding: 30px;
}
.how-it-work .contact-page.privacy-page.side-shape-3::after {
top: -68px;
right: 20px;
width: 50px;
height: 134px;
}
.privacy-data h3 {
font-size: 18px;
}
.how-it-work .contact-page.side-shape-3::after {
top: -35px;
right: 20px;
z-index: 2;
width: 100px;
height: 74px;
}
.contact-frm-inner {
padding: 50px 30px;
border-radius: 0;
}
.contact-frm-inner h2 {
font-size: 25px;
}
.contact-frm-inner p {
font-size: 15px;
line-height: 1.4;
margin-bottom: 20px;
}
.contact-section .contact-form .form-group .form-control {
height: 45px;
}
.contact-section .contact-form .form-group label {
font-size: 15px;
margin-bottom: 5px;
}
.get-in-touch {
padding: 50px 30px;
border-radius: 0;
min-height: 100%;
}
.get-in-touch h2 {
font-size: 25px;
margin-bottom: 20px;
}
.get-in-touch p
{
font-size: 15px; 
}
.office-address .add-sec p {
font-size: 15px;
}
.office-address .icon-sec i {
font-size: 18px;
}
.office-address .add-sec h3 {
font-size: 18px;
}
section.contact-section {
padding-bottom: 50px;
}
.contact-section::after {
height: 200px;
background-position: -50px 0;
}
.download-btn {
justify-content: space-evenly;
}
.download-btn div {
flex: 0 0 40%;
}
.info-text h4 {
font-size: 16px;
}
.info-text {
padding: 20px 15px;
}
.shape-mockup img
{
width: 30px;
}
.movingCar img
{
width: 150px;
}
.site-title h2
{
font-size: 25px;
}
.cus-accordion .cus-btn {
font-size: 16px;
padding: 1rem;
}
.accordion-button::before {  
padding: 15px; 
background-size: 8px;
}
.cus-accordion .accordion-body {
padding: 0 10px 2rem 75px;
font-size: 16px;
line-height: 1.3;
}
.title-banner.contact-banner {
background-position: 0 -50px;
}
.contact-section .contact-form .form-group {
margin-bottom: 5px;
}
.certified-box .certified-title h2 {
font-size: 25px;
}
.certified-box .certified-title h3 {  
line-height: 23px;
font-size: 16px;
}
.work-box h4 {
font-size: 18px;
}
.work-box {
padding: 20px;
}
section.title-banner.inner-banner .main-title-sec {
padding: 35px 15px;
}
section.title-banner.inner-banner {
background-position: center;
}
.Session-box .certified-box .first-row
{
padding: 20px 10px;
}
.certified-box .certified-img {
text-align: left;
margin-top: 20px;
}
.Session-content-box-text .lesson_content p img {
width: 100% !important;
}
.Enrollment-sec .enroll-title {
font-size: 25px;
}
.Enrollment-sec .enroll-para {
font-size: 16px;
}
.enrollment-box {
border: 1px solid #ccc;
padding: 10px;
height: 300px;
overflow-y: scroll;
margin: 25px 0;
box-shadow: 0 5px 10px -5px #ccc;
border-radius: 5px;
border-right: 1px solid #ccc;
}
.enrollment-box-inner ul li {
margin-bottom: 0;
}
.work-box ul {
margin-bottom: 5px;
}
.Enrollment-box .form-check .form-check-label
{
font-size: 14px;
line-height: 1.5;	
}
.Enrollment-sec .enroll-para {
font-size: 16px;
}
.site-title {
margin-bottom: 20px;
}
button.enroll-btn {    
padding: 5px 20px !important;   
font-size: 16px;
}
.work-box p {
font-size: 14px;
}
.info-box p {
font-size: 16px;
}
.info-box ul li {
font-size: 14px;
}
.click-img {
justify-content: center;
flex-wrap: wrap;
margin-bottom: 20px;
}
.click-img p {
font-size: 16px;
text-align: center;
}
.enroll-footer p {
font-size: 14px;
line-height: 1.5;
}
.page-content {
padding: 50px 10px 20px;
}
.Session-content-box {
padding: 0 10px;
}
.Session-btn .nxt-btn {
float: right;
padding: 5px 15px;
font-size: 15px;
}
.Session-btn .previous-btn
{
padding: 5px 15px;
font-size: 15px;	
}
.question-ans-box {
margin: 50px 10px 20px;
padding: 0;
}
div#clock p {
border: 2px solid;
padding: 5px;
font-size: 14px;
}
div#clock {
font-size: 14px;
}
.Session-content-box-text p, .chapter-box-txt p {
font-size: 15px;
font-weight: 400;
    color: #0D1321;
    line-height: 1.5;
    margin-bottom: 5px;
}
.chapter-box-img img {
    margin: 15px 0 10px;
}
.Session-content-box-text ul li, .Session-content-box-text ol li {
font-size: 15px;
line-height: 1.5;
}
.table-box table tr th, .table-box table tr td { 
font-size: 15px;
vertical-align: middle;
}
.questions-section .questions_option, .questions-section .container {
font-size: 15px;
}
.Session-content-box .row {
padding: 15px 0 15px;
}
.questions-section .container
{
margin-bottom: 0;
}
.checkmark {
height: 15px;
width: 15px;
}
.questions-section .container .checkmark:after {
width: 5px;
height: 5px;
}
.Session-content-box .row:nth-child(3) {
padding-top: 15px;
padding-bottom: 15px;
}
.Birthday-sec {
flex-wrap: wrap;
}
.Birthday-sec select {
flex: 0 0 100%;    
margin-bottom: 15px;
}
.Birthday-sec select:last-child
{
margin-bottom: 0;  
}
.work-box.Enrollment-box {
padding: 15px;
}
.info-box.Response-box marquee {
font-size: 22px;
margin-bottom: 20px;
}
.info-box.Response-box h3 {
font-size: 20px;
margin-bottom: 15px;
}
.info-box.Response-box ul li 
{
display: flex;
align-items: baseline;
}
.info-box.Response-box ul li i
{
padding-right: 10px;	
}
.img-video-sec {
    margin: 20px 0;
}
.img-frame-sec {
    padding: 0;
}
.work-box ul li {
    font-size: 14px;
    line-height: 1.5;
}
.cus-mob-pd
{
padding: 10px 15px;	
}
.speed-limit-img img
{
    width: 100px;
}
.Session-content-box-text ul, .Session-content-box-text ol {
    padding-left: 10px;
}
.road-img
{
    flex-wrap: wrap;
}
.road-img div
{
    flex: 0 0 100%;
}
.road-img div img
{
width: 100%;
}
.road-img div p
{
    margin: 10px 0;
    font-size: 16px;
}
.Session-box-inner {
    padding: 20px 15px 0;
}
.Drive-Safely-sec
{
    padding: 0 0 20px;	
}
.Safety-Tips-sec ul, .Session-box-inner ul, .chapter-box-txt ul, .work-box ul
{
margin-bottom: 0;
padding-left: 15px;
}
.Safety-Tips-sec ul li, .Session-box-inner ul li, .cus-footer-space p, .Session-box-inner p,
.chapter-box-txt ul li, .img-list
{
    font-size: 15px;
    font-weight: 400;
    color: #0D1321;
    line-height: 1.5;
    margin-bottom: 5px;	
}
.work-box.Richmond-Times-sec {
     padding: 10px 0px;
}
.manual-chap-sec .work-box
{
	padding: 0;
}
.chap-3-sec p span, .chap-3-sec ul li span.second_color, .Session-box.medicine_img_1 span.second_color {
    font-size: 14px;
}
.Seat-Belts-sec
{
   padding: 20px 0;	
}
.div-img {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.div-img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    flex: 0 0 50%;
    padding: 5px;
}
.work-box.questions-section {
    padding: 0;
}
section.title-banner.inner-banner .main-title-sec {
    padding: 25px;
}
section.title-banner.inner-banner .main-title-sec h1 {
    font-size: 25px;
}
.page-content {
    padding: 20px 5px;
}
.cus-Stopping-padding, .Sharing-the-Road-sec
{
padding: 10px;	
}
}
@media(max-width: 375px)
{
.download-btn {
justify-content: space-between;
}
.download-btn div {
flex: 0 0 44%;
margin-right: 0;
}
}
@media(max-width: 320px)
{
.login-frm form .form-control {
min-height: 40px;
padding: 10px;
font-size: 12px;
}
.login-footer.footer-txt {
justify-content: space-between;
margin-top: 10px;
}
.footer-txt p {
margin-right: 0;
font-size: 14px;
}
.footer-txt a {
font-size: 14px;
}
.download-btn div span {
font-size: 13px;
}
.certified-box .certified-title h2 strong {
font-size: 25px;
}
.table-box {
padding: 10px;
}
.table-box table tr th, .table-box table tr td {
padding: 5px;
font-size: 12px;
}
.table-box table {
margin-top: 5px;
}
}
.validation{
    color: #b71019;
}