/* RESET CSS STRAT */

:root {

  --bg-grey: #f8f8f8;

  --bg-orange: #daa83e;

  --bg-blue: #7e0100;

  --bg-red: #7e0100;

  --bg-yellow: #ffd01e;

  --bg-orange: #f58220;

  --white-col: #ffffff;

  --font: 1rem;

  --text-dark: #000000;

}



* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}

body {

  font-family: "Roboto", sans-serif;

  margin: 0px;

  padding: 0px;

  font-size: 14px;

  font-weight: normal;

  color: var(--text-dark);

  outline: none;

  line-height: 1.4em;

  overflow-x: hidden;

}

h1,

h2,

h3,

h3,

h4,

h5,

h6 {

  color: #323232;

  margin: 0px;

  line-height: 1.2em;

}

p {

  padding: 0px;

  margin: 0px;

  font-size: var(--font);

  line-height: 1.5;

  color: var(--text-dark);

}

.hr {

  margin-bottom: 10px;

  margin-top: 10px;

  height: 1px;

  background: var(--bg-orange);

  width: 40%;

  opacity: 1;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}

ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

}

a {

  outline: none !important;

  color: #003F91;

  text-decoration: none;

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

}

a:hover,

a:active,

a:focus {

  outline: none !important;

  text-decoration: none;

  color: #4490bc;

}

textarea,

input:focus {

  outline: none !important;

  text-decoration: none;

}

img {

  border: 0;

}

.fs-14 {

  font-size: 14px;

}

.zindex5 {

  z-index: 5;

}

.bg-orange {

  background-color: var(--bg-orange);

}

.text-blue {

  color: var(--bg-blue);

}

.bg-blue {

  background-color: var(--bg-blue);

}

.bg-grey {

  background-color: var(--bg-grey);

}

.bg-green {

  background-color: var(--bg-green);

}

.bg-yellow {

  background-color: var(--bg-yellow);

}

.text-yellow {

  color: var(--bg-yellow);

}

.text-green {

  color: var(--bg-green);

}

.bg-red {

  background-color: var(--bg-red);

}

.text-red {

  color: var(--bg-red);

}

.text-justify {

  text-align: justify;

}

.overflow {

  overflow: hidden;

}

li {

  color: #000000;

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

}

::-moz-selection {

  background-color: #004B87;

  color: #fff;

}

::selection {

  background-color: #004B87;

  color: #fff;

}

/* RESET CSS END */

::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #60666c !important;

}

::-moz-placeholder {

  /* Firefox 19+ */

  color: #60666c !important;

}

:-ms-input-placeholder {

  /* IE 10+ */

  color: #60666c !important;

}

:-moz-placeholder {

  /* Firefox 18- */

  color: #60666c !important;

}

/* STICKY ANV BAR */

.sticky {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 50;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.1);

}



/* -------------------------------------------------- */

/*  Back Top

/* -------------------------------------------------- */

#back-top {

  position: fixed;

  right: 0;

  bottom: 1%;

  z-index: 999;

  overflow: hidden;

  display: none;

  width: 50px;

  height: 50px;

  border: 1px solid #fff;

  background-color: #fe0000;

  text-align: center;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

#back-top:after {

  display: block;

  text-align: center;

  color: #fff;

  font-size: 20px;

  font-family: "Font Awesome 5 Pro";

  content: "\f357";

  line-height: 48px;

  -webkit-transition: color 0.25s ease, -webkit-transform 2s ease;

  transition: color 0.25s ease, transform 2s ease;

}

#back-top:hover {

  background-color: #004B87;

}

#back-top:hover:after {

  color: #fff;

}

/* -------------------------------------------------- */

/*  Back Top END

/* -------------------------------------------------- */



/* Hero Section Slide */

.bc-img01 {

  background-image: url(../images/banner.png);

  background-size: cover;

  background-position: top;

  background-repeat: no-repeat;

}



/* .bc-img01::after {

  position: absolute;

  content: '';

  background-image: url(../images/afterImg.png);

  bottom: 0%;

  right: 56%;

  transform: translateX(90%);

  background-repeat: no-repeat;

  width: 320px;

  background-size: cover;

  height: 490px;

} */



