html {
scroll-behavior: smooth;
}
@font-face {
font-family: 'Tahoma';
src: url('../../fonts/Tahoma.woff2') format('woff2'),
url('../../fonts/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Tahoma';
src: url('../../fonts/Tahoma.woff2') format('woff2'),
url('../../fonts/Tahoma.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Tahoma';
src: url('../../fonts/Tahoma-Bold.woff2') format('woff2'),
url('../../fonts/Tahoma-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Tahoma';
src: url('../../fonts/ahoma-Bold.woff2') format('woff2'),
url('../../fonts/Tahoma-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }
    
    @font-face {
        font-family: 'Myriad Pro Semibold';
        font-style: normal;
        font-weight: normal;
        src: url('./../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
        }
        
    @font-face {
        font-family: 'Myriad Pro Bold';
        font-style: normal;
        font-weight: normal;
        src:  url('./../fonts/MYRIADPRO-BOLD.woff') format('woff');
        }
        
    

body{

font-family: 'Myriad Pro Regular';
}
a,button{
transition: 1s;
text-decoration: none;
}
h2{
    font-size: 32px;
    font-weight: 700;
}
.btns-top a {
border: 2px solid #fff;
border-radius: 50px;
color: #fff;
font-size: 11px;
padding: 4px 20px 3px 20px;
display: inline-block;
width: 230px;
font-family: 'Tahoma';
text-align: center;
}
.btns-top a:hover {
background: #fff;
color: #212060;
}

.text-blue{
color: #212060;
}
.navbar-dark .navbar-nav .nav-link {
font-family: 'Tahoma';
color:#fff;
font-weight: 500;
font-size: 16px;
margin-right: 35px;
position: relative;
padding-left: 0px;
padding-bottom: 15px;
padding-top: 15px;
}
.navbar-dark .navbar-nav .nav-link:focus{
    color: #fff;  
}
.navbar-dark .navbar-nav .nav-link:focus::before  {
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    height: 5px;
    background: #fff;
    bottom: -1px;
}

/* .navbar-light .navbar-nav .nav-link.active::before {
    content: "";
    display: block;
    width: 50px;
    position: absolute;
    height: 5px;
    background: #469ed5;
    bottom: -1px;
}  
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
color: #469ed5;
} */
a.navbar-brand img {
width: 90%;
}

.navbar .navbar-nav .nav-link:before {
content: '';
position: absolute;
left: 0px;
bottom: -1px;
width: 0px;
height: 5px;
background: #fff;
transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}

.navbar .navbar-nav .nav-link:hover {
color: #fff;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
}

.navbar .navbar-nav .nav-link:hover:before {
width: 50px;
}

a.btn.btn-kon {
background: #fff;
font-size: 14px;
color: #000062;
border-radius: 50px;
width: 100px;
font-weight: 700;
padding: 7px 0px 5px 0px;
border: 0px;
letter-spacing: 1px;
box-shadow: 0px 0px 11px #02209038;
}
a.btn.btn-kon:hover {
background: #ffffff;

color: #000;

}
.banner.new-two{
background:url(../../assets/img/top-bg.jpg), #fdfdfc;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 30px;
}
.banner{
background:url(../../assets/img/banner.png), #fdfdfc;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 30px;
}
.banner-detail{
    padding-top: 100px;
    padding-bottom: 40px;
}
.box-white.gry {
    background: #79858b;
    color: #fff;
}
h2.text-blue.text-uppercase {
    font-weight: 800;
}
h2.font-weight-normal.ml-35.text-blue {
    font-weight: 300;
}
.box-white.gry p {
    
    color: #fff;
}
.banner-detail h1{
    font-family: 'Myriad Pro Bold';
color: #fff;
font-size: 52px;
font-weight: 700;
text-transform: uppercase;
}
.banner-detail p{
    font-family: 'Myriad Pro Regular';
color: #fff;
font-size: 25px; 
font-weight: 400; 
margin-bottom: 0px;
}

.btn.btn-mehr{
background: #fff;
font-size: 19px;
border: 0px;
color: #01015d;
width: 165px;
margin-top: 50px;margin-bottom: 100px;
border-radius: 10px;
padding: 9px 0px 5px 0px;
box-shadow: 0px 0px 11px #02209038;
}
.box-white{
    background:#fff;
    padding: 15px 20px;
    color: #020066;
    text-align:center;
    margin: 120px 0px 0px 0px;
}
.box-white h2{
    font-size: 32px;
    font-weight: 700;
    font-family: 'Myriad Pro Regular';
}
.box-white p {
    margin: 0 auto;
    max-width: 1060px;
    color: #020066;
    font-family: 'Myriad Pro Regular';
    font-size: 32px;
}
.box-white {
    max-width: 1110px;
    margin: 0 auto;
}
.bg-blue{
    background: #020066;
}
.sec-der{
    background:url(../../assets/img/bg-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding:30px 0px;
}
.text-blue{
    color: #020066;
}
.ml-35{
    margin-left:35px;
}
.content-main{
    font-size: 28px;
    margin-left: 70px;
}
.list-der li span {
    line-height: 35px;
    font-size: 24px;
}
.list-der li {
    font-size: 38px;
    line-height: 35px;
    margin-bottom: 15px;
}
.list-der li span {
    font-size: 24px;
}
ul.list-der {
    width: 60%;
    text-align: left;
    margin: 0 auto;
}
ul.img-bx {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0px;
}
ul.img-bx li {
    float: left;
    list-style: none;
       width: 16.5%;
    padding: 0px 10px;
}
.img-tag {
    font-size: 16px;
    color: #020066;
}
.sec-box {
padding:35px 0px;
}
.sec-box p{
    font-family: 'Myriad Pro Regular';
    font-size: 24px;
    margin-bottom: 0px;
}
.slide-item{
    padding:20px 20px;
    border: 1px solid #c4c4c4;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.circle {
    border: 1px solid #b6b5b5;
    width: 155px;
    height: 156px;
    border-radius: 100px;
    line-height: 156px;
    text-align: center;
    display: flex;
    align-items: center;
    margin: auto;
}
.slick-center .circle {
    background: linear-gradient(180deg, #469ed5,#212060);
}
.slick-center .circle {
    background: linear-gradient(180deg, #469ed5,#212060);
}
.img2{
    display: none !important;
}

.slick-center .circle .img2{
    display: block !important;
}
.slick-center .circle .img1{
    display: none !important;
}
h2.text-blue.text-uppercase {
    text-align: center;
}
section.sec-der {
    text-align: center;
}
.heading{
font-size: 19px;
font-family: 'Myriad Pro Regular';
    text-transform: uppercase;
    font-weight: 800;
color: #000000;
line-height: 24px;
margin-top: 10px;
margin-bottom: 15px;
height: 45px;
}
.slide-item p{
   font-size: 14px;
    color: #818181;

}
.para-height {
    height: auto;
    min-height: 325px;
}
button.btn.btn-learn {
    border: 1px solid #cdcdcd;
    border-radius: 100px;
    color: #acacac;
    width: 160px;
    display: block;
    font-size: 15px;
    margin: auto;
    padding: 9px 0px 6px 0px;
}
.slick-center button.btn.btn-learn{
    background: linear-gradient(180deg,#212060, #469ed5);   
    color: #fff;
}
.slick-dots li button {
    border-radius: 50px;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #212060;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
   display: none;
}
.slick-dots li.slick-active button {
 background:#212060 ;
}
.slider-top .next-arrow {
    position: absolute;
    top: 40%;
    margin-top: -15px;
    right: -35px;
    border: 0px;
    font-size: 45px;
    color: #212060;
}
.slider-top .prev-arrow {
    position: absolute;
    top: 40%;
    margin-top: -15px;
    left: -35px;
    border: 0px;
    font-size: 45px;
    color: #212060;
}

button.slick-arrow {
background: transparent;
}
.border-blue {
    border: 1px solid #212060;
    padding: 80px 20px;
}
a.btn-play {
    width: 95px;
    height: 60px;
    background: #1587bd;
    display: block;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 66px;
    border-radius: 4px;
    position: absolute;
    top: 44%;
    left: 40%;
}
.border-blue h3 {
    padding-left: 45px;
    font-size: 24px;
    color: #000;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}
.video-title{
    color: #212060;
    font-size: 18px;
    font-family: 'Myriad Pro Bold';
}
.text-center.bld {
    margin-top: 30px;
}
.text-center.bld b {
    font-size: 18px;
    color: #000;
    font-family: 'Myriad Pro Bold';
    display: block;
}
.vid-subtitle{
    color: #212060;
    font-size: 24px;  
}
ul.list {
    padding-left: 18px;
}
.list li {
    color: #000000;
    font-size: 24px;
}
.padd-left {
    padding-left: 45px;
}
button.btn.btn-video {
background: linear-gradient(182deg,#5366df, #020066);
    font-size: 26px;
    color: #fff;
    font-weight: 800;
    border: 0px;
    text-transform: uppercase;
    max-width: 840px;
    display: block;
    margin: auto;
    margin-top: 50px;
    border-radius: 15px;
    padding: 15px 30px 9px 30px;
    box-shadow: 0px 0px 11px #02209038;
}
h3.main-h {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    font-family: 'Myriad Pro Bold';
    color: #07066d;
    margin-bottom: 40px;
}
.sec-logos{
    background: url(../../assets/img/bg-logos.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 60px 0px;
}
.title-logo{
    font-size: 38px;
    color: #fff;
}
.box{
    background: #fff;
    padding: 30px 30px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.img-box {
    height: auto;
    min-height: 90px;
}
.box p {
    font-size: 14px;
    color: #bcbbbb;
    min-height: 220px;
}
.form-box.gr input {
    background: #f5f5f5;
}
.form-box.gr textarea {
    background: #f5f5f5;
}
.box a {
    color: #212060;
}
.box-blue.gr {
    background: #f5f5f5;
}
.regular .next-arrow {
    position: absolute;
    top: 40%;
    margin-top: -15px;
    right: -35px;
    border: 0px;
    font-size: 45px;
    color: #fff;
}
.regular  .prev-arrow {
    position: absolute;
    top: 40%;
    margin-top: -15px;
    left: -35px;
    border: 0px;
    font-size: 45px;
    color: #fff;
}
.regular .slick-dots li.slick-active button {
    background: #fff;
}
.regular .slick-dots li button {
    border: 1px solid #fff;
}
.regular .slick-center a {


    color: #212060;
}
.img-crc {
    position: absolute;
}
.img-crc.two {
    position: absolute;
    margin-top: 19px;
    border-radius: 50px;
    border: 1px solid #000;
    width: 40px;
    height: 40px;
    padding: 7px 0px;
}
.form-box {
    margin-top: -24px;
}
.img-crc.two img {
    width: 20px;
    padding: 0px;
    margin: 0 auto;
}
.img-crc img {
    width: 24px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}
footer.footer.dark-bg.text-white.border-bottom.pb-3 {
    background: url(../../assets/img/floor-area.jpg);
}
footer.footer-btm.bg-blue.blk {
    background: #09232e;
}
.img-crc {
    position: absolute;
    margin-top: 3px;
    border-radius: 50px;
    border: 2px solid #000;
    width: 40px;
    height: 40px;
    padding: 7px 0px;
}
.box-blue img {
    position: absolute;
    left: 0px;
}
.box-blue p {
    position: relative;
    color: #000;
    padding-left: 55px;
}

.box-blue {
background: #f4e3cd;
    border-radius: 10px;
  padding: 61px 25px;
}
.box-blue h3 {
    font-size: 20px;
    font-family: 'Myriad Pro Bold';
    font-weight: 600;
    color: #000;
    margin-bottom: 40px;
}
.box-blue p {
    font-size: 22px;
    margin-bottom: 0px;
}
.box-blue i {
    font-size: 15px;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
}
input.form-control::-webkit-input-placeholder { /* Edge */
  color:#000;
}

input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#000;
}

input.form-control::placeholder {
  color:#000;
}
textarea.form-control::placeholder {
  color:#000;
}

.form-box {
    margin-top: 12px;
}
button#submit {
    background: linear-gradient(180deg,#5366df,#12147e );
    width: 170px;
    outline: none;
    box-shadow: none;
    font-size: 18px;
    border-radius: 30px;
    padding: 16px 0px 11px;
    margin-top: 25px;
    color: #fff;
    border: 1px solid #418dc5;
}
textarea.form-control {    font-size: 19px;}
input.form-control {
    height: 50px;
    font-size: 19px;
    color: #000;
}
.form-control {
background: #f4e3cd;
    border: 0px;
}
.form-control:focus {
    color: #212529;
 background: #f4e3cd;
    border-color:  #f4e3cd;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}
section#topScroll {
    padding: 30px 0px 80px 0px;
}
a.bg-white.p-3.d-inline-block {
    border-radius: 15px;
}
.box.my-2.text-img b {
    font-weight: 800;    color: #000;
    text-transform: uppercase;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}
a.text-white {
    margin-top: 35px;
    display: inline-block;
}
ul.list-area.clearfix {
    margin-top: 20px;
}
footer.footer.text-white.border-bottom.pb-3 h5 {
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Myriad Pro Bold';
}
ul.list-area li h6 {
    font-size: 19px;
    line-height: 25px;
}
.bg-blue {
    background: #191414;
}
.img-cr img {
    width: 40px;
    margin-top: 20px;
}
.img-cr {
    width: 80px;
    height: 80PX;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 0px;
    display: block;
    margin: 0 auto 20px;
}
ul.list-area li {
    width: 33%;
    float: left;
    list-style: none;
}

.footer {
    background: url(../../assets/img/footer-bg.jpg);
    padding: 70px 0px 0px;
}
.footer h2{
font-size: 36px;
font-weight: 700;
}
.footer p{
font-size: 19px;

}
.footer pre{
    font-size: 19px;
    margin-bottom: 0px;
}
.w-420 {
    width: 420px;
}
.mb-50{
margin-bottom: 50px;
}
.footer a{
color: #000000;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
font-family: 'Raleway', sans-serif;
margin-right: 35px;
text-decoration: none;
}
.footer-btm p{
font-family: 'Raleway', sans-serif;
font-size: 14px;
padding:20px 0px;
font-weight: 600;
}
/*Responsive table*/
/*======
Media Queries
=======*/
/*========================*/


@media screen and (min-width: 2200px) {

}
@media (min-width: 1200px) and (max-width: 2400px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	.box-blue p {
    font-size: 18px;
    margin-bottom: 0px;
}
	.box p {
    font-size: 14px;
    color: #bcbbbb;
    min-height: 220px;
}

.box {
    background: #fff;
    padding: 20px 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    ul.list-der {
    width: 90%;
    text-align: left;
    margin: 0 auto;
}
    ul.img-bx li {
    float: left;
    list-style: none;
    width: 30%;
    padding: 0px 10px;
}
	a.btn.btn-kon {
    margin-left: -30px;
}
	a.navbar-brand img {
    width: 77%;
}
	
	
    .box-blue h3 {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .box-blue {
    
        border-radius: 10px;
        padding: 40px 20px;
    }
    .para-height {
        height: auto;
        min-height: 260px;
    }
    .banner {
        padding: 75px 0px;
    }
	.img-crc {
    position: absolute;
    margin-top: -4px;}
.box p {
    font-size: 13px;
    color: #bcbbbb;
    min-height: 220px;
}
}
@media  (max-width: 767px) {
	.box-blue h3 {
    font-size: 22px;
    font-weight: 600;
}
.title-logo {
    font-size: 23px;
    color: #fff;
}
	.border-blue h3 {
    padding-left: 17px;
    font-size: 21px;
    color: #000;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}
	h3.main-h {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;}
	ul.img-bx li {
    float: left;
    list-style: none;
    width: 50%;
    padding: 0px 10px;
}
	ul.list-der {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}
	.content-main {
    font-size: 28px;
    margin-left: 0px;
}
	.ml-35 {
    margin-left: 0px;
}
	.btns-top a {
    margin-bottom: 10px;}
	.footer-btm p {
    text-align: center;}
	a.bg-white.p-3.d-inline-block {
    margin: 0 auto;
    display: block !important;
    max-width: 270px;
}
	ul.list-area.clearfix{padding-left:0px;}
	ul.list-area li {
    width: 100%;
    float: none;
    list-style: none;
}
    .box-blue i {
        font-size: 12px;
        border: 1px solid #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        border-radius: 50px;
        line-height: 24px;
    }
    .box-blue p {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .box-blue h3 {
        font-size: 25px;
        font-weight: 600;
    }
    a.btn.btn-kon {
        background: transparent;
        font-size: 16px;
    color: #ffffff;
        border-radius: 50px;
        width: auto;
        padding: 5px 0px;
        border: 0px;
        box-shadow: none;
        font-family: 'Tahoma';
    }
    .navbar-light .navbar-nav .nav-link.active::before {
        display: none;
    }
    .navbar-light .navbar-nav .nav-link::before {
        display: none;
    }
    ul.navbar-nav.align-items-center {
        align-items: flex-start !important;
    }
    .navbar-light .navbar-nav .nav-link {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    a.bg-white.p-3.d-inline-block {
        margin-bottom: 20px;
    }
    .footer pre {
        font-size: 14px;
        margin-bottom: 0px;
        margin-left: 20px;
    }
    .footer p {
        font-size: 16px;
    }
    .box-blue {
  
        border-radius: 10px;
        padding: 29px 35px;
        margin-bottom: 30px;
    }
    section#topScroll {
        padding: 0px 0px 40px 0px;
    }
    .vid-subtitle {
        color: #212060;
        font-size: 18px;
    }
    .list li {
        color: #212060;
        font-size: 18px;
    }
    .padd-left {
        padding-left: 5px;
    }
    .video-title {
        color: #212060;
        margin-top: 20px;
        font-size: 19px;
    }
    .border-blue {
        border: 1px solid #212060;
        padding: 20px 20px;
    }
	.list-der li span {
    font-size: 22px;
}
button#submit {
    margin: 20px auto 0px;
    display: block;
}
	.content-main {
    font-size: 22px;
    margin-left: 0px;
}
	h2.font-weight-normal.ml-35.text-blue {
    font-size: 21px;
}
	h2.text-blue.text-uppercase {
    font-size: 22px;
}
	.btn.btn-mehr {
    background: #fff;
    font-size: 19px;
    border: 0px;
    color: #01015d;
    width: 165px;
    margin-top: 20px;
    margin-bottom: 40px;
    border-radius: 10px;
    padding: 9px 0px 5px 0px;
    box-shadow: 0px 0px 11px #02209038;
}
	.box-white h2 {
    font-size: 19px;}
    .sec-box p {
        font-size: 18px;
    }
    .banner p {
        font-size: 18px;;
    }
 .banner {
    padding: 30px 0px 20px;
}
.banner-detail {
    padding-top: 30px;
    padding-bottom: 0px;
}
    .btns-top a {
        padding: 4px 15px 3px 15px;
        width: auto;
    }
    a.navbar-brand img {
          width: 200px;
    }
    .w-420 {
        width: auto;
    }
    .slider-top .next-arrow {
        right: -15px;
        font-size: 25px;
    }
    .slider-top .prev-arrow {
        left: -15px;
        font-size: 25px;
    }
    .regular .next-arrow {
        right: -5px;
        font-size: 25px;
    }
    .regular .prev-arrow {
        left: 0px;
        font-size: 25px;
    }
    .banner h1 {
        font-size: 28px;
    }
    button.btn.btn-video {
        
    margin-top: 20px;
        font-size: 14px;
        width: 100%;
        padding: 15px 20px 9px 20px;
    }

}

@media (min-width: 540px) and (max-width: 720px) {
	

.box {
    background: #fff;
    padding: 30px 30px;
    margin-left: 10px;
    margin-right: 11px;
    margin-bottom: 20px;
    border-radius: 8px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
}