*{ padding:0; margin:0;}
@import url(fontawesome.min.css);
a{ color:#2B3089; text-decoration:none!important;}
body{ background:#f7f7fc; font:400 15px/24px 'Inter', sans-serif; color:#000; overflow-x:hidden;}
html[dir='rtl'] body{ text-align:right; direction:rtl;}
html[dir='ltr'] body{ text-align:left; direction:ltr;}

#navigation button, .mobile-parent-nav-menu-item, .main-menu-more{ display:none;}
a{ color:#00a1e4; display:inline-block; text-decoration:none;  transition: all 300ms ease-out 0s;}
ul{ list-style-type:none;}
img{ max-width: 100%; height: auto;}
video{ max-width: 100%; height: auto;}
.white-text{ color:#fff;}
.white-bg{ background-color:#fff;}
.black-bg{ background-color: #292a2e;}
.black-text{ color:#000!important;}
.red-text{ color:#fa0300 !important;}
.blue-text{ color:#5193CF;}
.nblue-text{ color:#2A318B;}
.bg-nblue{ background:#2A318B;}
.light-text{ font-weight:300 !important;}
.hidden{	opacity: 0;}
.visible{	opacity: 1;}
.full-height{ height:100%}
.small-icon{ font-size:50%;}
.td-n{ text-decoration:none;}
.list-doted{ list-style-type: disc;}


.btn-primary{ background:#2B3089; border-color:#2B3089;}
.btn-primary:hover {   color: #2B3089;   background-color: #fff;   border-color: #2B3089;  }
.btn-outline-primary{ border-color:#2B3089;  color: #2B3089;}
.btn-outline-primary:hover {background-color: #2B3089;     border-color: #2B3089;}
.btn-secondary{ background: #5193CF; border-color: #5193CF;}
.btn-outline-gray {    color: #171F4A;    border-color: rgba(0,0,0,0.15);  }
.btn-outline-gray:hover {    color: #171F4A;    border-color: rgba(0,0,0,0.15); background-color: rgba(0,0,0,0.15);  }
.gray-bg{ background: #F5F5F5;}
.bg-2{background:url(../images/bg2.jpg) no-repeat 0 0 #181f4b;}
html[dir="rtl"] .dropdown-toggle:after { margin-right: .255em; margin-left:0}
#accordionExample .card-header{ padding:0;}
#accordionExample .card{ border: 0; margin-top: 5px;}
#accordionExample .card > .card-header{ margin-bottom: 0; border: 0;}

.border-bottom-3{ border-bottom: 3px solid;}
.border-nblue{ border-color: #2A318B;}


header{ padding:25px 0; background: #fff;}
#logo{ text-align:center;}
#options button{ border:0; font:400 16px/48px 'Rubik', sans-serif; padding:0 5px;}
.header-middle{ font:400 16px/18px 'Inter', sans-serif;}

.header-middle > div{ border:1px solid #5193cf; border-radius:6px;}
.header-middle input[type="search"]{ background:url(../images/search.png) no-repeat 10px 50% #f5f5f5; font:400 14px/48px 'Inter', sans-serif; height:48px; border:0; border-radius:6px 0 0 6px; text-indent:36px; font:400 14px/18px 'Inter', sans-serif;width: 100%; color:#5193cf;}
html[dir="rtl"] .header-middle input[type="search"]{ background-position:calc(100% - 10px) 50%; border-radius:0 6px 6px 0;}
.header-middle ul{ margin:0;}
.header-middle ul:after{ clear:both; content:""; display:table;}
.header-middle ul li{ float:left;}

.header-middle ul li a{ color:#5193CF; font:400 16px/18px 'Inter', sans-serif; padding:15px; text-decoration:none;}
.header-middle ul li ul li{ float:none;}
.header-middle ul li.dropdown{ border-left:1px solid #ccc;}
.header-middle ul li.dropdown { border-left:0; border-right: 1px solid #ccc;}
/*.header-middle .search-sec{ width:50%;}*/
.header-right{ font:700 16px/18px 'Inter', sans-serif;}
.header-right ul{ margin:0;}
.header-right ul:after{ clear:both; content:""; display:table;}
.header-right ul li{ float:left; position: relative;} 
.header-right ul li ul li{ float:none; padding-top: 0;}
.header-right ul li+li{ margin-left:5px;}
.header-right ul li button{ padding:10px 25px;font:400 16px/26px 'Inter', sans-serif;}
.header-right .cart-icon a{ border-radius:100px; background:#fff; }


.btn-xlg{ padding-top:0.8em; padding-bottom:0.8em;}
.log-right > div, .log-left > div{ width:540px; max-width:100%; margin:0 auto;}


#login-content > div > div{ min-height:calc(100vh - 130px); display: flex;flex-wrap: wrap; align-content: center;align-items: center; background:url(../images/logbg.jpg) no-repeat 0% 50% #fff; background-size:50% 100%; position:relative; padding:30px 0;}
html[dir="rtl"] #login-content > div > div{flex-direction: row-reverse;}
#login-content > div > div:before{ position:absolute; left:50%; top:0; bottom:0; width:50%; content:""; background:#fff;}
.log-right{ color:#484848; background:#fff;}
.log-left{ color:#fff;}
h1{ font-size:40px; font-weight: 600;}
h2{ font-size:36px; font-weight: 600;}
h3{ font-size:32px; font-weight: 600;}
h4{ font-size:28px; font-weight: 600;}
h5{ font-size:24px; font-weight:400;}
h6{ font-size:20px; font-weight:400;}
p{ font-size: 16px;}

#login-content input[type="email"], #login-content input[type="text"], #login-content input[type="password"]{ height:64px; line-height:46px; font-size:20px; width:100%; border-radius:4px; text-indent:15px; border:1px solid #878B8F;}
#login-content .form-control, #login-content input.form-control{ height: 58px; line-height:58px; font-size: 16px; border-color:#ced4da ; text-indent: 0; color:#5c6064}
#login-content .form-group img{ position:absolute; left: 10px; top: 50%; transform: translate(0, -50%);}
#login-content .with-icon input{ text-indent:34px;}
#login-content .form-group{ position:relative;}
#login-content button[type="submit"], #login-content input[type="submit"]{ background:#2B3089; color:#fff; border-radius:4px; display:block; cursor:pointer; font-size:20px; font-weight:400; height:64px; line-height:64px; border:1px solid #2B3089; padding:0 20px;}
#login-content button[type="submit"], #login-content input[type="submit"]:hover{ background:#fff; color:#2B3089;}
#login-content p{ margin:0 0 10px;}
.block{ display:block; width:100%;}

#options ul li{ font:400 16px/24px 'Rubik', sans-serif; padding:0 10px; cursor:pointer; margin: 0;}
#options ul li .flagstrap-icon{ margin-left:10px;}
#options ul li:hover{ background:#ccc;}
#options ul li:nth-child(1){ display:none; margin-left:5px!important;}
.blue-tex{ color: #2B3089;}
.otp-sec{ width: 280px; margin: 0 auto; display: flex;justify-content: space-between;}
#login-content .otp-sec input{ width: 46px; height: 46px; }

.input-group-addon.fa-eye-slash svg.fa-eye-slash{ display: block;}
.input-group-addon.fa-eye svg.fa-eye{ display: block;}

.input-group-addon svg.fa-eye, .input-group-addon.fa-eye svg.fa-eye-slash{ display: none;}
.input-group-addon svg.fa-eye-slash{ display: block;}
.input-group-addon{ position: absolute; right:9px; top:50%;transform: translate(0, -50%);}
html[dir="rtl"] .input-group-addon{ position: absolute; right:auto; left:9px;}

label{ font-size: 14px; color: #666;}
.profile-pic{ width:120px; height: 120px; border-radius:200px; display: block; position: relative; border: 3px solid #5193CF;}
.profile-pic > a{ position:absolute; right:0; bottom:0px; width: 44px; height: 44px; background:url(../images/profile-icon.png) no-repeat 50% 50%; background-size:cover ;}
.profile-pic img{ width: 100%; height:auto; border-radius:200px;}
.profile-pic:hover{ box-shadow: 0 0 4px #333;}

label.full-box{ font-size:18px; color: #000; font-weight: 300; margin-top: 15px; display: block;}
.form-check label{ font-size:14px; color: #333; font-weight:400; margin-top:0;}
.profile-on #options{ display:block; float:right;position: absolute;right:0;bottom: 100%; width:160px;}
.header-right .nav-link{ padding:0;}
.navbar-nav{ flex-wrap:wrap; justify-content:space-around;  width:100%;}
.nav-bg{  background: #56A7CF; color: #fff;}
.nav-bg .nav-link{ font:500 16px/28px 'Inter', sans-serif; color: #fff;}
.nav-bg{ color: #fff;}
.nav-bg svg{ color: #fff;}
.profile-bg{ background: url(../images/profile-bg.jpg) no-repeat 50% 0 #fff; padding:100px 0 0;}
#profile-left{ width: 320px; background: #fff; border-radius: 6px 0 0 6px; float: left;  border:1px solid #E7E7E7; border-right:0;}
#profile-left ul{ padding: 0; margin: 0; list-style-type: none;}
#profile-left ul li a{ font:400 20px/24px 'Inter', sans-serif; padding:15px; display:block; color: #23262F; background: #fff;}
#profile-left ul li a:hover, #profile-left ul li.active a{ color: #5193CF; background: #E2F1FF;}
#profile-left ul li+li{ border-top:1px solid #E7E7E7;}
#profile-left ul li a img{ float: left; margin:0 10px 0 0; filter: brightness(50%);}
html[dir="rtl"] #profile-left ul li a img{ float:right; margin:0 0 0 10px;}
#profile-left ul li a:hover img, #profile-left ul li.active img{ filter: brightness(100%);}
#profile-left ul li.zoom a{ scale: 1.05;}
#profile-left ul li.zoom{ display: block; overflow: hidden;}
#profile-right{ width:calc(100% - 320px); background: #fff; border-radius:0 6px 6px 6px; float: right; padding:25px; box-shadow: 0 4px 5px #ccc;}

.heading-1{ position: relative;}
.heading-1 span{ background: #fff; display: inline-block; position: relative; z-index: 1;}
.heading-1:after{ content: ""; border-bottom: 1px solid #E7E7E7; position:absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%);}
.upload-sec{ position: relative; margin: 0 150px 0 0;}
.upload-sec input[type=file]{ -webkit-appearance: none; appearance: none;}
.upload-sec button{ position: absolute; left: 0; top: 0;}
.upload-sec button.more-right{ right: -150px; left: auto;}


footer{ background: #23212D; padding: 40px 0 30px; font-family: 'Inter', sans-serif; color: #fff;}
footer a{ color: #fff;}
footer h6{ border-bottom: 2px solid #fff; display: inline-block;}
footer ul{ padding:5px 0 0;}
footer ul li{ padding-top:6px;;}
.social-sec{ text-align:center; border-bottom: 1px solid rgba(255,255,255,0.5);}
.social-sec a{ font-size: 16px; display: inline-block; margin: 0 20px;}
.social-sec2{ text-align:center; }
.social-sec2 a{ font-size: 18px; display: inline-block; margin: 0 20px; color: #fff;}

#banner{ position: relative; display: block; overflow: hidden;}
#banner .banner-text{ position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
#banner img{ max-width: 100%; height: auto; width: 100%;}
.btn-new{ background: #fff; color: #5193CF; border-color: #5193CF;}
.btn-new:hover{ background-color: #5193CF; color: #fff;}
#banner-inner{ background: url(../images/banner-inner.jpg) no-repeat 50% 50%; background-size:cover; color: #fff; padding-bottom:50px; margin-bottom: -40px;}
#banner-inner h1{ display: inline-block; border-bottom: 3px solid #5193CF;}

.blue-sec{ background: url(../images/s-bg1.jpg) no-repeat 50% 50%; background-size: cover;}

.slider-sec1 {   position: relative;     padding-top:15px;}
.slider-sec1 .jcarousel {    overflow: hidden;    width: 100%;    padding: 0; margin:10px 0 0;}
.slider-sec1 .jcarousel ul {    width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
.slider-sec1 .jcarousel li {    width: 400px;    float: left; padding:0 7px}
html[dir='rtl'] .slider-sec1 .jcarousel li { float:right}

.slider-sec1 .jcarousel li > div, .boxes{ padding:10px; text-align:center; background: #fff; border-radius: 6px; border: 1px solid #D6D6D680;}
.slider-sec1 .jcarousel li img, .boxes img{ border:1px solid #B1B1B1; border-radius:6px; width: 100%; height: auto;}
.slider-sec1 .jcarousel-pagination{ margin:25px 0 0; width: 100%; text-align: center;}
.slider-sec1 .jcarousel-pagination > a{ width:14px; height:14px; border-radius:16px; font-size:0; display:inline-block; cursor:pointer; background:#fff; margin:0 3px;}
.slider-sec1 .jcarousel-pagination > a:hover, .bannerslider-pagination > a.active{ background:rgba(255,255,255,0.6);}


.slider-sec2 {   position: relative;    padding-top:15px;}
.slider-sec2 .bannerslider {    overflow: hidden;    width: 100%;    padding: 0; margin:10px 0;}
.slider-sec2 .bannerslider ul {    width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
.slider-sec2 .bannerslider li {    width: 400px;    float: left; padding:0 3px;}
.slider-sec2 .bannerslider li > div{ padding:0; text-align:center;}
.slider-sec2 .bannerslider li img{ border:1px solid #5193CF; width: 100%;}
.slider-sec2 .bannerslider li .heading{ background: #5193CF; color: #fff; min-height: 70px;}
.slider-sec2 .bannerslider li .heading-after{ background: #87BEF0; color: #fff;}
.slider-sec2 .bannerslider-control-prev, .slider-sec2 .bannerslider-control-next {  font-size:20px;    background:#C5C5C5; width:40px ; height: 40px; border-radius: 40px; line-height: 40px;     text-align: center; margin:15px 10px;color: #fff;}
.slider-sec2 .bannerslider-control-prev:hover, .slider-sec2 .bannerslider-control-next:hover {    background:#5293CE; color: #fff; }
html[dir='rtl'] .slider-sec2 .bannerslider li { float:right}

.slider-sec3 {   position: relative;    padding-top:15px;}
.slider-sec3 > div{ position: relative;}
.slider-sec3 .jcarousel {    overflow: hidden;    width: 100%;    padding: 0; margin:10px 0 0;}
.slider-sec3 .jcarousel ul {    width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
.slider-sec3 .jcarousel li {    width: 400px;    float: left;}
.slider-sec3 .jcarousel li > div{ padding:0 10px; text-align:center;}
.slider-sec3 .jcarousel li img{}
.slider-sec3 .jcarousel-control-prev, .slider-sec3 .jcarousel-control-next {  font-size:20px;    background:#fff; width:40px ; height:40px; border-radius: 40px; line-height: 34px;     text-align: center; color: #000; border:2px solid #000;}
.slider-sec3 .jcarousel-control-prev:hover, .slider-sec3 .jcarousel-control-next:hover {    background:#000; color: #fff; border: 3px solid #000; }
.slider-sec3 .jcarousel-control-prev{ position: absolute; left: 0; top: 50%; transform: translate(-100%,-50%);}
.slider-sec3 .jcarousel-control-next{ position: absolute; right: 0; top: 50%; transform: translate(100%,-50%);}
html[dir='rtl'] .slider-sec3 .jcarousel li { float:right}

.slider-sec4 {   position: relative;     padding-top:15px;}
.slider-sec4 > div{ position: relative;}
.slider-sec4 .jcarouselnew {    overflow: hidden;    width: 100%;    padding: 0; margin:10px 0 0;}
.slider-sec4 .jcarouselnew ul {    width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
.slider-sec4 .jcarouselnew li {    width: 400px;    float: left;}
.slider-sec4 .jcarouselnew li > div{ padding:0 10px;}
.slider-sec4 .jcarouselnew li img{ border-radius: 10px; border: 3px solid #BFBFBF; width: 100%;}
.slider-sec4 .jcarouselnew li .imgbox{ margin: 0 0 15px;}
.slider-sec4 .jcarouselnew-control-prev, .slider-sec4 .jcarouselnew-control-next {  font-size:20px;    background:#fff; width:40px ; height:40px; border-radius: 40px; line-height: 34px;     text-align: center; color: #000; border:2px solid #000;}
.slider-sec4 .jcarouselnew-control-prev:hover, .slider-sec4 .jcarouselnew-control-next:hover {    background:#000; color: #fff; border: 3px solid #000; }
.slider-sec4 .jcarouselnew-control-prev{ position: absolute; left: 0; top: 50%; transform: translate(-100%,-50%);}
.slider-sec4 .jcarouselnew-control-next{ position: absolute; right: 0; top: 50%; transform: translate(100%,-50%);}
html[dir='rtl'] .slider-sec4 .jcarouselnew li { float:right}
.button-sec{ text-align: center; clear: both; position: relative;}

html[dir='rtl'] .form-check-inline .form-check-input{ margin-right:0; margin-left: .3125rem;}
html[dir='rtl'] .form-check-input { margin-right:-1.25rem; margin-left:0;}
html[dir='rtl'] .form-check { padding-right: 1.25rem; padding-left:0;}


.about-sec > li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin:80px 0 0; color: #484848;}
.about-sec > li:nth-child(2n+1){ flex-direction: row-reverse;}
.about-sec > li > div{ width:48%;}
.about-sec h2{ display: inline-block; border-bottom:3px solid #58A7CE; margin-bottom: 20px; color: #2B3089;}
.items{ border: 1px solid #5193CF; text-align: center; margin-bottom: 15px; background: #fff;}
.items img{ width: 100%;}
.items .h5{ background: #5193CF;    color: #fff; margin-bottom: 0;    min-height: 70px;}
.items .heading-after{ background: #87BEF0;}

.social li{ display: inline-block;}
.social li a{ width:30px; height:30px; line-height: 30px; display: block; font-size: 22px; border-radius: 50px; text-align: center;}
.social li a.link1{ color: #0025A7;}

.profile-info img{ width: 100px; height: 100px; border-radius: 100%; float: left; border: 2px solid #5193CF; margin-right: 15px;}
.profile-info:hover img{ box-shadow:0 0 3px #5193CF;}
html[dir='rtl'] .profile-info img{ float: right; margin-left: 15px;  margin-right: 0;}

.tab-list{ display: flex; justify-content: end;}
.tab-list li a{background:#D8ECFF; color: #5193CF; border-radius:8px 8px 0 0; font-size: 20px; padding:15px 50px;}
.tab-list li a:hover, .tab-list li a.active{ background: #5193CF; color: #fff;}
.tab-pane{ padding:10px;}

.tab-holder{ position: absolute; left:20px; bottom:100%;}
.tab-list2{ display: flex; justify-content: start;}
.tab-list2 li a{background:none; color: #fff; border-radius:8px 8px 0 0; font-size: 20px; padding:15px 50px;}
.tab-list2 li a:hover, .tab-list2 li a.active{ background:#5193CF; color: #fff;}
.tab-pane2{ padding:10px;}


.button-sec-right .jcarousel-control-prev, .button-sec-right .jcarousel-control-next {  font-size:20px;    background:#fff; width:40px ; height:40px; border-radius: 40px; line-height: 34px;     text-align: center; color: #000; border:2px solid #000; margin: 0 5px;}
.button-sec-right .jcarousel-control-prev:hover, .button-sec-right .jcarousel-control-next:hover {    background:#000; color: #fff; border: 3px solid #000; margin: 0 5px; }

html[dir='rtl'] .button-sec-right .jcarousel li { float:right}

.button-sec-right{ text-align:right;}
html[dir='rtl']  .button-sec-right{ text-align:left;}
.mobile-view .slider-sec1{ padding-top: 5px;}

html[dir='rtl']  #calendar .alert{ left: auto; right: 2px;}
#calendar .alert{ padding:2px; font-size:12px; line-height:  14px; position: absolute; left: 2px; bottom: 2px; box-sizing: border-box; width:calc(100% - 4px);}
.fc-ltr .fc-basic-view .fc-day-number {    text-align: left;  }
html[dir='rtl'] .fc-ltr .fc-basic-view .fc-day-number {    text-align: right;  }
#calendar .alert.two-day{ width: calc(200% - 2px); z-index: 1;}
#calendar .alert.three-day{ width: calc(300% - 2px); z-index: 1;}
#calendar .alert.fore-day{ width: calc(400% - 2px); z-index: 1;}
#calendar .fc-basic-view td.fc-week-number span, #calendar .fc-basic-view td.fc-day-number{ color:#969696; font-size: 20px; padding: 5px;}
#calendar .fc-widget-content.fc-thu.fc-today{ box-shadow:-1px -1px 1px #969696;background: #fcf8e3;}
#calendar .fc-day{ position: relative;background: #fff;    box-shadow: 0 0 1px #969696;}
#calendar .fc-day-header{padding: 5px !important; color: #969696;}

.calendar-left{ border:1px solid #5193CF; float: left; border-radius: 6px; margin-bottom: 15px;}
.calendar-left > ul > li a.dropdown-toggle{ height: 48px; line-height: 48px; padding: 0 15px;}
.calendar-left > ul > li{ float: left;}
.calendar-left > ul > li+li{ border-left:1px solid #A9A9A9;}
.calendar-right{ border:1px solid #5193CF; float: right; border-radius: 6px; margin-bottom: 15px;}
.calendar-right ul li{ float: left; line-height:48px; padding:0 15px; color:#5193CF;}
.calendar-right form{ padding: 15px 0;}

.blue-box{ text-align: center;}
.blue-box *{ margin: 0;}
.blue-box .box-headning{ background: #5471B7; color:#fff; border-radius: 4px 4px 0 0; padding: 10px 0;}
.blue-box .box-headning h6{ padding-bottom: 5px;}
.blue-box .box-contect{ border-bottom: 1px solid #B1B1B1; border-left: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; background: #fff;}
.blue-box .box-contect ul{ padding: 0 10px;}
.blue-box .box-contect ul li:after{ content: ""; display: table; clear: both;}
.blue-box .box-contect ul li{ padding: 10px 0;}
.blue-box .box-contect ul li+li{ border-top: 1px solid #E3DDDD;}
.blue-box .box-contect ul li > div{ width:26%; float: left; padding-right: 4%; text-align: left;}
.blue-box .box-contect ul li > div+div{ width: 70%; float: right;padding-right: 0;}
.blue-box .box-footer{ background: #EEEEEE; border-radius: 0 0 4px 4px; padding:15px 0 20px;}
.blue-box .box-footer .d-flex{ align-items: center;}
.blue-box .box-footer .d-flex > div{ padding: 0 5px;}
.blue-box .box-footer h5{ color: #2B3089;}
.blue-box .box-footer h6{ color: #BEBEBF;text-decoration: line-through;}

.blue-contact{ background: url(../images/bg3.jpg) no-repeat 0 100% #002046;  color: #fff; border-radius: 6px; padding: 15px 5px; border-radius: 8px;}
.contact-info{ margin: 0; padding: 20px;}
.contact-info li{ font-size: 16px; line-height: 20px; padding-top: 20px;}
.contact-info li svg{ float: left; margin-right: 10px; font-size: 20px; line-height: 20px;}
html[dir='rtl']  .contact-info li svg{ float: right; margin-left: 10px;  margin-right: 0;}
html[dir='rtl'] .fc-row table{ direction: rtl;}

.left-sec{ border: 1px solid #BBBBBB; border-radius: 8px;margin-bottom: 20px;}
.left-sec h6{ font-weight: 700;}
.left-sec ul li p{ color:#5471B7; font-weight: 600; margin: 0 0 5px;}
.left-sec ul li a{ display: block;}
.left-sec .left-menu > li{ border-bottom: 1px solid #ABAAAA; position: relative; margin: 6px 0; padding: 5px 0;}
.left-sec .left-menu > li a{ display: block; font-size: 14px; color:#242A31; line-height: 20px; padding:8px;}
.left-sec .left-menu > li a:hover{ background: #193659; color: #fff; border-radius: 3px;}
.left-sec .left-menu > li p:after { float: right; margin-top: 9px; display: inline-block; margin-left: .255em; vertical-align: .255em;
        content: "";  border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0;  border-left: .3em solid transparent; }
html[dir='rtl'] .left-sec .left-menu > li p:after { float: left;}

.left-sec2{  border-radius: 8px; background: #BEE1F2; padding:1px;margin-bottom: 20px;}
.left-sec2 ul{ margin: 0;}
.left-sec2 ul li input[type="checkbox"]{ display: none;}

.left-sec2 ul li label{ font-size: 18px; font-weight: 500; color: #363636; display: block; padding-left: 30px; position: relative; background: url(../images/check1.svg) no-repeat 2px 2px; background-size:20px;}
.left-sec2 ul li input:checked+label{ background: url(../images/check2.svg) no-repeat 2px 2px;}
.left-sec2 ul li label span{ background: url(../images/arrow.svg) no-repeat 0 50%; font-size: 14px; display: block; clear: both; padding: 0 0 0 25px; color: #404040;}


html[dir='rtl'] .left-sec2 ul li label{  padding-left: 0;   padding-right: 30px; background:url(../images/check1.svg) no-repeat 100% 2px;}
html[dir='rtl'] .left-sec2 ul li input:checked+label{ background:url(../images/check2.svg) no-repeat 100% 2px;}
html[dir='rtl'] .left-sec2 ul li label span{ background: url(../images/arrow.svg) no-repeat 100% 50%;  padding: 0 25px 0 0;}
html[dir='rtl'] .left-sec2 ul ul li.lock {    background: url(../images/lock.svg) no-repeat 0 10px;  }

.left-sec2.mylearning-course ul li p{ color:#333}
.left-sec2 ul li p{ color:#5471B7; font-weight: 600; margin-bottom: 5px; padding: 0 10px 10px;}
.left-sec2 ul li a{ display: block; margin: 0 0 0 30px;}
.left-sec2 ul li ul{ background: #fff; padding:9px 5px 9px 15px; display: none;}
.left-sec2 ul li.active ul{ display: block;}
.left-sec2 ul ul li{ padding: 5px 0; margin: 0;}
.left-sec2 ul ul li+li{border-top:0}
.left-sec2 ul > li{ position: relative; padding:10px 0 0;}
.left-sec2 ul > li+li{ border-top: 1px solid #84b5cd;}
.left-sec2 ul > li a{ display: block; font-size: 14px; line-height: 20px; padding:3px;}
.left-sec2 .menuarrow:after { float: right; margin-right:10px; width: 18px; height:12px; display: inline-block;    content: "";  background:url(../images/up-down.svg) no-repeat 0 0; margin-top:10px}
html[dir='rtl'] .left-sec2 .menuarrow:after{ float: left;margin-left: 10px;margin-right: 0;}
html[dir='rtl'] .left-sec2 ul li ul{ padding:9px 15px 9px 5px;}
.left-sec2 ul li.active .menuarrow:after,
.left-sec2 .menuarrow.active:after{ transform: rotate(180deg);}
.left-sec2 ul ul li.lock{ background: url(../images/lock.svg) no-repeat 100% 10px;}
.left-sec2 ul ul li.date{ background: url(../images/date.png) no-repeat 100% 10px;}
html[dir='rtl'] .left-sec2 ul ul li.date{ background-position: 0 10px;}

.left-sec2 .menuarrow{ position: absolute; right: 0; top: 10px; left: 0; height: 30px;  cursor: pointer;}


.banner-right{background: url(../images/banner-inner.jpg) no-repeat 50% 50%; background-size:cover; color: #fff; padding:50px 20px; border-radius: 10px;}
.right-sec{ padding-left: 0;}
.top-banner{ color: #fff; background: url(../images/banner.jpg) no-repeat 50% 50%; background-size:cover; }
.top-banner2{ color: #fff; background: url(../images/banner-f.jpg) no-repeat 50% 50%; background-size:cover; }
.table-sm th{ font-weight: 400; color:#2B3089;}

.menuarrow{ position: absolute; right: 0; top: 5px; left: 0; height: 30px;  cursor: pointer;}
#my-slider{ border-radius: 6px;}
#my-slider .carousel-item{ padding-left:15%;padding-right:15%;}
#my-slider .carousel-control-prev span, #my-slider .carousel-control-next span{ filter:brightness(0%);}
table{ line-height: 20px;}
.imagebox{ text-align: left;}
html[dir='rtl']  .imagebox{ text-align: right;}
.cart-box{ position: relative; background: #fff; padding:8px; max-width:340px; margin: 0 auto;}
.cart-box .img-sec{ position: absolute; left: 0; right: 0; bottom: 100%; border: 1px solid #fff; border-radius: 6px 6px 0 0; overflow: hidden; display: block}
.cart-box .img-sec img{ width:100%;}
.cart-box .img-sec p{ background: #38673e; color: #fff; text-align: right; position: absolute; right: 0; bottom: 0; width: 100%; padding: 8px; margin: 0 ;}

.table-payment{ width: 100%; font-size: 18px; font-weight: 700;}
.table-payment tr:first-child th, .table-payment tr:first-child td{border-top: 0;}
.table-payment tr:last-child th, .table-payment tr:last-child td{border-top:1px dashed #D1D5DB;}
.table-payment th, .table-payment td{border-top: 1px solid #dee2e6; padding: 8px; vertical-align:top;}
.table-payment td { text-align: right; font-weight: 400;}


.form-check input+label{ width: 100%; display: block;}
.form-check input+label .payment-options{ display:none; background-color: #F5F5F5; border-radius: 6px; width: 100%; padding:6px;}
.form-check input:checked+label .payment-options{ display: block;}
.payment-options.card-op{ background-image: url(../images/payment.png); background-position:calc(100% - 10px) 10px; background-repeat: no-repeat; padding-top:25px!important;}
html[dir='rtl'] .payment-options.card-op{ background-position:10px 10px;}
.custom-file-input input{-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}

.active .notice-box{ display: block;}
.notice-box{ display: none; position: absolute; right: 0; top:100%; background: #F1F1F1; border-radius: 6px; margin-top: 8px; width:400px; padding: 0 0 10px; z-index: 9; color: #B9B9B9; box-shadow: 0 3px 5px #999;}
html[dir='rtl'] .notice-box{ right:auto;  left: 0;}
html[dir='rtl'] .notice-box ul li{ padding-right:56px; padding-left:0; background-position:100% 50%;}
html[dir='rtl'] .notice-box ul li:before, html[dir='rtl'] .notice-box ul li:before{ left: 10px; right: auto; }

.notice-box:before{ position: absolute;  display: inline-block; right:15px; bottom:100%;    margin-left: .255em;    vertical-align: .255em;    content: "";    border-bottom: .5em solid #F1F1F1;    border-right: .5em solid transparent;    border-top: 0;    border-left: .5em solid transparent;  }
html[dir='rtl'] .notice-box:before{ left:15px; right: auto;}
  .notice-box ul{ float: none; width: 100%;}
  .notice-box ul li{ padding:3px 0; padding-left:56px; float: none; margin:0 10px; background-image: url(../images/img-29.png); background-position:0 50%; background-repeat: no-repeat; cursor: pointer;}
  .notice-box ul li+li{  margin: 12px 10px 0;}
  .notice-box  h6{ margin: 0;}
  .notice-box p{ margin:6px 0 0; font-weight: 400;}
  .notice-box ul li.active, .notice-box ul li:hover{ color: #2A318B; background-image: url(../images/img-28.png);}
  .notice-box ul li.active:before, .notice-box ul li:hover:before{ position: absolute; right: 10px; background: url(../images/copy.png) no-repeat 0 0 #F1F1F1; content: "";top: 5px; width: 15px; height: 20px;}
  .notice-box ul li h6 { font-size:18px;}
  .notice-box > p a{ background: none!important; margin:5px 15px;}
  html[dir='rtl'] .custom-file-label{ text-align: left;}

  .white-optionbox{ padding: 15px; background: #fff; border-radius:4px;}
.right-info-hold{ position: relative; padding-right: 60px;}

.right-info-hold .right-info{ position: absolute; right: 0; top: -15px; bottom: -15px; width:40px; padding: 5px 0; background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.297) 100%);}
    html[dir='rtl'] .right-info-hold .right-info{ right: auto; left: 0;}

.right-info-hold .right-info:hover{  background: rgb(255,255,255);  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(10,192,255,0.29733891847754723) 100%);}
html[dir='rtl'] .right-info-hold .right-info:hover{   background: rgb(10,192,255);
    background: linear-gradient(90deg, rgba(10,192,255,0.29733891847754723) 0%, rgba(255,255,255,0) 100%); }

.modal-content .close{ text-align: right; padding: 0 5px;}
html[dir='rtl'] .modal-content .close{ text-align: left;}

.right-info-hold .btn-outline-dark{ border: 0;}
.right-info-hold .progress{ height: 6px;}
.progress-bar{ background: #2B3089;}
.btn-green{ border: 0; color: #4BB78A;}
.btn-green img {  width: 30px; border: 2px solid #4BB78A;  border-radius: 100px; margin: -5px 0 -5px -5px;  padding: 5px; height: 30px;  }
.btn-green:hover img { color: #000; border-color: #000; filter: brightness(0%);}
.view-one{ max-width: 830px; margin: 0 auto;}
.pagination-sec{ display: flex; flex-wrap: wrap; justify-content:space-between; color: #484848; font-size: 15px; line-height: 24px; width: 800px; max-width: 100%; margin:20px auto 30px; padding-top: 20px;}
.pagination-sec > div:nth-child(2){ color:#2B3089;}
.pagination-sec a{ color: #484848;}
.pagination-sec a:hover{ color:#2B3089;}

.view-two{ border: 30px solid #313639; border-top-width: 40px; position:relative; background: #fff; padding:30px 15px;}
.view-two:before{ position:absolute; content:""; width: 140px; height: 18px; background: url(../images/zoom.png) no-repeat 50% 50%; left:50%;
    top:-28px; transform: translate(-50%,0);}
.view-two > .title{ position:absolute; left:-20px; top:-30px; color: #fff; font-size: 14px; line-height: 20px;}
.view-two > .title svg{ margin-right: 5px;}
html[dir='rtl'] .view-two > .title{ left:auto;  right:-20px;}
html[dir='rtl'] .view-two > .title svg{ margin-left: 5px; margin-right: auto;}

.view-three{ max-width: 830px; margin:15px auto;}
.star-opt{ position: relative; width: 200px; font-size: 26px;}
.star-opt > div{ float: left; color:#F89521;}
html[dir='rtl'] .star-opt > div{ float:right;}
.comment-sec{ width:600px; max-width: 100%;}

.profile-box{ display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0 30px;}
.profile-box img{ margin-right: 10px; width: 70px; border-radius: 100px;}
.border-dis{ border:2px solid #979797; border-radius: 4px;}
.logo-sec{ background: #D9F2FF; padding: 15px 2%;}
/* .bg-banner{ background: url(../images/banner.jpg) no-repeat 50% 50%; padding: 30px; color: #fff;} */
.dates{ background: url(../images/date.png) no-repeat 100% 9px;}
.info-table{ width: 400px; max-width: 100%; margin: 0 auto; }
.info-table > div{display: flex;flex-wrap: wrap;justify-content: space-between; font-size: 20px; font-weight:500; padding: 14px 0 0;}
.info-table > div:last-child{ text-align: center; display: block; padding-top:60px;}



.rating {    display: inline-block;    position: relative;    height:34px;    line-height:34px;   }
.rating label {    position: absolute;    top: 0;    left: 0;    height: 100%;    cursor: pointer;  font-size:34px; margin: 0;  }
html[dir='rtl'] .rating label {  left: auto; right: 0;}
.rating label:last-child {    position: static;  }  
.rating label:nth-child(1) {    z-index: 5;  }  
.rating label:nth-child(2) {    z-index: 4;  }  
.rating label:nth-child(3) {    z-index: 3;  }  
.rating label:nth-child(4) {    z-index: 2;  }  
.rating label:nth-child(5) {    z-index: 1;  }  
.rating label input {    position: absolute;    top: 0;    left: 0;    opacity: 0;  }  
.rating label .icon {    float: left;    color: transparent;  }  
.rating label:last-child .icon {    color: #666;  }  
.rating:not(:hover) label input:checked ~ .icon,  .rating:hover label:hover input ~ .icon {    color: #F89521;  }
.rating label input:focus:not(:checked) ~ .icon:last-child {    color: #666;    text-shadow: 0 0 5px #09f;  }
.notice-sec{ margin: 40px 0 0;}
.notice-sec ul li{ font-size: 16px; line-height: 20px; margin: 10px 0 0; padding-left: 60px; display: flex;    flex-wrap: wrap;  align-items: center;min-height: 54px;position: relative;}
.notice-sec ul li img{ position: absolute; left: 0; top: 0;}
@media (min-width: 1200px){
.container{max-width: 1200px;}
}

@media only screen and (max-width: 1198px) {

.header-middle .search-sec {  width: 45%;}
.header-right ul li + li {  margin-left: 3px;}
.header-right ul li button {  padding: 10px 13px;}
.navbar-expand-lg .navbar-nav .nav-link{ padding-left: 6px; padding-right: 6px;}
.calendar-right ul li{ padding: 0 5px;}
.imagebox, html[dir='rtl'] .imagebox{ text-align: center;}
.imagebox img, html[dir='rtl'] .imagebox img{ display: block; margin: 0 auto 5px;}
}
@media only screen and (max-width: 990px) {
.header-middle ul li a{ padding:15px 10px;}
.header-middle, .header-right{ padding-top: 10px;}
.header-right { font:700 14px/18px 'Inter', sans-serif;}
.header-right > ul { margin: 0 -15px; }
.header-right ul li button {   padding: 10px 6px;  }


#profile-left{width: 240px;}
#profile-right{width: calc(100% - 240px);padding: 25px 15px;}
#profile-left ul li a {    font: 400 16px/20px 'Inter', sans-serif;}
.nav-bg .nav-link{ border-top: 1px solid #559EC1;}


.slider-sec3 .jcarousel-control-prev, .slider-sec3 .jcarousel-control-next, .slider-sec4 .jcarouselnew-control-prev, .slider-sec4 .jcarouselnew-control-next{ position:relative; left: auto; top: auto; transform: translate(0,0); display: inline-block; margin:5px;}
.slider-sec3, .slider-sec4{ text-align: center;}
.tab-list li a{ padding: 10px 30px;}
.calendar-right{ float: left;}
#my-slider .carousel-item{ padding-left:10%;padding-right:10%;}
.cart-box{ margin: 15px auto 0;     width: 320px; max-width: 100%;}
.cart-box .img-sec{ position: relative; bottom: auto; margin: 0 0 8px;}
.cart-box .img-sec img{ margin: 0 auto; display: block;}
}
@media only screen and (max-width: 1200px) {
header {    padding: 10px 0;  }
#options{ position:relative;}
#login-content > div > div{ padding:0; background-size:cover;}
.log-left, .log-right{ padding:30px 40px;}

h1{ font-size:36px;}
h2{ font-size:30px;}
h5{ font-size:22px;}
h6{ font-size:18px;}
#login-content > div > div:before{ background:none;}
.header-right > ul { float: none; margin: 0; display: flex;flex-wrap: wrap;justify-content: center;}
.profile-on #options {  display: block;  float: none;  position:relative;  right:auto;  bottom:auto;}

#profile-left, #profile-right{ width: auto; float: none;}
#profile-left{ border-radius: 6px; border: 1px solid #E7E7E7;display: block;  overflow: hidden;}
#profile-right{box-shadow: 0 1px 5px #ccc; border-radius:6px; margin-top: 30px;}
.about-sec > li{ display: block;margin:40px 0 0;}
.about-sec > li > div{ width: 100%; float: none;}
.tab-list li{ margin: 0 0 3px;}
.tab-list li a{ padding: 10px 20px;font-size: 16px;}
.mobile-view{ padding: 0 15px!important;}
.calendar-left > ul > li a.dropdown-toggle {  padding: 0 10px;  }
.right-sec{ padding-left:15px; margin-top: 15px;}
#my-slider .carousel-item{ padding-left:20px;padding-right:20px;}
.cart-icon{padding-left:2px;}
.notice-box {left: 0; right: auto; max-width: 90vw;}
.notice-box:before{left: 15px; right: auto;}
html[dir='rtl'] .notice-box {left: auto; right: 0;}
html[dir='rtl'] .notice-box:before{right: 15px; left: auto;}
html[dir='rtl'] .header-right ul li + li {margin-left:0; margin-right:3px;}
.right-info-hold{ padding-top: 4px;}
.right-info-hold { padding-right: 40px;  }
.right-info-hold .right-info{ width: 40px;}
.tab-list2 li a{ padding: 15px 20px;}
.view-two{ border:20px solid #313639; border-top-width: 40px;}
.view-two > .title { left:-10px;}
html[dir='rtl'] .view-two > .title{ left:auto;  right:-10px;}
.view-two:before{ position:absolute; content:""; width: 140px; height: 18px; background: url(../images/zoom.png) no-repeat 50% 50%; left:50%;
    top:-28px; transform: translate(-50%,0);  right: 0;}
.view-two:before{  left:auto; right:0; top:-28px; transform: translate(0,0);}
html[dir='rtl'] .view-two:before{  left:0; right:auto; top:-28px; transform: translate(0,0);}
.guest__view {
  width: 600px;
  max-width: 600px ;
}
}
@media only screen and (max-width: 450px) {
    h1{ font-size:32px;}
    h2{ font-size:28px;}
    .log-left, .log-right{ padding:30px 0;}
    .log-right > div, .log-left > div{ padding:0 15px;}
    .upload-sec { margin: 0 120px 0 0;}
    .upload-sec button.more-right { right:-120px;}
    #banner img{width: 200%; max-width: 200%; margin: 0 -50%;}
	.slider-sec1 .jcarousel li{ padding:0;}
	.slider-sec4 .jcarouselnew li > div { padding:0;}
	.accordion svg{ display:none!important}
    .upload-sec{ margin: 0;}
    .upload-sec button.more-right { right: auto; left: auto; margin: 15px 0 0; position: relative;}
    .tab-list{ display: block;}
    .tab-list li a{ display: block;}
    .items{ width: 260px;  margin: 0 auto;}
    .calendar-left > ul > li { width: 50%; }
    .calendar-left > ul > li+li+li{  border-top: 1px solid #A9A9A9;}
    .calendar-left > ul > li:nth-child(2n+1){ border-left: 0;}
    #my-slider .carousel-item{ padding-left:0;padding-right:0;}
    .header-right ul li.cart-icon{ position: static;}
.header-right ul{ position: relative;}
.tab-list2 li a{ padding: 10px;font-size: 18px;}
.admin-button-guest { display:none;}
.guest__view { width: 350px !important;}
}
@media only screen and (max-width: 420px) {
.header-right { padding-top:5px;}
.header-right ul li{ padding-top: 5px;}
}

.filterData {
    cursor: pointer;
}

.price__slider{
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
  }

  .price__slider .progress{
    height: 100%;
    left: 5%;
    right: 80%;
    position: absolute;
    border-radius: 5px;
    background: #17A2B8;
  }

  .price__range-input{
    position: relative;
  }
  .price__range-input input{
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  input[type="range"]::-webkit-slider-thumb{
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #17A2B8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
  }

  input[type="range"]::-moz-range-thumb{
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #17A2B8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
  }

  .learning__list__image{
    width: 340px !important;
    height: 240px !important;
  }

  .learning__image__show {
    max-height: 240px;
  }

  .faculty__photo__image {
    height: 250px;
  }

  .faculty__image_size{
    width: 225px;
    height: 224px;
  }

  .mada_img {
    width: 80px;
    height: 40px
  }

  .number__field {
    -webkit-appearance: none;
    margin: 0;

    /* Firefox */
    -moz-appearance: textfield;
  }

  .payment__header {
    font-size: 2rem;
  } 

  .claim__button {
    width: 280px;
  }

  .bundle__success__img{
    width: 200px;
    height: 100px;
  }

  .bundle__success__container {
    width: 60%;
    min-width:  350px;
  }

  .grid__type__2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    gap: 5px 10px;
  }

  .grid__3__columns {
    display: grid;
    grid-template-columns: 1fr 1fr 120px;
    gap: 5px 10px;
    grid-template-areas: "a b c";
  }

  .grid-A {
    grid-area: a;
  }
  .grid-B {
    grid-area: b;
  }
  .grid-C {
    grid-area: c;
  }

  .grid__3__columns img {
    width: 100%;
    height: 100%;
    max-height: 115px;
  }

  @media only screen and (max-width: 420px) {
    .grid__3__columns {
      grid-template-areas:
        "a a a a"
        "b b b c";
    }

    .grid__3__columns img {
      max-height: 150px;
    }
  }

  .checkout_btn {
    width: 200px;
    padding: 5px 20px;
  }

.my__certificate__img {
	max-height: 200px;
  width: auto;
  height: auto;
}

.learning__img__container img{
  width: 100%;
  max-width: 200px;
  height: auto;
  max-height: 200px;
}

.bg-progress {
  background-color: #F2994A;
}

.text-completed {
  color : #4BB78A;
}
.text-expired {
  color : #D02F44;
}

.learning_activity__status_div{
  text-align: left;
  width: 200px;
}

.px-50 {
  padding-inline: 50px;
}

.pe-none {
  pointer-events: none;
}

.grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  grid-gap: 10px;
}

.grid  .grid__partner__img {
  width: 300px;
  height: 200px;
}
.saled__price {
  font-size: 1.50rem;
}

.is_saled_price {
  position: relative;
  font-size: 1rem;
}
.is_saled_price:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  color: rgb(219, 32, 32);
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.checked__success::after {
  content: '✔';
  color: #3aa206;
  z-index: 10;
  font-size: 1.5rem;
  position: absolute;
  bottom: 0px;
  left: -2px;
}

#content {
  min-height: 500px;
}

.flex-image-wrapper {
    height: 200px;
    display: flex;
    background: #fff;
    padding: 10px;
    width: 200px;
}

.flex-image-item {
    align-content: center;
}

.flex-image-item img {
    height: auto!important;
}