@import url('https://fonts.googleapis.com/css2?family=Kaisei+Tokumin&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{

  box-sizing:border-box; 

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

  margin: 0px;

  padding:0px;

}

body::-webkit-scrollbar {

  width: .5em;

}

body::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px #999;

}

body::-webkit-scrollbar-thumb {

  background-color: var(--primary-color);

  outline: 1px solid var(--primary-color);

}

html{

  scroll-behavior: smooth;

}

:root {

  --primary-color:#0070b4;

  --secondary-color:#facbcc;

}

*,

*::after,

*::before,

h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  padding: 0;

}

p{

  font-size: 16px;

  color: #000;

}

ul {

  list-style-type: none;

  margin: 0px;

  padding: 0px;

}

a, button {

  text-decoration: none;

  transition: all 0.5s ease-in-out;

}

a:hover

{

  text-decoration: none;

}

button:focus, input:focus, textarea:focus, select:focus, a:hover

{

  outline: none; box-shadow: none;

}

section{

  padding:70px 0 70px;

}


.inlineHeader{

  display: flex;

  padding:0px 0;

  align-items: center;

  justify-content: space-between;

}

.large_heading{

  font-size:50px;

  line-height: 70px;

}


.heading , .shortHeading{

  font-size: 40px;

  line-height: 50px;

}

.sub_heading , .sub_heading-new{

  font-size: 30px;

  line-height: 45px;

}

.small_heading{

  font-size: 26px;

}

.title , ,title-new{

  font-size: 20px;

}

.text{

  font-size: 18px;

}

.fontWeight300{

  font-weight: 300;

}

.fontWeight400{

  font-weight: 400;

}

.fontWeight500{

  font-weight: 500;

}

.fontWeight600{

  font-weight: 600 !important;

}

.fontWeight700{

  font-weight: 700;

}

.fontWeight800{

  font-weight: 800

}

.fontWeight900{

  font-weight: 900;

}

.leftLogo{

  width: 200px;

}

.leftLogo img{

  max-width: 100%;

}

.header{

  padding:0px 0;

}

.header.stricky-fixed {

  position: fixed;

  z-index: 99;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

  width: 100%;

  background:#fff;

  -webkit-animation-name: menu_sticky;

  animation-name: menu_sticky;

  -webkit-animation-duration: 0.60s;

  animation-duration: 0.60s;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}

@-webkit-keyframes menu_sticky {

  0%   {margin-top:-150px;}

  50%  {margin-top: -130px;}

  100% {margin-top: 0;}

}

@keyframes menu_sticky {

  0%   {margin-top:-150px;}

  50%  {margin-top: -130px;}

}

.stricky-fixed .leftLogo{

  width: 170px;

}

.topHeader{

  background:#555;

}

