@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
/* @import url("../../../../../../use.fontawesome.com/releases/v5.13.0/css/all.css"); */
  body{font-size:14px; font-family:'Poppins',sans-serif;font-weight:400;padding:0px; margin:0px;display: flex; min-height: 100vh; flex-direction: column;color:#8D8E8E;line-height:1.8;}
.font-roboto{font-family:'Poppins',sans-serif; font-weight:400;}
.font-gothic{font-family:'Poppins',sans-serif; font-weight:400;}
html body{overflow-x:hidden;}
.site-content{flex: 1;}
table, tr, td, h1, h2, h3, h4, h5, h6, div, span, a, ol, ul, li, p, form, input {padding:0px; margin: 0px; text-decoration:none;outline:none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:400;}
ul li{list-style:none !important;}
a{transition:0.5s;}
img{max-width:100%;}
a{color:#015FAD;}
a:hover { color:#000;}
a:hover,a:focus{text-decoration:none;outline:none !important}
a, a:hover, .btn, .btn:hover {
   -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.banner-caption-inner img{width:200px;max-width:100%;}
.map-section iframe{max-width: 100%;}
input:focus,textarea:focus,button:focus{outline:none !important}
input:focus,textarea:focus{border:none}
.font-poppins{font-family:'Poppins',sans-serif;}
.fweightlight{font-weight:300;}
.fweightregular{font-weight:400;}
.fweightmedbold{font-weight:500;}
.fweightsemibold{font-weight:600;}
.fweightbold{font-weight:bold;}
.font-italic{font-style: italic;}
.font-heading-color{color:#3B4148;}
.lineh18{line-height:1.8!important;}
/* Global */
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:26px}
h4{font-size:20px}
h5{font-size:16px}
h6{font-size:14px}
.page-item .page-link:focus{outline: 0; box-shadow: none;} 
.sec-big-heading{font-size:46px;line-height:1.2;}
.sec-mid-heading{font-size:34px;line-height:1.2;}
.sec-heading{font-size:30px;line-height:1.3;}
.heading1{font-size:36px;line-height:1.4;}
.heading2{font-size:32px}
.heading3{font-size:26px}
.heading4{font-size:20px;line-height:1.4;}
.heading5{font-size:16px}
.heading6{font-size:14px;line-height:1.5;}
.size18{font-size:18px;line-height:1.6;}
.size17{font-size:17px;line-height:1.6;}
.size20{font-size:20px}
.size22{font-size:22px;line-height:1.4;}
.size28{font-size:28px}
.size30{font-size:30px}
.size15{font-size:15px}
.size16{font-size:16px;line-height:1.6;}
.size14{font-size:14px;line-height: 1.6}
.size12{font-size:12px}
.lineh6{line-height:1.6}
.lineh-2{line-height:2;}
.text-space1{letter-spacing:0.08em;}
.w100{width:100%;}
.radius0{border-radius:0!important;}
.radius50{border-radius:50%!important;}
.border-tb{border-top:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;}
.cursor-pointer{cursor:pointer}
/* inline CSS*/
.inline-ul li{display: inline}
.inlineb{display:inline-block;}
.vmid{vertical-align:middle;}
.vtop{vertical-align:top;}
.caption-text-para p{font-size:24px;}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
p {
    margin-bottom: 10px;
}
.content-space-sec p {
    margin-bottom: 25px;
    font-size: 15px;
    font-weight: 200px !important;
}
/* Common Classes */
.main-container{width:100%;position: relative}
.alert-error, .alert-success, .alert-info {
  border-radius: 2px;
  padding: 4px 20px;
  font-size: 13px;
  color: #fff;
  margin-bottom: 30px;
  margin-bottom: 2px;
}
.alert-error {
  background: #ee5253;
}
.alert-success {
  background: #02fb87;
}

.btn.focus, .btn:focus, button:active {
  outline: 0;
  box-shadow:none!important;
  outline-offset: 0px;
  border-style:unset;
}
label.error {
  color: #ff0000;
  font-size: 14px;
  text-align: left;
  float:left;clear:both;width:100%;
}

/* Paddings and Margins */
.section-padding{padding:60px 0px;position: relative;}
.small-padding{padding:50px 0px}
.large-padding{padding:100px 0px}
.padding-tp0{padding-top:0px}
  /* Paddings */

.pd140{padding:140px 0px}
.pd100{padding:100px 0px}
.pd90{padding:90px 0px}
.pd0x30{padding:0px 30px;}
.pd60{padding:60px 0px}
.pd50{padding:50px 0px}
.pd40{padding:40px 0px}
.pd30{padding:30px 0px}
.pd20{padding:20px 0px}

.pd0{padding:0px !important;}
.pb0{padding-bottom:0px !important;}
.pt0{padding-top:0px !important;}
.pb30{padding-bottom: 30px !important}

/* Margins */
.ml10{margin-left:10px!important;}
.mr10{margin-right:10px!important;} 
.mr20{margin-right:20px!important;} 
.mrauto{margin:auto !important;}
.mr0x5{margin:0px 5px !important;}
.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt20{margin-top:20px !important;}
.mt10{margin-top:10px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb35{margin-bottom:35px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}

.mcolor1{color:#77de51}
.mcolor2{color:#feb71d}
.mcolor3{color:#58c9e9}
.mcolor4{color:#ff6a6d}
.radius-round-btn{border-radius:5rem;}
.radius5{border-radius:5px;overflow: hidden;}
.radius5:after{border-radius:5px!important;}
.radius10{border-radius:10px;}
.radius10:after{border-radius:10px!important;}
.white-bg-sec{background:#fff;border-radius:18px;}
.font-blue{color:#2073D4!important;}
.font-navyblue{color:#124279!important;}
.font-pink{color:#2073D4;}
.font-orange{color:#2073D4;}
.font-white{color:#fff;}
.font-gray{color:#a0a0a0;}
.font-black{color:#333;}
.font-d-gray{color:#666666;}
.light-yellow-bg{background:#fffcf5;}
.light-gray-bg{background:#fff}
.pink-bg{background:#2073D4;}
.blue-bg{background-color:#D6EDF6}
.grad-bg{background-color:#dae4e6;}
.white-bg{background:#fff;}
.light-gray-sm-bg { background: #f9f9f9;}
.gray-bg{background:#f1f1f1}
.pitch-bg{background:#FFF2E8;}
.yellow-bg{background:#FCF4CF;}
.orange-bg{background:#13426b;}
.border-btm{border-bottom:solid 1px #ddd;}
.yellow-gradiunt{background-image:linear-gradient(to left,#14261a 0%,#fed889 100%);background-color:#fed889;background:#fed889;background-image: linear-gradient(to right,#14261a,#fed889);}
.relative{position:relative;}

.home-banner .banner-caption-inner{color: #07172a;}
img.img-fit{object-fit:cover;height:100%;width:100%;transition:.5s;-webkit-transition:.5s}
.scrolltop{display:none;position:fixed;bottom:15px;right:15px;width:42px;height:42px;border-radius:50%;background:#2073D4;color:#fff;text-align:center;font-size:24px;padding:0}
.scrolltop:hover,.scrolltop:active,.scrolltop:focus{color:#fff!important;opacity:.75}
.custom-checkbox2 input[type='checkbox'],.custom-radio input[type='checkbox']{display:none}
.custom-checkbox2 input[type='checkbox']:checked + label span:before,.custom-radio input[type='checkbox']:checked + label span:before,.custom-checkbox2 .form-group input[type='checkbox']:checked + p.label span:before,.form-group .custom-checkbox2 input[type='checkbox']:checked + p.label span:before,.custom-radio .form-group input[type='checkbox']:checked + p.label span:before,.form-group .custom-radio input[type='checkbox']:checked + p.label span:before{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.custom-checkbox2 label,.custom-radio label,.custom-checkbox2 .form-group p.label,.form-group .custom-checkbox2 p.label,.custom-radio .form-group p.label,.form-group .custom-radio p.label{font-size:15px;font-weight:400;margin:0;line-height:36px;cursor:pointer;text-transform:none}
.custom-checkbox2 label span.circle,.custom-radio label span.circle,.custom-checkbox2 .form-group p.label span.circle,.form-group .custom-checkbox2 p.label span.circle,.custom-radio .form-group p.label span.circle,.form-group .custom-radio p.label span.circle{height:20px;margin-right:12px;vertical-align:middle;width:20px;background:#fff;display:inline-block;border:1px solid #2073D4;-webkit-border-radius:50%;border-radius:50%;position:relative;}
.custom-checkbox2 label span.circle:before,.custom-radio label span.circle:before,.custom-checkbox2 .form-group p.label span.circle:before,.form-group .custom-checkbox2 p.label span.circle:before,.custom-radio .form-group p.label span.circle:before,.form-group .custom-radio p.label span.circle:before{content:'\f00c';font-family:'FontAwesome',sans-serif;position:absolute;height:10px;width:10px;text-align:center;font-size:12px;bottom:-4px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;left:-4px;opacity:0;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-border-radius:50%;border-radius:50%;background:#2073D4;color:#fff;line-height:20px}
.custom-radio input[type='radio']{display:none}
.custom-radio input[type='radio']:checked + label span:before,.custom-radio .form-group input[type='radio']:checked + p.label span:before,.form-group .custom-radio input[type='radio']:checked + p.label span:before{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.custom-radio label span.circle:before,.custom-radio .form-group p.label span.circle:before,.form-group .custom-radio p.label span.circle:before{content: "";
    background: #2073D4;
    border: 0px solid #2073D4;
    padding: 0;
    left: 4px;
    top: 4px;}
.custom-radio.custom_radio--big span.circle{height:30px;width:30px;border-width:5px}
.custom-radio.custom_radio--big span.circle:before{width:30px;height:30px;font-size:16px;line-height:30px;border-width:5px}
.radio-group .label{display:block;text-align:left}
.radio-group .custom-radio{display:inline-block}
.radio-group .custom-radio + .custom-radio{margin-left:30px}
.custom_checkbox{position:relative;}
.custom_checkbox input[type='checkbox']{display:none}
.custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox,.custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox,.form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox{border:transparent}
.custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox:before,.custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox:before,.form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox:before{visibility:visible}
.custom_checkbox label,.custom_checkbox .form-group p.label,.form-group .custom_checkbox p.label{margin-bottom:0}
.custom_checkbox label .label_text,.custom_checkbox .form-group p.label .label_text,.form-group .custom_checkbox p.label .label_text{font-weight:400;color:#555;display:inline-block;vertical-align:middle;margin-left:11px}
.custom_checkbox label .shadow_checkbox,.custom_checkbox .form-group p.label .shadow_checkbox,.form-group .custom_checkbox p.label .shadow_checkbox{height:18px;width:18px;top:0;border:1px solid #d3d3d3;display:inline-block;vertical-align:middle;position:relative;-webkit-border-radius:2px;border-radius:2px}
.custom_checkbox label .shadow_checkbox:before,.custom_checkbox .form-group p.label .shadow_checkbox:before,.form-group .custom_checkbox p.label .shadow_checkbox:before{position:absolute;height:100%;width:100%;top:0;content:'\f00c';font-size:12px;visibility:hidden;text-align:center;color:#fff;line-height:18px;font-family: 'Font Awesome 5 Free'; font-weight: 900;background:#2073D4;-webkit-border-radius:2px;border-radius:2px}
.custom_checkbox input[type='radio']{display:none}
.custom_checkbox input[type='radio']:checked + label .shadow_checkbox,.custom_checkbox .form-group input[type='radio']:checked + p.label .shadow_checkbox,.form-group .custom_checkbox input[type='radio']:checked + p.label .shadow_checkbox{border:transparent}
.custom_checkbox input[type='radio']:checked + label .shadow_checkbox:before,.custom_checkbox .form-group input[type='radio']:checked + p.label .shadow_checkbox:before,.form-group .custom_checkbox input[type='radio']:checked + p.label .shadow_checkbox:before{visibility:visible}
.custom_checkbox label,.custom_checkbox .form-group p.label,.form-group .custom_checkbox p.label{margin-bottom:0}
.custom_checkbox label .label_text,.custom_checkbox .form-group p.label .label_text,.form-group .custom_checkbox p.label .label_text{font-weight:400;line-height: 1.6;cursor: pointer;color:#555;display:inline-block;vertical-align:middle;margin-left:8px}
.custom_checkbox label .shadow_checkbox,.custom_checkbox .form-group p.label .shadow_checkbox,.form-group .custom_checkbox p.label .shadow_checkbox{height:18px;width:18px;top:0;border:1px solid #d3d3d3;display:inline-block;vertical-align:middle;position:relative;-webkit-border-radius:4px;border-radius:4px}
.custom_checkbox label .shadow_checkbox:before,.custom_checkbox .form-group p.label .shadow_checkbox:before,.form-group .custom_checkbox p.label .shadow_checkbox:before{position:absolute;height:100%;width:100%;top:0;content:'\f00c';font-size:12px;visibility:hidden;text-align:center;color:#2073D4;line-height:18px;font-family: 'Font Awesome 5 Free'; font-weight: 900;background:none;-webkit-border-radius:4px;border-radius:4px;border-radius: 4px;
    border: solid 1px #2073D4;}

/* style select-box */
.select2-container{width:100%!important;max-width:440px;}
.select2-dropdown{top:0px;}
.btn-default { color: #fff; font-weight: 400; background-color: #000 !important;text-shadow: none; border-color: transparent;}
.btn-default:hover { color: #fff;  background-color: #faaf16 !important; border-color: transparent;}
select.select_trans {width:100% !important;background-color: transparent !important;left:0;border:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select.select_trans::-ms-expand { /* for IE 11 */ display: none;}
.select2-container--default .select2-selection--single {  background: #fff; height: 41px!important; text-align: left; border: 1px solid rgba(206, 212, 218, 0.52); border-radius: .25rem;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#282828;line-height:41px;font-size: 0.75rem;padding-left:.75rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 50%;margin-top: -20px;right:15px;}
.bootstrap-select .dropdown-toggle .caret{display:none}
.bootstrap-select>.dropdown-toggle{background:transparent;color:inherit;border:none;padding:0}
.bootstrap-select .dropdown-toggle:focus{outline:none!important;background:transparent;color:inherit;border:none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none;display:inline-block;font-family: 'Font Awesome 5 Free';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{content:"\f078";color: #282828;position: absolute;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border:none}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{content:"\f077"}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#2073D4;color:#fff}
.select2-dropdown{border:none;background: #fcfcfc;}
/* Image Block */
.img-wrap{overflow:hidden;display:block;}
.img-wrap:after{content:"";clear:both;display:table}
.img-wrap.fill img{width:100%;display: block}
.img-wrap.full img{width:100%;max-width:100%;display: block;}
.img-wrap img{max-width:100%;display:inline-block;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.img-wrap.scale{background:#000}
.img-wrap.scale:hover img{opacity:.8;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1) ;-o-transform:scale(1.1)}
.img-wrap.left{text-align:left}
.img-wrap.center{text-align:center}
.img-wrap.right{text-align:right}
/* List Styles */
.circle-list {position: relative}
.circle-list li{list-style: none; color: #fff; font-weight:300; line-height:22px;padding-left:25px;margin-bottom:15px;min-height:18px;position: relative}
.circle-list li:before {content: "";position: absolute;top:0px;left:0px;height:15px;width:15px;border-radius:50%;border:1px solid #fff;}
.owl-nav>.owl-prev,.owl-nav>.owl-next{border:solid 1px #fff!important;background:none;color:#fff!important;bottom:50%;position:absolute;border-radius:50%;width:52px;height:52px;padding:5px 0;text-align:center;margin-bottom:-26px;opacity:.8;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.owl-nav>.owl-prev:hover,.owl-nav>.owl-next:hover{opacity:1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.owl-prev{left:-5%;}
.owl-next{right:-5%;}
.owl-prev>i, .owl-next>i { display: inline-flex;font-size: 36px;color: #2073D4;align-items: center;height: 100%;width: 100%;justify-content: center;}
.owl-carousel .owl-dots{bottom:-50px; display:flex;justify-content:center;text-align:center;position: absolute; left: 0; right: 0;}
.owl-carousel .owl-dots .owl-dot{width:28px;height:17px;background:#fff;margin:0 5px;border-radius:80px;}

.owl-carousel .owl-dots .owl-dot.active{background:#fff;width:66px;height:17px;}

/* Btns */
.btn{font-family:'gothic',sans-serif;display:inline-block;line-height:1;position:relative;overflow:hidden;padding:10px 20px;border:1px solid transparent;font-size:16px;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;letter-spacing: 0.05rem;}
.btn.upper{text-transform: uppercase}
.btn.btn-radial{border-radius:50px;}
.btn.bold{font-weight:600}
.btn:hover{border-color:#fff}
.radius50{border-radius:50px;}

/*Btn Sizes*/
.btn.btn-sm{padding:12px 16px;font-size: 0.80rem;}
.btn.btn-xs{padding:8px 16px;font-size: 0.7rem;}
.btn.btn-md {padding:18px 35px; font-size: 0.85rem;}
.btn.btn-lg-sm{padding:12px 50px;}
.btn.btn-lg{padding:14px 50px;}
.btn.btn-padding2 { padding: 24px 30px 20px;}

/* Btn Colors*/
.shadow{box-shadow:0 7px 19px rgba(0,0,0,0.16);}
.lightshadow{box-shadow:0 15px 36px rgba(0,0,0,0.10);}
.text-shadow{text-shadow:0 0px 1px rgba(0,0,0,0.16);}
.btn.btn-black{background:#262626;border:1px solid #262626;color:#fff}
.btn.btn-black:hover{background:#262626;border:1px solid #333;color:#fff}

.btn.btn-blue{background:#2073D4;border:1px solid #2073D4;color:#fff}
.btn.btn-blue:hover{background: #0044cd;border: 1px solid #0044cd;color: #fff;}



.btn.btn-orange{background:#13426b;border:1px solid #13426b;color:#fff}
.btn.btn-orange:hover{background: #E15747;border: 1px solid #E15747;color: #fff;}

.btn.btn-pink{background:#F51A47;border:1px solid #F51A47;color:#fff}
.btn.btn-pink:hover{background: #F51A47;border: 1px solid #F51A47;color: #fff;}
.btn.btn-yellow{background:#FFCD06;border:1px solid #FFCD06;color:#fff}
.btn.btn-yellow:hover{background: #FFCD06;border: 1px solid #FFCD06;color: #fff;}

.btn.btn-orange.btn-orange-light{background:#2073D4;border:1px solid #2073D4;color:#fff}
.btn.btn-transparent{background:transparent;border:1px solid #404c43;color:#575d63}
.btn.btn-transparent:hover{background:#2073D4;border:1px solid #2073D4;color:#fff}

.btn.btn-white {background: #fff; border: 1px solid #fff;  color: #2073D4; } 
.btn.btn-white:hover {background: #2073D4;border: 1px solid #FFF;color: #fff; }

.btn.btn-blue {background: #17406f; border: 1px solid #17406f;  color: #fff; } 
.btn.btn-blue:hover {background: #2073D4;border: 1px solid #FFF;color: #fff; }

/* Btn Bordered*/

.btn.btn-black.btn-bordered{background:transparent;border:1px solid #262626;color:#262626}
.btn.btn-black.btn-bordered:hover{background:#262626;border:1px solid #2073D4;color:#fff}
.btn.btn-blue.btn-bordered{background:transparent;border:1px solid #2073D4;color:#2073D4}
.btn.btn-blue.btn-bordered:hover{background:#2073D4;border:1px solid #2073D4;color:#fff}

.btn.btn-blue.btn-bordered.green-btn{background:transparent;border:1px solid #4CAF50;color:#4CAF50}
.btn.btn-blue.btn-bordered.green-btn:hover{background:#4CAF50;border:1px solid #4CAF50;color:#fff}

.btn.btn-blue.btn-bordered.closed-job{background: #fbb9b9 !important;
    border: 1px solid #fb6f6f;
    color: #ca2828;
    cursor: not-allowed;}
.btn.btn-blue.btn-bordered.closed-job:hover{background: #fbb9b9 !important;
    border: 1px solid #fb6f6f;
    color: #ca2828;}

.btn.btn-orange.btn-bordered{background:transparent;border:1px solid #2073D4;color:#2073D4}
.btn.btn-orange.btn-bordered:hover{background:#2073D4;border:1px solid #2073D4;color:#fff}

.btn.btn-transparent.btn-bordered{background:transparent;border:1px solid #707070;color:#3B4148}
.btn.btn-transparent.btn-bordered:hover{background:#2073D4;border:1px solid #2073D4;color:#fff}
.btn.btn-pink.btn-bordered{background:transparent;border:1px solid #2073D4;color:#2073D4}
.btn.btn-pink.btn-bordered:hover{background:#FF0057;border:1px solid #FF0057;color:#fff}

.btn.btn-white.bordered {background: transparent;border: 1px solid #fff;color: #fff; }
.btn.btn-white.bordered:hover {background:#2073D4;border: 1px solid #2073D4;color: #fff; }

.btn-input{overflow:hidden}
.btn-input .ajax-loader{position:absolute;visibility:visible;opacity:1;display:block;z-index:1;right:10px;top:10px;}
.btn-input .submit-input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;visibility:visible;}

.btn.btn-pink-bg.btn-bordered{background:rgba(255,0,87,0.09);border:1px solid #2073D4;color:#2073D4}
.btn.btn-pink-bg.btn-bordered:hover{background:#FF0057;border:1px solid #FF0057;color:#fff}
input.form-control::placeholder{ color: #495057;}

.btn-link { color: #2073D4;}
.btn-animation{background: none!important;}
.btn-animation{position:relative;}
.btn-animation:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.btn-animation:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background:#2073D4;
}
.btn-animation.green-btn:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background:#4CAF50;
}
.btn-animation.closed-job:after {
  display: none;
}
.btn-animation:hover{color: #fff;text-decoration:none;z-index:1;}
.btn-animation:hover>svg, .btn-animation:hover>svg>line{fill:#fff;stroke:#fff;}
.btn-animation:hover>svg path{stroke:#fff;}

.btn-animation:hover:after{width: 100%;}


.btn-animation-bg{position:relative;overflow: hidden;}
.btn-animation-bg:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.btn-animation-bg:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0.25rem;
    background:#13426b;
    border:solid 1px #2073D4!important;
}
.btn-animation-bg:hover{color: #fff;text-decoration:none;z-index:1; border:solid 1px #FFF!important;}

.btn-animation-bg.btn-orange:after {
   
    background:#FFF;
    border:solid 1px #2073D4!important;
}
.btn-animation-bg.btn-orange:hover{color: #2073D4; border:solid 1px #FFF!important;}

.btn-animation-bg.btn-white:after {
   
    background:#13426b;
    border:solid 1px #FFF!important;
}
.btn-animation-bg.btn-white:hover{color: #FFF; border:solid 1px #13426b!important;}

.btn-animation-bg:hover:after{width: 100%;}
/* .form-control {
    display: block;
    width: 100%;
    padding: .75rem .75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #3B4148;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(36, 139, 222, 0.40);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border: solid 1px #80bdff;
    outline: 0;
   box-shadow: none;
}

.cover-image{background-size:cover;}
.panel1 {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff;
	background: none;
	box-shadow: none;
}
.panel1:last-child {
	border-bottom: none;
}
.panel-group1>.panel1:first-child .panel-heading1 {
	border-radius: 4px 4px 0 0;
}
.panel-group1 .panel1 {
	border-radius: 0;
}
.panel-body1 {
	padding: 10px;
}
.panel-title1 {
	font-size: 14px;
	margin-bottom:0;
}
.panel-group1 .panel1+.panel1 {
	margin-top: 0;
}
.panel-heading1 {
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #015FAD;
    color: #605e7e;
    padding: 0;
}
.panel.panel-default{overflow: hidden;}
.panel-group1 .panel-body{
	border-top:1px solid #e8ebf3;
}
.panel-title1 a {
	display: block;
	padding: 15px;
	position: relative;
	font-size: 16px;
	font-weight:600;
}
.panel-title1 a.collapsed {
	color: #2073D4;
}
.panel-body {
    background: #fff;
    border-radius: 4px;
     padding:1rem 0;
   
}
.panel1:last-child .panel-body1 {
	border-radius: 0 0 4px 4px;
}
.panel1:last-child .panel-heading1 {
	border-radius: 0 0 4px 4px;
	transition: border-radius 0.3s linear 0.2s;
}
.panel1:last-child .panel-heading1.active {
	border-radius: 0;
	transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */


.panel-heading1 a:before{
	content: "\f077";
	position: absolute;
    font-family:'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;
	right: 10px;
	top: 12px;
	font-size: 14px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: solid 1px #2073D4;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	transition: all 0.5s;
	transform: scale(1);
}
.panel-heading1 a.collapsed:before{
	content: "\f078";
	position: absolute;
    font-family:'Font Awesome 5 Free' !important;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;
	right: 10px;
	top: 12px;
	font-size: 14px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: solid 1px #2073D4;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	transition: all 0.5s;
	transform: scale(1);
}


/*-------Accordion-----------*/
/* ====================================
			index Page Start
   ==================================== */
/* Header */
.navbar-nav{margin-left: 21%;}
.header{font-family: 'Poppins',sans-serif;background:#fff;position:absolute;left:0px;top:0px;width:100%;z-index: 999;padding:0px;height:86px;}
.header .btn{font-family: 'Poppins',sans-serif;}
.header .user-navigation{width:auto;padding: 0;}
.header .user-navigation{flex:0 1 auto;margin-top:35px;position: absolute; right: 0;}
.header .user-navigation .navbar-items .link{font-size:16px;text-transform:uppercase}
.header .user-navigation .navbar-items .link i{margin-right:5px;}
.header .navbar{flex:1 1 auto}
.header .navbar{border-radius:0px;border:none;min-height:auto;padding:0px;}
.header .navbar.navbar-dark .navbar-brand {background:none;border-radius:0;padding:.3125rem;width:250px;position:relative;margin-top:0px;}
.header .navbar .navbar-brand img{max-width:100%;width: 215px;}
.navbar-brand{padding: 0 !important;}
.header.is-sticky .header .navbar .navbar-brand img{ margin-bottom: -32px !important;}
.header .navbar-collapse{padding:0px;padding-top:0px; padding-bottom:0px;}
.header .navbar{align-items:start;}
.header .navbar-nav>li{position:relative;}
.header .navbar-nav>li+li{margin-left:20px !important}
.navbar-items ul li { padding:0 10px;}
.navbar-items ul li+li{border-left: solid 1px #c8c8c8;}
.header .navbar-nav>li.dropdown{padding-right:27px;}
.header .navbar-nav>li.dropdown:after{content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    border-top: 6px solid #848686;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    right: 0px;}
.header .navbar-nav>li>a{position:relative;line-height:1;padding:10px 0;font-size:18px;color:#3B4148;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.header .navbar-nav>li:last-child a{font-weight: 600}
.header .navbar-nav>li>ul>li{list-style:none;width:100%;display:inline-block;vertical-align: top;padding: 10px 1rem;}
.header .navbar-nav>li>ul>li .bl-dropdown-menu>ul>li{padding:2px 0;white-space: normal;}
.header .navbar-nav>li>ul>li .bl-dropdown-menu ul li a, .header .navbar-nav>li>ul>li a{font-size:1rem;}
.header .navbar-nav>li>ul>li .bl-dropdown-menu>ul>li>a:hover{color:#000;}
.header .navbar-nav>li>ul>li>a{color:#3B4148;}
.header .navbar-nav>li>a:hover,.header .navbar-nav>li.active>a{color:#2073D4;}
.header.is-sticky .navbar-nav>li>a:hover,.header.is-sticky .navbar-nav>li.active>a,.without-banner .header .navbar-nav>li>a:hover,.without-banner .header.is-sticky .navbar-nav>li.active>a{color:#2073D4;}
.bl-dropdown-heading>a { font-size: 1rem!important;font-weight: bold;white-space: normal;}
.header .user-navigation .navbar-items .link{color:#3e4b42;font-size:18px;}
.header .user-navigation .navbar-items .link:hover{box-shadow: 0px 4px 11px #ae425be0;}
.login-section>ul>li{display:inline-block;margin-left:5px;margin-top:5px;}
.cart-section>ul>li {
    display: inline-block;
    margin-left: 20px;
    margin-top: 14px;
    font-size: 18px;
 }
.cart-section>ul>li>a{color: #3B4148;}
.cart-section>ul>li>a:hover{color:#2073D4}
.cart-section>ul>li>a>i{height:28px;}
.header .login-section .btn {min-width: 108px;}
.contact-detail{position:absolute;top:0;right:0;padding:10px;}
.contact-detail li{position:relative;}
.contact-detail li a{color:#2c2108;font-size:18px;margin: 0 10px;}
.contact-detail i{display:inline-block;vertical-align:middle;margin-right:5px}
.contact-detail li a:hover{color:#fff;}
.contact-detail li+li:before{content:"";position:absolute;height:100%;left:-3px;background:#838383;width:1px;top:2px;}
.header .user-navigation .navbar-items .link{background: #2073D4 0% 0% no-repeat padding-box;box-shadow: 0px 4px 11px #EC819AE0;border-radius: 25px;color:#fff;padding: 1rem 2rem;}
.dropdown-item{padding:0.5rem .5rem}

.select-wrapper {
    background: #fff;
    border-right: solid 0px #7070705e;
    border-radius: 0 0 0 15px;
   padding: 0 1rem;
}
.weddingSearchModal .select-wrapper{ padding: 0;}
.banner-caption .breadcrumb {
    display: inline-flex;
}
.search__field .field-wrapper .btn {
    border-radius:4px;
    padding: 10px 3rem;
    height:54px;
}
.title-h6{font-size:18px;color:#FF0057;}
.pop-searches .content a{color:#fff;padding:20px 1rem}
.pop-searches .content a:hover{color:#FF0057}
.d-tbl{display:table-cell;white-space: nowrap;vertical-align: middle}


/* ============================================================ */
                    /* course landing */
/* ============================================================ */
.course-list{position: relative;background: #f5f4f8;padding: 100px 0px;background-image: url('https://demos.codexcoder.com/labartisan/html/edukon/assets/images/shape-img/01.jpg');}
.course-list .heading-block{padding-top: 100px;}
.course-list:after{content: "";clear: both;display: table;}
.course-list .card{border-radius: 10px;margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(3,0,71,.09);}
.course-list .card .star-rating i{color: #ffaa46;}
.course-list .card .text-warning{color: #ffaa46 !important;}
.heading-block .ttl {
    font-weight: 600;
    line-height: 1.4;
    color: #17406f;
    font-size: 32px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 30px;
  }
  .course-list .card .card-body{min-height: 184px;}
  .course-list .card .card-body h4,.course-list .card .card-body a{line-height: 1.3;}

  .course-list .owl-nav > .owl-prev,  
  .course-list .owl-nav > .owl-next {border: solid 1px #d8d8d8 !important;
    color: #000 !important;
    background-color: #fff !important;}
    .course-list .owl-nav > .owl-prev:hover, .course-list .owl-nav > .owl-next:hover {
        background: #f5f4f8 !important;
      }
  .course-list .owl-nav > .owl-prev span,
  .course-list .owl-nav > .owl-next span{font-size: 28px;}


  .landing-banner{height: auto !important;}

  #register-form {
    border: 1px solid #ddd;
    padding: 15px 20px;
    /* margin: 50px 0px; */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
  }

  .upload-container {
    background-color: #ffffff;
    padding: 20px 40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.upload-container h2 {
    color: #333333;
    margin-bottom: 20px;
}
.file-input {
    display: none;
}
.file-label {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #007bff;
    border-radius: 5px;
    color: #007bff;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
  justify-content: center;
}
.file-label:hover {
    background-color: #007bff;
    color: #ffffff;
}

.image-preview {
    margin-top: 20px;
    display: none;
}
.image-preview img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);max-height: 200px;
    margin: auto;
    display: flex;justify-content: center;
}


.step-sec.step1 .ttl{text-align: center;
    font-size: 22px;
    font-weight: 600;margin-bottom: 0;
    background: #fc00c7;
    background-image: none;
    background-clip: border-box;
  background-image: none;
  background-clip: border-box;
  background-image: none;
  background-clip: border-box;
  background-image: -moz-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
  background-image: -webkit-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
  background-image: linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  }
    .step-sec.step1 .sub-ttl{text-align: center;font-weight: 600;margin-bottom: 20px;color: #17406f;line-height: 22px;font-size: 15px;}
    .step-sec.step1 .form-group label {font-weight: 500;color: #17406f;font-size: 14px;margin-bottom: 5px;}
    .step-sec.step1 .form-group .form-control{font-size: 14px;height: 44px;}

    /* Step 2 */
    .step-sec .txt-info{margin-bottom: 10px;border: 1px solid #ddf0ff; box-shadow: 0 0px 10px rgba(140, 200, 239,0.3);padding: 10px; border-radius: 10px;}
    .step-sec .txt-info .head h2 {text-align: center;font-weight: 600;font-size: 16px;margin-bottom: 10px;color: #17406f;}
    .step-sec .txt-info .body p{font-size: 15px;margin-bottom: 0px;line-height: 24px;}
    .step-sec.step3 .txt-info .body .title{font-weight: 600;color: #17406f;font-size: 16px;
      padding: 10px 0px;
      text-align: center;}
    .step-sec.step3 .txt-info .body p{min-height: 151px;color: #212529;font-size: 14px;}

   .congratulations-sec  label {font-weight: 500;
      color: #17406f;
      font-size: 14px;
      margin-bottom: 5px;}
    

    .step-sec .txt-info:hover {
      background-color: #fff8f8;
    }
    
    .step-sec .radio-input {
      display: none
  }
  
  .step-sec .radio-input:checked + label .txt-info {
    background-color: #fff8f8;
  border-color: #e52c9f;color: #6b6b6b;
  }

 .step_course tr td, .step_course tr td span a h6{color: #17406f;
    line-height: 1.5;
    font-size: 15px;}
    .step_course tr td span a{ line-height: 24px;
      font-size: 15px;}
  

    
    /* ./Step 2 */

    /* Step 3 */
    .step-sec .bit-programs .heading .main--ttl{font-weight: 600;font-size: 22px;margin-bottom: 20px; background: #fc00c7;background-image: none;background-clip: border-box;background-image: none;background-clip: border-box;background-image: none;background-clip: border-box;background-image: -moz-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);background-image: -webkit-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);background-image: linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
    .step-sec .bit-programs a{text-decoration: underline;font-size: 14px;color: #2942c4;}
    .step-sec .bit-programs p{margin-bottom: 8px;line-height: 24px;font-size: 15px;color: #212529;}
    .step-sec .bit-programs ul li{color: #212529;}
    .step-sec .bit-programs p b{font-weight: 600;color: #c81925}
    .step-sec .program-ulli p b{font-weight: 600;color: #000}
   #StepModal .modal-body .buttons{display: flex;justify-content: space-between;}
   .step-sec .bit-programs p .font-weight-bold{font-weight: 600 !important;font-size: 14px;}
   #coursedescription-data p, #coursedescription-data span{line-height: 24px;}
   
   /* .step-sec.step3{height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;} */
    .paypal-button-row.paypal-button-number-1.paypal-button-layout-vertical.paypal-button-number-multiple.paypal-button-env-sandbox.paypal-button-color-black.paypal-button-text-color-white.paypal-logo-color-white.paypal-button-shape-rect {
      display: none;
    }

    .step_course h5{font-size: 20px;
      font-weight: 570px;
      line-height: 1.2;
      text-align: center;
      padding: 10px;
      background: #fc00c7;
      background-image: none;
      background-clip: border-box;
    background-image: none;
    background-clip: border-box;
    background-image: none;
    background-clip: border-box;
    background-image: -moz-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
    background-image: -webkit-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
    background-image: linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}
    .step_course table tr{height: 50px;}

   .step_course-sec .text-block p{color: #212529;
      line-height: 24px;
      font-size: 15px;
      width: 70%;
      max-width: 100%;
      margin: auto;font-weight: 500;}

      .step_course-sec .body{min-height: 520px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;}

       #StepModal .head .sub-ttl{font-weight: 600;
          color: #17406f;}
         .step_course-sec .head h6{font-weight: 700;
            color: #000;
            line-height: 24px;text-transform: uppercase;}

          .congratulations-sec * {
            color: #212529;
            line-height: 24px;
            font-size: 15px;
        }

        .congratulations-sec h2 {
          text-align: center;
          font-size: 28px;
          line-height: 1.2;
          font-weight: 700;
          margin-bottom: 0;
          background: #fc00c7;
          background-image: -moz-linear-gradient(135deg, #fc00c7 0%, #ac198d 54%, #00baff 100%);
          background-image: -webkit-linear-gradient(135deg, #fc00c7 0%, #ac198d 54%, #00baff 100%);
          background-image: linear-gradient(135deg, #fc00c7 0%, #ac198d 54%, #00baff 100%);
          -webkit-background-clip: text;
          -moz-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          margin-bottom: 10px;
      }

    .congratulations-sec  h6.promo_code {
        text-align: center;
        border: 1px solid #c2129d;
        width: 40%;
        max-width: 100%;
        margin: 20px auto;
        padding: 10px;
        border-style: dashed;
        font-weight: 600;
        color: #c4129e;
    }
    .congratulations-sec .body > h6 {
      color: #c1139c !important;
      margin-bottom: 10px;
  }
   .congratulations-sec .body h6 {
      font-weight: 600;
  }
  .congratulations-sec .body p a{    font-weight: bolder;}
/* ============================================================ */

                    /* ./course landing */
/* ============================================================ */


.step-block .step h2.ttl{text-align: center;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0;
  background: #fc00c7;
  background-image: -moz-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
  background-image: -webkit-linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
  background-image: linear-gradient(135deg, #fc00c7 0%,#ac198d 54%,#00baff 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;margin-bottom: 5px;}


  .program-code-sec .head .ttl {
    -webkit-text-fill-color: inherit !important;
    color: #2942c4;
    font-weight: 600 !important;
    font-size: 20px !important;
  }
  .program-code-sec #pro-code{-webkit-text-fill-color: inherit;
    color: #bf2139;
    font-weight: 600;
    font-size: 20px !important;}

 .step-block .step_course .ttl{margin-bottom: 40px !important;}
 /* .step-sec.step3 .ttl {
  margin-bottom: 30px !important;
} */
.bit-programs.programs_details .nav.nav-tabs .nav-link {
  background: #f1f1f1;
  color: #000;
  text-decoration: none;
}
.bit-programs.programs_details .nav-tabs .nav-link{border-color: #7a7a7a #7a7a7a #fff;}
.bit-programs.programs_details .nav.nav-tabs .nav-link.active{background: transparent;font-weight: 600;color: #2942c4;}
.step-sec.step3 .head{margin-bottom: 20px;}
.step-sec.step3 .head h6{font-weight: 700;
  color: #17406f;}
  .tab-content .conyec-bt-tab{
    border-right: 2px dashed #dee2e6;
  }
  .program-code-sec p {
    text-align: center;font-size: 15px !important;color: #212529 !important;
  }
  .program-code-sec > .head > .ttl,
  .program-code-sec > .head > .ttl span,
  .program-code-sec > .prog-body .ttl
  {
    font-size: 20px !important;
  }
.discount-dataall .font-bold{font-size: 20px;
  font-weight: 600;
  color: #2942c4;}

  .step-sec .bit-programs p .font-weight-bold{font-weight: inherit !important;}

  .program-ulli .email-txt{color: #2942c4;}
  .prog-body{margin: 50px 0px;}

  .prog-body .text-info p{
    text-align: center;
    line-height: 1.2;font-size: 16px;
  }
  .prog-body .text-info .dark-txt {
    text-align: center;
    line-height: 1.2;color: #000;font-size: 22px;font-weight: 600;
  }
  .program-ulli a {
    font-weight: 600;
  }
  .prog-body .text-info {
    margin-bottom: 50px;
  }
  
  .expire-date {text-align: center;margin-top: 50px;}
  .expire-date .ttl{color: #000;font-weight: 500;font-size: 18px;}
  .expire-date .date{color: #2942c4;font-weight: 600;font-size: 20px;text-decoration: underline;}

  .select-prog{min-height: 600px;}
  .select-prog .sub-ttl{font-weight: 600;
    color: #17406f;}
    
    .select-prog form{margin-top: 100px;box-shadow: 0 0 10px rgb(238, 238, 238);
      padding: 20px;border-radius: 5px;}
    .select-prog form label{font-weight: 600;
      color: #343a40;}
      .select-prog form .txt{margin-top: 50px;text-align: center;}
      .select-prog form .txt p{color: #000;}



      @media (min-width: 768px) {
        #courseRecommendations > .col-md-4.d-flex{-ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;}
            #courseRecommendations > .col-md-4.d-flex  .body .title{font-size: 12px}
            #courseRecommendations > .col-md-4.d-flex  .body p{font-size: 12px;text-align: justify}
          
        }


@media screen and (max-width:992px){  
    .is-sticky.header .navbar-brand{width: 130px;}




}


@media screen and (min-width:992px){  
.header{position:relative;z-index:999;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear; font-weight:400;} 
.is-sticky.header, .without-banner .header{position:fixed;z-index:999;height:70px;background: #fff;box-shadow:0 10px 20px rgba(0,0,0,0.3);-moz-transition:all .5s ease;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;}
.navigation-tab { max-width: 1600px;}
.is-sticky.header .navigation-tab{margin:0 auto;}
.header .header-navigation{margin-top:10px}
.header .navbar-brand img {
   -moz-transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear
}
.header .navbar.navbar-dark,.is-sticky.header .navbar.navbar-dark, .without-banner .header .navbar.navbar-dark{-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.is-sticky.header .navbar-brand {
    width: 190px;
}
/*.is-sticky.header .navbar-nav>li{padding-top:18px;padding-bottom:18px;}*/
.is-sticky.header .navbar-brand img, .without-banner .header .navbar-brand img{-moz-transition:all .75s linear;-webkit-transition:all .75s linear;-ms-transition:all .75s linear;-o-transition:all .75s linear
}
.is-sticky.header .navbar-nav li.dropdown:hover > .navbar-menu{top:30px;}

.is-sticky.header .navbar-nav li.dropdown li.dropdown:hover > .navbar-menu{top:18px !important;}
.without-banner main.site-content {
  padding-top: 115px;
}

.course-list .owl-carousel .owl-item img{min-height: 220px;
  object-fit: cover;}
/*.navbar-nav li{padding-top:35px;padding-bottom:32px;}*/
.navbar-nav li.dropdown .navbar-menu {
    text-transform: capitalize;
    display: block;
    visibility: hidden;
    opacity:0;
    background: #2173d3;
    top:150px;
    border: none;
    padding: 0;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    border-radius: 4px;
    width: 236px;
    height:0;
    left: 0;
    position: absolute;
   
}


.navbar .navbar-brand{max-width:226px; margin-right: 3px; /*! margin-left: -28px; */}
.navbar-nav>li.dropdown:hover>.navbar-menu{visibility:visible;opacity:1;height:auto;}
.navbar-nav>li.dropdown>.navbar-menu>li>a{padding:10px 15px;font-size:16px;letter-spacing:1px;font-weight:400;color: #fff;
    display: block;
    width: 100%;position:relative;}
.navbar-nav>li.dropdown>.navbar-menu>li>a:hover, .navbar-nav>li.dropdown>.navbar-menu>li>.navbar-menu>li>a:hover{background:#7fcff1;color:#fff;/*width: calc(100% + 4px);*/}
.navbar-nav .menu-item svg { margin-top: -4px;}
.header .navbar-nav>li>ul>li{padding:0;}
.navbar-nav>li.dropdown>.navbar-menu>li>a:hover:before, .navbar-nav>li.dropdown.active>.navbar-menu>li.active a:before {
    
    z-index: -1;
    -moz-transition: all .9s linear;
    -webkit-transition: all .9s linear;
    -ms-transition: all .9s linear;
    -o-transition: all .9s linear;
}
.navbar-menu>li>a:focus, .navbar-menu>li>a:hover, .navbar-menu>li.active>a {
    color: #fff;
    text-decoration: none;
    background-color: #480204;
}


}
.header-contact li {
    display: inline-block;
    color: #fff;
    margin-right: 15px;
}
.header-contact li a{color:#fff;display: flex;align-items: center;}
.header-contact li a:hover{text-decoration: underline}
.header-contact li a>img{margin-right:5px;}
.header li .contact-nav i {
    margin-right: 5px;
}
.header-top {
    padding: 20px 0 12px;
    border-bottom: solid 1px #ffffff5e;
}
.header .navbar-collapse {
    margin-top: 0;
}
.header-right li {
  display:inline-block;margin-left:10px;
}
.header-right li a{color:#fff;display: inline-flex; align-items: center;}
.header-right li a img{margin-right:5px;}
.header-right .select2-container--default .select2-selection--single{height:22px!important}
.header-right .select2-container--default .select2-selection--single{background:none;border:none!important;line-height: 22px;}
.header-right .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 22px;
    font-size: 14px;
}
.header-right .select2-container--default .select2-selection--single{border:0!important}
.search__field .select2-container--default .select2-selection--single {background:#f5f5f5;border-bottom: 1px solid #c9c9c9!important;border:solid 1px #e6e6e6!important; border-radius:5px!important;height:54px!important;text-align:left;}
.search__field .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 54px;
   font-size:14px;
 }
 
.select2-results__option {
    padding: 5px 6px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 12px;
}
.header-right li .select2-container--default .select2-selection--single .select2-selection__arrow{right:1px;}
.header-right li .select2-container--default .select2-selection--single .select2-selection__arrow b:before{color:#fff;font-size:10px;}
/* Banner */
.btn.home-view-btn {
    min-width: 210px;
}
.btn.big-btn-view-btn {
    min-width: 260px;
}
.common-banner{background-size:cover;height:350px;background-position: center top;}
.home-banner {
    background-size: cover;
    background-position: inherit !important;
  height: calc(100vh - 86px);
      /*min-height: 480px;
    max-height: 850px;
    height:542px;*/
}
.banner-height{height:100%;}
.vcenter-sec{height:100%;}

.banner-caption .banner-heading{font-size:40px;line-height:1.2;margin-bottom:15px;}
.banner-heading-small{font-size:22px;line-height:1.5;font-weight:300;}
.banner-caption .banner-btn-block{margin-top:65px;}
.search__field {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
}

.top-searches{margin-top:60px;}
.top-searches .item{font-size:14px;}
.banner-small-heading-sec{padding:0;}

/* ==================================================
  Footer Styling
  ================================================== */
/*footer start*/
.footer{margin-top:0px}
.footer ul li a {
    color: inherit !important;
  }
  .newsletter-sec .es-field-wrap > label > input{border: 1px solid #3B4148;}
.footer-banner{background-color:#FCFCFC;padding-top:50px;position:relative;overflow: hidden;padding-bottom:0px;
    font-family: 'Poppins',sans-serif;font-weight:300;
}

.footer-banner .footer-banner-content{padding:30px 10px;}
.footer p, .footer_nav, .footer-contact-detail{font-size:11pt; color:#3B4148;}
.footer a:hover{color:#2073D4;}
.footer_bottom { color: #c2c2c2; font-size:10pt; padding: 10px 0;}
.footer_bottom ul li{float:left;padding:0;}
.footer_nav ul li .add-sec {
    display: inline-block;
    width: 74%;
    vertical-align: top;
    line-height: 1.6;
}
.footer-btm p{font-size:10pt;}
.footer_bottom a:hover{text-decoration: underline;}
.footer-news{padding:100px 0 0px;}
.subs-sec{width:100%;}
.subs-sec i{position:absolute;left:12px;top:16px;font-size:16px;color:#e09529;}
.input_subs::placeholder{color:#ddd;font-size:12pt;}
.input_subs {font-size:12pt;width: 75%!important;line-height:1 !important;background:#fff;border: none!important;height: 46px!important;color: #4E4E4E!important;box-shadow: none!important;padding:0!important;padding-left:10px !important;padding-right:20px !important;}
.newsletter-sec .input-group {
    border-bottom: 1px solid #848484;
}
.social.social_bottom_link li a{display: flex;align-items: center;}
.newsletter-sec input.form-control{background:none;border: none; padding: 0;}
.newsletter-sec input.form-control:focus{box-shadow:none;}
.newsletter-sec .btn-link{font-size: 14px; padding: 8px 0;color:#2073D4}
.newsletter-sec .btn-link:focus{box-shadow:none;border:none;text-decoration: none;}
.btn-subs{background:#2073D4;border-color:#2073D4;border:none;font-size:12pt;text-transform:uppercase;position:absolute;right:0;top:0;height:46px;min-width:126px;color:#fff;line-height:14px;z-index:1;cursor:pointer;}
.btn-subs:hover{color:#fff;background:#FF0057}
.social_footer_link{width: 100%;margin: 18px 0 30px 0;}
.social_bottom_link li{padding:0 2px;display:inline-block;padding:2px;display:inline-block;background:#3B4148;border:0px solid #2073D4;border-radius:50%;margin-right:7px;transition:all .4s linear}
  .social_bottom_link li:hover{background:#2073D4;}
.social_bottom_link li a{display:inline-block; border-radius:100%; background:transparent;width:30px;height:30px;text-align:center;padding:6px 5px;transition:all .4s linear}
.social_bottom_link li a i{color:#fff;font-size:16px;}
.social_bottom_link li:hover i{color:#fff;}
p.copyright{margin:0}
.footer_top{color:#3B4148;}
.footer_nav ul{list-style:none;}
.footer_nav ul li{line-height:1.1;padding:0;margin-bottom:15px;text-align:left}
.footer_nav ul li a{display: inline-flex;
    align-items: center;
    justify-content: center;}
.footer-top-nav a:hover{color:#fff}
footer-about-dtl{line-height:1.5;position:relative}
.footer-about-dtl>span{padding-right:10px;display:inline-block;vertical-align:top}
.address-sec-foot{width:90%}
.footer .footer-contact-detail{padding-left:20px}
.footer-about-dtl .icon-sec:before{content:'\f041';position:absolute;top:-4px;left:-20px;font-family:'fontawesome';color:#2073D4;font-size:20px}
.footer-over-sec{padding:0 6%}
.address-sec-foot{font-size:15pt}
.footer-about-dtl .sec-contact{line-height:2}
footer a{color:#3B4148}
.footer-privacy-link ul{display:flex;width:100%;justify-content: flex-end;}
.footer-privacy-link ul li{list-style:none;}
.footer-privacy-link ul li a{ color:#3B4148;padding:0 10px;}

/* Extra CSS Add in footer section */
.footer .footer_top .ft-left .ft-head .bottom-line{border-bottom: 1px solid #E0DEDE; margin-bottom: 15px}
.footer .footer_top .ft-left .ft-head .ttl{line-height: 1.2;margin-bottom: 10px;font-weight: 600;font-family: '';color: #4a4a4a;margin-bottom: 15px;}

.footer .footer_top .ft-left .footer-menu{padding-bottom:5px;}
.footer .footer_top .ft-left .footer-menu ul li+li{margin-left: 10px}
.footer .footer_top .ft-left .footer-menu ul li a{font-family: '';font-weight: 600;color: #0F1111;line-height: 1;font-size: 16px;}

/*footer end*/

.achieve-sec .font-blue{font-size: 24px;
    line-height: 33.6px;display: block;}
    .heading1.font-gothic.font-heading-color.fweightbold .font-red{font-size:18px;color:red;line-height: 25.2px;}
.course-listing-sec .size15{font-size: 15px;
    line-height: 28px;}

.custom_dropdown.navbar-menu{padding: 20px 10px;}
.dropdown-toggle:after{content:none}
/*.navbar-menu{animation-name:slidenavAnimation;animation-duration:.3s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-name:slidenavAnimation;-webkit-animation-duration:.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:slidenavAnimation;-moz-animation-duration:.3s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards}
@keyframes slidenavAnimation {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes slidenavAnimation {
from{opacity:0}
to{opacity:1}
}*/
.custom_dropdown{padding:19px 30px;min-width:271px;-webkit-box-shadow:0 5px 40px rgba(82,85,90,0.2);box-shadow:0 5px 40px rgba(82,85,90,0.2);border:0;border-top:1px solid #2073D4;-webkit-border-radius:0;border-radius:0;position:absolute;top:100%!important}
.custom_dropdown:before{content:'';position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #2073D4;bottom:100%}
.custom_dropdown li a{font-size:15px;line-height:32px;display:block;color:#747b86}
.custom_dropdown li a span{padding-right:10px}
.custom_dropdown li a:hover{color:#000}
.custom_dropdown.custom_drop2 li a span{float:right;padding-right:0}





@media (min-width: 1200px){
.container.small-container {
    max-width:1040px;
}
}
@media (min-width:1400px){
	body{font-size:15px;}
	.container.large-container {
    max-width: 1360px;
}
	.container.small-container {
    max-width: 1140px;
}
}

/*home page start*/
.welcome-sec:before{content:"";position: absolute;top:0;left:20%;width:80px;height:40px;background:#F97F7F;border-radius:0 0 40px 40px;}
.welcome-sec:after{content:"";position: absolute;bottom:0;right:20%;width:293px;height:120px;background:url(../images/blue-dot-shape.png) no-repeat;background-size:100% auto;}

.learn2-sec.welcome-sec:before {
    content: "";
    position: absolute;
    top:auto;
    bottom: 0;
    left:auto;
    right: 10%;
    width: 385px;
    height: 164px;
    background: url(../images/red-dot-shape.png) no-repeat center top;
}
.learn2-sec.welcome-sec:after{display:none;}
.both-radius-45{border-radius:45px 0 45px 0}
.inner-padding{padding:0 3rem;}
.img-block-learn {
    overflow: hidden;
    height: 500px;
    width: 100%;
}
.img-block-learn>img{width:100%;height:100%;object-fit:cover;object-position: top;}
.elips-sec:before{position:absolute;content:"";border-radius:50%;width:40px;height:40px;background:rgba(0,204,255,0.22);top:-20px;left:3rem;}
.elips-sec:after {
    position: absolute;
    content: "";
   width: 120px;
    height: 138px;
    background: url(../../../../../index.html) no-repeat right bottom;
    bottom: -32px;
    right: 1rem;
    z-index: 123;
}
.search__field .select-wrapper {
  
    display: table;
}

.search__field .select2-container {
    width: 16rem!important;
    max-width: 440px;
    margin-left: 1rem;
}

.field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{right:6px;}
.icon-circle-outer{background:#2073D4;border-radius:50%;width:125px;height:125px;padding:10px;}
.icon-circle-inner{width:100%;height:100%;border:solid 1px #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.half-trans-banner {
    background-position: left center;
    min-height: 540px;
    background-size: 60rem auto;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.small-circle-inner-pg{width:90px;height:90px;}
.small-circle-inner-pg .icon-circle-inner{border:none;}
.small-width{width:80%;}
.box-shadow-block{background:#fff;box-shadow:0px 3px 5px rgba(0,0,0,0.13);border-radius: 5px;
    overflow: hidden;}
.box-content{padding:30px 3rem;}
.star-bl-sec .rating-stars {
    margin-top:5px; margin-bottom:5px;
    display:flex;
}
.star-bl-sec .rating-stars .rating-stars-container{margin-right: 5px;
    display: flex;
    color: #F3CF1C;}

  
.star-bl-sec .rating-stars input {
    display: inline-block;
    line-height: 1;
    border: none;
   vertical-align: middle;
}
.register-form-home{background:#fff;}
.form-sec-home{padding:40px 2rem;border-radius:10px;}
.input-listing-sec-var li{position:relative;list-style:none;padding-bottom:25px;}
.input-listing-sec-var li .heading-bt{padding-left:22px;}
.input-listing-sec-var li:before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border:solid 2px #2073D4;border-radius:50%;}
.input-listing-sec-var li .disc-listing{padding-left:22px;padding-top:8px;}
.footer-contact-icon-sec{background:#fff;border:solid 1px rgba(1, 95, 173, 0.28);width:35px;height:35px;border-radius:50%;padding:6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;margin-right:10px;}
    .footer-contact-icon-sec i {
        color: #13426b;
        height: 100%;
        width: 100%;
        display: inline-block;
        padding: 2px 1px;
        text-align: center;
        vertical-align: middle;
    }
    .footer-contact-icon-sec i svg {
        height: 18px;
    }
    .privacy-links ul{float:right;}
    .privacy-links ul li{display:inline-block;margin-left:20px;}
    .blue-shap-contact{position: relative;background-image:linear-gradient(to right,#5a53ea 0%,#2aacff 100%);padding:45px 60px 40px; border-radius: 10px;}
    .blue-shap-contact:before{background:url(../../../../../index.html) no-repeat;background-size:cover;content:"";position:absolute;top:0;left:0;width:100%;height:100%;}
  .blue-shap-contact .left-pnl>p{line-height:2;}
  .testi-heading:before{content:"";background:url(../../../../../index.html) no-repeat;position:absolute;z-index:-1;top:-5px;left:0;right:0;width:146px;height:104px;margin:0 auto}
  .space-word-1{letter-spacing: 0.5rem;}
  .user-social ul{display:flex;}
  .user-social ul li{margin-right: 10px;list-style: none;margin-top: 5px;}
  .owl-carousel .owl-item .quote-icon>img{width:auto;}
  .owl-carousel .owl-item .user-img>img{background-color:#707070;border:solid 1px #707070;border-radius:50%;width:54px;height:54px;object-fit:cover;}
  
.testi-sec .fa-dribbble{color:#eb568f;}
.testi-sec .fa-twitter{color:#03a9f4;}
.testi-sec .fa-facebook-f{color:#2a40e5;}
.icon-about-block{padding:30px;}
.how-work-lim{padding:50px 30px;height:100%;}
.product-bg-sec{background:#fff;border:solid 1px rgba(112,112,112,0.21);border-radius:6px;padding:20px;}
.product-bg-sec .img-block-how{height:190px;display:flex;justify-content:center;align-items:center;padding:30px 20px 40px}
.test-sec:before{content:"";position: absolute;bottom:0;left:16%;width:178px;height:90px;background:url(../images/red-dot-shape.png) no-repeat left bottom;}
.border-left-st{position: relative;padding-left:90px;}
.border-left-st:before{content:"";position:absolute;width:80px;height:1px;background:#13426b;left:0;top:50%;margin-top:-1px;}
.student-pic{width:110px;height:110px;max-width:100%;overflow: hidden;}
.student-pic>img{width:100%;height:100%;object-fit:cover;object-position:top;}
.border-sec{border:solid 1px rgba(255,255,255,0.25);}
.why-content{padding:2rem;height:100%;}

.course-listing-sec .pic-sec {
 background: #fff;
padding: 15px;
 box-shadow:none;
 margin:20px 10px 18px;
 height:100%;
 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
 cursor: pointer;
 transition: all 1s ease;
}
.course-listing-sec .pic-sec:hover{ background: #ccc;} 

.course-listing-sec .caption-text-below {

    padding: 30px 20px 7px;

    box-shadow: none;
      

}
.course-listing-sec .pic-sec:hover{background: #545252;
    color: #fff;}
 .course-listing-sec .pic-sec:hover .font-heading-color{color: #fff;}
  .course-listing-sec .pic-sec:hover .btn.btn-blue.btn-bordered{    border: 1px solid #fff;
    color: #fff;}

.course-listing-sec .pic-sec-top{position:relative;}

.course-listing-sec .pic-buy-now-sec{ position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;


    margin: auto;

    opacity: 0;

    z-index: 1;

    background:rgba(0,0,0,0.5);

    display:flex;align-items:center;

    justify-content:center;

    cursor:pointer;

}

.course-listing-sec .buy-now-btn {

   border-radius: 4px;

  }

.course-listing-sec .pic-sec-top:hover .pic-buy-now-sec{opacity:1;}

.pic-sec-top .img-wrap img {

   
    width: 100%;

    height: 100%;

    object-fit: cover;

}

.pic-sec-top .img-wrap {

    height: 220px;

    overflow: hidden;

}
.btn.tag-sec {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 123;
   min-width:100px;
   font-family:'Roboto',sans-serif; font-weight:400;
   padding: 10px 16px 8px;
}
.full-course-img{width:100%;height:180px;overflow: hidden;}
.course-listing-sec ul.nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: 0;
}
.course-listing-sec ul.nav-tabs>li{position:relative;padding:0 1.2rem;}
.course-listing-sec ul.nav-tabs>li>a.nav-link{padding:0 5px;color: #3B4148;border:0;border-bottom:solid 4px #FFF;}
.course-listing-sec ul.nav-tabs>li>a.nav-link:focus, .course-listing-sec ul.nav-tabs>li>a.nav-link:hover{border:0;border-bottom:solid 4px #2073D4;}
.course-listing-sec ul.nav-tabs>li>a.nav-link.active{position:relative;border:0;border-bottom:solid 4px #2073D4;}
.course-listing-sec ul.nav-tabs>li>a.nav-link.active:before{position:absolute;content:"";bottom:-12px; width:6px;height:8px;
   
    border-top: 8px solid #2073D4;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 0px;left:0;margin:0 auto;}
 /*signup page start*/ 
 .sign-box-caption{max-width:1000px;margin:0 auto;}  
 .sign-box-left,.sign-box-form{width:40%;justify-content:center;padding:3rem 3rem 3rem 0;display:inline-flex;flex-direction:column}
 .sign-box-left{padding:1rem;width:60%;min-height:600px;}
 .sign-box-left a.btn-link{color:#550B03}
 .sign-banner {
   
     background-image:linear-gradient(to bottom,#015FAD 0%,#00CCFF 100%);background-color:#015FAD;
    background-size: cover;
    height:100%;
    background-position: center top;
    min-height:80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.sign-box-form .btn{min-width:245px;}
.social-login .social-btn i {
    position: absolute;
    left: 0;
    top:0;
    width:40px;height:100%;display:flex;align-items: center;justify-content: center;padding: 2px;
}
.sign-box-form .social-login .social-btn {
    padding: 2px;
    height: 42px;
    align-items: center;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    font-size:16px;font-weight:500;font-family: 'Poppins',sans-serif;
}
.sign-box-form .form-label{color:#8D6965;font-size:16px;margin-bottom: 0;}
.banner-caption.sign-box-caption .banner-caption-inner{border-radius:20px;overflow: hidden;}
/*contact page start*/
.conatct-pg-sec ul li{display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    flex-direction: column;}
    .conatct-pg-sec ul li .contact-icon-sec {
        color: #00ccff;
        font-size: 1rem;
        display: inline-flex;
        align-items: center;
        margin-right: 10px;
    }
    .conatct-pg-sec ul li .contact-icon-sec~span{ color: #00ccff;}
.conatct-pg-sec ul li a{color:inherit}
.conatct-pg-sec ul li .contact-icon-sec ~ div{ display: inline-flex;width:calc(100% - 80px);flex-direction: column;}
.contact-icon-sec i svg {
    height:22px;
    width:22px;
}
.contact-icon-sec~span {
    line-height: 1.6;
}
.form-sec .form-control{border:1px solid #dfdfdf;}

.over-btn-box {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    transition:.5s;-webkit-transition:.5s;
    opacity:0;
    visibility: hidden
}

 /*content page start*/
 .custom-content{font-size:14px;line-height:1.8;}
 .custom-content ul,.custom-content ol,.custom-content table {
    margin-bottom: 20px;
}
    .custom-content li {
        margin-bottom: 10px;
    }
    .custom-content p {
        margin-bottom: 20px;
    }
    .custom-content h2,.custom-content h3,.custom-content h4,.custom-content h5 {
    font-weight: 600;
        margin-bottom: 10px;
        margin-top: 30px;
        font-family:'gothic',sans-serif;
        color:#2073D4;
    }
    .form-sec-contact .form-group {
        margin-bottom: 1.5rem;
    }
    .conatct-pg-sec {
        background: #015FAD;
        color: #fff;
        border-radius: 5px;
        padding: 1.5rem 2rem 3rem;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    .conatct-pg-sec:before {
        z-index: -1;
        content: "";
        position: absolute;
        bottom: -45px;
        right: -111px;
        border-radius: 50%;
        background: #fff;
        opacity: 0.07;
        width: 400px;
        height: 400px;
    }
.about-value-sec{padding:240px 0 0;}
   
   /* about section */
   .about-shape-sec{position: relative;overflow: hidden;}
   .about-shape-top-sec:before {
    position: absolute;
    content: "";
    right: -2rem;
    top: -75px;
    width: 599px;
    height: 400px;
    background: url(../../../../../index.html) no-repeat right top;
    background-size: 100% auto;
 }
   .about-shape-sec>img{width:100%;height:100%;object-fit:cover;border-radius:28px;}
   .about-below-banner{height:560px;}
   .over-sec-about{position: absolute;left:0;width:100%;padding:0 5rem;bottom:-26%;z-index: 1;}
   .per-box{background:#fff;min-height:300px;border-radius:4px;height:100%;}
   .box-shadow{box-shadow:0 3px 79px rgba(0,0,0,0.16);}
   .input-group-append .btn, .input-group-prepend .btn{z-index:0;}
   .login-pop{padding:4rem 5rem;}
   .login-pop .close{position: absolute;top:10px;right:10px;}
.login-pop .form-control{background:#F9F9F9;}
.social-btn i{position: absolute;left:0px;}
.login-content{border-radius:10px}
.how-shape-sec:before{content:"";position: absolute;top:-12px;left:0;width:100%;background:url(../../../../../index.html) no-repeat top center; height:1128px;width:100%;background-size:100%;}
  .number-sec{background:#fff;border-radius:50%;width:65px;height:65px;border:solid 1px #707070;margin-bottom:1.2rem;display:flex;justify-content: center;align-items: center;font-size:1.5rem;}  
  .border-how-sec {
    margin-top: 55px;
    border: solid 1px #0C5FBB;
    border-radius: 12px;
    box-shadow: 0 13px 26px rgba(0,0,0,0.06);
    padding: 1.5rem 1.5rem 1rem;
    height:calc(100% - 55px);
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height:150px;
}
.over-numb-sec{position: absolute;top:-52px;left:-12px;}

/* faq page */
.faq-block{background:#fff;padding:4rem;border:0;box-shadow:none;border-radius:12px}
.faq-block .card-header i.fa{padding-right:1rem;color:#2073D4;position:relative;left:0;top:4px;}
.faq-block .card{border:0;border-bottom:1px solid rgba(112,112,112,.18);border-radius:0;padding:0 10px 10px;border-radius:0}
.faq-block .card:first-child{border-radius:.5rem .5rem 0 0}
.faq-block .card:last-child{border-bottom:1px solid rgba(112,112,112,.18);border-radius:0 0 .5rem .5rem}
.faq-block .card-header{padding:0 40px 0 5px;margin-bottom:0;background-color:transparent;border-bottom:0;border-radius:0;font-weight:500}
.faq-block .card-body{padding:1.25rem 3.5rem;position:relative;color:#8D8E8E;font-size:15px}
.faq-block .card-body>p{position:relative}
.faq-block .card-body>p:before{content:"";position:absolute;left:-.8rem;top:15%;height:70%;background:#2073D4;width:3px}
.faq-block .card .heading-btn{padding:0;border:0;background:none;color:#3B4148;font-size:16px;line-height:1.5;font-weight:500;display:inline-flex;padding-bottom:6px}
/* course detail page */

.achieve-list li {
    border: solid 1px rgba(255,141,59,0.38);
    padding: 1rem;
    min-height: 80px;
    display: inline-flex;
    width: 48%;
    margin: 0.8rem 0.6rem;
    border-radius: 5px;
}
.achieve-list li span{display:inline-block;}
.checklist-icon{color:rgba(255,141,59,0.38);margin-right:0.8rem;font-size:20px;}
.instructor-img{width:151px;height:151px;border-radius:50%;overflow: hidden;}
.instructor-img>img{width:100%;height:100%;object-fit: cover}
.topics-list ul li{position: relative;padding-left:25px;list-style: none;margin-bottom:12px;}
.topics-list ul li:before {
    content:"";
    border-radius:50%;border:solid 1px #13426b;
   
   width:14px;height:14px;
  position: absolute;left:0;top:7px;
}
.tabbing-same-row{background:#F5EAE3;padding:0.5rem 0;}
.instructor-box{background:#fff;padding: 3rem 5rem;position:relative;}
.instructor-box:before{content:"";position:absolute;left:0;top:0;background:url(../../../../../index.html) no-repeat;width:126px;height:108px;}
.instructor-box:after{content:"";position:absolute;right:0;bottom:0;background:url(../../../../../index.html) no-repeat;width:99px;height:60px;}
.instruct-below-sec:before{content:"";position:absolute;right:0;bottom:-70px;margin:0 auto;background:url(../../../../../index.html) no-repeat;width:100%;height:148px;}
.topic-yellow-shape:before{content:"";z-index:-1;position:absolute;right:0;left:0;bottom:0px;background:url(../images/yellow-shape.png) no-repeat center bottom;background-size:cover;width:100%;height:810px;}
.topic-yellow-shape:after {
    content: "";
    position: absolute;
    bottom: 0;
    right:2%;
    width:300px;
    height: 164px;
    background: url(../../../../../index.html) no-repeat left bottom;
}
.img-sec-overview{overflow:hidden;}
.course-details-tab .nav-tabs{border-bottom:0;margin: 0 -1.5rem;}
.course-details-tab .nav-tabs a.nav-link{color:#3B4148;padding:0.5rem 1.5rem;}
.course-details-tab .nav-tabs .nav-item.show .nav-link, .course-details-tab .nav-tabs .nav-link.active, .course-details-tab .nav-tabs .nav-link:focus,.course-details-tab .nav-tabs .nav-link:hover {
   color: #2073D4;
    background-color:transparent;
   border-color:transparent;
}

.en-packge-sec {
    background: #FFFBF8;
    border-radius: 10px;
    border: solid 1px #2073D4;
    padding: 2rem 1rem;
    align-items: center;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.video-top-course{height:calc(100vh - 104px); min-height:400px; max-height:600px;}
.video-sec-main{width:50%;right:0;top:0;position:absolute;height:100%;}
.video-sec-main>img{width:100%;height:100%;border-radius:5px 0 0 5px;object-fit:cover;}
.over-play-btn{position:absolute;right:0;top:0;position:absolute;border-radius:5px 0 0 5px;height:100%;width:100%;background:rgba(0,0,0,0.5);display:flex;justify-content: center;align-items: center;}
.tabbing-same-row.tab-sticky {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 456;
}
.hide{display: none !important;}
.mfp-hide {
    background:#2073D4;
    display:flex;justify-content:center;align-items: center;
    display: none;
    position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;height:100vh;z-index:99999;
}
.close-icon{ position:fixed;top:0;right:15px;cursor: pointer; font-size:40px;color:#fff;}
.logo-section img {
    width: auto!important;
}
/* about page */
.mission-img-blocks ul{width:48%;display:inline-block;vertical-align: top;margin-right:1%;}
.m-img-blocks{border-radius:15px;overflow:hidden;height:370px;margin-top:20px;}
.m-img-blocks>img{width:100%;height:100%;object-fit:cover;}

.mission-img-blocks ul:first-child{margin-top:65px;}
.half-wh{width:50%;}
.instructor-box.about-story-box:before,.instructor-box.about-story-box:after{display:none;}
.story-sec{z-index:1;position: relative;}
.story-sec:before{z-index:-1;content:"";position:absolute;left:-66px;top:0;background:url(../images/pitch-shape.png) no-repeat;background-size: 100%;width:897px;height:635px;}
.brown-shape-bg{overflow:hidden;}
.brown-shape-bg:before {
    background: url(../images/yellow-shape-about.png) no-repeat;
    content: "";
    position: absolute;
    top: -70px;
    right: -154px;
    width: 90%;
    height: 1000px;
}
.about-banner{max-height:600px;}
.partnerCarousel .item{padding:0 15px;}
.partnerCarousel .logo-section {
    width: 100%;
    height: 140px;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width:100%;
  
}
.heading-s {
    min-height: 60px;
    display:inline-flex;align-items:center;
}
.img-block-video {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.over-video-btn{position: absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
.over-video-btn i {
    border-radius: 50%;
    width: 74px;
    height: 74px;
    background: #ddd;
    color: #000;
    font-size: 20px;
    text-align: center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    cursor:pointer;
}
.over-video-btn i:hover{ background: #fff;}
.home-below-banner{background-size:cover;min-height:300px;background-repeat: no-repeat;}
.btn.btn-google{background:#FF4F3B;border-color:#FF4F3B}
.btn.btn-google:hover {
    background: #E15747;
    border: 1px solid #E15747;
    color: #fff;
}
.btn.btn-fb{background:#345B9E;border-color:#345B9E}
.shape-banner {
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center center;
    width: 100%;
    height:484px;
   background-color: #fff;
  
}
.shape-banner:before{content:""; position: absolute;background-color: rgba(2, 175, 242, 0.7098039215686275);width:100%;height:100%;bottom:0;}
.shape-banner:after{content:""; position: absolute; background:url(../images/white-shape.png) no-repeat;background-size: cover;height: 113px;width:100%;bottom: -2px;background-position: center;} 
.img-block-course-dtl{height:340px;}
.course-pg-sec li{display:inline-block;width:100%;margin-bottom:15px;}
.course-icon-sec{width:51px;height:51px;margin-right:10px;display:inline-flex;justify-content: center;align-items: center;background:#D7E7F9;border-radius:50%;}
.course-icon-sec svg, .course-icon-sec i{height:29px;width:29px;}

.course-tab-content p{font-size:.9rem;line-height:1.9;margin-bottom:1.5rem}
.nav-tabs.course-tab{border-bottom:0 solid #dee2e6}
.course-tab li.nav-item{margin:0 15px 0 0}
.course-tab .nav-link{border:solid 1px #248BDE;background:rgba(36,139,222,0.07);border-radius:8px;font-size:.8rem;padding:.8rem 1.5rem;min-width:12rem;text-align:center;color:#0C5FBB}.course-tab .nav-link {
    border: solid 1px #C0F1FE;
    background: #C0F1FE;
    border-radius: 2px;
    font-size: .8rem;
    padding: .8rem 0.6rem;
    min-width: 12rem;
    text-align: center;
    color: #3B4148;
}
.nav-tabs.course-tab .nav-item .nav-link:hover,.nav-tabs.course-tab .nav-item.show .nav-link,.nav-tabs.course-tab .nav-link.active{background:#2073D4;color:#fff;border:solid 1px #2073D4}
.course-disc-list li{list-style:none;width:48%;}
.course-disc-list li i{margin-right:10px;}
.course-overview-sec>ul>li {
    margin-top: 30px;
    list-style: none;
}
.dtl-list-co ul{list-style:circle;}
.blue-bg-sec-course-dtl{background:#F3FDFF;border-radius:3px;border:solid 1px #00CCFF;padding:10px 20px;float: left;}
.blue-bg-sec-course-dtl ul{margin-bottom:20px;float: left;}
.blue-bg-sec-course-dtl li {
    color: #3B4148;
   width: 49.66%;
    border-bottom: solid 1px rgba(59,65,72,0.12);
    list-style: none;
    padding: 15px 0;
    float: left;
}
.blue-bg-sec-course-dtl li:nth-child(odd){font-weight:600;}
.nav-tabs.course-tab .nav-link.active{position:relative;}
.nav-tabs.course-tab .nav-link.active:after {
    content: "";
    position: absolute;
    margin: 0 auto;
  border-right: solid 15px transparent;
    border-top: solid 15px #2073D4;
    bottom: -31px;
    width: 30px;
    height: 30px;
    border-left: 15px solid transparent;
    left: 50%;
    margin-left: -15px;
}
.course-overview-sec .course-icon-sec{background:rgba(0,204,255,0.36);}
.dtl-list-co{padding-left:0;margin-left:0;}
.dtl-list-co li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-weight: normal;
}
.dtl-list-co li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    border: solid 1px #248BDE;
    border-radius: 50%;
}
.side-yellow-shape:before{content:"";border-radius:50%;height:1038px;width:1000px;background:rgba(252,244,207,0.50);position: absolute;top:100px;left:-420px}
.white-box-sec{overflow: hidden;}
.alince-pg{padding:2rem 4rem;}
.license-list .dtl-list-co li{padding-left:30px;}
.license-list .dtl-list-co li:before{border:solid 2px #0EC776;width:18px;height:18px;top:6px;}
.training-pg .dtl-list-co li{font-weight:300;}
.training-pg .dtl-list-co li:before{border:solid 1px #00CCFF;top:4px;}
.training-icon-sec { height: 80px;}
.training-block .course-tab .nav-link{background:#fff;border-color:#707070;border-radius:8px;box-shadow:0 3px 35px rgba(0,0,0,0.16)}
.training-block .nav-tabs.course-tab .nav-link.active:after{border-top: solid 15px #00ccff;display:none;}
.training-block .nav-tabs.course-tab .nav-item .nav-link:hover,.training-block .nav-tabs.course-tab .nav-item.show .nav-link,.training-block .nav-tabs.course-tab .nav-link.active{background:#00CCFF;border-color:#00CCFF;}
.img-block-training>img{border-radius:70px;width:100%;}
.traning-blue-bg:before{width:300px;height:60%;z-index: -1;content:"";background:#00CCFF;top:-30px;right: -7.2rem;position: absolute;}
.applying-blue-sec:before{width: 744px; height: 605px;content:"";background:url(../images/app-blue-shape.png) no-repeat center top;background-size: 100%;top:-30px;left:0;right:0px;margin:0 auto;position: absolute;}
.blue-bg-sec-course-dtl.white-bg{background:#fff;border-radius:10px;border-color:transparent;padding: 3rem 5rem;}
.blue-bg-sec-course-dtl.white-bg li{border-color:rgba(112,112,112,0.08)}
.program-list ul li {
    padding: 20px 1rem;
    width: 48%;
    display: inline-flex;
    background: rgba(36,139,222,0.16);
    border-radius: 8px;
    margin: 10px 0.5rem;
    color: #015FAD;
    text-align: center;
    justify-content: center;
    align-items: center;
    
}
.img-block-training{z-index:1;}
.training-role-sec{overflow-x: hidden;}
.container-maxw{max-width:1400px;}  

/*============Header====================*/
/* Header */
.h100{height: 100% !important;}
.header{position: relative;width:100%;}
.header .navigation-sec{position: relative;display: block}
.header .navigation-sec:after{content:"";clear: both;display: table}

.user-navbar{list-style: none;position: relative}
.user-navbar li{display: inline-block;}
.user-navbar li+li:before{content:"|";margin:auto 15px;}
.user-navbar li>a
{
    color:#10242b;position: relative;
    -moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
}
.user-navbar li>a i{margin-right:4px;}
.user-navbar li>a:hover{color:#2d599c}
.logo-sec{padding: 4px;}
.logo-sec img{width:200px; max-width:100%;}
.header .navbar-default{margin:auto;background:transparent;border-radius:0px;border:none;min-height:auto;padding:0px}

.header .navbar-nav:after{content:"";clear: both;display: table}
.header .navbar-collapse{padding:0px}


.header .navbar-nav>li{position:relative; display: flex;justify-content: center;align-items: center;}
.header .navbar-nav>li:after{content:"";clear: both;display: table}
.header .navbar-nav>li>a
{
    position: relative;display: block;padding:0px;line-height: 1;
    padding:7px 0px;font-size:13px;color:#404040;text-transform: uppercase;
    font-weight:500;
    -moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
margin-right: -14px;
}
.header .navbar-nav>li+li{margin-left:30px;}

.header .navbar-nav>li.active>a,.header .navbar-nav>li.active>a:hover,.header .navbar-nav>li>a:hover,
.header .navbar-nav>li.open>a{background:transparent;}

.newsletter-sec .es-field-wrap > label{width:100%;}
.newsletter-sec .es-field-wrap > label > input{width: 100%;
    padding: 6px 10px;}
    .newsletter-sec .es-field-wrap > label > input:focus{border: 1px solid #2073D4;border-radius: 2px;}
.newsletter-sec .es_submit_button{    background: #2073D4;
    border: 1px solid #2073D4;
    color: #fff;
    padding: 6px 19px;
    font-size: 1rem;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
transition: all 1s ease;}
    .newsletter-sec .es_submit_button:hover{background: #15a8de;border: 1px solid #15a8de;}
.container-fluid.cust-pad{padding-left:20px; padding-right:20px;}

/* Background animation */
/* 3. Slider */
.slider-one-bg {
	min-height: 1064px;
	background-position: left center;
	background-size: cover;
}
.slider-img {
	margin-left: -35px;
}
.slider-overflow {
	padding-top: 125px;
	overflow: hidden;
}
.slider-content h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 30px;
}
.slider-content p {
	font-size: 20px;
	color: #30323d;
	line-height: 1.8;
	margin-bottom: 40px;
}
.slider-two-bg {
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 837px;
	position: absolute;
	right: 0;
	top: 0;
	width: 1119px;
	z-index: -1;
}
.s-slider-overflow {
	padding-top: 142px;
	padding-bottom: 120px;
}
.slider-shape {
	position: absolute;
	z-index: -1;
}
.slider-shape-one {
	left: 35px;
	top: 170px;
}
.slider-shape-two {
	bottom: 46%;
	left: 10%;
	animation: animationFramesOne 15s infinite linear;
}
.slider-shape-three {
	left: 23%;
	top: 23%;
	animation: animationFramesOne 30s infinite linear;
}
@keyframes animationFramesOne {
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}
.third-slider-content h2, .third-slider-content p {
	color: #fff;
}
.slider-three-bg {
	min-height: 1160px;
	background-position: right center;
	background-size: cover;
}
.fourth-slider-img {
	position: absolute;
	right: 0;
	top: -170px;
}
.slider-four-bg {
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 285px;
	padding-bottom: 290px;
	overflow: hidden;
	z-index: 1;
}
.fourth-slider-overflow {
	padding-top: 0;
	padding-bottom: 0;
	overflow: unset;
}
.fourth-slider-img.fsi-one {
	right: 27%;
	top: -103px;
	z-index: 1;
}
.fourth-slider-shape {
	position: absolute;
}
.fourth-slider-shape.rotateme {
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
}
.f-sshape-one {
	left: 80px;
	top: 120px;
}
.f-sshape-two {
	left: 150px;
	top: 160px;
}
.f-sshape-three {
	left: 14%;
	top: 55%;
	z-index: -1;
	animation: animationFramesOne 15s infinite linear;
}
.f-sshape-four {
	left: 30%;
	top: 27%;
	z-index: -1;
	animation: animationFramesOne 25s infinite linear;
}
.f-sshape-five {
	left: 47%;
	top: 27%;
	z-index: -1;
}
.f-sshape-six {
	left: 46%;
	top: 47%;
	z-index: -1;
}
.f-sshape-seven {
	left: 44%;
	top: 60%;
	z-index: -1;
}
.f-sshape-eight {
	right: 12%;
	top: 49px;
	z-index: -1;
}
.fs-gradient-bg {
	background-image: -moz-linear-gradient( left, rgb(255,254,253,.502) 0%, rgb(249,212,215,.502) 32%, rgb(208,231,252,.502) 100%);
	background-image: -webkit-linear-gradient( left, rgb(255,254,253,.502) 0%, rgb(249,212,215,.502) 32%, rgb(208,231,252,.502) 100%);
	background-image: -ms-linear-gradient( left, rgb(255,254,253,.502) 0%, rgb(249,212,215,.502) 32%, rgb(208,231,252,.502) 100%);
	position: relative;
}
.fs-gradient-bg::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -28%;
	width: 100%;
	height: 570px;
	background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 49%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 49%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 49%, rgba(255,255,255,0) 100%);
}
.slider-six-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1560px;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
.slider-six-content h2 {
	font-size: 48px;
	margin-bottom: 35px;
	color: #fff;
	line-height: 1.3;
}
.slider-six-shape {
	position: absolute;
}
.slider-six-shape-one {
	top: 74%;
	left: 8%;
}
.slider-six-shape-two {
	top: 74%;
	right: 8%;
	-webkit-animation: animationFramesOne 20s infinite linear;
	animation: animationFramesOne 20s infinite linear;
}
@keyframes animationFramesOne {
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}
.six-slider-overflow {
	padding-top: 225px;
}
.slider-seven-bg {
	min-height: 980px;
	background-position: center;
	background-size: cover;
	z-index: 1;
}
.slider-seven-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: -moz-linear-gradient( -43deg, rgb(11,131,207) 0%, rgb(117,54,207) 100%);
	background-image: -webkit-linear-gradient( -43deg, rgb(11,131,207) 0%, rgb(117,54,207) 100%);
	background-image: -ms-linear-gradient( -43deg, rgb(11,131,207) 0%, rgb(117,54,207) 100%);
	opacity: .9;
	z-index: -1;
}
.seven-slider-overflow {
	padding-top: 160px;
	padding-bottom: 0;
}

/* 4. Brand */
.single-brand img {
	display: inline-block;
	opacity: .5;
	transition: .3s linear;
	cursor: pointer;
}
.single-brand:hover img {
	opacity: 1;
}
.brand-title h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0;
}
.hseven-brand {
	background: #f5f6fb;
	padding: 60px 0;
}

/* 5. Features */
.features-top-content h3 {
	font-size: 36px;
	margin-bottom: 0;
	line-height: 1.6;
}
.single-features.mb-80 {
	display: flex;
	align-items: start;
}
.features-icon {
	margin-right: 10px;
}
.features-icon img {
	transform: rotateY(0deg);
	transition: .5s linear;
}
.features-content {
	overflow: hidden;
	box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.09);
	padding: 45px 50px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.features-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
}
.features-content p {
	margin-bottom: 0;
}
.single-features:hover .features-icon img {
	transform: rotateY(360deg);
}
.s-single-features {
	border: 1px solid #dcdfe5;
	border-radius: 5px;
	padding: 0px 50px 40px;
	transition: .3s linear;
}
.s-features-icon {
	margin-top: -50px;
	margin-bottom: 35px;
}
.s-features-content h4 {
	font-size: 24px;
	margin-bottom: 12px;
}
.s-features-content p {
	margin-bottom: 0;
}
.s-single-features:hover {
	box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.09);
	border-color: transparent;
}
.s-features-area {
	padding-top: 230px;
}
.t-single-features {
	padding-right: 100px;
}
.t-features-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
}
.t-features-content p {
	margin-bottom: 0;
}
.t-features-icon img {
	transition: .5s linear;
	transform: rotateY(0deg);
}
.t-single-features:hover .t-features-icon img {
	transform: rotateY(360deg);
}
.t-features-area {
    margin-top: -237px;
}
@keyframes animationFramesFour{
  0% {
    transform:  translate(-300px,151px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(251px,-200px)  rotate(180deg) ;
  }
}
@-webkit-keyframes animationFramesFour {
  0% {
    -webkit-transform:  translate(-300px,151px)  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  translate(251px,-200px)  rotate(180deg) ;
  }
}
.features-shape {
	position: absolute;
	z-index: -1;
}
.features-shape span {
	height: 18px;
	width: 18px;
	background: #129ae0;
	display: block;
	line-height: 1;
	border-radius: 50%;
	z-index: -1;
}
.f-shape-one {
	left: 75px;
	top: 17%;
	animation: animationFramesOne 30s infinite linear;
}
.f-shape-two {
	top: 0;
	left: 30%;
	animation: animationFramesOne 15s infinite linear;
}
.f-shape-two span {
	height: 10px;
	width: 10px;
}
.f-shape-three {
	right: 26%;
	top: -50px;
	opacity: .5;
	animation: animationFramesOne 25s infinite linear;
}
.f-shape-three span {
	background: #5fcf8e;
}
.f-shape-four {
	right: 46%;
	bottom: 39%;
	animation: animationFramesOne 20s infinite linear;
}
.f-shape-four span {
	height: 10px;
	width: 10px;
	background: #5fcf8e;
}
.f-shape-five {
	right: 115px;
	bottom: 33%;
	animation: animationFramesOne 15s infinite linear;
}
.f-shape-five span {
	height: 10px;
	width: 10px;
}
.f-shape-six {
	bottom: 16%;
	left: 9%;
}
.f-shape-seven {
	bottom: 40%;
	right: 8%;
}
.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.features-img {
	margin-left: -85%;
	margin-top: -40px;
}
.f-single-features {
	background: #ff5782;
	border-radius: 5px;
	padding: 40px 30px;
	transform: translateY(0);
	transition: .3s linear;
}
.f-features-content h4 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}
.f-features-content p {
	margin-bottom: 0;
	color: #fff;
}
.f-single-features.blue {
	background: #233590;
	margin-top: 30px;
}
.f-single-features.green {
	background: #07d5ac;
	margin-top: -30px;
}
.f-single-features.light-blue {
	background: #0056fe;
}
.f-single-features:hover {
	transform: translateY(-10px);
}
.hfive-single-features {
	box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.09);
	padding: 40px 30px;
	border-radius: 5px;
	background: #fff;
	transition: .3s linear;
	transform: translateY(0);
}
.hfive-features-content h4 {
	font-size: 24px;
	margin-bottom: 15px;
}
.hfive-features-content p {
	margin-bottom: 0;
}
.home-five-features .col-lg-3:nth-child(2n) {
	margin-top: 30px;
}
.hfive-single-features:hover {
	transform: translateY(-10px);
}
.six-features-area .s-single-features {
	border-color: transparent;
	background: #fff;
	box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.09);
}
.six-features-area .s-single-features:hover {
	border-color: #22A7EF;
}
.seven-single-features {
	padding: 0 35px;
}
.seven-single-features:hover .t-features-icon img {
	transform: rotateY(360deg);
}
.e-features-shape {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.eight-features-wrap .col-md-6:nth-child(3) {
	margin-top: -30px;
}
.eight-features-wrap .col-md-6:nth-child(2) {
	margin-top: 30px;
}

/* ./Background animation */



/* @@@@@@@@@@@@@  Banner Section Start Here  @@@@@@@@@@@@@@ */

  .banner-section .all-shapes::after, 
 .banner-section .all-shapes::before, .shape-img::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.banner-section {
    background-image: url(https://demos.codexcoder.com/labartisan/html/edukon/assets/images/bg-img/01.jpg);
    background-size: cover;
    padding-top: 100px;position: relative;
  }


/*  */
.product-slider .card-body .mb-3.list-inline .list-inline-item:not(:last-child){margin-right:0px;}
.product-slider .card-body .mb-3.list-inline .list-inline-item span{font-size: 14px;}


/* ./ */

  @media (min-width: 576px) {
    .banner-section {
      padding-top: 100px;
    }
  }
  .banner-section .all-shapes {
    display: none;
    width: 700px;
    height: 700px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px dashed #ff70d2;
    border-width: 1.75px;
    top: 2%;
    right: 0%;
    animation: rotate 110s infinite linear;
  }
  @media (min-width: 1600px) {
    /* .banner-section .all-shapes {
      right: 15%;
    } */
    .banner-section .all-shapes {
      right: 7%;
    } 
  }
  .banner-section .all-shapes::after, .banner-section .all-shapes::before {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
  }
  .banner-section .all-shapes::before {
    width: calc(100% - 15%);
    height: calc(100% - 15%);
    border: 1px dashed #8b74ff;
    border-width: 1.8px !important;
    animation: rotate-rev 110s infinite linear;
  }
  .banner-section .all-shapes::after {
    width: calc(100% - 30%);
    height: calc(100% - 30%);
    border: 1px dashed #fdca92;
    border-width: 1.5px !important;
  }
  @media (min-width: 1200px) {
    .banner-section .all-shapes {
      display: block;
    }
  }
  @media (min-width: 1600px) {
    .banner-section .cbs-content-list {
      display: block !important;
    }
  }
  .banner-section .cbs-content-list ul li.ccl-shape {
    z-index: 2;
  }
  .banner-section .cbs-content-list ul li.ccl-shape a {
    padding: 10px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .banner-section .cbs-content-list ul li.ccl-shape a::after {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 50%;
    left: -35px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .banner-section .cbs-content-list ul li.shape-1 {
    animation: up-down 6s infinite linear;
    top: 38%;
    right: 5%;
  }
  .banner-section .cbs-content-list ul li.shape-1 a {
    background-image: linear-gradient(to left, #00c0a6, #00b1c9, #009df4, #0080ff, #1d4dfa);
  }
  .banner-section .cbs-content-list ul li.shape-1 a::after {
    left: auto;
    right: -40px;background: #26c976;
  }
  @media (min-width: 1200px) {
    .banner-section .cbs-content-list ul li.shape-1 {
      top: 28%;
      right: 5%;
    }
  }
  @media (min-width: 1600px) {
    .banner-section .cbs-content-list ul li.shape-1 {
      top: 38%;
      right: 40%;
    }
  }
  .banner-section .cbs-content-list ul li.shape-2 {
    animation: up_down_2 6s infinite linear;
    top: 40%;
    right: 19%;
  }
  .banner-section .cbs-content-list ul li.shape-2 a {
    background-image: linear-gradient(to right, #ff5dcc, #ff4ca2, #ff4878, #ff514f, #f16126);
  }
  .banner-section .cbs-content-list ul li.shape-2 a::after {
    left: -40px;
    background: #ff5dcc;
  }
  @media (min-width: 1200px) {
    .banner-section .cbs-content-list ul li.shape-2 {
      top: 48%;
      right: 7%;
    }
  }
  @media (min-width: 1600px) {
    .banner-section .cbs-content-list ul li.shape-2 {
      top: 30%;
      right: 5%;
    }
  }
  .banner-section .cbs-content-list ul li.shape-3 {
    animation: up_down_2 8s infinite linear;
    top: 59%;
    right: 38%;
  }
  .banner-section .cbs-content-list ul li.shape-3 a {
    background-image: linear-gradient(to right, #52f781, #a5e150, #d3c83a, #f0ae43, #fe955c);
  }
  .banner-section .cbs-content-list ul li.shape-3 a::after {
    left: -50px;
    background: #fe955c;
  }
  @media (min-width: 1200px) {
    .banner-section .cbs-content-list ul li.shape-3 {
      top: 52%;
      right: 36%;
    }
  }
  @media (min-width: 1600px) {
    .banner-section .cbs-content-list ul li.shape-3 {
      top: 42%;
      right: 3%;
    }
  }
  .banner-section .cbs-content-list ul li.shape-4 {
    animation: up_down_3 6s infinite linear;
    top: 26%;
    right: 26%;
  }
  .banner-section .cbs-content-list ul li.shape-4 a {
    background-image: linear-gradient(to right, #fe955c, #ff816d, #ff6d86, #ff5fa7, #ff5dcc);
  }
  .banner-section .cbs-content-list ul li.shape-4 a::after {
    left: -38px;
    background: #ff5dcc;
  }
  @media (min-width: 1200px) {
    .banner-section .cbs-content-list ul li.shape-4 {
      top: 21%;
      right: 34%;
    }
  }
  @media (min-width: 1600px) {
    .banner-section .cbs-content-list ul li.shape-4 {
      top: 53%;
      right: 5%;
    }
  }
  .banner-section .cbs-content-list ul li.shape-5 {
    animation: up_down_3 6s infinite linear;
    top: 50%;
    right: 45%;
  }
  .banner-section .cbs-content-list ul li.shape-5 a {
    background-image: linear-gradient(to right, #785eff, #009fff, #00c8ff, #00e4ce, #52f781);
  }
  .banner-section .cbs-content-list ul li.shape-5 a::after {
    background: #785eff;
  }
  @media (min-width: 1200px) {
    .banner-section .cbs-content-list ul li.shape-5 {
      top: 46%;
      right: 46%;
    }
  }
  @media (min-width: 1600px) {
    .banner-section .cbs-content-list ul li.shape-5 {
      top: 65%;
      right: 8%;
    }
  }
  .banner-section .section-wrapper .banner-content .subtitle {
    color: #f16126;
    letter-spacing: 5px;
    font-size: 18px;
  }
  .banner-section .section-wrapper .banner-content .title {
    margin-bottom: 15px;color: #033567;font-weight: 700;background: #fc00c7;
    background-image: none;
    background-clip: border-box;
  background-image: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
  background-image: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
  background-image: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  }
  @media (min-width: 992px) {
    .banner-section .section-wrapper .banner-content .title {
      font-size: 50px;
      line-height: 1.1;color: #033567;
    }
  }
  .banner-section .section-wrapper .banner-content .desc {
    margin-bottom: 25px;
  }
  @media (min-width: 576px) {
    .banner-section .section-wrapper .banner-content .desc {
      font-size: 20px;
      line-height: 1.5;
    }
  }
  /* .banner-section .section-wrapper .banner-content form {
    background: #fff;
    justify-content: space-between;
    box-shadow: 0 5px 10px rgba(16, 17, 21, 0.1);
  } */
  .banner-section .section-wrapper .banner-content form .banner-icon {
    left: 15px;
    top: 50%;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .banner-section .section-wrapper .banner-content form input {
    width: calc(100% - 142px);
    border: none;
    padding: 18px;
    padding-left: 40px;
  }
  .banner-section .section-wrapper .banner-content form button {
    color: #fff;
    background: #f16126;
  }
  .banner-section .section-wrapper .banner-content .banner-catagory {
    margin-top: 25px;
  }
  @media (max-width: 991px) {
    .banner-section .section-wrapper .banner-content .banner-catagory ul li:first-child a {
      padding-left: 0;
    }
  }
  .banner-section .section-wrapper .banner-content .banner-catagory ul li a {
    padding: 0 5px;
    font-weight: 500;
    text-decoration: underline;
  }
  @media (min-width: 576px) {
    .banner-section .section-wrapper .banner-content .banner-catagory ul li a {
      padding: 0 10px;
    }
  }
  .banner-section .section-wrapper .banner-content .banner-catagory ul li a:hover {
    color: #f16126;
  }
  .banner-section .section-wrapper .banner-thumb {
    z-index: 2;
    margin-top: 30px;
    position: relative;
  }
  @media (min-width: 992px) {
    .banner-section .section-wrapper .banner-thumb {
      margin-top: 0;
    }
  }
  @media (min-width: 576px) {
    .banner-section.style-1 .banner-content {
      padding-bottom: 180px;
    }
    .banner-section.style-1 .banner-content .img-wrap{margin-bottom: 20px;}
  }
  .banner-section.style-2 {
    background-image: url(../images/bg-img/02.jpg);
    padding-top: 200px;
  }
  .banner-section.style-2::before {
    width: 50%;
    height: 100%;
    top: 0;
    border-bottom: 875px solid #f16126;
    border-right: 960px solid transparent;
    z-index: 1;
  }
  @media (min-width: 1440px) {
    .banner-section.style-2::before {
      display: block;
    }
  }
  .banner-section.style-2 .section-wrapper .thumb-part .abs-thumb {
    bottom: 0;
    left: -10%;
  }
  .banner-section.style-2 .section-wrapper .thumb-part .abs-thumb img {
    max-width: none;
  }
  .banner-section.style-2 .section-wrapper .banner-thumb {
    animation: bounce-1 5s infinite linear;
  }
  .banner-section.style-3 {
    background-image: url(../images/bg-img/03.jpg);
    background-position: left;
    padding: 170px 0;
    margin-top: 90px;
  }
  @media (min-width: 992px) {
    .banner-section.style-3 {
      padding: 240px 0 255px;
      margin-top: 0;
    }
  }
  @media (min-width: 1200px) {
    .banner-section.style-3 {
      background-position: center;
    }
  }
  .banner-section.style-3 .banner-content .lab-btn {
    padding: 18px 40px;
  }
  .banner-section.style-4 {
    background-image: url(../../assets/images/bg-img/06.jpg);
    z-index: 1;
    padding-bottom: 100px;
  }
  @media (min-width: 992px) {
    .banner-section.style-4 {
      padding-top: 273px;
      padding-bottom: 215px;
    }
  }
  .banner-section.style-4 .banner-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  }
  .banner-section.style-4 .banner-content h2 {
    font-size: 46px;
    line-height: 50px;
    font-weight: 300;
  }
  .banner-section.style-4 .banner-content h2 span {
    font-weight: 500;
  }
  @media (max-width: 575px) {
    .banner-section.style-4 .banner-content h2 {
      font-size: 36px;
      line-height: 40px;
      margin-bottom: 20px;
    }

    .welcome-sec p, .welcome-box .txt-justify, .tutoring-sec p{line-height: 24px !important;
      font-size: 14px !important;}
      .footer_nav * {
        font-size: 14px;
      }
      .footer-menu ul li a {
  font-size: 14px !important;
}
.tutoring-sec .font-gothic.heading2.fweightbold.mb-3{text-align: center;}

  }
  .banner-section.style-4 .banner-content form {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
  @media (max-width: 575px) {
    .banner-section.style-4 .banner-content form {
      border-radius: 0px;
      margin-bottom: 20px;
    }
  }
  .banner-section.style-4 .banner-content form select {
    padding: 21px 15px;
    outline: none;
    width: 200px;
    border: none;
  }
  @media (max-width: 575px) {
    .banner-section.style-4 .banner-content form select {
      width: 100%;
      border-bottom: 1px solid #ecf0f3;
    }
  }
  .banner-section.style-4 .banner-content form input {
    padding: 22px 50px 22px 15px;
    border: none;
    width: calc(100% - 200px);
  }
  @media (max-width: 575px) {
    .banner-section.style-4 .banner-content form input {
      width: 100%;
    }
  }
  .banner-section.style-4 .banner-content form button {
    background: transparent;
    right: 30px;
    top: 21px;
    font-weight: 700;
  }
  @media (max-width: 575px) {
    .banner-section.style-4 .banner-content form button {
      top: auto;
      bottom: 20px;
    }
  }
  .banner-section.style-4 .banner-content p {
    font-size: 1.25rem;
    margin-bottom: 100px;
  }
  @media (max-width: 575px) {
    .banner-section.style-4 .banner-content p {
      margin-bottom: 30px;
    }
  }
  .banner-section.style-4 .banner-content ul li {
    padding: 10px 15px;
    margin: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .banner-section.style-4 .banner-content ul li i {
    font-size: 22px;
  }
  .banner-section.style-5 {
    background-image: url(../images/bg-img/08.jpg);
    background-position: center;
    background-attachment: fixed;
    padding: 260px 0 200px;
  }
  @media (min-width: 992px) {
    .banner-section.style-5 {
      padding: 300px 0;
    }
  }
  .banner-section.style-5::after {
    right: 0;
    top: 0;
    background: rgba(49, 131, 247, 0.85);
  }
  @media (min-width: 768px) {
    .banner-section.style-5::after {
      width: 50%;
    }
  }
  .banner-section.style-5 .section-wrapper .banner-content {
    z-index: 1;
  }
  @media (min-width: 576px) {
    .banner-section.style-5 .section-wrapper .banner-content {
      padding-left: 30px;
    }
  }
  .banner-section.style-5 .section-wrapper .banner-content .title span {
    font-weight: 400;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .banner-section.style-5 .section-wrapper .banner-content .title {
      font-size: 56px;
    }
  }
  .banner-section.style-5 .section-wrapper .banner-content p {
    font-weight: 500;
  }
  .banner-section.style-5 .section-wrapper .banner-content .lab-btn {
    background: transparent;
    border: 2px solid #fff;
    padding: 14px 30px;
  }
  .banner-section.style-5 .section-wrapper .banner-content .lab-btn:hover {
    box-shadow: 0 5px 10px rgba(16, 17, 21, 0.5);
  }
  .banner-section.style-6 {
    background-image: url(../images/bg-img/09.jpg);
    background-position: center;
    background-attachment: fixed;
    padding: 286px 0 200px;
  }
  @media (min-width: 992px) {
    .banner-section.style-6 {
      padding: 465px 0 276px;
    }
  }
  @media (min-width: 1200px) {
    .banner-section.style-6 .section-wrapper .banner-content .title {
      font-size: 72px;
    }
  }
  .banner-section.style-6 .section-wrapper .banner-content p {
    font-size: 1.25rem;
  }
  .banner-section.style-7 {
    background-image: url(../images/bg-img/14.jpg);
    background-size: cover;
    background-position: right;
    margin-top: 98px;
  }
  @media (min-width: 992px) {
    .banner-section.style-7 {
      margin-top: 153px;
    }
  }
  @media (min-width: 1200px) {
    .banner-section.style-7 {
      background-position: center;
    }
  }
  .banner-section.style-7 .section-wrapper .banner-top {
    padding-bottom: 170px;
  }
  @media (min-width: 576px) {
    .banner-section.style-7 .section-wrapper .banner-top {
      padding-bottom: 230px;
    }
  }
  .banner-section.style-7 .section-wrapper .banner-top .banner-content .lab-btn {
    background: transparent;
    border: 2px solid #101115;
    padding: 14px 30px;
  }
  .banner-section.style-7 .section-wrapper .banner-top .banner-content .lab-btn:hover {
    border-color: #3183f7;
    box-shadow: 0 5px 10px rgba(49, 131, 247, 0.5);
  }
  .banner-section.style-7 .section-wrapper .banner-bottom {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }
/* ./New banner */
.banner-section .cbs-content-list ul li.ccl-shape a{position: relative;color: #fff;}

 .banner-section .cbs-content-list ul li.ccl-shape a::after,
  .banner-section .cbs-content-list ul li.ccl-shape,
   .banner-section .all-shapes::after,
    .banner-section .all-shapes::before, 
    .banner-section .all-shapes {
  position: absolute;
  content: "";
}

/* *****========= All Keyframes  ===============****** */
@keyframes angle-move {
    0%, 100% {
      transform: translateY(0) rotate(-6deg);
    }
    50% {
      transform: translateY(-20px) rotate(8deg);
    }
  }
  @keyframes up-down {
    0%, 100% {
      transform: translateY(-20px) translateX(15px);
    }
    50% {
      transform: translateY(0);
    }
  }
  @keyframes up_down_2 {
    0%, 100% {
      transform: translateY(15px) translateX(15px);
    }
    50% {
      transform: translateY(0);
    }
  }
  @keyframes up_down_3 {
    0%, 100% {
      transform: translateY(-10px) translateX(1px);
    }
    50% {
      transform: translateY(0);
    }
  }
  @keyframes zoom {
    0%, 100% {
      transform: scale(0.9) rotate(0deg);
    }
    50% {
      transform: scale(1.1) rotate(30deg);
    }
    80% {
      transform: rotate(-30deg);
    }
  }
  @keyframes rotate {
    100% {
      transform: rotateZ(360deg);
    }
  }
  @keyframes rotate-rev {
    100% {
      transform: rotateZ(-360deg) translate(-50%, -50%);
    }
  }
  @keyframes bounce-1 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-25px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes ripple {
    100% {
      width: 200%;
      height: 200%;
      opacity: 0;
    }
  }
  @keyframes rotate-2 {
    100% {
      transform: rotate(150deg);
    }
  }
  @keyframes outer-ripple {
    0% {
      transform: scale(1);
      filter: alpha(opacity=50);
      opacity: 0.5;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      -webkit-filter: alpha(opacity=50);
    }
    80% {
      transform: scale(1.5);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
    }
    100% {
      transform: scale(2.5);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
    }
  }
  @-webkit-keyframes outer-ripple {
    0% {
      transform: scale(1);
      filter: alpha(opacity=50);
      opacity: 0.5;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
    }
    80% {
      transform: scale(2.5);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
    }
    100% {
      transform: scale(3.5);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(3.5);
      -moz-transform: scale(3.5);
      -ms-transform: scale(3.5);
      -o-transform: scale(3.5);
    }
  }
  @-moz-keyframes outer-ripple {
    0% {
      transform: scale(1);
      filter: alpha(opacity=50);
      opacity: 0.5;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
    }
    80% {
      transform: scale(2.5);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
    }
    100% {
      transform: scale(3.5);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(3.5);
      -moz-transform: scale(3.5);
      -ms-transform: scale(3.5);
      -o-transform: scale(3.5);
    }
  }
  @keyframes pulse {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }
    90% {
      opacity: 0.5;
      -webkit-transform: translate(-50%, -50%) scale(1.8);
      -ms-transform: translate(-50%, -50%) scale(1.8);
      transform: translate(-50%, -50%) scale(1.8);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
    }
  }
  @-webkit-keyframes circle-2 {
    100% {
      width: 200%;
      height: 200%;
      opacity: 0;
    }
  }
  @keyframes circle-2 {
    100% {
      width: 200%;
      height: 200%;
      opacity: 0;
    }
  }


  .card.how-work-lim .heading4 {font-size: 16px;text-transform: uppercase;}
  .card.how-work-lim .img-block-how .entered {width: 80px;
    border: 1px solid #dff6e9;
    height: 80px;
    object-fit: contain;
    padding: 10px;
    border-radius: 100%;}
  .card.how-work-lim{padding:30px 15px 15px;box-shadow: 0 0 10px rgba(72, 72, 72, 0.1);border: 1px solid transparent;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;border-radius: 10px;}
    .card.how-work-lim p{text-align: center;}
  .card.how-work-lim.text-center.w-100:hover{-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);}
    .card.how-work-lim.text-center.w-100:hover img{border: 1px solid #f00;-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;}

        .card.how-work-lim p{text-align: center;}





.landing.footer{background-color: #242d4a;background-image: url('../img/shape-bg-02.png');
    background-position: top;}
    .landing.footer .footer_top .ft-left .ft-head .ttl{font-family: 'Poppins';font-weight: 600;color: #fff;}
    .landing .footer_nav ul li .add-sec, .landing .footer_nav ul li .add-sec{color: #fff;}
    .landing.footer .footer_top .ft-left .footer-menu ul li a, .landing .footer_nav ul li a,    .landing.footer .footer_top .ft-left .footer-menu ul li a u{color: #fff !important;font-family: 'Poppins' !important}
    .landing.footer .footer_bottom{padding: 0px 0;}
    .landing.footer p.copyright{color: #fff;}
    .landing.footer .footer_top .ft-left .ft-head .bottom-line{border-bottom: 1px solid #5A627B;}
    .landing.footer .footer_top .ft-left .border-top-custom{border-top: 1px solid #363F59;}
   .landing .border-top {
        border-top: 1px solid #5a627b !important;
      }
     .landing .social_bottom_link li a{background: #2073d4;
        width: 35px;
        height: 35px;display: flex;
        justify-content: center;
        align-items: center;}




        .modal .typeJsWrapper{min-height: 200px;
          display: flex;
          justify-content: center;
          align-items: center;width: 100%;
          max-width: 100%;
          margin: auto;}
          .modal .typeJsWrapper h2{color: #212529;
            line-height: 24px;
            font-size: 15px;
            text-align: justify;
            width: 70%;
            max-width: 100%;
            margin: auto;font-weight: 500;}
            .modal .typeJsWrapper h2 a{ font-size: 15px; line-height: 1.5;}
         /* .modal .typeJsWrapper h2, .modal .typeJsWrapper span{font-size: 26px;font-weight: 500;text-align: center;line-height: 1.2;
          background: #fc00c7;
          background-image: none;
          background-clip: border-box;
        background-image: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
        background-image: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
        background-image: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;} */
        .modal .typeJsWrapper{min-height: 200px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          max-width: 100%;
          margin: auto;}
        .step .height-align{min-height: 570px;display: flex;
          justify-content: center;
          align-items: center;flex-direction: column;}

          .modal .close{background: #f92c8b;
            background: -moz-linear-gradient(left, #f92c8b 0%, #b02cd6 100%);
            background: -webkit-linear-gradient(left, #f92c8b 0%,#b02cd6 100%);
            background: linear-gradient(to right, #f92c8b 0%,#b02cd6 100%);
              background-color: rgba(0, 0, 0, 0);
            -webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 202, .2);
            box-shadow: 0 10px 15px 0px rgba(175, 0, 202, .2);
            opacity: 1;
            color: #fff;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;position: absolute;
            top: -15px;
            right: -15px;z-index: 2;}
            .modal .close:hover {color: #fff;
              opacity: 0.5;}



              .step_course_btn {
                text-align: center;
                margin: 25px auto;
              }
              #setup22{opacity: 0.5;
  pointer-events: none;}

  .pro-dtl-btn{opacity: 0.5;
    pointer-events: none;}
    #uploadMessage{
      background: #4cde72;
      color: #fff;line-height: 40px;
      margin-top: 10px;
    }


  /* ./Landing CSS */
@media screen and (min-width:991px){    
    .navbar-nav li.dropdown{position: relative;}

    .navbar-nav li.dropdown>.navbar-menu
    {
        display: block;visibility: hidden;opacity:0;
        background:#0e2b8d;top:100%;border:none;padding:2px 0px 0px;border-radius:0px;
        min-width:200px;
       
    }
     .navbar-nav li + li.dropdown>.navbar-menu{
      padding:0 !important;

    }

    .navbar-nav li.dropdown>.navbar-menu>.dropdown:after{content: '\f35a'; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
        font-weight: normal;
        font-style: normal;
        color:#fff; 
        display:inline;
        font-size:12px;
        text-decoration:none;
    position: absolute;top:10px; right:10px}
   
    .navbar-nav li.dropdown .navbar-menu:after{content:"";position: absolute;border:10px solid transparent;border-bottom-color:#1b4a81;top:-20px;left:20px;}
    .navbar-nav li.dropdown:hover>.navbar-menu{visibility: visible;opacity: 1;top:100%;padding-bottom: 2px !important;}
    
    .navbar-nav li.dropdown .navbar-menu>li+li{border-top:1px solid rgb(5, 29, 109);}
    .navbar-nav li.dropdown>.navbar-menu>.dropdown>.navbar-menu{position: absolute;display:none;left:100%;top:18px;}
    .navbar-nav li.dropdown>.navbar-menu>.dropdown>.navbar-menu:after{display:none;}
    .navbar-nav li.dropdown>.navbar-menu>.dropdown:hover>.navbar-menu{display:block;}
    
    
    
    .navbar-nav li.dropdown .navbar-menu>li>a,.navbar-nav li.dropdown>.navbar-menu>.navbar-menu li a{padding:13px 7px 13px 13px;display: block;line-height: 1;
            font-size:14px;letter-spacing: 1px;font-weight:200;color:#fff;background:#1b4a81;
            -moz-transition:all 0.5s linear;
            -webkit-transition:all 0.5s linear;
            -ms-transition:all 0.5s linear;
            -o-transition:all 0.5s linear;
            cursor:pointer!important;}
            .navbar-nav li.dropdown>.navbar-menu:hover>.navbar-menu{visibility:visible; opacity:1;}

      
            .navbar-menu>li>a:focus, .navbar-menu>li>a:hover{ font-weight:700;}
   
   
    
}
.form-sec label{color: #303030;}
.job-table table tr td {
    padding: 5px 18px;
    border: 1px solid #ddd;
}
.job-table table tr td a{text-decoration: underline !important;}
.job-table table tr td.status span{    background: #1a99ce;
    padding: 2px 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px; }
.job-table table thead, table thead{background: #18254a;}
.job-table table, table{margin-bottom: 0;}
.job-table table thead tr th, table thead tr th{padding: 9px 18px;
    color: #fff;
    font-weight: 400; 
    border-left: 1px solid #fff;}
span.wpcf7-not-valid-tip{color: #d00202;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{color:#333;}
textarea{resize: none;}
.txt-justify{text-align: justify !important;}

.program-block{padding: 20px;
    background: #f8fcff;}

/*================================================
==============================================================================================
===============================================*/

/*============Header====================*/


/* Animated Button */

.modal-btn {
    min-width: 605px;
    min-height: 60px;
    font-family: sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 700;
    color: #fff;
    background: #17406F;
    border: none;
    border-radius: .25rem;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 10px 20px;
    }
/*   
  .modal-btn::before {
  content: '';
    border-radius: .25rem;
    min-width: calc(605px + 0px);
    min-height: calc(60px + 0px);
    border: 6px solid #17406F;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease-in-out 0s;
  }
   */
  .modal-btn:hover, .modal-btn:focus {
    color: #fff;
    transform: translateY(-6px);
  }
  
  .modal-btn:hover::before, .modal-btn:focus::before {
    opacity: 1;
  }
  
  /* .modal-btn::after {
    content: '';
    width: 30px; height: 30px;
    border-radius: 100%;
    border: 6px solid #17406F;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;z-index: 2;
  } */
  
  .modal-btn:hover::after, .modal-btn:focus::after {
    animation: none;
    display: none;
  }
  .modal-btn.aos-init.aos-animate:hover{opacity: 0.9;}
  @keyframes ring {
    0% {
      width: 30px;
      height: 30px;
      opacity: 1;
    }
    100% {
      width: 300px;
      height: 300px;
      opacity: 0;
    }
  }
/* ./Animated Button */

/*----category-listig page-----*/
.cat-list-box{background: #fff;padding: 0 15px 0 0;border-radius:10px 6px 6px 10px;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.12);    margin-bottom: 50px;
}


.cat-content{/*height: 120px;*/overflow: hidden;} 
.cat-content-box{padding:0;}
.cat-img.img-box{height: 100%;width: 100%;border-radius:10px 0 0 10px;}

.cat-img.img-box img{min-height: 100%;border-radius:10px 0 0 10px;height:auto;max-width:100%;} 
.cat-tag{position: absolute;top:0; right: 0; padding:3px 10px; color: #fff;
    border-radius: 0 6px 0 6px; display: none;}
 .cat-title-tag{    padding: 0px 10px;
    color: #fff;
    background: #000;
    border-radius: 4px;
    display: inline-block;
    margin-top: 8px;
    background: #2073d4;}
.grad-bg {
      background-image: linear-gradient(to right, #0d4770 , #2073d4);
}
.not-found-heading{font-size:8rem !important;}
.img-box.not-found-img img{width:530px; max-width: 100%;height: auto;}
/*----category-listig page-----*/
.job-detail-box{background: #fff;
    padding: 30px 20px 40px;}
.job-detail-box-head{    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 27px;}
.form-sec-contact{padding:24px;}

.cust-listing li{position: relative;    padding-left: 23px;margin-bottom: 10px;}
.cust-listing.half li{width: 49%;display: inline-block;}
.cust-listing li:before{content: '\f35a';
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    color: #0f68bd;
    font-style: normal;position: absolute;top:0;left:0;}

    .file-input {
  display: inline-block;
  text-align: left;
  background: #fff;
  padding: 0;
  width: 100%;
  position: relative;
  border-radius: 3px;
  border: 1px solid #a7d1f2;opacity: 0;display: none;
}

.file-input > [type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.file-input > .button {
  display: inline-block;
  cursor: pointer;
     background: #a7d1f2;
  padding: 8px 16px;
  border-radius: 2px;
  margin-right: 8px;
  color:#333;
}

.file-input:hover > .button {
  background: dodgerblue;
  color: white;
}

.file-input > .label {
  color: #333;
  white-space: nowrap;
  opacity: .3;
}

.file-input.-chosen > .label {
  opacity: 1;
}
.job-apply-btn .btn.btn-md{padding: 13px 35px;}
.pagination{display: flex;
    justify-content: center;
    padding-bottom: 20px;
    margin-top: 20px;}
.pagination .page-numbers{padding: 2px 10px;
    min-width: 20px;
    background: #fff;
    color: #5f5d5d;
    transition: all 1s ease;
    border: 1px solid #2073d4;
    border-radius: 0px;
    margin-right: 2px;
    transition: all 1s ease;}
.pagination .page-numbers.current, .pagination .page-numbers:hover{
   
    background: #2073d4;
    color: #fcfcfc;}

    .tax-job-category .job-detail-box-head{border-bottom: 0;padding-bottom: 0; margin-bottom: 0;}

    .shape-banner.banner-sm {height:264px;}
    .shape-banner.banner-sm .banner-caption-inner.mt-5{margin-top: 0 !important;}
    .home-below-banner video{width:100%; object-fit: cover;border-radius:16px;}

    .home-below-banner video:focus{outline: 0;}
    div.wpcf7-mail-sent-ok{color:#222 !important;}
    .expertise-sec .feature_show_full_detail{min-height: 176px;}
    .expertise-sec .caption-text-below .font-heading-color{min-height: 36px;}
    .title-one { 
    color: #666666;
    display: inline-block;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.title-one:before {
    color: #4f8fde;
    content: "||";
    left: -40px;
    position: absolute;
       top: -8px;
    font-size: 32px;
}
.title-one:after {
    color: #4f8fde;
    content: "||";
    position: absolute;
    right: -40px;
        top: -8px;
    font-size: 32px;
}
.overview-detail .circle-icon{width: 60px;
    height: 60px;
    background: #2073d4;
    color: #fff;
    font-size: 28px;
    border-radius: 50%;
    margin-right: 19px;}
    .overview-detail{background: #f3f7fb;
    padding: 20px 15px;
    margin-bottom: 25px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.09);}

    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.sent .wpcf7-response-output{color:#282828 !important;} 


    @media (max-width:767px){
    .logo-img img{width: 150px !important;}
		.banner-caption {padding: 0px 1rem;}




    }
    
    
    /* Add exta css */
    
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group{width:100%;}
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement, .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea{
    display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ur-frontend-form .ur-form-row .ur-form-grid button:focus, .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]:focus, .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]:focus, .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"]:focus, .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]:focus, .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"]:focus, .ur-frontend-form .ur-form-row .ur-form-grid select:focus, .ur-frontend-form .ur-form-row .ur-form-grid textarea:focus{color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
    
    
.ur-frontend-form .ur-form-row .ur-form-grid label, .ur-frontend-form .ur-form-row .ur-form-grid legend{width:100%;}
.ur-frontend-form.login .password-input-group{width:100%;}

.user-registration .ur-frontend-form.login {
    width: 500px;
    max-width: 100%;
    margin: auto;
}
.user-registration-MyAccount-content .ur-frontend-form.login{width:100%;}
#user-registration p{margin-bottom:0px;}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item{margin-bottom:0px;}

.user-registration-Button.button,
.button.ur-submit-button{margin:auto}

.upload_cv{text-align: center;
  box-shadow: 0 0 10px rgb(238, 238, 238);
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;}
  .upload_cv label {
    width: 100%;
    color: #17406f;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;margin-bottom: 15px;
  }
  .upload_cv #uploadForm {
    width: 600px;
    max-width: 100%;
    margin: auto;
  }

  .upload_cv #uploadForm .pro-dtl-btn {
    position: absolute;
    right: 15px;
    bottom: -48px;
  }
  .btn-block{margin-top: 10px;}

.congratulations-sec .form-group input{border: 1px dashed #c910a2;
  width: 200px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  padding: 24px;color: #c810a1;}


.ft-left ul{
  position: relative;
}
.ft-left .border-style::before{
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  /* border: 2px solid #8C8C8C; */
  border: 2px solid transparent;
    left: -10px; border-radius:5px;
}

.ft-left .footer_nav .footer-contact li:nth-child(1){height:110px;}
.footer .footer_top .ft-left .footer-menu {padding-bottom: 5px;}

.footer .footer_top .ft-left .border-top-custom{border-top: 1px solid #E0DEDE;padding-top:10px;}

.lab-ul{display: none;}
.ulshape{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);z-index: 99;}
  .ulshape .ccl-shape a{padding: 8px 10px;min-width: 280px;display: inline-block;text-align: center;margin:10px 0px;color: #fff;border-radius: 5px}
  .ulshape .ccl-shape.shape-1 a{background-image: linear-gradient(to left, #00c0a6, #00b1c9, #009df4, #0080ff, #1d4dfa);}
  .ulshape .ccl-shape.shape-2 a{background-image: linear-gradient(to right, #ff5dcc, #ff4ca2, #ff4878, #ff514f, #f16126);}
  .ulshape .ccl-shape.shape-3 a{background-image: linear-gradient(to right, #52f781, #a5e150, #d3c83a, #f0ae43, #fe955c);}
  .ulshape .ccl-shape.shape-4 a{background-image: linear-gradient(to right, #fe955c, #ff816d, #ff6d86, #ff5fa7, #ff5dcc);}
  .ulshape .ccl-shape.shape-5 a{background-image: linear-gradient(to right, #785eff, #009fff, #00c8ff, #00e4ce, #52f781);}


@media screen and (max-width:1199px){
    .is-sticky.header .navbar-brand {width: 130px;}
    .ft-left .footer_nav .footer-contact li:nth-child(1){height:auto;}
    .header .navbar-nav > li > a, .cart-section > ul > li {font-size: 12px !important;}


    .banner-section {padding-top: 20px;}
    .banner-section .section-wrapper{text-align: center;}
    .section-wrapper .banner-content .img-wrap img{width: 100px;}

    .banner-section .section-wrapper .banner-content .title{font-size: 30px;line-height: 1.3;}
    .banner-section.style-1 .banner-content {padding-bottom: 50px;}

    .banner-section .all-shapes{width: 600px;height: 600px;top: 15%;display: block !important;}
    .banner-section .cbs-content-list ul li.shape-1{top: 33%;}
    .banner-section .cbs-content-list ul li.shape-2{right: 10%;}
    .banner-section .cbs-content-list ul li.shape-4{right: 50%;}
    .banner-section .cbs-content-list ul li.shape-5{right: 60%;}
    .ulshape {
      top: 50%;
      left: 5%;
      transform: translate(-5%,-50%);
    }
    .banner-section .all-shapes{left: 30%;}
    
}
@media screen and (max-width:991px){
    .ft-left .border-style::before{display:none}
    .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement, .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea{
        font-size:13px;
    }

    html,body{overflow-x: hidden;}

    .course-list{ padding: 50px 0px;}
.product-slider.owl-carousel .owl-item img{height: 250px !important;object-fit:cover}
.modal-btn{min-width: auto !important;width: auto;}
.course-list .heading-block {padding-top: 50px !important;}
.section-padding.relative.font-white.home-below-banner .col-sm-6.mt-4.mb-4 {
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.section-padding.blue-bg.tutoring-sec.relative .col-sm-6.inner-padding,
.section-padding.blue-bg.tutoring-sec.relative .col-sm-6.mb-2.relative{
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
 
.footer_nav ul{flex-direction: column;}


.modal .close{top: -5px;
  right: -5px;width: 40px;
  height: 40px;}
  #StepModal .modal-body{padding: 20px 15px !important;}
  
.step-block .step h2.ttl{font-size: 21px;margin-bottom: 10px;}
.modal .typeJsWrapper h2{width: 100%;}
.modal .typeJsWrapper h2{font-size: 14px;}
.step_course-sec .text-block p{width: 100%;font-size: 14px;}

.nav.nav-tabs.courseRecommendationstab .nav-link{padding: .5rem 0.5rem;font-size: 12px;}
.upload_cv label{font-size: 18px;}

.section-padding.blue-bg.tutoring-sec.relative .btn.btn-blue.home-view-btn.btn-md.fweightbold.btn-animation-bg.mr-2 {
  margin-bottom: 10px;
}
.section-title.section-hy-title.center-block.text-center.col-lg-10 h1, .section-title.section-hy-title.center-block.text-center.col-lg-10 .heading1{    font-size: 28px;}
.form_confirmation.btn {font-size: .65rem !important;}
#StepModal {
  padding-right: 0px !important;
}

#setup22{width: 150px;}

}




@media screen and (max-width:767px){
    .ft-left ul{flex-direction: column;}
    .footer .footer_top .ft-left .footer-menu ul li + li{margin-left: 0px;}
    .footer .footer_bottom{padding-top: 10px;
        margin: 0px !important;}

        .landing.footer .footer_top .ft-left .border-top-custom{text-align: center;}
        .landing.footer .social.social_bottom_link{display: flex;flex-direction: inherit;}

        .heading-block .ttl{font-size: 28px;}
        .welcome-sec .heading2 span{font-size: 26px;line-height: 1.2;}
       .achieve-sec .heading2 span{line-height: 1;}

       .card-img-top img {
        min-height: 242px;
      }

    

      

}
@media screen and (max-width:767px){
  .banner-section .cbs-content-list ul li.shape-3{top: 70%;}
  .banner-section .cbs-content-list ul li.shape-4 {right: 40%;}
  .banner-section .cbs-content-list ul li.shape-5 {right: 50%;top: 60%;}

  .modal-btn{font-size: 12px;min-width: 450px;}
  /* .modal-btn:before{min-width: calc(450px + 12px);} */

}


@media screen and (max-width:575px){
    .ft-left .border-style{padding-top: 10px;}
     .footer .footer_top .ft-left .footer-menu ul{flex-direction: column}
    .footer .footer_top .ft-left .footer-menu ul li{margin-bottom: 5px;text-align: left;}
    .footer .footer_top .ft-left .footer-menu ul li + li { margin-left: 0px;}

    .banner-section .cbs-content-list ul li.ccl-shape a{padding: 6px 10px;}
    .banner-section .cbs-content-list ul li.shape-1{right: 20%;}
    .banner-section .cbs-content-list ul li.shape-4 {right: 30%;}
    .banner-section .cbs-content-list ul li.shape-5 {right: 30%;}

    .banner-section .all-shapes{left: 0%;}
    .ulshape{top: 100%;
      left: 50%;
      transform: translate(-50%,-100%);}
      .ulshape li a{font-size: 13px;}
      .ulshape .ccl-shape a{margin: 5px 0px;}
.heading2  {  line-height: 1;}

.modal-btn{min-width: 300px;}
.modal-btn:before{min-width: calc(300px + 12px);}


.banner-section.style-1 .banner-content {
  padding-bottom: 10px;
}
.banner-section .section-wrapper .banner-thumb{margin-top: 0px;}
.banner-section.style-1 .banner-thumb img{min-height: 442px;object-fit: cover;}


}


@media screen and (max-width:360px){
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement, .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea{
    font-size: 10px;
    }
}

.dob_date_box {
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.dob_date_box .dob_box{-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;}

.dob_date_box .date_month.dob_box{margin-right: 10px;margin-top: 1px}
.dob_date_box .date_date.dob_box{margin-left:10px;margin-top:45px;}

.user-registration-error{display:flex !important;align-items: center;}
.user-registration-error li {
    margin-bottom: 0px !important;
}

.my-2.text-center a.btn.home-view-btn {margin: 5px 0px;margin-right: 0px;}
.my-2.text-center a.btn.btn-blue.home-view-btn.btn-md.fweightbold.btn-animation-bg.mr-3{margin-right: 0px !important;}
.how-work-lim {
  padding: 50px 30px;
  /* height: 100% */
}