/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v56/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{
	font-family: "Oswald", sans-serif; background:#952F2F;
}
.blur-up {
                     -webkit-filter: blur(3px);
                     filter: blur(3px);
                     transition: filter 400ms, -webkit-filter 400ms;
                 }
             
                 .blur-up.lazyloaded {
                     -webkit-filter: blur(0);
                     filter: blur(0);
                 }
a:hover{
	text-decoration: none;
}
p{
	margin:0;
}
button:focus{
	outline: none;
}
header {
    position: relative;
}
.bg-themecolor{
	background-color:#666666 !important;
}
.m-0{
    margin: 0 !important;
}
.mt-10{
	margin-top: 10px;
}
.mt-25{
	margin-top: 25px;
}
.mr-20{
	margin-right: 20px;
}
.p-5{
    padding: 5px !important;
}
.flex-box {
    display: flex;
}
.header-top {
    background: #1f2227;
}
.header-top .social-icons ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-top .social-icons ul li {
    display: inline-block;
}
.header-top .social-icons ul li a {
    border-right: 2px solid red;
    display: inline-block;
    width: 120px;
    height:60px;
    line-height: 55px;
    text-align: center;
    color: #FFFF66;
}
.header-top .social-icons ul li a:hover{
	color: #fbdf06;
}
.external-links{
	text-align: right;	
}
.external-links a:hover{
	color: #fbdf06;
}
.external-links a {
    color: #caa248;
    line-height: 35px;
    font-size: 14px;
    font-weight: 500;
}
.logo img{
	width:250px;display: block;
  margin: auto; margin-bottom:20px;
	}
/*.logo img{
	width: 100px;
    height: 88px;
    float: left;
}*/


a.nav-link {
	color:black;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	padding: 8px 15px !important;
}

