@import url('https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap');

body{margin:0; background: #fff;font-family: 'Roboto', sans-serif; }
body a{ -webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;text-decoration:none; }
h1,h2,h3,h4,h5,h6{margin:0;font-family: 'Arsenal', sans-serif; }
p{margin:0; }

ul,label{ margin:0; padding:0; }
body a:hover,body a:focus{text-decoration:none;outline:none; }
*{  font-family: 'Aclonica', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Montserrat Alternates', sans-serif;
    font-family: 'Mukta', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'Nunito', sans-serif;padding: 0; margin: 0; }

.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; /*background: url('../images/robin-loader.gif') 50% 50% no-repeat #fff;*/ background: url('../images/radiance-loader.gif') 50% 50% no-repeat #fff;  
}
/*=============== Header Start ==================*/
.navbar-default{position: absolute; top: 0; left: 0; width: 100%; padding: 0px 0; margin: 0; transition: all 600ms ease-in-out; border: none; z-index: 999;}

/*=============== Header last Start ==================*/
.navbar-default .top-block{ width: 100%; position: relative; padding:20px 0 0; margin: 0 0;}
.navbar-default .top-block .lt{ padding: 0 0; margin: 0 0; width: 100%;}
.navbar-default .top-block .lt ul{ padding: 0 0; margin: 0 0; text-align: right;}
.navbar-default .top-block .lt ul li { display: inline-block; text-align: right; padding: 5px 10px 0px 0; margin: 0 0; list-style: none; color: #fff; font-size: 15px; font-family: 'Mukta', sans-serif; font-weight: bold; letter-spacing: 0px;}
.navbar-default .top-block .lt ul li a{color: #FFF;}
.navbar-default .top-block .lt ul li a:hover{color: #000;}
.navbar-default .top-block .rt{ padding: 0 0; margin: 0 0;float: right; }
.navbar-default .top-block .rt ul{ padding: 0 0; margin: 0 0; }
.navbar-default .top-block .rt ul li{ display: inline-block; padding: 0 5px; margin:3px 0 0; list-style: none; color: #FFF; }
.navbar-default .top-block .rt ul li a{    color: #FFF; border: 1px solid #dcdcdc; padding: 2px 5px; font-size: 12px; border-radius: 5px; }
.navbar-default .top-block .rt ul li a:hover{ background: #fff; color: #FCC802; }
a.log{ color: #afff0e; font-size: 11px; text-transform: uppercase; transition: all 600ms ease-in-out; padding: 5px 15px 5px; border-radius: 0; border: 2px solid #afff0e; font-weight: bold; font-family: 'Mukta', sans-serif; margin: 10px 0 0; display: block; opacity: 0.9; background: linear-gradient(90deg, #07060f 80%, #afff0e 50%); text-align: right; }
a.log:hover{  background: #07060f; color: #fff;transition: all 600ms ease-in-out;  }
#myVideo{ width:100%;}
/*.sf-menu a{color: #fff;}
.sf-menu li.active a{color: red;}
.navbar-default.navbar-shrink .sf-menu li.active a { color: red ; }*/


.navbar-default .last-block{ width:100%; position:relative;  padding:0px 0; margin:0; transition:all 600ms ease-in-out;}
.navbar-default .top-block .logo-block{ width: 45%; padding: 0 0;margin: 0; }
.navbar-default .top-block .logo-block a span{ font-family: 'Satisfy', cursive; font-size: 25px; color: red; line-height: 40px; padding: 0 0 0 15px; margin: 0;}
.navbar-default .top-block .logo-block a span:hover{text-shadow: 4px 4px 2px rgb(198, 198, 198); }
.navbar-default .top-block .logo-block img{     width: 100%;  height: auto;  padding: 0 0 0 0;  margin: 0; }
.pulse-button {position: absolute;border: none;box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);border-radius: 50%;margin: 0;width: 1px;height: 1px;top: 20px;left: 20px;cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }
.pulse-button:hover { -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; }

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

.topnav{ position: relative; width: 91%; display: inline-block; height: 35px; float: right;}
.topnav #myLinks { display: block; }
.topnav a { float: left; }
.topnav a.icon { float: right; }
.topnav a.icon {background-color: #afff0e; color: black; padding: 4px 10px;}
.topnav a.icon:hover { background-color: #f0de11; color: black; }
 


.hyper {margin: auto;padding: 0 50px;display: inline-block;position: relative;text-decoration: none;color: black;width: auto;overflow: hidden;z-index: 2;transition: all .5s ease;}
.hyper span {z-index:2;position:relative;}
.hyper:hover {color: white;}
.hyper:hover:before {right: 100%;opacity: 1;}
.hyper:hover:after {left: 5%;opacity: 1;}
.hyper:before {opacity: 0;content: '';display: block;position: absolute; background:#afff0e;width:50%;height: 5%;
bottom: 0;right: 50%;transition:all .6s ease;}
.hyper:after {opacity: 0;content: '';display: block;position: absolute;background: #f0de11;width: 90%;height: 5%;bottom: 0;left: 50%;transition:all .5s ease;}
.active a:before{opacity: 1;right: 25%;background: #afff0e;}
.active1 a:before,.active1 a:hover:before{opacity: 1;right: 97%;}
.active1 a:after ,.active1 a:hover:after{left: 3%;opacity: 1;}

.navbar-default .last-block .navigation{ float:right; padding:0; margin:15px 0 0; transition:all 600ms ease-in-out; }
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent; }
.booking{ padding: 6px 0 0; margin: 0; }
img.book-now{ width:100%;float: right; }


 #myLinks .dropdown, #myLinks .dropup {
position: relative;
width: 100%;
color: #fff;
font-size: 12px;
text-align: center;
display: inline-block;

}
.dropdown {position: relative;display: inline-block;margin: 0 0px 0; float: left; width: 150%; text-align: right;margin: 0 auto; float: left; width: 300%; text-align: center;}
.dropdown p{     font-family: 'Abel', sans-serif; color: #FFF; font-size: 15px;  padding: 0; margin: 0; }
/*.dropbtn {     background: #fff; color: #00f; font-size: 25px; line-height: 40px; border: none; cursor: pointer; padding:0px 8px; border-radius: 4px; height: 30px; }*/
.dropdown .dropbtn{ outline: none; background: none; color: #9de60c; border: none; cursor: pointer; padding: 0; border-radius: 4px; text-align: right; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 13px; width: 100%; line-height: 35px; width: 40px;
line-height: 35px;
display: inline-block;}
.dropdown-content { display: none; position: absolute; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; right: 0; border: 2px solid #9de60c; color: #fff; background: #7db70a; border: 2px solid #3a5503;
color: #b0abab;
background: #000000eb;
top: 33px;}
.dropdown-content a {font-family: 'Open Sans Condensed', sans-serif; color: #c6c0c0; padding: 8px 0; text-decoration: none; text-align: center; font-size: 14px; font-weight: bold; display: inline-block; width: 100%; }
.dropdown-content a:hover {background-color: #000 ; color:#FFF;}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { }
#myLinks .dropdown span{ font-size: 11px; line-height: 35px; text-transform: uppercase; color: #fff; padding: 0 0 0 0; margin: 0 0 0; }

@media screen and (min-width: 992px) {
  .navbar-default.navbar-shrink { margin:0px 0 0px 0; transition:all 600ms ease-in-out; }
  .navbar-default.navbar-shrink .top-block{ opacity:0; margin-top:-41px; }
 .navbar-default.navbar-shrink .last-block {position:relative; padding: 15px 0 0 0; background: #FFF !important;}
}


/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #000; height:700px; }
.banner .banner-dec{ position: absolute; content: ""; left: 0; width: 100%; z-index: 9; padding: 0; margin: 0; bottom:0px;  height: 100%; }
.banner .banner-text{ width: 60%; padding:200px 0 0 ; margin: 0 0; z-index: 999999; position: relative;}
.banner .banner-text h2{ font-family: "Roboto", Sans-serif; color: #fff; font-size: 50px; font-weight: 800; text-transform: uppercase; padding: 0 0 30px 0; margin: 0; line-height: 70px; }
.banner .banner-text p{ font-family: "Roboto", Sans-serif; font-size: 16px; line-height: 29px; text-align: justify; padding: 0 0 20px; margin: 0; display: block; color: #fff; }
.banner .banner-text a{ color: #ffffff; display: inline-block; border-radius: 30px; text-align: center; padding: 9px 30px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 14px; transition: all 600ms ease-in-out; background: linear-gradient(to right, rgb(255, 27, 178), rgb(11, 0, 212)); transition: background 0.2s ease 0s; border-bottom: 3px solid #d1d1d1; }
.banner .banner-text a:hover{ background:#9ee60d; transition:all 500ms ease-in-out; } 
.banner video{ width: 90% !important; height: 100%; margin: -10px 0 0;}
#banner-slider{ float: right; width: 43%; text-align: left; top: -350px; position: relative;}
#banner-slider .item { }
#banner-slider .item img{ width:100%; height:auto;}
.banner .banner-dec .particle-network-animation { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.cont-banner{ position: absolute; right: 0; top: -30px; width: 20%; background: none; z-index: 999; border-radius: 50px 0 0 50px; text-align: center;}
.cont-banner a.con-ab-home{ color: #000c; text-align: left; padding: 15px 40px; text-transform: uppercase; font-size: 20px; margin: 0; width: 100%; background: #ffe000; border-bottom: 4px solid #e3e3e3; border-radius: 50px 0 0 50px; font-family: "Roboto", Sans-serif; line-height: 0; transition:all 500ms ease-in-out;}
.cont-banner a.con-ab-home i{ font-size: 25px; line-height: 30px; padding: 0 15px 0 0px; color: #260071; transition:all 500ms ease-in-out;}
.cont-banner a.con-ab-home:hover{ color: #fff;  background: #2503d0; border-bottom: 4px solid #000; transition:all 500ms ease-in-out;}
.cont-banner a.con-ab-home:hover i{ color: #fff;  background: #2503d0; transition:all 500ms ease-in-out;}

/*in-banner*/
.in-ban{ position: relative; width: 100%; overflow: hidden; padding: 0px 0; margin: 0 0; height: 300px; background: #000;}
.in-ban video{width: 100% !important; opacity: 0.2;} 
/*iner-text*/
.iner-text{ position: relative; width: 100%; padding: 30px 0; margin: 0 0;  text-align: center; background: #fff;}
.iner-text h3{font-family: 'Arsenal', sans-serif;  font-size: 36px; color: #000; font-weight: 700; line-height: 41px; margin: 0 0 10px; text-align: center; text-transform: capitalize;}
.iner-text h3.impo{ font-family: 'Arsenal', sans-serif; font-size: 36px; color: #000; font-weight: 700; line-height: 41px; margin: 0 0 10px; text-align: center; text-transform: capitalize;}
.iner-text h6{  color: #000; line-height: 41px; margin: 0 0 10px; text-align: center; display: block; font-size: 22px; font-weight: 500;}
.iner-text h6.impo{  color: #000; line-height: 41px; margin: 0 0 10px; text-align: center; display: block; font-size: 22px; font-weight: 500;}


/***** provider-services - grid figure *****/
.provider-services{ position: relative; width: 100%; overflow: hidden; padding:30px 0; margin: 0 0; background: linear-gradient(to right, rgb(255, 27, 178), rgb(11, 0, 212)); background: url(../images/ser-bg.jpg) right top no-repeat; background-attachment: fixed;}
.provider-services:before{ position: absolute; content: ""; right: 0; top: 110px; width: 90%; background: #fff; z-index: 99; height: 500px; left: 0; margin: 0 auto;}
.provider-services:after{position: absolute; content: ""; right: 0; top: 250px; width: 100%; background: #fff; z-index: 999; height: 760px; left: 0; margin: 0 auto; }
.provider-services h3{ font-size: 35px; font-weight: 600; text-transform: uppercase; line-height: 40px; padding: 15px 0 20px; letter-spacing: .5px; color: #fff; text-align: center; }

.shape-wthree { -webkit-animation: fa-spin 5s infinite linear; -moz-animation: fa-spin 5s infinite linear; -ms-animation: fa-spin 5s infinite linear; -o-animation: fa-spin 5s infinite linear; animation: fa-spin 5s infinite linear; }
img.shape-w3-one { top: -10%; position: absolute; right: 10%; z-index: 99999; }
img.shape-w3-tow { position: absolute; top: 20px; left: 10%; z-index: 99999; }
img.shape-w3-four {position: absolute; top: 25%; right: 60px; z-index: 9999999; }
img.shape-w3-five { position: absolute; bottom: 29%; right: 10%; z-index: 99999; opacity: 0.9 !important; }
img.shape-w3-six { position: absolute; top: 50%; left: 6%; z-index: 999999999; }

.grid { position: relative; z-index: 99999; margin: 0; padding: 20px 0; width: 100%; list-style: none; text-align: center; }
/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; margin:15px; height: 300px; width: 47%; text-align: center; cursor: pointer; }
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before,
.grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption,
.grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid figure h2 { word-spacing: -0.15em; font-weight: 300; }
.grid figure h2 span { font-weight: 800; }
.grid figure h2,
.grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }

/* Individual effects */
figure.effect-sarah { background: #0e00d4; }
figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-sarah figcaption { text-align: left; }
figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; }
figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-sarah p {color: #fff; padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


/*======== Headline Border Start ======*/
.spec h2 {    font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 12px; line-height: 22px; color: #070d3a; text-transform: uppercase; position: relative; font-weight: 400; padding: 10px 0; margin: 0 0 10px; }
.spec h2:before {content: "";width: 600px;height: 50px;position: absolute;left: 0%;right: -15%; top: 10px;padding: 0;margin: 0 auto;background:#070d3a;transition: all 600ms ease-in-out; }


/*======== market-text Start ======*/
.market-text{ background: #f2f2f2; background-image: none; position: relative; z-index: 1; overflow: hidden; background-image: linear-gradient(#f2f2f2, #fff); margin: 50px 0 0; padding: 10px 0 0; }
.market-text h2{    text-align: center; text-transform: uppercase; padding: 20px 0; margin: 0; font-weight: bold; font-family: 'Carter One', cursive; font-size: 30px; line-height: 50px; color: #003a62; letter-spacing: 1px; font-style: normal;}

.market-box { position: relative; width: 100%; margin: 0 0 30px; border: 1px solid #ccc; padding: 5px; overflow: hidden; }
.market-box .image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #003a62; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease; transition: .3s ease; }
.market-box:hover .overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.market-text .market-box p{padding: 5px 0; font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #282727; font-family: 'Roboto', sans-serif; text-align: center; }

/*gallery-img*/
.gallery-img{ background: #f2f2f2; width:100%; height:480px; position: relative; z-index: 1; overflow: hidden; background:url(../images/gallery-bg.jpg) right top no-repeat; background-attachment: fixed; background-size: cover; ; margin: 50px 0 0; padding: 10px 0 0; }
.gallery-img h2{ font-size: 35px; font-weight: 600; text-transform: uppercase; line-height: 40px; padding: 45px 0 20px; letter-spacing: .5px; color: #fff; text-align: center; }
.gallery-img h2 span{ display: block; font-family: 'Nanum Gothic', sans-serif; font-size: 20px; line-height: 55px; color: #ffffffb3; text-transform: capitalize; font-weight: normal; }
.gallery-box { position: relative;  margin: 0 auto; border: 1px solid #cccccc36; }
.gallery-box img { width:100%; vertical-align: middle; height: 250px;}
.photo-gallery .gallery-box img { width:100%; vertical-align: middle; height: 250px;}
.photo-gallery .gallery-box video { width:100%; vertical-align: middle; }
.photo-gallery .gallery-box{ width:100%; vertical-align: middle; height: 250px; margin: 0 0 30px;}
#gallery-img .item{ width:100%; padding:0 10px;}
.gallery-box .gallery-box-text { position: absolute; bottom: 0; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 0.73); /* Black background with 0.5 opacity */ color: #f1f1f1; width: 100%; padding: 20px; }
.gallery-box .gallery-box-text h1{ font-family: 'Arsenal', sans-serif; font-size: 20px; line-height: 25px; padding: 0; margin: 0;}
.gallery-box .gallery-box-text p{font-family: 'Arsenal', sans-serif; font-size: 15px; line-height: 20px; padding: 10px 0 0; margin: 0; color: #fff; font-weight: normal; display: none; }


.marquee-fixd{ background: #f2f2f2; background-image: none; background-image: none; position: relative; z-index: 1; overflow: hidden; background-image: linear-gradient(#fff, #fff); margin: 0; padding: 0 0 20px;  }
.marquee-fixd h2{  text-align: center; text-transform: uppercase; padding: 20px 0; margin: 0; font-weight: bold; font-family: 'Carter One', cursive; font-size: 30px; line-height: 50px; color: #003a62; letter-spacing: 1px; font-style: normal;}
img.running{ width:10%;  }
img.patn{ width: 0.7%; margin: 30px 0 30px;  }
img.patn-bg{ width: 100%; margin: 0 0 30px; border: 1px solid #eaeaea; }

/*======== contant-text Start ======*/
.contant-text{    position: relative; z-index: 1; overflow: hidden; padding: 70px 0; margin: 0 0; background: url(../images/avo-bg.png) no-repeat top left; transition: all 600ms ease-in-out; text-align: center;    background-size: cover; }
.contant-text h2{font-weight: bold; font-style: none; text-align: center; font-family: 'Hind Madurai', sans-serif;    font-family: 'Carter One', cursive; font-size: 25px; line-height: 35px; color: #fff; text-transform: uppercase; padding: 15px 0 15px; margin: 0 0; }
.contant-text p{    font-weight: normal; font-style: italic; text-align: center; font-family: 'Hind Madurai', sans-serif; font-size: 18px; line-height: 30px; color: #fff;  padding: 0 0 15px; margin: 0 0; }
.contant-text h3 { font-weight: normal; font-style: italic; text-align: center; font-family: 'Hind Madurai', sans-serif; font-size: 16px; line-height: 25px; color: #fff; padding: 0 0 5px; margin: 0 0; }
.contant-text a{    font-weight: bold; font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; transition: all 600ms ease-in-out; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 10px 20px; margin: 15px 0 0; border: 1px solid #fff; display: inline-block; background: #095ca5; }
.contant-text a:hover{     border: 1px solid #d40e0d; color: #fff; background: #064a84; transition: all 600ms ease-in-out; }
/*======== banner Start ======*/
.banner-home {position: relative; padding: 0; margin: 0px 0 0 0; height: auto; overflow: hidden;}
.banner-home .desc-banner{     position: absolute; top: 30%; left: 0; width: 100%; z-index: 9; padding: 0; margin: 0; }
.banner-home .desc-banner .desc-banner-text{ width:50%; }
.banner-home .desc-banner .desc-banner-text h3{  }
.banner-home .desc-banner .desc-banner-text p{  font-family: 'Carter One', cursive; font-size: 30px; line-height: 50px; color: #1e91fd; letter-spacing: 1px; font-style: italic;}
/*======== All banner Start ======*/
 .all-banner{position: relative; margin: 0px 0 0 0; }
 .all-banner .desc{ position: absolute; top: 60%; width: 100%; left: 0; }
 .all-banner .desc p{    text-transform: uppercase; font-weight: bold; font-family: 'Carter One', cursive; font-size: 25px; line-height: 40px; color: #1e91fd; letter-spacing: 1px; font-style: italic;
}
/*-- about_Dr --*/
.about{ background:#f2f2f2; padding:0; position:relative; z-index:1; overflow: hidden; }
.about .bg-block{ width:80%; background:url(../images/about-bg.png) no-repeat 0px 0px; background-size:cover; padding: 30px 0; }
.about .video-w3l{ background:rgba(227, 189, 254, 0.3); height: 306px; text-align: center; margin: -50px 0 0; }
.about .bg-block .rt-block{ float:left; width:70%; padding:1em 0 0 105px; margin:0; }
.about .bg-block .rt-block #typed{   text-align: center; text-transform: uppercase; padding: 20px 0; margin: 0; font-weight: bold; font-family: 'Carter One', cursive; font-size: 26px; line-height: 35px; color: #003a62; letter-spacing: 1px; font-style: normal;} 
.about .bg-block .rt-block #typed i{font-style:normal;color:#3FBA97;font-weight:600; }
/*-- code for animated blinking cursor --*/
.typed-cursor{opacity: 1;font-weight: 300;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;-ms-animation: blink 0.7s infinite;-o-animation: blink 0.7s infinite;animation: blink 0.7s infinite;color: #999;font-size: 2.5em;}

.about .bg-block .rt-block h2{ font-style: italic; text-align: left; font-size: 18px; line-height: 33px; color: #111446; text-transform: none; position: relative; font-weight: 400; padding: 7px 0; margin: 0 0 10px;}
.about .bg-block .rt-block h2:after{}
.about .bg-block .rt-block p.all-text{ text-align: justify; font-family: 'Hind Madurai', sans-serif; font-size: 15px; line-height: 25px; color: #4e5153; font-weight: 300; padding: 0 0 10px 0; margin: 0; }
.about .bg-block .rt-block a{    font-weight: bold; font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; transition: all 600ms ease-in-out; font-size: 12px; line-height: 20px; color: #ffffff; text-transform: uppercase; padding: 7px 18px; margin: 10px 0 15px; border-bottom: 2px solid #9a9a9a; float: left; display: block; background: #003a62; border-radius: 30px; }
.about .bg-block .rt-block a:hover{ border: 1px solid #f3b709; color:#fff;  background: #ffa31e; transition: all 600ms ease-in-out; }
.lt-block{ position: absolute; right:0; z-index:-1; float:right; width:50%; padding: 0 0; margin:0; top:0; }

/*in-ab-mis // Inner about*/
.in-ab-mis{ position: relative; width: 100%; background: #fff; padding:30px 0; margin: 0 0; overflow: hidden; }



/*login-singup*/
.login-singup{background: #f8f8f8;  background: #f0f0f0;  width: 100%; position: relative; padding:50px 0 80px; margin: 0;}
.login-singup .form-box-login{width: 40%; margin: 0px auto; box-shadow: 5px 8px 13.92px 2.08px rgba(0,0,0,.05); display: -webkit-box; }
.login-singup .form-box-login .sing-left{width: 50%; background: #fff; padding: 20px; margin: 0; float: left; }
.login-singup .form-box-login .sing-left h3{color: #060215; padding: 0 0 20px; text-align: center; margin: 0; font-size: 25px; font-family: 'Mukta', sans-serif; font-weight: bold; text-transform: uppercase;}
.login-singup .form-box-login .sing-left form{width: 100%; padding: 0; margin: 0; display: block; }
.login-singup .form-box-login .sing-left form input{ font-family: revert; width: 90%; border: none; outline: none; border-bottom: 1px solid #ccc; font-size: 15px; color: #000; line-height: 22px; padding: 10px 10px; margin: 0 0 15px 10px; background: #fff;}
.login-singup .form-box-login .sing-left form button{font-weight: bold;  cursor: pointer; padding: 7px 30px; margin: 20px 0 10px 10px; border: none; outline: none; background: #00b451; color: #fff; border-radius: 5px;font-size: 15px; }

.login-singup .form-box-login .sing-right{ width: 100%; background: #d7d7d7; padding: 20px; margin: 0; float: right;}
.login-singup .form-box-login .sing-right h3{ color: #060215; padding: 0 0 20px; text-align: center; margin: 0; font-size: 25px; font-family: 'Mukta', sans-serif; font-weight: bold; text-transform: uppercase; }
.login-singup .form-box-login .sing-right form{position: relative;width: 100%; padding: 0; margin: 0; display: block; }
.login-singup .form-box-login .sing-right form input{font-family: revert;  width: 90%; border: none; outline: none; border-bottom: 1px solid #ccc; font-size: 15px; color: #000; line-height: 22px; padding: 10px 10px; margin: 0 0 15px 25px;background: #f5f5f5;}
.login-singup .form-box-login .sing-right form button{font-weight: bold;  cursor: pointer;  padding: 7px 30px; margin: 20px 0 10px 25px; border: none; outline: none; background: #00b451; color: #fff; border-radius: 5px;font-size: 15px;}
.login-singup .form-box-login .sing-right p{   font-size: 15px; line-height: 30px; color: #000; padding: 10px 0 0 20px; margin: 0; font-size: 15px; position: absolute; bottom: 15px; left: 140px;}
img.or{position: absolute; top: 300px; left: 0; right: 0; margin: 0 auto; content: "";}
.login-singup .form-box-login .sing-right p a{ font-weight: bold; letter-spacing: 0; font-size: 16px; color: #ff0404;}

.forget-login{ }
.forget-login h4{font-family: "Sofia", sans-serif; color: #fff; padding: 10px 0; text-align: center; margin: 0; display: inline-block; width: 100%; font-size: 25px; line-height: 35px; font-family: 'Mukta', sans-serif;}
.forget-login form input {width: 90%; outline: none; border: 1px solid #cccccc69; font-size: 15px; color: #000; line-height: 22px; padding: 10px 10px; margin: 20px auto 0; background: #fff; display: block;}
.forget-login form button { padding: 7px 30px; margin: 10px 0 0; border: none; outline: none; background: #00b451; color: #fff; border-radius: 5px; font-size: 15px; cursor: pointer;}
.forget-login .modal-header{background: #00b451; height: auto; padding: 0; text-align: center;}
.forget-login .modal-body input[type="text"]{ outline: none; outline: none; width: 100%; font-size: 15px; color: #000; border: none; border-bottom: 1px dotted #3e3e3e; background: none; margin: 0; float: right; min-height: 50px; padding: 10px 10px; color: #000; font-weight: bold;}


/*-- //about_Dr --*/
.marq-block { position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0 0; overflow: hidden; }
.marq-block marquee { position: relative; width: 100%; background: url(../images/texture.jpg) repeat top right; background:#fde428; color: #000; padding: 0px; margin: 0; }
.marq-block marquee p {     font-family: 'Hind Madurai', sans-serif;font-size: 21px;line-height: 30px;color: #000;font-weight: normal;letter-spacing: 1px;padding: 10px;margin: 0;}

/*-- Modal / PUP-up --*/
.modal-body  label { font-size: 16px; letter-spacing: 1px; color: #fff; margin-bottom: 0; float: left; width: 25%; min-height: 50px; padding: 10px 0; }
.modal-body input[type="text"], .modal-body input[type="email"], .modal-body textarea { outline: none; outline: none; background: none;width: 73%; padding: .7em 1em; font-size: 15px; color: #e1e1e1; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px dotted #ececec; background: none; margin: 0; float: right; min-height: 50px; padding: 10px 0; }
.modal-body input[type="submit"]:hover { background: #333; color: #fff; }
.modal-body input[type="submit"] { outline: none; padding: .7em 4em; font-size: 1em; color: #fff; border: none; background: #4f00bb; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; width: 100%; }

/*-- corona --*/
.corona-us{position: relative;margin: 0 0 0 0;padding: 35px 0px;background: #fff;width: 100%;overflow: hidden; }
.corona-us h3{    text-align: center; text-transform: uppercase; padding: 20px 0; margin: 0; font-weight: bold; font-family: 'Carter One', cursive; font-size: 30px; line-height: 50px; color: #1e91fd; letter-spacing: 1px; font-style: normal;}
.corona-us a.viras{    text-align: center; margin: 0 auto; padding: 0 0 0px; display: block; font-size: 25px; line-height: 30px; color: #39aefd; text-transform: uppercase; font-style: italic; }
.corona-us a:hover{    color: #fa7470; }
#customers { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; }
.dataTables_filter label{display: inline-block; max-width: 100%; margin-bottom: 5px; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; background: #39aefd; padding: 0px 0 0 20px; margin: 0; }
#example1_length label{ display: inline-block; max-width: 100%; margin-bottom: 5px; color: #000;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 16px; font-weight: normal;} 
td, th { border: 1px solid #ddd; padding: 8px; }
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th {     padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #39aefd; color: white; font-size: 18px; }
table.dataTable tbody td { padding: 4px 10px !important; font-size: 12px !important; }
/*-- services --*/
.online-us-u{position: relative;margin: 0 0 0 0;padding: 35px 15px;background: #fff;width: 100%;overflow: hidden; }
.online-us-u h2{     text-align: center; padding: 0 0 50px; text-transform: uppercase; font-weight: bold; font-family: 'Carter One', cursive; font-size: 30px; line-height: 40px; color: #1e91fd; letter-spacing: 1px; font-style: normal}
.online-us-u .online-for{position: relative;margin: 0 0 0 0;padding: 10px;background: #fafafa;width: 100%;overflow: hidden; border: 1px solid #dadada;}
.online-us-u .online-for img{ width:100%; height:auto;}
.online-us-u .online-for h3{font-family: 'Arsenal', sans-serif; font-size: 22px; text-align: center; font-weight: bold; color: #000; padding: 10px 0; margin: 0;}
.online-us-u .online-for h5{font-family: 'Arsenal', sans-serif; text-align: left; font-size: 17px; font-weight: bold; color: #3a3a3a; line-height: 25px; padding: 0 0 0 15px; margin: 0; }
.online-us-u .online-for h6{font-family: 'Arsenal', sans-serif; text-align: right; font-size: 17px; font-weight: bold; color: #3a3a3a; line-height: 25px; padding: 0 15px 0 0; margin: 0; }

.online-us-u .online-for a{  font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; transition: all 600ms ease-in-out; padding: 8px 30px; margin: 15px 0 0; background: #072680; display: inline-block; width: 100%; text-align: center;}
.online-us-u .online-for a:hover{    background: #1c57bd;}
    
.course-details{position: relative;margin: 0 0 0 0;padding: 35px 0px;background: #fff;width: 100%;overflow: hidden; }
.course-details h2{ text-align: center; text-transform: uppercase; padding: 40px 0 40px; font-weight: normal; font-size: 30px; line-height: 35px; font-family: 'Carter One', cursive; color: #003a62; letter-spacing: 1px; font-style: normal; }
.course-details .services-box{ position: relative; margin: 15px; cursor: pointer; padding: 10px; width: 90%; text-align: center; overflow: hidden; background: #f9f9f9; color: #fff; height:215px; border-radius: 10px; border-bottom: 5px solid #dedede; background-image: linear-gradient(#e3e3e3, #fff); }
.course-details .services-box:hover{  border-bottom: 5px solid #0f8531;  }
.course-details .services-box h3{     padding: 0 0 15px 0; color: #ffffff; font-family: 'Roboto', sans-serif; background: none; width: 110px; height: 110px; border-radius: 50%; line-height: 75px; border: 10px double #f5db19; margin: 0 auto 5px; display: block;}
.course-details .services-box h3{ padding: 0 0 15px 0; color: #ffffff; font-family: 'Roboto', sans-serif; background: none; width: 100%; height: 150px; border-radius: 5px; line-height: 75px; margin: 0 auto 5px; display: block; border: none !important; overflow: hidden; }
.course-details .services-box h3 img{ border-radius: 5px; width: 100%;     height: 150px !important;}
.course-details .services-box h4{font-size: 18px; margin: 0; padding: 10px 0; color: #1c4594; font-family: 'El Messiri', sans-serif; text-align: center; font-weight: bold; font-style: italic;  line-height: 24px;  }
.course-details .services-box p{    font-size: 12px; line-height: 25px; color: #404040; text-align: center; font-family: arial; font-style: italic; }

/*.why-text*/
.why-text{ position: relative;margin: 0 0 0 0;padding: 30px 0 20px;background: #fff;width: 100%;overflow: hidden; }
.why-text h2{font-weight: bold; text-align: center; font-size: 29px; line-height: 35px; color: #242323; text-transform: uppercase; padding: 15px 0 15px; margin: 0 0; }
.why-text .why-box{ background: #fff; width: 100%; overflow: hidden; text-align: center; padding: 0 0px; margin: 0; }
.why-text .why-box img{ width: 100%;border: none;padding: 0;}
.why-text .why-box h4{ font-size: 19px; color: #27282b; line-height: 30px; text-align: center; padding: 10px 0 10px; margin: 0; }
.why-text .why-box p{font-size: 14px; color: #4a4949d6; line-height: 23px; text-align: justify; font-family: 'El Messiri', sans-serif; padding: 0 10px; }
ul.pro-li{     width: 45%; padding: 0; margin: 0 auto; display: block; }
ul.pro-li li{     font-family: 'El Messiri', sans-serif; text-align: center; float: left; list-style: none; }
ul.pro-li li a{    font-family: 'El Messiri', sans-serif; padding: 13px 25px; background: #021f33; color: #fff; font-weight: bold; border-bottom: 5px solid #003a62; display: block; border-radius: 9px; margin: 10px 5px 20px; }
ul.pro-li li a:hover{background: #e2ebf0;  color: #021f33; } 

/*why-about*/
.why-about{ position: relative;margin: 0 0 0 0;padding: 0px;background: #fff;width: 100%;overflow: hidden;}
.why-about h3{ font-size: 16px; line-height: 30px; font-weight: 400; color: #000; margin: 0; font-family: inherit; text-align: center; }
.why-about h2{ font-size: 30px; line-height: 30px; color: #040c2b; margin: 0; text-align: center; font-weight: bold; font-family: "Roboto", Sans-serif; padding: 25px 0 10px; }
.why-about h5{ font-size: 20px; line-height: 30px; font-weight: 400; color: #000; margin: 0; font-family: inherit; text-align: center; padding: 10px 0 10px; }



/*why-infotech*/
.why-infotech{ position: relative;margin: 0 0 0 0;padding: 50px 0 40px;background: #fff;width: 100%;overflow: hidden; }
.why-infotech .infotech-text{position: absolute; content: ""; right: -70px; width: 60%; z-index: 9; padding: 0; margin: 0; top: 108px; height: 100%; }
.why-infotech .infotech-text img{ width:75%;}

/*why-we*/
.why-we{ position: relative;margin: 0 0 0 0;padding: 50px 0 40px;background: #fff;width: 100%;overflow: hidden; }
.why-we .we-text{position: absolute; content: ""; left: 120px; width: 60%; z-index: 9; padding: 0; margin: 0; top: 108px; height: 100%; }
.why-we .we-text img{ width:75%;}

/*-- text-slider --*/
.text-slider-bann{ position: relative; margin: 0 0; padding: 15px 0px 70px; width: 100%;  background-size: cover; }
.text-slider-bann .text-ban{ text-align:center; }
.text-slider-bann .text-ban p { font-family: 'Arsenal'; font-size: 16px; color: #000; line-height: 25px; text-align: center; }
.text-slider-bann img.DK1{ position: absolute; content: ""; top: 10%; left: 0; width: 80%; z-index: 9; padding: 0; margin: 0;}
.text-slider-bann img.AT1{position: absolute; content: ""; top: 35%; left: 56%; width: 40% !important; z-index: 999999; padding: 0; margin: 0;}
.text-slider-bann img.MOB1{position: absolute; content: ""; top: 75%; left: 0; width: 52% !important; z-index: 9999999999; padding: 0; margin: 0; }
.text-slider-bann h3{ font-size: 20px; font-weight: 600; text-transform: capitalize; line-height: 28px;padding: 50px 0 0; letter-spacing: .5px; color: #1f02d1;}
.text-slider-bann h5{font-size: 30px; line-height: 50px; font-weight: 700; padding: 10px 0; color: #090910; }
.text-slider-bann h6{ font-size: 20px; line-height: 35px; font-family: 'Hind Siliguri', sans-serif; color: #595959; }    
.text-slider-bann a{ color: #000; display: inline-block; border-radius: 30px; text-align: center; padding: 9px 30px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 14px; transition: all 600ms ease-in-out; transition: background 0.2s ease 0s; border-bottom: 2px solid #12055e; margin: 30px 0 0; }      


/*-- article --*/
.blog-details{ width: 100%; position: relative; overflow: hidden; padding: 30px 0; margin: 0; }
.blog-details .blog-box{ text-align: center;padding: 15px; margin: 0; }
.blog-details .blog-box img{ width: 20%; letter-spacing: 0; height: auto; }
.blog-details .blog-box p{ font-weight: normal; font-style: italic; text-align: justify; font-family: 'Hind Madurai', sans-serif; font-size: 16px; line-height: 25px; color: #353535; padding: 0 0 15px; margin: 0 0; }
.blog-details .blog-box h4{  font-weight: normal; text-align: left; font-family: 'Carter One', cursive; font-size: 20px; line-height: 35px; color: #525151; text-transform: uppercase; padding: 0; margin: 0 0; }


/*-- // article --*/

/*-- article --*/
.article{ width: 100%; position: relative; overflow: hidden; padding: 30px 0; margin: 0; }
.article .article-box{ text-align: center;padding: 15px; margin: 0; }
.article .article-box img{ width: 20%; letter-spacing: 0; height: auto; }
.article .article-box h3{ position: relative; display: block; padding: 5px 0; margin: 0; text-align: center; font-size: 25px; color: #10447e; line-height: 30px; font-weight: bold;  }
.article .article-box p{ position: relative; display: block; padding: 5px 0; margin: 0; text-align: justify; font-size: 16px; color: #164e84; line-height: 25px; font-weight: normal; font-style: normal; }

/*-- // article --*/

/*-- text-image--*/
/*.text-image{ width: 100%;  background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url();height: 400px;margin: 0 0 25px 0;}*/
.text-image h3{text-align: center;margin: 0 0 0 0;color: #000;letter-spacing: 2px;font-size: 50px;padding: 5% 0;}

/*-- // text-image--*/


/*-- testimonials--*/
.testimonial{ position: relative; width: 100%; height:400px; overflow: hidden; }
.testimonial video{ width: 100%; height:auto; margin: -100px 0 0 0; }

.testimonial .test-dec{ position: absolute; content: ""; left: 0; width: 100%; z-index: 9; padding: 0; margin: 0; bottom:0px;  height: 100%; background: #000000c7;}
.testimonial .test-dec .test-dec-left{ width: 50%; float: left; text-align: center; padding: 120px 0 0; }
.testimonial .test-dec .test-dec-left img{ width: 16%; text-align: center; }
.testimonial .test-dec .test-dec-left h5{text-align: center;font-size: 18px;font-weight: 600;text-transform: capitalize;line-height: 30px;padding: 0;letter-spacing: 0;color: #ffbf00;font-family: 'Nanum Gothic', sans-serif;font-style: italic;}
.testimonial .test-dec .test-dec-left h3{font-weight: bold;text-align: center;font-size: 25px;line-height: 35px;color: #fff;text-transform: uppercase;padding: 15px 0 15px;margin: 0 0;}

.testimonial .test-dec .test-dec-right{   position: relative; width: 50%; float: right; text-align: center; background: #fff; margin: 100px 0 0; height: 250px;}
.testimonial .test-dec .test-dec-right .test-box{ width: 100%; text-align: center;  position: relative; border: 10px double #fc0; height: 250px; }
.testimonial .test-box h4{text-align: center; font-size: 20px; font-weight: 600; text-transform: capitalize; line-height: 28px; padding: 40px 0 0; letter-spacing: .5px; color: #0c062d; font-family: 'Arsenal', sans-serif;}
.testimonial .test-dec-right img.quotes{ position: absolute; content: ""; left: 10px; width: 20%; z-index: 9; padding: 0; margin: 0; top: -50px;  } 
.testimonial .test-box img{ width: 15%; }
.testimonial .test-box p{ font-family: 'Nanum Gothic', sans-serif; font-size: 14px; line-height: 26px; color: #0f0f0fb3; text-transform: capitalize; font-weight: bold; padding: 20px 30px 30px; }
.testimonial .test-box h6{color: #ccc; font-style: italic; }



.testimonial .testimonial-text{ width: 20%; margin: 0; position: relative; text-align: center; padding: 15px; float: left; border: 1px solid; color: #FFF; height:80px; overflow: hidden;}
.testimonial .testimonial-text:hover{ background: #f7f7f7; color: #000; transition: all 600ms ease-in-out; border: 1px solid; cursor: pointer; }
.testimonial .testimonial-text p{ font-size: 16px;  line-height: 26px; list-style: none; padding: 0px 0; margin: 0; font-family: auto;color: #fff; }
.testimonial .testimonial-text p:hover{ color: #000; }
.testimonial .testimonial-text p span{ display: block; }

/*-- // testimonials--*/


/*-- contact us --*/
#raj { width: 100%; padding: 0 0; margin: 0; }
  .contact_us_pg{ position: relative; width: 100%; background: url(../images/banner6.jpg) no-repeat right bottom; padding: 50px 0; margin: 0 ;   }

.contact_us_pg h4, .contact_us_pg h4 { color: #fff; font-size: 28px; margin-bottom: 15px; text-align: center; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; color: #fff; font-size: 16px; font-weight: normal; }
.contact_us_pg input[type="text"], .contact_us_pg input[type="email address"] { width: 100%; color: #000; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: 1px solid #d8d8d8; margin-bottom: 10px; }
.contact_us_pg textarea { width: 100%; color: #000; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: 1px solid #d8d8d8; resize: none; height: 102px; margin-bottom: 10px; }
.contact_us_pg input[type="submit"] { width: 24%; color: #fff; padding: 7px 0px; font-size: 18px; outline: none; background: #FA0303; border: none; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; margin: 0; display: block; }
.contact_us_pg input:hover[type="submit"] { background: #0378FA; }
    
/*--// contact us --*/
.contact{ position: relative;margin: 20px 0 20px 0;padding: 0;overflow: hidden;width: 100%; }
.contact h2{     font-size: 25px; margin-bottom: 1em; text-align: center; font-weight: bold; text-transform: uppercase; font-family: 'Carter One', cursive; font-size: 26px; line-height: 50px; color: #1e91fd; letter-spacing: 1px; font-style: normal; } 

.contact .contact-left{  padding: 2em; box-sizing: border-box; border: none; margin: 0; }
.contact .contact-t{  padding: 2em; box-sizing: border-box; border: none; margin:50px 0 0;  text-align: center; }
.contact .contact-t h4{      margin-bottom: 1em; text-align: center; font-weight: bold; text-transform: uppercase; font-family: 'Carter One', cursive; font-size: 22px; line-height: 30px; color: #1e91fd; letter-spacing: 1px; font-style: normal;} 
.contact .contact-t ul{ padding:0; margin:0 ;}  
.contact .contact-t ul li{ padding: 0; margin: 0; color: #2e0c5d; font-size: 16px; line-height: 40px; list-style: none; font-family: 'Gotu', sans-serif;}     
.contact .contact-left h4{ font-size: 1.7em; color: #000000; margin-bottom: 1em; font-family: 'Source Sans Pro', sans-serif; text-align: center; }
.contact .contact-left input[type="text"], .contact .contact-left input[type="email"], .contact .contact-left textarea { outline: none; width: 100%; padding: .7em 1em; font-size: .9em; color: #888; border: none; border-bottom: 1px solid #2e0c5d; background: none; margin: 0 0 15px; }
.contact .contact-left input[type="submit"] { outline: none; padding: .7em 4em; font-size: 1em; color: #fff; border: none; background: #1e91fd; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; width: 100%; }
.contact .contact-left input[type="submit"]:hover { background: #333; color: #fff; }

/*-- About us --*/

.about-us{position: relative;margin: 50px 0 50px 0;padding: 0;overflow: hidden;width: 100%;}
.about-us .about-text{position: relative;margin: 0;padding: 0;width: 100%;overflow: hidden;}
.about-us .about-text h3{position: relative; margin: 0; padding: 0; overflow: hidden; font-weight: normal; font-family: 'Carter One', cursive; font-size: 25px; line-height: 40px; color: #1e91fd; letter-spacing: 1px; font-style: normal;}
.about-us .about-text p{position: relative; margin: 0; padding: 0; width: 100%; letter-spacing: 1px; text-align: justify; font-size: 15px; line-height: 26px;}
/*--// About us --*/
.services-inner{ position: relative;margin: 0px 0 0px 0;padding:10px 0 10px;overflow: hidden;width: 100%;  background: url(../images/25.png) repeat;}
.services-inner h6{padding: 0 0 10px; margin: 0; font-size: 17px; line-height: 30px; color: #0f0e0e; text-align: justify;}
.services-inner h4{padding: 0 0 10px; font-size: 16px; line-height: 30px; font-weight: 400; color: #000; margin: 0; font-family: inherit; text-align: justify; }
.services-inner h3{padding: 0 0 10px; font-size: 16px; line-height: 30px; font-weight: 400; color: #000; margin: 0; font-family: inherit; text-align: justify; }

.services-inner img.img-ser-ban{ width:100%;}

/*-- features --*/

.features h4 {
    font-size: 20px;
    color: #3b3b3b;
    line-height: 33px;
    font-style: italic;
}

.features-grid-left i {
color: #fff;
font-size: 1.6em;
width: 70px;
height: 70px;
border: 2px solid #ff3c41;
text-align: center;
border-radius: 50%;
line-height: 2.5;
box-shadow: 3px 2px 6px rgba(0, 0, 0, 0.25);
background: #ff3c41;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}

.features-grid-left i:hover {
background: #000;
border-color: #000;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
h3.tittle {
    color: #000;
    font-size: 38px;
    font-weight: 700;
}
/*-- //features --*/


/*-- Service Page --*/
.services{position:relative;width: 100%;margin: 50px 0 50px 0;padding: 0;overflow: hidden;}
.services h2{    text-align: center;
    padding: 0 0 50px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Carter One', cursive;
    font-size: 30px;
    line-height: 40px;
    color: #1e91fd;
    letter-spacing: 1px;
    font-style: normal;
}
.services .service-text{position: relative;
    width: 100%;
    margin: 25px 0;
    padding: 0;
    overflow: hidden;}
.services .service-text h3{ width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: normal;
    font-family: 'Carter One', cursive;
    font-size: 21px;
    line-height: 40px;
    color: #1e91fd;
    letter-spacing: 1px;
    font-style: normal;
}
.services .service-text p{position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    letter-spacing: 1px;
    word-spacing: 1px;
    text-align: justify;
    line-height: 27px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;}
.services .service-img{position: relative;margin: 0 0 50px 0;} 
/*--Service Page --*/


/*-- Courses --*/
.courses{position: relative;width: 100%;margin: 50px 0 50px 0;padding: 0;overflow: hidden;}
.courses .courses-img{position: relative;width: 100%;margin: 0 0 25px 0;padding: 0;overflow: hidden;}
.courses .courses-text{position: relative;width: 100%;margin: 0;padding: 0;overflow: hidden;}
.courses .courses-text h3{position: relative;margin: 0;padding: 0;width: 100%;overflow: hidden;letter-spacing: 2px;font-weight: 900;font-size: 30px;}
.courses .courses-text p{position: relative;margin: 0;padding: 0;width: 100%;letter-spacing: 2px;text-align: justify;}
.courses  a{position:relative;margin:0;padding: 5px 20px 5px 20px;border: 1px solid;border-style: none;background-color: chocolate;color: #fff;}
/*--Courses --*/


/*-- Jobs & Blogs --*/
.blog{position: relative;width: 100%;margin: 50px 0 50px 0;padding: 0;overflow: hidden;}
.blog .image{position: relative;width: 100%;margin: 0 0 25px 0;padding: 0;overflow: hidden; box-shadow: 20px rgba(0,0,0,0.2);}
.blog .blog-text{position: relative;width: 100%;margin: 25px 0 0 0;padding: 0;overflow: hidden;}
.blog .blog-text h3{position: relative;margin: 0;padding: 0;width: 100%;overflow: hidden;letter-spacing: 2px;font-weight: 900;font-size: 30px;}
.blog .blog-text h2{font-size: 20px; font-family: arial; text-align: left; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; line-height: 30px; padding: 0 0 10px;}
.blog .blog-text p{font-size: 18px; line-height: 27px; color: #555; font-family: auto; text-align: justify;}
.blog .blog-text a{    font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; transition: all 600ms ease-in-out; padding: 10px 30px; margin: 25px 0 0; background: #072680; display: inline-block;}
.blog .blog-text a:hover{    background: #1c57bd;}


/*--//Jobs & Blogs  --*/




/*-- Single Page --*/
.course-single{ position: relative;margin: 0;padding:30px 0;width: 100%; overflow: hidden;}
.course-single .blog-text{ position: relative;margin: 0;padding: 0;width: 100%; overflow: hidden; }
.course-single .blog-text .image{ position: relative;margin: 0;padding: 0;width: 100%; overflow: hidden; height:300px; }
.course-single .blog-text .image img{ width:100%; height:auto;}
.course-single .blog-text h2{font-size: 20px; font-family: arial; text-align: left; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; line-height: 30px; padding: 0 0 10px;}
.course-single .blog-text p{font-size: 18px; line-height: 27px; color: #555; font-family: auto; text-align: justify;}

.course-single .blog-text a{    font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; transition: all 600ms ease-in-out; padding: 10px 30px; margin: 25px 0 0; background: #072680; display: inline-block;}
.course-single .blog-text a:hover{    background: #1c57bd;}

.course-single .course-img{ position: relative;margin: 0;    padding: 0 0 30px;width: 100%; overflow: hidden; }
.course-single .course-img .image{ position: relative;margin: 0;padding: 0;width: 100%; overflow: hidden; height:300px; }
.course-single .course-img img{ width:100%; height:auto;}
.course-single .course-img h2{font-size: 20px; font-family: arial; text-align: left; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; line-height: 30px; padding: 0 0 10px;}
.course-single .course-img p{font-size: 18px; line-height: 27px; color: #555; font-family: auto; text-align: justify;}

.course-single .course-img a{    font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; transition: all 600ms ease-in-out; padding: 10px 30px; margin: 10px 0 0; background: #072680; display: inline-block;}
.course-single .course-img a:hover{    background: #1c57bd;}

/*--Single Page --*/

.Google-map{position: relative;margin: 0;padding:90px 0;width: 100%; }
.Google-map a.con-ab-home {color: #fffc; padding: 15px 40px; font-size: 15px; background: #0070ff; border-bottom: 4px solid #0e5abb; border-radius: 40px; font-family: "Roboto", Sans-serif; line-height: 0; margin: 0 0 0 120px; text-align: center; font-weight: bold; }
.Google-map a.con-ab-home i{color: #fffb00; font-size: 20px; line-height: 30px; padding: 0 10px 0 0;}
.Google-map .footer-map{position: absolute; content: ""; right: 120px; width: 40%; z-index: 9; padding: 0; margin: 0; bottom: 160px; height: 0; background: #000000c7; border: 5px solid #0070ff; display: inline-block;}



/*-- Footer --*/
#footer{width: 100%; background: url(../images/footer-bg-r.png) no-repeat top right; background-size: auto; padding: 60px 0 40px; background-size: cover; display: inline-block; margin: 0; }
#footer .logo-block{ text-align:center; line-height:0; padding:0; margin:0 0 1em; }
#footer .logo-block img{ width: 25%; padding: 5px; margin: 0; border-radius: 10px; }
#footer .footer-menu{text-align: center; width: 100%; padding: 0; margin: 0; }
#footer .footer-menu p{ text-align: center; font-size: 16px; font-family: 'Nanum Gothic', sans-serif; color: #fff; line-height: 35px; font-weight: lighter; padding: 0; margin: 0;}
#footer .footer-menu p i{color: #a2ff11; font-size: 15px; line-height: 20px; padding: 3px 5px 0 0; display: inline-block; }
#footer ul.menu{padding: 6px 0; margin: 30px 0 0; width: 100%; text-align: center; border-top: 1px dotted #535353; border-bottom: 1px dotted #535353;}
#footer ul.menu li{ padding: 0 0; margin: 0; list-style: none; display: inline-block; text-align: center; }
#footer ul.menu li a{ padding: 0 10px; margin: 0; color: #fff; font-size: 13px; line-height: 30px; font-weight: bold; letter-spacing: 1px; }
#footer ul.menu li a:hover{ color:#a2ff11;}

#footer .logo-block a span{ font-family: 'Satisfy', cursive; font-size: 25px; color: red; line-height: 40px; padding: 0 0 0 15px; margin: 0;}
.foter-block{ background:url(../images/banner5.jpg) no-repeat bottom left; background-size: cover; padding: 10px 0 0; background-attachment: fixed; width: 100%; height:270px;border: 5px solid #fff;}
.foter-block .footer-menu{ width: 33%; float: left; padding: 0 30px; border-radius: 10%;  }
.foter-block .footer-menu h3{ font-size: 25px; line-height: 40px; font-weight: 400; text-align: left; color: #fff; font-family: 'Carter One', cursive; }
.foter-block .footer-menu ul{ padding: 0 0; margin: 0; }
.foter-block .footer-menu ul li{ padding: 0 0; margin: 0;list-style: none; }
.foter-block .footer-menu ul li a{     padding: 0 0 0 0px; margin: 0; color: #fff; font-size: 13px; line-height: 30px; }
.foter-block .footer-menu ul li a:hover{ color:#ff9000;}
.foter-block .footer-menu ul.social-li{ padding: 0 0; margin: 0; }
.foter-block .footer-menu ul.social-li li{ padding: 0 0; margin: 0; display: inline-block;}
.foter-block .footer-menu ul.social-li li a{ padding: 5px 25px; margin: 20px 0 0; font-size: 20px; line-height: 30px; border: 1px solid #ccc; display: block; color: #fff; }
.foter-block .footer-menu ul.social-li li a:hover{ background: #fff; color: #f00; }

#footer .top-block{    width: 100%; text-align: center; border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; display: inline-block; padding: 14px 0 5px; margin: 0 0 2em;}
#footer .top-block ul{ text-align:center; display:inline-block; padding:0; margin:0; }
#footer .top-block ul li {    list-style: none; float: left; display: block; font-family: 'Hind Madurai', sans-serif; font-size: 13px; line-height: 14px; font-weight: 500; padding: 0; margin: 0; text-transform: uppercase; }
#footer .top-block ul li a{ color:#e1e1e1; padding:0 15px; margin:0; }

#footer h4{ font-family: 'Hind Madurai', sans-serif; font-size:24px; line-height:26px; font-weight:400; text-align:center;  color:#fff; padding:0 0 10px; margin:0; }
#footer p{     font-family: auto; font-size: 19px; line-height: 30px; font-weight: 400; color: #e2e2e2; padding: 0px 0 0; margin: 0; text-align: left; }

#footer .bottom-block{ padding:0; margin:0 0 0px; }
#footer .bottom-block .rt{ float:left; padding:0; margin:0; }
#footer .bottom-block .rt a{ color:#fff; }
#footer .bottom-block .rt a h2 {width: 30px;height: 30px;display: inline-block;border: 2px solid #fff;border-radius: 50%;text-align: center;color: #fff;font-size: 14px;line-height: 28px;padding: 0;margin: 0 10px 0 0;transition: all 500ms ease-in-out; }
#footer .bottom-block .rt a h2:hover{ background:#fff; color:#123E5D; }
#footer .bottom-block .lt{ float:right; padding:0; margin:0; }
#footer .bottom-block .lt h5{ font-family: 'Hind Madurai', sans-serif; font-size:14px; line-height:16px; font-weight:400; color:#fff; padding:12px 0 0; margin:0; }
#footer .bottom-block .lt ul{ padding: 0; margin: 0; }
#footer .bottom-block .lt ul li{ position: relative;display: inline-block; font-size: 15px; color: #FFF; line-height: 20px; list-style: none; padding: 0 10px; margin: 0; }
#footer .bottom-block .lt ul li a{ color: #FFF; }
#footer .bottom-block .lt ul li a:hover{ color: red; }

/*-- //Footer --*/
@media(max-width:670px){
    /*=== Home Peag Start ===*/
    .navbar-default .top-block .lt ul li { font-size: 15px; }
    .navbar-default .top-block .rt ul li { display: inline-block; padding: 0; margin:10px 0 0; }
    a.log { font-size: 11px; padding: 8px 20px 6px; }
    a.log {font-size: 10px; padding: 8px 5px; background: linear-gradient(90deg, rgb(47, 197, 100) 3%, rgb(255, 255, 255) 6%); }
    a.log i.fas{ display: none; }
    .text-slider-bann .text-ban p { font-size: 15px; line-height:20px; }
    .about .bg-block { width: 95%; background: url(../images/about-bg.png) no-repeat top right; background-size: auto; background-size: cover; padding: 0 0; }
    .about .bg-block .rt-block #typed { font-size: 15px; line-height: 25px; }
    .about .bg-block .rt-block { padding: 1em 0 0 15px; margin: 0; }
    .about .bg-block .rt-block h2 { font-size: 12px; line-height: 25px; }
    .course-details h2 { padding: 0; font-weight: normal; font-size: 20px; line-height: 35px; }
    .course-details .services-box{ height:450px; }
    .course-details .services-box h4 { font-size: 11px; margin: 0; padding: 10px 0; color: #535252; }
    .course-details .services-box p { font-size: 12px; line-height: 22px; color: #000; text-align: left; font-family: 'Gotu', sans-serif; }
    .contant-text p { font-size: 12px; line-height: 20px; }
    .contant-text h2 { font-size: 20px; line-height: 30px; padding: 0; margin: 0 0; }
    .contant-text a { font-size: 10px; line-height: 10px; color: #fff; text-transform: uppercase; padding: 8px 30px; margin: 0; }
    .testimonial{ padding:25px 0; }
    .testimonial h3 { font-size: 16px; line-height: 25px; color: #fff; text-transform: uppercase; padding: 0 0 15px; }
    .testimonial .testimonial-text { width: 20%; margin: 0; padding:0; }
    .testimonial .testimonial-text p { font-size: 11px; line-height: 20px; list-style: none; padding: 0px 0; margin: 0; }
    .foter-block{ height:220px;}
    #footer .logo-block img { width: 50%; }
    .foter-block .footer-menu { width: 33%; float: left; padding: 0; border-radius: 10%; }
    .foter-block .footer-menu h3 { font-size: 16px; line-height: 30px; }
    .foter-block .footer-menu ul li { padding: 0 0 0 15px; margin: 0; list-style: none; }
    .foter-block .footer-menu ul li a { padding: 0 0 0 0px; margin: 0; color: #fff; font-size: 11px; line-height: 20px; }
    #footer p { font-family: auto; font-size: 12px; line-height: 20px; }
    .foter-block .footer-menu ul.social-li li a { padding: 5px 10px; margin: 10px 0 0; font-size: 13px; line-height: 20px; }
    .about .video-w3l { background: rgba(227, 189, 254, 0.3); height: 306px; text-align: center; margin: -100px 0 0 0; }
    
    .navbar-default .top-block .logo-block {width: 100%;padding: 0 0;margin: 0; }
    .navbar-default .top-block .lt ul li {font-size: 12px;padding: 0;margin: 0;}
    a.log {font-size: 10px;width: 28%;text-align: left;padding: 6px 10px;float: right; background: linear-gradient(90deg, #07060f 90%, #afff0e 10%);}   
    
    .banner { position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #000; height: 350px;}
    .banner video { width: 100% !important; height: 100%; margin: -50px 0 0 0; }
    .banner .banner-text h2 { font-family: "Roboto", Sans-serif; color: #fff; font-size: 25px; font-weight: 800; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; line-height: 35px; }
    .banner .banner-text p { font-family: "Roboto", Sans-serif; font-size: 11px; line-height: 15px; text-align: justify; padding: 0 0 14px; }
    .banner .banner-text { width: 60%; padding: 150px 0 0; }
    .navbar-default .top-block .lt ul li { font-size: 10px; padding: 0; margin: 0; }
    a.log { font-size: 10px; width: 25%; text-align: left; padding: 4px 10px; float: right; background: linear-gradient(90deg, #07060f 90%, #afff0e 10%); margin: 3px 0 0;}
    .banner .banner-text h2 { font-family: "Roboto", Sans-serif; color: #fff; font-size: 14px; font-weight: 800; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; line-height: 15px; }
    .banner .banner-text p { font-family: "Roboto", Sans-serif; font-size: 10px; line-height: 15px; text-align: justify; padding: 0 0 14px; }
    .banner .banner-text a { color: #ffffff; display: inline-block; border-radius: 30px; text-align: center; padding: 7px 20px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 10px; transition: all 600ms ease-in-out; background: linear-gradient(to right, rgb(255, 27, 178), rgb(11, 0, 212)); transition: background 0.2s ease 0s; border-bottom: 1px solid #d1d1d1;}
    .banner .banner-text { width: 60%; padding: 140px 0 0;}
    #banner-slider { float: right; width: 44%; text-align: left; top: -160px; position: relative; }
    #banner-slider .item img { width: 95%; height: auto; text-align: right; float: right; }
    #mySidenav { z-index: 99999; position: fixed; display: block; top: 10%; left: -20px; }
    .cont-banner { position: absolute; right: 0; top: -30px; width: 30%; background: none; z-index: 999999999; border-radius: 50px 0 0 50px; text-align: center; }
    .cont-banner a.con-ab-home { color: #000c; text-align: left; padding: 4px 0 3px 20px; text-transform: uppercase; font-size: 12px; margin: 0; width: 100%; background: #ffe000; border-bottom: 4px solid #e3e3e3; border-radius: 50px 0 0 50px; font-family: "Roboto", Sans-serif; line-height: 0; transition: all 500ms ease-in-out; }
    .cont-banner a.con-ab-home i { font-size: 15px; line-height: 30px; padding: 0 10px 0 0px; color: #260071; transition: all 500ms ease-in-out; }
    .text-slider-bann h3 { font-size: 20px; font-weight: 600; text-transform: capitalize; line-height: 28px; padding: 500px 0 0; letter-spacing: .5px; color: #1f02d1; }
    .text-slider-bann img.MOB1 { position: absolute; content: ""; top: 310px; left: 20px; width: 52% !important; z-index: 999; padding: 0; margin: 0; }
    .text-slider-bann img.AT1 { position: absolute; content: ""; top: 150px; left: 60%; width: 36% !important; z-index: 999999; padding: 0; margin: 0; }
    .text-slider-bann img.DK1 { position: absolute; content: ""; top: 20px; left: 30px; width: 80%; z-index: 9; padding: 0; margin: 0; }
    .text-slider-bann h5 { font-size: 20px; line-height: 33px; font-weight: 700; padding: 10px 10px; color: #090910; }
    .text-slider-bann h6 { font-size: 17px; line-height: 30px; font-family: 'Hind Siliguri', sans-serif; color: #595959; padding: 0 10px; }
 
    
}
@media(max-width:550px){
    /*=== Home Peag Start ===*/
    .navbar-default .top-block .lt { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .rt { padding: 0 0; margin: 0 0 10px; float: none; text-align: center; }
    .navbar-default .last-block .logo-block {  width: 50%; display: inline-block;}
    .navbar-default .last-block{ padding:0; }
    .navbar-default .last-block .logo-block img { width: 50%; height: auto; padding: 10px 0 0 0; margin: 0; }
    .about .bg-block .rt-block { padding: 0em 0 0 15px; margin: 0; }
    .about .bg-block .rt-block #typed { font-size: 15px; line-height: 25px; padding: 0; }
    .about .bg-block .rt-block h2 { font-size: 10px; line-height: 18px; padding: 0 0 10px; margin: 0 0 0; }
    .course-details .services-box p { font-size: 20px; line-height: 35px; }
    .course-details .services-box h4 { font-size: 20px; margin: 0; padding: 10px 0; color: #333; }
    .blog-details .blog-box h4 { font-size: 15px; line-height: 35px; color: #000; }
    .blog-details .blog-box p { font-size: 13px;} 
    .course-details .services-box { height: auto; }
    .blog-details { padding: 0; }
    
    .topnav #myLinks { display: none;}
    .sf-menu { width: 240px; right: 0; top: 40px; background: #f9f9f9; display: block; }
    
    .navbar-default .top-block .logo-block {width: 100%;padding: 0 0;margin: 0; }
    .navbar-default .top-block .lt ul li {font-size: 12px;padding: 0;margin: 0;}
    a.log {font-size: 10px;width: 28%;text-align: left;padding: 6px 10px;float: right; background: linear-gradient(90deg, #07060f 90%, #afff0e 10%);}   
    
    .banner { position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #000; height: 350px;}
    .banner video { width: 100% !important; height: 100%; margin: -50px 0 0 0; }
    .banner .banner-text h2 { font-family: "Roboto", Sans-serif; color: #fff; font-size: 25px; font-weight: 800; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; line-height: 35px; }
    .banner .banner-text p { font-family: "Roboto", Sans-serif; font-size: 11px; line-height: 15px; text-align: justify; padding: 0 0 14px; }
    .banner .banner-text { width: 60%; padding: 150px 0 0; }
    .navbar-default .top-block .lt ul li { font-size: 10px; padding: 0; margin: 0; }
    a.log { font-size: 10px; width: 25%; text-align: left; padding: 4px 10px; float: right; background: linear-gradient(90deg, #07060f 90%, #afff0e 10%); margin: 3px 0 0;}
    .banner .banner-text h2 { font-family: "Roboto", Sans-serif; color: #fff; font-size: 14px; font-weight: 800; text-transform: uppercase; padding: 0 0 10px 0; margin: 0; line-height: 15px; }
    .banner .banner-text p { font-family: "Roboto", Sans-serif; font-size: 10px; line-height: 15px; text-align: justify; padding: 0 0 14px; }
    .banner .banner-text a { color: #ffffff; display: inline-block; border-radius: 30px; text-align: center; padding: 7px 20px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 10px; transition: all 600ms ease-in-out; background: linear-gradient(to right, rgb(255, 27, 178), rgb(11, 0, 212)); transition: background 0.2s ease 0s; border-bottom: 1px solid #d1d1d1;}
    .banner .banner-text { width: 60%; padding: 140px 0 0;}
    #banner-slider { float: right; width: 44%; text-align: left; top: -160px; position: relative; }
    #banner-slider .item img { width: 95%; height: auto; text-align: right; float: right; }
    #mySidenav { z-index: 99999; position: fixed; display: block; top: 10%; left: -20px; }
    .cont-banner { position: absolute; right: 0; top: -30px; width: 30%; background: none; z-index: 999999999; border-radius: 50px 0 0 50px; text-align: center; }
    .cont-banner a.con-ab-home { color: #000c; text-align: left; padding: 4px 0 3px 20px; text-transform: uppercase; font-size: 12px; margin: 0; width: 100%; background: #ffe000; border-bottom: 4px solid #e3e3e3; border-radius: 50px 0 0 50px; font-family: "Roboto", Sans-serif; line-height: 0; transition: all 500ms ease-in-out; }
    .cont-banner a.con-ab-home i { font-size: 15px; line-height: 30px; padding: 0 10px 0 0px; color: #260071; transition: all 500ms ease-in-out; }
    .text-slider-bann h3 { font-size: 20px; font-weight: 600; text-transform: capitalize; line-height: 28px; padding: 500px 0 0; letter-spacing: .5px; color: #1f02d1; }
    .text-slider-bann img.MOB1 { position: absolute; content: ""; top: 310px; left: 20px; width: 52% !important; z-index: 999; padding: 0; margin: 0; }
    .text-slider-bann img.AT1 { position: absolute; content: ""; top: 150px; left: 60%; width: 36% !important; z-index: 999999; padding: 0; margin: 0; }
    .text-slider-bann img.DK1 { position: absolute; content: ""; top: 20px; left: 30px; width: 80%; z-index: 9; padding: 0; margin: 0; }
    .text-slider-bann h5 { font-size: 20px; line-height: 33px; font-weight: 700; padding: 10px 10px; color: #090910; }
    .text-slider-bann h6 { font-size: 17px; line-height: 30px; font-family: 'Hind Siliguri', sans-serif; color: #595959; padding: 0 10px; }

    
    
    
}
@media(max-width:500px){
    /*=== Home Peag Start ===*/
    .course-details .services-box p { font-size: 15px; line-height: 25px; text-align: justify; }
    .photo { width: 100%; margin: 0; padding: 40px 0 10px; background: #d9d9d9; text-align: center; border: 1px solid #fee; }
    
    
    
}

@media(max-width:480px){
    /*=== Home Peag Start ===*/
    .course-details .services-box h4 { font-size: 15px; }
    .course-details .services-box p { font-size: 13px; line-height: 23px; text-align: justify; }
    .foter-block .footer-menu h3 { font-size: 15px; line-height: 30px; padding: 0 0 0 10px; }
    .navbar-default .last-block .logo-block { width: 100%; display: inline-block; padding:10px 0 0; }
    .navbar-default .last-block .logo-block img { width: 25%; height: auto; padding: 0 0 0; margin: 0; }
    .course-details .services-box { position: relative; margin: 7px; cursor: pointer; padding: 10px; width: 30%; }
    .course-details .services-box p { font-size: 10px; line-height: 18px; text-align: center; color: #000; }
    .market-text h2 { font-family: 'Carter One', cursive; font-size: 22px; line-height: 30px; }
    img.running { width: 0.5%; }
    .testimonial .test-box { width: 90%; margin: 0 auto; position: relative; text-align: center; padding: 10px; }
    .why-text .why-box img { width: 15%; border: 1px solid #99b1cc; border-radius: 50%; padding: 10px; }
    .why-text .why-box p { font-size: 15px; color: #3d3d3d; line-height: 21px; }
    .why-text .why-box h4 { font-family: 'Carter One', cursive; font-size: 17px; color: #4b4c57; line-height: 40px; text-align: center; padding: 10px 0 10px; }
    .contant-text h2 { font-size: 16px; line-height: 40px; padding: 0; margin: 0 0; }
    h3.tittle { color: #0e4203; font-size: 25px; font-weight: 700;; }
    .features h4 { font-size: 13px; color: #000; line-height: 23px; font-style: italic; }
    .services-inner h6 { padding: 0 0 10px; margin: 0; font-size: 14px; line-height: 25px; color: #000; }
    .services-inner h4 { padding: 15px 0 6px; margin: 0; font-size: 15px; line-height: 20px; color: #020f04; }
    img.patn-bg { width: 50%; margin: 0 auto; border: 1px solid #eaeaea; display: block; }
    .about .bg-block { width: 100%; padding: 0 0; background: #fff; }
    .about .bg-block .rt-block a { font-weight: bold; font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; transition: all 600ms ease-in-out; font-size: 12px; line-height: 20px; color: #fbfbfb; text-transform: uppercase; padding: 4px 20px; margin: 10px 0 15px; border: 1px solid #3fc3ff; float: left; display: block; background: #0b4293; }
    .about .bg-block .rt-block h2 { font-size: 14px; line-height: 25px; padding: 0 10px; margin: 0 0 0; text-align: justify; }
    .lt-block { position: relative; right: 0; z-index: 1; float: right; width: 100%; padding: 0 0; margin: 0; top: 0; }
    .course-details .services-box p { font-size: 13px; line-height: 25px; text-align: justify; color: #000; }
    .course-details .services-box h4 { font-size: 20px; text-transform: uppercase; font-weight: bold; font-family: revert; color: #00253e; }
    .course-details .services-box { position: relative; margin: 10px; cursor: pointer; padding: 10px 35px 10px 20px; width: 100%; border-bottom: 5px solid #e4e6ee; background-image: linear-gradient(#fff, #f2efef); }
    .contant-text p { font-size: 11px; line-height: 18px; }
    .why-text { position: relative; margin: 0 0 0 0; padding: 10px 0px; background: #fff; width: 100%; overflow: hidden; }
    .why-text h2 { text-align: center; text-transform: uppercase; padding: 10px 0 20px; font-weight: normal; font-size: 22px; line-height: 35px; font-family: 'Carter One', cursive; color: #003a62; letter-spacing: 1px; font-style: normal; }
    #footer { width: 100%; padding: 2em 0 0; margin: 0; background: #ececec; }
    .about .bg-block .rt-block { padding: 0em 0 0 15px; margin: 0; width: 98%; }
    img.running { width: 10%; }
    
}

@media(max-width:440px){
    /*=== Home Peag Start ===*/
    .course-details .services-box h4 { font-size: 15px; }
    .course-details .services-box p { font-size: 13px; line-height: 23px; text-align: justify; }
    .foter-block .footer-menu h3 { font-size: 15px; line-height: 30px; padding: 0 0 0 10px; }
    .about .bg-block .rt-block #typed { font-size: 11px; line-height: 20px; padding: 0; font-weight: normal; }
    .course-details .services-box {  width: 46%; }
  
  
  
}
@media(max-width:420px){
    /*=== Home Peag Start ===*/
    .text-slider-bann { position: relative; margin: 0 0; padding: 20px 0px; }
    .text-slider-bann .text-ban p { font-size: 12px; line-height: 20px; }
    .about .video-w3l { background: rgba(227, 189, 254, 0.3); height: 325px; text-align: center; margin: -101px 0 0 0; }
    .course-details .services-box p { font-size: 12px; line-height: 22px; text-align: justify; }
    .testimonial .testimonial-text p { font-size: 10px; line-height: 15px; list-style: none; padding: 5px 0 0;}
    #footer p { font-family: auto; font-size: 11px; line-height: 20px; } 
    .course-details .services-box {  width: 90%; }
    .marquee-fixd h2 { padding: 10px 0; font-family: 'Carter One', cursive; font-size: 20px; line-height: 40px }
    .why-text h2 { padding: 10px 0; font-family: 'Carter One', cursive; font-size: 20px; line-height: 40px }    
    #footer p { font-family: auto; font-size: 9px; line-height: 17px; }
    .foter-block .footer-menu ul.social-li li a { padding: 1px 7px; margin: 10px 0 0; font-size: 10px; line-height: 20px; }
    a.log { font-size: 10px; padding: 8px 20px; background: linear-gradient(90deg, rgb(8, 141, 230) 15%, rgb(255, 255, 255) 6%); }
    .about .bg-block .rt-block #typed { font-size: 12px; line-height: 15px; padding: 0; }
    .text-slider-bann .text-ban p { font-size: 12px; line-height: 20px; }
    .contant-text { position: relative; z-index: 1; overflow: hidden; padding: 110px 0 50px; }
    .contant-text h2 { font-size: 26px; line-height: 40px; padding: 0; margin: 0 0; font-weight: normal; }


}   
@media(max-width:400px){
    /*=== Home Peag Start ===*/    
    
    
    
}

@media(max-width:385px){
    /*=== Home Peag Start ===*/
    .navbar-default .top-block .lt ul li { font-size: 12px; font-family: auto; letter-spacing: 1px; }
    .navbar-default .top-block .rt ul li a { color: #FFF; border: 1px solid #fff; padding: 6px 10px; font-size: 11px; border-radius: 5px; margin: 0 2px;}

}
    
@media(max-width:375px){
    /*=== Home Peag Start ===*/ 
    .navbar-default .top-block { width: 100%; position: relative; padding: 5px 0; margin: 0 0; background-image: linear-gradient(to bottom,#003d66,#0067ac,#00558e,#00385d,#013e66); }
    
    .market-text h2 { font-family: 'Carter One', cursive; font-size: 15px; line-height: 30px; }
    .contant-text h2 { font-size: 15px; line-height: 20px; padding: 30px 0 0; margin: 0 0; }
    
}

@media(max-width:365px){
    /*=== Home Peag Start ===*/


}


@media(max-width:350px){
    /*=== Home Peag Start ===*/
    .contant-text h2 { font-size: 15px; }

}

@media(max-width:320px){
    /*=== Home Peag Start ===*/

}