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

body {
    margin: 0;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden !important;
}

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: #1778d2;
    font-size: 11px;
    text-transform: uppercase;
    transition: all 600ms ease-in-out;
    padding: 5px 15px 5px;
    border-radius: 0;
    border: 2px solid #1778d2;
    font-weight: bold;
    font-family: 'Mukta', sans-serif;
    margin: 10px 0 0;
    display: block;
    opacity: 0.9;
    background: linear-gradient(90deg, #07060f 80%, #1778d2 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 ; }*/

.team-img img {
	width: 225px !important;
	margin: 0 auto !important;
}
.team-btm {
	text-align: center;
	padding: 22px;
}
.team-img {
	text-align: center;
}
.our-team {
	padding: 50px 0;
}
.team-btm h4 {
	font-size: 18px;
}
.gapping {
	margin-top: 30px;
}

.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: 75%;
    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: #1778d2;
    color: #fff;
    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: #1778d2;
    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: #1778d2;
}

.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;
    }
}
.roudied{
      border-radius: 10px;
}

/*BANNER*/
.banner {
    position: relative;
    width: 100%;
    padding: 0 0;
    margin: 0 0;
    background: #0e467a;
    height: 700px;
    overflow: hidden;
}

.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: #1778d2;
    transition: background 0.2s ease 0s;
    border-bottom: 3px solid #d1d1d1;
}

.banner .banner-text a:hover {
    background: #1778d2;
    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: 9;
    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: #072847;
}

.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.html) 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-infotech .heading-vision {
	background-color: #f0de11;
	padding: 40px;
	width: 42%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 50%;
}