.about-school {
    padding: 40px 0;
}
.about-school h2 {
    color: #0e3e5e;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.about-school h3{
    font-size: 21px;
    color: #0e3e5e;
    margin-bottom: 15px;
    font-weight: 500;
}
.about-school p {
    margin-bottom: 10px;
    font-family: "Oswald", sans-serif;
    font-size: 19px;
    color:white;
    line-height: 33px;
}
.about-school p span {
    font-weight: 700;
    color: #363898;
}
.verticle-align{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.verticle-align img{
	box-shadow: 2px 7px 6px 0px #33333394;
    border-radius: 7px;
}
.about-school {
    padding: 50px 0;
    background:#666666;
    position: relative;
    margin: 50px 0 0 0;
}
.three-section{
	margin-bottom: 0px;
}
.about-school:before {
    content: '';
}
.event-section{
	padding: 50px 0;
	position: relative;
}
.event-section .event-head-text{
	position: relative;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #cda04d;
    margin: 15px 0 60px 0;
    font-size: 30px;
}
.event-section .event-head-text:before{
	content: '';
    width: 245px;
    height: 2px;
    background: #cda04d;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.event-section .event-head-text:after {
    content: '\f073';
    position: absolute;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    color: #cda04d;
    bottom: -35px;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    padding: 5px 15px;
}
.home-gallery .event-head-text{
	position: relative;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #252767;
    margin: 15px 0 60px 0;
    font-size: 30px;
}
.home-gallery .event-head-text:before{
	content: '';
    width: 245px;
    height: 2px;
    background: #363898;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.home-gallery .event-head-text:after {
    content: '\f030';
    position: absolute;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    color: #363898;
    bottom: -35px;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    padding: 5px 15px;
}
.item-box img {
    display: block;
    width: 200px !important;
    height: auto !important;  
    margin: auto !important;  
	transition: 1s;
}
.event-section .owl-nav {
    display: none;
}
.event-section .owl-dots {
    display: block;
    margin-top: 5px;
    text-align: center;
}
button.owl-dot{
	width: 10px;
    height: 10px;
    background: #363898 !important;
    border-radius: 50%;
    margin-right: 5px;
}
/*.item-box figcaption{
	font-size: 14px;
	text-align: center;
	margin: 20px 0;
}
.item-box figcaption a{
	color: #363898;
	font-weight: 700;
}
.item-box figcaption a:hover{
	color: #f00;
}

.item-box{
	overflow: hidden;
	cursor: pointer;
}
.item-box:hover img{
	transform: scale(1.1);
	transition: 1s;
}*/
.event-section:before{
	content: '';
    background: url(../images/bg-01.jpg)no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0.1;
}
.home-gallery { margin:50px; text-align:center;
   
}
.testimonials {
    background-size: cover;
}
.testimonials-box img{
    width: 115px !important;
    margin: auto;
    height: 115px;
    border-radius: 50%;
}
.testimonials-box p{
    color: #e8e8e8;
    margin: 30px;
    text-align: center;
    font-weight: 600;
}
.testimonials .owl-dots {
    display: none;
}
.testimonials button.owl-prev {
    position: absolute;
    top: 45%;
}
.testimonials button.owl-prev span{
    font-size: 45px;
    color: #ff0;
}
.testimonials button.owl-next{
    position: absolute;
    top: 45%;
    right: 0;
}
.testimonials button.owl-next span{
    font-size: 45px;
    color: #ff0;
}
.testimonials-box figcaption{
    color: #fff;
    font-family: "Oswald", sans-serif;
    text-align: center;
}
.testimonials-box figcaption h4{
    margin-top: 20px;
}
.testimonials-box figcaption p{
    margin: 10px;
}
#lightgallery li{
    margin-bottom: 20px;
}
#lightgallery li figcaption {
    background: #0e3e5e;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 5px;
}
#lightgallery li a img {
    width: 300px;
    height:500px;
    border: 2px solid #3F51B5;
    padding: 5px;
}
.blue{
    color: #0e3e5e !important;
}
.gallery-img-wrap {
    position: relative;
}
.gallery-img-wrap .overlay-sec {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000009c;
    transform: scale(0);
    transition: .5s;
}
.gallery-img-wrap:hover .overlay-sec{
    transform: scale(1);
    transition: 0.5s;
}
.gallery-img-wrap .overlay-sec i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fedd1c;
    border: 1px solid #fedd1c;
    padding: 10px;
}
.viewmoreBtn{
    color: #797878;
    border: 1px solid #fedd1c;
    font-weight: 600;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 25px;
    display: inline-block;
}
.viewmoreBtn:hover {
    text-decoration: none;
    background: #fedd1c;
    color: #292828;
}
footer {
    background: #663366;
    padding: 60px 0px 40px 0px;
}
.footer-logo p {
    color: #d6d6d6;
    font-size: 14px;
    text-align: justify;
    margin-top: 20px;
}
.footer-logo ul{
    padding:0;
    margin-bottom: 0;
    list-style: none; 
    margin-top: 20px;
}
.footer-logo ul li{
    display: inline-block;
    margin-right: 5px;
}
a.fb {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #3b5998;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
a.twitter {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #55acee;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
a.youtube {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #e52d27;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
a.linkedin {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #0073b0;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
a.instagram {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #e03b6a;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.imp-links h3{
    color: #cda04d;
    font-size: 26px;
    margin-bottom: 30px;
    font-family: "Oswald", sans-serif;
}
.imp-links ul{
    padding: 0;
    list-style: none; text-transform:uppercase;
}
.imp-links ul li a {
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #525252;
    color: #c7c7c7;
    position: relative;
    font-size: 20px;
}
.imp-links ul li a:before{
    margin-right:10px;
    display: inline-block;
}
.address h3{
    color: #cda04d;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.addIcon{
    display: flex;
    margin-bottom: 17px;
}
.addIcon p{
    color: #c7c7c7;
}
.addIcon i{
    color: #cda04d;
    margin-right: 10px;
    margin-top: 3px;
    border: 1px solid #cda04d;
    display: inline-table;
    padding: 7px;
    background: #1f2227;
}
.addtext p a{
    color:#c7c7c7; 
}
footer h3{
    position: relative;
}
footer h3:after {
    content: '';
    position: absolute;
    bottom: -10px;
    background: #cda04d;
    width: 60px;
    height: 3px;
    left: 0;
}
.copyright-section {
    background: #17191d;
    padding: 15px 0;
}
.copyright-section .copyright-text p{
    font-size: 14px;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
    color: #c3bfbf;
}
.designed-text p{
    color: #c3bfbf;
    font-size: 14px;
}
.designed-text p a{
    color: #fedd1c;
    margin-left: 5px;
}
.overlay{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000052;
}

#flexcss{
    display: flex; margin-top:40px;
    justify-content: space-around;
}

.imp-links p{
    color: #ccc;
    font-size: 18px; font-family: "Oswald", sans-serif;
}
.footer-logo h1 {
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #c29c4c;
}
.escort-location {
    background: #0e3e5e0d;
    padding: 30px;
}
.escort-location .head-text{
    text-align: center;
    color:white;
    font-family: "Oswald", sans-serif;
    margin-bottom: 30px;
}
ul.escort-city{
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.escort-city li{
    display: inline-block;
}
ul.escort-city li a {
    color: #ffffff;
    padding: 8px 10px;
    display: inline-block;
    font-size: 22px;
    background: #663366;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    transition: 0.5s;
}
ul.escort-city li a:hover{
    color: #fff;
    background: #333;
    transform: translateY(-2px);
    box-shadow: 1px 1px 5px 0px #000;
    transition: 0.5s;
}
#testimonials .testimonials-box figcaption .star i{
    color: orange;
}
.testimonials{
    position: relative;
}
.testimonials-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0009;
    top: 0;
    left: 0;
}
.escort-type ul{
    padding: 5px;
    margin: 0;
    list-style: none;
}
.main-content {
    padding: 50px 0;
    background: #952F2F;
}
.escort-type {
    background: #958A2F;
    margin-bottom: 30px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.escort-type h3{
    font-size: 24px;
    color: #ffa500;
    background:red;
    padding: 6px 15px;
    font-family: "Oswald", sans-serif;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
}
.escort-type ul li a {
    display: block;
    border-bottom: 1px dashed white;
    padding: 10px;
    color: #fff;
    font-size:16px; font-weight:800;
    text-transform:uppercase;
    padding-left: 0px;
}
.escort-type ul li a:hover{
    color: #ff0;
}
.escort-type ul li a::before{
    position: absolute;
    left: 0px;
    top: 10px;
    font-family: "Oswald", sans-serif;
}
.content-sec h3 {
    font-size: 29px;
    color: #fff;
    font-family: "Oswald", sans-serif;
}
.head-text {
    text-align: center;
    color: #ffffff;
    font-family: "Oswald", sans-serif;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 30px;
}
.content-sec p {
    text-align: justify;
    color:white;
    font-size:20px;
    line-height: 29px;font-family: "Oswald", sans-serif;
    margin-bottom: 20px;
}
.book-now img{
    width: 100%;
    height: 100%;border: 1px solid black;
  padding: 10px;
  border-radius: 10px;
}
.book-now h3{
    font-size: 24px;
    color: #ffa500;
    background: #000000;
    padding: 6px 15px;
    font-family: "Oswald", sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
}
.img-rel{
    position: relative;
}
.img-over{
    position: absolute;
    top: 15px;
    left: 15px;
    width: 90%;
    height: 90%;
    padding: 10px;
	
}
.img-over a{
    top: 0%;
   
}
.img-over:hover {
    background: none;
}
.img-over:hover a{
    display: block;
}
.img-rel figcaption{
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #000;
    font-weight: 600;
    font-family: initial;
    font-size: 18px;
    line-height: 19px;
}
.content-section p{
    color: #fff;
    font-size:20px;
    text-align: justify;
    margin-bottom: 15px;
    line-height:32px;
	font-family: "Oswald", sans-serif;
}
.gallery{
    padding: 50px 0;
}

/*flip css*/
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono");


.flip {
  position: relative;
}
.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: .5s;
  transition-property: transform, opacity;
}
.flip > .front {
  transform: rotateY(0deg);
}
.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip:hover > .front {
  transform: rotateY(180deg);
}
.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}

.flip {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1em;
  width: 100%;
}
.flip > .front,
.flip > .back {
  display: block;
  color: white;
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  height: 220px;
  padding: 2em 2em;
  background: #6633CC;
  border-radius: 10px;
}
.back a{
    border: 1px solid #fff;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
}
.back a:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}
.flip > .front p,
.flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #999;
  margin-bottom: 10px;
}

