@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Poppins: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'); */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Pacifico&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Dancing+Script:wght@400..700&family=Pacifico&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Dancing+Script:wght@400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@font-face {
    font-family: 'Trajan Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Regular'), url('../fonts/TrajanPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Trajan Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Bold'), url('../fonts/TrajanPro-Bold.woff') format('woff');
    }

    
@font-face {
    font-family: 'photograph_signatureregular';
    src: url('../fonts/photograph_signature-webfont.woff2') format('woff2'),
         url('../fonts/photograph_signature-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SF Compact Rounded';
    src: url('../fonts/SFCompactRounded-Ultralight.woff2') format('woff2'),
        url('../fonts/SFCompactRounded-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
/* @font-face {
    font-family: 'Anettasya Mottarue';
    src: url('../fonts/AnettasyaMottarue.woff2') format('woff2'),
        url('../fonts/AnettasyaMottarue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
:root{ 
    /* --poppins:"Poppins", sans-serif; */
    /* --roboto:"Roboto", sans-serif; */
    --poppins:"Poppins", sans-serif;
    --rubik:"Rubik", sans-serif;
    --prata:"Prata", serif;
    --sf-compact:"SF Compact Rounded";
    --font-awesome: 'Font Awesome 6 Free';
    --common-transition:0.5s ease-in-out;
    --primary:#452511;  
    --black: #000; 
    --body-color:#303030; 
    --header-color:#020306;
    --grey-btn: #30333C;
    --marron-btn: #521002;   
    --white:#fff;
    --cursor-bg-color:#3a4157;
    --border-color:#007f80;
    --social-media-bg-color:#75523d;
    --stroke-text-color:#e7f5f7;
    --input-bg-color:#f5f5f5;
    --input-border:#d9ccd4;

}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

html{overflow-x: hidden;}
dl, ol, ul{margin:0;padding: 0;}
ul li{list-style:none;}
body { margin: 0; padding: 0;  font-size: 20px; line-height: 1.4; font-weight: 400; color: var(--body-font-color); overflow-x: hidden; font-family: var(--roboto); font-weight: 400; 
    background-color: var(--body-font-bg-color);
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; padding: 0; line-height: 1.2;  color: var(--white);}
h1{ font-size:84px;color:var(--header-color);font-family: var(--prata);
  font-weight: 400; }
h2{ font-size: 72px;}
h3{ font-size: 48px;}
h4{ font-size:20px; font-family: var(--baijamjuree);font-weight:600;}
h5{ font-size: 24px; } 
h6{ font-size: 18px;}
p{ margin: 0 0 25px; padding: 0; line-height: 1.6;font-family: var(--poppins); font-weight: 400; font-size: 18px; color: var(--body-color);} 

.h1-strock-color h1 { -webkit-text-fill-color: transparent;  -webkit-text-stroke-width:1px; -webkit-text-stroke-color: var(--sky); font-size: 330px;}
.h1-strock-color2 h1{
 -webkit-text-stroke-color: var(--stroke-text-color)!important;
}
h1 span,h2 span, h3 span, h4 span, h5 span, h6 span {color: var(--blue-btn);}
h2 span.dot, h3 span.dot, h4 span.dot, h5 span.dot, h6 span.dot {color: var(--sky)!important;}

.blck h1, .blck h2, .blck h3, .blck h4, .blck h5, .blck h6, .blck p{color: var(--body-font-bg-color);}
.white-txt h1, .white-txt h2, .white-txt h3, .white-txt h4, .white-txt h5, .white-txt h6, .white-txt p{color: var(--white);}
h1.blck ,h2.blck,h3.blck,h4.blck,h5.blck,h6.blck{color:var(--body-font-bg-color);font-weight:500;}

.cmn-btn-dv a.cmn-btn{  min-width:268px;height:64px;padding:0 25px; background-color:var(--grey-btn) ; display: inline-flex; align-items: center; justify-content: center; text-align: center; max-width: 400px; transition: var(--common-transition);appearance: none;z-index: 2;position:relative;overflow: hidden;}
.cmn-btn-dv a.cmn-btn p{font-family: var(--poppins); font-weight:300; margin-bottom: 0; line-height: 1; font-size: 20px;color: var(--white);text-transform: uppercase; }
.cmn-btn-dv a.cmn-btn img{margin-right:15px;}
.cmn-btn-dv.hdr-btn .cmn-btn{
  background-color: var(--blue-btn);
  min-width:196px;
  height:54px;
  padding:0 10px;
  border-radius:10px;
}

.cmn-btn-dv.hdr-btn .cmn-btn img{margin-left:18px;}
.cmn-btn-dv.hdr-btn .cmn-btn p{color:var(--white); font-size:20px; font-family: var(--baijamjuree); font-weight:600;}
.green-btn{margin-right:10px;}

.cmn-btn-dv .cmn-btn.maroon-btn{background-color: var(--marron-btn);}
.cmn-btn-dv .cmn-btn.maroon-btn p{color:var(--white);}


.cmn-btn-dv a.cmn-btn::after {
    content: "";
    background-color: var(--cursor-bg-color);
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    clip-path: circle(0% at 50% 50%);
    z-index: -1;
    transition: 0.8s cubic-bezier(0, 0.96, 0.58, 1.1);
}

.cmn-btn-dv a.cmn-btn:hover::after {
    clip-path: circle(100% at 50% 50%);
    transition: 4s cubic-bezier(0, 0.96, 0.58, 1.1);
}

.cmn-btn-dv.blck a.cmn-btn{color: var(--body-font-bg-color); }

.cmn-btn-dv.blck-pure a.cmn-btn{color: var(--body-font-bg-color); border: 1px solid var(--body-font-bg-color); }
.cmn-btn-dv.blck-pure a.cmn-btn p{color: var(--body-font-bg-color);}
.cmn-btn-dv.blck-pure a.cmn-btn span{background: var(--body-font-bg-color);}

/* .cmn-btn-dv a.cmn-btn:hover{background-color:var(--deep-sky);} */
.cmn-btn-dv a.cmn-btn:hover p{color:var(--white);}

.cmn-btn-dv.wht a.cmn-btn{color: var(--white); border: 1px solid var(--white); }
.cmn-btn-dv.wht a.cmn-btn span{background: var(--white);}
.cmn-btn-dv.blck-pure.blck-bg-btn a.cmn-btn{background-color: var(--body-font-bg-color); }
.cmn-btn-dv.blck-pure.blck-bg-btn a.cmn-btn p{color:var(--white);}
.cmn-btn-dv.blck-pure.blck-bg-btn a.cmn-btn span{background-color:var(--white);}
a.crcl-btn{ background-color:var(--blue-btn);display: flex;align-items: center;justify-content: center;width:39px;height:39px;border-radius:100%; margin-top: -10px;margin-right: -70px;}

.mr-0{margin:0;}
.mr-auto{margin: auto;}
.mr-b-0{margin-bottom:0;}
.mr-t-0{margin-top:0;}
.mr-b-5{margin-bottom:5px}
.mr-t-5{margin-top:5px}
.mr-b-10{margin-bottom:10px}
.mr-t-10{margin-top:10px}
.mr-b-15{margin-bottom:15px}
.mr-t-15{margin-top:15px}
.mr-b-20{margin-bottom:20px}
.mr-t-20{margin-top:20px}
.mr-b-25{margin-bottom:25px}
.mr-t-25{margin-top:25px}
.mr-b-30{margin-bottom:30px}
.mr-t-30{margin-top:30px}
.mr-b-35{margin-bottom:35px}
.mr-t-35{margin-top:35px}
.mr-b-40{margin-bottom:40px}
.mr-t-40{margin-top:40px}
.mr-b-45{margin-bottom:45px}
.mr-t-45{margin-top:45px}
.mr-b-50{margin-bottom:50px}
.mr-t-50{margin-top:50px}
.mr-b-55{margin-bottom:55px}
.mr-t-55{margin-top:55px}
.mr-t-60{margin-top:60px}
.mr-b-60{margin-bottom:60px}

.mr-r-17{
  margin-right:17px;
}
.mr-r-25{
  margin-right:25px;
}
.mr-l-25{
  margin-left:25px;
}
.mr-l-17{
  margin-left:17px;
}
.btn-grad {background: linear-gradient(to right, #6ec8db 0%, #82cbce  51%, #8fcec6  100%);transition: var(--common-transition);}

a.cmn-btn.btn-grad:hover{
  background: transparent;
}
a.cmn-btn.btn-grad:hover p{
  color:var(--white);
}
a.cmn-btn.btn-grad:hover span{
  background-color:var(--white);
}
.btn-grad p{
    margin:0;
}

.z-index-0{z-index: 0;}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-9{z-index: 9;}
.z-index-99{z-index: 99;}
.z-index-999{z-index: 999;}
.z-index-9999{z-index: 9999;}
.overflow-hidden{overflow: hidden;}
.overflow-visible{overflow: visible;}
.comn-hdr h2{color: var(--white);line-height: 1;font-family: var(--prata);font-weight:400; text-transform: uppercase;}
.comn-hdr.white-txt h2 {color:var(--white);}
.comn-hdr.black-txt h2 {color:var(--header-color);}
.comn-hdr p{font-size:24px;color:var(--white); margin-bottom: 45px;}
.comn-hdr h4{padding-right:65px; text-transform: capitalize;color:var(--light-blue-font); font-family: var(--baijamjuree); font-weight:600;position:relative;display: inline-block;}
.comn-hdr.yellow-txt h5{color:var(--btn-color)!important;}
.comn-hdr.white-txt h5{color:var(--white);}
.line-height-1 h1{line-height:1;}
.line-height-0-8 h1{line-height:0.8;}
.comn-hdr.font-54 h2{font-size:54px;}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}

.padding-0{
  padding:0;
}
.p-tag p {
    margin: 0;
}
.padding-left-10{padding-left:10px;}
.padding-right-10{padding-right:10px;}
.padding-top-10{padding-top:10px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-10{
  padding:10px;
}

.comn-hdr.before-line h4{padding-left:65px;}
.comn-hdr.before-line h4::before{
  position: absolute;
  content: '';
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width:53px;
  height:1px;
  background-color: var(--light-blue-font);
  left:0;
}
.comn-hdr h4:after{
  position: absolute;
  content: '';
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width:53px;
  height:1px;
  background-color: var(--light-blue-font);
  right:0;
}
@media only screen and (max-width: 1599px) {
 h1 { font-size: 75px;}
 h3 { font-size: 45px;}

h2 {font-size: 65px;}
.mr-b-40 {margin-bottom: 30px;}
.comn-hdr p {font-size: 22px;margin-bottom: 35px;}
.cmn-btn-dv a.cmn-btn {min-width: 260px;height: 60px;}
.cmn-btn-dv a.cmn-btn p {font-size: 18px;}

}
@media only screen and (max-width: 1399px) {
 h1 { font-size: 65px;}
  h3 { font-size: 35px;}
  h2 {font-size: 55px;}
.mr-b-40 {margin-bottom: 20px;}
.comn-hdr p {font-size: 20px;margin-bottom: 30px;}
 .cmn-btn-dv a.cmn-btn {min-width: 245px;}
.cmn-btn-dv a.cmn-btn p {font-size: 16px;}

}
@media only screen and (max-width: 1280px) {
 h1 { font-size: 55px;}
 h2 {font-size: 45px;}
.mr-b-40 {margin-bottom: 15px;}
.comn-hdr p {font-size: 18px;margin-bottom: 25px;}
 .cmn-btn-dv a.cmn-btn {min-width: 215px;height:55px;}
.cmn-btn-dv a.cmn-btn p {font-size: 15px;}
.cmn-btn-dv a.cmn-btn img {margin-right: 9px;width: 20px;}

}

@media only screen and (max-width: 1199px) {
 h1 { font-size: 45px;}
  h3 { font-size: 25px;}
  h2 {font-size: 35px;}
  .comn-hdr p {font-size: 16px;margin-bottom: 20px;}
}
@media only screen and (max-width: 991px) {
 h1 { font-size:35px;}
  h3 { font-size:20px;}
  h2 {font-size: 30px;}
    .comn-hdr p {font-size: 15px;margin-bottom: 15px;}
.cmn-btn-dv a.cmn-btn {min-width: 170px;height: 50px;}
.cmn-btn-dv a.cmn-btn p {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
  h1 { font-size:25px;}
   h3 { font-size: 18px;}
   h2 {font-size: 25px;}
.cmn-btn-dv a.cmn-btn {padding: 0 10px;min-width: 145px;height: 45px;}
 .cmn-btn-dv a.cmn-btn img {margin-right: 5px;width: 19px;}
}
@media only screen and (max-width: 575px) {
   
}
@media only screen and (max-width: 484px) {
  h1 { font-size:20px;}
  h2 {font-size: 20px;}
}
@media only screen and (max-width: 480px) {
  .cmn-btn-dv a.cmn-btn img {margin-right: 5px;width: 17px;}
  .cmn-btn-dv a.cmn-btn p {font-size: 13px; }
}
@media only screen and (max-width: 420px) {

}

@media only screen and (max-width: 390px) {
 
}

@media only screen and (max-width: 360px) {

}


img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--white); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

label { color: #58595B;  font-weight: bold; margin-bottom: 10px;}
span.sub-label {display: block; font-size: 16px; color: #58595B; transform: translateY(-15px); }
textarea, select, .form-control, input { border-radius: 0 !important;  outline: none; padding: 15px 20px; border: 0; background-color: #F3F3F3; width: 100%; border-radius: 6px; margin-bottom: 20px; }
textarea { padding: 15px 20px; min-height: 150px; resize: none; }
input[type="submit"] {   transition: all 0.3s ease 0s; outline: none; max-width: 140px; margin-bottom: 0;}
input[type="submit"]:hover { background-color: var(--primary); }
textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: inherit;}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 95% center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
/* --- for placeholder color --- */

input::-moz-placeholder , .form-control::-moz-placeholder { color: #555555; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #555555; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #555555; }

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft, .alignnone { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- *
.coolBeans { overflow: hidden; position: relative; text-decoration: none; transition: 0.2s transform ease-in-out; will-change: transform; z-index: 0; display: inline-block;  line-height: 1; color: #FFF !important; text-transform: uppercase; background-color: #000; border-radius: 0; padding:15px 30px; }
.coolBeans:hover { background-color: #C7C7BC; color: #000 !important; }
/* --- Button Styles --- */

strong { font-weight: 700; }

/*..............common styles..............*/

/* ======= section-title ======= */

 

@media only screen and (min-width: 1280px) {
    /* .container { max-width: 1560px;  }  */
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 3);
  padding-left: calc(var(--bs-gutter-x) * 3);
  margin-right: auto;
  margin-left: auto;
}
}

/* ============ header End ============ */


.common-padding{ padding-top: 100px; padding-bottom: 100px; }  
.padding-top{ padding-top: 100px;  } 
.padding-bottom{padding-bottom: 100px;} 

@media only screen and (max-width:1599px) {
    .common-padding{ padding-top: 80px; padding-bottom: 80px; }  
    .padding-top{ padding-top: 80px;  } 
    .padding-bottom{padding-bottom: 80px;} 
}

@media only screen and (max-width:1399px) {
    .common-padding{ padding-top: 60px; padding-bottom: 60px; }  
    .padding-top{ padding-top: 60px;  } 
    .padding-bottom{padding-bottom: 60px;} 
}

@media only screen and (max-width:1199px) {
    .common-padding{ padding-top: 40px; padding-bottom: 40px; }  
    .padding-top{ padding-top: 40px;  } 
    .padding-bottom{padding-bottom: 40px;} 
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--cursor-bg-color);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  background-color: var(--cursor-bg-color);
  opacity: 0.3;
}

.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--cursor-bg-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

.img-custom-anim-bottom {
  animation: img-anim-bottom 2s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

/* ============ Get in Touch Sec ============ */

.get-in-touch-sec {
    z-index: 99;
    position: relative;
    background-size:100% 100%;
    padding:195px 0;
}
.get-in-touch-sec::after{
  position: absolute;
  content:'';
  right:0;
  left:0;
  top:0;
  bottom:0;
  background-color: rgba(34, 34, 34, 0.2);
  width:100%;
  height:100%;
}
.get-in-outr{padding:0 190px;}


h2.get-hdr{line-height:1; margin-bottom:50px; color:var(--white);font-size:54px;font-family:var(--prata);font-weight:400;}
.input_field .form-group input {
    border:1px solid var(--input-border);
    background: rgba(46, 43, 40, 0.8);
    height:64px;
    border-radius:0 !important;
    padding:5px 20px;
    color: var(--white);
    font-family: var(--poppins);
    font-weight:300;
    text-transform: uppercase;
    font-size:20px;
    margin-bottom: 20px;
}
.input_field .form-group textarea {
	 border:1px solid var(--input-border);
	background: rgba(46, 43, 40, 0.8);
	height:120px;
	padding:15px 20px;
	color: var(--white);
	font-family: var(--poppins);
  font-weight:300;
  text-transform: uppercase;
	font-size:20px;
  border-radius:0!important;
}
.submit-btn input{
    max-width:100%;
    height:64px;
    background: var(--white) url(../images/btn-icon.png);
    background-repeat: no-repeat;
    background-position:37.5% center;
    color:var(--marron-btn);
    border-radius:0!important;
    font-size:20px;
    font-family:var(--poppins);
    font-weight:400;
    text-transform: uppercase;
    text-align:center;
    padding:10px;
}
.submit-btn input:hover{
    background: var(--white) url(../images/btn-icon.png);
    background-repeat: no-repeat;
    background-position:37.5% center;
}
.input_field ::placeholder {color:var(--white);font-size: 20px;opacity: 1;}
.input_field :-ms-input-placeholder {color:var(--white);font-size: 20px;opacity: 1;}
.input_field ::-ms-input-placeholder {color:var(--white);font-size: 20px;opacity: 1;}
.address-bx{margin-left: 160px;}
ul.address-details{margin: 0; padding: 0;}
ul.address-details li{ list-style: none; font-size:36px; font-family:var(--prata); font-weight:400; color: var(--white); transition: var(--common-transition);}
ul.address-details li:not(:last-of-type){padding-bottom:50px;}
ul.address-details li i{color:var(--white);}
ul.address-details li a:hover, ul.contact-details li.active a{color: var(--blue-btn);}
ul.address-details li span{width:73px;height:73px;border-radius:50%;background-color:var(--white);
	display: flex;
    align-items: center;
    justify-content: center;
	margin-right:15px;
}
ul.address-details li > div{display: flex;align-items: center; font-size:24px!important;font-family:var(--poppins);font-weight: 300;margin-top:10px;}
ul.address-details li:last-child > div{text-transform: uppercase;}


@media only screen and (max-width:1599px) {
.get-in-touch-sec {
  padding: 180px 0;
}
.input_field .form-group input {
  height: 60px;
  font-size: 18px;
}
.get-in-outr {
  padding: 0 160px;
}
.input_field .form-group textarea {
  font-size: 18px;
}
.submit-btn input {
  height: 60px;
  font-size: 18px;
  background-position: 33.5% center;
}
.submit-btn input:hover {
  background-position: 33.5% center;
}
ul.address-details li {
  font-size: 33px;
}
ul.address-details li > div {
  font-size: 20px !important;
}
.address-bx {
  margin-left: 100px;
}
ul.address-details li span {
  width: 65px;
  height: 65px;
  margin-right: 10px;
}
ul.address-details li span img{width:33px;}
.comn-hdr.font-54 h2 {
  font-size: 50px;
}
}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1399px) {
.get-in-touch-sec {
    padding: 140px 0;
  }
 .get-in-outr {
    padding: 0 105px;
  }
h2.get-hdr {
  margin-bottom: 40px;
  font-size: 50px;
}
.input_field ::placeholder {
  font-size: 17px;
}
 .input_field .form-group textarea {
    font-size: 17px;
  }
   .input_field .form-group input {
    font-size: 17px;
  }
  .comn-hdr.font-54 h2 {
  font-size: 45px;
}
}
@media only screen and (max-width:1280px) {
.get-in-touch-sec {
    padding: 120px 0;
  }
  .get-in-outr {
    padding: 0 70px;
  }
  .address-bx {
    margin-left: 70px;
  }
  ul.address-details li:not(:last-of-type) {
  padding-bottom: 30px;
}
.comn-hdr.font-54 h2 {
  font-size: 40px;
}
}
@media only screen and (max-width:1199px) {
 .get-in-touch-sec {
    padding: 90px 0;
  }
  .get-in-outr {
    padding: 0;
  }
   ul.address-details li > div {
    font-size: 16px !important;
  }
  ul.address-details li {
    font-size: 28px;
  }
  ul.address-details li span {
    width: 57px;
    height: 57px;
  }
  h2.get-hdr {
    margin-bottom: 31px;
    font-size: 44px;
  }
  .comn-hdr.font-54 h2 {
  font-size: 35px;
}
}
@media only screen and (max-width:1080px) {

}
@media only screen and (max-width:1024px) {


}
@media only screen and (max-width:991px) {
.get-in-touch-sec {
    padding: 70px 0;
    background-size: cover;
  }
  .submit-btn input {
    background-position: 15.5% center;
    max-width: 250px;
  }
    .submit-btn input:hover {
    background-position: 15.5% center;
  }
 .address-bx {
    margin-left: 0;
  }
  .comn-hdr.font-54 h2 {
  font-size: 30px;
}
}
@media only screen and (max-width:900px) {
    
}
@media only screen and (max-width:840px) {
   
}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:667px) {
h2.get-hdr {
    margin-bottom: 27px;
    font-size: 33px;
  }
  .address-bx {
    margin-top: 20px;
  }
  ul.address-details li:not(:last-of-type) {
    padding-bottom: 13px;
  }
   ul.address-details li {
    font-size: 23px;
  }
   ul.address-details li span {
    width: 50px;
    height: 50px;
  }
    ul.address-details li span img {
    width: 29px;
  }
   .get-in-touch-sec {
    padding: 60px 0;
  }
   .comn-hdr.font-54 h2 {
  font-size: 25px;
}
}
@media only screen and (max-width:575px) {

}
@media only screen and (max-width:484px) {
.get-in-touch-sec {
    padding: 40px 0;
  }
.submit-btn input {
    max-width: 220px;
    height: 56px;
    font-size: 16px;
  }
}
@media only screen and (max-width:420px) {
}
 @media only screen and (max-width:390px) {
.get-in-touch-sec {
    padding: 30px 0;
  }
 }

 @media only screen and (max-width:360px) {
    
 }
/* ============ Get in Touch Sec ============ */


/* ============ Booking Directly Sec ============ */
.booking-directly-outr{background-size: 100% 100%;padding-top:50px; padding-bottom:70px;padding-left:80px;padding-right:60px;margin-bottom:100px;margin-top:-380px;}
.booking-innr h2{font-size: 64px;font-family: 'photograph_signatureregular';font-weight:400;color:var(--marron-btn);}
h2.booking-text{font-size: 72px;font-family:var(--rubik);font-weight:400;color:var(--header-color);line-height:1.1;}
.booking-taxt{max-width:645px;color:var(--header-color);}
.booking-email{width:640px;}
.booking-email .submit-btn input{background:var(--marron-btn)url(../images/btn-icon.png);background-repeat: no-repeat;background-position:38% center;color:var(--white);}
.booking-innr{width:100%;}
.booking-email .input_field .form-group input {
    border: 1px solid #777777;
    background: var(--white);
    color:#777777;
}
.booking-email .input_field ::placeholder {color:#777777;font-size: 20px;opacity: 1;}
.booking-email .input_field :-ms-input-placeholder {color:#777777;font-size: 20px;opacity: 1;}
.booking-email .input_field ::-ms-input-placeholder {color:#777777;font-size: 20px;opacity: 1;}
.padding-bottom-288{padding-bottom:288px!important;}
/* ============ Booking Directly Sec ============ */

@media only screen and (max-width:1599px) {
h2.booking-text {
  font-size: 65px!important;
}
.booking-innr h2 {
  font-size: 55px;
  margin-bottom:10px;
}
.booking-directly-outr {
  padding-top: 45px;
  padding-bottom: 60px;
  padding-left: 70px;
  padding-right: 50px;
}
.booking-email .input_field ::placeholder {
  font-size: 17px;
}
.booking-email .submit-btn input {
  background-position: 37% center;
}
}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1399px) {
.booking-directly-outr {
  margin-bottom: 70px;
  margin-top: -315px;
}
.padding-bottom-288 {
  padding-bottom: 255px !important;
}
}
@media only screen and (max-width:1280px) {
  .booking-directly-outr {
    padding-top: 35px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 40px;
  }
    .booking-innr h2 {
    font-size: 50px;
  }
  h2.booking-text {
  font-size: 55px!important;
  margin:0;
}
 .booking-email .submit-btn input {
    background-position: 35% center;
  }
}
@media only screen and (max-width:1199px) {
 .booking-directly-outr {
    margin-bottom: 25px;
    margin-top: -225px;
  }
   .padding-bottom-288 {
    padding-bottom: 205px !important;
  }
  .booking-email {
  width: 515px;
}
}
@media only screen and (max-width:1080px) {

}
@media only screen and (max-width:1024px) {


}
@media only screen and (max-width:991px) {
 .booking-innr h2 {
    font-size: 40px;
  }
   h2.booking-text {
    font-size: 40px !important;
    margin: 0;
  }
   .booking-email .submit-btn input {
    max-width: 100%;
  }
}
@media only screen and (max-width:900px) {
    
}
@media only screen and (max-width:840px) {
   
}
@media only screen and (max-width:767px) {
 
}
@media only screen and (max-width:667px) {
.booking-innr {
  display: block !important;
}
.booking-taxt {
  max-width: 100%;
  margin-bottom: 15px;
}
 .booking-email {
    width: 100%;
  }
}
@media only screen and (max-width:575px) {
 h2.booking-text {
    font-size: 30px !important;
  }
  .booking-innr h2 {
    font-size: 32px;
  }
   .booking-email .input_field ::placeholder {
    font-size: 15px;
  }
  .booking-email .input_field .form-group input {
  height: 55px;
  margin-bottom: 10px;
}
 .booking-email .submit-btn input {
    background-position: 32% center;
  }
   .booking-directly-outr {
    padding: 20px;
  }
    .booking-directly-outr {
    background-size: cover;
  }
}
@media only screen and (max-width:484px) {


}
@media only screen and (max-width:420px) {
}
 @media only screen and (max-width:390px) {
.booking-email .submit-btn input {
    background-position: 27% center;
  }
 }

 @media only screen and (max-width:360px) {
    
 }