.topHeader ul{

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.mainMenu ul{

  display: flex;

}

.mainMenu ul li a{

  font-size: 16px;

  display: inline-block;

  letter-spacing: 1px;

  font-weight: 600;

  position: relative;

  color: #000;

  padding: 10px 10px;

  text-transform: uppercase;

}

.mainMenu ul li a:after{

  content: '';

  position: absolute;

  bottom: 0px;

  left: 50%;

  transform: translateX(-50%);

  transition: all 0.3s ease-in-out;

  z-index: 1;

  width: 0;

  height: 1px;

  background: var(--primary-color);

}

.mainMenu ul li:hover a:after, .mainMenu ul li a.active:after, .mainMenu ul li a:focus:after{

  width: 100%;

}

.mainMenu ul li a:hover, .mainMenu ul li a:focus,  .mainMenu ul li a.active{

  color: var(--primary-color);

}

.fontHeading{

  font-family: "Kaisei Tokumin", serif;

}

.leftTop p{

  font-size: 14px;

  color: #000;

  font-weight: 600;

}

.topHeader{

  padding: 0px 0;

}

.socialIcons{

  padding: 5px 0;

}

.socialIcons ul{

  display: flex;

  align-items: center;

}

.socialIcons ul li a{

  color: #fff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin:0 10px;

}

.socialIcons ul li a i{

  font-size: 15px;

}

.socialIcons ul li a:hover{

  color: var(--primary-color)

}

.btnHeader:before{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background:var(--primary-color);

  z-index: -2;

  transition: all 0.3s ease-in-out;

}

.btnHeader:after{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 0;

  height: 100%;

  background: #000;

  z-index: -1;

  transition: all 0.3s ease-in-out;

}

.btnHeader:hover:after{

  width: 100%;

}

.btnHeader:hover{

  color: var(--primary-color);

}

.rightTopHeader ul li a{

  color: #fff;

  display: inline-block;

  padding: 10px 15px;

  font-weight: 600;

}

.btnHeader{

  margin-left: 15px;

  padding: 15px 20px;

  color: #fff !important;

  font-weight: 700;

  font-size: 14px;

  text-transform: uppercase;

  position: relative;

  z-index: 1;

}

.itemBannerTop{

  text-align: center;

}

.itemBannerTop h3{

  line-height: 28px;

}

.bannerTop{

  background: url(../images/bg/header-bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding:15px 0;

}

.borderRight{

  border-right: 1px solid #fff;

}

.itemBannerTop2{

  padding: 19px 0;

  color: #fff;

}

.bgHero{

  background: url(../images/bg/hero-bg.jpg) no-repeat;

  background-size: cover;

  position: relative;

}

.bannerLeft{

  padding-top: 40px;

  position: relative;

  z-index: 2;

}

.btnBanner{

  border:1px solid #fff;

  display: inline-block;

  padding: 12px 25px;

  font-weight: 500;

  color: #fff;

  position: relative;

  z-index: 1;

}

.btnBanner:after{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 0;

  height: 100%;

  background: var(--primary-color);

  z-index: -1;

  transition: all 0.3s ease-in-out;

}

.btnBanner:hover:after{

  width: 100%;

}

.btnBanner:hover{

  color: #fff;

  border-color: transparent;

}

.text_primary{

  color: var(--primary-color);

}

.textGrey{

  color: #444;

}

.servicesImg{

  padding:5px;

  border:2px solid var(--primary-color);

  border-radius: 50%;

}

.servicesImg img{

  width: 100%;

  object-fit: cover;

  height: 185px;

  transition: 0.2s ease-in-out;

  border-radius: 50%;

}

.itemServices:hover img{

  transform: rotateY(180deg);

  filter: grayscale(100%);

}

.itemServices h4{

  color: var(--secondary-color);

}

.itemServices:hover h4{

  color: var(--primary-color);

}

.bgImg{

  background: url(../images/bg/spa_banner.jpg) no-repeat;

  background-size: cover;

}

.offerImg img{

  max-width: 100%;

  transition: all 0.3s ease-in-out;

}

.itemOffer{

  position: relative;

  overflow: hidden;

}

.itemOffer:hover img{

  transform: scale(1.2);

}

.contentOffer{

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  display: flex;

  padding: 20px 10px;

  flex-direction: column;

  justify-content: flex-end;

  z-index: 1;

  background: rgba(0,0,0,0.2);

}

.innerContent h4, .innerContent p, .innerContent p{

  color: #fff;

}

.innerContent{

  transition: all 0.3s ease-in-out;

}

.itemOffer:hover .innerContent{

  transform: translateX(-105%);

}

.itemOffer:hover .hoverContent{

  right: 0px;

}

.hoverContent{

  position: absolute;

  bottom: 0px;

  transition: all 0.3s ease-in-out;

  right: -100%;

  width: 90%;

  padding: 20px;

  background: var(--secondary-color);

  z-index: 2;

}

.btnBlock{

  display: flex;

  align-items: center;

  justify-content: center;

  grid-gap: 10px;

}

.btnBlock a{

  padding:10px 20px;

  display: inline-block;

  color: #fff;

}

.smallBtnTheme{

  border:1px solid transparent;

  display: inline-block;

  padding: 12px 25px;

  font-weight: 500;

  color: #fff;

  font-size: 14px;

  background: var(--primary-color);

  position: relative;

  z-index: 1;

}

.smallBtnTheme:after{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 0;

  height: 100%;

  background: #fff;

  z-index: -1;

  transition: all 0.3s ease-in-out;

}

.smallBtnTheme:hover:after{

  width: 100%;

}

.smallBtnTheme:hover{

  color: var(--primary-color);

}

.smallBtnSecondary{

  border:1px solid #fff;

  display: inline-block;

  padding: 12px 25px;

  font-weight: 500;

  color: #fff;

  font-size: 14px;

  background: transparent;

  position: relative;

  z-index: 1;

}

.smallBtnSecondary:after{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 0;

  height: 100%;

  background: #fff;

  z-index: -1;

  transition: all 0.3s ease-in-out;

}

.smallBtnSecondary:hover:after{

  width: 100%;

}

.smallBtnSecondary:hover{

  color: var(--primary-color);

  border-color: transparent;

}

.fontSize ul li a{

  font-size: 14px;

}

.text_primary{

  color: var(--primary-color);

}

.priceTag{

  color: var(--primary-color);

  display:inline-block;

  margin: 0 5px;

}

.oldPrice{

  font-size: 22px;

  vertical-align: middle;

  color: #555;

  text-decoration: line-through;

}

.offTag{

  display: inline-block; 

  vertical-align: middle;

  font-size: 18px;

  font-style: italic;

  padding:0 10px;

  border:1px solid #198754;

  background: #fff;

  line-height: 20px;

}

.listBanner{

  margin-top: 15px;

}

.listBanner ul{

  display: flex;

}

.listBanner ul li{

  padding:10px;

  font-size:16px;

  font-weight: 600; 

  position: relative;

  z-index: 1;

  padding-left: 25px;

  margin-right: 10px;

}

.listBanner ul li:before{

  content: "\f058";

  position: absolute;

  top: 9px;

  left: 0px;

  font-family: "Font Awesome 6 Free";

  color: var(--primary-color);

  font-weight: 400;

}

.iconDocument{

  width: 40px;

  height: 40px;

  background: #e5f0f7;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.iconDocument img{

  max-width: 100%;

}

.document h4{

  margin-left: 20px;

}

.document{

  margin-top: 20px;

}

.document ul{

  margin-top: 10px;

  list-style-type: disc;

  padding-left: 15px;

  margin-left: 15px;

}

.document ul li{

  padding:5px;

  font-weight: 500;

}

.btnLink{

  color: var(--primary-color);

  font-weight: 600;

  text-decoration: underline;

  margin-top: 10px;

  display: inline-block;

}

.formRightBanner{

  background: #fff;

  padding:40px;

  border-radius: 10px;

}

.formHeader{

  padding-top: 20px;

}

.form-floating>.form-control:focus, .textHeight:focus, .capIn:focus, .form-select:focus, .form-floating>.form-control:not(:placeholder-shown)

{

  border-color: var(--primary-color);

  -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);

  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);

}

