*{margin:0; padding:0; box-sizing: border-box;}

@font-face {

    font-family: 'aileronbold';

    src: url('../fonts/aileron-bold-webfont.woff2') format('woff2'),

         url('../fonts/aileron-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'aileronregular';

    src: url('../fonts/aileron-regular-webfont.woff2') format('woff2'),

         url('../fonts/aileron-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'aileronsemibold';

    src: url('../fonts/aileron-semibold-webfont.woff2') format('woff2'),

         url('../fonts/aileron-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'aileronsemibold_italic';

    src: url('../fonts/aileron-semibolditalic-webfont.woff2') format('woff2'),

         url('../fonts/aileron-semibolditalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'aileronlight';

    src: url('../fonts/aileron-light-webfont.woff2') format('woff2'),

         url('../fonts/aileron-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

body{font-family: 'aileronregular'; font-size: 16px;}



h2{font-family: 'aileronbold'}



/*header*/

.header-banner {

    position: relative;

    margin: 0 auto;

    display: table;

}

.text-book-content {

    margin-bottom: 35px;

}

.text-book-content h2 {

   margin-bottom: 25px;

    padding: 22px 0;

    color: #fff;

    background-color: #f15d2b;

    text-align: center;

}

.text-book-content h3 {

    color: #2d65b0;

    font-size: 20px;

    font-weight: 700;

}

.text-book-content ul {

    padding-left: 20px;

}

header {

    padding: 5px 0;

    position: relative;

    background-color: #f1f1f1;

    box-shadow: 0px 5px 10px rgb(100 100 100 / 10%);

}

 .logo h2 {margin-bottom: 0;}

header nav{position: relative;}

header nav ul{display: flex; justify-content: flex-end; margin-bottom: 0;}

header nav ul li{list-style-type: none; position: relative;}

header nav ul li a{text-decoration: none;

    font-size: 16px;

    display: block;

    text-align: center;

    padding: 7px 13px;

    margin: 0 0px 0 0px;

    color: #000;}

header nav ul li a:hover,

header nav ul li a.active{color: #fff; background-color: #0463ca;}

.menu-toggle {position: absolute;font-size: 22px;top: 10px;color: #000;right: 22px; display: none;}

/*sub menu*/

header nav ul li ul {display: none;padding-left: 0;

width: 250px;position: absolute;left: 0; z-index:11;}

header nav ul li:hover ul{display: block;background-color: #f1f1f1;width: 250px;}

header nav ul li ul li a {text-align: left;}

header nav ul li a i {position: relative; width: 15px; display: block;}

.banner{position: relative;}

 .banner img{width: 100%}

 /*srnk*/

 header.shrink { position: fixed;background: #fff;

    box-shadow: 0px 3px 10px rgb(100 100 100 / 10%);

    animation: smoothScroll 2s;top: 0px;width: 100%;z-index: 3;}



.shrink .logo h2 a {

    color: #0463ca;

}



header.shrink ul li a{color:#000;}



@keyframes smoothScroll {

    0% {

        transform: translateY(-100px);

    }

    100% {

        transform: translateY(0px);

    }

}





/*header*/



/*--=======home=======--*/

.home-part { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;

    color: #fff;text-align: center;}

    .home-content h1 { font-size: 2.3rem;}



.form-wrapper .srch-box {width: 75%;padding: 9px 7px;outline: none;}



.form-wrapper { display: flex; justify-content: center; align-items: center;}



.form-wrapper .srch-box { width: 75%; padding: 9px 7px; outline: none; border: 2px solid #fff;

    background-color: transparent; border-right: none; color:#fff;}



.form-wrapper .srch-submit {width: 10%; padding: 9px 13px;border: 2px solid #fff;

    background-color: #0463ca; border-left: none;}



.form-wrapper span{position: relative;}



.form-wrapper span i { position: absolute; top: -13px; left: -41px; font-size: 26px;}



.sky-commam{position: relative;padding-top:65px; width: 100%;}

/*about sky*/

.about-ksy{position: relative;}

.about-sky-content h2{position: relative; color: #0463ca; font-weight: 700; font-size: 36px; 

    margin-bottom: 25px;}

.about-sky-content h2 span{color: #000;}

.about-sky-content h2:after{content: ''; position: absolute;bottom: -8px; width: 40%; 

height: 2px; left:0; background-color: #000; background:url(../images/comman-line.png) no-repeat;}

.about-sky-content p {color: #6d6e71;font-size: 18px;font-weight: 400;}

.mission-box {

    display: flex;

    align-items: center;

    text-align: center;

}

.comman-btn{margin-top:15px;}

.comman-btn:nth-child(2n-2){margin-left:12px;}

.comman-btn a {

    text-decoration: none;

    background-color: #0463ca;

    color: #fff;

    padding: 9px 15px;

    text-transform: uppercase;

    font-size: 18px;    

}

.comman-btn a:hover {

    background: #000;

    transition: all 0.5s;

}

.about-sky-content ul li a {

    text-decoration: none;

    font-weight: 700;

}



/*--===Mission-Vission=====--*/

.sky-mission-vission{

    background-color:#ecf5ff;

    position: relative;

    width: 100%;

    padding:50px 0;

}

.mission-vision-box .nav-link {

    border-radius: 1px;

    text-transform: uppercase;

    font-size: 18px;

    background-color: #0463ca;

    color: #fff;

}

.mission-vision-box .nav-link:hover{background-color: #000;}

.mission-vision-box .nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #000; color:#fff;

    transition: all 0.4s;

}

.mission-vision-box ul {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 100%;

}

.mission-vision-box ul li {

    margin-left: 10px;

}

.mission-vision-info p {

    margin-bottom: 0;

}

.mission-vission-img img {

    margin: 0 auto;

    display: table;

}



/*who we are*/

.what-we-img {

    width: 100%;

}

.what-we-img img {

    position: absolute;

    right: 0;

    width: 45%;

    height: 345px;

    top: 65px;

}

.what-we-hdr p{font-size: 16px; color:#000;}

.what-we-head h2{text-align: center; margin-bottom: 25px; color: #0463ca; font-weight: 700; 

    font-size: 36px;}



.what-we-head h2 span{color: #000;}

.what-we-hdr h2{color: #000; font-size: 36px;}

.what-we-hdr h2 span{ color: #0463ca;}

.digital-header h2 {text-align: center;font-size: 46px;font-weight: 700;}

.digital-header p {text-align: center;}

.digital-header p span{color: #0463ca;}

/*footer*/

.footer{content: ''; position: relative; left:0; width: 100%; padding: 25px 0; 

background:url(../images/footer-img.png) no-repeat;}



.usefull-link h3 {color: #0463ca;font-weight: 700;}

.usefull-link p {color: #fff;font-weight: 400;}

.usefull-link ul{padding-left: 0;}

.usefull-link ul li{list-style-type: none;}

.usefull-link ul li a{color: #fff; text-decoration: none;}

.usefull-link a{color: #fff; text-decoration: none;}



/*services*/

.service-comman-box i {

    text-align: center;

    margin: 0 auto;

    display: flex;

    font-size: 50px;

    color: #0463ca;

    width: 80px;

    height: 80px;

    background: #f1f1f1;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

}

.services-header h2 {

    text-align: center;

    font-size: 36px;

    margin-bottom: 25px;

}

.comman-heading h2{position: relative;}

.comman-heading h2:after{

    content: '';

    position: absolute;

    bottom: -8px;

    width: 39%;

    height: 2px;

    left: 63%;

    transform: translate(-50%, -50%);

    background-color: #000;

    background: url(../images/comman-line.png) no-repeat;



}

.comman-heading h2 span{

    color:#0463ca;

}

.services-header p{text-align: center;}

.services-header p strong {

    text-align: center;

    margin: 0 auto;

    display: table;

    color:#0463ca;

}

.service-comman-box img {

    margin: 0 auto;

    display: table;

}

.service-comman-box {

    box-shadow: 0 0 6px #ccc;

    padding: 25px;

    

}

.srv-cont-comn-box {

    text-align: center;

}

.srv-cont-comn-box h2 {

    margin-bottom: 0;

    padding: 15px 0;

    font-size: 22px;

    color: #0463ca;

}

.srv-cont-comn-box a {text-decoration: none;border: 1px solid #2196f3;color: #000;display: inline-block;padding: 3px 15px;background-color: transparent;border-radius: 30px;}



.srv-cont-comn-box a:hover {background-color: #2196f3;transition: all 0.5s;color: #fff;}



.srv-cont-comn-box p {font-style: italic;color: #b2b2b2;font-size: 16px;}



.digital-header.digital-service p strong {color: #72991d;font-size: 18px;}

/*contact*/

.contact-part{position: relative; width: 100%;}



.touch-heading h1 {text-align: center;font-weight: 700;font-size: 36px;}



.text-area{width: 100%; padding:9px;}



.callback h2 {color: #0463ca;font-size: 24px;}



.callback p { margin-bottom: 5px;}



.callback a {color: #000;text-decoration: none;}



.btn.aposy-btn {background: #0463ca;color: #fff;padding: 9px 30px;border-radius: 30px;box-shadow: none;}

/*privacy policy*/

.privacy-comman h2 {font-size: 26px;color: #72991d;padding: 10px 0;text-transform: uppercase;}



.privacy-comman p span{ color: #808285; font-size: 20px;}

/*our team*/



.our-profile {

    padding: 10px 10px;

    background: #fff;

    box-shadow: 0px 0px 10px rgb(100 100 100 / 30%);

    margin-bottom: 30px;

    border-radius: 10px;

}

.profile-img {

    margin-bottom: 10px;

    text-align: center;

}

.profile-img img{width: 100%;}

.profile-cont h4 {

    text-align: center;

    font-size: 18px;

    color: #0463ca;

    font-weight: 600;

}

.profile-cont p {

    text-align: center;

    font-size: 16px;

    color: #8c8c8c;

    font-weight: 400;

}

/*blog*/

.entry-banner{position: relative;width: 100%;}



.breadcrumb-div .breadcrumb { background-color: transparent; margin: 15px 0px 0px 60px;}



.breadcrumb {display: flex;flex-wrap: wrap;padding: 0 0;list-style: none;}



.breadcrumb-div .breadcrumb li, .breadcrumb-div .breadcrumb li a {color: #939393;font-size: 16px;font-weight: 600;text-decoration: none;}



.back-btn-top { padding-top: 20px;}



.back-btn-top a {padding: 6px 15px;background-color: #174694;color: #ffffff;font-size: 16px;

    border-radius: 20px;text-align: center;text-decoration: none;display: inline-block;

    border: 2px solid #174694;margin-left: 55px;}



.back-btn-top a:hover {background: #fff;color: #174694;}



.development-cont h1{color:#2b9ee6; font-size: 30px; line-height: 34px; font-weight: 700;}



.development-cont p {color: #464646;margin-top: 10px;font-size: 16px;line-height: 22px;}



.weeks-wrap {padding-top: 50px;position: relative;}



.weeks-cont h3 {font-size: 24px;font-weight: 700;color: #2b9ee6;margin-top: 20px;}



.weeks-img img {width: 100%;}



.logo h2 a{color:#fff; text-decoration: none;}

.viewAll-service a {

    background-color: #2196f3;

    text-decoration: none;

    border: 2px solid #2196f3;

    color: #fff;

    display: inline-block;

    padding: 3px 35px;

    font-size: 24px;

    border-radius: 30px;

}

.viewAll-service a:hover {

    border: 2px solid #2196f3;

    background: transparent;

    color: #000;

    transition: all 0.5s;

}

.home-content {

    background-color: rgba(0,0,0,0.7);

    padding: 25px 25px;

    border-radius: 7px;

}



.bottom-footer {

    background-color: #1f1f1f;

    position: relative;

    padding: 7px 0;

}

.copyright p{color:#fff; margin-bottom:0;}



.social-icon {

    text-align: right;

    font-size: 18px;

}

.social-icon i {

    margin: 4px;

    width: 25px;

    height: 25px;

    border-radius: 2px;

    background: #fff;

    color: #000;

    display: inline-block;

    text-align: center;

    padding: 4px 4px 4px 4px;

    cursor: pointer;



}

.social-icon i:hover{background-color:#0463ca; color:#fff; transition: all 0.5s;}



.profile-social-icon {

    text-align: center;

    font-size: 18px;

}

.profile-social-icon i {

    margin: 2px;

    width: 25px;

    height: 25px;

    border-radius: 2px;

    background: #f1f1f1;

    color: #000;

    display: inline-block;

    text-align: center;

    padding: 4px 4px 4px 4px;

    cursor: pointer;



}

.profile-social-icon i:hover{background-color:#0463ca; color:#fff; transition: all 0.5s;}



/*career*/

.explore-job{position: relative;margin:35px 0;}

.explore-job a{    

    margin: 0 auto;

    display: table;

    text-align: center;

    padding: 9px 22px;

    color: #fff;

    background-color: #0463ca;

    font-size: 22px;

    text-decoration: none;

    border-radius: 5px;}

.explore-job a:hover{

    background-color: #000;

    color:#fff;

    transition: all 0.5s;

}



/*bs5 media*/

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

.container-max-1000 {

    max-width: 800px;

    min-width: 800px !important;}

}



@media(max-width: 991px){

    .home-content h3 {font-size: 20px;}

    .swiper1{z-index: -1;}

    .home-part{z-index: -1;}

    .home-content h1{font-size: 24px; }

    header{padding: 7px 20px;}

    .menu-toggle{display: block; cursor: pointer;}

    .shrink .menu-toggle { color: #0463ca;}

    .what-we-img img {position: relative;right: 0;width: 100%;height: auto;top: 0px;}



    header nav {z-index: 9; display: block; position: absolute;top: 46px;background-color: #499df9;width: 100%;padding: 0 0;left: -100%; height: calc(100vh - 50px); transition: all 0.5s;}

    header nav.active{left: 0;}

    header nav ul {display: block;padding-left: 0; text-align: center;}

    header nav ul li a{border-bottom: 1px solid rgba(0,0,0,0.2);}

   .fa-close:before{content: "\f00d"!important;}

    /*sub menu*/

     header nav ul li ul{width: 100%; position: relative;}

     header nav ul li ul li a {text-align: center; padding: 0 0;}

    .sub-menu ul {border: 5px solid #4c4c4c;margin: 10px auto;width: 95%;}

}

@media(max-width: 767px){

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {

    content: 'next';

    font-size: 25px;

}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {

    content: 'prev';

    font-size: 25px;

}

    .what-we-img {width: 100%;}



    .home-part{top:35%;}

} 





@media(max-width: 575px){

    .service-comman-box{margin-bottom:20px;}

    .home-part{top:30%; width: 100%;}

} 



@media(max-width: 375px){



    .home-part{top:24%; width: 90%;}

    .home-content h1 {font-size: 20px;}

    .home-content h3 {font-size: 16px;}

    .home-content{padding:10px 7px;}



} 

/* tank you page */


.thank-you {
    background-color: #f1f1f1;
    width: 100%;
    padding: 40px 20px 40px 20px;
    margin: 50px 0 50px;
    border-radius: 8px;
    
  }
  .title{
    color: green;
    font-size: 26px;
    margin: 15px 0;
    font-weight: 700;
    text-align: center;
    line-height: 33px;
  }
  
  
  .icon-style3 {
    background-color: green;
      width: 60px;
      font-size: 40px;
      height: 60px;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      line-height: 50px;
      margin: auto;
      padding: 10px;
      display: inline-block;
  }