@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-family: "Fjalla One", sans-serif; background:#181C39}
.clear{ clear:both;}
.banner{width:100%;display:inline-block;margin-bottom: 3%;}
.left-side-box{width: 18%;height:auto;float:left;margin: 0;}
.right-side-box{width: 18%;height:auto;float:left;margin: 0;}
.middile-box{width: 80%;float:left;position: relative;margin: 0 1% 0 1%;}
.middle-img-box{width: 204px;height:auto;float:left;margin: 0 1% 0% 1%;}
.call{text-decoration:none;color: #99FF99;font-size: 20px;font-weight:bold}
.call:hover{text-decoration:none;color: #99FF99;font-size: 20px;font-weight:bold}
.email{text-decoration:none;color: #99FF99;font-size: 15px;font-weight:bold}
.email:hover{text-decoration:none;color: #99FF99;font-size: 15px;font-weight:bold}
h1 {color: #F8E146;margin-bottom: 15px;font-size: 26px; font-weight:bold; text-transform:uppercase}
.black_bg h1 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde; text-align: center;}
.vertical-menu h1 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h1 {color: #c40747;}
.black_bg h1 {color:#fff;}
.vertical-menu h1 {color:#fff;}
h2 {color: #F8E146;margin-bottom: 15px;font-size:24px; font-weight:bold; text-transform:uppercase}
.black_bg h2 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h2{padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h2 {color: #c40747;}
.black_bg h2 {color:#fff;}
.vertical-menu h2 {color:#fff;}
h3 {color: #F8E146;margin-bottom: 15px;font-size: 20px; font-weight:bold; text-transform:uppercase}
.black_bg h3 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h3 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h3 {color: #c40747;}
.black_bg h3 {color:#fff;}
.vertical-menu h3 {color:#fff;}
h4 {color: #F8E146;margin-bottom: 15px;font-size: 18px; font-weight:bold; text-transform:uppercase}
.black_bg h4 {padding: 10px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h4 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h4 {color: #c40747;}
.black_bg h4 {color:#fff;}
.vertical-menu h4{color:#fff;}
h5 {color: #F8E146;margin-bottom: 15px;font-size:16px; font-weight:bold; text-transform:uppercase}
.black_bg h5{padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h5 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h5 {color: #c40747;}
.black_bg h5 {color:#fff;}
.vertical-menu h5 {color:#fff;}
h6 {color: #F8E146;margin-bottom: 15px;font-size:14px; font-weight:bold; text-transform:uppercase}
.black_bg h6 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h6 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h6 {color: #c40747;}
.black_bg h6 {color:#fff;}
.vertical-menu h6 {color:#fff;}

.strong {color:#FFCC66}
.img-box:hover .overlay {
  height: 100%;
}
.text {
  color: white;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.text button {
  color: #000 !important;
text-transform: uppercase;
text-decoration: none;
background: #EFFD12;
padding: 20px;
border-radius: 0px 30px;
}
.text button:hover {
  background: #EFFD12;
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}
/**Ends**/
.orange {background-color: #ff5722;color: #fff!important;margin-top: 40px;}
.bgc {display:inline-block;background: #ff5722;border: 2px solid #DC271C;padding: 5px;}
.bgc a {color: #17a2b8;}
.col-lg-10 span {float:right;display:inline-block;color: #ff5722;font-weight: bold;}
.col-lg-10 b {display: inline-block;}
img { width:100%; border-radius:10px;}
.main {background-color:background: #ff5722; max-width: 1140px;height: auto;margin: 0 auto;}
.vertical-menu {
    width: 100%;
    background-color: #333333;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
}
.vertical-menu a {
	text-transform:uppercase; 
    display: block;
    padding: 5px 2px;
    text-decoration: none;
    border-bottom: dotted 1px yellow;
    font-size:16px;
	color: white;
}
.vertical-menu a:hover {
   /* background-color: #ccc;*/
}
.vertical-menu a.active {
    background-color: #4CAF50;
    color: white;
}
.mpt {text-align:justify;padding: 20px 20px 20px 20px;width: 100%;margin: 0 1%  0 0%;line-height: 38px; position: relative; font-size:18px;font-weight:600;border: double;border-width: 2px 4px;border-radius: 30px; margin-bottom:10px;}
.margin-top { margin-top:20px;}
.black_bg {background: #191837;padding: 15px;border: 2px solid #FAE006;position: relative;margin-bottom: 20px;border: double;border-width: 2px 4px;border-radius: 30px;}
select {
    width: 100%;
    padding: 3px;
    border: 1px solid #0000;
	background-color:#FF0000
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
	color:#FFFFFF;
    border: 0;
    border-top: 1px solid #383636e6;
    }
.bgeffect{
    width: 210px;height: 35px; padding:4px 0 0 75px; color:#FFFFFF;}
.bgeffect1{width: 194px;height: 35px;  padding:4px 0 0 75px; color:#FFFFFF;}
.bgeffect b{ font-size:20px;}
.bgeffect1 b{ font-size:20px; text-transform:uppercase}
.img-box a{ text-decoration:none;}
.img-box{background-color: #000;border: 2px solid #EFFD12;width: 100%;height: auto;position: relative;border: dashed; border-radius: 10px 40px;}
.img-box p{font-size: 13px;padding: 22px 10px 10px 10px;color: #481202;text-align:center;line-height: 18px;}
.corner-left-top{background-color: #fff0;width: 20px;height: 20px;position:absolute;border-top: 5px solid #FAE006;}
.corner-right-top{background-color: #fff0;width: 20px;height: 20px;position:absolute;border-top: 5px solid #FAE006;}
.corner-left-bottom{background-color: #ffffff00;width: 20px;height: 20px;position:absolute;border-top: 5px solid #FAE006;}
.corner-right-bottom{background-color: #ffffff00;width: 20px;height: 20px;position:absolute;border-top: 5px solid #FAE006;}
footer{background-color: #333333;color: #fff;border: outset gold;border-width: 2px 4px;border-radius: 30px;}
footer p{ font-size:20px}
footer a{ color:#fff;}
footer a:hover{ color:#ff5722;}
.social{background-color: #ff5722;border-radius:20px;width: 35px;height: 35px;line-height: 32px;}
.imgcitybox {
    width: 40%;
    padding: 1px;
    border: 2px solid #f2de72;
    margin: 0px 20px 5px 0px;
    float: left;
}
.city-text{ color:#fff; text-align:center; padding:0 20px; line-height:20px;}
.details-left{width: 28%;height:auto;background-color: black;float:left;margin: 0 2%;padding: 2% 1%;position: relative;border: 2px solid #FAE006;}
.details-left h3{text-align:center;color:White;border-bottom: 2px solid #fff;font-size: 32px;padding: 0px 0px 20px 0px;}
.details-left p{text-align:center;color: white;}
.details-left b{text-align:center;color: #ff5722;font-size: 21px;padding: 0px 0px 10px 0px;display:  block;}
.details-right{width:50%;height:auto;float:left;}
.statstable{color:#fff;margin-bottom: 10px;}
.statstable td{border:1px solid #fff;padding: 5px;font-size: 14px;}
.detail-img{width: 48%;float:left;margin-bottom: 4%;/* border: 4px solid #FAE006; */box-shadow: #000000ad 0px 1px 10px;padding: 4px 4px 8px 4px;background-color: #FAE006;}
.detail-img-mr{ margin-right:4%;}
.footer-city a{ color:#fff; text-decoration:none;}
.keyword{display: inline-block;margin: 0px 10px 20px 10px;}
.keyword ul{ margin:0px; padding:0px;}
.keyword ul li{list-style:none;display:block;float:left;position:relative;background: linear-gradient(#0000, #f9902b);font-family: "Fjalla One", sans-serif;
  font-size:16px;
  color:#f9902b;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;box-shadow: #000000a3 0px 0px 2px;border-top: 1px solid #04040485;border-bottom: 1px solid #04040485;border-left: 4px solid #040404ab;border-right: 4px solid #040404ab;padding: 2px 23px 2px 23px;margin: 5px 5px 5px 5px;border-radius: 14px;}
.keyword ul li a{font-family: "Fjalla One", sans-serif;line-height: 26px;text-decoration:none;color: white;font-size: 14px;}
.footer-keyword{display: inline-block;margin: 21px 10px 0px 10px;color: white;}
.footer-keyword a{font-family: "Fjalla One", sans-serif;line-height: 26px;text-decoration:none;color: white;font-size: 14px;}
.contact-box {
    width: 100%;
    display: block;
    height: 40px;
    position: fixed;
    color: #fff;
    z-index: 99999;
    text-align: right;
    padding: .5% 10% 0 10%;
}
@media (max-width:500px)
{.main{background-color:#ff5722;width:100%;margin: 0 auto;}
 .middile-box {
    width:100%;
    float: left;
    position: relative;
    padding: 0;
}
.menu-box-black{width:100%;}
.menu-box-orange{width:100%;}

.kboleft1{display:none;}
.kboright1{display:none;}
.menu-box-black1{ width:100%;background: linear-gradient(#fc7c01, #f9902b);}

.mpt{width: auto;margin-bottom:20px;}
.border-right {
    border-right: 1px solid #ffffde00!important;
}
.bgeffect {
    width:100%;
    height: 35px;
	padding:4px 0 0 75px;
	color:#FFFFFF;
    border-top: 2px solid #7a3b18;
}

.bgeffect1 {
    width:100%;
    height: 35px;
	padding:4px 0 0 90px;
	color:#FFFFFF;
    border-top: 2px solid #7a3b18;
}

.bgeffect b{ font-size:18px;}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display:block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.left-side-box{width: 100%;height:auto;float:left;margin: 0;}
.right-side-box{width: 100%;height:auto;float:left;margin: 0;}
.middile-box{width: 100%;float:left;position: relative;margin: 0;}
.middle-img-box{width: 100%;height:auto;float:left;margin: 0;}




.bg-dark {
    background-color: #000!important;
}

.banner{margin-top: 30%;}

.keyword{width:100%;display: inline-block;margin: 21px 10px 0px 10px;display: none;}
.keyword ul{ margin:0px; padding:0px;}
.keyword ul li{width: 92%;list-style:none;display:inline-block;float:left;position:relative;background: linear-gradient(#fc7c01, #f9902b);box-shadow: #000000a3 0px 0px 2px;border-top: 1px solid #04040485;border-bottom: 1px solid #04040485;border-left: 4px solid #040404ab;border-right: 4px solid #040404ab;padding: 2px 10px 2px 10px;margin: 5px 5px 5px 5px;border-radius: 14px;}
.keyword ul li a{font-family: "Fjalla One", sans-serif;line-height: 26px;text-decoration:none;color: white;font-size: 14px;}

.navbar-collapse{ margin-top:20px;}



.details-left{width: 100%;height:auto;background-color: black;float:left;margin: 0 0 10% 0;padding: 2% 3%;position: relative;border: 2px solid #FAE006;}

.details-right{width:100%;height:auto;float:left;}


.detail-img{width: 100%;float:left;margin-bottom: 4%;border: 4px solid #FAE006;box-shadow: #000000ad 0px 1px 10px;}
.detail-img-mr{ margin-right:4%;}

.contact-box {
      width: 100%;
    display: block;
    height: 40px;
    position: fixed;
    color: #fff;
    z-index: 9999;
    text-align: right;
    padding: 0% 5% 5% 5%;
    font-size: 12px;
}

    }
	
.social_bar div{width:30%;display:inline-block;text-align:center;font-size:14px}
.social_bar{width:100%;padding:8px 0;background-color:rgba(50,50,50,.8);bottom:35px;}


.social_bar{position:static}
@media screen and (min-width:769px){.social_bar{position:absolute}}
* {
 box-sizing: border-box;
}

.row {
 display: -ms-flexbox; /* IE10 */
 display: flex;
 -ms-flex-wrap: wrap; /* IE10 */
 flex-wrap: wrap;
 padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
 -ms-flex: 25%; /* IE10 */
 flex: 25%;
 max-width: 25%;
 padding: 0 4px;
}

.column img {
 margin-top: 8px;
 vertical-align: middle;
 border:solid  #F60;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
 .column {
   -ms-flex: 50%;
   flex: 50%;
   max-width: 50%;
 }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
 .column {
   -ms-flex: 100%;
   flex: 100%;
   max-width: 100%;
 }
}
$theme-dark: #262626;
$theme-light: invert($theme-dark);
$theme-orange: #f90;
$theme-tomato: #b53;
$theme-purple: #95a;

:root { --r: 50px }

.box { /* these are all the essential styles */
    overflow: hidden;
    position: relative;
    margin: .5em auto 0;
    padding: var(--r);
    width: calc(100% - 2*var(--r) - 1em);
    max-width: 47em;
  min-height: 10em;
    border-radius: 1em;
    color: #fff;
    
    &:before {
    position: absolute;
        z-index: -1;
        top: 0; left: 0;
        margin: calc(-1*var(--r));
    padding: inherit;
        border-radius: 50%;
        box-shadow: 0 0 0 85em rgba(#95a, .875);
    content: ''
  }
}

/* JUST PRETTYFYING STUFF, NOT ESSENTIAL FOR A WORKING DEMO */

//* slider variables */
$track-w: 90vw;
$track-h: .25em;
$thumb-d: 1.5em;

//* slider mixins */
@mixin track() {
    box-sizing: border-box;
    border: none;
    width: 100%; height: $track-h;
    border-radius: $track-h;
    background: $theme-light
}

@mixin thumb() {
    box-sizing: border-box;
    border: none;
    width: $thumb-d; height: $thumb-d;
    border-radius: 50%;
    background: currentcolor
}

* {
    margin: 0;
    color: inherit;
    font: inherit
}


.ctabtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color .3s ease;
    margin: 0 auto;
    float: left;
}
.btn-s {
    color: var(--dar);
    background: var(--c2);
    border-color: var(--c2);
}[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.cross-btn {
    bottom: 190px;
    right: 60px;
    width: 20px;
    height: 20px;
    background: #fff;
}
.opn-btn, .call-btn, .cross-btn, .whatsapp-btn, .top-btn {
    display: inline-block;
    position: fixed;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: var(--c1);
    transition: all .3s ease-in-out;
    z-index: 1080;
    border: 0;
}
.verified {
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.verified img {
    margin-right: 4px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 1;
}
@media (max-width: 768px)
.cta-cont {
    flex-direction: column;
}
.cta-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.text-light {
    color: #f8f9fa!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.text-center {
    text-align: center!important;
}
.mt-5, .my-5 {
    margin-top: 3rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.cta-main {
    max-width: 968px;
    margin: 0 auto;
}
.ctabanner:hover img {
    transform: scale(1.05);
}
@media (max-width: 767px)
.ctabanner a>img {
    height: 11vh;
}
.ctabanner a>img {
    width: 100%;
    height: 148px;
    object-fit: contain;
    transition: transform .2s ease-in-out;
}
.ctabanner {
    position: relative;
    border-radius: 6px;
    border: 3px solid #870036;
    background: var(--c1);
    margin-bottom: 40px;
    padding-bottom: 15.2%;
    height: 0;
}@media (max-width: 768px)
.cta-cont {
    flex-direction: column;
}
.cta-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}



.tag {
    display: inline-block;
    color: var(--lig);
    padding: 1px 10px;
    border-radius: 20px;
    text-decoration: none;
    transition: all .3s ease-in-out;
    font-size: 14px;
}
.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}