html body {margin:0; padding:0; font-family: 'Prompt', sans-serif; color: #0B004F; font-size: 14px; background: #fff; }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p {margin:0; padding:0; color: #0B004F; font-family: 'Prompt', sans-serif;}
ol,ul {margin:0; padding:0; list-style:none;}
a {margin:0; padding:0; text-decoration: none;}
body .container-xl { max-width: 1250px; width: 100%; }
body .about_section .container-xl { max-width: 1250px; }


/*===================================================Header-Section================================================*/

.header_section { padding: 25px 50px 20px; position: sticky; background: #fff; top: 0; right: 0; left: 0; z-index: 99999; box-shadow: 0px 5px 15px -3px rgb(0 0 0 / 5%); }
header.header_section .navbar ul.navbar-nav li { padding: 0; margin: 0 0 0 35px;     border: none; }
header.header_section .navbar ul.navbar-nav { align-items: center;padding-right: 0px; margin:0; }
header.header_section .navbar ul.navbar-nav li#menu-item-demo { order: 5; margin: 0 0 0 35px;      background: #fff;}
header.header_section .navbar ul.navbar-nav li#menu-item-712 { margin-left: 100px; }
header.header_section .navbar-light .navbar-nav .nav-link { padding: 0; font-weight: 500; font-size: 16px; color: #0B004F; position: relative; }
header.header_section .navbar ul.navbar-nav li#menu-item-demo a.nav-link { border: 1px solid #1885ce; color: #1885CE; border-radius: 10px; font-weight: 500; font-size: 16px; letter-spacing: 0.03em; background: #fff; padding: 7px 15px; }
header.header_section .navbar ul.navbar-nav li#menu-item-demo a.nav-link:hover{background:#1885ce; color:#fff;}
header.header_section .navbar-light .navbar-nav .nav-link:after { content: ""; height: 3px; width: 0; position: absolute; background: #1885ce; left: 0; bottom: -2px; transition: all 0.7s; }
header.header_section .navbar-light .navbar-nav .current_page_item .nav-link:after{width:100%;}

header.header_section .navbar ul.navbar-nav li .dropdown-menu { background: #0b004f; padding: 0; box-shadow: inherit; border: none; margin: 0; }
header.header_section .navbar ul.navbar-nav li:hover .dropdown-menu{background: #0b004f; box-shadow:inherit;}
header.header_section .navbar ul.navbar-nav li .dropdown-menu a.dropdown-item { font-size: 14px; padding: 7px 15px; border-bottom: 1px solid rgb(255 255 255 / 15%); background:transparent }
header.header_section .navbar ul.navbar-nav li .dropdown-menu a.dropdown-item:last-child { border-bottom: none; }
header.header_section .navbar ul.navbar-nav li .dropdown-menu a.dropdown-item:hover { background: rgb(255 255 255 / 15%); color: #fff; }
.header_navigation{padding-right:185px;}
.nav-phone-no { position: absolute; right: 0; top: 48px; }
.nav-phone-no a { border: 1px solid #1885ce; color: #1885CE; border-radius: 10px; font-weight: 500; font-size: 16px; letter-spacing: 0.03em; background: #fff; padding: 7px 15px; }
.nav-phone-no a:hover{background:#1885CE; color:#fff;;}
.nav-phone-no a svg { height: 25px; padding: 5px 0; border-radius: 5px; fill: #1885CE; margin: 0 5px 0 0; }
.nav-phone-no a:hover svg { fill: #fff; }
.header_section button.navbar-toggler { border: none; padding: 0; }
.header_navigation a.light img { max-width: 150px; }


/*===================================================Banner-Section================================================*/

.banner-bg { background-color: #333; padding: 87px; background-repeat: no-repeat; background-size: cover; background-position:center right; height: 693px; border-radius: 0; position: relative; display: flex; align-items: center; }
.banner-bg:after { content: ""; position: absolute; background: linear-gradient(180.12deg, rgba(0, 0, 0, 0.2) 0.11%, rgba(0, 0, 0, 0) 62.24%, rgba(0, 0, 0, 0) 62.24%), linear-gradient(92.78deg, rgba(0, 0, 0, 0.2) 1.54%, rgba(0, 0, 0, 0) 68.68%), url(.jpg); top: 0; bottom: 0; right: 0; left: 0; border-radius: 24px; }
.banner-content { max-width: 800px; width:100%; }
.banner-section { padding: 0 0px; }
.banner-content h2 { font-weight: 600; font-size: 64px; letter-spacing: 0.01em; color: #FFFFFF; z-index: 1; position: relative; margin-bottom:0px; }
.banner-content p { font-weight: 400; font-size: 28px; line-height: 116%; color: #FFFFFF; z-index: 1; position: relative; margin-bottom: 10px; }
.banner-content ul li a { display: inline-block; border: 2px solid #fff; color: #fff; border-radius: 4px; padding: 8px 30px; background: rgb(255 255 255 / 20%); position: relative; z-index: 1; font-weight: 500; font-size: 16px; letter-spacing: 0.06em; }
.banner-content ul li a:hover{background:#fff; color:#6285ce}
.banner-content ul li a.book-demo-link { background: #6285ce; border-color:transparent;}
.banner-content ul li a.book-demo-link:hover { background: #0B004F; }


.base_content { display: flex; }
.base_content h3 { font-weight: 600; font-size: 20px; margin-bottom: 12px; }
.base_content p { font-weight: 400; font-size: 16px; line-height: 144%; }
.caption-bx { box-shadow: 0px 4px 48px rgb(103 103 103 / 15%); border-radius: 24px; margin: -100px auto 0; padding: 29px 40px; position: relative; z-index: 1; background: linear-gradient(360deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 271.8%), rgba(255, 255, 255, 0.2); }
.base_content span { margin-right: 20px; position: relative; }
.base_content span:after { position: absolute; width: 21px; height: 21px; left: 6px; top: -7px; background: rgba(24, 133, 206, 0.2); filter: blur(6px); content: ""; }
.base_content svg { fill: #0B004F; margin-top:0px; }
.caption-bx-section .container-xl { width: 100%; max-width:91%; padding: 0 30px;  }


/*===================================================About-Section================================================*/

section.about_section { padding: 100px 0; }
.about-content h2 { color: #0B004F; font-weight: 600; font-size: 36px; margin-bottom: 20px; }
.about-content p { font-weight: 400; font-size: 18px; margin-bottom: 20px; }
.about-content a { color: #1885CE; font-weight: 500; font-size: 16px; border-bottom: 2px solid #1885CE; }
 /*.about_video { background-color: #333;  background-repeat: no-repeat; background-size: cover; background-position: center right; height: 347px; border-radius: 24px; position: relative; display: flex; align-items: center; margin-left: -50px;  margin-right: 50px; justify-content: center; }*/
.play-img { background: rgba(255, 255, 255, 0.18); border: 1px solid #FFFFFF; border-radius: 70px; height: 77px; width: 77px; align-items: center; display: flex; justify-content: center; }
.about_video:after { /* content: ""; */ position: absolute; top: 260px; bottom: -90px; /* background-image: url(../images/HomeImage/pattern.png); */ left: -120px; right: 510px; }

.about_video iframe { border-radius: 20px; width: 100%; height: 330px; }
.video-header-wrap video { height: 500px; width: 100%; }
.modal-content .video-header { height: 448px; }
.modal-content .video-header video { width: 100%; height: 100%; }
.modal-content button.close.video-close { position: absolute; background: #fff; top: -20px; right: -20px; z-index: 1; opacity: 1; width: 40px; height: 40px; font-size: 60px; font-weight: 100; display: flex; align-items: center; justify-content: center; line-height: 60px; border-radius: 100px; }
/*===================================================Training_work-Section================================================*/

section.Training_section { padding: 80px 0; }
.about-content.Training_content ul { list-style: none; } 
.about-content.Training_content ul li { font-weight: 400; font-size: 18px; margin-bottom: 25px; position: relative; padding-left: 40px; }
.about-content.Training_content ul li span:before { position: absolute; width: 21px; height: 21px; left: 0; top: 0; background: rgba(24, 133, 206, 0.2); filter: blur(6.5px); content: ""; }
.about-content.Training_content ul li span { left: 0; position: absolute; }
.about-content.Training_content { margin-right: 40px; /* margin-left: -50px; */ }
.about-content.Training_content a.book_btn { color: #fff; background: #1885CE; box-shadow: 0px 5px 16px rgb(39 126 176 / 22%); border-radius: 8px; padding: 12px 18px 12px 18px; font-weight: 500; font-size: 16px; position: relative; }
.about-content.Training_content a.book_btn:after { content: ""; position: absolute; top: 30px; bottom: -90px; background-image: url(../images/HomeImage/hover.png); left: 107px; right: -160px; background-repeat: no-repeat; }
.modal-content .video-header iframe { height: 100%; width: 100%; }

/*===================================================Client_carousel-Section================================================*/

section.client_review_section { /* background: #0B004F; */ margin: 50px 0; padding: 40px 0; position: relative; background-image: url(../fimages/testimonials-background1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.box-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.profile { display: flex; align-items: center; }
.profile-img { width: 130px; height: 130px; overflow: hidden; margin-right: 25px; border-radius: 20px; }
.profile-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.name-user { display: flex; flex-direction: column; text-align: left; }
.name-user strong { letter-spacing: 0.5px; font-weight: 600; font-size: 18px; color: #fff; }
.name-user span { color: rgba(255, 255, 255, 0.7); font-weight: 500; font-size: 16px; }
.reviews svg { fill: #fff; margin-left: 7px; }
.client-comment p { text-align: left; color: #fff; margin-left: 155px; font-weight: 400; font-size: 16px; /* font-family: 'Playfair Display', serif; font-style: italic; letter-spacing: 1px; */ font-family:arial }
.client_review-content { width: 80%; padding: 20px; margin: 0 auto; cursor: pointer; }
/*.carousel-control-prev, .carousel-control-next { display: none; }*/
.client_review-content h3 { color: #FFFFFF; font-weight: 600; font-size: 36px; margin-bottom: 60px; }
/* section.client_review_section:after { content: ""; position: absolute; top: auto; bottom: 0; background-image: url(../images/HomeImage/bg-pattrens.png); right: 120px; background-repeat: no-repeat; background-size: 191px 126px; opacity: 1; left: auto; width: 191px; height: 126px; } */
.client_review-content .carousel-indicators .active { opacity: 1; display: block; }
.client_review-content .carousel-indicators li { text-indent: inherit; height: auto; width: auto; background-color: transparent; color: #fff; font-size: 24px; margin: 0; display: none; border: none; line-height: 24px; }
.client_review-content .carousel { padding: 0 0 150px; }
.carousel-control-button { position: absolute; bottom: 0; left: 0; right: 0; width: 200px; margin: auto; height: 68px; z-index: 99; }
.client_review_section button.carousel-control-prev, .client_review_section button.carousel-control-next { opacity: 1; }
.client_review_section button svg { fill: #fff; opacity: 0.4; width: 30px; }
.client_review_section button svg:hover { opacity: 1; }
.client_review-content .carousel-indicators li span { font-size: 35px; font-weight: 300; padding: 0 10px; }


/*======================================================Lesson Section======================================================================== */

.lesson-section{padding:50px 0 80px}
.section-heading h2 { font-size: 36px; font-weight: 600; }
.lesson-slider .slick-list {  padding-left: 250px !important;padding-right: 180px !important;}
.lesson-slider .slick-list .slick-track { display: flex; align-items: center; }
.leasson-content h2 { font-size: 36px; font-weight: 600; margin: 0 0 10px; }
.leasson-content h4 { font-size: 19px; font-weight: 600; margin: 0 0 10px; }
.leasson-content p { font-size: 14px; line-height: 24px; font-weight: 400; }
.watch-btn a { display: inline-block; width: 100%; position: relative; padding-right: 50px; fill: #1885CE;  text-decoration:underline }
.watch-btn a svg { width: 18px; position: absolute; right: 0; fill: #1885CE; }
.watch-btn { margin:15px 0 0; }

.lesson-image { width: 100%; border-radius: 20px; overflow: hidden; height: 250px; }
.lesson-slider .slick-track .slick-slide { margin: 0; }
.lesson-image iframe { width: 100%; height: 100%;/*   border-radius: 20px; */  object-fit: cover;}
.lesson-iframe iframe { border-radius: 20px; height: 340px; }
.lesson-iframe h4 { font-weight: 600; font-size: 19px; margin: 10px 0 0; }

/*===================================================Book_demo-Section================================================*/

.bookdemo_section { background-color: #0B004F; padding: 80px 0; background-image: url(../images/HomeImage/bg-patterns-in.png); }
.bookdemo-content { background: #0B004F; padding: 50px; border-radius: 24px; }
.bookdemo-content h2 { font-weight: 600; font-size: 36px; color: #FFFFFF; margin-bottom: 10px; }
.bookdemo-content button.btn.book_btn { color: #fff; background: #1885CE; box-shadow: 0px 5px 16px rgb(39 126 176 / 22%); border-radius: 8px; padding: 12px 18px 12px 18px; font-weight: 500; font-size: 16px; }


/*===================================================Footer-Section================================================*/

.footer-logo img { width: 150px; }
footer.footer_section { padding: 90px 0; background:#fff; }
footer.footer_section .store-footer-nav ul li a { font-weight: 500; font-size: 14px; color: #0B004F; margin-left: 10px;}
.footer-navigation { padding-bottom: 25px; border-bottom: 1px solid #D9D9D9; }
.copyright_section { margin-top: 20px; }
.copyright-all-heading p { color: #8C8C8C; font-weight: 400; font-size: 12px; }
.store-secure-footer ul li { margin-left: 10px; }
svg { fill: #595959; }
.app_store a { width: 48%; display: inline-block; height: 60px; object-fit: contain; }
.app_store a img { width: 100%; height: 100%; }
   
   
/* ============================================================:: WHY EOT CSS ::========================================================================= */
 
.section.features h3{color:#fff;}
.section.features p, .section.topics p{color:#fff;}
.banner-top-inner { position: relative; padding: 0 50px; }
.banner-top-inner .image-header { border-radius: 20px; margin: 0 0 30px; }
.section-blue p {  color: #fff;}

.section-blue-bg { background: #1885CE; border-radius: 10px; height: 100%; position: relative; padding: 30px; /* display: flex; */ align-items: center; text-align: center; justify-content: center; }
.section-blue-bg span { color: #fff; left: 6px; top: 34px; font-size: 40px; line-height: 49px; font-weight: 600; background: rgb(0 0 0 / 10%); height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; border-radius: 60px; }
.section-blue-bg p { color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 0; }
section.section-blue-card { padding:30px 0 70px; }

.row-5{margin:0 -7px}
.row-5 .plr-5{padding:0 7px}


.section-top-heading h2 { color: #0B004F; font-weight: 600; font-size: 36px; margin-bottom: 20px; }
.benfits-content { padding: 50px; border-radius: 20px; }
.benfits-content ul { margin: 0; padding: 0; }
.grey-bg.benfits-content { background: rgb(226 223 220 / 40%); }
.benfits-content .bs i { background: #0b004f; padding: 15px; font-size: 25px; border-radius: 100px; color: #fff; display: flex; width: 55px; height: 55px; align-items: center; justify-content: center; }
.benfits-content h4 { font-size: 24px; font-weight: 600; }
.benfits-content ul li { margin: 0 0 14px 0; line-height: 24px; }
.benfits-content p { font-size: 14px; line-height: 24px; }
.more-button a.btn-success { background: #fff; font-size: 14px; line-height: inherit; display: inline-block; border: 1px solid #0b004f; color: #0b004f; font-weight: 500; }
.more-button a.btn-success:hover{background:#0b004f; color:#fff}

.benfits-content ul.list-dot li { padding-left: 20px; position: relative; }
.benfits-content ul.list-dot li:before { content: ""; position: absolute; left: 2px; top: 8px; background: #333; height: 6px; width: 6px; border-radius: 10px; }




/*========================================================= :: faculty CSS:: =============================================================*/

.col-md-4 .card-body-faculty img { box-shadow: inherit; width: 100%; border-radius: 15px; height: 352px; object-fit: cover; }
.card-body-faculty img { box-shadow: inherit; width: 100%; border-radius: 15px; }
.card-body-title h5 a { font-size: 18px; color: #0B004F; font-weight: 600; }
.section-faculty-content { background: #1885CE; padding: 25px; border-radius: 20px; }
.section-faculty-content p { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0;     margin: 0 0 15px; }
.section-faculty-content p:last-child{margin:0; }
.article-content h3 { font-size: 30px; font-weight: 600; color: #0B004F; margin: 0 0 0px; }
.article-content p { font-size: 15px; margin: 0 0 20px; line-height: 27px; }
.article-content p:empty {display:none; }

/*========================================================= :: faculty CSS INNER:: =============================================================*/

.section-easy { background-color: #0B004F; padding: 80px 0; margin: 50px 0 0; }
.easy-content { background: #0B004F; padding: 50px; border-radius: 24px; }
.easy-content h2 { color: #fff; font-weight: 600; margin: 0 0 12px; }
.easy-content p { color: #fff; font-size: 16px; margin: 0 0 30px; }
.easy-content p a{font-weight:500; color:#1885CE; }
.easy-content ul {margin:0}
.easy-content ul li a { display: inline-block; padding: 12px 18px 12px 18px; background: #1885CE; color: #fff; font-size: 16px; border-radius: 8px; font-weight: 500; margin-bottom:5px }


/*========================================================= :: FAQs CSS :: =============================================================*/



.faq-section{ display: inline-block; width: 100%; }
.faq-section .accordion .card { box-shadow: 0 2px 8px 0 rgb(2 47 57 / 10%); background: #fff; margin: 0 0 25px; border-radius: 10px; }
.faq-section .accordion>.card:not(:last-of-type), .faq-section .accordion>.card:not(:first-of-type) { border-radius: 10px; }
.faq-section .card-header { background: #fff; box-shadow: initial; border-bottom:1px solid #eee; padding: 15px 25px; }
.faq-section .card-header button{background:none; border:none; font-size:18px; position:relative; padding:0; padding-right:50px; width:100%; color:#0B004F; font-weight: 500;  }
.faq-card-body { padding: 20px 25px; }
.faq-card-body p { font-size: 16px; line-height: 29px; margin: 0 0 15px; }
.faq-card-body p a { color: #1885CE; font-weight: 400; text-decoration: underline; }
.faq-section .card-header button:after { content: "\f068"; position: absolute; right: 0; font-family: fontawesome; font-size: 14px; top: 5px; }
.faq-section .card-header button.collapsed:after{content: "\f067";}
.faq-card-body ul { margin: 0 0 15px; }
.faq-card-body li { font-size: 16px; margin: 0 0 15px; position: relative; padding-left: 25px; }
.faq-card-body li a { color: #1885CE; font-weight: 400; text-decoration: underline; }
.faq-card-body ol li{counter-increment: step-counter;}
.faq-card-body ol li::before { content: counter(step-counter); position: absolute; left: 0; top: 0; font-weight: 600; }
.faq-card-body ul li:before { content: ""; background: #333; height: 6px; width: 6px; position: absolute; left: 10px; top: 9px; border-radius: 100px; }


/*========================================================= :: INSRANCE CSS :: =============================================================*/

.insrance-section { display: inline-block; width: 100%; }
.insrance-content p { font-size: 16px; line-height: 28px; margin-bottom: 20px; }
.parnter-figure { border: 1px solid #ccc; border-radius: 10px; padding: 25px 15px; text-align: center; height: 150px; display: flex; align-items: center; justify-content: center; margin: 0 0 25px; }
.col-md-4 .parnter-figure img { box-shadow: inherit; max-width: 100%; }

.insurance-content-box h2 { font-size: 24px; font-weight: 600; }
.insurance-content-box p { font-size: 16px; line-height:25px;}

.modules-block { background: rgb(24 133 206 / 10%); padding: 25px; border-radius: 20px; }
.modules-block h4 { font-weight: 600; font-size: 20px; }
.modules-block ul { margin: 15px 0 0; }
.modules-block ul li { margin: 0 0 15px; font-size: 16px; }
.modules-block ul li span.video_name { color: #0B004F; }

.libraries-content { display: inline-block; width: 100%; margin: 0 0 30px; padding-bottom: 40px; border-bottom: 1px solid #eee; }
.libraries-content h4 { font-weight: 600; font-size: 20px; }
.libraries-content p svg { width: 15px; }
a.btn-libr { display: inline-block; padding: 12px 18px 12px 18px; background: rgb(255 255 255 / 80%); font-size: 16px; border-radius: 8px; font-weight: 500; margin-bottom: 5px; width: 180px; color: #0B004F; }
a.btn-libr:hover{background:#fff; color: #0B004F; }



.standards-table-grid table.tablesaw thead tr th { background: #0B004F; font-weight: 500; font-size: 17px; border-color: rgb(255 255 255 / 30%);padding: 10px; }
.standards-table-grid table.tablesaw tbody tr td { padding: 10px; }
.standards-table-grid { border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
.standards-table-grid table.tablesaw tbody tr{border-color: #eee;}
.standards-table-grid table.tablesaw tbody tr:nth-child(2n) td { background: #f5f5f5; }
.standard-grey-bg { background: rgb(226 223 220 / 40%); padding: 15px; border-radius: 15px; }
.standard-grey-bg h3 { color: #0B004F; font-weight: 600; font-size: 20px; }
.standard-grey-bg h3 a{color: #0B004F;}
.standard-grey-bg p { font-size: 16px; margin: 0 0 10px; }
.standard-grey-bg .buttn-blue { display: inline-block; padding: 7px 18px 7px 18px; background: #1885CE; color: #fff; font-size: 14px; border-radius: 5px; font-weight: 500; }

.card-body-title p { font-size: 16px; margin: 0 0 20px; }
.card-body-title a.btn-email { display: inline-block; padding: 7px 30px 7px 30px; background: #fff; font-size: 16px; border-radius: 5px; font-weight: 500; border: 1px solid #1885CE; color: #1885CE; }
.card-body-title a.btn-email:hover{background:#1885CE; color:#fff}
.section-contact .card-body-faculty img { height: auto; max-width: 100px; }


.blue-bg-light { background: rgb(24 133 206 / 10%);border-radius: 10px; height:100%;  padding:50px; padding-bottom: 110px; position:relative;  }
.table-icon { margin: 0 0 20px; }
.table-icon svg { width: 100px; background: rgb(24 133 206 / 10%); padding: 10px; border-radius: 10px; height: 100px; }
.table-content h4 { font-weight: 600; margin: 0 0 5px; }
.table-content p { font-size: 15px; }
.pricing-table-list ul li { font-size: 15px; margin: 0 0 10px; }

.table-price-head { padding: 20px 0; margin:0 0 20px; border-top: 1px solid rgb(11 0 79 / 10%); display: inline-block; width: 100%; }
.table-price-head h4 { font-size: 20px;  }
.table-price-head h4 strong { font-size: 36px; }
a.subscribe-btn-link { display: inline-block; padding: 10px 30px; background: #1885CE; font-size: 16px; border-radius: 10px; color: #fff; font-weight: 600; border: 2px solid #1885ce; }

.pricing-table-list { border-top: 1px solid rgb(11 0 79 / 10%); padding: 40px 0 ;display: inline-block; width: 100%; }

.pricing-table-list ul { margin: 0; }
.table-price-head h5 { font-size: 16px; margin: 20px 0 0; }
.subscribe-button { position: absolute; bottom: 40px; left: 0; right: 0; }
.section-contact .card-body-faculty { background: rgb(24 133 206 / 10%); padding: 30px 15px; text-align: center; border-radius: 16px; height: 100%; }
.contact-info-box { background: rgb(255 255 255 / 90%); padding: 25px; max-width: 350px; border-radius: 20px; width: 100%; margin-left:auto; }
.contact-info-box h4 { font-size: 24px; font-weight: 600; margin: 0 0 15px; }
.contact-info-box ul li { color:#0B004F; font-size: 16px; position: relative; padding-left: 25px; margin: 0 0 9px; }
.contact-info-box ul li i { position: absolute; left: 0; top: 3px; }
section.eot-card-container.section-blue-card { padding: 30px 35px 70px; }


/*========================================================= :: EARN-CEUS :: =============================================================*/

.col-md-4 .gc-logo img { box-shadow: inherit; }


/*========================================================= :: MEDIA CSS :: =============================================================*/

.line-chart i{    font-size: 28px;}


@media(min-width:1024px){
	
.section-blue-card .col-20 { max-width: 20%; flex: 0 0 20%; }	
	
}

@media(min-width:1400px){
/* body .container-xl { max-width: 1250px; }	

body .about_section .container-xl { max-width: 1400px; }	 */
 .lesson-image{height:400px}	 

}


@media (min-width: 0px) and (max-width: 767px) {
header.header_section button.btn.login_btn { font-size: 12px; }
header.header_section button.btn.book_btn { font-size: 12px; }
header.header_section ul li.active a { border-bottom: 2px solid #1885ce; width: 30%; }
header.header_section li { padding: 7px; }
header.header_section div#navbarSupportedContent { margin-top: 12px; box-shadow: 0px 0px 15px #00000029; border-radius: 11px; }
.banner-section { padding: 0; }
.banner-bg { background-color: #333; padding: 0 15px; }
.banner-content { max-width: 100%; }
.banner-bg { padding: 50px 25px; background-size: cover; background-position: center; height: 400px; border-radius: 24px; position: relative; display: flex; align-items: center; background-size: cover; }
.banner-content h2 { font-size: 30px; }
.banner-content p { font-size: 14px; margin-bottom: 7px; }
.about_img { margin-left: 0; margin-right: 0; justify-content: center; }
header.header_section a.navbar-brand.nav-logo img { width: 60px; margin-left: 0; }
.caption-bx{background:#fff; margin-top:20px;}
section.about_section { padding: 50px 0 10px; }
section.Training_section { padding: 20px 0; }
.about-content.Training_content { margin-right: 0; margin-left: 0; margin-bottom: 120px; }
.bookdemo-content h2 { font-weight: 600; font-size: 17px; color: #FFFFFF; margin-bottom: 10px; }
.bookdemo_img { background-repeat: no-repeat; background-position: center; position: relative; display: flex; align-items: center; height: 280px; justify-content: center; background-size: 100% 100%; }
.bookdemo-content button.btn.book_btn { padding: 7px 18px 7px 18px; }
footer.footer_section { padding: 30px 0; }
.copyright-all-heading { text-align: center; margin-bottom: 12px; }
.client_review-content { width: 100%; padding: 5px; cursor: pointer; }
.client_review-content h3 { font-size: 30px; margin-bottom: 20px; }
.box-top { display: inherit; }
.name-user span { font-size: 14px; }
.reviews svg { margin-right: 6px; }
.client-comment p { text-align: center; color: #fff; margin-left: 0; font-weight: 300; font-size: 13px; }
section.client_review_section { padding: 40px 0; }
.lesson-slider .slick-list{padding:0 0px !important;}
.about-content h2 { font-size: 27px; margin-bottom: 5px; }
.about-content { padding-top: 20px; }
.about-content p { font-size: 15px; margin-bottom: 20px; }
.about-content.Training_content ul li { font-size: 16px; margin-bottom: 20px;}
.lesson-section { padding: 0 0 50px; }
.section-heading h2 { font-size: 27px; }
header.header_section .navbar ul.navbar-nav li {  margin: 20px 0 0 40px;  }
header.header_section .navbar ul.navbar-nav { align-items: start; }
header.header_section .navbar ul.navbar-nav li#menu-item-712 { margin-left: 40px; margin-bottom: 20px; }
.col-md-3.app-store-icon { max-width: 350px; width: 100%; flex: 0 0 100%; }
.banner-top-inner{padding:0 20px;}
.benfits-content { padding: 30px; }

.header_section { padding: 10px 20px 10px; }
.white-bg .mobile-100 { max-width: 100%; flex: 0 0 100%; }

.header_navigation{padding-right:0px;}
.nav-phone-no a{padding:0; border:none;}
.nav-phone-no {  right: 40px; top: 30px; z-index: 11; }

.header_navigation a.light img { max-width: 102px; }
.banner-content ul li a{padding:8px 15px; font-size:15px;}
section.eot-card-container.section-blue-card{padding: 30px 0px 70px;}


}

@media (min-width: 768px) and (max-width: 1199px) {
	header.header_section button.btn.login_btn { font-size: 12px; }
	header.header_section button.btn.book_btn { font-size: 12px; }
	header.header_section ul li.active a { border-bottom: 2px solid #1885ce; width: 30%; }
	header.header_section li { padding: 7px; }
	header.header_section div#navbarSupportedContent { margin-top: 12px; box-shadow: 0px 0px 15px #00000029; border-radius: 11px; }
	.header_navigation{padding-right:0px;}
.nav-phone-no a{padding:0; border:none;}
.nav-phone-no {  right: 40px; top: 30px; z-index: 11; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	header.header_section button.btn.login_btn { font-size: 12px; }
	.banner-bg { padding: 87px 30px; }
	.banner-content { max-width: 100%; }
	.banner-content h2 { font-size: 50px; }
	.banner-content p { font-size: 25px; }
	.base_content h3 { font-size: 16px; }
	.base_content span { margin-right: 5px; }
	.caption-bx { padding: 30px 15px; background: #fff; }
	section.about_section { padding: 50px 0; }
	section.Training_section { padding: 20px 0 70px; }
	.about-content.Training_content { margin-right: 0; margin-left: 0; }
	.about-content h2 { font-size: 30px; margin-bottom: 0; }
	.about-content.Training_content ul li { font-size: 12px; margin-bottom: 15px; }
	.training_img { display: flex; align-items: center; }
	.client_review-content { width: 100%; }
	section.client_review_section { margin: 50px 0 0; }
	footer.footer_section { padding: 55px 0; }
	.store-footer-nav ul { text-align: end; font-size: 8px; }
	.footer-logo img { width: 80px; }
	.lesson-slider .slick-list{padding:0 0px !important;}
	.leasson-content h2 { font-size: 27px; margin: 0 0 10px; }
	.leasson-content h4 { font-size: 17px; margin: 0 0 10px; }
	.leasson-content p { font-size: 14px; line-height: 23px; }
	.watch-btn { margin: 3px 0 0; }
	.lesson-section { padding: 50px 0; }
	.client_review-content .carousel { padding: 0 0 100px; }
	section.client_review_section { padding: 40px 0 10px; }
}

@media (min-width:1200px) and (max-width:1334px) {
header.header_section .navbar-light .navbar-nav .nav-link{font-size:15px;}	
header.header_section .navbar ul.navbar-nav li{margin-left:30px;}	
header.header_section .navbar ul.navbar-nav li#menu-item-712 { margin-left: 60px; }	
}