.formItem{

  margin: 10px 0;

}

.form-floating>label{

  padding: .9rem 1rem

}

.textHeight{

  height: 100px !important;

  border-color: #999;

}

.form-floating>.form-control, .form-select, .capIn{

  border-color: #999;

  padding: .7rem .75rem;

  padding-left: 1rem;

  height: 55px;

}

.formRightBanner{

  position: relative;

}

.saleRibon{

  position: absolute;

  top: -49px;

  left: -13px;

}

.saleRibon p{

  position: absolute;

  top: 29px;

  left: 40px;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 500;

}

.formItem img{

  width: 25px;

  margin: 0 8px;

}

.btnTheme{

  padding: 15px 20px;
  color: #fff;
  font-weight: 700;
  border:none;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  display:inline-block;
}

.btnTheme:before{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background:var(--primary-color);

  z-index: -2;

  transition: all 0.3s ease-in-out;

}

.btnTheme:after{

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 0;

  height: 100%;

  background: #000;

  z-index: -1;

  transition: all 0.3s ease-in-out;

}

.btnTheme:hover:after{

  width: 100%;

}

.btnTheme:hover{

  color: #fff;

}

.sliderReview{

  background: #fff;

  padding:15px;

  margin-top: 15px;

  border-radius: 10px;

  box-shadow: 2px 2px var(--primary-color);

}

