@charset "utf-8";
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    box-sizing:border-box;
}
body {
    text-decoration: none;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-size:18px;
    color:#333;
}



.clearfix{clear:both;}


.c1 {
    background-color:#fff !important;
    color:#333 !important;
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.eot');
    src: url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-BoldItalic.woff') format('woff'),
        url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansita';
    src: url('../fonts/Sansita-Bold.eot');
    src: url('../fonts/Sansita-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sansita-Bold.woff') format('woff'),
        url('../fonts/Sansita-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansita';
    src: url('../fonts/Sansita-ExtraBold.eot');
    src: url('../fonts/Sansita-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sansita-ExtraBold.woff') format('woff'),
        url('../fonts/Sansita-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansita';
    src: url('../fonts/Sansita-Black.eot');
    src: url('../fonts/Sansita-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sansita-Black.woff') format('woff'),
        url('../fonts/Sansita-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansita';
    src: url('../fonts/Sansita-Regular.eot');
    src: url('../fonts/Sansita-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sansita-Regular.woff') format('woff'),
        url('../fonts/Sansita-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.clear {
    clear: both 
}
audio, ::selection {
    background:#197bb0;
    color: #fff;
}

.wrapper{ background-color:#fff;}

.grecaptcha-badge{
    display:none !important;
}



.banner-content{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	display:flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-bottom:10em;
}




.whats-app{
    position:fixed;
    bottom:10vh;
    right:0px;
    margin-right:45px;
    width:30px;
    z-index:120000;
	
}
.whats-app img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    opacity:1;
    max-width:40px;
	
}
.whats-app:hover img {
    opacity:1 
}
@keyframes floating {
    from {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 15px);
    }
    to {
        transform: translate(0, -0px);
    }
}

.img-full{
    width: 100%;
    height:auto;
    display: block 
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.container{
    width:100%;
    padding-left:5%;
    padding-right:5% 
}
.logo1{
    display:none 
}
.banner-wraper{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
}

.swiper-slide-caption {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    white-space: normal;
    overflow: hidden;
    bottom: 30%;
    left: 0px;
}




.caption{
	color:#fff;
	font-size:4.056em;
	font-family: 'Sansita';
	font-weight: normal;
    font-style: normal;
    font-display: swap;
	text-align:left;
	line-height:1;
    float: left;
    letter-spacing: -1px;
    text-transform: uppercase;
}
.banner-caption-mid{
    font-size:10.111em;
color: #fff;
font-family: 'Sansita';
font-family: 'Sansita';
	font-weight: normal;
    font-style: normal;
    font-display: swap;
line-height:0.8;
display: inline-block;
text-align: left;
width: 100%;
letter-spacing: -3px;
text-transform: uppercase;
}

.home-caption{ width:100%; }


.top-wraper{
    width:100%;
    height: auto;
}
.top-container{
    width:100%;
    padding-left:5%;
    padding-right:5%;
}
.tophead{
    width:100%;
    height:40px;
    position:relative;
	padding-top:1em;
}
.top-header{
    width:100%;
    height:auto;
    position:relative;
    z-index:99 
}
.top-contact{
    width: auto;
    height:40px;
    float:right;
    clear: both;
    padding-top:10px;
}
.logo-container{
    width:auto;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    padding-top:10px;
}
.menu-container{
    width: auto;
    height: auto;
    float:right;
    margin-top:1em 
}
.logo{
    width:auto;
    height:auto;
    float:left;
}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.top-quickwraper{
    width:100%;
    height:auto;
}

.header-contact{
    width:auto;
    height:auto;
    float:right;
}
.header-call{
    width:auto;
    height:auto;
    line-height:28px;
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    margin-left:1em;
    color:#333;
}
.header-call span{ float:left; color:#00afe9; padding-left:0.5em;  border-left:1px solid #ccc; display:flex;
	align-items:center;}
.header-call span:nth-child(1){ border:none;margin-right:0.5em;}
.header-call a{
    line-height:28px;
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    color:#6d432c;
	
}
.header-call a:hover{
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    color:#17553b;
}





.desk-view{
    display:block
}
.mob-view{
    display:none
}
/*.nav-menu > li:nth-last-child(1) a{ padding-right:0%;}*/
.banner-caption{
	width:auto;
	height:auto;
	float:left;
	/* background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.3),rgba(0,0,0,0.4),rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
}

/*.poket_nav_area .nav-brand .logo .small {
  display: block;
}*/
.poket-main-menu .prefix .main_sticky_main_l .large {
  display: none;
}

.footer-bottom-wrap{
	width:100%;
	height:auto;
	background:#0066cc;
	float:left;
}
.copy-right{
     width: auto;
     height: auto;
     line-height:55px;
     float: left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
}
.designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
     
     line-height:55px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight:300;
    color:rgba(255,255,255,0.8);
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:#222;
	border-bottom:1px solid #666;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:46px;
}
.footer-wraper{
	width:100%;
	height:auto;
	float: left;
    background: url(../images/footer-bg.png);
    background-size: cover;
}

.footer-top-wraper{
	width:100%;
	height:auto;
	padding-top:65px;
	padding-bottom:55px;
	/*border-top:1px solid #ccc;*/
	display: flex;
/*align-items: center;*/
justify-content: center;
	
}


.footer-content{
	width: 25%;
	height:auto;
	float:left;
	/*margin-top:5em*/
}
.footer-content:nth-child(1){ width:30%; margin-top:0em;}




.footer-social{
	width:100%;
	height:auto;
}

.footer-logo{
	width:85%;
	height:auto;
	text-align:left;
	margin-bottom:0.5em;
}
.footer-address-wrap{
	width:100%;
	height:auto;
}

.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family: inherit;
	font-size:1em;
	line-height:2;
	width:100%;
	float:left;
    margin-top: 0.25em;
}
.footer-content ul li a{
    font-family: inherit;
	line-height:1.7;
	color:#333;
	font-size:1em;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal;
	 
}


.footer-content-for-top {
    align-items: flex-start !important;
  }
 .footer-content ul li a:hover{
    font-family: inherit;
	line-height:1.7;
	color:#333;
	font-size:1em;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
     padding-left:3px;
     font-weight: normal 
}
.footer-content-title{
	width:100%;
	height:auto;
	font-size:1.15em;
	font-family: inherit;
	color:#222;
	margin-bottom:8px;

    font-weight: 600;
    font-style: normal;
    font-display: swap;
    text-transform: uppercase;
}

.footer-address{
    width:100%;
    height:auto;
    margin-top:1.5em;
}
.footer-address:nth-child(1){ margin-top:0px;}
.footer-icon{
    width:13%;
    height:auto;
    float:left;
    text-align:right;
}
.address{
    width:87%;
    height:auto;
    float:left;
    font-size:1em;
    color:#333;
    font-family: 'Poppins';
    padding-left:3%;
	line-height:1.7;
	margin-bottom:0.5em;
}


.footer-address-container {
    width: 100%;
    height: auto;
    padding-bottom:5px;
	padding-top:5px;
}

.footer-details-icon{
	width:auto;
	height:auto;
	float:left;

	display:table-cell;
	text-align:left;
	color:#05431b;
	font-size:1.75em;
	margin-right:10px;
	margin-top:-3px;
}

.footer-details {
    width:100%;
    height: auto;
    float: left;
	font-size:1em;
}
.footer-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
	font-size: 1em;
	color:#333;
    line-height:1.9;
    font-weight: normal;
	padding-right:0%
}
.footer-quick-contact{
	width:100%;
	height:auto;
    margin-top: 1.5em;
}


.footer-content-for{
	width:100%;
	height:auto;
	padding-bottom:1em;
	display:flex;
	align-items:center;
}
.footer-content-for:nth-child(1){ align-items:flex-start}
.footer-content-icon{
	width:auto;
	text-align:left;
	float:left;
    padding-right: 1em;
}
.footer-content-details{
	width:88%;
	height:auto;
	float:left;
}
.footer-content-details p{
	width:100%;
	height:auto;
	font-family:  inherit;
	line-height:1.7;
	color:#333;
	font-size:1em;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.footer-social-links {
    padding:0;
    margin:0em 0 0;
    text-align:left;
    float:left;
}
.footer-social-links ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:auto;
}
.footer-social-links ul li {
    list-style:none;
    height: auto;
    width:50px !important;
    float:left;
   
    margin-right: 5px;
}
.footer-social-links ul li a {
    height:auto;
    width:50px;
    display:block;
    text-align:center;
    font-size:1.5em;
    color:#fff;
    line-height:1.7;
    background-color: #1570a7;
}
.footer-social-links ul li a:hover {
    color:#fff;
    font-size:1.5em;
    background-color: #333;
}







.poket-main-menu .logo a.main_sticky_main_l {
  display: block;
  margin-top:0px !important;
}


.poket-main-menu .prefix .logo a.main_sticky_l {
  display: block;
  margin-top:3px !important;
/*  filter: invert(100%);
-webkit-filter: invert(100%);
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
*/}


.poket-main-menu .prefix .navigation{ height:70px;}
.poket-main-menu .prefix .logo a.main_sticky_l img {
    padding-top: 5%;
    height: 55px;
}

.poket-main-menu .prefix .logo{ top:0px;}
.poket-main-menu .prefix .nav-menu > li > a{ color:#333 !important}

.poket-main-menu .prefix .nav-menu>li:hover>a:before{background:#fff !important;}
.poket-main-menu .prefix .nav-menu>li:hover>a:after{background:#fff !important;}
.em40_header_area_main{ padding:0.01em 0em !important}


.poket_nav_area.prefix,
.hbg2 {
    background-color: rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.poket_menu ul .sub-menu li a,
.poket_menu ul .sub-menu li:before {
    font-display: swap;
}
.poket_nav_area .scroll_fixed .prefix .nav-header{ width:30px;}




/****************************************** S ABOUT US ******************************************/
.inner-banner-wrap{
	width:100%;
	height:auto;
	position:relative;
	font-size:0.8em;
}
.inner-banner{
	width:100%;
	height:auto;
}
.inner-caption{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	margin:auto;
	display:flex;
	align-items: flex-end;
	font-size:0.85em;
	padding-bottom:5%;
}

.inner-banner-wrap .caption { color: #fff;  line-height: 0.85 ; text-align: center; width: 100%;}
.inner-banner-wrap .banner-caption-mid{ color: #fff; font-size: 7em; line-height: 0.85; letter-spacing: -1px; text-align: center;}

.welcome-inner {
    width: 100%;
    height: auto;
    padding-bottom: 80px;
    float: left;
    padding-top: 80px;
  }

.bredcum-wraper{
    width:100%;
    height:auto;
    padding-top:20px;
	z-index: 9;
    /*position: absolute;*/
    float: left;
    position: relative;
}

.bredcum-container{
    width:100%;
    height:auto;
display:flex; justify-content: flex-start; align-items:center;
}
.bred-home{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a:hover{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-arrow{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:0.65em;
    color:#555;
    line-height:30px;
    padding-left:5px;
    padding-right:5px;
}
.bred-next{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
   font-size:1em;
    color:#222;
    line-height:30px;
}


    .hide-menu { display:none !important}

    .enquiry {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      }
      .enquiry-pic{
        width: 50%;
        height: auto;
        position: relative;
        float: left;
        flex: 0 0 auto;
      }
      .enquiry-pic-content{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: flex-end;
        padding-bottom: 2em;
      }
      .enquiry-pic-contnet-out{
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;

      }
      .enquiry-pic-name{
        width: 100%;
        font-size: 6.944em;
        color: #fff;
        line-height: 1;
        font-family: 'Poppins';
        font-weight: bold;
        font-style: italic;

      }
      .enquiry-pic-name span{
        font-size: 1.480em;
        color: #fff;
        line-height: 1;
        font-family: 'Poppins';
        font-weight: bold;
        font-style: normal;

      }
      .enquiry-pic-content p{
        color: #fff;
line-height: 1;
margin: 0;
font-family: inherit;
font-size: 1em;
font-weight: normal;
float: left;
width: 100%;
padding-top: 0px;

      }
      .bottom-container{
        width: 100%;
        height: auto;
        margin-bottom: 100px;
        margin-top: 100px;
        
      }
      .enquiry-content{
        width: 50%;
        height: auto;
        position: relative;
        float: left;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        background-color: #fff;
        
      }
      .address-enquiry{
        width:48%;
        height:auto;
        float:left;
        margin-bottom:20px;
        
    }
    .enquiry-title{
        width: 100%;
        height: auto;
        text-align: center;
        font-size:1.556em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1.5;
letter-spacing: -1px;
text-transform: uppercase;
color: #0969a1;
margin-bottom: 1em;
    }
   
    .address-enquiry:nth-child(2n+2){ float: right;}
    .address-enquiry-submit{
        width:100%;
        height:auto;
        margin-bottom:20px;
        display:flex;
        justify-content:center;
    }
    .contact-box-area {
        width: 100%;
        height:153px;
        border-bottom:1px solid #ccc;
        line-height: 24px;
        font-weight: normal;
        font-style: normal;
        color: #333;
        font-size: 1.125em;
        padding-top: 1em;
        font-family:inherit;
        background-color:transparent;
    }
    
    .enquiry-box{
        width:100%;
        height:40px;
        border-bottom:1px solid #ccc;
        line-height:40px;
        font-weight:normal;
        font-style:normal;
        color:#333;
        font-size:1em;
        background-color: inherit;
        font-family:inherit;
        margin-bottom:0.5em
    }
    
    textarea.contact-box-area::-webkit-input-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    textarea.contact-box-area::-moz-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    textarea.contact-box-area:-ms-input-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    textarea.contact-box-area:-moz-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    
    input.enquiry-box::-webkit-input-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    input.enquiry-box::-moz-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    input.enquiry-box:-ms-input-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight: normal;
    }
    input.enquiry-box:-moz-placeholder{
        color:#333 !important;
        font-size:1em !important;
        opacity:1 !important;
        font-family: inherit;
        text-transform:capitalize;
        font-weight:normal;
    }
    
    .enquiry-submit{
         color:#fff;
         outline:none;
         background:transparent;
         padding-left:45px;
         padding-right:45px;
         line-height:40px;
         position:relative;
         display:inline-block;
         cursor:pointer;
         text-decoration:none;
         overflow:hidden;
         transition:all .5s;
         z-index:1;
         font-family: inherit;
         font-size:1em !important;
         font-weight: normal;
         text-align:center;
         margin-top:1em;
         border-radius: 10px;
    }
    .enquiry-submit:before, .enquiry-submit:after {
         content:'';
         position:absolute;
         left:0;
         top:0;
         right:0;
         bottom:0;
         height:100%;
         background:#333;
         z-index:-1;
         transform:translate3D(0,-100%,0);
         transition:all .5s;
    }
    .enquiry-submit:before {
         background:#0969a1;
         z-index:-2;
         transform:translate3D(0,0,0);
    }
    .enquiry-submit:hover {
         color:#fff;
    }
    .enquiry-submit:hover:after {
         transform:translate3D(0,0,0);
         transition:all .5s;
    }

    .enquiry-content .container{width:100%;
        padding-left:10%;
        padding-right:10% }
        .services-wraper{
            width: 100%;
            height: auto;
            padding-bottom: 90px;
        }
        .service-title{
            width: 100%;
height: auto;
text-align: center;
font-size: 2.667em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1.5;
letter-spacing: -1px;
text-transform: uppercase;
color: #0969a1;
margin-bottom: 1em;

        }
        .service-container{
            width: 49.5%;
            height: auto;
            float: left;
            position: relative;
        }
        .service-container:nth-child(2){ float: right;}

        .product-box{
            text-align: center;
            position: relative;
            border-radius: 10px;
        }
        .product-box img{
            width: 100%;
            height: auto;
            display:block
        }
        .product-box .box-content{
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            transform: perspective(400px) rotateX(-90deg);
            transform-origin: center top 0;
            transition: all 0.5s ease 0s;
            display: flex;
        justify-content: center;
        align-items: center;
        }
        .product-box:hover .box-content{
            opacity: 1;
            transform: perspective(400px) rotateX(0deg);
            font-size: 1.75em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
color: #fff;
        }
        .product-box .title{
            display: inline-block;
            margin: 0;
            position: absolute;
            bottom: -40px;
            left: 0px;
            transition: all 900ms ease 0s;
            width:100%;
            display: flex;
            justify-content: center;
        }
        .product-box .title .bottom{
            width: auto;
            padding: 1em ;
            background:#fff;
            color:#0969a1;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            padding: 0px 40px;
            border-radius: 5px;
            line-height: 80px;
            position: relative;
        }

        
        .product-box .title .bottom::after {
    content: "";
    display: inline-block;
    width: 156px;
    height: 70px;
    position: absolute;
    top: 1.5em;
    left: 6em;
    background: url(../images/title-bg.png) no-repeat;
    z-index: -1;
  }
    
        .product-box:hover .title{ bottom: -75px; display: none;}
        .welcome-wraper{
            width: 100%;
            height: auto;
            padding-bottom: 80px;
           
        }
        .welcome-container{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .welcome-pic{
            width: auto;
            height: auto;
            float: left;
            max-width: 26%;
        }
        .welcome-content{
            width: 40%;
            float: left;
            padding-left:3%;
            height:auto; 
        }
        .welcome-content p {
            color: #333;
            line-height: 1.7;
            margin: 0;
            font-family: inherit;
            font-size: 1em;
            font-weight: normal;
            float: left;
            width: 100%;
            padding-top: 0px;
          }
        .welcome-title{
            width: 100%;
            height: auto;
            text-align: left;
            font-size: 1.333em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1;
text-transform: uppercase;
color: #333;
margin-bottom: 0.5em;
        }
        .welcome-title span{
            text-align: left;
            font-size: 2em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1;
color: #0969a1;
display: block;
        }
        .home-content-wraper{
            width: 100%;
            height: auto;
            background: url(../images/homebg.png) no-repeat;
            background-size: 100% 100%;
            position: relative;
            margin-top: -112px;
            padding-top: 130px;
            float: left;
        }
        .welcome-pic img{ max-width: 100%;}

       



/*seo thumb*/
.seo-shape-thumb {
    position: absolute;
    left: 15%;
    bottom: 0px;
}
.seo-shape-thumb1 {
    position: absolute;
    top: 101px;
    left: 199px;
}
.seo-shape-thumb2 {
    position: absolute;
    right: 40px;
    top: 85px;
}
.seo-shape-thumb2 img {
    width: 75%;
}
.seo-shape-thumb3 {
    position: absolute;
    right: 10%;
    bottom: 0;
}


        /* bounce-animate */
.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  .bounce-animate2 {
    animation-name: float-bob2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  .bounce-animate3 {
    animation-name: float-bob3;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob3;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob3;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob3;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  .bounce-animate4 {
    animation-name: float-bob4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob4;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob4;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob4;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
   .bounce-animate5 {
    animation-name: float-bob5;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  @-webkit-keyframes float-bob {
    0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    50% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px); }
    100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); } }
  @-webkit-keyframes float-bob2 {
    0% {
      -webkit-transform: translateY(-60px);
      transform: translateY(-60px); }
    50% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    100% {
      -webkit-transform: translateY(-60px);
      transform: translateY(-60px); } }
  @-webkit-keyframes float-bob3 {
    0% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); }
    50% {
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px); }
    100% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); } }
  @-webkit-keyframes float-bob4 {
    0% {
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px); }
    50% {
      -webkit-transform: translateY(-35px);
      transform: translateY(-35px); }
    100% {
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px); } }
  @-webkit-keyframes float-bob5 {
    0% {
      -webkit-transform: translateY(-75px);
      transform: translateY(-75px); }
    50% {
      -webkit-transform: translateY(-35px);
      transform: translateY(-35px); }
    100% {
      -webkit-transform: translateY(-75px);
      transform: translateY(-75px); } }
  @-webkit-keyframes movebounce {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
  }
  
  @keyframes movebounce {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
  }
  
  @-webkit-keyframes moveleftbounce {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    50% {
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes moveleftbounce {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    50% {
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  .rotateme {
    -webkit-animation-name: rotateme;
            animation-name: rotateme;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  
  @keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
  
  @keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
  
  @keyframes animationFramesOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
              transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
      -webkit-transform: translate(141px, 72px) rotate(72deg);
              transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
              transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
              transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
  }
  
  @-webkit-keyframes animationFramesOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
      -webkit-transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
  }


  .inner-wraper{
    width: 100%;
    height: auto;
    background: #F4F5FA;
  }

  
/*em shape*/
.em-about-shape {
    position: absolute;
    left: 2%;
    bottom: -26px;
    z-index: 0;
}
.em-about-shepe-1 {
    position: absolute;
    right: 5%;
    bottom: 0;
    animation: moveLeftBounce 3s linear infinite;
}

.course-for{
    width: 23.5%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    z-index: 2;
    position: relative;
}
.course-for:nth-child(4n+4){ margin-right: 0%;}
.subject-title{width: 100%;
    min-height: 80px;
    text-align: center;
    font-size: 1.25em;
    font-family: 'Sansita';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    line-height: 40px;
    color: #0969a1;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
    align-items: flex-end;}



/* Feature Style Eight */

.feature_style_eight{
    background: #fff;
    box-shadow: 0 20px 50px 5px #e9eef7;
    text-align: center;
    padding: 60px 40px 45px;
	transition:.5s;
	border-radius:7px;
}
.feature_style_eight:hover{
	box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
}
.feature_style_eight_icon{
  position: relative;
  display: inline-block;
  font-size: 60px;
  width: 130px;
  height: 130px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
  background: #fff;
  box-shadow: 0 20px 50px 5px #e9eef7;
  color:#0c5adb;
  margin-bottom: 0.5em;
}
.feature_style_eight_icon .icon {
    display: inline-block;
    margin-left: -0.25em;
}
.feature_style_eight:hover .feature_style_eight_icon{
	color:#fff;
}
.feature_style_eight:hover .feature_style_eight_icon img{ filter: invert(100%);
    -webkit-filter: invert(100%);
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);}
.feature_style_eight:hover .feature_style_eight_icon{
  box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
}
.feature_style_eight_icon:before {
    position: absolute;
    content: '';
    background: #F4F5FA;
    width: 100%;
    height: 100%;
    left: -8px;
    top: -5px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2);
	transition:.5s;
}
.feature_style_eight:hover .feature_style_eight_icon:before{
	background: rgba(12,90,219,0.80);
}
.anim-icon{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  -webkit-animation: service_hexagon 3s infinite linear;
  -moz-animation: service_hexagon 3s infinite linear;
  -o-animation: service_hexagon 3s infinite linear;
  animation: service_hexagon 3s infinite linear;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.feature_style_eight:hover .anim-icon{
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.anim-icon .icon-1{
  position: absolute;
  left: -25px;
  top: 60px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 5s infinite linear;
  animation: zoom-fade-two 5s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}
.anim-icon .icon-2{
  position: absolute;
  left: 10px;
  top: -20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 4s infinite linear;
  animation: zoom-fade-two 4s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}
.anim-icon .icon-3{
  position: absolute;
  top: 15px;
  right: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 3s infinite linear;
  animation: zoom-fade-two 3s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}
.feature_style_eight_title a {
    font-size: 24px;
    font-weight: 700;
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}


/** service-hexagon **/

service_hexagon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes service_hexagon{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes service_hexagon{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
}


/*animation*/
@keyframes moveLeftBounce {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    50% {
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  } 

  .card {
    position: relative;
    z-index: 99;
    width: 32%;
    float: left;
    margin-right: 2%; margin-bottom: 2%;
    box-shadow: 0 20px 50px 5px #e9eef7;
padding: 40px 40px;
background: #fff;
  }
  .card:nth-child(3n+3){ margin-right: 0%;}


  .login-pic{
    width: 40%;
    height: auto;
    float: left;
  }
  .enquiry-wrap{
    width: 45%;
    height: auto;
    background-color: #fff;
    padding: 60px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
  .enquiry-container{
    width: 75%;
    height: auto;
  }
  .enquiry-title{
    width: 100%;
    font-size:1.556em;
    font-family: 'Sansita';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #466ea1;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: .15em;
    margin-top: 0.5em;
    
  }

  .address-enquiry {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
   }
   .address-enquiry-full {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
   }
   .address-enquiry-submit {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
   }
   .contact-box-area {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ccc;
    line-height: 24px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    font-size: 1.125em;
    padding-top: 1em;
    font-family: inherit;
    background-color: transparent;
   }
   .enquiry-box {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    font-size: 1em;
    background-color: inherit;
    font-family: inherit;
    margin-bottom: 0.5em;
   }
   textarea.contact-box-area::-webkit-input-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   textarea.contact-box-area::-moz-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   textarea.contact-box-area:-ms-input-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   textarea.contact-box-area:-moz-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   input.enquiry-box::-webkit-input-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   input.enquiry-box::-moz-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   input.enquiry-box:-ms-input-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   input.enquiry-box:-moz-placeholder {
    color: #333 !important;
    font-size: 1em !important;
    opacity: 1 !important;
    font-family: inherit;
    text-transform: capitalize;
    font-weight: normal;
   }
   .contact-submit {
    color: #fff;
    outline: none;
    background: transparent;
    padding-left: 35px;
    padding-right: 35px;
    line-height: 50px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
    z-index: 1;
    font-family: inherit;
    font-weight: normal;
    font-size: 1.15em ;
    font-weight: normal;
    text-align: center;
    margin-top: 1em;
   }
   .contact-submit:before,
   .contact-submit:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #fff;
    z-index: -1;
    transform: translate3D(0, -100%, 0);
    transition: all .5s;
   }
   .contact-submit:before {
    background: #333;
    z-index: -2;
    transform: translate3D(0, 0, 0);
   }
   .contact-submit:hover {
    color: #466ea1;
   }
   .contact-submit:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s;
   }




  .contact_from_box {
    box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
    background: #fff;
    padding: 35px 50px 40px;
    border-top: 8px solid #0969a1;
    border-radius: 5px;
    width: 45%;
    float: left;
  }
  .section_sub_title h6 {
    letter-spacing: 0;
    color: #0c5adb;
    font-size: 16px;
  }
  .style_three .contact_address_company ul li {
    list-style: none;
    display: block;
    margin-bottom: 12px;
  }

  .style_three .contact_address_company ul li i {
    font-size: 25px;
    color: #fff;
    margin-right: 15px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: #0c5adb;
    text-align: center;
    border-radius: 50%;
  }

  .contact {
    width: 45%;
    height: auto;
    float: left;
    padding: 60px;
  }
  .contact-wrap{
    width: 80%;
    height: auto;
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 99;
  }

.contact_address{
    width: 100%;
    height: auto;
    margin-top: 3em;
}
  .contact_address ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
  }

  .contact_address ul li{
    width: 100%;
    height: auto;
    margin-bottom: 1.5em;
  }
  

.contact_address ul li i {
    font-size: 25px;
    color: #fff;
    margin-right: 15px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: #0969a1;
    text-align: center;
    border-radius: 50%;
  }

  .contact_address ul li a {
    color: #333;
line-height: 1.7;
margin: 0;
font-family: inherit;
font-size: 1em;
font-weight: normal;
  }


  .contact-title{
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.333em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1;
text-transform: uppercase;
color: #333;
margin-bottom: 0.5em;
}
.contact-title span{
    text-align: left;
    font-size: 2em;
font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1;
color: #0969a1;
display: block;
}

.section_title_text p {
    color: #333;
    line-height: 1.7;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    width: 100%;
    padding-top: 0px;
  }

  .em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto 5px;
	width: 62px;
	
}
.text_left .em_bar {
    margin: 0;
}
.em_bar_bg {
	height: 5px;
    width: 90px;
    background: #cbbded;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}
.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0969a1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

.contact_address ul li span {
    color: #333;
    line-height: 1.7;
    font-family: inherit;
    font-size: 1.15em;
    font-weight: normal;
    padding-top: 0px;
  }
  .services{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    direction: ltr;
    margin-bottom: 5em;
  }
  .services:nth-child(2){ direction: rtl;}
  .services:nth-child(2) .services-pic{ padding-right: 0%; padding-left: 5%;}
  .services-pic{
    width: 50%;
    height: auto;
    float: left;
    padding-right: 5%;
  }
  .services-content{
    width: 50%;
    height: auto;
    float: left;
  }
  .service-title-sub {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.333em;
    font-family: 'Sansita';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    line-height: 1;
    color: #333;
    margin-top: 1em;
    margin-bottom: 0.5em;
  }

  .services-content p {
    color: #333;
    line-height: 1.7;
    margin: 0;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    width: 100%;
    padding-top: 0px;
    direction: ltr;
  }
  .services-content ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    direction: ltr;
  }
  .services-content ul li {
    margin-bottom: 1.5em;
    color: #333;
line-height: 1.7;
font-family: inherit;
font-size: 1em;
font-weight: normal;
width: 100%;
padding-top: 0px;
direction: ltr;
  }
  .services-content ul li span {
    color: #333;
    line-height: 1.7;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    padding-top: 0px;
  }
  .services-content ul li i {
    font-size: 25px;
    color: #0066cc;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
  }

  .service-title-main {
    width: 100%;
    height: auto;
    text-align:left;
    font-size: 2em;
    font-family: 'Sansita';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    line-height: 1.5;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #0969a1;
    margin-bottom: 0.25em;
  }
  .about-container{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
  }

  .about-container p {
    color: #333;
    line-height: 1.7;
    margin: 0;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    float: left;
    width: 100%;
    padding-top: 0px;
  }
  .about-pic{
    float: left; box-shadow: 0 20px 50px 5px #e9eef7; text-align: center; padding: 60px 40px 45px; margin-right:1em; margin-bottom:0.5em
  }



  
.drop-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    margin-top: 15px;
  }
  .drop-menu ul li{
       font-size: 1em;
  }
  
  .drop-menu ul li a {
    /*height: 70px;*/
padding: 2px 15px;
display: inline-block;
position: relative;
color: #fff;
-webkit-transition: color .3s,background .3s;
font-size: 0.85em;
transition: all .4s ease-in-out;
font-family: 'Poppins';
font-weight: normal;
line-height: 38px;
background-color: #0969a1;

  }
  .nav-dropdown > li > a{ background: #fff !important;}

  .drop-menu ul li ul li a{
    color: #333;  
    margin: 0;
    font-size: 1em;
    padding: 6px 15px;
  }
  .drop-menu ul li ul {
  display: none;
      min-width: 100px;
      right: 0;
      margin-top: 0px;
  }
  
  .drop-menu ul li:hover ul {
    display: flex;
    flex-direction: column;
  }
  
  .nav-dropdown ul li:hover a {
    color: #4c4c4c;
    padding-left: 10px;
  }


  .subject-title-main {
    margin: 0 auto;
    width: max-content;
    height: auto;
    text-align: center;
    font-size: 2.667em;
    font-family: 'Sansita';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    line-height: 1.5;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #0969a1;
    margin-bottom:0.5em;
  }


  .subject-title-main::after {
    content: "";
    display: inline-block;
    width: 2em;
    height: 1px;
    background-color:#ca4c43;
    margin-bottom: 12px;
    margin-left: 20px;
}
.subject-title-main:before {
    content: "";
    display: block;
    width: 2em;
    height: 1px;
    float: left;
   margin: 42px 20px 0 0;
	background-color: #ca4c43;
}
.subject-sub-wrap{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
}



  .university {
    border: 0;
    border-radius: 5px;
    font-size: 1.25em;
    padding: 10px 30px;
    position: relative;
    box-shadow: 0 0 25px 2px rgba(196,206,213,.2);
    -webkit-transition: .5s;
    transition: .5s;
    color: #333;
    background: #fff;
    font-family: 'Sansita';
font-weight: normal;
font-style: normal;
font-display: swap;
line-height: 1.7;

  }
  .university:nth-child(2){margin-left: 0.5em;} 
  .witr_tab_icona {
    display: block;
    float: left;
    margin: 0 15px;
  }
  .university ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
  }
  .university ul li{
    font-family: 'Sansita';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    line-height: 1.7;
    color: #333;
    font-size: 1em;
    margin-left: 0.25em;
    margin-right: 0.25em;
    float: left;
  }
  .university ul li i{ font-size: 0.65em; line-height: 3; float: left; color: #666;}


@media (min-width: 1023px) and (max-width: 1279px) {
    body {
        font-size:11px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}

.enquiry-pic-name{ font-size: 5em;}
    .welcome-pic {max-width: 30%; }
    .contact-box-area{ height: 60px;}
    .address-enquiry{ margin-bottom: 10px;}
    .enquiry-title{ margin-bottom: 0.5em;}





}
@media (min-width: 1280px) and (max-width: 1359px) {
    body {
        font-size:15px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}

.enquiry-pic-name{ font-size: 5em;}
    .welcome-pic {max-width: 30%; }
    .contact-box-area{ height: 80px;}


}
@media (min-width: 1360px) and (max-width: 1399px) {
    body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}
.enquiry-pic-name{ font-size: 5em;}
    .welcome-pic {max-width: 30%; }
    .contact-box-area{ height: 90px;}

}
@media (min-width: 1400px) and (max-width: 1441px) {
	 body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
    .enquiry-pic-name{ font-size: 6em;}
    .welcome-pic {max-width: 30%; }
	
}
@media (min-width: 1441px) and (max-width: 1599px) {
	 body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
    .enquiry-pic-name{ font-size: 6em;}
    .welcome-pic {max-width: 30%; }
	
}

@media (min-width:1600px) and (max-width:1680px) {
	 body {
        font-size:17px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
    .enquiry-pic-name{ font-size: 6em;}
    .welcome-pic {max-width: 30%; }
	
}
@media (min-width:1681px){
	 body {
        font-size:18px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	.nav a {  margin: 0px 12px !important;}
}
@media (max-width:400px) {
.welcome-middle-title{ font-size: 4em;}
.copy-right{ width:100%; line-height:26px; text-align:center;}
	.designed{ width:100%; display:flex; justify-content:center;}
	.designed p{ line-height:26px;}
}
@media (max-width:420px) {
    body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ line-height:26px; }
	.designed p{ line-height:26px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0066cc !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: 0px !important;}
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:auto; margin-top:0.25em; padding-top: 0px; max-width: 25%;}
    .logo img{ max-width: 30% !important;}
	.poket_nav_area.prefix .logo{ width:100% !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
    .footer-content:nth-child(2){ width: 40%; padding-left: 5%;}
    .footer-content:nth-child(3){  margin-bottom: 2em;}

	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:100%}
	.getin-touch{ padding-top:40px;}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}
    .footer-bottom-wrap{ padding-bottom: 70px; padding-top: 10px;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption{ font-size: 3.75em;}
    .banner-content{ padding-bottom: 6.5em;}
    .logo{ width: 100% !important; height: auto !important;}




    .bottom-container{margin-bottom: 50px; margin-top: 50px;}
    .enquiry{ display: inherit; flex-wrap: unset;}
    .enquiry-content{ width: 100%; display: inherit;}
    .service-container{ width: 100%; margin-bottom: 1em;}
    .enquiry-pic{ width: 100%;}
    .enquiry-pic-name{ font-size: 3.25em;}
    .welcome-container{ display: inherit;}
    .welcome-content{ width: 100%;}
    .contact-wrap{ display: inherit; width: 100%;}
    .contact{ width: 100%; padding: 0px;}

    .contact_from_box{ width: 100%; margin-top: 1.5em;}
    .inner-banner-wrap{ font-size: 0.5em;}
    .welcome-inner{ padding-top: 30px;}
    .about-pic{ display: none; }
    .em-about-shape img{ width: 100%;}
    .services{ display: inherit;}
    .services-pic{ width: 100%;}
    .services-content{ width: 100%;}
    .enquiry-wrap{ width: 94%; padding: 40px 30px;}
    .enquiry-container{ width: 100%;}
    .course-for{ width: 100%; margin-bottom: 1.5em; margin-right: 0%; float: none;}
    .subject-sub-wrap{ display: inherit;}
    .welcome-inner{ z-index: 1; position: relative;}
    .university:nth-child(2){ margin-left: 0%; margin-top: 0.5em;}
    .card{ padding: 5px; width: 100%; margin-right: 0%;}
   
	
	
	
	
	
    
}
@media (min-width:421px) and (max-width:460px){
    body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{  line-height:26px; }
	.designed p{ line-height:26px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0066cc !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: 0px !important;}
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:auto; margin-top:0px; padding-top: 0px;}
	.poket_nav_area.prefix .logo{ width:100% !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
    .footer-content:nth-child(2){ width: 40%; padding-left: 5%;}
    .footer-content:nth-child(3){  margin-bottom: 2em;}

	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:100%}
	.getin-touch{ padding-top:40px;}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	
    .logo{ z-index:3 !important}
    .footer-bottom-wrap{ padding-bottom: 70px; padding-top: 10px;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption{ font-size: 3.75em;}
    .banner-content{ padding-bottom: 6.5em;}
    .logo{ width: 100% !important; height: auto !important;}




    .bottom-container{margin-bottom: 50px; margin-top: 50px;}
    .enquiry{ display: inherit; flex-wrap: unset;}
    .enquiry-content{ width: 100%; display: inherit;}
    .service-container{ width: 100%; margin-bottom: 1em;}
    .enquiry-pic{ width: 100%;}
    .enquiry-pic-name{ font-size: 3.25em;}
    .welcome-container{ display: inherit;}
    .welcome-content{ width: 100%;}
    .contact-wrap{ display: inherit; width: 100%;}
    .contact{ width: 100%; padding: 0px;}

    .contact_from_box{ width: 100%; margin-top: 1.5em;}
    .inner-banner-wrap{ font-size: 0.5em;}
    .welcome-inner{ padding-top: 30px;}
    .about-pic{ display: none; }
    .em-about-shape img{ width: 100%;}
    .services{ display: inherit;}
    .services-pic{ width: 100%;}
    .services-content{ width: 100%;}
    .enquiry-wrap{ width: 94%; padding: 40px 30px;}
    .enquiry-container{ width: 100%;}
    .course-for{ width: 100%; margin-bottom: 1.5em; margin-right: 0%; float: none;}
    .subject-sub-wrap{ display: inherit;}
    .welcome-inner{ z-index: 1; position: relative;}
    .university:nth-child(2){ margin-left: 0%; margin-top: 0.5em;}
    .card{ padding: 5px; width: 100%; margin-right: 0%;}
	
	
    
}
@media (min-width:461px) and (max-width:560px){
   body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{  line-height:26px; }
	.designed p{ line-height:26px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0066cc !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: 0px !important;}
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:auto; margin-top:0px; padding-top: 0px;}
	.poket_nav_area.prefix .logo{ width:100% !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
    .footer-content:nth-child(2){ width: 40%; padding-left: 5%;}
    .footer-content:nth-child(3){  margin-bottom: 2em;}

	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:100%}
	.getin-touch{ padding-top:40px;}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
    .logo{ z-index:3 !important}
    .footer-bottom-wrap{ padding-bottom: 70px; padding-top: 10px;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption{ font-size: 3.75em;}
    .banner-content{ padding-bottom: 6.5em;}
    .logo{ width: 100% !important; height: auto !important;}

    .bottom-container{margin-bottom: 50px; margin-top: 50px;}
    .enquiry{ display: inherit; flex-wrap: unset;}
    .enquiry-content{ width: 100%; display: inherit;}
    .service-container{ width: 100%; margin-bottom: 1em;}
    .enquiry-pic{ width: 100%;}
    .enquiry-pic-name{ font-size: 3.25em;}
    .welcome-container{ display: inherit;}
    .welcome-content{ width: 100%;}
    .contact-wrap{ display: inherit; width: 100%;}
    .contact{ width: 100%; padding: 0px;}

    .contact_from_box{ width: 100%; margin-top: 1.5em;}
    .inner-banner-wrap{ font-size: 0.5em;}
    .welcome-inner{ padding-top: 30px;}
    .about-pic{ display: none; }
    .em-about-shape img{ width: 100%;}
    .services{ display: inherit;}
    .services-pic{ width: 100%;}
    .services-content{ width: 100%;}
    .enquiry-wrap{ width: 94%; padding: 40px 30px;}
    .enquiry-container{ width: 100%;}
    .course-for{ width: 100%; margin-bottom: 1.5em; margin-right: 0%; float: none;}
    .subject-sub-wrap{ display: inherit;}
    .welcome-inner{ z-index: 1; position: relative;}
    .university:nth-child(2){ margin-left: 0%; margin-top: 0.5em;}
    .card{ padding: 5px; width: 100%; margin-right: 0%;}
	
	 
}
@media (min-width:561px) and (max-width:680px){
	 body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{  line-height:26px; }
	.designed p{ line-height:26px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0066cc !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: 0px !important;}
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:auto; margin-top:0px; padding-top: 0px;}
	.poket_nav_area.prefix .logo{ width:100% !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
    .footer-content:nth-child(2){ width: 40%; padding-left: 5%;}
    .footer-content:nth-child(3){  margin-bottom: 2em;}

	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:100%}
	.getin-touch{ padding-top:40px;}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}
    .footer-bottom-wrap{ padding-bottom: 70px; padding-top: 10px;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption{ font-size: 3.75em;}
    .banner-content{ padding-bottom: 6.5em;}
    .logo{ width: 100% !important; height: auto !important;}

    .bottom-container{margin-bottom: 50px; margin-top: 50px;}
    .enquiry{ display: inherit; flex-wrap: unset;}
    .enquiry-content{ width: 100%; display: inherit;}
    .service-container{ width: 100%; margin-bottom: 1em;}
    .enquiry-pic{ width: 100%;}
    .enquiry-pic-name{ font-size: 3.25em;}
    .welcome-container{ display: inherit;}
    .welcome-content{ width: 100%;}
    .contact-wrap{ display: inherit; width: 100%;}
    .contact{ width: 100%; padding: 0px;}

    .contact_from_box{ width: 100%; margin-top: 1.5em;}
    .inner-banner-wrap{ font-size: 0.5em;}
    .welcome-inner{ padding-top: 30px;}
    .about-pic{ display: none; }
    .em-about-shape img{ width: 100%;}
    .services{ display: inherit;}
    .services-pic{ width: 100%;}
    .services-content{ width: 100%;}
    .enquiry-wrap{ width: 94%; padding: 40px 30px;}
    .enquiry-container{ width: 100%;}
    .course-for{ width: 49%; margin-bottom: 1.5em; margin-right: 2%; }
    .course-for:nth-child(2n+2){ margin-right: 0%;}
    .subject-sub-wrap{ display: inherit;}
    .welcome-inner{ z-index: 1; position: relative;}
    .university:nth-child(2){ margin-left: 0%; margin-top: 0.5em;}
    .card{ padding: 5px; width: 49%; }
    .card:nth-child(3n+3){ margin-right: 2%;}
    .card:nth-child(2n+2){ margin-right: 0%;}

	 
}
@media (min-width:681px) and (max-width: 768px){
	
	  body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{  line-height:26px; }
	.designed p{ line-height:26px;}
    .welcome-for{width: 100%;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0066cc !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: 0px !important;}
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:auto; margin-top:0px; padding-top: 0px;}
	.poket_nav_area.prefix .logo{ width:100% !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
    .footer-content:nth-child(2){ width: 40%; padding-left: 5%;}
    .footer-content:nth-child(3){  margin-bottom: 2em;}

	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:100%}
	.getin-touch{ padding-top:40px;}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}
    .footer-bottom-wrap{ padding-bottom: 70px; padding-top: 10px;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption{ font-size: 3.75em;}
    .banner-content{ padding-bottom: 6.5em;}
    .logo{ width: 100% !important; height: auto !important;}

    .bottom-container{margin-bottom: 50px; margin-top: 50px;}
    .enquiry{ display: inherit; flex-wrap: unset;}
    .enquiry-content{ width: 100%; display: inherit;}
    .service-container{ width: 100%; margin-bottom: 1em;}
    .enquiry-pic{ width: 100%;}
    .enquiry-pic-name{ font-size: 3.25em;}
    .welcome-container{ display: inherit;}
    .welcome-content{ width: 100%;}
    .contact-wrap{ display: inherit; width: 100%;}
    .contact{ width: 100%; padding: 0px;}

    .contact_from_box{ width: 100%; margin-top: 1.5em;}
    .inner-banner-wrap{ font-size: 0.5em;}
    .welcome-inner{ padding-top: 30px;}
    .about-pic{ display: none; }
    .em-about-shape img{ width: 100%;}
    .services{ display: inherit;}
    .services-pic{ width: 100%;}
    .services-content{ width: 100%;}
    .enquiry-wrap{ width: 94%; padding: 40px 30px;}
    .enquiry-container{ width: 100%;}
    .course-for{ width: 49%; margin-bottom: 1.5em; margin-right: 2%; }
    .course-for:nth-child(2n+2){ margin-right: 0%;}
    .subject-sub-wrap{ display: inherit;}
    .welcome-inner{ z-index: 1; position: relative;}
    .university:nth-child(2){ margin-left: 0%; margin-top: 0.5em;}
    .card:nth-child(3n+3){ margin-right: 2%;}
    .card:nth-child(2n+2){ margin-right: 0%;}


	
	
}
@media (min-width:769px) and (max-width:991px){
	 body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{  line-height:26px; }
	.designed p{ line-height:26px;}
    .welcome-for{width: 100%;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#0066cc !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: 0px !important;}
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:auto; margin-top:0px; padding-top: 0px;}
	.poket_nav_area.prefix .logo{ width:100% !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
    .footer-content:nth-child(2){ width: 40%; padding-left: 5%;}
    .footer-content:nth-child(3){  margin-bottom: 2em;}

	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.footer-content ul li{ width:100%}
	.getin-touch{ padding-top:40px;}
	.nav-menu > li > a{ line-height:30px !important}
	.inner-caption{ font-size:0.5em;}
	.logo{ z-index:3 !important}
    .footer-bottom-wrap{ padding-bottom: 70px; padding-top: 10px;}
    .banner-caption-mid{ font-size: 3.5em;}
    .caption{ font-size: 3.75em;}
    .banner-content{ padding-bottom: 6.5em;}
    .logo{ width: 100% !important; height: auto !important;}

    .bottom-container{margin-bottom: 50px; margin-top: 50px;}
    .enquiry{ display: inherit; flex-wrap: unset;}
    .enquiry-content{ width: 100%; display: inherit;}
    .service-container{ width: 100%; margin-bottom: 1em;}
    .enquiry-pic{ width: 100%;}
    .enquiry-pic-name{ font-size: 3.25em;}
    .welcome-container{ display: inherit;}
    .welcome-content{ width: 100%;}
    .contact-wrap{ display: inherit; width: 100%;}
    .contact{ width: 100%; padding: 0px;}

    .contact_from_box{ width: 100%; margin-top: 1.5em;}
    .inner-banner-wrap{ font-size: 0.5em;}
    .welcome-inner{ padding-top: 30px;}
    .about-pic{ display: none; }
    .em-about-shape img{ width: 100%;}
    .services{ display: inherit;}
    .services-pic{ width: 100%;}
    .services-content{ width: 100%;}
    .enquiry-wrap{ width: 94%; padding: 40px 30px;}
    .enquiry-container{ width: 100%;}
    .course-for{ width: 49%; margin-bottom: 1.5em; margin-right: 2%; }
    .course-for:nth-child(2n+2){ margin-right: 0%;}
    .subject-sub-wrap{ display: inherit;}
    .welcome-inner{ z-index: 1; position: relative;}
    .university:nth-child(2){ margin-left: 0%; margin-top: 0.5em;}
    .card:nth-child(3n+3){ margin-right: 2%;}
    .card:nth-child(2n+2){ margin-right: 0%;}


	
	
}




@media (min-width:992px) and (max-width:1199px){
    .nav-menu > li > a {padding: 2px 10px !important;}
    .logo{ width: 17%; top: 2.5em !important;}
    .logo img{ max-width: 100%;}
    .welcome-for{ width: 40%;}
    .welcome-for img{ width: 100%;}
    
}


@media (max-width: 990px){
    .footer-social-links{ margin-bottom: 0px;}
    .get-rate {bottom: 26vh;width: 75px;      }
    .row{ margin-left: 0px; margin-right: 0px;}
    .nav-header{ display: flex !important; justify-content: center !important;}
    .logo{  position: initial !important; text-align: center !important;}
    .title-offer{background-size: 100% 100%; width: 190px; height: 65px;}
    .subject-title-main{ font-size: 1.5em;}
    .subject-title-main::before {margin: 18px 20px 0 0;}
    .subject-title-main::after {margin-bottom: 8px;}

    .logo {
      display: flex;
      justify-content: center;
      width: 100%;
    }
        .logo img{ max-width: 25%; margin:0 auto; margin-top: 0.5em;}
        .header .nav__wrapper {
      display: inherit !important;
      display: inherit !important;
      -ms-flex-pack: unset !important;
      justify-content: unset !important;
      -ms-flex-align:  unset !important;
      align-items:  unset !important;
      padding-top: 0.5em;
    }
    .home-content-wraper{ background: none;}
    .welcome-pic{ display: none;}
    .welcome-content{ padding-left: 0%;}
    .drop-menu ul li a{ background: none; padding: 12px 15px 12px 26px; font-size: 1.222em;}
    .drop-menu ul{ margin-top: 0px;}
    .drop-menu ul li ul li a {padding: 0px 15px 0px 26px !important; }
    .navigation-portrait .submenu-indicator-chevron{ display: none !important;}
   
    
    
        
        .banner-wraper{height: auto !important; overflow: hidden !important }
        .carousel-inner {height: 100% !important;}
        #quick_view_bottom {
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 99;
      width: 100%;
      height: auto;
      background-color: #fff ;
     }
    .hide-menu{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 99999;
            padding: 15px 20px;
            display: block !important;
    }
    .sexy-menu.detached{
        opacity: 1 !important
    }
        .hide-menu a {
        width: 20%;
        line-height: 1;
        font-size:1.75em;
        float: left;
        display: flex;
        justify-content: center;
            color: #999 !important;
       
    }
    .stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle {
      color: #666 !important;
    }
    .hide-menu img {
        display: block;
        justify-content: center;
        margin: 0 auto;
    }
    
    .nav-toggle{
    
    display: flex!important;
        align-items: center;
        width: 25px;
        height: 20px;
        cursor: pointer;
        /*border-top: 3px solid #000;
        border-bottom: 3px solid #000;*/
        text-align: center;
        justify-content: center;
        position: inherit !important;
         top: auto !important;
    
        }
        .nav-toggle {
          top: auto !important;
        bottom:auto !important; 
    }
        .nav-toggle:before{   
        position: absolute;
        content: "";
        width: 40px;
        border-bottom: 3px solid #000;
        right: 0;
            display: none
    }
       .nav-toggle:after{    
               content: "";
        width: 33px;
        border-bottom: 3px solid #000;
        position: absolute;
        top: -2px;
        right: 0;
           display: none
    }
        .bottom-menu{ width:30px; height:30px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center;}
        
        .nav-toggle {
            margin-top: -2px !important;
          }

          .footer-logo{ display: none;}
          .poket-main-menu .prefix .nav-menu > li > a {
            color: #fff !important;
          }

          .submenu-indicator-chevron {
            border-color: transparent #fff #fff transparent !important;}

          
              .whats-app{ bottom: 20vh;}

  
    
    }

    @media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
        .section-main-bunner{ height: auto;}
        .banner-main{ height: auto;}
        .banner-wraper {
            height: auto !important;
            overflow: unset;
          }
          #fw_al_001 {
            overflow: unset !important;
            max-height: none !important;
            position: relative;
            background: #000;
          }
        
        }