.text-shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 22px;
    bottom: 18px;
    position: absolute;
}

/*flip css*/

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #ff0;    }
    100%{   color: #f00;    }
}
p.blinking.cus {
    font-weight: 800;
    font-size: 24px;
    font-family: lobster;
    position: absolute;
    bottom: 53px;
    right: 28px;
}
.whatsapp {
    width: 40px;
    height: 40px;
    background: green;
    text-align: center;
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 9999;
}
.whatsapp a i{
    color: #fff;
    line-height: 40px;
    font-size: 28px;
}
.api.whatsapp{
    display: none;
}

.breadcrumb-section {
    background: #1f2227;
    padding: 40px 0;
}
.breadcrumb-section h2{
    text-align: center;
    color: #fff;
}
.breadcrumb-section ul {
    text-align: center;
    padding: 0;
    margin: 0;
}
.breadcrumb-section ul li a{
    color: #fff;
}
.breadcrumb-section ul li i{
    color: #fff;
}
.breadcrumb-section ul li{
    display: inline-block;
    margin-right: 10px;
}
.head-section.about-bg {
    position: relative;
}
.head-section.about-bg h3 {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ff0101;
    text-align: center;
}
.head-section.about-bg p {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%);
}
.head-section.about-bg p a{
    color: #fff;
    z-index: 999999;
}
ol.list-style{
    display: inline-block;
}
ol.list-style li {
    color: #fff;
    line-height: 38px;
}
.float-image{
    float: right;
    width: 46%;
    border: 4px solid #fff;
}
ul.escort-city-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.escort-city-list li a {
    color: #fff;
    border-bottom: 1px dashed #fff;
    display: block;
    padding: 8px;
}
ul.escort-city-list li a:hover{
    background: #000;
    color: #fff;
}
.escort-rates{
    padding: 40px 0;
    background: #ccc;
}
#rate-table thead{
    background: #0e3e5e;
    color: #fff;
}
#rate-table tbody td a{
    color: #fff;
}
#profile-table td {
    padding: 3px;
    vertical-align: top;
    border-top: 1px solid #000000;
    color: #fff;
}
.button-section ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.button-section ul li {
    display: inline-block;
    margin-right: 20px;
}
.button-section ul li a {
    display: inline-block;
    color: #fff;
    margin-top: 15px;
    border: 1px solid #000;
    font-size: 14px;
    padding: 10px 20px;
    background: #E91E63;
}
.button-section ul li a:hover{
    background: #000;
    color: #fff;
}