.innerReview{

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.iconUser{

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

  color: #fff;

}

.rightUser{

  width: calc(100% - 60px);

  border-left: 1px solid #e0e0e0;

  padding-left: 10px;

}

.leftUser{

  text-align: center;

  padding:0 10px;

  display: flex;

}

.rightUser p{

  font-size: 14px;

  text-align: center;

  font-style: italic;

}

.leftUser p{

  width: calc(100% - 50px);

  font-size: 14px;

  font-weight: 600;

}

.googleReview{

  margin-top: 30px;

  margin-left: 15px;

  display: inline-flex;

  align-items: center;

}

.iconGoogle{

  width: 40px;

  margin-right: 20px;

}

.iconGoogle img{

  max-width: 100%;

}

.iconRightGoogle p{

  margin-top: 5px;

  font-weight: 500;

  font-size: 14px;

}

.iconRightGoogle h5{

  color: #000;

}

.iconRightGoogle p i{

  color: #FFC107;

  font-size: 13px;

}

.itemProcess{

  display: flex;

  align-items: center;

  margin: 35px 0;

}

.iconProcess{

  width: 80px;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content:center;

  border:2px solid var(--primary-color);

  padding:15px;

  border-radius: 50%;

  background: #fff;

  margin-right: 30px;

}

.iconProcess img{

  max-width: 100%

}

.rightProcess p{

  font-weight: 500;

  margin-top: 10px;

}

.leftProces{

  position: relative;

  z-index: 1;

  padding-right: 40px;

}

.leftProces:after{

  content: '';

  position: absolute;

  top: -20px;

  left: 40px;

  width: 3px;

  height: 100%;

  background: var(--primary-color);

  z-index: -1;

}

.rightMainProcess{

/*  background: #f7fafc;

  padding: 40px;

  border-radius: 10px;*/

}

.rightMainProcess ul{

  margin-top: 15px;

}

.rightMainProcess ul li{

  padding:10px;

  font-weight: 600;

  font-size: 16px;

  padding-left: 30px;

  position: relative;

  z-index: 1;

}

.listCheck li{

  padding:10px;

  font-weight: 600;

  font-size: 16px;

  padding-left: 30px;

  position: relative;

  z-index: 1;

}

.rightMainProcess ul li:before, .listCheck li:before{

  content: "\f058";

  position: absolute;

  top: 10px;

  left: 0px;

  font-family: var(--fa-style-family, "Font Awesome 6 Free");

  font-weight: var(--fa-style, 900);

  color: var(--primary-color);

}

.rightImg img{

  max-width: 100%;

  filter: drop-shadow(0 0 0.2rem #0070b4);

}

.rightMainProcess{

  position: relative;

  z-index: 1;

}

.rightCta{

  margin-top: 20px;

  background: #fff;

  padding:15px;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.bgGrey{

  background: #f5f5f5;

}

.priceHeader{

  padding:40px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}

.itemPrice{

  background:#fff;

  border-radius: 10px;

}

.priceHeader img{

  width: 50px;

}

.white{

  filter: brightness(0) invert(1);

}

.bodyPrice{

  padding:0 40px 40px;

}

.formtext{
  font-size: 16px;
  font-weight: 600;
}

.bodyPrice ul{

  margin-top: 30px;

}

.bodyPrice ul li{

  padding:10px;

  font-weight: 600;

  padding-left: 25px;

  border-bottom: 1px dotted #e0e0e0;

  color: #555;

  position: relative;

}

.bodyPrice ul li:before{

  content: '\f00c';

  position: absolute;

  top: 10px;

  left: 0px;

  font-size: 15px;

  color: var(--primary-color);

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.bodyPrice ul li.crossIcon:before{

  content: '\f00d';

}

.bodyPrice ul li small{

  font-size: 13px;

}

.fontItalic{

  font-style: italic;

}

.textGrey{

  color: #555;

}

.leftRequire img{

  max-width: 100%;

  border-radius: 10px;

}

.bgAction{

  background: #e5f0f7;

}

.itemCall{

  display: flex;

  align-items: center;

}

.iconLeftAc{

  width: 70px;

  height: 70px;

  border-radius: 5px;

  background: #cce2f0;

  padding: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

}

.iconLeftAc img{

  max-width: 100%;

}

.itemAdvantage{

  padding:20px;

  background: #fff;

  border-radius: 10px;

  box-shadow: 3px 3px 0px var(--primary-color);

  transition: all 0.3s ease-in-out;

  height: 100%;

}

.itemAdvantage:hover{

  box-shadow: none;

}

.itemTable{

  border-top:1px solid #e0e0e0;

  border-bottom:1px solid #e0e0e0;

}

.tableTh{

  padding:15px 10px;

}

.border-none{

  border-top:none;

}

.itemTable:nth-child(2n){

  background: #f7f7f7;

}

.leftSider{

  background: #fff;

}

.leftSider ul li a{

  display: block;

  padding:10px 15px;

  font-size:15px;

  font-weight: 600;

  border-bottom: 1px solid #f1f1f1;

  color: #333;



}

.leftSider ul li a:hover, .leftSider ul li a.active{

  color: var(--primary-color);

  background: #E5F0F7;

}

.note{

  margin-top: 20px;

  padding:20px;

  border:1px solid var(--primary-color);

}

.itemContent{

  margin-bottom: 30px;

}

.itemContent ul{

  margin-top: 15px;

  list-style-type: disc;

  margin-left: 20px;

}

.stickyItem{

  position: sticky;

  position: -webkit-sticky;

  top: 130px;

  z-index: 1;

}

.itemContent ul li{

  padding: 5px 0;

}

.itemFaq {

  border: 1px solid #000;

  padding: 20px 20px;

  border-radius: 10px;

  margin-bottom: 30px;

  box-shadow: 0px 5px 0px #333;

}

.faqHeader {

  display: flex;

  align-items: center;

  cursor: pointer;

  justify-content: space-between;

}

.faqHeader h4{

    font-size:20px;

  font-weight: 700;

}

.faqHeader .fa-chevron-up {

    display: none;

}

.faqBody {

  margin-top: 20px;

  display: none;

  padding-top: 15px;

  border-top: 1px solid #e0e0e0;

}

.itemFaq.active .faqBody {

    display: block;

}

.itemFaq.active .fa-chevron-up {

    display: block;

}

.itemFaq.active .fa-chevron-down {

    display: none;

}

.bgPrimary{

  background: var(--primary-color);

}

.sliderTestimonial{

  padding:30px;

  background: #fff;

  position: relative;

  z-index: 1;

  border-radius: 10px;

}

.sliderTestimonial:after{

  content: '';

  position: absolute;

  top: -19px;

  left: 50%;

  border-radius: 10px;

  transform: translateX(-50%);

  width: 90%;

  height: calc(100% + 38px);

  background: rgba(255,255,255,.5);

  z-index: -1;

}

.iconQoute{

  width: 40px;

  margin: 0 auto;

}

.iconQoute img {

  max-width: 100%;

}

.slidertestimonial{

  margin-top: 30px;

  text-align: center;

}

.slidertestimonial p{

  font-size: 17px;

  font-weight: 600;

  color: #fff;

}

.iconUserTest{

  width: 60px;

  border:3px solid #756ab6;

  border-radius: 50%;

  padding:15px;

}

.iconUserTest img{

  max-width: 100%;

}

.userDet{

  margin-top: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.rightUserTest{

  margin-left: 30px;

  text-align: left;

}

.italic{

  font-style: italic;

}

.rightUserTest p, .rightUserTest h5{

  font-size: 14px;

}

.slick-arrow i{

    font-size:24px;

}

.slick-next:before, .slick-prev:before{

    display:none;

}

.slick-next, .slick-prev{

  width:40px !important;

  height:40px !important;

  border-radius:50%;

  background:#CCE2F0 !important;

  color:#000 !important;

  z-index:1 !important;

}

.slick-next {

    right: -20px !important;

}

.slick-prev {

    left: -20px !important;

}

.itemContact{

  display: flex;

  margin: 40px 0;

}

.iconContact{

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background:var(--primary-color);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size:20px;

}

.rightIcon{

  width: calc(100% - 60px);

  padding-left: 20px;

}

.rightIcon a{

  display: block;

  font-weight: 600;

  color: var(--primary-color);

}

.rightContact{

  padding-left: 40px;

}

.capIn{

  font-size: 15px;

  padding:15px 10px;

}

.footer{

  background: #111;

  padding: 40px 0 0 0;

}

.leftFooter{

  padding-right: 50px;

}

.leftFooter p{

  color: #fff;

}

.footerSocialLink ul{

  display: flex;

}

.footerSocialLink{

  margin-top: 20px;

}

.footerSocialLink ul li a{

  display: inline-block;

  padding: 7px 10px;

  width: 40px;

  text-align: center;

  color: #fff;

  border:1px solid #e0e0e0;

  margin: 0 5px;

}

.footerSocialLink ul li a:hover{

  background: var(--primary-color);

  border:none;

  color: #fff;

}

.itemFooter ul{

  margin-top: 20px;

}

.itemFooter ul li a{

  color: #eee;

  display: inline-block;

  padding: 5px 10px;

  font-size: 14px;

}

.footerContact{

  padding: 15px;

  background: #000;

  border-top:2px solid var(--primary-color);

}

.address:after {

  content: "\f3c5";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  color: #eee;

  font-size: 20px;

  top: 0px;

  left: 0px;

}

.phone:after {

  content: "\f095";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  color: #eee;

  font-size: 20px;

  top: 0px;

  left: 0px;

}

.email:after {

  content: "\f0e0";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  color: #eee;

  font-size: 20px;

  top: 0px;

  left: 0px;

}

.address, .phone, .email {

  position: relative;

  padding-left: 30px;

}

p.address strong, p.phone strong, p.email strong{

  font-size:18px;

  color: #999

}

.address, .phone, .email {

  position: relative;

  padding-left: 30px;

}

.phone a, .email a, .address{

  color: #999;

}

.copyRight{

  margin-top: 40px;

  padding: 20px 0;

  border-top:1px solid #333;

  background: rgb(0 0 0 / 30%);

}

.copyRight p{

  color: #999;

  font-size:15px;

  font-weight: 600;

}

.copyRight p a{

  color: #fff;

}

.inlineFooter{

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0;

}

.go-top {

  position: fixed;

  cursor: pointer;

  bottom: -200px;

  right: 10px;

  color: #fff;

  background-color: var(--primary-color);

  z-index: 999;

  width: 40px;

  text-align: center;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  visibility: hidden;

  border-radius: 50%;

  font-size: 18px;

  -webkit-transition: .9s;

  transition: .9s;

  overflow: hidden;

  -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);

  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);

}

.go-top.active {

  opacity: 1;

  visibility: visible;

  bottom: 90px;

}

.whatChat {

  position: fixed;

  right: 15px;

  bottom: 10px;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

  width:195px;

  background:#fff;

  border:1px solid #e0e0e0;

  border-radius:10px;

  padding:4px 12px;

  z-index:99;

}

.whatChat a{

  font-weight:600;

  display:flex;

  align-items:center;

  justify-content:space-between;

}

.whatChat p{

  animation:hideShow 1s infinite ease-in-out ;

}

@keyframes hideShow{

  0%{

      opacity:1;

  }

  50%{

      opacity:0;

  }

  100%{

      opacity:1;

  }

}

.whatChat img {

  width: 50px;

}

.documentItemPopup h4{

  padding:10px 15px;

  background: #f2f2f2;

}

.documentItemPopup{

  padding:10px 15px;

  height: 100%;

  border-right: 1px solid #e0e0e0;

}

.borderRightNone{

  border-right: none

}

.documentItemPopup ul{

  margin-left: 25px;

  margin-top: 15px;

  list-style-type: disc;

}

.documentItemPopup ul li{

  padding:5px;

}

.proofDoc{

  background: #f7fafc;

  padding: 15px;

}

.bodyPrice h3 small {

    font-size: 13px;

}

.bulletList{

  margin-top: 15px;

}

.bulletList li{

  padding: 5px;

  padding-left: 20px;

  position: relative;

  z-index: 1;

}

.bulletList li:before{

  content: '';

  position: absolute;

  top: 13px;

  left: 3px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #000;

}

.footerIcon {

    position: fixed;

    left: 0px;

    bottom: 0px;

    z-index: 9;

    width: 100%;

}

.footerIcon ul {

    display: flex;

    align-items: center;

    justify-content: center;

}

.footerIcon ul li {

    width: calc(100%/3);

}

.footerIcon ul li a {

    font-size: 18px;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 8px 20px;

    display: block;

}

.footerIcon ul li a.phoneBox {

    background: var(--primary-color);

}

.footerIcon ul li a.mailBox {

    background: #222;

}

.footerIcon ul li a.whatsappBox {

    background: #28B742

}

.footerContact p span, .leftContact p span{

  display: inline-block;

}

.rightMainProcess{
    position:relative;
}
.directionImg{
    position: absolute;
    top: 50px;
    left: 26px;
    z-index:99;
}
.directionImg a{
    display: inline-flex;
    align-items: center;
}
.directionImg a i{
    margin-right:15px;
    font-size:30px;
    color:#E1032C;
}
.directionImg p{
    color:var(--primary-color);
}
.lightBg{
    background:#f7f7f7;
}
.bottomFixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:15px 0;
    background: var(--primary-color);
    z-index:99;
}
.inlineFixed{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.btnBorderFixed{
    padding:10px 20px;
    font-size:15px;
    font-weight:600;
    display:inline-block;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    width:100%;
    border:1px solid #fff;
    border-radius:10px;
}
.btnBorderFixed:hover{
    background:#fff;
    color:#222;
}
.fontCustom{
    font-size:17px;
}
.fontCustom:hover{
    background:#28B742;
    border-color:transparent;
    color:#fff;
}
.fontCustom i{
    font-size:22px;
    padding-right:8px;
    vertical-align:middle;
}