@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body { font-family: 'Roboto', sans-serif !important;}
p { font-size: 14px; letter-spacing: .5px}
ul li, ol li { font-size: 14px; letter-spacing: .5px}

/*-------------------------whatsapp----------------------------------------------*/
.whatsapp_float { position:fixed; width:60px; height:60px; bottom:5%; left:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:1000;}
.whatsapp-icon { margin-top:16px;}

/*----------------------------------- for mobile --------------------------------*/
@media screen and (max-width: 767px){
   .whatsapp-icon { margin-top: 13px;}
   .whatsapp_float { width: 50px; height: 50px; bottom: 3%; right: 10px; font-size: 24px; left: 24px; line-height: 1.4;}
}

.menu-flag{ width: 30px; padding-right: 5px;}
.drop-arrowicon{ font-weight: bold; padding-left: 5px;}
.subdrop-icon{ float: right; padding-top: 5px; font-weight: bold;}

/*-------------------------key-door section--------------------------------*/
.key-door{padding: 4% 0; background-image: url('../images/bg.jpg'); background-repeat: no-repeat; background-position: right; }

/*----------------------------------- logo-slider section---------------------*/
.slider-logo-img{ width: 100%;}
.logo-slider .item{ border-radius: 8px; padding: 30px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.logo-slider .item img { width: 130px; margin: auto;}
.logo-slider .item a p { margin: 10px 0 0 0;}
.logo-slider .item:hover{ transition: all ease 0.3s; transform: scale(1.1) translateY(-5px);}

table,tr,th,td{border: 1px solid #dee2e6;}
.country-right-h3{ color: #fd7e14; padding-bottom: 10px;}

/*---------------------------- Ask a Counselor------------------------------ */
.icon-float-2 { position: fixed; right: -3px; top: 35%; z-index: 9	;}
.modal-form-input{ padding: 5px; border: 1px solid #ddd; margin: 5px 0; color: grey;}

/*-----------------------Chat icon-----------------------------------*/
.chat-icon-msg{position: fixed; right: 0; bottom: 5%; right: 0%; width: 105px; z-index: 1000;}
	
/*----------------- back to top display------------------------------*/
.back-to-top { position: fixed; bottom: 1%; right: 25px; display: none; background-color: #fd7e14; color: white; border: none;}

/*----------------------counseling-page css---------------------------*/
.counseling-form-section{ background-color: #E5ECEF; padding: 5% 0; margin: 0 0 5% 0;}

/*------------------------mobile header--------------------------------*/
.mobile-header{display: none;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.mobile-main-dropdown li a{ font-size: 12px important;}
.sidenav ul li .mobile-menu { padding: 15px 0px; text-decoration: none; font-size: 20px; color: white !important; display: block; transition: 0.3s; }
.sidenav ul li a{border-bottom: 1px solid #737373; padding: 10px 0;}
.mobile-header-icon{ text-align: center;}
.mobile-header-icon a{font-size: 20px; padding: 10px 4px; color: #737373;}
.sidenav ul{padding: 5px;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.mobile-header-span{font-size:40px; cursor:pointer;  color: #044262; margin: 0 20px; padding: 2px 20px; border:2px solid #044262; border-radius: 5px;}
.mobile-logo-img{width:142px;}

/*------------------------------------close mobile header---------------------*/

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}

@media screen and (max-width: 470px){
    .slide-text-div{margin: 0 0px;}
    .slide-text h1{font-size: 17px !important;}
    .slide-text p{font-size: 13px;}
    .slide-btn{font-size: 12px !important;}
 }

@media screen and (max-width: 880px){
  .logo-img{width: 113px; margin-left: auto;}
 }

@media screen and (max-width: 682px){
.slide-text{top: 45%;}

    .slide-text h1{font-size: 20px;}

    .slide-text p{font-size: 15px;}

  }


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

    .top-header-btn{font-size: 13px;}

    .mobile-logo-img{width: 180px; margin: 0px 0;}

    .mobile-header-span{padding: 0 5px;}

    .service-textarea{padding: 0 20px;}

    .slide-text-div{margin: 0 10px;}

    .program-sticky-main {margin-top: -376px;}
  }

  /* change css*/

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

    .mobile-logo-img {width: 120px;}

    .mobile-header-span {font-size: 30px;}

    .files-header{padding-top: 1px !important;}

    .top-header-btn {font-size: 12px;}

    .padding-top2{

      padding-top: 10px;

    }

  }







 .pop{

  position: absolute;

  top: -21px;

  background: #044262;

  color: white;

  right: -12px;

  font-size: 20px;

  border-radius: 50%;
	
  padding: 10px;

  border: 3px solid #044262;

  opacity: 2.5!important;

  width: 46px;

 }

.has-float-label {

  position: relative;

  font-size: 81%;

}

.has-float-label label {

  position: absolute;

  opacity: 1;

  transition: all .2s;

  top: -.5em;

  left: .75rem;

  z-index: 3;

  line-height: 1;

  padding: 0 1px

}

.has-float-label label::after {

  content: " ";

  display: block;

  position: absolute;

  background: #fff;

  height: 2px;

  top: 50%;

  left: -.2em;

  right: -.2em;

  z-index: -1

}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {

  opacity: 0

}

.has-float-label .form-control:placeholder-shown:not(:focus)+label {

  font-size: 150%;

  opacity: .5;

  top: .3em

}

.nav-item a {
    color: #044262 !important;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
}

}


@media (max-width: 279px){
  .textmonial-font-size {
    font-size: 8px!important;
}
 .slick-prev {

    left: 26%;
    height: 32px;
    top: 274px;
    width: 36px;
    background-color: #fd7e14;
    padding: 10px;
    margin-top: 80px;
    margin-right: 5px;
  }
  .slick-next:before, .slick-prev:before {
    font-size: 16px;
}
 .slick-next {
   margin-right: 40%;
      height: 32px;
     top: 274px;
    width: 36px;
    background-color: #fd7e14;
    padding: 10px;
    margin-top: 80px;
    margin-left: 5px;

}


}




.sidenav { height: 100%; width: 0; z-index: 99; top: 0; left: 0; background-color: #111; transition: 0.5s; padding-top: 50px;}
.sidenav a { padding: 8px 8px 8px 32px; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: -10px; right: 10px; font-size: 36px;}
.fa fa-minus:before { content: "\ebd1";}

    @media only screen and (max-width: 991px) {
 
        .top-header .customer-links {
            display: none;
            position: absolute;
            right: 0;
            top: 29px;
            z-index: 222;
            margin: 0;
            width: 140px;
            background: #fff;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        }

        .top-header .customer-links li {
            display: block;
            text-align: left;
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #ddd;
        }

        .top-header .customer-links li a {
            color: #555;
            padding: 10px;
            display: block;
        }

        .top-header .customer-links li a:hover {
            opacity: 0.7;
        }

        #siteNav {
            display: none;
        }

        .header-content-wrapper .btn--link {
            border: 0;
        }

        .header-content-wrapper .btn--link .anm {
            font-size: 17px;
        }

  
       
      
       
        .js-mobile-nav-toggle .anm {
            display: none;
            color: #000;
        }

        .site-header__menu {
            border: 0;
            padding: 0;
            font-size: 17px;
            display: block;
            cursor: pointer;
        }

        .js-mobile-nav-toggle.mobile-nav--open .anm-bars-r,
        .js-mobile-nav-toggle.mobile-nav--close .icon.anm.anm-times-l {
            display: inline-block;
        }

        #MobileNav {
            height: 100%;
            overflow: auto;
            list-style: none;
            padding: 0;
            margin: 0;
            background-color: black;
        }


        .mobile-nav-wrapper .closemobileMenu {
            color: white;
            font-size: 13px;
            padding: 8px 10px;
            background-color: #044262;
            cursor: pointer;
        }

        .mobile-nav-wrapper .closemobileMenu .anm {
            font-size: 13px;
            padding: 2px;
            float: right;
        }

        .mobile-nav-wrapper {
            width: 270px;
            height: 100%;
            position: fixed;
            left: -270px;
            top: 0;
            z-index: 999;
            background-color: #ffffff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            opacity: 0;
            visibility: hidden;
            -ms-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

        .mobile-nav-wrapper.active {
            left: 0;
            opacity: 1;
            visibility: visible;
        }

        #MobileNav li {
            border-top: 1px solid #eeeeee;
            position: relative
        }

        #MobileNav li.grid__item {
            float: none;
            padding: 0
        }

        #MobileNav li a {
            color: white;
            font-size: 14px;
            text-decoration: none;
            display: block;
            padding: 10px 45px 10px 10px;
            opacity: 1;
            -webkit-font-smoothing: antialiased;
            font-weight: 400;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            position: relative;
            background-color: black;
        }

        #MobileNav li a .anm {
            color: white;
            font-size: 11px;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            position: absolute;
            right: 0;
            top: 0;
            text-align: center;
            background-color: #fd7e14;
        }

        #MobileNav li a .lbl {
            color: #ffffff;
            font-size: 10px;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 1;
            text-transform: uppercase;
            display: inline-block;
            padding: 2px 4px;
            border-radius: 3px;
            background-color: #f00;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
            position: relative;
            vertical-align: middle
        }

        #MobileNav li a .lbl:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            bottom: 3px;
            left: -7px;
            border: 4px solid transparent;
            border-right-color: #f00
        }

        #MobileNav li a .lbl.nm_label1 {
            background-color: #01bad4
        }

        #MobileNav li a .lbl.nm_label1:after {
            border-right-color: #01bad4
        }

        #MobileNav li a .lbl.nm_label2 {
            background-color: #f54337
        }

        #MobileNav li a .lbl.nm_label2:after {
            border-right-color: #f54337
        }

        #MobileNav li a .lbl.nm_label3 {
            background-color: #fb6c3e
        }

        #MobileNav li a .lbl.nm_label3:after {
            border-right-color: #fb6c3e
        }

        #MobileNav li a .lbl.nm_label4 {
            background-color: #d0a306
        }

        #MobileNav li a .lbl.nm_label4:after {
            border-right-color: #d0a306
        }

        #MobileNav li a .lbl.nm_label5 {
            background-color: #af4de2
        }

        #MobileNav li a .lbl.nm_label5:after {
            border-right-color: #af4de2
        }

        #MobileNav li ul {
            display: none;
            background-color: #f2f2f2;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        #MobileNav li li a {
            padding-left: 22px;
            background-color: #05283a;
        }

        #MobileNav li li li a {
            padding-left: 30px;
            background-color: #044262;
        }

        #MobileNav li li li li a {
            padding-left: 40px;
        }


    }



 @media(max-width:  667px){

 
.chat-icon-msg {
    position: fixed;
    right: 0;
    bottom: 5%;
    right: 0%;
    width: 88px;
    z-index: 1000;
}
}

a {text-decoration: none! important;}

