@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');

/*
font-family: 'Mulish', sans-serif;*/

body{ padding:0; margin:0; font-size:14px; color:#444f60; font-family: 'Mulish', sans-serif;}
body, html{ height:100%;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:disc; list-style-position: inside !important;}
ul {
    list-style-position: inside !important;
}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
.container{ width:90%; max-width:1152px; margin:0 auto; padding:0;}

/***********  Top Part  ************/
header{ width:100%; float:left; padding:0; margin:0; position:relative; z-index:999;}

.nav_sec{ width:100%; float:left; padding:10px 0; margin:0; background: #fff; box-shadow: 0 0 8px 0 rgb(0 0 0 / 12%);}
.nav_sec .navbar-brand{ margin:0; padding:0;}
.nav_sec .navbar-brand img{ height:50px;}
.nav_sec .navbar{ padding:0;}
.nav_sec .navbar-light .navbar-nav li{ margin:0; padding:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:10px 12px; font-size:14px; color:#4a4a4a;}
.nav_sec .navbar-light .navbar-nav .nav-link:hover, .nav_sec .navbar-light .navbar-nav .nav-link:focus, .nav_sec .navbar-light .navbar-nav .show > .nav-link, .nav_sec .navbar-light .navbar-nav .active > .nav-link, .nav_sec .navbar-light .navbar-nav .nav-link.show, .nav_sec .navbar-light .navbar-nav .nav-link.active{ color:#999; border-color:#6c150f;}

.nav_sec .dropdown-menu{ margin-top:11px; border-radius:0; box-shadow:0 0 12px rgba(0,0,0,0.1); border:none;}
.nav_sec .dropdown-item{ padding:7px 20px; font-size:12px;}
.nav_sec .dropdown-item:hover, .nav_sec .dropdown-item.active{ background:#039be5; color:#fff;}

.top_right{ margin:0; padding:0;}
.top_right li{ margin:0 0 0 27px; padding:0; float:left; font-size:14px;}
.top_right li a{ color:#4a4a4a;}
.top_right li a:hover{ color:#999;}
.top_right li:last-child a{     border: 2px solid #039be5; border-radius:30px; font-weight: 600; padding:12px 40px; color:#039be5;}
.top_right li:last-child a:hover{ background:#039be5; color:#fff; box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2);}

/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0;}

/********** Hero Sec ************/
.hero_sec{ width:100%; float:left; padding:9rem; margin:0; text-align:center; background:url(../images/hero_bg.jpg) center center no-repeat; background-size:cover;}
.hero_sec .container{ max-width:800px;}
.hero_sec h2{ margin:0 0 10px 0; padding:0; color:#444f60; font-size:43px; font-weight:700;}
.hero_sec h3{ margin:0 0 20px 0; padding:0; color:#444f60; font-size:20px; line-height:normal; font-weight:500;}
.btns{ margin:0; padding:0; background:#039be5; border-radius:30px; font-weight: 600; padding:12px 40px; color:#fff; display:inline-block;}
.btns:hover{ box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2); background:#039be5; color:#fff;}
.btns.btns2{ margin:0; padding:0; border:1px solid #039be5; background:none; color:#039be5; border-radius:30px; font-weight: 600; padding:12px 40px; display:inline-block; font-size:16px;}
.btns.btns2:hover{ box-shadow: 0 14px 26px -12px rgba(3,155,229,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(3,155,229,.2); background:#039be5; color:#fff;}
.btns.btns2.white{ border-color:#fff; border-width:2px; color:#fff;}
.btns.btns2.white:hover{ background:#fff; color:#444f60;}

/********** Hero Sec ************/
.global_title{ font-size:36px; color:#444f60; margin:0 0 40px 0; padding:0; text-align:center; font-weight:700;}
.global_title small{ display:block; text-transform: uppercase; color: #039be5; font-size:16px;}
.global_title.sky{ color: #039be5;}

.discover_sec{ width:100%; float:left; padding:100px 0; margin:0; position:relative;}
.discover_sec:before{ width:80%; content: ""; display: block; margin: 0 auto; padding-top: 10px; border-bottom: 1px solid #87ceeb; position:absolute; top:0; left:50%; margin-left:-40%;}
.disc_block{ width:100%; float:left; margin:0; padding:25px; border:1px solid #e5e5e5; border-radius: 3px; text-align:center; background:#fff; height:100%; position:relative; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.disc_block figure{ width:100%; float:left; margin:0 0 10px 0; padding:0;}
.disc_block h3{ margin:0 0 10px 0; padding:0; font-size:1rem; color:#444f60; font-weight: 600;}
.disc_block p{ margin:0; padding:0; color:#878787;}
.discover_sec .mb_2{ margin-bottom:20px;}
.disc_block:hover{box-shadow:inset 0 0 0 1px rgb(143 160 241 / 20%), 0 10px 20px rgb(213 220 247 / 59%);}
.discover_sec .row{  margin: 0 -50px;}
.discover_sec [class^="col-"], .discover_sec > [class*=" col-"] { padding: 0 50px;}

/********** Hero Sec ************/
.feature_sec{ width:100%; float:left; padding:0; margin:0;}
.feature_sec .feat_block{ width:100%; float:left; padding:10px; margin:0 0 40px 0; border:1px solid #e5e5e5; text-align:center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.feature_sec .feat_block figure{ width:100%; float:left; padding:0 0 10px 0; margin:0;}
.feature_sec .feat_block h3{ margin:0; padding:0; font-size:1rem; color:#3273dc; font-weight:600; clear:both;}
.feature_sec .feat_block h3:hover a{ color:#363636;}
.feature_sec .price{ width:100%; float:left; margin:0; padding:0; font-weight:600; font-size:1.5rem; color:#3298dc;}
.feature_sec .price strike{ color:#f14668; font-size:1.25rem;}
.btn_link{ width:100%; float:left; margin:0; padding:7px 0; border-radius:3px; background:#2793da; color:#fff;}
.btn_link:hover{ color:#fff;}
.feature_sec .feat_block:hover{ box-shadow:0 5px 25px 0 rgb(0 0 0 / 20%); background:#fff;}
.brow_btn{ margin:0; padding:10px 30px; background:#2793da; border-radius:3px; color:#fff; font-size:1.2rem; display:inline-block; border:2px solid #2793da;}
.brow_btn:hover{ color:#2793da; border-color:#2793da; background:#fff;}

/********** Hero Sec ************/
.practice_sec{ width:100%; float:left; padding:100px 0 60px 0; margin:0; position:relative;}
.practice_sec:before{ width:80%; content: ""; display: block; margin: 0 auto; padding-top: 10px; border-bottom: 1px solid #87ceeb; position:absolute; bottom:0; left:50%; margin-left:-40%;}

/********** Hero Sec ************/
.testimonial_sec{ width:100%; float:left; padding:80px 0 40px 0; margin:0;}
.testimonial_sec .container{ max-width:1000px;}
.testimonial_sec .testi{ width:100%; float:left; margin:0 0 30px 0; padding:20px; box-shadow:0 3px 10px 4px rgb(0 0 0 / 4%); background:#fff; border-radius:3px;}
.testimonial_sec .testi h3{ margin:0 0 10px 0; padding:0; font-size:14px; color:#4fc1ea; font-weight:600;}
.testimonial_sec .testi p{ font-style:italic;}
.testimonial_sec .other{ width:100%; float:left; margin:0; padding:0 0 0 15%; font-size:12px; color:#cecece;}
.testimonial_sec .other strong{ display:block; font-size:14px; color:#444f60; font-weight:600;}
.rating_info{ width:100%; float:left; margin:0; padding:0; font-size:14px;}
.rating_info i{ margin:0; padding:0; color:#4a4a4a;}

/********** Hero Sec ************/
.practicing_sec{ width:100%; float:left; padding:40px 0 0 0; margin:0; background:#3298dc;}
.practicing_sec .practicing_links{ width:100%; float:left; margin:0 0 25px 0; padding:25px 20px; background:#fff; border-radius:3px; font-size:18px; color:#4a4a4a; text-align:center; font-weight:600; border: 1px solid #fcfcfc;}
/*.practicing_sec .practicing_links:hover{ box-shadow:inset 0 0 0 1px rgb(143 160 241 / 20%), 0 10px 20px rgb(213 220 247 / 59%);}*/
.practicing_sec .practicing_links:hover{ background:#1278bc; color:#fff; border-color:#1278bc; box-shadow:inset 0 0 0 1px rgb(143 160 241 / 20%), 0 10px 20px rgb(213 220 247 / 59%);}
.practicing_sec .detail{ width:100%; max-width:450px; float:left; margin:0; padding:0 0 0 10%;}
.practicing_sec h3{ margin:0 0 10px 0; padding:0; font-size:24px; color:#fff; font-weight:600;}
.practicing_sec p{ color:#fff;}
.practicing_sec figure{ width:100%; float:left; margin:0; padding:0; text-align:center;}
.practicing_sec figure img{ width:80%;}

/************* Footer ***********/
footer{ width:100%; float:left; padding:0; margin:0;}

.footer_sec{ width:100%; float:left; padding:70px 0 0 0; margin:0;}
.footer_sec figure{ width:100%; float:left; padding:0; margin:0 0 20px 0;}
.footer_sec figure img{ height:58px;}
.footer_sec p strong{ color:#7a7a7a;}

ul.social_links{ width:100%; float:left; margin:0 0 10px 0; padding:0;}
ul.social_links li{ margin:0 20px 0 0; padding:0; display:inline-block;}
ul.social_links li a{ font-size:14px; color:#a9abac;}
ul.social_links li a:hover{ color:#039be5;}
.payinfo{ width:100%; float:left; margin:0; padding:0;}

.footer_sec h3{ text-transform: uppercase; color: #444f60; font-size: 1rem; font-weight: 700; margin: 10px 0;}
ul.footer_links{ width:100%; float:left; margin:0; padding:0;}
ul.footer_links li{ margin:0 0 10px 0; padding:0; display:block;}
ul.footer_links li a{ font-size:14px; color:#7a7a7a;}
ul.footer_links li a:hover{ color:#2793da;}

.copyright{ width:100%; float:left; margin:0; padding:20px 0 30px 0; text-align:center;}

/*================================  Package Page  ================================*/
.feature_sec.package{ padding-top:70px;}
.feature_sec.package .info{ width:100%; max-width:800px; margin:0 auto 50px auto; padding:0; text-align:center;}
.feature_sec.package p{ margin:0; padding:0; font-size:22px; color:#444f60; font-weight:700;}
.feature_sec.package .global_title{ margin-bottom:10px;}

/*================================  Package Detail Page  ================================*/
.radio_sec{ width:100%; float:left; margin:0; padding:40px 0;}
.radio_sec figure{ width:100%; float:left; margin:0; padding:15px; background:#fff; box-shadow:0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px;}
.radio_sec figure img{ width:100%;}
.radio_sec h3{ margin:0 0 15px 0; padding:0; font-size:26px; color:#7a7a7a; font-weight:700;}
.radio_sec p{ margin:0 0 10px 0; padding:0; font-size:17px; color:#7a7a7a; font-weight:600;}
.radio_sec .price{ width:100%; float:left; margin:0 0 10px 0; padding:0; font-weight:600; font-size:1.5rem; color:#3298dc;}
.radio_sec .price strike{ color:#f14668; font-size:1.25rem;}
.radio_sec .price span{ margin:0; padding:0; font-size:15px; color:#363636;}
.subscribe_btn{ margin:0; padding:12px 30px; display:inline-block; background:#00d1b2; font-size:18px; color:#fff; border-radius:3px; opacity:0.4;}
.subscribe_btn:hover{ opacity:1; color:#fff;}
.radio_sec small{ margin:20px 0 20px 0; padding:0; display:block; font-size:13px; color:#f14668; clear:both;}
.radio_sec small a{ font-weight:700; color:#3273dc;}
.radio_sec small a:hover{ color:#363636;}

ul.total_list{ width:100%; float:left; margin:0 0 20px 0; padding:0;}
ul.total_list li{ margin:0; padding:0; display:block; font-size:14px; color:#4a4a4a;}
ul.total_list li strong{ color:#000;}

.help_block{ width:100%; float:left; margin:0 0 30px 0; padding:20px; border-radius: 4px; border-left:4px solid #3298dc; background:#eef6fc; position:relative;}
.help_block h3{ margin:0 0 10px 0; padding:0; font-size:18px !important; color:#363636; font-weight:600;}
.help_block p{ margin:0; padding:0; font-size:14px; color:#1d72aa; font-weight:400;}
.help_block p a{ color:#1d72aa; text-decoration:underline;}
.help_block i{position: absolute; font-size:45px; top: -35px; right: 0; padding: 20px; background: #48c774; border: 5px solid #fff; border-radius: 100px; color: #fff;}

.radio_sec .nav-tabs{ width:100%;}
.radio_sec .nav-tabs .nav-link{ color:#4a4a4a;}
.radio_sec .nav-tabs .nav-link.active, .radio_sec .nav-tabs .nav-item.show .nav-link{ color:#3273dc;}
.radio_sec .nav-tabs .nav-link:hover{ border-color:#f5f5f5; background:#f5f5f5;}
.radio_sec .tab-content{ padding-top:20px;}
.radio_sec .tab-content p{ margin:0 0 30px 0; padding:0; font-size:14px; color:#4a4a4a; font-weight:400;}
ul.tab_list{ width:100%; float:left; margin:0; padding:0;}
ul.tab_list li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#4a4a4a; position:relative;}
ul.tab_list li:before{ content:""; width:5px; height:5px; background:#4a4a4a; border-radius:50%; position:absolute; top:8px; left:0;}

ul.tab_list_num{ width:100%; float:left; margin:0; padding:0;}
ul.tab_list_num li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#4a4a4a; position:relative;}
ul.tab_list_num li span{ content:""; position:absolute; top:0; left:0;}

/*================================  Blog Page  ================================*/
.blog_sec{ width:100%; float:left; margin:0; padding:30px 0 50px 0; background:#eff4f7;}
.blog_sec h1{ margin:0 0 40px 0; padding:50px 0 40px 0; font-size:34px; color:#444f60; font-weight:700; text-align:center; position:relative; z-index:1;}
.blog_sec h1 small{ display:block; font-size:17px; color:#444f60; font-weight:600; margin-top:10px;}
.blog_sec h1 i{ position:absolute; top:0; left:50%; margin-left:-84px; z-index:-1;}

.blog_sec .blog_info{ width:100%; float:left; margin:0 0 20px 0; padding:0; background:#fff; border-radius:3px; border:1px solid #e5e5e5; padding:30px;}
.blog_sec .blog_info h2{ margin:0 0 15px 0; padding:0; font-size:28px; color:#7a7a7a; font-weight:700;}
.blog_sec .blog_info h2 a{ color:#7a7a7a;}
.blog_sec .blog_info h2 a:hover{ color:#039be5;}
.blog_sec .blog_info p{ margin:0 0 15px 0; padding:0; font-size:15px; color:#4a4a4a;}
.read_btn{ margin:0; padding:0; display:inline-block; border:1px solid #039be5; background:none; color:#039be5; border-radius:3px; padding:7px 20px; font-size:14px;}
.read_btn:hover{ background:#039be5; color:#fff;}

ul.blog_list{ margin:0; padding:0; float:right;}
ul.blog_list li{ margin:0 0 0 15px; padding:0 0 0 20px; font-size:14px; color:#4a4a4a; display:inline-block; position:relative;}
ul.blog_list li i{ font-size:14px; color:#039be5; position:absolute; top:3px; left:0;}

.blog_sec h3{ margin:0 0 15px 0; padding:0; font-size:26px; color:#363636; font-weight:600;}
ul.cat_list{ width:100%; float:left; margin:0; padding:0;}
ul.cat_list li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#4a4a4a; position:relative;}
ul.cat_list li:last-child{ margin:0;}
ul.cat_list li:before{ content:""; width:5px; height:5px; background:#4a4a4a; border-radius:50%; position:absolute; top:8px; left:0;}
ul.cat_list li a{ color:#3273dc;}
ul.cat_list li a:hover{ color:#363636;}

.blog_sec .row{  margin: 0 -10px;}
.blog_sec [class^="col-"], .blog_sec > [class*=" col-"] { padding: 0 10px;}

/*================================  Blog Detail Page  ================================*/
ul.blog_list.device{ width:100%; display:flex; border-bottom:1px solid #87ceeb; padding-bottom:30px;}
ul.blog_list.device li{ margin:0}
.blog_sec .blog_info figure{ width:100%; float:left; margin:0 0 20px 0; padding:0;}
.blog_sec .blog_info figure img{ width:100%;}
.blog_sec .detail{ width:100%; float:left; margin:0; padding:20px 0 0 0;}
.blog_sec .detail h3{ margin:25px 0 10px 0; padding:0; font-size:16px; color:#363636; font-weight:700;}
.blog_sec .detail p{ margin:0; padding:0;}
.blog_sec .detail .mb_3{ margin-bottom:20px;}
ul.d_list{ width:100%; float:left; margin:0 0 20px 0; padding:0;}
ul.d_list li{ margin:0 30px 0 0; padding:0; display:inline-block;}
ul.d_list li span{ margin-right:15px;}

/*================================  Faq Page  ================================*/
.faq_sec{ width:100%; float:left; margin:0; padding:40px 0 0 0;}
.faq_sec h1{ margin:0 0 40px 0; padding:50px 0 40px 0; font-size:34px; color:#444f60; font-weight:700; text-align:center; position:relative; z-index:1;}
.faq_sec h1 small{ display:block; font-size:17px; color:#444f60; font-weight:600; margin-top:10px;}
.faq_sec h1 i{ position:absolute; top:0; left:50%; margin-left:-84px; z-index:-1;}

.faq_sec .card{ border:none; border-radius:0; border:1px solid #ededed; margin-bottom:0;}
.faq_sec .card-header{ padding:0; background:none; border:none;}
.faq_sec .btn-link{ width:100%; float:left; text-align:left; padding:10px 40px 10px 15px; font-size:14px; color:#555; position:relative; white-space:normal; font-weight:700; border-radius:0;}
.faq_sec .btn-link:after{ content:"\f067"; font-size:15px; color:#666; font-family: 'FontAwesome'; position:absolute; top:9px; right:15px;}
.faq_sec .active-acc .btn-link:after{ content:"\f068";}
.faq_sec .active-acc .btn-link{ color:#fff; background:#7f00ff;}
.faq_sec .btn-link:hover{ text-decoration:none;}
.faq_sec .btn-link.show{ text-decoration:none;}
.faq_sec .active-acc .btn-link:after{ color:#fff;}

.faq_sec .card-body{ padding:5px 20px 0 20px;}
.faq_sec .card-body p{ margin:0 0 15px 0; padding:0;}
.discl{ width:100%; float:left; margin:0; padding:50px 0 0 0; text-align:center;}
.discl h5{ margin:0 0 10px 0; padding:0; font-size:16px; color:#4a4a4a; font-weight:700;}
.discl p{ margin:0;}

/*================================  Contact Page  ================================*/
.contact_sec{ width:100%; float:left; margin:0; padding:40px 0 50px 0; background:#fbfbfb;}
.contact_sec h1{ margin:0 0 40px 0; padding:50px 0 40px 0; font-size:34px; color:#444f60; font-weight:700; text-align:center; position:relative; z-index:1;}
.contact_sec h1 small{ display:block; font-size:17px; color:#444f60; font-weight:600; margin-top:10px;}
.contact_sec h1 i{ position:absolute; top:0; left:50%; margin-left:-84px; z-index:-1;}
.contact_sec ul.tab_list li{ margin-bottom:20px;}
.contact_sec ul.tab_list li span{ color:#3298dc;}

.contact_sec .add_block{ width:100%; float:left; margin:0 0 30px 0; padding:15px; background:#fff; border-radius:3px; border:1px solid #e5e5e5;}
.contact_sec .add_block i{ color:#4a4a4a;}
.contact_sec .add_block i.fa-mobile{ font-size:18px;}
.contact_sec .add_block label{ color:#4a4a4a; margin:0; padding:0; font-size:14px; display:block;}
.contact_sec .add_block span{color:#4a4a4a; font-weight:700;}
.contact_sec .add_block:hover{ box-shadow:inset 0 0 0 1px rgb(143 160 241 / 20%), 0 10px 20px rgb(213 220 247 / 59%);}

.input-group{ width:100%; float:left; margin:0 0 25px 0; padding:0; position:relative;}
.input-group label{ width:100%; float:left; margin:0 0 5px 0; padding:0; font-size:14px; color:#4a4a4a; font-weight:700;}
.input-group .form-control{ margin:0; padding:0 15px; height:44px; background:#fff; border:1px solid #ccc; border-radius:4px !important; box-shadow:none;}
.input-group .form-control.field_2{ height:126px; padding-top:10px;}
.btn.send_btn{ width:100%; float:left; margin:0; padding:10px 20px; border-radius:30px; border:2px solid #0084c4; font-size:14px; color:#0084c4; font-weight:700;}
.btn.send_btn:hover{ background:#0084c4; color:#fff; box-shadow:0 14px 26px -12px rgba(0,132,196,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,132,196,.2);}

.contact_sec .row{  margin: 0 -50px;}
.contact_sec [class^="col-"], .contact_sec > [class*=" col-"] { padding: 0 50px;}

/*================================  Login Page  ================================*/
.login_sec{ width:100%; min-height:100vh; float:left; margin:0; padding: 20px 30px; text-align:center; position:relative; display: flex;align-items: center;justify-content: center;}
/* .login_sec::before{content: "";position: absolute;top: 0;left: 0;background-color: rgba(3, 155, 229, 0.7);width: 50%;height: 100%;} */
.login_sec::after{content: "";position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgba(13,10,5,1) 0%, rgba(13,10,5,0.70) 35%, rgba(13,10,5,0.70) 100%);width: 40%;height: 100%;}
.login_sec::before{content: "";position: absolute;top: 0;left: 0;background-image: url("../images/mebonline_login_page_photo.jpg"); background-size: cover; background-position: top center; background-repeat: no-repeat;width: 40%;height: 100%;}
@media screen and (max-width: 991px) {
    .login_sec::after{
        width: 45%;
    }
    .login_sec::before{
        width: 45%;
    }
}
@media screen and (max-width: 767px) {
    .login_sec::after{
        width: 100%;
        height: 30%;
    }
    .login_sec::before{
        width: 100%;
        height: 30%;
    }
}
.login_sec .row{ height:100%;}
.login_sec .info{ width:100%; max-width:400px; margin:0 auto; padding:30px; background-color: #ffffff; border-radius: 20px;}
.login_sec .logo{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.login_sec .logo img{ width:250px;}
.acc_link{ margin:0 0 30px 0; padding:0; display:inline-block; color:#207dbc; font-size:14px; font-weight:700;}
.login_sec .input-group .form-control{ border-color:#3298dc;}
.for_link{ margin:40px 0 20px 0; padding:0; font-size:14px; color:#95a5a6; display:inline-block;}
.for_link:hover{ color:#039be5;}
.login_sec .btn.send_btn{ border-color:#039be5; color:#039be5;}
.login_sec .btn.send_btn:hover{ background:#039be5; color:#fff; box-shadow:0 14px 26px -12px rgba(0,132,196,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,132,196,.2);}
.login_sec .message {margin-bottom: 30px; text-align: left; position: relative; z-index: 1;}
.login_sec .message h4 {text-transform: uppercase; font-size: 32px; line-height: 42px; font-style: italic; font-weight: 900; color: #ffffff;}
.login_sec .message p {font-size: 22px; line-height: 32px; font-style: italic; font-weight: 600; color: #ffbf6d;}
@media screen and (max-width: 767px) {
    .login_sec .message h4{
        font-size: 24px;
        line-height: 34px;
        text-align: center;
    }
    .login_sec .message p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
}

/* .gulf_info{ width:100%; float:left; margin:0; padding:30px; background:#039be5; height:100%;} */
.gulf_info{text-align: center;}
.gulf_info h3{ margin:0 0 20px 0; padding:0; font-size:34px; color:#039be5; font-weight:700;}
.gulf_info p{ margin:0 0 20px 0; padding:0; font-size:18px; color:inherit;width: 600px;margin: 0 auto;}
@media screen and (max-width: 1199px) {
    .gulf_info p{
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .gulf_info {
        margin-top: 30px;
    }
}
.gulf_info p a{ color:#0a0a0a; text-decoration:underline;}
.gulf_info .btns.btns2{ border-color:#fff; border-width:2px; color:#fff; font-size:14px;}
.gulf_info figure{ width:100%; float:left; margin:20px 0 0 0; padding:0;}

/*================================  Sign Up Page  ================================*/
.login_sec h4{ margin:0 0 20px 0; padding:0; font-size:18px; color:#039be5;}
.login_sec .custom-select{ margin:0; padding:0 15px; height:44px; background:#fff; border:1px solid #039be5; border-radius:4px !important; box-shadow:none; position:relative;}
.login_sec .input-group.select:before{ content:"\f107"; font-size:18px; color:#666; font-family: 'FontAwesome'; position:absolute; top:10px; right:15px; z-index:9;}
.login_sec .custom-control{ clear:both; text-align:left; margin-bottom:20px;}
.login_sec .custom-control-input{ box-shadow:none !important;}
.login_sec .custom-control-input:checked ~ .custom-control-label::before{ box-shadow:none !important;}
.login_sec .btn.btns{ font-size:14px; width:100%; padding:7px 20px;}
.back_link{ margin:10px 0 0 0; padding:0; display:inline-block; font-size:14px; color:#3273dc;}
.login_sec .lg_info{ width:100%; float:left; margin:0; padding:20px 20px 0 20px; text-align:right; background:#039be5;}
.login_sec .lg_info p{ color:#fff; display:inline-block; margin-right:10px;}
.login_sec .lg_info .btns.btns2{ border-color:#fff; border-width:2px; color:#fff; font-size:14px; padding:5px 20px;}
.login_sec .lg_info .btns.btns2:hover{ background:#fff; color:#444f60;}

/*============================ Dashboard Page ================================*/
.wrapper{ width:100%; float:left; margin:0; padding:40px 0 0 0;}
.breadcrumb_info{ margin:0 0 20px 0; padding:0;}
.breadcrumb_info ul{ margin:0; padding:0;}
.breadcrumb_info ul li{ margin:0; padding:0; color: #363636; font-size:14px; display:inline-block;}
.breadcrumb_info ul li::before { color: #b5b5b5; content: "/"; margin:0 10px;}
.breadcrumb_info ul li:first-child:before{ display:none;}
.breadcrumb_info ul li a{ color:#3273dc;}
.breadcrumb_info ul li:hover{ color: #363636;}

.inner_title{ margin:0 0 20px 0; padding:0; line-height: 1.125; font-size: 28px; color: #7a7a7a !important; text-align:left; font-weight: 700;}

.dashboard_sec{ width:100%; float:left; margin:0; padding:0 0 60px 0; text-align:center;}
.dashboard_sec .inner{ width:100%; float:left; margin:0; padding:30px 170px; background-color: #fff; border: 1px solid #fcfcfc; box-shadow: 0 5px 25px 0 rgba(0,0,0,.2);}
.dashboard_sec .title{ margin-bottom:80px;}
.title{ margin:0 0 25px 0; padding:0; font-size:25px; color: #363636; font-weight: 700; text-align:center;}
.title:after { content: ""; display: block; margin: 0 auto; width: 50%; padding-top: 20px; border-bottom: 1px solid #87ceeb;}
.dashblock{ width:100%; float:left; margin:0; padding:40px 30px 30px 30px; background-color: #fff; border: 1px solid #fcfcfc; box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);}
.dashblock i{ font-size:40px; color: #039be5; margin-bottom:20px;}
.dashblock h4{ margin:0 0 10px 0; padding:0; font-size:14px; color: #444f60; font-weight: 500;}
.dashblock h6{ margin:0; padding:0; font-size:14px; color: #f14668; font-weight: 800;}
.dashblock:hover, .dashblock:focus{ box-shadow: inset 0 0 0 1px rgba(143,160,241,.2),0 10px 20px rgba(213,220,247,.59);}

/*============================ Self Assessment Page ================================*/
.self_assess{ width:100%; float:left; padding:0; margin:0;}
.white_box{ width:100%; float:left; margin:0; padding:30px; background-color: #fff; border: 1px solid #fcfcfc; box-shadow: 0 5px 25px 0 rgba(0,0,0,.2);}
.self_assess h2{ padding:0; margin:0 0 20px 0; font-size:24px; color:#00d1b2; font-weight:600;}
.self_assess p{ padding:0; margin:0 0 20px 0; font-size:16px; color:#4a4a4a;}

/*============================ Self Assessment Page ================================*/
.assess_detail{ width:100%; float:left; padding:0; margin:0;}
.assess_detail .count{ float:left; padding:0; margin:0 10px 0 0; color:#3298dc;}
.assess_detail h2{ padding:0; margin:0 0 20px 0; font-size:24px; color:#00d1b2; font-weight:600;}
.assess_detail h3{ padding:0; margin:0 0 20px 0; font-size:21px; color:#00d1b2; font-weight:600;}
.assess_detail h4{ padding:0; margin:0 0 20px 0; font-size:18px; font-weight:500;}
.assess_detail p{ padding:0; margin:0 0 20px 0; font-size:14px; line-height:24px;}

.que_list{ padding:0; margin:0 0 30px 30px;}
.que_list li{ padding:0 0 0 25px; margin:0 0 10px 0; font-size:14px; color:#4a4a4a; position:relative;}
.que_list li .count{ padding:0; margin:0; font-size:14px; color:#00d1b2; position:absolute; left:0; top:0;}
.que_list li a{ color:#4a4a4a;}
.que_list li a:hover{ color:#039be5;}
.que_list li .red{ color:#f14668;}
.que_list li .green{ color:#00d1b2;}

.assess_detail .btns{ margin:0 5px 5px 0; border-radius:3px; background:#00d1b2; padding:8px 20px;}
.assess_detail .btns:hover{ background:#00c4a7; color:#fff; box-shadow: 0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);}

.assess_detail .report_d{ padding:0; margin:0; font-size:14px; color:#ee1742;}
.assess_detail .report_d:hover{ color:#039be5;}

/*============================ Profile Page ================================*/
.profile_sec{ width:100%; float:left; margin:0; padding:0 0 60px 0;}
.form_block{ width:100%; float:left; margin:0 0 15px 0; padding:0;}
.form_block label{ margin:0 0 5px 0; padding:0; color: #363636; display: block; font-size: 14px; font-weight: 700;}
.form_block .field{ width:100%; float:left; margin:0; padding:0 10px; color: #878787; height: 36px; border-radius: 4px; border:1px solid #ccc;}
.form_block.disable .field{ cursor: not-allowed;}
.form_block .field:focus{ border-color:#00d1b2;}
.form_block .selectinfo{ width:100%; float:left; margin:0; padding:0 50px 0 10px; color: #878787; height: 36px; border-radius: 4px; border:1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select_arrow.png) no-repeat right 10px center;}

.form_block .field[disabled], .select fieldset[disabled] select, .select select[disabled], .textarea[disabled], fieldset[disabled] .input, fieldset[disabled] .select select, fieldset[disabled] .textarea {
background-color: #f5f5f5; border-color: #f5f5f5; box-shadow: none; color: #7a7a7a;}

.small_title{ margin:0 0 10px 0; padding:0 0 15px 0; font-size:1.25em; color: #363636; font-weight: 600; position: relative;}
.small_title:before{ content:""; width: 80px; height: 5px; background: #039be5; position:absolute; left:0; bottom:0;}

.btns.sub_btns{ margin:0 5px 5px 0; border-radius:3px; background:#00d1b2; padding:8px 20px; border:none;}
.btns.sub_btns:hover{ background:#00c4a7; color:#fff; box-shadow:none;}

.mb-30{ margin-bottom:30px !important;}
.buybuttonadded {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 1;
    display: block;
    border: 1px solid white;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 18px;
}

.buybuttonadded:hover,
.buybuttonadded:active,
.buybuttonadded:focus {
    color: #fff;
}