/*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 135px;
	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: #1778d2;
}

.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: #fff;
	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: background 0.2s ease 0s;
	border-bottom: 2px solid #ffe000;
	margin: 30px 0 0;
	background-color: #1778d2;
}


/*-- 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%;
    overflow: hidden;
    background: url('../images/review-bg.png') no-repeat center;
    background-size: cover;
    height: 460px;

}

.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: #00000094;
}

.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: 285px;
	background: #fff;
}

.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: #1778d2;
    font-family: 'Arsenal', sans-serif;
}
.test-box .ratting i {
	color: #fc0;
}

.testimonial .test-box h4 span{
    display: block;
    font-size: 15px;
    color: #0c062d;
}
.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.html) 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: 100px 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: #ffbf00;
    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 18px;
	margin: 0;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 22px;
}

#footer ul.menu li a:hover {
    color: #fc0;
}

#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%, #1778d2 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%, #1778d2 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: 9;
        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: #1778d2;
    }

    .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%, #1778d2 10%);
    }
.banner {
	position: relative;
	width: 100%;
	padding: 0 0;
	margin: 0 0;
	background: #00395fe5;
	height: 500px;
}

    .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%, #1778d2 10%);
        margin: 3px 0 0;
    }

    .banner .banner-text h2 {
	font-family: "Roboto", Sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 27px;
}

    .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: 100%;
	padding: 155px 0 0;
}

#banner-slider {
	float: right;
	width: 100%;
	text-align: left;
	top: 0;
	position: relative;
}


#banner-slider .item img {
	width: 65%;
	height: auto;
	text-align: right;
	float: left;
}

    #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: 9;
        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: 366px 0 0;
	letter-spacing: .5px;
	color: #1778d2;
}

 .text-slider-bann img.MOB1 {
	position: absolute;
	content: "";
	top: 232px;
	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;
    }
    .cont-banner a.con-ab-home {
	color: #000c;
	text-align: left;
	padding: 3px 0 3px 7px;
	text-transform: uppercase;
	font-size: 11px;
	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;
}




}

@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: 8em 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%;
    }
.Google-map .footer-map {
	position: t;
	content: "";
	right: inherit;
	width: 100%;
	z-index: 9;
	padding: 0;
	margin-top: 20px;
	bottom: inherit;
	height: 0;
	background: #000000c7;
	border: 5px solid #0070ff;
	display: inline-block;
}


}

@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 ===*/

}
@media screen and (max-width: 992px) {
    a.log {
	text-align: center;
}
a.log {
	font-size: 10px;
	width: 75%;
	position: relative;
}
a.log i.fas {
	display: block;
	position: absolute;
	left: -7px;
	top: 9px;
}
.navbar-default .top-block .logo-block img {
	width: 167px;
	height: auto;
	padding: 3px 0 0 0;
	margin: 0;
}
.in-ban {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0px 0;
	margin: 0 0;
	height: 300px;
	background: #000000b0;
}
#banner-slider {
	float: right;
	width: 122%;
	text-align: left;
	top: 0;
	position: relative;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 20px;
	height: 300px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size: 20px;
}
.gallery-box img {
	width: 100%;
	vertical-align: middle;
	height: 190px;
	object-fit: contain;
}
.gallery-img {
	/* background: #f2f2f2; */
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: url(../images/gallery-bg.jpg) right top no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 40px 0 50px;
	padding: 10px 0 40px;
}
.why-infotech .heading-vision {
	background-color: #f0de11;
	padding: 20px;
	width: 100%;
	position: relative;
	top: inherit;
	transform: inherit;
	left: inherit;
}
.testimonial .test-dec .test-dec-left {
	width: 100%;
	float: left;
	text-align: center;
	padding: 40px 0 0;
}
.testimonial .test-dec-right img.quotes {
	position: absolute;
	content: "";
	left: 10px;
	width: 14%;
	z-index: 9;
	padding: 0;
	margin: 0;
	top: -33px;
}
.testimonial .test-dec .test-dec-right {
	position: relative;
	width: 100%;
	float: right;
	text-align: center;
	background: #fff;
	height: 258px;
}
.testimonial .test-box h4 {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 22px;
	padding: 13px 0 0;
	letter-spacing: 0;
	color: #1778d2;
	font-family: 'Arsenal', sans-serif;
}
.testimonial .test-box p {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	line-height: 26px;
	color: #0f0f0fb3;
	text-transform: capitalize;
	font-weight: bold;
	padding: 12px 1px 27px;
}
.testimonial .test-dec .test-dec-right .test-box {
	width: 100%;
	text-align: center;
	position: relative;
	border: 5px double #fc0;
	height: 311px;
	background: #fff;
}
.testimonial .test-dec .test-dec-right {
	position: relative;
	float: right;
	text-align: center;
	background: #fff;
	margin: 20px 0 0;
	height: 250px;
}
.testimonial .test-dec-right img.quotes {
	position: absolute;
	content: "";
	left: 10px;
	width: 14%;
	z-index: 9;
	padding: 0;
	margin: 0;
	top: -14px;
}
.testimonial .test-box p {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	line-height: 26px;
	color: #0f0f0fb3;
	text-transform: capitalize;
	font-weight: bold;
	padding: 12px 1px 15px;
}
.why-text .why-box p {
	font-size: 15px;
	color: #3d3d3d;
	line-height: 21px;
	margin-bottom: 25px;
}
.why-text .why-box img {
	width: 100%;
	border: 1px solid #99b1cc;
	border-radius: 0;
	padding: 3px;
	height: 228px;
	object-fit: cover;
}
.why-text .why-box p {
    font-size: 15px;
    color: #3d3d3d;
    line-height: 21px;
    margin-bottom: 25px;
    text-align: center;
}
.Google-map {
	position: relative;
	margin: 0;
	padding: 27px 0;
	width: 100%;
}
.Google-map a.con-ab-home {
	color: #fffc;
	padding: 12px 12px;
	font-size: 11px;
	background: #0070ff;
	border-bottom: 4px solid #0e5abb;
	border-radius: 40px;
	font-family: "Roboto", Sans-serif;
	line-height: 0;
	margin: -52px 0 0 22px;
	text-align: center;
	font-weight: bold;
}
.Google-map .footer-map {
	position: t;
	content: "";
	right: inherit;
	width: 100%;
	z-index: 9;
	padding: 0;
	margin-top: 40px;
	bottom: 160px;
	height: 0;
	background: #000000c7;
	border: 5px solid #0070ff;
	display: inline-block;
}
#footer {
	width: 100%;
	background: url(../images/footer-bg-r.png) no-repeat top right;
	/* background-size: auto; */
	padding: 100px 0 40px;
	background-size: cover;
	display: inline-block;
	margin: 0;
}
.Google-map .footer-map {
	position: t;
	content: "";
	right: inherit;
	width: 100%;
	z-index: 9;
	padding: 0;
	margin-top: 20px;
	bottom: inherit;
	height: 0;
	background: #000000c7;
	border: 5px solid #0070ff;
	display: inline-block;
}
.Google-map .footer-map {
	position: t;
	content: "";
	right: inherit;
	width: 100%;
	z-index: 9;
	padding: 0;
	margin-top: 40px;
	bottom: inherit;
	height: 0;
	background: #000000c7;
	border: 5px solid #0070ff;
	display: inline-block;
}
.Google-map .footer-map {
	position: inherit;
	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;
}
.Google-map .footer-map {
	position: inherit;
	content: "";
	right: initial;
	width: 100%;
	z-index: 9;
	padding: 0;
	margin: 0;
	bottom: -65px;
	height: 0;
	background: #000000c7;
	border: 5px solid #0070ff;
	display: inline-block;
}
.sf-menu li:last-child {
	padding-right: 0;
	width: 100%;
}
.why-text h2 {
	padding: 10px 0;
	font-family: 'Arsenal', sans-serif;
	font-size: 20px;
	line-height: 40px;
}
.feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}
.feature-list li {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 9px;
	color: #041b16;
}
.feature-list li .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	width: 18px !important;
	height: 18px !important;
	margin-right: 9px;
	border-radius: 100%;
	color: #FFFFFF;
	background-color: #1976d2;
}
.feature-list li {
	font-size: 14px !important;
	font-weight: 600;
	margin-bottom: 9px !important;
	color: #041b16;
}