@media screen and (min-width: 992px){
	.center-nav{
		width: 100%;
	    display: flex;
	    justify-content: center;
	}
	a.nav-link {
        color:black;
        text-transform: uppercase; background-color: yellow;letter-spacing: 0;
    text-transform: uppercase;
    padding: .3rem 1rem;
    font-family: Fira Sans Extra Condensed, sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    transition: all .2s;
    transform: rotate(2deg);
        font-size: 22px; margin:10px;
        padding: 8px 20px !important;
    }
}
@media screen and (max-width: 992px){
    .head-section.about-bg h3 {
        position: absolute;
        z-index: 99;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ff0101;
        font-size: 10px;
    }
    .float-image {
        float: none;
        width: 100%;
        border: 4px solid #fff;
    }
    .footer-logo{
        margin-bottom: 20px;
    }
	
	.header-top .social-icons ul li a {
	    border-right: 1px solid #777777;
	    display: inline-block;
	    width: 30px;
	    height: 35px;
	    line-height: 35px;
	    text-align: center;
	    color: #fff;
	}
	ul.navbar-nav.center-nav {
    	border-top: 1px solid #b5b5b573;
	}
	a.nav-link {
	    vertical-align: top;
    background-color: yellow;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: .3rem 1rem;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    transition: all .2s;
    transform: rotate(2deg);
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
	margin:10px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
	}
	.dropdown-toggle::after {
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: 0.255em;
	    vertical-align: 0.255em;
	    content: "";
	    border-top: 0.3em solid;
	    border-right: 0.3em solid transparent;
	    border-bottom: 0;
	    border-left: 0.3em solid transparent;
	    float: right;
	    margin-top: 5px;
	}
	
}
@media screen and (min-width: 768px){
    .designed-text {
        text-align: right;
    }
	
	/*.navbar-section .container-fluid{
		position: absolute;
	    z-index: 9;
	    left: 50%;
	    transform: translateX(-50%);
	    bottom: -25px;
	}*/
	.three-section {
	    position: relative;
	    margin-top: -0px;
	    z-index: 9;
		background: #E0ADA3;
	}
    .course-head {
        text-align: center;
        position: relative;
        height: 176px;
        top: -15px;
    }
}
@media screen and (max-width: 768px){
    .header-top .col-sm-8{
        padding: 0px !important;
    }
    .header-top .col-sm-4{
        padding: 0px !important;
    }
    .hero-items .owl-nav button[type=button].owl-next {
        right: 0;
        top: 37% !important;
    }
    .hero-text p{
        margin-bottom: 15px !important;
    }
    .hero-items .owl-nav button[type=button] {
        left: 0;
        top: 37% !important;
        width: 40px;
        height: 40px;
        font-size: 20px;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    .primary-btn {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 30px !important;
        color: #060606;
        background: #cda04d;
        letter-spacing: .5px;
        font-family: oswald, sans-serif;
        text-transform: uppercase;
    }
    .single-hero-item {
        height: 240px !important;
        padding-top: 0 !important;
    }
    .hero-text h1 {
        font-size: 21px !important;
    }
    .hero-text{
        position: relative !important;
        top: -50px !important;
    }
    .set-bg {
        background-repeat: no-repeat;
        background-position: top center;
    }
    .api.whatsapp{
        display: block;
    }
    .web.whatsapp{
        display: none;
    }
    ul.escort-city li{
        display: block;
    }
    ul.escort-city li a {
        display:block;    
    }
    .about-school:before{
        display: none;
    }
    
	.navbar-section{
		background: #E0ADA3 !important;
	}
	.logo img {
		margin-bottom: 15px;
	}
    .course-head {
        text-align: center;
        position: relative;
        height: 176px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
  
    #flexcss {
        display: block;
        justify-content: space-around;
    }
    .head-section.about-bg p {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
}




.hidden {
	display: none;
}

.sticky-button {
	position: fixed;
	background-color: #25D366;
	bottom: 20px;
	left: 20px;
	border-radius: 50px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	z-index: 20;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.sticky-button svg {
	margin: auto;
	fill: #fff;
  width: 35px;
	height: 35px;
}

.sticky-button a,.sticky-button label {
	cursor: pointer;
	display: flex;
	align-items: center;
	width: 55px;
	height: 55px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.sticky-button label svg.close-icon {
	display: none;
}

.sticky-chat {
	position: fixed;
	bottom: 70px;
	left: 20px;
	width: 320px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 21;
	opacity: 0;
	visibility: hidden;
}

.sticky-chat a {
  text-decoration: none;
  font-family: 'Roboto',sans-serif;
  color: #505050;
  
}

.sticky-chat svg {
	width: 35px;
	height: 35px;
}

.sticky-chat .chat-content {
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
	overflow: hidden;
	font-family: 'Roboto',sans-serif;
	font-weight: 400;
}

.sticky-chat .chat-header {
	position: relative;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background-color: #25D366;
	overflow: hidden;
}

.sticky-chat .chat-header:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 75px;
	background: rgba(0,0,0,.040);
	border-radius: 70px 0 5px 0;
}

.sticky-chat .chat-header svg {
	width: 35px;
	height: 35px;
	flex: 0 0 auto;
	fill: #fff;
}

.sticky-chat .chat-header .title {
	padding-left: 15px;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Roboto',sans-serif;
  color: #fff;
}

.sticky-chat .chat-header .title span {
	font-size: 11px;
	font-weight: 400;
	display: block;
	line-height: 1.58em;
	margin: 0;
	color: #f4f4f4;
}

.sticky-chat .chat-text {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 20px;
	font-size: 12px;
}

.sticky-chat .chat-text span {
	display: inline-block;
	margin-right: auto;
	padding: 10px;
	background-color: #f0f5fb;
	border-radius: 0px 15px 15px;
}

.sticky-chat .chat-text span:after {
	content: 'just now';
	display: inline-block;
	margin-left: 10px;
	font-size: 9px;
	color: #989b9f;
}

.sticky-chat .chat-text span.typing {
	margin: 15px 0 0 auto;
	padding: 10px;
	border-radius: 15px 0px 15px 15px;
}

.sticky-chat .chat-text span.typing:after {
	display: none;
}

.sticky-chat .chat-text span.typing svg {
	height: 13px;
	fill: #505050;
}

.sticky-chat .chat-button {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding: 12px 20px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
	overflow: hidden;
	font-size: 12px;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
}

.sticky-chat .chat-button svg {
	width: 20px;
	height: 20px;
	fill: #505050;
	margin-left: auto;
	transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
}

.chat-menu:checked+.sticky-button label {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.chat-menu:checked+.sticky-button label svg.chat-icon {
	display: none;
}

.chat-menu:checked+.sticky-button label svg.close-icon {
	display: table-cell;
}

.chat-menu:checked+.sticky-button+.sticky-chat {
	bottom: 90px;
	opacity: 1;
	visibility: visible;
}



.call-buton .cc-calto-action-ripple {
	z-index: 99999;
	position: fixed;
	right: 1rem;
	bottom: 8rem;
	background:black;
	width: 4rem;
	height: 4rem;
	padding: 1rem;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: red;
	-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
	animation: cc-calto-action-ripple 0.6s linear infinite;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
	.call-buton .cc-calto-action-ripple i {
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  font-size: 2.2rem; }
	.call-buton .cc-calto-action-ripple:hover i {
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg); }
  
  @-webkit-keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(236, 139, 0, 0.2), 0 0 0 10px rgba(236, 139, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }

	span.num{
		position: absolute;
    color: red; font-weight:bold; font-size:18px;
    left: -30%;
    bottom: -50%;
	}







.a11y-hidden {
  position: absolute;
  left: -1000in;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0);
}

.search {
  width: 90%;
  max-width: 30rem;
  // margin-top: -20vh;
  position: relative;

  .input-bar {
    --active: #eee;
    align-items: center;
    background:yellow;
    border: 2px solid #0000;
    border-radius: 4rem; // 1rem 4rem 4rem 1rem;
    box-sizing: border-box;
    box-shadow: 0 1rem 2rem -1.5rem #0005;
    display: inline-flex;
    height: 4rem;
    overflow: hidden;
    transition: box-shadow 0.5s;
    width: 100%;

    &:focus-within {
      background: #fffffc;
      border: 2px solid #444;
      box-shadow: 0 1rem 2rem -1.5rem #0007;
      // outline: 1px dashed #888;
      // outline-offset: 0.25rem;
    }

    &:hover {
      box-shadow: 0 1rem 2rem -1.5rem #0007;
    }

    label {
      position: absolute;
      color: #888;
      left: 1.625rem;
      font-family: Lato, Arial, sans-serif;
      font-size: 1.25rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: calc(100% - 8rem);
      max-width: calc(100% - 8rem);
      display: flex;
      align-items: center;
      z-index: 0;

      span {
        visibility: hidden;
        overflow: hidden;
        max-width: 0;
        display: inline-block;
        margin: 0 0.125rem;
        transition: max-width 1s, margin 0.125s;
        transition-delay: 1s;

        &.show {
          visibility: visible;
          margin: 0 0.25rem;
          max-width: calc(100% - 8rem);
        }
      }
    }

    input {
      background: transparent;
      border: 0;
      box-sizing: border-box;
      flex: 1;
      font-size: 1.25rem;
      margin-left: 0.5rem;
      min-width: 8rem;
      outline: none;
      padding-left: 1rem;
      position: relative;
      z-index: 1;

      &::-ms-clear,
      &::ms-reveal {
        display: none;
        width: 0;
        height: 0;
      }

      &::-webkit-search-decoration,
      &::-webkit-search-cancel-button,
      &::-webkit-search-results-button,
      &::-webkit-search-results-decoration {
        display: none;
        width: 0;
        height: 0;
      }
    }

    button {
      background: transparent;
      border: 0;
      border-radius: 50%;
      color: #444;
      font-size: 1.25rem;
      margin: 0;
      outline: none;
      width: 3rem;
      min-width: 3rem;
      height: 3rem;
      transition: background-color, color;
      transition-duration: 0.25s;
      box-shadow: 0 0 2rem #0000;

      &:hover {
        background: #eee;
      }

      &:focus {
        background: #444;
        color: #fff;
      }

      &:active,
      &.active {
        background: #000;
      }

      &#dictate {
        transform: scale(0);
        transition: transform 0.5s;
        transition-delay: 1s;
        visibility: hidden;

        svg {
          display: none;
          margin: auto auto;
        }

        &.show {
          visibility: visible;
          transform: scale(1);
        }

        &.active {
          i {
            display: none;
          }
          svg {
            display: block;
          }
        }
      }

      &:last-child {
        margin-right: 0.5rem;
      }
    }
  }
}

@media (prefers-reduced-motion) {
  * {
    transition: none !important;
    transition-delay: 0s !important;
  }
}

.image-gallary-section {
  display: flex;
  justify-content: center;
  align-items:center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  min-height: 100dvh;
  transition: all 0.5s ease-in-out;

  &:hover {
    > :not(:hover) {
      opacity: 0.4;
    }
  }

  .card {
    transition: transform 0.5s ease;
    height:100%;
    width:300px;
    border-radius: 10px;
    overflow: hidden;

    &:hover {
      cursor: zoom-in;
      transform: scale(1.1);
    }

    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
}
.News-footer{ position: fixed; bottom: 0 ; margin:0; width: 100%; background-color: black; display: inline-flex; overflow: hidden; white-space: nowrap; z-index:99; } 
.N-text { padding-top: 10px; vertical-align: middle; font-size: 25px; color: yellow; margin: 0; width:100%; animation: marquee 10s linear infinite; display: inline-block; padding-right: 10px; } .news{ height:auto; background-color:red; padding: 13px 30px 10px 30px; font-size:20px; color: white; z-index:9; display: block; } 
.news:after { content:''; top:0; transform:translateX(100%); width:100%; height:220px; position: absolute; z-index:99; animation: slide 5s infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */ } #news-head:before{position: absolute; content: ''; top:19px;left: 9px; display: inline-block;height: 10px; width: 10px;background: #fff;animation:at-blink .4s infinite;} @keyframes at-blink{from{opacity:0}to{opacity:1}} @keyframes slide { 0% {transform:translateX(-100%);} 100% {transform:translateX(100%);} } .t-link{color:inherit!important;list-style:none;}



.whats-float {
    position: fixed;
    transform:translate(108px,0px);
    top:50%;
    right:0;
    width:150px;
    overflow: hidden;
    background-color:BLACK;
    color: #FFF;
    border-radius: 2px 0 0 2px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    vertical-align: middle
}
.whats-float a span {
    color: white;
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform:rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align:center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform:translate(0px,0px);
}

.whats-float:hover i  {
    transform:rotate(360deg);
}