@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: "MarkOT";
    color: #300905;
    line-height: 22px;
    font-size: 16px;
    background:#070a0b url(../images/bg.png) center top no-repeat; background-size: 110%;
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
    margin: 0;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

::selection {
    color: #fff;
    background-color: #1BA2E4;
}

a {
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -ms-transition: linear 0.3s;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #1c8fce;
}

button:focus,
a:focus {
    outline: none;
}

.form-control:focus,
.btn.focus,
.btn:focus {
    box-shadow: none;
}

html {
    scroll-behavior: smooth;
}

.container {
    max-width: 1280px;
}


/* reuse style */


p {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    line-height: 25x;
    padding-bottom: 14px;
}

.mb0 {
    margin-bottom: 0 !important;
}

@font-face{
    font-family: "Mark OT Bold";
    src: url("../fonts/40a15735398302b3d41fd11c805085f4.eot");
    src: url("../fonts/40a15735398302b3d41fd11c805085f4.eot?#iefix")format("embedded-opentype"),
        url("../fonts/40a15735398302b3d41fd11c805085f4.woff")format("woff"),
        url("../fonts/40a15735398302b3d41fd11c805085f4.woff2")format("woff2"),
        url("../fonts/40a15735398302b3d41fd11c805085f4.ttf")format("truetype"),
        url("../fonts/40a15735398302b3d41fd11c805085f4.svg#Mark OT Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family: "MarkOT";
    src: url("../fonts/beb17dab143435bc0344e51c89fa9005.eot");
    src: url("../fonts/beb17dab143435bc0344e51c89fa9005.eot?#iefix")format("embedded-opentype"),
        url("../fonts/beb17dab143435bc0344e51c89fa9005.woff")format("woff"),
        url("../fonts/beb17dab143435bc0344e51c89fa9005.woff2")format("woff2"),
        url("../fonts/beb17dab143435bc0344e51c89fa9005.ttf")format("truetype"),
        url("../fonts/beb17dab143435bc0344e51c89fa9005.svg#MarkOT")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family: "Blog Script Light W00 Regular";
    src: url("../fonts/81799807793949ac939547029470ebc4.eot");
    src: url("../fonts/81799807793949ac939547029470ebc4.eot?#iefix")format("embedded-opentype"),
        url("../fonts/81799807793949ac939547029470ebc4.woff")format("woff"),
        url("../fonts/81799807793949ac939547029470ebc4.woff2")format("woff2"),
        url("../fonts/81799807793949ac939547029470ebc4.ttf")format("truetype"),
        url("../fonts/81799807793949ac939547029470ebc4.svg#Blog Script Light W00 Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family: "BlogScript";
    src: url("../fonts/949ec8a90a75e3f4567ad98ee1d40405.eot");
    src: url("../fonts/949ec8a90a75e3f4567ad98ee1d40405.eot?#iefix")format("embedded-opentype"),
        url("../fonts/949ec8a90a75e3f4567ad98ee1d40405.woff")format("woff"),
        url("../fonts/949ec8a90a75e3f4567ad98ee1d40405.woff2")format("woff2"),
        url("../fonts/949ec8a90a75e3f4567ad98ee1d40405.ttf")format("truetype"),
        url("../fonts/949ec8a90a75e3f4567ad98ee1d40405.svg#BlogScript")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/* css new */
.header-content{width: 100%; display: block; border-bottom: solid 1px #202324;padding:8px 0;float: left;}
.logo{float: left; width: 20%;}
.header-right{display:block; width:65%;text-align: right;float: right;}
.header-right ul{list-style: none; width: 100%;display: inline-block;}
.header-right ul li{display: inline-block;padding-left:20px; padding-top:25px;float: left;}
.hero-left{padding-top:150px; position: relative;}
.hero-left h1{color:#fbee24;font-size: 74px;font-family: "Mark OT Bold";text-transform: uppercase;}
.hero-left h1 span{font-family: "Blog Script Light W00 Regular";font-size:90px;color: #fff;}
.hero-arrow{position: absolute; right: 0; top: 150px;}
.services-left h2{color:#000;font-size:60px;font-family: "Mark OT Bold";text-transform: uppercase;}
.services-left h2 span{font-family: "BlogScript";font-size:80px;color: #fff; display:block;
    text-shadow:5px 5px 15px rgba(0, 0, 0, 0.2);-webkit-text-fill-color: #fff; -webkit-text-stroke:1px #000;text-stroke:1px #4dd0e1; margin-top:10px;}
 
.tel a{display: inline-block; background: url(../images/tel-icon.svg) left top no-repeat; padding:30px 0 30px 85px; text-decoration: none; color:#fff;font-size: 36px; font-weight: bold;}
.whatsapp a{display: inline-block; background: url(../images/whatsapp-icon.svg) left top no-repeat; padding:30px 0 30px 85px; text-decoration: none; color:#fff;font-size: 36px; font-weight: bold;}
.services-section{background:#fbee24; position: relative; z-index: 9; width:94%; margin:0 3%; display: block; border-radius: 20px; padding:60px 40px 80px 40px;}
.services-left ul{ padding:20px 0; list-style:none; display:block;}
.services-left ul li{display: block; padding:5px 40px;font-family: "Mark OT Bold"; background: url(../images/tick-mark.svg) left 2px no-repeat; margin-bottom: 20px;font-size: 20px;}
.book-arrow {text-align: right;}
.contact-form{background:#fff; border-radius:20px; padding:30px;box-shadow: -8px 11px 0px 0px rgba(143,136,18,0.75);
-webkit-box-shadow: -8px 11px 0px 0px rgba(143,136,18,0.75);
-moz-box-shadow: -8px 11px 0px 0px rgba(143,136,18,0.75);}
.contact-form h3{font-size:50px; color:#000;font-family: "BlogScript";}
.btn-form{border-radius:40px; color:#000;background:#fbee24;padding: 10px 30px; text-transform: uppercase; margin-top: 5px; font-size:18px;font-family: "Mark OT Bold";
    box-shadow: 0px 8px 0px 0px rgba(143,136,18,0.75);
-webkit-box-shadow: 0px 8px 0px 0px rgba(143,136,18,0.75);
-moz-box-shadow: 0px 8px 0px 0px rgba(143,136,18,0.75);border:0; transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;}
.btn-form:hover{box-shadow: none; transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;}


.about-notes{background: url(../images/bg-city.png) center top no-repeat; padding-top:150px;padding-bottom:40px;display: block; width:100%;margin-top: -50px;}
.about-notes h2{color:#fbee24;font-size:64px;font-family: "Mark OT Bold";text-transform: uppercase;}
.about-notes h2 span{font-family: "Blog Script Light W00 Regular";font-size:90px;color: #fff;text-transform:none; display: block;line-height: 40px;}
.about-notes p{color:#fff; font-size:18px;line-height:26px; padding-bottom: 20px;}

footer{background:#fff; padding:60px 0; display: block;}
footer p{padding-bottom: 5px;}
footer p a{font-weight: bold; text-decoration: none;}
.foot-address strong{display: block; padding-top: 10px;}
.copyright{display: block; text-align: center; border-top: solid 1px rgba(0, 0, 0, 0.1); padding:50px 0 0 0; margin-top:40px; width: 100%;}


img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

img.vert-move2 {
    -webkit-animation: mover2 1s infinite  alternate;
    animation: mover2 1s infinite  alternate;
}
img.vert-move2 {
    -webkit-animation: mover2 1s infinite  alternate;
    animation: mover2 1s infinite  alternate;
}
@-webkit-keyframes mover2 {
    0% { transform: translateV(0); }
    100% { transform: translateX(-20px); }
}
@keyframes mover2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}
.about-notes{
   background:url(../images/bg-city.png) center top no-repeat,
    linear-gradient(45deg, black, #080821); 
  animation: 30s ease-out infinite alternate moving;
}

 
@keyframes moving {
  0% {
    background-size:130%;
    background-position:30% 50%;
  }
  50% {
    background-size: 100%;
    background-position: 0% 0%;
  }
  100% {
    background-position: 10% 40%;
    background-size: 120%;
  }
}
 

.services-left ul li{ 
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}
 .services-left ul li:hover {
    transition: 0.6s;
    transform: translateX(1em); 
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}
.header-right a:hover{color: #fbee24; text-decoration:underline;} 
.red{color:#ff0000;}
h6{font-weight: bold; padding-bottom: 10px;}
.line-sept{background:#ccc; height: 1px; width: 96%; padding:0;margin:0 2% 20px 2%;}
.pb-20{padding-bottom: 20px;}
.form-control, .datepicker{background:#f4f4f4; border:solid 1px #cccccc; margin-bottom: 20px; height: 50px;border-radius:4px; width: 100%;}
textarea{resize: none;background:#f4f4f4; border:solid 1px #cccccc;border-radius:4px; width: 100%;padding: 10px;}
header{ transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;}
header.fixed {
    position: fixed;
    top: 0;
    background: rgba(0,0,0,0.9);transition: background 0.3s;
    width: 100%;
    z-index: 99;transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}
header.fixed .logo{width: 152px;}
header.fixed .header-right ul li{padding-top: 4px;}
header.fixed .header-right{width: 66%;}



@media (max-width:1360px) {
 .container { max-width: calc(100% - 100px);}
 header.fixed .header-right {width: 73%;}
 .header-right{width: 73%;}
 .hero-arrow {right: -30px;top: 140px;}
 .services-section .container { max-width: calc(100% - 40px);}
 textarea{height: 70px;}
 .services-section{padding: 40px;}
 .copyright{padding: 30px 0 0 0; margin-top: 30px;}
 footer{padding: 40px 0 30px 0;}

}
@media (max-width: 1199.98px) {
     .tel a, .whatsapp a{font-size:28px;}
     .header-right{width: 67%;}
     .hero-left h1{font-size: 64px;}
     .hero-left h1 span{font-size: 80px;}
     .services-left h2, .about-notes h2{font-size: 50px;}
     .services-left h2 span, .about-notes h2 span{font-size: 70px;}
     .services-section {padding: 40px 10px 60px 10px;}
     .contact-form h3{font-size: 40px;}
     footer p{font-size: 15px;}
     p, body, .about-notes p{font-size: 16px;}
     .header-content{border:none;}
     .hero-left{padding-top: 110px;}
     .hero-arrow{top:70px;}
     header.fixed{position: relative;}
}
@media (max-width: 1160px) {
    .header-right{width:70%;}
}
@media (max-width:1080.98px) {
   .header-right{width:71%;} 
   .tel a, .whatsapp a{background-size: 50px;padding: 17px 0 20px 60px;} 
   .facebook img{width:50px;}
   .hero-left h1{font-size:60px;}
   .hero-left h1 span{font-size:70px;}
   .services-left h2, .about-notes h2{font-size: 50px;}
   .services-left h2 span, .about-notes h2 span{font-size: 70px;}
   .about-notes {
    background:#12162f url(../images/bg-city.png) center top no-repeat;
    animation:0s ease-out infinite alternate;
    background-size: 100% 100%;}
}


@media (max-width:900px) {
 .header-right {width: 58%;}
 .logo{width: 195px;} 
 .hero-arrow {width: 80px; top: 90px;}
 .header-right ul li{padding-top: 0;}
 .hero-left h1, .hero-img{text-align: center;}
 .services-left ul li { width: 50%;display: block;float: left;padding-right: 0;font-size: 17px;}
 .foot-address{padding-bottom: 30px;}
 .client-img, .about-img{display: none;}
 .book-arrow {position: relative;top: 50px;}
}


@media (max-width:500px) {
    .client-img, .about-img{display: block;}
    .container { max-width: calc(100% - 20px);}
    .logo {width: 170px;}
    .tel a, .whatsapp a {background-size: 40px;padding: 8px 0 20px 50px;font-size: 15px;}
    .facebook{display: none!important;}
    .hero-left h1{font-size:34px;}
   .hero-left h1 span{font-size:50px;}
   .services-left h2, .about-notes h2, .contact-form h3{font-size:34px;}
   .services-left h2 span, .about-notes h2 span{font-size:50px;}
   .hero-arrow { top: 290px;right: auto;}
   .services-left ul li{width: 100%;}
   .services-section{padding: 40px 0;}
   .book-arrow{top: 20px; }
   .pt-20{padding-top: 20px;}
   .pb-20{padding-bottom: 10px;}
   label { padding-bottom: 6px;}  
   .hero-left { padding-top: 40px;} 
}
@media (max-width:414px) {
.hero-arrow { top: 200px;  right: auto;}
.logo, header.fixed .logo {width: 40%;}
.header-right, header.fixed .header-right {width: 60%;}
header.fixed .tel a, header.fixed .whatsapp a, .tel a, .whatsapp a {
    background-size:32px;
    padding:5px 0 7px 40px;
    font-size: 15px;
}
}

@media (max-width:380px) {
  .logo, header.fixed .logo {width: 40%;}
  .header-right, header.fixed .header-right {width: 60%;}
  header.fixed .tel a, header.fixed .whatsapp a, .tel a, .whatsapp a {
    background-size:30px;
    padding:5px 0 10px 43px;
    font-size: 15px;
} 
.hero-arrow { top: 230px;  right: auto;}
}