.sideNavi {

  position: fixed;

  top: 50%;

  right: -44px;

  z-index: 222222;

  -moz-transform: rotate(270deg);

  -webkit-transform: rotate(270deg);

  -o-transform: rotate(270deg);

  -ms-transform: rotate(270deg);

  transform: rotate(270deg);

}



.sideNavi a {

  background-color: #fe0000;

  border: 1px solid var(--white-col);

  border-radius: 0;

  text-align: center;

  color: #fff;

  cursor: pointer;

  border-right: 0;

  font-size: 1.3rem;

  padding: 15px 15px;

  display: block;

  margin-top: 25px;

}

.sideNavi a.telphone {

  background-color: #ffcb05;

  color: #000;

}

.sideNavi a:hover {

  background-color: #004B87;

  color: var(--bg-yellow);

}

.shadow:hover {

  box-shadow: none !important;

  -webkit-transform: translateY(-0.5em);

  transform: translateY(-0.5em);

}

.shadow {

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

}



.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv {

  margin: auto;

  background-color: #ffffff;

  width: 500px;

  position: relative;

  z-index: 1;

  padding: 2rem;

  border-radius: 30px;

}

.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv h3 {

  font-size: 5em;

  color: #004B87 !important;

}

.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv p {

  font-size: 20px;

  line-height: 1.2;

}

.thankyou-sec .hero-thankyou .bc-img01 {

  height: 82vh;

  background-size: cover;

  padding-top: 10%;

}



.bouncebtn {

  animation: bounce 2s infinite;

  -webkit-animation: bounce 2s infinite;

  -moz-animation: bounce 2s infinite;

  -o-animation: bounce 2s infinite;

}



.image-box .image {

  position: relative;

  margin-bottom: 0;

  overflow: hidden;

}

.image-box .image img {

  transition: all 400ms ease;

}

.image-box .image a:after {

  background: rgba(255, 255, 255, 0.3);

  bottom: 0;

  content: "";

  left: 50%;

  position: absolute;

  right: 51%;

  top: 0;

  z-index: 2;

  opacity: 1;

  pointer-events: none;

  transition: all 400ms linear;

}

.image-box:hover .image a:after {

  left: 0;

  right: 0;

  opacity: 0;

  transition: all 400ms linear;

}



.image-box:hover .image img {

  transform: scale(1.1);

}



.marquee-area-1 {

  overflow: hidden;

  margin-top: -4rem;

}

.Marquee {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: box;

  display: flex;

  -webkit-box-align: center;

  -moz-box-align: center;

  -o-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  overflow: hidden;

}

.Marquee-content {

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: box;

  display: flex;

  -webkit-animation: marquee 20s linear infinite running;

  -moz-animation: marquee 20s linear infinite running;

  -o-animation: marquee 20s linear infinite running;

  -ms-animation: marquee 20s linear infinite running;

  animation: marquee 20s linear infinite running;

}

.Marquee-content:hover {

  -webkit-animation-play-state: paused;

  -moz-animation-play-state: paused;

  -o-animation-play-state: paused;

  -ms-animation-play-state: paused;

  animation-play-state: paused;

}

.Marquee-tag {

  margin: 0 3em;

  width: 33%;

  padding: 0 0%;

  display: -webkit-inline-box;

  display: -moz-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-box;

  display: inline-flex;

  -webkit-box-align: center;

  -moz-box-align: center;

  -o-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-box-pack: center;

  -moz-box-pack: center;

  -o-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



.Marquee-tag h4 {

  white-space: nowrap;

  font-size: 1.2rem;

  color: var(--white-col);

}

.Marquee-tag h4 strong {

  font-size: 2rem;

  font-weight: 700;

  color: var(--bg-yellow);

}



.Marquee-tag:hover {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  cursor: pointer;

}



a.whatsapp_chat {

  display: block;

  position: fixed;

  right: 15px;

  bottom: 100px;

  z-index: 99;

  animation: 4s infinite bounce;

  background-color: #2ab200;

  color: #fff;

  padding: 8px;

  font-size: 2.2rem;

  border-radius: 100%;

  width: 50px;

  height: 50px;

  text-align: center;

  box-shadow: 0 0 10px #111;

}