.heading h2 { font-size: 42px; font-weight: 600; letter-spacing: 1px; color: #044262;}
.heading h3 { font-size: 36px; margin: 0 0 30px 0; font-weight: 600; letter-spacing: 1px; color: #044262;}
.heading h4 { font-size: 27px; margin: 0 0 30px 0; font-weight: 600; letter-spacing: 1px; color: #044262;}
.heading h5 { font-size: 24px; margin: 0 0 25px 0; font-weight: 600; letter-spacing: .5px; color: #044262;}
p, li { letter-spacing: .5px; text-align: justify;}

.custom-btn { position:relative; z-index: 2; background: #044262; border:2px solid #044262; color: #fff; padding: 15px 60px; border-radius: 30px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;  cursor: pointer; transition: all .4s ease-in-out;}
.custom-btn::after { content: ''; position: absolute; background: #fff; border-radius: 30px; width: 100%; height: 100%; top: 0; left:0; transform: scale(0); transition: all .4s ease-in-out;}
.custom-btn:hover::after { transform: scale(1);}
.custom-btn:hover span { color: #044262; font-weight: 700;}	
.custom-btn span{ position: relative; z-index: 3;}
.modal-btn { background: #064463; color: #fff; padding: 12px 32px; font-size: 13px;}

.custom-btn1 { position: relative; background: #FD7E14; border: 1px solid #FD7E14; color: #fff; padding: 13px 60px; border-radius: 5px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; transition: all .3s ease-in-out;}
.custom-btn1:hover { color: #fff;}
.custom-btn1::after { content: ''; position: absolute; background: #fff; border-radius: 5px; width: 0; height: 100%; top: 0; left: 0; transition: all .4s ease-in-out;}
.custom-btn1:hover::after { width: 100%;}
.custom-btn1:hover span { color: #FD7E14; font-weight: 700;}	
.custom-btn1 span{ position: relative; z-index: 3;}

.custom-btn2 { background: #044262; color: #fff; padding: 14px 24px; border-radius: 10px; font-size: 14px; font-weight: 300; letter-spacing: 1px; transition: all .3s ease-in-out;}
.modal-btn { border: 0; padding: 10px 42px; font-size: 13px; border-radius: 5px;}

.orange-btn {background: #FD7E14; color: #fff; padding: 8px 27px; border-radius: 5px; font-size: 14px; border: none; letter-spacing: 1px;}
.custom-btn3 {background: #044262; color: #fff; padding: 8px 27px; border-radius: 5px; font-size: 14px; border: none; letter-spacing: 1px;}


/* -------------------------- Header CSS ---------------------------- */
.top-header { background: hsl(200, 92%, 20%); padding: 6px 45px;}
.top-header a, .top-header marquee  { color: #fff; font-size: 14px; letter-spacing: .3px; margin: 0;}
.top-header a i { font-size: 13px; margin: 0 5px 0 0; color: #FD7E14;}
.top-header marquee img  {width: 30px; margin: 0 10px 0 0;}
.top-header marquee { padding: 0; font-size: 15px;}
.top-header .link { padding: 3px 10px;}
.top-header .link:hover { color: #FD7E14;}
.top-header .link.right-line { border-right: 1px solid #949494;}
.top-header .profile li, .mobile-header .profile { list-style: none;}
.mobile-header .profile { margin: 0 0 0 20px;}
.top-header .profile span i, .mobile-header .profile span i { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; color: #fff; padding: 13px 14px; border-radius: 50%; font-size: 13px; background-image: linear-gradient( 45deg, #044362, #278BBA) !important;}
.top-header .profile .dropdown-toggle, .mobile-header .profile .dropdown-toggle { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; color: #fff; padding: 13px 9px; border-radius: 50%; font-size: 13px; background-image: linear-gradient( 45deg, #044362, #278BBA);}
.top-header .profile .dropdown-menu, .mobile-header .profile .dropdown-menu { left: -110px; width: 100px; margin-top: 12px;}
.top-header .profile .dropdown-menu li, .mobile-header .profile .dropdown-menu li{ padding: 10px 0; border-bottom: 1px solid #ddd;}
.top-header .profile .dropdown-menu li a, .mobile-header .profile .dropdown-menu li a { color: #044362; border-bottom: none;}

.navbar { background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 5px 50px !important;}
.navbar-brand img { width: 180px;}
.navbar .nav-item .nav-link { color: #072F60 !important; font-weight: 500; letter-spacing: .8px; margin: 0 20px; font-size: 17px; text-transform: capitalize;}
.navbar .nav-item .nav-link:hover { color: #FD7E14 !important;}
.dropdown:hover>.dropdown-menu { display: block;}
.dropdown-menu { left: 20px;  width: 300px; margin: 0; padding: 0; border: 0 !important; border-top: 3px solid #FD7E14 !important; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.dropdown-menu a{ font-size: 15px !important; letter-spacing: .5px; font-weight: 500; padding: 12px 15px; border-bottom: 1px solid #ddd; margin: 0;}
.dropdown-menu li:last-child a{ border-bottom: 0;}
.dropdown-menu a:hover{ background: none ; color: #FD7E14; font-weight: 600;}
.navbar .navbar-toggler { border: none;}
.navbar .navbar-toggler-icon  { width: 1.2em;}
.navbar .minsub-dropdown { margin-left: 93%; top: -10px}	
.nav-item:hover, .nav-item .nav-link:hover { color: #FD7E14;}
.navbar-nav .dropdown .profile{ background-image: linear-gradient( 45deg, #044362, #278BBA); display: inline-block; width: 40px; height: 40px; border-radius: 50%; color: #fff; font-size: 16px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; text-align: center; line-height: 2.5; font-weight: 500;}  
.navbar-nav .dropdown .profilename { color: #044362; font-size: 17px; font-weight: 500; margin: 0 0 0 6px;}
.navbar-nav .profile-dropdown .dropdown-menu { width: 230px; margin: 0 0 0 -20px;}
.navbar-nav .profile-dropdown .dropdown-menu li a{ display: block; padding: 16px; color: #044262;}
.navbar-nav .profile-dropdown .dropdown-menu li a i { font-size: 17px; margin: 0 4px 0 0;}x

/* -------------------------- Banner Slider CSS ---------------------------- */
.carousel .carousel-item img { width: 100%; height: 720px; object-fit: cover; object-position: top;}
.carousel .carousel-item .carousel-caption { top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.carousel .carousel-item .carousel-caption::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); top: 0; left: 0; z-index: -1;}
.carousel .carousel-indicators { z-index: 4;}
.carousel .carousel-caption .text { width: 45%; position: absolute; top: 42%; left: 10%; transform: translate(0, -50%); text-align: left;}
.carousel .carousel-caption .text h3 { font-size: 51px; font-weight: 550; letter-spacing: .7px; color: #fff; line-height: 1.3; margin: 0 0 30px 0;}
.carousel .carousel-caption .text p { color: #fff; font-size: 27px; margin: 0 0 40px 0;}
.carousel .carousel-control-prev, .carousel-control-next { width: 10%;}	

/* -------------------------- Search Program Form CSS ---------------------------- */
.banner-form .form-bg { background: #ffcdaa; padding: 30px 30px 0 20px; border-radius: 10px; position: relative; z-index: 5; top: -120px;}
.banner-form .form-bg .pic img{ border-radius: 10px; width: 100%; height: 500px; object-fit: cover; object-position: top;}
.banner-form .form-bg .form { padding: 0 20px;}
.banner-form .form-bg .form h3 { text-transform: uppercase; font-weight: 650; letter-spacing: 1px; color: #044262; margin: 0 0 50px 0; font-size: 32px; position: relative;}
.banner-form .form-bg .form h3::before { content: ''; position: absolute; width: 120px; height: 6px; background: #044262; left: 0; right: 0; margin: auto; border-radius: 10px; top: 45px;}
.banner-form .form-bg .form .form-select { padding: 12px 24px; font-size: 15px; color: #626262; border-radius: 7px; margin: 0 0 17px 0}
.banner-form .form-bg .form .form-select:focus { box-shadow: none; border-color: #FD7E14;}

/* -------------------------- Service Section CSS ---------------------------- */
.services-section { background: rgba(4, 66, 98, .1); padding: 4% 0 5% 0;}
.services-section .service-card { background: #fff; border-radius: 10px; padding: 40px 30px; position: relative; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: all .3s ease-in-out; height: 340px;}
.services-section .service-card:hover { margin-top: -6px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; cursor: pointer;}
.services-section .service-card img { width: 90px; height: 90px; margin: 0 0 28px 0;}
.services-section .service-card h5 { color: #044262; font-size: 18px; font-weight: 700; letter-spacing: .2px; margin: 0 0 10px 0;}
.services-section .service-card p { color: #757575; font-size: 14px; letter-spacing: .4px;}
.services-section .service-card .arrow { position: absolute; right: 0; bottom: 0; background: rgb(5, 66, 97,.9); color: #fff; padding: 10px 15px; border-radius: 10px 0 10px 0;}
.services-section .service-card .arrow a { color: #fff;}

/* -------------------------- Study Abroad CSS ---------------------------- */
.study-abroad { padding: 0 0 5% 0;}
.study-abroad .study-card { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 30px 40px; border-radius: 54px; position: relative; transition: all 0.3s ease-in-out;}
.study-abroad .study-card:hover { margin-top: -7px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.study-abroad .study-card:hover { cursor: pointer;}
.study-abroad .study-card .text h4 { font-size: 21px; margin: 0; letter-spacing: 1px;}
.study-abroad .study-card .text a { font-size: 13px; letter-spacing: .7px; transition: all 0.2s ease-in-out;}
.study-abroad .study-card .text a:hover { letter-spacing: 1.2px;}

.offers { padding: 5% 0;}
.offers .offer-bg { background:#044262; border-radius: 20px; padding: 70px 50px;}
.offers .offer { padding: 50px;}
.offers .offer h4{ font-size: 20px; margin:0 0 14px 0; font-weight:450; letter-spacing: 1px; color: #f4f4f4; text-transform: uppercase;}
.offers .offer p { color: #dfdddd; margin: 0;}
.offers .offer.line { border-right: 1px solid rgba(255, 255, 255, .17);}
.offers .offer.bottom-line { border-bottom: 1px solid rgba(255, 255, 255, .17);}

.offer1 { padding: 5% 0; background: #E5ECEF; position: relative; overflow: hidden;}
.offer1 .pic img { width: 87%; position: relative; z-index: 2;}
.offer1 .offer-card { border: 2px solid rgba(4, 66, 98, .2); border-radius: 10px; padding: 30px; margin: 12px 0; }
.offer1 .offer-card img { width: 90px;}
.offer1 .offer-card p { margin: 0;}
.offer1 ul li { position: absolute; list-style: none; top:0; left:0;}
.offer1 ul li:first-child { width: 200px; height: 200px; top: 62%; left: 8%; background: linear-gradient(49deg, #044262 0%, #E5ECEF); border-radius: 50%; opacity: .2; box-shadow: rgba(149, 157, 165, 0.5)0px 8px 24px; animation: bounce-y 4s infinite linear;}
.offer1 ul li:nth-child(2) { width: 300px; height: 300px; top: -60px; left: 82%; background: linear-gradient(49deg, #044262 0%, #E5ECEF); border-radius: 50%; opacity: .15; box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px; animation: bounce-y 4s infinite linear; }
.offer1 ul li:nth-child(3) { width: 70px; height: 70px; top: 30px; left: 77%; background: linear-gradient(49deg, #044262 0%, #E5ECEF); border-radius: 50%; opacity: .15; box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px; animation: bounce-y 4s infinite linear;}
.offer1 ul li:nth-child(4) { width: 80px; height: 80px; top: 54%; left: 19%; background: linear-gradient(49deg, #044262 0%, #E5ECEF); border-radius: 50%; opacity: .1; box-shadow: rgba(149, 157, 165, 0.5)0px 8px 24px; animation: bounce-y 4s infinite linear;}

.logo-section { padding: 5% 0;}
.logo-section .item { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; border-radius: 10px; padding: 35px; background: #fff; margin: 20px; transition: all .3s ease-in-out;}
.logo-section .item:hover { transform: scale(1.07);}
.logo-section .item p { margin: 10px 0 0 0; font-weight: 500; text-align: center;}

.faq-section { background: rgb(5, 66, 97, .96); padding: 5% 0; position: relative;}
.faq-section .bg-pic { position: absolute; opacity: .3; top: -2px;}
.faq-section .accordion-item, .faq-section .accordion-item .accordion-button { border-radius: 10px !important; padding: 8px 12px;}
.faq-section .accordion-item { margin: 0 0 10px 0; border: none;}
.faq-section .accordion-item .accordion-button { font-size: 16px !important; font-weight: 500; letter-spacing: .5px; margin: 0;}
.accordion-button:not(.collapsed) { color: #FD7E14 !important; background-color: #fff !important; border-bottom: 0 !important; box-shadow: none !important;}
.faq-section .accordion-body p { font-size: 14px; padding: 8px 15px; letter-spacing: .5px; color: #575757;}
.faq-section .accordion-button:focus { box-shadow: none;}

.review-section { padding: 5% 0 4% 0;}
.review-section .student { position: relative; background: rgba(0, 64, 99, .05); margin: 18px; border-radius: 15px; padding: 25px; min-height: 255px;}
.review-section .student .icon img { position: absolute; width: 50px; top: -18px; right: 6%; opacity: .8;}
.review-section .student .pic img { border-radius: 50%; width: 70px; height: 70px; border: 1px solid #cacaca;}
.review-section .student p { margin: 20px 0 0 0; font-size: 15px; color: #575757; letter-spacing: .3px;}
.review-section .student h5 { color: #004063; font-weight: 550; letter-spacing: .5px; margin: 0;}

.join-us { padding: 0 0 5% 0;}
.join-us .form { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 70px; border-radius: 20px;}
.join-us .form .form-control, .join-us .form .form-select { margin: 14px 0; padding: 15px 24px; background: #E5ECEF; border-color: #E5ECEF; font-size: 15px; border-radius: 10px;}
.join-us .form .form-control:focus, .join-us .form .form-select:focus { box-shadow: none; border: 1px solid #004063;}

.request-section .request{ background: #044262; padding: 80px 40px; border-radius: 20px; margin: 0 0 -100px 0;}
.request-section .request h2 { color: #fff; font-size: 42px; margin: 0; letter-spacing: .5px; font-weight: 600;}
.request-section .request .custom-btn { background: #fff; color: #044262; font-size: 15px; font-weight: 600;}

.couseling-process { padding: 5% 0; background: #044262; position: relative; overflow: hidden;}
.couseling-process ul li { position: absolute; list-style: none; left: 0; top: 0;} 
.couseling-process ul li:first-child { width: 350px; height: 350px; border: 2px solid #E5ECEF; opacity: .1; border-radius: 50%; left: -50px; top: 370px;}
.couseling-process ul li:nth-child(2){ width: 140px; height: 140px; background: #E5ECEF; opacity: .05; border-radius: 50%; left: 85%; top: 30px;}
.couseling-process ul li:nth-child(3){ width: 270px; height: 102px; background-image: radial-gradient( #E5ECEF 2px, transparent 2.2px); background-size: 18px 18px; opacity: .4; left: 120px; top: 82%; animation: upDown 4s infinite;}
.couseling-process ul li:nth-child(4){ width: 240px; height: 240px; border: 1px solid #E5ECEF; opacity: .1; border-radius: 50%; left: 90%; top: -30px;}
.couseling-process ul li:nth-child(5){ width: 15px; height: 15px; background: #FD7E14; opacity: .9; border-radius: 50%; left: 94%; top: 70px; animation: upDown 6s infinite;}
.couseling-process img { position: relative; z-index: 4;}

footer { background: rgba(4, 66, 98, .1); padding: 11% 0 0 0;}
footer .footer-logo img { width: 240px; margin: 0 0 20px 0;}
footer p, footer p a, footer ul li a{ color: #585858; font-size: 15px; letter-spacing: .3px; line-height: 1.7;}
footer h4 { color: #044262; font-size: 24px; font-weight: 550; margin: 0 0 40px 0;position: relative;}
footer h4::after { content: ''; position: absolute; background: #044262; width: 70px; height: 4px; border-radius: 10px; left: 0; top: 38px;}
footer ul li, footer ul{ padding: 0; list-style-type: none; margin: 10px 0 10px 10px; position: relative;}
footer ul li::before { content: ''; position: absolute; background: #044262; width: 6px; height: 6px; border-radius: 50%; left: -15px; top: 8px;} 
footer p i { color: #044262; margin: 0 7px 0 0;} 
footer .social-icon a { position: relative; color: #044262; background: #fff; width: 40px; height: 40px; display: inline-block; margin: 4px 8px 0 0; border-radius: 50%; text-align: center; line-height: 2.5; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: all .4s ease-in-out;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a::before{ content: ''; position: absolute; width:100%; height: 100%; border-radius: 50%; background: #044262; left: 0; transform: scale(0); transition: all .4s ease-in-out;}
footer .social-icon a:hover { color: #fff;}
footer .social-icon a:hover::before { transform: scale(1);}
footer .footer-bottom { margin: 6% 0 0 0; border-top: 1px solid rgba(4, 66, 98, .5); padding: 14px 0;}
footer .footer-bottom p { font-size: 14px; margin: 0; font-weight: 400;}
footer .footer-bottom .link a { color: #2c2c2c; font-size: 14px; font-weight: 400; letter-spacing: .3px; padding: 0px 12px; border-right: 1px solid #004063;}
footer .footer-bottom a:last-child { border-right: 0; padding-right: 0;}

.inner-banner { background-image: url('../images/inner-banner.jpg'); padding: 10% 0; background-size: cover; position: relative;}
.inner-banner .overlay { position: absolute; left: 0; top: 0; background: rgba(4, 66, 98, .5); width: 100%; height: 100%;}
.inner-banner h2 { font-size: 56px; color: #fff; letter-spacing: .5px; padding: 0 70px; position: relative; z-index: 4; margin: 0;}
.inner-banner .breadcrumbs { color: #fff; position: relative; z-index: 4; padding: 0 0 0 70px;} 
.inner-banner .breadcrumbs a { color: #fff; letter-spacing: 1px;}

.about-section { padding: 6% 0;}
.about-section .pic img { width: 100%; height: 620px; object-fit: cover; object-position: top; border-radius: 5px;}
.about-section .pic { position: relative;}
.about-section .pic::before { content: ''; position: absolute; top: -30px; width: 30%; left: -30px; height: 300px; background-image: radial-gradient( #044262 1.5px, transparent 1px); background-size: 14px 14px; z-index: -1; animation: upDown 5s infinite;}
.about-section .pic::after { content: ''; position: absolute; background: rgba(4, 66, 98, .9); width: 97%; height: 97%; top: 40px; left: 40px; border-radius: 5px; z-index: -1;}

.ambition { background: #044262; padding: 5% 0;}
.ambition .content { padding: 45px;}
.ambition .content h4{ font-size: 20px; margin:0 0 14px 0; font-weight: 450; letter-spacing: 1px; color: #f4f4f4; text-transform: uppercase;}
.ambition .content p { color: #dfdddd;}
.ambition .content a { color: #fff; cursor: pointer; font-weight: 300; border-bottom: 1px solid #fff; letter-spacing: 1px; font-size: 14px;}
.ambition .content a:hover { color: #fff;}
.ambition .content.line { border-right: 1px solid rgba(255, 255, 255, .17);}
#secondhalf {display: none;}
#ambitionsecondhalf {display: none;}

.choose-us { padding: 5% 0; background:#E5ECEF; margin: 0 0 5% 0;} 
.choose-us .choose-content { background: #fff; border-radius: 10px; padding: 40px; min-height: 270px;}
.choose-us .choose-content .pic { background : #044262; padding: 20px; border-radius: 50%; display: inline-block;}
.choose-us .choose-content .pic img { width: 60px;}
.choose-us .choose-content p { margin: 30px 0 0 0; font-size: 18px; font-weight: 450;}
	
.countries { padding: 5% 0;}
.countries .country-card { box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41); padding: 20px; border-radius: 10px; min-height: 240px; transition: all ease 0.3s; margin: 0 0 20px 0;}
.countries .country-card:hover{ margin: -7px 0 0 0; cursor: pointer;}
.countries .country-card img { width: 70px; height: 50px; margin: 0 0 25px 0;}
.countries .country-card h5 { color:#044262; font-size: 18px; font-weight: 550; letter-spacing: .7px;}
.countries .country-card p { margin: 0; color:#888888; text-align:center;}

.countries-search-form { background: #E5ECEF; padding: 4% 0;}
.countries-search-form .form-select { border: 1px solid #ddd; color: #444; padding: 12px 17px; border-radius: 5px; margin: 6px 0 0 0;}

.top_all_banner { background: linear-gradient(135deg, #044262 0%,#066493 32%,#2d92c1 69%,#4474a5 100%); padding: 1.5% 0; color: #fff;}
.top_all_banner h1 { font-size: 37px;}
.top_all_banner a { color: #fff;}

.counseling-form-section .counseling-form-bg { background: #044262; box-shadow: 0 6px 25px rgba(0,0,0,.07); position: relative; overflow: hidden;}
.counseling-form-section .counseling-form { background: #fff; padding: 40px;}
.counseling-form-section .counseling-form-bg .content { padding: 40px; position: relative; z-index: 3;}
.counseling-form-section .counseling-form-bg .content h4 { font-size: 27px; font-weight: 400; letter-spacing: .5px; margin: 0; color: #ddd;}
.counseling-form-section .counseling-form-bg .content h1 { font-size: 44px; letter-spacing: .5px; margin: 20px 0; line-height: 1.4; color: #f2f2f2;}
.counseling-form-section .counseling-form .form-control{ margin: 0 0 10px 0; padding: 10px; font-size: 15px;}
.counseling-form-section .counseling-form .form-control:focus{ box-shadow: none; border-color: #044262;}
.counseling-form-section .counseling-form h5 { font-size: 16px; margin: 16px 0 20px 0; padding: 5px; border-bottom: 1px solid #ddd;}
.counseling-form-section .counseling-form label { font-size: 15px; margin: 0 0 0 5px; letter-spacing: .4px;}

.counseling-form-section .counseling-form-bg ul { margin: 0;}
.counseling-form-section .counseling-form-bg ul li { position: absolute; list-style: none; top:0; left:0;}
.counseling-form-section .counseling-form-bg ul li:first-child { width: 240px; height: 240px; top: -8%; left: -7%; border: 50px solid #E5ECEF; border-radius: 50%; opacity: .05;}
.counseling-form-section .counseling-form-bg ul li:nth-child(2) { width: 240px; height: 240px; top: 46%; left: 4%; background: #E5ECEF; border-radius: 50%; opacity: .05;}
.counseling-form-section .counseling-form-bg ul li:nth-child(3) { width: 70px; height: 70px; top: 69%; left: 18%; background: linear-gradient(49deg, #044262 0%, #E5ECEF); border-radius: 50%; opacity: .1;}
.counseling-form-section .counseling-form-bg .custom-btn { border-radius: 10px;}

.inquire-form-section { padding: 5% 0; margin: 0 0 3% 0; position: relative;}	
.inquire-form-section .inquire-form { background: #fff; padding: 50px; box-shadow: 0 6px 25px rgba(0,0,0,.07);}
.inquire-form-section .inquire-form .form-control { margin: 0 0 20px 0; background: #E5ECEF; border-color: #E5ECEF; padding: 15px 18px; font-size: 14px; color: #767676;}
.inquire-form-section .inquire-form label { font-size: 14px; margin: 10px 0 15px 8px; font-weight: 450; letter-spacing: .3px;}
.inquire-form-section .inquire-form .form-control:focus { box-shadow: none; border-color: rgb(4 66 98 / 30%);}
.inquire-form-section .inquire-form h5 { font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #d4d4d4; font-weight: 600; letter-spacing: .7px; margin: 0 0 17px 0; padding: 5px;}
.inquire-form-section .bg-pic { position: absolute; top: 14%; z-index: -1;}
.inquire-form-section .bg-pic1 ul li{ position: absolute; top:0; left: 0; list-style: none;}
.inquire-form-section .bg-pic1 ul li:first-child { width: 32px; height: 32px; top: 10%; left: 96%; border: 2px solid #E5ECEF; border-radius: 50%;}
.inquire-form-section .bg-pic1 ul li:nth-child(2) { width: 160px; height: 160px; top: 46%; left: 84%; z-index:-1; border-radius: 50%; background-image: radial-gradient( #044262 2px, transparent 2.2px); background-size: 18px 18px; animation: upDown 4s infinite; opacity: .3;}
.inquire-form-section .inquire-form form p { color: #044262; font-size: 14px; font-weight: 500; margin: 10px 0;}
.inquire-form-section .inquire-form label { width: 84%;}
.inquire-form-section .inquire-form input[type="radio"] { margin: 0 0 60px 0;}
		

.coaching { padding: 5% 0;}	
.coaching .right-img { position: relative;}
.coaching. right-img::after { content:""; position: absolute; width: 60%; height: 110%; background: #044262;}

.coaching-tab-section { margin: 0 0 5% 0;} 

.country-banner { position: relative;}
.country-banner img{ width: 100%; height: 400px; object-fit: cover;}
.country-banner .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0, 0, 0, 0.4)}
.country-banner .breadcrumbs { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.country-banner .breadcrumbs a { color: #fff;}
.country-banner .breadcrumbs h2 { color: #fff; font-size: 52px; font-weight: 700; letter-spacing: .5px;}
.country-banner .breadcrumbs span, .inner-banner .breadcrumbs span a { color: #fff; font-size: 18px;}

.study-in-canada { padding: 5% 0;}

.universities { background: #E5ECEF; padding: 5% 0;}
.universities .university-tabs { background: #fff; box-shadow: 0 6px 25px rgba(0,0,0,.07);}
.universities .university-tabs .overflow { height: 760px; overflow: hidden; overflow-y: scroll; padding: 0 30px 0 0;}
.universities .university-tabs .overflow::-webkit-scrollbar { width: 6px;}
.universities .university-tabs .overflow::-webkit-scrollbar-track { border-radius: 10px; background: #F1F1F1;}
.universities .university-tabs .overflow::-webkit-scrollbar-thumb { background: #C1C1C1; border-radius: 10px;}
.universities .university-tabs .overflow::-webkit-scrollbar-thumb:hover { background: #bababa;}

.universities .university-tabs .heading h3 { border-bottom: 1px solid #ddd; padding: 0 0 10px 0;}
.universities .university-tabs h5 { font-size: 18px; color: #044262; margin: 20px 0 8px 0;}
::marker { color: #044262;}
.universities .university-tabs ul li { font-size: 15px; color: #5a5a5a; letter-spacing: .3px; margin: 5px 0;}
.universities .university-tabs .nav { width:32%;}
.universities .university-tabs .nav .nav-link.active { background: #044262; color: #fff;}
.universities .university-tabs .nav .nav-link { background: rgba(253, 126, 20, .8); margin: 0 0 10px 0; padding: 17px; height: 80px;}
.universities .university-tabs .nav .nav-link img { float:left; width: 27%; margin: 0 7px 0 0; opacity: 1;}
.universities .university-tabs .nav .nav-link span { float: right; color: #fff; font-weight: 500; width: 65%; text-align: left; font-size: 14px; letter-spacing: .3px; margin-top: 15%; transform: translate(0, -50%);}
.universities input { padding: 10px 16px; font-size: 15px;}
.universities .btn { background: #044262; color: #fff; padding: 10px 15px; font-size: 14px;}
.universities .tab-content { width: 90%; margin-left: 30px;}
.universities .univesity-name { padding: 8px; border-bottom: 1px solid #ddd;}
.universities .univesity-name:last-child { border-bottom: 0;}
.universities .univesity-name a img { width: 65px !important; border: 1px solid #f2f2f2;}
.universities .univesity-name p { padding: 25px 0; margin: 0; font-size: 16px; font-weight: 450; color: #242424;}

.study-countries, .universities .university-tabs { background: #fff; padding: 40px; box-shadow: 0 6px 25px rgba(0,0,0,.07);}
.study-countries h4 { color:#044262; font-size: 22px; font-weight: 550; margin: 0 0 20px 0; position: relative;}
.study-countries h4::before { content: ''; position: absolute; width: 60px; height: 3px; background: #044262; border-radius: 5px; top: 28px;}
.study-countries .country-name { padding: 15px 8px; border-bottom: 1px solid #ddd;} 
.study-countries .country-name a p { color: #242424; font-size: 16px; font-weight: 500; margin: 0;}
.study-countries .country-name img { width: 72%;}
.study-countries .country-name:nth-child(6), .universities .study-countries .country-name:last-child { border-bottom: 0;}

.about-matter{ padding: 6% 0;}
.about-matter img { width: 100%; height: 420px; object-fit:cover; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.about-matter span { font-size: 17px; margin: 0 0 0 15px; letter-spacing: .7px; font-weight: 500;}
.about-matter .pic { position: relative;}
.about-matter .pic .apply-btn { position: absolute; bottom: 0;}
.about-matter .pic .apply-btn .btn { padding: 15px 32px !important; background: #FC7E14; color: #fff; border-radius: 0;}

.country-university-tab { padding: 6% 0; background: #E5ECEF; margin: 0 0 6% 0;}
.country-university-tab .country-tabs { background: #fff; box-shadow: 0 6px 25px rgba(0,0,0,.07); min-height: 790px;}
.country-university-tab .country-tabs .nav-tabs .nav-item { width: auto;}
.country-university-tab .country-tabs .nav-tabs .nav-link { color: #fff; padding: 14px 37px; font-size: 14px; letter-spacing: .5px; font-weight: 350 !important; border-radius: 0;}
.country-university-tab .country-tabs .nav-tabs .nav-link.active { color: #044262; background: #cfd9de; font-weight: 700 !important;}
.country-university-tab .country-tabs .nav-tabs { background: #044262;}

.about-matter .university-detail { padding: 30px 20px;}   
.about-matter .university-detail.bottom-line { border-bottom: 1px solid #ddd;}
.about-matter .university-detail.left-line { border-left: 1px solid #ddd;}
.about-matter .university-detail h5 { font-size: 18px; margin: 15px 0 6px 0; color: #044262l; letter-spacing: .7px}
.about-matter .university-detail i{ background: #044262; width: 42px; height: 42px; border-radius: 50%; font-size: 17px; line-height: 2.2;}
.about-matter .university-detail p { font-size: 14px;}

.pop-new .popup .bg-pic { position: relative;}
.pop-new .popup .bg-pic img{ width: 100%; height: 500px !important; object-fit: cover;}
.pop-new .popup .bg-pic .overlay { position: absolute; background: rgba(255, 255, 255, .2); width: 100%; height: 100%;}

.search-program-form { padding: 4% 0; background: #E5ECEF}
.search-program-form .form-select { padding: 14px 16px; color: #7b7b7b; font-size: 15px;}

.related-search { padding: 5% 0;}

@keyframes upDown {
  0% { transform: translateY(0);}
  50% { transform: translateY(20px);}
  100% { transform: translateY(0px);}
}

@keyframes bounce-y {
  0% { transform: translateY(0);}
  50% { transform: translateY(-30px);}
  100% { transform: translateY(0);}
}

 #popup { position: absolute; background-image: linear-gradient(-60deg, #3a7593 75%, #FDC76E 25%); padding: 18px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 5px;}
  .pop-new .logo img { width: 180px;}
  .pop-new .pic img { width: 90%; padding: 40px 0;}
  .pop-new .journey-form { padding: 0 25px 0 0;}
  .pop-new .journey-form h3{ color: #fff; font-size: 32px; margin: 0 0 24px 0; font-weight: 700; letter-spacing: .5px;}
  .pop-new .journey-form .form-control { margin: 0 0 18px 0; border: 0; padding: 12px 18px; font-size: 14px;}
  .pop-new .journey-form .custom-btn2 { background: #044262; color: #fff; padding: 8px 32px !important; text-transform: uppercase;}
  .popup-icon {position: absolute; top: -20px; background: #044262; color: white; right: -20px; font-size: 17px; border-radius: 50%; padding: 15px;}
  .pop-new { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(30 28 28 / 50%) none repeat scroll 0% 0%; z-index: 9999;}

  @media (min-width:336px) and (max-width: 768px){
    #popup { background-image: linear-gradient(-60deg, #3a7593 51%, #FDC76E 49%); padding: 10px; width: 258px;}
    .pop-new .logo img { width: 120px;}
    .pop-new .journey-form { padding: 20px 15px 0 0;}
    .pop-new .journey-form h3{ font-size: 18px; margin: 0 0 10px 0; font-weight: 400;}
    .pop-new .journey-form .form-control { margin: 0 0 10px 0; padding: 10px 12px; font-size: 13px;}
    .pop-new .journey-form .custom-btn2 { padding: 6px 48px !important; font-size: 13px;}
  }	
@media (min-width:320px) and (max-width:767px){
  p{ font-size: 13px;}
  .heading h2 { font-size: 24px; font-weight: 600; letter-spacing: .5px;}
  .heading h3 { font-size: 21px; margin: 0 0 30px 0; letter-spacing: .5px;}
  .heading h4 { font-size: 18px; margin: 0 0 20px 0; letter-spacing: .5px;}

  .top-header { padding: 6px 0;}
  .top-header a, .top-header marquee { font-size: 12px; letter-spacing: .1px; }
  .top-header a i { font-size: 11px; margin: 0 3px 0 0;}  
  .top-header .link { padding: 0 5px 0 0; margin: 6px 0 0 0; display: inline-block;}

  .navbar { display: none! important;}
  .mobile-header { display: block; padding-top: 6px;}

  .custom-btn { background: #044262; color: #fff; padding: 15px 60px; border-radius: 30px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;}
  .custom-btn:hover { color: #fff; background: #044262;}
  .custom-btn1 { padding: 10px 50px; font-size: 12px; font-weight: 500;}

  .carousel .carousel-item img { height: 180px; object-position: right;}
  .carousel .carousel-caption .text { top: 50%; width: 80%; text-align: center;}
  .carousel .carousel-caption .text h3 { font-size: 23px; font-weight: 500; margin: 0;}

  .banner-form .form-bg { padding: 20px 20px 0 20px; border-radius: 0px; top: 0;}
  .banner-form .form-bg .pic img{ height: 240px; margin: 20px 0 0 0;}
  .banner-form .form-bg .form { padding: 0;}
  .banner-form .form-bg .form h3 { margin: 0 0 30px 0; font-size: 21px;}
  .banner-form .form-bg .form h3::before { width: 120px; height: 4px; top: 32px;}
  .banner-form .form-bg .form .form-select { padding: 11px 18px; font-size: 13px; margin: 0 0 10px 0;}

  .study-abroad { padding: 7% 0;}
  .study-abroad .study-card {margin: 0 0 20px 0; padding: 22px 30px;}
  .study-abroad .study-card .pic img { width: 94%;}
  .study-abroad .study-card .text h4 { font-size: 18px; margin: 0; letter-spacing: 1px;}
  .study-abroad .study-card .text a { font-size: 13px; letter-spacing: .7px;}

  .services-section { padding:7% 0;}
  .services-section .service-card { margin: 0 0 20px 0; height: 320px;}

  .key-door { padding: 5% 0}
  .key-door img { width: 60%;}
  .key-door h3 { font-size: 15px;}

  .offers { padding: 7% 0;}
  .offers .offer-bg { border-radius: 20px; padding: 40px 0 0 0;}
  .offers .offer { padding: 30px;}
  .offers .offer h4{ font-size: 18px; font-weight:400; letter-spacing: .5px;}
  .offers .offer.bottom-line, .offers .offer.bottom-line1 { border-bottom: 1px solid rgba(255, 255, 255, .17);}

  .offer1 .offer-card { padding: 20px;}
  .offer1 .offer-card img { width: 70px; margin: 0 0 16px 0;}
  .offer1 .offer-card p { font-size: 14px; text-align: center;}
  .offer1 .offer-card h5 { font-size: 17px; text-align: center;}

  .logo-section { padding: 5% 0;}
  .logo-section .item { margin: 10px; padding: 15px;}

  .faq-section { padding: 8% 0;}
  .faq-section .accordion-item, .faq-section .accordion-item .accordion-button { padding: 10px;}
  .faq-section .accordion-item { margin: 0 0 18px 0; border: none;}
  .faq-section .accordion-item .accordion-button { font-size: 15px !important;}
  .faq-section .accordion-body p { font-size: 14px; padding: 10px 15px;}

  .review-section { padding: 7% 0;}
  .review-section .student p { font-size: 13px;}
  .review-section .student .pic img { width: 56px; height: 56px;}
  .review-section .student { height: 240px;}

  .join-us { padding: 0 0 5% 0; }
  .join-us .form { padding: 30px 20px 20px 20px;}
  .join-us .form .form-control, .join-us .form .form-select { margin: 10px 0; padding: 12px 20px; font-size: 14px;}

  .request-section .request{ padding: 30px 10px; margin: 0 0 -40px 0;}
  .request-section .request h2 { font-size: 24px; letter-spacing: .2px; margin: 0 0 26px 0;}
  .request-section .request .custom-btn { font-size: 13px; letter-spacing: 0px; padding: 10px 20px;}

  footer { padding: 15% 0 0 0;}
  footer .footer-logo img { width: 140px; margin: 10px 0;}
  footer p, footer p a, footer ul li a{ font-size: 13px;}
  footer h4 { font-size: 17px; margin: 30px 0 20px 0;}
  footer h4::after { width: 50px; height: 3px; top: 24px;}
  footer ul li, footer ul{ margin: 8px 0 8px 10px;}
  footer .social-icon a {width: 30px; height: 30px; margin:0 8px 0 0; font-size: 13px;}
  footer .footer-bottom { margin: 6% 0 0 0; padding: 14px 0;}
  footer .footer-bottom p { font-size: 12px;}
  footer .footer-bottom .link a { font-size: 12px; letter-spacing: 0px; padding: 0px 5px;}

  .inner-banner { padding: 15% 0;}
  .inner-banner h2 { font-size: 27px; padding: 0 8px;}
  .inner-banner .breadcrumbs { padding: 0 0 0 8px;} 

  .top_all_banner { padding: 4% 0;}
  .top_all_banner h1 { font-size: 26px; margin: 0 0 5px 0;}
  .top_all_banner .breadcrumbs span { font-size: 13px;}

  .about-section .pic img { width: 84%; margin-left: 8%; height: 340px; margin-top: 20px; margin-bottom: 20px;}
  .about-section .pic::before { top: 0px; width: 30%; left: 0px; height: 300px;}
  .about-section .pic::after { width: 76%; height: 88%; top: 40px; left: 60px;}

  .ambition .content { padding: 25px;}
  .ambition .content h4{ font-size: 18px;}
  .ambition .content.line { border-right: 0px solid rgba(255, 255, 255, .17); border-bottom: 1px solid rgba(255, 255, 255, .17);  }

  .choose-us { padding: 7% 0;} 
  .choose-us .choose-content { padding: 15px 5px; min-height: 180px;}
  .choose-us .choose-content .pic { padding: 15px;}
  .choose-us .choose-content .pic img { width: 40px;}
  .choose-us .choose-content p { margin: 15px 0 0 0; font-size: 13px; font-weight: 400;}

  .countries { padding: 5% 0;}
  .countries .country-card { padding: 15px; min-height: 180px;}
  .countries .country-card img { width: 70px; margin: 0 0 25px 0;}
  .countries .country-card h5 { color:#044262; font-size: 18px; font-weight: 550; letter-spacing: .7px;}
  .countries .country-card p { margin: 0;}

  .countries-search-form { padding: 5% 0;}
  .countries-search-form .form-select { padding: 12px 17px; margin: 6px 0;}

  .counseling-form-section .counseling-form { padding: 30px;}
  .counseling-form-section .counseling-form-bg .content { padding: 20px;}
  .counseling-form-section .counseling-form-bg .content h4 { font-size: 14px;}
  .counseling-form-section .counseling-form-bg .content h1 { font-size: 21px; letter-spacing: 0px; margin: 15px 0; line-height: 1.2;}
  .counseling-form-section .counseling-form .form-control{ margin: 0 0 8px 0; padding: 8px 10px; font-size: 14px;}
  .counseling-form-section .counseling-form h5 { margin: 14px 0 16px 0;}
  .counseling-form-section .counseling-form label { font-size: 14px;}

  .country-banner img{ height: 170px; object-fit: cover;}
  .country-banner .breadcrumbs { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
  .country-banner .breadcrumbs h2 { font-size: 27px;}
  .country-banner .breadcrumbs span, .inner-banner .breadcrumbs span a { font-size: 15px;}

  .universities .university-tabs .overflow { height: 760px; padding: 0 20px 0 0;}
  .universities .university-tabs { margin: 0 0 20px 0;}
  .universities .university-tabs .heading h3 { font-size: 21px; padding: 0 0 10px 0; margin: 0 0 20px 0;}
  .universities .university-tabs h5 { font-size: 15px; margin: 10px 0 8px 0;}
  .universities p { font-size: 13px;}
  .universities .university-tabs ul li { font-size: 13px; margin: 5px 0;}
  .universities .university-tabs .nav { width: 17%;}
  .universities .university-tabs .nav .nav-link { margin: 0 0 10px 0; padding: 4px; height: 75px;}
  .universities .university-tabs .nav .nav-link img { width: 30%; margin: 0 34% 8px 34% !important;}
  .universities .university-tabs .nav .nav-link span {font-weight: 400; width: 100%; text-align: center; font-size: 12px; letter-spacing: 0; line-height: 1.2; margin-top: 0%; transform: translate(0, -0%);}
  .universities input { padding: 8px; font-size: 13px;}
  .universities .btn { padding: 8px; font-size: 12px;}
  .universities .tab-content { width: 90%; margin-left: 25px;}
  .universities .univesity-name { padding: 8px; border-bottom: 1px solid #ddd;}
  .universities .univesity-name img { width: 100%; border: 1px solid #f2f2f2;}
  .universities .univesity-name p { padding: 2px 0; margin: 0; font-size: 13px; font-weight: 400;}

  .universities .study-countries, .universities .university-tabs { padding: 15px;}
  .universities .study-countries h4 { font-size: 18px; margin: 0 0 20px 0;}
  .universities .study-countries .country-name { padding: 10px;} 
  .universities .study-countries .country-name p { font-size: 15px;}

  .about-matter img { width: 100%; height: 240px; margin: 20px 0 0 0;}
  .about-matter span { font-size: 14px; margin: 0 0 0 15px;}

  .country-university-tab .country-tabs { min-height: 320px; margin: 0 0 20px 0;}
  .country-university-tab .country-tabs .nav-tabs .nav-link { color: #fff; padding: 12px; width: 88px; font-size: 12px; text-align: center; border-bottom: 1px solid #cfd9de;}
  .country-university-tab .country-tabs .nav-tabs .nav-link i { display: block;}
  .country-university-tab .country-tabs .nav-tabs .nav-link.active { color: #044262; background: #cfd9de; font-weight: 700 !important;}
  .country-university-tab .country-tabs .nav-tabs { background: #044262; width: 88px;}

  .inquire-form-section { background: #E5ECEF;}
  .inquire-form-section .inquire-form { padding: 20px;}
  .inquire-form-section .inquire-form .form-control { margin: 0 0 16px 0; padding: 12px; font-size: 13px;}

  .about-matter .university-detail { padding: 15px 12px;} 
  .about-matter .university-detail h5 { font-size: 15px; margin: 15px 0 6px 0; color: #044262l; letter-spacing: .7px}
  .about-matter .university-detail i{ background: #044262; width: 42px; height: 42px; border-radius: 50%; font-size: 17px; line-height: 2.2;}
  .about-matter .university-detail p { font-size:12px; margin: 0}
  .about-matter .pic .apply-btn .btn { padding: 12px 18px !important; font-size: 13px;}
 
  .icon-float-2 { top: 40%;}

  .modal-header .btn-close { margin-right: -7px !important;}

  .inquire-form-section .inquire-form form p { color: #044262; font-size: 13px; font-weight: 500; margin: 10px 0;}
  .inquire-form-section .inquire-form input[type="radio"] { margin: 0 0 30px 0;}
  .inquire-form-section .inquire-form label { width: 76%; font-size: 13px !important;}

  .search-program-form { padding: 7% 0;}
  .search-program-form .form-select { padding: 12px 14px; font-size: 14px; margin: 0 0 10px 0;}
  
  .study-countries .country-name img { width: 54%;}
 }

@media (min-width:768px) and (max-width:991px){
  .custom-btn { padding: 14px 50px; border-radius: 30px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600;}
  .custom-btn1 { padding: 10px 34px; font-size: 12px;}
  .heading h3 { font-size: 21px; margin: 0 0 30px 0; letter-spacing: .5px;}
  .heading h4 { font-size: 18px; margin: 0 0 20px 0; letter-spacing: .5px;}

  .mobile-header { display: block; padding-top: 6px;}

  .heading h2 { font-size: 27px; letter-spacing: .5px;}	
  .top-header { padding: 8px 0;}
  .top-header a, .top-header marquee { font-size: 13px; font-weight: 400; letter-spacing: 0px;}
  .top-header a i { font-size: 12px; margin: 0 3px 0 0;}  
  .top-header .link { padding: 2px 5px;}
  .navbar { display: none !important;}
  .mobile-header img { width: 150px;}
  
  .carousel .carousel-item img { height: 330px;}
  .carousel .carousel-caption .text { width: 80%; top: 44%; transform: translate(0, -50%); text-align: center;}
  .carousel .carousel-caption .text h3 { font-size: 27px; margin: 0 0 18px 0;}
  .carousel .carousel-caption .text p { color: #fff; font-size: 18px; margin: 0 0 20px 0; text-align: center}
  
  .banner-form .form-bg { padding: 20px 15px 0 15px; top: -40px;}
  .banner-form .form-bg .pic img{ height: 350px;}
  .banner-form .form-bg .form { padding: 0 10px;}
  .banner-form .form-bg .form h3 { margin: 0 0 40px 0; font-size: 24px;}
  .banner-form .form-bg .form h3::before { height: 4px; top: 35px;}
  .banner-form .form-bg .form .form-select { padding: 12px 18px; font-size: 13px; margin: 0 0 12px 0}

  .study-abroad { padding: 1% 0 5% 0;}
  .study-abroad .study-card { margin: 0 0 20px 0;}

  .services-section .service-card { margin: 0 0 20px 0; height: 316px; padding: 30px;}

  .offers .offer-bg { border-radius: 20px; padding: 30px;}
  .offers .offer { padding: 28px; min-height: 220px}
  .offers .offer h4{ font-size: 17px; letter-spacing: .3px;}

  .offer1 .pic img { width: 100%;}
  .offer1 .offer-card { padding: 20px;}
  .offer1 .offer-card img { width: 70px; margin: 0 0 16px 0;}
  .offer1 .offer-card p { font-size: 13px;}
  .offer1 .offer-card h5 { font-size: 16px;}

  .review-section .student { margin: 10px; padding: 25px;}
  .review-section .student .pic img { width: 60px; height: 60px;}
  
  .join-us .form { padding: 50px;}
  .join-us .form .form-control, .join-us .form .form-select { padding: 12px 20px; font-size: 14px;}

  .request-section .request{ padding: 30px 10px; margin: 0 0 -70px 0;}
  .request-section .request h2 { font-size: 24px; letter-spacing: .2px; margin: 0 0 26px 0;}
  .request-section .request .custom-btn { font-size: 13px; letter-spacing: 0px; padding: 10px 20px;}

  footer .footer-logo img { width: 140px; margin: 10px 0;}
  footer p, footer p a, footer ul li a{ font-size: 13px;}
  footer h4 { font-size: 17px; margin: 10px 0 30px 0;}
  footer h4::after { width: 50px; height: 3px; top: 24px;}
  footer ul li, footer ul{ margin: 8px 0 8px 10px;}
  footer .social-icon a {width: 30px; height: 30px; margin:0 8px 0 0; font-size: 13px;}
  footer .footer-bottom { margin: 6% 0 0 0; padding: 14px 0;}
  footer .footer-bottom p { font-size: 12px;}
  footer .footer-bottom .link a { font-size: 12px; letter-spacing: 0px; padding: 0px 5px;}

  .inner-banner { padding: 8% 0;}
  .inner-banner h2 { font-size: 42px; padding: 0 40px;}
  .inner-banner .breadcrumbs { padding: 0 0 0 40px;} 

 .country-banner img { height: 240px;}
.country-banner .breadcrumbs h2 { font-size: 34px;}
.country-banner .breadcrumbs span, .country-banner .breadcrumbs span a { font-size: 16px;}

  .about-section .pic img { height: 420px;}
  .about-section .pic::after { width: 90%; height: 93%;}

  .ambition .content { padding: 25px;}
  .ambition .content h4{ font-size: 18px;}
  .ambition .content p { font-size: 14px;}

  .choose-us .choose-content { padding: 24px 20px; min-height: 195px;}
  .choose-us .choose-content .pic { padding: 15px;}
  .choose-us .choose-content .pic img { width: 40px;}
  .choose-us .choose-content p { margin: 15px 0 0 0; font-size: 14px;}

  .counseling-form-section .counseling-form { padding: 30px;}
  .counseling-form-section .counseling-form-bg .content { padding: 20px;}
  .counseling-form-section .counseling-form-bg .content h4 { font-size: 14px;}
  .counseling-form-section .counseling-form-bg .content h1 { font-size: 21px; letter-spacing: 0px; margin: 15px 0; line-height: 1.2;}
  .counseling-form-section .counseling-form .form-control{ margin: 0 0 8px 0; padding: 8px 10px; font-size: 14px;}
  .counseling-form-section .counseling-form h5 { margin: 14px 0 16px 0;}
  .counseling-form-section .counseling-form label { font-size: 14px;}

  .inquire-form-section { margin: 0 0 5% 0; background: #EFECEF;}	
  .inquire-form-section .inquire-form .form-control { margin: 0 0 16px 0; padding: 14px; font-size: 14px;}
  .inquire-form-section .inquire-form h5 { font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #d4d4d4; font-weight: 600; letter-spacing: .7px; margin: 0 0 17px 0; padding: 5px;}

  #popup { background-image: linear-gradient(-60deg, #3a7593 68%, #FDC76E 32%); padding: 10px; width: 582px;}
  .pop-new .logo img { width: 120px;}
  .pop-new .journey-form { padding: 20px 15px 0 0;}
  .pop-new .journey-form h3{ font-size: 18px; margin: 0 0 10px 0; font-weight: 400;}
  .pop-new .journey-form .form-control { margin: 0 0 10px 0; padding: 10px 12px; font-size: 13px;}
  .pop-new .journey-form .custom-btn2 { padding: 6px 48px !important; font-size: 13px;}

  .search-program-form .form-select { padding: 10px 10px; font-size: 14px; margin: 0 0 10px 0;}

  .country-university-tab .country-tabs .nav-tabs .nav-link { font-size: 12px; padding: 12px 18px;}
  .about-matter img { height: 280px;}
  .about-matter .pic .apply-btn .btn { padding: 12px 17px !important; font-size: 13px;}
  .about-matter .university-detail i { width: 38px; height: 38px; font-size: 16px;}
  .about-matter .university-detail { padding: 15px;}
  .about-matter .university-detail h5 { font-size: 14px;}

.country-university-tab .country-tabs { min-height: 320px;}
	

}
@media (min-width:992px) and (max-width:1200px){
  .heading h2 { font-size: 31px; font-weight: 600; letter-spacing: .5px;}
  .custom-btn { padding: 12px 34px; font-size: 12px; font-weight: 400;}
  .custom-btn1 { padding: 10px 38px;}
  
  .top-header { padding: 4px 0;}
  .top-header a, .top-header marquee { font-size: 13px; letter-spacing: .1px;}
  .top-header a i { font-size: 12px; margin: 0 3px 0 0;}  
  .top-header .link { padding: 2px 5px;}

  .navbar { padding: 8px 6px !important;}
  .navbar-brand img { width: 130px;}
  .navbar .nav-item .nav-link { letter-spacing: 0px; margin: 0 5px; font-size: 14px;}

  .carousel .carousel-item img { height: 420px;}
  .carousel .carousel-caption .text { width: 50%; left: 12.5%; top: 45%;}
  .carousel .carousel-caption .text h3 { font-size: 32px; margin: 0 0 30px 0; margin: 0 0 20px 0;}
  .carousel .carousel-caption .text p { font-size: 21px; margin: 0 0 30px 0; margin: 0 0 20px 0;}

  .banner-form .form-bg { padding: 20px 20px 0 20px; top: -50px;}
  .banner-form .form-bg .pic img{ height: 400px;}
  .banner-form .form-bg .form { padding: 0 10px;}
  .banner-form .form-bg .form h3 { letter-spacing: 1px; margin: 0 0 50px 0; font-size: 27px;}
  .banner-form .form-bg .form h3::before { width: 120px; height: 4px; top: 37px;}
  .banner-form .form-bg .form .form-select { padding: 12px 20px; font-size: 13px; margin: 0 0 10px 0}

  .study-abroad { padding: 0 0 5% 0;}
  .study-abroad .study-card { padding: 20px;}
  .study-abroad .study-card .text h4 { font-size: 17px;}
  .text { margin-left: 0 !important;}

  .services-section .service-card { padding: 25px; height: 340px;}
  .services-section .service-card img { width: 70px; height: 70px; margin: 0 0 20px 0;}
  .services-section .service-card h5 { font-size: 16px;}
  .services-section .service-card p { font-size: 13px;}
  .services-section .service-card .arrow { padding: 8px 12px;}

  .offers .offer-bg { padding: 50px 40px;}
  .offers .offer { padding: 40px;}
  .offer1 .offer-card { padding: 20px;}
  .offer1 .offer-card img { width: 80px;}
  .offer1 .offer-card h5 { font-size: 17px;}

  .request-section .request{ padding: 40px 10px; margin: 0 0 -70px 0;}
  .request-section .request h2 { font-size: 31px; letter-spacing: .2px;}
  .request-section .request .custom-btn { font-size: 13px;}

  .review-section .student { margin: 12px;}
  .review-section .student .pic img { width: 50px; height: 50px;}
  .review-section .student p { margin: 15px 0 0 0; font-size: 14px;}

  .join-us .form { padding: 50px;}

  footer .footer-logo img { width: 160px; margin: 0 0 10px 0;}
  footer p, footer p a, footer ul li a{ font-size: 14px; letter-spacing: 0px;}
  footer h4 { font-size: 21px; margin: 0 0 30px 0;}
  footer h4::after { width: 50px; height: 3px; top: 30px;}
  footer ul li, footer ul{ margin: 8px 0 8px 10px;}
  footer .social-icon a {width: 30px; height: 30px; margin:0 8px 0 0; font-size: 13px;}
  footer .footer-bottom { margin: 6% 0 0 0; padding: 14px 0;}
  footer .footer-bottom p { font-size: 12px;}
  footer .footer-bottom .link a { font-size: 12px; letter-spacing: 0px; padding: 0px 5px;}

  .inner-banner h2 { font-size: 34px;}
  .inner-banner .breadcrumbs, .inner-banner .breadcrumbs span a { font-size: 14px; }
  
  .country-banner img { height: 280px; }
  .country-banner .breadcrumbs h2 { font-size: 42px;}
  .country-banner .breadcrumbs span, .inner-banner .breadcrumbs span a { font-size: 16px;}

  .counseling-form-section .counseling-form { padding: 30px;}
  .counseling-form-section .counseling-form-bg .content { padding: 10px 20px 20px 20px;}
  .counseling-form-section .counseling-form-bg .content h4 { font-size: 14px;}
  .counseling-form-section .counseling-form-bg .content h1 { font-size: 21px; letter-spacing: 0px; margin: 15px 0; line-height: 1.2;}
  .counseling-form-section .counseling-form .form-control{ margin: 0 0 8px 0; padding: 8px 10px; font-size: 14px;}
  .counseling-form-section .counseling-form h5 { margin: 14px 0 16px 0;}
  .counseling-form-section .counseling-form label { font-size: 14px;}

  #popup { background-image: linear-gradient(-60deg, #3a7593 68%, #FDC76E 32%); padding: 10px; width: 700px;}
  .pop-new .logo img { width: 120px;}
  .pop-new .journey-form { padding: 20px 15px 0 0;}
  .pop-new .journey-form h3{ font-size: 24px; margin: 0 0 10px 0; font-weight: 400;}
  .pop-new .journey-form .form-control { margin: 0 0 10px 0; padding: 10px 12px; font-size: 13px;}

  .choose-us .choose-content { padding: 30px; min-height: 240px;}
  .choose-us .choose-content .pic img { width: 45px;}
  .choose-us .choose-content p { margin: 20px 0 0 0; font-size: 16px;}

  .countries .country-card { padding: 10px; min-height: 210px}
  .countries .country-card img { width: 55px; height: 35px; margin: 0 0 20px 0;}
  .countries .country-card h5 { font-size: 16px;}
  .countries .country-card p { font-size: 13px;}

  .study-countries .country-name { padding: 12px 0px;}
  .study-countries .country-name a p { font-size: 14px;}
  .study-countries .country-name img { width: 65%;}

  .study-countries, .universities .university-tabs { padding: 30px;}
  .universities .university-tabs .nav .nav-link { padding: 15px;}
  .universities .university-tabs .nav .nav-link img { width: 25%;}
  .universities .university-tabs .nav .nav-link span { font-size: 13px; font-weight: 400; width: 68%;}

  .country-university-tab .country-tabs .nav-tabs .nav-link { font-size: 12px; padding: 12px 18px;}

}
@media (min-width:1201px) and (max-width:1575px){

  .top-header { padding: 4px 0;}
  .top-header a, .top-header marquee { font-size: 13px; letter-spacing: .1px;}
  .top-header a i { font-size: 12px; margin: 0 2px 0 0;}  
  .top-header .link { padding: 2px 5px;}
  .custom-btn { padding: 12px 34px; font-size: 12px; letter-spacing: 0px; font-weight: 400;}

  .navbar { padding: 8px 6px !important;}
  .navbar-brand img { width: 140px;}
  .navbar .nav-item .nav-link { margin: 0 6px; font-size: 15px;}

  #popup { background-image: linear-gradient(-60deg, #3a7593 68%, #FDC76E 32%); padding: 10px; width: 700px;}
  .pop-new .logo img { width: 120px;}
  .pop-new .journey-form { padding: 20px 15px 0 0;}
  .pop-new .journey-form h3{ font-size: 24px; margin: 0 0 10px 0; font-weight: 400;}
  .pop-new .journey-form .form-control { margin: 0 0 10px 0; padding: 10px 12px; font-size: 13px;}

  .choose-us .choose-content { padding: 35px;}

  .countries .country-card { padding: 15px; min-height: 248px;}

  .about-matter img { height: 340px;}

  .country-university-tab .country-tabs .nav-tabs .nav-link { padding: 14px 24px; font-size: 13px;}


}

.aespl-blog { padding: 4% 0;}
.blog-date{
    margin-left: 30px;
    margin-right: 30px;
    color: aliceblue;
    background-color: #044262;
    position: relative;
    z-index: 2;
    margin-top: -25px;
}
.blog-date h5{
    margin: 0;
    padding: 13px;
    font-size: 15px;
}

.blog-date h5 i{
    font-size: 16px;
    margin-right: 5px;
}
.main-blog img{
    transition: 0.4s;
    position: relative;
    z-index: -1;
}
.main-blog:hover img {
    background: rgba(0, 255, 255, 0.5);
    transform: scale(1.05);
    opacity: 0.5;
}
span .blue-overlay{
    background: rgba(0, 157, 255, 0.2);
    display: none;
}
.main-blog img:hover span .blue-overlay{

    display: block;
}
.bt-content p{
    font-size: 18px;
    text-align: justify;
}
.blog-comments{
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}
.blog-comments span {
    margin: 10px;
}
.main-blog{
    overflow: hidden;
    transition: 3s;
    margin-top: 20px;
    margin-bottom: 20px;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.blog-heading{
    padding: 15px;
    margin: 10px;
    text-align: justify;
}

.blog-content .b-btn{

   font-size: 17px;
   text-decoration: none;
   color: #FD7E14;
  border-radius: 5px;
}

.blog-content .b-btn a :hover{
   background-color: #FD7E14 ;
}

.blog-read{
    margin-top: 20px;
    margin-bottom: 8px;
}
.blog-read :hover{
    color: #c56617;
}
.blog-read i{
    margin-right: 7px;
}

.bt-main{
    
    padding: 50px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.bt-main h5{
color:#FD7E14;
margin: 0px 10px 10px 10px;
}
.bt-main h5:hover{
    color: #c56617;
}
.bt-date i{
    margin: 10px;
}
.bt-main img{
    padding: 20px;
    border-radius: 40px;
}

.bt-content h6{
    font-size: 20px;
}
.bt-content p:nth-child(3){
  background-color: #044262 ;
  color: #fff;
  padding: 10px;
  text-align: justify;
}

.bt-content p:nth-child(3) i{
    font-size: 50px;
    margin: 10px;
}

.recent-main{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    padding: 34px;
    margin: 10px;
    text-align: justify;
    background-color: #FBF4F0;
    
}
.recent-main h2{
    margin-top: 20px;
    font-size: 25px;

}

.recent-main img{
    border-radius: 10px;
    overflow: hidden;
}
.recent-main img:hover{
    transform: scale(1.05);
    opacity: 0.5;

}

.recent-content{
    text-align: justify;

}

.recent-content h6{
    color: #FD7E14;
    font-size: 13px;
}
.recent-content h6:hover{
    color: #c56617;
}
.recent-content h5{
    font-size: 16px;
}


.sear-form input{
    border: none;
    width: 270px;
    padding: 20px;
}
.sear-form input:focus { box-shadow: none !important;}
.sear-form button{
  border: none;
  height: 67px;
    width: 53px;
}

/*---------------Coaching Page-----------------------------*/

 .exam-gmat {background-color:#E5ECEF; padding: 5% 0;}
 .exam-gmat .navbar-exm{ border-radius:5px; box-shadow: 0 6px 25px rgba(0,0,0,.07); background-color: white;}
 .exam-gmat .nav-item a { color: #044262 !important; font-size: 13px; font-weight: bold; text-transform: uppercase; padding:15px 20px 15px 20px; border-bottom:1px solid #F1F1F1;  }
 .exam-gmat .nav-item a:hover {color: #fd7e14; background-color:white;  box-shadow: 0 6px 25px rgba(0,0,0,.07);}
 .exam-gmat .nav-link.active {color: white !important; background-color:#044262 !important;}
 .exam-gmat .tab-pane{overflow: auto; height: 1164px;}
 .exam-gmat .tab-pane::-webkit-scrollbar{width: 5px;}
 .exam-gmat .tab-pane::-webkit-scrollbar-thumb {background:#cccccc; }
 .exam-gmat .tab-pane h1{color: #044262; font-size: 31px; padding: 0 0 16px 0; padding-left:0px;}
 .exam-gmat .tab-pane h2{color: #044262; padding-top: 23px; padding-left: 0px; margin-bottom: 22px; font-size: 23px;}
 .exam-gmat .tab-content p { font-size: 13px; color: #706f6f; text-align: justify; line-height: 23px;}
 .exam-gmat .tab-pane img{ width: 100%; border-radius: 33px; padding: 10px; margin-top: 14px; padding-left:0px;}
 .exam-gmat .exam-cont{box-shadow: 0 6px 25px rgba(0,0,0,.07);  border-radius:6px; padding:36px;  background-color:white;}
 .exam-gmat .exam-cont table tbody td{font-size: 13px; padding: 13px; padding-left: 40px;}
 .exam-gmat .exam-cont table thead th{padding: 13px; padding-left: 40px;}
 .exam-slide{ padding: 4px 30px; position: relative; animation: mymove 1s ; animation-fill-mode: forwards;}
 @keyframes mymove {from {left:-10px;} to {left:10px;}}

@media (min-width:336px) and (max-width: 576px){ 
 .exam-gmat .navbar-exm{width: 100%;}
 .exam-gmat .nav-item a { color: #044262 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 12px 10px 12px 11px; text-align:start;}
 .exam-gmat .exam-cont { padding: 17px 23px 30px 21px;}
 .exam-gmat .tab-pane { overflow: auto; height: 880px;}
 .exam-gmat .tab-pane h1{color: #044262; font-size: 18px; padding: 0px;}
 .exam-gmat .tab-pane h2{color: #044262; padding-top: 12px; padding-left: 0px; margin-bottom: 8px; font-size: 16px;}
 .exam-gmat .tab-content p { font-size: 11px; color: #706f6f; text-align: justify; line-height: 20px;}
 .exam-gmat .exam-cont ul li{font-size:11px;}
 .exam-gmat .exam-cont table tbody td {font-size: 11px; padding: 9px;}
 .exam-gmat .exam-cont table thead th {padding: 6px; font-size: 12px;}
  @keyframes mymove {from {left:-10px;} to {left:0px;}}
}

@media (min-width:576px) and (max-width: 768px){
 .exam-gmat .navbar-exm{width: 145%;}
 .exam-gmat .nav-item a { color: #044262 !important; font-size: 11px; font-weight: bold; text-transform: uppercase;}
 .exam-gmat .exam-cont { padding: 23px;}
 .exam-gmat .tab-pane { overflow: auto; height: 1127px;}
 .exam-gmat .tab-pane h1{color: #044262; font-size: 22px; padding:0 0 3px 0; padding-left:0px;}
 .exam-gmat .tab-pane h2{color: #044262; padding-top: 12px; padding-left: 0px; margin-bottom: 6px; font-size: 19px;}
 .exam-gmat .tab-content p { font-size: 12px; color: #706f6f; text-align: justify; line-height: 22px;} 
 .exam-slide{ padding: 4px 30px; position: relative; animation: mymove 1s ; animation-fill-mode: forwards;}
 @keyframes mymove {from {left:26px;} to {left:32px;}}
  }

@media (min-width:768px) and (max-width: 998px){
 .exam-gmat .navbar-exm{width: 100%;}
 .exam-gmat .exam-cont { padding: 23px;}
 .exam-gmat .tab-pane { overflow: auto; height: 1113px;}
 .exam-gmat .nav-item a { color: #044262 !important; font-size: 11px; font-weight: bold; text-transform: uppercase;}
 .exam-gmat .tab-pane h1{color: #044262; font-size: 22px; padding:0 0 3px 0; padding-left:0px;}
 .exam-gmat .tab-pane h2{color: #044262; padding-top: 12px; padding-left: 0px; margin-bottom: 6px; font-size: 19px;}
 .exam-gmat .tab-content p { font-size: 13px; color: #706f6f; text-align: justify; line-height: 23px;}
}

@media (min-width:998px) and (max-width: 1200px){
 .exam-gmat .nav-item a { color: #044262 !important; font-size: 11px; font-weight: bold; text-transform: uppercase;}
 .exam-gmat .tab-content p { font-size: 13px; color: #706f6f; text-align: justify; line-height: 23px;}
 .exam-gmat .tab-pane{overflow: auto; height: 1126px;}
 .exam-gmat .tab-pane h1{color: #044262; font-size: 22px; padding:0 0 3px 0; padding-left:0px;}
 .exam-gmat .tab-pane h2{color: #044262; padding-top: 12px; padding-left: 0px; margin-bottom: 6px; font-size: 19px;}
}

/*---------------Coaching Tab Page-----------------------------*/
.coaching-tab{padding:3% 0;}
.coaching-tab .coaching-info{box-shadow: rgb(0 0 0 /11%)0 0 9px; margin:13px; height:367px; font-size: 14px; padding:34px 36px 11px 47px; background-color:#FFFFFF; text-align: -webkit-center; line-height: 1.7;background-image:url("../images_in/shape2.png"); transition: 0.2s all ease;}
.coaching-tab .coaching-info:hover{transform:translateY(-7px);}
.coaching-tab h3{padding: 0px 0px 8px 0px; color: #044262;}
.coaching-tab .coaching-info .coaching-para{text-align:-webkit-center;}
.coaching-tab .owl-carousel .owl-nav button.owl-next{display:none;}
.coaching-tab .owl-carousel .owl-nav button.owl-prev{display:none;}
.coaching-tab .tab-btn{padding:4px 28px;}

@media (min-width:336px) and (max-width: 567px){
  .coaching-tab .coaching-info{height:314px; font-size: 12px; margin:22px}
}
@media (min-width:567px) and (max-width: 768px){
  .coaching-tab .coaching-info{height:344px; font-size: 13px; padding:31px 22px 15px 22px; margin:7px;}
  .btn-margin{margin-top:19px;}
}
@media (min-width:768px) and (max-width: 998px){
  .coaching-tab .coaching-info{height:358px; padding:29px 24px 11px 20px; line-height:1.6; margin:4px;}
  .coaching-tab .coaching-info p{font-size:13px;}
}
@media (min-width:998px) and (max-width: 1200px){
  .coaching-tab .coaching-info{height:359px; padding:26px 24px 11px 22px; margin:4px;}
  .coaching-tab .coaching-info p{font-size:13px;}
}
@media (min-width:998px) and (max-width: 1200px){
  .coaching-tab .coaching-info{height:359px; padding:26px 24px 11px 22px; margin:4px;}
  .coaching-tab .coaching-info p{font-size:13px;}
}
@media (min-width:1200px) and (max-width: 1400px){
  .coaching-tab .coaching-info{height:359px; padding:26px 29px 11px 30px; margin:4px;}
  .coaching-tab .coaching-info p{font-size:14px;}
}

/*---------------Modal BTN CSS-----------------------------*/

.modal-header .btn-close:hover { opacity: 1;}
.modal-header .btn-close:hover span { color: #fff;}
.modal-header .btn-close { background: #044362; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; opacity: 1; color: #fff; margin-top: -20px !important; margin-right: -20px !important; padding: 16px !important; border-radius: 50%;}
.modal-header .btn-close span { font-size: 30px !important; line-height: 0; font-weight: 700 !important;}
.modal-header { padding: 0 !important;}
.modal .form-control, .modal .form-select { min-height: 40px; font-size: 13px;}

/*---------------Contact Us Page-----------------------------*/

.form-section .form-cont{background-color:white; box-shadow: rgb(0 0 0 / 25%) 0 0 42px; padding: 16px 12px 12px 12px; border-radius: 14px; position: relative; top: -67px; z-index: 4;}
.form-section .form-cont .form-inq{ text-align:center; padding:10px; border-right: 1px solid #F2F2F2; height: 164px; transition: 0.2s all ease;}
.form-section .form-cont .form-inq:hover{transform:scale(1.1);}
.form-section .form-cont .form-inq .form-icon{ transition:0.2s all ease; color: #044262; font-size:36px;}
.form-section .form-cont .form-inq .form-icon:hover{color:#FD7E14; transform:scale(1.2);}
.form-info{padding:0 0 7%;}
.form-info .contact-form{background-color:white; padding:64px 85px 127px 94px; border-radius: 14px; box-shadow: rgb(0 0 0 / 25%) 0 0 42px;}
.form-info .contact-form h3{padding: 0 0 40px; text-align: center; color: #044262; font-size:44px;}
.form-info .contact-form .form-floating>label{padding: 1rem 1.75rem;}
.form-info .contact-form textarea.form-control {min-height: calc(8.5em + 0.75rem + 2px);}
.circle-animate{width:100px; height:100px; border:2px dashed; font-size:48px; position: relative; z-index:-1; animation-name: circle; animation-duration: 6s; animation-iteration-count: infinite; transition:2s;}
@keyframes circle {0% {color:#ffcccc; left:0px; top:100px;transform:rotate(360deg);} 25%  {color:#b6e4fc; left:100px; top:150px;} 50%  {color:#ffcccc; left:110px; top:150px;} 75%  {color:#b6e4fc; left:0px; top:150px;} 100% {color:#ffcccc; left:0px; top:100px;}}
@media (min-width:336px) and (max-width: 567px){
  .form-section .form-cont{position: relative; top:-47px;}
  .form-section .form-cont .form-inq{border-right: none;}
  .form-section .form-cont .form-inq:hover{transform:scale(1.0);}
  .form-section .form-cont .form-border1{border-right:1px solid #F2F2F2;}
  .form-section .form-cont .form-border2{border-bottom:1px solid #F2F2F2;}
  .form-section .form-cont .form-border3{border-bottom:1px solid #F2F2F2; margin-left:-25px;}
  .form-section .form-cont .form-inq .form-icon{font-size:27px;}
  .form-section .form-cont .form-inq p{font-size:11px;}
  .form-info .contact-form h3 {font-size:17px;}
  .form-info .contact-form{padding:24px 23px 34px 26px; }
  .form-info .contact-form .form-floating>label { font-size: small; padding: 1rem 1.5rem;}
  .form-floating>.form-control, .form-floating>.form-select { height: calc(2.5rem + 2px); padding: 1rem;}
}
@media (min-width:567px) and (max-width: 768px){
  .form-section .form-cont{position: relative; top: -67px;}
  .form-section .form-cont .form-inq{border-right: none;}
  .form-section .form-cont .form-inq:hover{transform:scale(1.0);}
  .form-section .form-cont .form-border1{border-right:1px solid #F2F2F2;}
  .form-section .form-cont .form-border2{border-bottom:1px solid #F2F2F2;}
  .form-section .form-cont .form-border3{border-bottom:1px solid #F2F2F2; margin-left:-25px;}
  .form-section .form-cont .form-inq .form-icon{font-size:33px;}
  .form-section .form-cont .form-inq p{font-size:12px;}
  .form-info .contact-form{padding:34px 23px 34px 26px;}
  .form-info .contact-form h3 {font-size:25px; padding: 0 0 26px;}
  .form-info .contact-form .form-floating>label { font-size: small; padding: 1rem 1.5rem;}
  .form-floating>.form-control, .form-floating>.form-select { height: calc(2.5rem + 2px); padding: 1rem;}
}
@media (min-width:768px) and (max-width: 998px){
  .form-section .form-cont{padding: 9px 12px 22px 12px;}
  .form-section .form-cont .form-inq .form-icon{font-size:30px;}
  .form-section .form-cont .form-inq p{font-size:12px;}
  .form-info .contact-form{padding:54px 57px 100px 71px;}
  .form-info .contact-form h3 {font-size:29px;}
  .form-info .contact-form .form-floating>label { font-size: small; padding: 1rem 1.5rem;}
}
@media (min-width:998px) and (max-width: 1200px){
  .form-section .form-cont{padding: 16px 12px 12px 12px;}
  .form-section .form-cont .form-inq .form-icon{font-size:36px;}
  .form-section .form-cont .form-inq p{font-size:12px;}
  .form-info .contact-form{padding:64px 85px 127px 94px;}
}

/*---------------Courses fees Page-----------------------------*/

.fees-background{background-color:#E5ECEF; padding: 5% 0; text-align:center; margin-bottom:3%;}
.fees-background .fees{position: relative; z-index: 10; padding:27px 14px; box-shadow:rgb(0 0 0/15%) 0 0 14px; background-color:#FFFFFF; transition: all ease 0.2s; margin: 15px 0; color:#044262; font-weight: 500;}
.fees-background .fees:hover{transform: translateY(-6px); box-shadow: 10px 10px gainsboro;}
.fees-background .fees p{ text-align: inherit; font-size: 15px; margin: 0;}
.slide-icon{z-index: 1; position: relative; animation: myicon 14s ; animation-iteration-count: infinite; }
@keyframes  myicon {0% { left:-70px; top:0px;} 50% {left:30px; top:0px;} 100%{right:0px; left:-70px;}} 
.slide-fees{padding: 4px 30px; position: relative; animation: myfees 2s; animation-fill-mode: forwards;}
@keyframes myfees { 0% {left: -70px;top: 0px;} 50% { left: 15px; top: 0px;} 100% { right: 0px; left: 0px;}}

@media (min-width:336px) and (max-width: 576px){
  .fees-background .fees{padding:15px;} 
  .fees-background .fees p{font-size:12px ;}
 @keyframes myfees { 0% {left: -70px;top: 0px;} 50% { left: 0px; top: 0px;} 100% { right: 0px; left: 0px;}}
}
@media (min-width:576px) and (max-width: 768px){
  .fees-background .fees{width:211px; padding:20px 14px 14px 14px;} 
  .fees-background .fees p{font-size:14px;}
}
@media (min-width:768px) and (max-width: 998px){
  .fees-background .fees{width: 107px; padding: 14px; height: 79px;} 
  .fees-background .fees p{font-size:13px ;}
}
@media (min-width:998px) and (max-width: 1200px){
  .fees-background .fees{width:144px; padding:15px 5px 5px 5px;} 
  .fees-background .fees p{font-size:15px ;}
}

.admission-counsellor { padding: 6% 0;}
.job-form { padding: 30px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.job-form .form-control { padding: 10px 18px; font-size: 14px; margin: 0 0 17px 0;}

@media (min-width:1201px) and (max-width: 1450px) {
   .heading h2 { font-size: 39px; font-weight: 600; letter-spacing: 1px; color: #044262;}

   .carousel .carousel-item img { height: 560px;}
   .carousel .carousel-caption .text h3 { font-size: 40px; margin: 0 0 25px 0;}
   .carousel .carousel-caption .text p { font-size: 25px; margin: 0 0 30px 0;}
   .carousel .carousel-caption .text { width: 50%;}

   .banner-form .form-bg { top: -80px;}
   .banner-form .form-bg .pic img { width:480px;}
   
   .services-section .service-card { padding: 30px; height: 325px;}
   .services-section .service-card img { width: 75px; height: 75px; margin: 0 0 20px 0;}

   .offers .offer-bg { padding: 60px 40px;}
   .offers .offer { padding: 42px;}
   .offer1 .offer-card { padding: 25px;}
   .offer1 ul li:first-child { left: 2%;}

   .review-section .student .pic img { width: 60px; height: 60px;}


}

/* ------------------ OTP Form --------------------------- */

.digit-group input { width: 30px; border: none; border-bottom: 2px solid black;  margin:0 2px; text-align: center;}


/* ------------------ terms & condition --------------------------- */

.term-condition .terms-ol{ line-height:1.9;} 

/* ------------------ terms & condition --------------------------- */

.faq-content{padding:2% 0;}

@media (min-width:336px) and (max-width: 576px){
.faq-content{padding:4% 0;}
}

/* ------------------ Pay Fees Form ---------------------- */

.pay-fees-form { padding: 5% 0; background: #E5ECEF; margin: 0 0 5% 0;}
.pay-fees-form .fee-form { background: #fff; padding: 40px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 10px;}
.pay-fees-form .fee-form .heading h3{ margin: 0 0 10px 0;} 

/* ------------------Profile Page ----------------------- */

.profile-details { padding: 5% 0; }
.profile-details .nav-pills { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 30px; background: #044362; min-height: 350px; width:100%;}
.profile-details .nav-pills .nav-link { border-radius: 0; color: #fff; padding: 20px; text-align: left; font-size: 18px; letter-spacing: .8px; border-bottom: 1px solid #dddddd45; width:100%;}
.profile-details .tab-content { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 50px; min-height: 350px;} 
.profile-details .tab-content h4 { color: #054362; font-size: 24px; letter-spacing: .8px; font-weight: 600; border-bottom: 1px solid #ddd; padding: 10px; margin: 0 0 30px 0;}

@media (min-width:336px) and (max-width: 576px){
.profile-details .nav-pills { padding: 3px; min-height: 264px;}
.profile-details .nav-pills .nav-link {padding: 17px; font-size: 12px;}
.profile-details .tab-content {padding: 9px 12px; min-height: 264px;} 
.profile-details .tab-content h4 {padding: 10px 0px; font-size: 21px; margin: 0 0 14px 0;}
.profile-details .tab-content p{text-align:left;}
}
@media (min-width:576px) and (max-width: 768px){
.profile-details .nav-pills { padding: 3px; min-height: 283px;}
.profile-details .nav-pills .nav-link {padding: 17px; font-size: 14px;}
.profile-details .tab-content {padding: 9px 27px; min-height: 283px;} 
.profile-details .tab-content h4 {padding: 11px;}
}
@media (min-width:768px) and (max-width: 998px){
.profile-details .nav-pills { padding: 3px; min-height: 283px;}
.profile-details .nav-pills .nav-link {padding: 17px; font-size: 14px;}
.profile-details .tab-content {padding: 9px 27px; min-height: 283px;} 
.profile-details .tab-content h4 {padding: 11px;}
}
@media (min-width:998px) and (max-width: 1200px){
.profile-details .nav-pills { padding: 3px; min-height: 283px;}
.profile-details .nav-pills .nav-link {padding: 17px; font-size: 14px;}
.profile-details .tab-content {padding: 9px 27px; min-height: 283px;} 
.profile-details .tab-content h4 {padding: 11px;}
}

/* ------------------ Work With Us Page ---------------------- */

.work-section{padding:4% 0;}
.work-section .work-content{width: 100%; height: 100%; background-color:#E5ECEF; padding:45px 44px; transition:0.3s;border-top: 2px dashed #044262}
.work-content:hover{transform: translateY(-6px); box-shadow: 0 6px 25px rgba(0,0,0,.07); background-color: white;}
.work-section .work-content h2{font-size: 23px; padding: 0 0 8px 0; color: #044262;}
.work-section .work-content .work-heading{font-size:17px;}
.work-section .work-content p{font-size:15px; text-align: -webkit-auto;}
.work-section .work-content .work-btn{padding:13px; font-size: 12px;}

@media (min-width:336px) and (max-width: 567px){
.work-section .work-content{padding:24px 17px;}
.work-section .work-content h2{font-size: 18px; padding: 0 0 8px 0;}
.work-section .work-content .work-heading{font-size:13px;}
.work-section .work-content p{font-size:13px;}
.work-section .work-content .work-btn{padding:10px; font-size: 12px;}
}
@media (min-width:567px) and (max-width: 768px){
.work-section .work-content{padding:25px 25px;}
.work-section .work-content h2{font-size: 17px; padding: 0 0 8px 0;}
.work-section .work-content .work-heading{font-size:13px;}
.work-section .work-content .heading-mt{margin-top:2rem;}
.work-section .work-content p{font-size:13px;}
.work-section .work-content .work-btn{padding:7px; font-size: 11px;}

}
@media (min-width:768px) and (max-width: 998px){
.work-section .work-content{padding:27px 20px;}
.work-section .work-content h2{font-size: 17px; padding: 0 0 8px 0;}
.work-section .work-content .work-heading{font-size:14px;}
.work-section .work-content .heading-mt2{margin-top:-1rem;}
.work-section .work-content .heading-mt1{margin-top:3rem;}
.work-section .work-content p{font-size:13px;}
.work-section .work-content .work-btn{padding:5px; font-size: 11px;}
}
@media (min-width:998px) and (max-width: 1200px){
.work-section .work-content{padding:33px 35px;}
.work-section .work-content h2{font-size: 18px; padding: 0 0 8px 0;}
.work-section .work-content .work-heading{font-size:13px;}
.work-section .work-content .heading-mt1{margin-top:1.8rem;}
.work-section .work-content p{font-size:14px;}
.work-section .work-content .work-btn{padding:14px; font-size: 11px;}
}
@media (min-width:1200px) and (max-width: 1400px){
.work-section .work-content{padding:33px 35px;}
.work-section .work-content h2{font-size: 21px; padding: 0 0 8px 0;}
.work-section .work-content .work-heading{font-size:15px;}
.work-section .work-content .heading-mt1{margin-top:1rem;}
.work-section .work-content p{font-size:14px;}
.work-section .work-content .work-btn{padding:14px; font-size: 11px;}
}

/* ----------web services css-------------------------- */
.web-service{padding:5% 0;}
.service-detail{background: #E5ECEF; padding: 5% 0; margin-bottom: 4%;}
.service-detail .service-content{height: 200px; background-color: #FFF; transition:0.2s; padding: 26px 15px; box-shadow: rgb(0 0 0 / 14%) 0 0 10px; border-radius: 6px; text-align: center; margin-top: 37px;}
.service-detail .service-content:hover{transform:translateY(-5px); box-shadow: 10px 5px gainsboro;}
.service-detail .service-content h4 {font-size: 19px; color: #044262;}
.service-detail .service-content p{text-align:center;}
@media (min-width:992px) and (max-width:1400px){
.service-detail .service-content {height: 276px; padding: 21px 15px;}  
}