.why-infotech {
	position: relative;
	margin: 0 0 0 0;
	padding: 0px 0 40px !important;
	background: #fff;
	width: 100%;
	overflow: hidden;
}
.text-slider-bann img.DK1 {
	position: relative;
	content: "";
	top: initial;
	left: initial;
	width: 100%;
	z-index: 9;
	padding: 0;
	margin: 0;
}
.text-slider-bann h3 {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 28px;
	padding: 5px 0 0 !important;
	letter-spacing: .5px;
	color: #1778d2;
}
.why-infotech .infotech-text {
	position: absolute;
	content: "";
	right: -70px;
	width: 75%;
	z-index: 9;
	padding: 0;
	margin: 0;
	top: 0;
	height: 100%;
}
.why-we .we-text {
	position: absolute;
	content: "";
	left: 0;
	width: 75%;
	z-index: 9;
	padding: 0;
	margin: 0;
	top: 0;
	height: 100%;
}
.why-we .we-text {
	position: absolute;
	content: "";
	left: 0;
	width: 75%;
	z-index: 9;
	padding: 0;
	margin: 0;
	top: 27%;
	/* height: 100%; */
}
.why-infotech .infotech-text {
	position: absolute;
	content: "";
	right: -40px;
	width: 75%;
	z-index: 9;
	padding: 0;
	margin: 0;
	top: 0;
	height: 100%;
}
.iner-text h3.impo {
	font-family: 'Arsenal', sans-serif;
	font-size: 22px;
	color: #000;
	font-weight: 700;
	line-height: 27px;
	margin: 0 0 10px;
	text-align: center;
	text-transform: capitalize;
}
.contact-form {
	background: #fff;
	margin: 1px auto !important;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
}


.blog-item {
	background: #fff;
	box-shadow: 0px 1px 27px -3px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.blog-item .btn-more.text-center {
	position: relative;
	z-index: 11;
}
.copy-tct p {
	font-family: 'Arsenal', sans-serif !important;
	font-size: 13px !important;
	margin-top: 20px !important;
}
.about-sec {
	padding: 65px 0;
	background: #fff;
	z-index: 1;
	position: relative;
}
.about-sec .heading h3 {
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 10px;
}
.iner-text h3 {
	font-family: 'Arsenal', sans-serif;
	font-size: 43px;
	color: #000;
	font-weight: 700;
	line-height: 41px;
	margin: 0 0 10px;
	text-align: center;
	text-transform: capitalize;
}
.our-team-para {
	font-family: 'Nunito', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #041b16;
	display: none;
}
/* Individual Team Member Card */


.team-conn:hover {
    transform: translateY(-10px);
}

/* Image Placeholder */
.team-img {
    background: #eaeaea;
    height: 200px;
    width: 100%;
    position: relative;
}

.team-img {
	background: #eaeaea;
	height: 200px;
	width: 100%;
	position: relative;
	display: none;
}

/* Team Member Info */
.team-btm {
    padding: 20px;
}

.why-about h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333333;
    margin: 0;
    margin-bottom: 10px;
}

.our-team-para {
    font-size: 0.95rem;
    color: #666666;
    line-height: 1.6;
    text-align: justify;
}
.team-btm  p{
    display: none;
  transition: all 0.6s;
}
.team-btm:hover .our-team-para{
    	display: block;
}
.profile-con {
background: linear-gradient(to top, #3c1053, #ad5389);
	color: #fff;
	padding: 25px;
	text-align: center;
	border-radius: 15px;
}
.profile-name h4 {
	font-size: 23px;
	margin-bottom: 10px;
}
.profile-name .dec{
    font-size:20px;
    font-weight: 700;
    font-family: 'Arsenal', sans-serif;
}
.proflie-content {
	opacity: 0;
	display: none;
  transition: all 0.6s;
}
.proflie-content p{
    color: #fff;
}
.profile-con:hover .proflie-content {
	opacity: 1;
	display: block;
  transition: all 0.6s;
}
.profile-con:hover .proflie-content p {
color: #fff;
}