/* global css start */
body {
    font-family: "Inter";
    color: #000;
    font-weight: 400;
}
/* html {
    scroll-behavior: unset;
} */
a {
    text-decoration: none;
    transition: all 0.5s ease;
}

/* global css end */
/* header start */

.mobile-header-icons {
    display: none;
}

.top-header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.logo-col {
    width: 311.95px;
    height: 85.6px;
            transition: all 0.6s ease;
}

.logo-col a {
    display: block;
    height: 100%;
    width: 100%;
}

.logo-col a img {
    display: block;
    height: 100%;
    width: 100%;
}

.right-content {
    width: calc(100% - 311.95px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
      transition: all .6s ease;
}

header.header {
    padding: 27px 0 27px;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 9;
    transition: all .6s ease;
}

header.header.nav-down {
    background: #000;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.3);
     padding: 15px 0 15px;
}
header.header.nav-down .logo-col {
    width: 250px;
    height: 60px;
      transition: all .6s ease;
}

header.header.nav-down .right-top-row {
    margin-bottom: 10px;
    
}
header.header.nav-down .right-content{
    width: calc(100% - 250px);
    
}
header.header.nav-up {
    top: -100%;
    transition: all .6s ease;
}

.right-top-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 20px;
      transition: all .6s ease;
}

.right-bottom-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: 50px;
    align-items: center;
}

ul.main-menu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 45px;
}

ul.main-menu li a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
}

span.email-label {}

.email-info {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

span.email-label {
    color: #A4A4A4;
}

a.email-link {
    color: #BF9A4E;
}

a.phone-box {
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #BF9A4E7D;
    border-radius: 50px;
    padding: 6.5px 25.5px;
    align-items: center;
}

.phone-details {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 13px;
}

span.phone-label {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    display: inline-block;
    margin-bottom: 2px;
    transition: all 0.5s ease;
}

span.phone-number {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    transition: all 0.5s ease;
}

a.phone-box:hover {
    background: #fff;
    border-color: #BF9A4E;
    
}
a.phone-box:hover span.phone-label {
    color: #BF9A4E;
}

 a.phone-box:hover span.phone-number {
    color: #BF9A4E;
} 
/* 
a.phone-box:hover img {
    filter: brightness(0) invert(1);
} */

/* a.phone-box img {
    transition: all 0.5s ease;
} */

ul.main-menu li a:hover{
    color: #BF9A4E;
}
/* ul.main-menu li.current-menu-item a ,ul.footer-menu li.current-menu-item a{
    color: #BF9A4E;
} */
a.email-link:hover {
   color: #fff;
}


/* header.header.nav-down ul.main-menu li a {
    color: #000;
}

header.header.nav-down ul.main-menu li a:hover {
    color: #BF9A4E;
}

header.header.nav-down span.phone-label {
    color: #BF9A4E;
}

header.header.nav-down span.phone-number {
    color: #BF9A4E;
}

header.header.nav-down a.phone-box:hover span.phone-label {
    color: #fff;
}

header.header.nav-down a.phone-box:hover span.phone-number {
    color: #fff;
} */

/* header end */
/* hero section start */
/* hero section start */

section.hero-section {
    position: relative;
    height: 100vh;
    margin-bottom: 86px;
}

.video-background video {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.video-background {
    display: block;
    height: 100%;
    width: 100%;
}

section.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 255px;
    width: 100%;
    background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.7;
}
section.hero-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 55%;
}
/* .hero-content-wrapper {
    position: absolute;
    bottom: 273px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
} */
.hero-content-wrapper{
position: absolute;
    top: 0;
    left: 0;
       height: calc(100% + 127px);
    width: 100%;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-box{
    margin-top: -24px;
}
body.home h1 {
    font-size: 74px;
    line-height: 93px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 8px;
}
.hero-box {
    text-align: center;
}
body.home .hero-box h2 {
    font-size: 40px;
    line-height: 51px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 26px;
}

.hero-description p {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
}

.hero-description {
    margin-bottom: 46px;
}
.hero-box .df-btn {
    font-size: 22px;
    line-height: 26px;
    padding: 18px 33px;
    font-weight: 600;
}

/* hero section end */
/* footerr starrt */
footer.footer {
    background: #000;
}
.footer-top {
    display: flex;
      padding: 60px 0 54px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.29);
}

.footer-col> strong {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #BF9A4E;
    margin-bottom: 16px;
    display: inline-block;
}
.footer-col.footer-col-2 >strong {
    margin-bottom: 18px;
}
.footer-col li {
    color: #fff;
}

.editor-content ul li a {
    color: #fff;
}
.footer-col.footer-col-1 {
    width: 30.786%;
    padding-right: 120px;
}

.footer-logo-col {
    width: 311.95px;
    height: 85.6px;
}

.footer-logo-col a {
    display: block;
    height: 100%;
    width: 100%;
}

.footer-logo-col a img {
    display: block;
    height: 100%;
    width: 100%;
}
.footer-col.footer-col-2 {
    width: 28.429%;
    padding-right: 166px;
}

.footer-col.footer-col-3 {
    width: 20.929%;
      padding-right: 166px;
}

.footer-col.footer-col-4 {
    width: 19.856%;
    padding-right: 150px;
}

.footer-bottom {
    padding: 26px 0 34px;
}

.footer-bottom p {
    font-size: 15px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.50);
    text-align: center;
    font-weight: 400;
}
ul.contact-list li,ul.contact-list li a {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}
ul.contact-list li a {
    display: inline-block;
    position: relative;
    padding-left: 34px;
}
ul.contact-list li a:hover{
      color: #BF9A4E;
}
ul.contact-list  li a::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
ul.contact-list  li.number a::before{
    top: -1px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg id='Icon' xmlns='http://www.w3.org/2000/svg' width='22.219' height='25.936' viewBox='0 0 22.219 25.936'%3E%3Cpath id='Path_25' data-name='Path 25' d='M19.067,27.991a5,5,0,0,1-2.263-.546A25.384,25.384,0,0,1,3.54,9.239,4.864,4.864,0,0,1,5.465,4.376L7.754,2.738a3.576,3.576,0,0,1,4.993.793l1.521,2.094a3.588,3.588,0,0,1-.793,5.006L11.967,11.7a20.656,20.656,0,0,0,4.967,6.84l1.534-1.079a3.6,3.6,0,0,1,5.006.793l1.5,2.107a3.576,3.576,0,0,1-.75,5l-.043.031-2.25,1.638A4.851,4.851,0,0,1,19.067,27.991ZM6.635,5.949A2.939,2.939,0,0,0,5.465,8.8,23.408,23.408,0,0,0,17.715,25.7a2.913,2.913,0,0,0,3.056-.312l2.263-1.638a1.628,1.628,0,0,0,.65-1.066,1.665,1.665,0,0,0-.286-1.209l-1.534-2.107a1.625,1.625,0,0,0-2.263-.351L17.494,20.54a.976.976,0,0,1-1.2,0,22.3,22.3,0,0,1-6.4-8.817.948.948,0,0,1,.325-1.144l2.107-1.534a1.6,1.6,0,0,0,.65-1.053A1.665,1.665,0,0,0,12.7,6.782L11.161,4.675A1.625,1.625,0,0,0,8.9,4.311Z' transform='translate(-3.452 -2.056)' fill='%23bf9a4e'/%3E%3C/svg%3E%0A");
    width: 22.22px;
    height: 25.94px;
}
li.address {
    position: relative;
    padding-left: 34px;
}

li.address::before {
    position: absolute;
    content: "";
    top: 1px;
    left: 0;
    width: 21.95px;
    height: 25.95px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.949' height='25.948' viewBox='0 0 21.949 25.948'%3E%3Cg id='Group_70' data-name='Group 70' transform='translate(-39.451)'%3E%3Cg id='Group_67' data-name='Group 67' transform='translate(39.451)'%3E%3Cg id='Group_66' data-name='Group 66' transform='translate(0)'%3E%3Cpath id='Path_50' data-name='Path 50' d='M58.186,3.214a10.975,10.975,0,0,0-18.735,7.76c0,5.93,5.607,10.863,8.619,13.512.419.368.78.686,1.068.955a1.891,1.891,0,0,0,2.574,0c.288-.269.65-.587,1.068-.955C55.793,21.837,61.4,16.9,61.4,10.975A10.9,10.9,0,0,0,58.186,3.214ZM51.777,23.346c-.428.376-.8.7-1.1.986a.367.367,0,0,1-.5,0c-.3-.285-.674-.61-1.1-.986-2.832-2.491-8.1-7.128-8.1-12.371a9.455,9.455,0,0,1,18.909,0C59.88,16.217,54.609,20.855,51.777,23.346Z' transform='translate(-39.451)' fill='%23bf9a4e'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_69' data-name='Group 69' transform='translate(45.589 5.724)'%3E%3Cg id='Group_68' data-name='Group 68' transform='translate(0)'%3E%3Cpath id='Path_51' data-name='Path 51' d='M165.406,112.938a4.836,4.836,0,1,0,4.836,4.836A4.842,4.842,0,0,0,165.406,112.938Zm0,8.153a3.316,3.316,0,1,1,3.316-3.316A3.32,3.32,0,0,1,165.406,121.091Z' transform='translate(-160.57 -112.938)' fill='%23bf9a4e'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

ul.contact-list li.email-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.358' height='17.95' viewBox='0 0 22.358 17.95'%3E%3Cpath id='Path_292' data-name='Path 292' d='M39.821,78.467a3.7,3.7,0,0,1-3.694,3.694H24.007a3.7,3.7,0,0,1-3.694-3.694V70.755a3.668,3.668,0,0,1,.51-1.868L26.736,74.8a4.718,4.718,0,0,0,6.661,0l5.913-5.913a3.668,3.668,0,0,1,.51,1.868v7.711ZM36.127,67.061H24.007a3.682,3.682,0,0,0-2.238.758l5.973,5.976a3.3,3.3,0,0,0,4.648,0l5.973-5.976a3.681,3.681,0,0,0-2.238-.758Zm0-1.425H24.007a5.126,5.126,0,0,0-5.119,5.119v7.711a5.124,5.124,0,0,0,5.119,5.119H36.127a5.124,5.124,0,0,0,5.119-5.119V70.755A5.126,5.126,0,0,0,36.127,65.636Z' transform='translate(-18.888 -65.636)' fill='%23bf9a4e' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    width: 22.36px;
    height: 17.95px;
    top: 4px;
    left: 0;
}
ul.contact-list li.number {
    margin-bottom: 18px;
}
ul.contact-list li.address {
    margin-bottom: 14px;
}
ul.footer-menu li a {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
ul.footer-menu li a:hover{
    color: #BF9A4E;
}
ul.footer-menu li {
    margin-bottom: 10px;
}

ul.footer-menu li:last-child {
    margin-bottom: 0;
}
/* footerr end */
/* contact  start*/
section.contact-us-section {
    background: #FBF9F5;
}


.contact-leftcol{
    width: 50%;
    padding-right: 120px;
    padding-left: calc(((100% - 1400px) / 2));
    padding-top: 76px;
    padding-bottom: 113px;
}

.contact-us-row {
    display: flex;
    flex-wrap: wrap;
}

.contact-rightcol {
    width:50%;
}

.contact-leftcol h2 {
    margin-bottom: 23px;
}

.contact-leftcol .contact-sub-heading {
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    line-height: 26px;
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
}

.sec-title p {
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}

.contact-rightcol iframe {
    display: block;
    height: 100%;
    width: 100%;
}



.custom-form-field {
    display: flex;
    flex-wrap: wrap;
    row-gap: 7px;
    margin: 0 -10px;
}

.custom-form .custom-form-field .row-field {
    width: 50%;
    padding: 0 10px;
}

.custom-form .custom-form-field br {
    display: none;
}

form .custom-form input,
form .custom-form textarea {
    outline: none;
    border: 1px solid #EBE7E0;
    border-radius: 6px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 15px 16px;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    line-height: 26px;
    transition: 0.5s;
    margin-top: 0px;
    font-family: 'Inter';
}
form .custom-form textarea{
    padding-top: 19px;
}
form .custom-form input::placeholder,
form .custom-form textarea::placeholder {
    opacity: 50%;
    color: #000;
}

form .custom-form .wpcf7-not-valid {
    border: 1px solid #E1211D !important;
}

.custom-contact-button {
    display: inline-block;
    position: relative;
    margin-top: 36px;
}

form .custom-form span.wpcf7-spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    right: -34px;
    transform: translateY(-50%);
}

form .custom-form input:focus,
form .custom-form select:focus,
form .custom-form textarea:focus {
    border: 1px solid #BF9A4E;
}



form .custom-form .btn {
    background-color: #BF9A4E;
    color: #fff;
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 600;
    border-radius: 100px;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    padding: 15px 30.09px;
    letter-spacing: 0;
    border: 2px solid #BF9A4E;
    transition: all 0.5s ease;
    height: auto;
    margin: 0;
    cursor: pointer;
}
form .custom-form .btn:hover {
    background-color: #fff;
    color: #BF9A4E;
}



form .custom-form .btn:focus {
    background-color: #fff;
    color: #BF9A4E;
}

.textarea-field {
    padding: 0 10px;
    width: 100%;
    line-height: 0;
}



.textarea-field textarea {
    height: 100%;
}


.textarea-field p span textarea {
    min-height: 102px;
   resize: vertical;
}

.custom-form .wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    display: none;
}

.wpcf7-spinner {
    background-color: #BF9A4E;
}

.custom-form .custom-form-field .row-field label ,.custom-form .custom-form-field .textarea-field  label {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
}

.custom-form .custom-form-field .row-field label span.star {
    position: relative;
}

.custom-form .custom-form-field .row-field label span.star::after {
    content: "*";
    color: #E1211D;
}
.mobile-map-section{
    display: none;
}
/* contact end */
/* contact person start */
.row.contact-person-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

section.contact-person-section {
    margin-bottom: 76px;
}

.col-left {
    width: 39.929%;
    /* background: red; */
}

.col-right {
    width: 60.071%;
    padding-left: 120.99px;
}

.col-right h2 {
    margin-bottom: 15px;
}

.col-right >strong ,.tipster-offer-wrap> strong {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 30px;
    display: block;
}
.tipster-offer-wrap> strong{
    margin-bottom: 19px;
    color: #fff;
}
.tipster-offer-content-wrap strong {
    font-weight: 700;
}
.contact_info h3 {
    font-size: 35px;
    line-height: 44px;
    /* font-family: 'Plus Jakarta Sans'; */
    font-weight: 700;
    margin-bottom: 21px;
}
p.bold_para {
    font-weight: 600;
}

p.bold_para {}

.contact_info p {
    margin-bottom: 20px;
}

.contact_info p:nth-last-of-type(1) {
    margin-bottom: 0;
}

ul.contact-box {
    margin-top: 43px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 16px #0000001A;
    border-radius: 48px;
     padding: 25.5px 25px;
    display: flex;
    justify-content: center;
}
.col-left img{
    display: block;
    width: 100%;

}
span.contact_short {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 400;
}

ul.contact-box a {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    margin-top: 3px;
}

ul.contact-box li:first-child {
    padding-right: 28px;
    border-right: 1px solid #CCCCCC;
    position: relative;
}

ul.contact-box li:last-child {
    padding-left: 77px;
    position: relative;
}

ul.contact-box li:first-child::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 26.37px;
    height: 30.78px;
    background-image: url("data:image/svg+xml,%3Csvg id='Icon' xmlns='http://www.w3.org/2000/svg' width='26.371' height='30.781' viewBox='0 0 26.371 30.781'%3E%3Cpath id='Path_25' data-name='Path 25' d='M21.985,32.837a5.93,5.93,0,0,1-2.685-.648A30.126,30.126,0,0,1,3.557,10.582,5.772,5.772,0,0,1,5.841,4.809L8.557,2.865a4.244,4.244,0,0,1,5.926.941L16.29,6.291a4.259,4.259,0,0,1-.941,5.942L13.558,13.5a24.515,24.515,0,0,0,5.9,8.118l1.821-1.281a4.274,4.274,0,0,1,5.942.941l1.775,2.5a4.244,4.244,0,0,1-.891,5.936l-.051.037-2.67,1.945A5.758,5.758,0,0,1,21.985,32.837ZM7.23,6.677a3.488,3.488,0,0,0-1.389,3.38A27.782,27.782,0,0,0,20.379,30.12a3.458,3.458,0,0,0,3.627-.37l2.685-1.945a1.932,1.932,0,0,0,.772-1.266,1.976,1.976,0,0,0-.34-1.435L25.3,22.6a1.929,1.929,0,0,0-2.685-.417l-2.5,1.806a1.158,1.158,0,0,1-1.42,0A26.471,26.471,0,0,1,11.1,13.529a1.125,1.125,0,0,1,.386-1.358l2.5-1.821a1.9,1.9,0,0,0,.772-1.25,1.976,1.976,0,0,0-.34-1.435L12.6,5.164a1.929,1.929,0,0,0-2.685-.432Z' transform='translate(-3.452 -2.056)' fill='%23bf9a4e'/%3E%3C/svg%3E%0A");
       background-repeat: no-repeat;
    background-size: contain;
}

ul.contact-box li {
    padding-left: 39px;
}

ul.contact-box li:last-child::before {
    content: "";
    position: absolute;
       top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 33.39px;
    height: 26.81px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.391' height='26.808' viewBox='0 0 33.391 26.808'%3E%3Cpath id='Path_291' data-name='Path 291' d='M50.15,84.8a5.523,5.523,0,0,1-5.517,5.517h-18.1A5.523,5.523,0,0,1,21.017,84.8V73.281a5.478,5.478,0,0,1,.761-2.789l8.832,8.832a7.046,7.046,0,0,0,9.948,0l8.832-8.832a5.477,5.477,0,0,1,.761,2.789V84.8ZM44.633,67.765h-18.1A5.5,5.5,0,0,0,23.192,68.9l8.92,8.924a4.929,4.929,0,0,0,6.942,0l8.92-8.924a5.5,5.5,0,0,0-3.342-1.132Zm0-2.129h-18.1a7.655,7.655,0,0,0-7.646,7.646V84.8a7.653,7.653,0,0,0,7.646,7.646h18.1A7.653,7.653,0,0,0,52.279,84.8V73.281A7.655,7.655,0,0,0,44.633,65.636Z' transform='translate(-18.888 -65.636)' fill='%23bf9a4e' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
ul.contact-box a:hover{
    color: #BF9A4E;
}
body:not(.home) header {
    background: #000;
}
/* contact person end*/
/* Tipster Offer strat */
section.tipster-offer-section {
  padding: 116px 0 134px;
    margin-bottom: 66px;
}

section.tipster-offer-section h2 {
    margin-bottom: 10px;
    color: #fff;
}
.tipster-offer-wrap {
    max-width: 553px;
    width: 100%;
}

.tipster-offer-content-wrap p {
    color: #fff;
}

.tipster-offer-content-wrap {
    margin-bottom: 35px;
}
/* Tipster Offer end */
.main-menu a.active,
.footer-menu a.active {
  color: #BF9A4E !important; 
}


/* responsive */

@media only screen and (max-width: 1439px) {
    header.header {
        padding: 15px 0 15px;
    }

    .logo-col {
        width: 280px;
        height: 80px;
    }

    .right-content {
        width: calc(100% - 280px);
    }

    ul.main-menu {
        column-gap: 30px;
    }

    .right-bottom-row {
        column-gap: 35px;
    }

    .right-top-row {
        margin-bottom: 15px;
    }

    body.home h1 {
        font-size: 50px;
        line-height: 70px;
        margin-bottom: 14px;
    }
    
    body.home .hero-box h2 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    
    .hero-description p {
        font-size: 22px;
        line-height: 32px;
    }
    
    .hero-description {
        margin-bottom: 40px;
    }
    
    .hero-content-wrapper {
       height: calc(100% + 110px);
    }
    .hero-box{
    margin-top: -19px;
}
    .hero-box .df-btn {
        font-size: 20px;
        line-height: 30px;
        padding: 14px 28px;
    }
    .footer-col.footer-col-1 {
    padding-right: 60px;
}

.footer-logo-col {
    width: 280px;
    height: 80px;
}



.footer-col.footer-col-2 {
    padding-right: 60px;
}

.footer-col.footer-col-3 {
    padding-right: 60px;
}

.footer-col.footer-col-4 {
    padding-right: 60px;
}
.contact-leftcol {
    padding-left: 20px;
    padding-right: 60px;
}
.col-right {
    width: 60%;
    padding-left: 50px;
}

.col-left {
    width: 40%;
}
header.header.nav-down{
    padding: 10px 0 10px;
}
}

@media only screen and (max-width: 1199px) {
    
    
    .logo-col,header.header.nav-down .logo-col {
        width: 220px;
        height: 60px;
    }

    .right-content {
        width: calc(100% - 220px);
    }

    a.phone-box {
        padding: 6.5px 15px;
    }

    span.phone-number {
        font-size: 18px;
        line-height: 22px;
    }

    .phone-icon img {
        max-height: 25px;
    }

    .phone-details {
        padding-left: 10px;
    }

    ul.main-menu {}

    .right-bottom-row {
        column-gap: 20px;
    }

    ul.main-menu {
        column-gap: 20px;
    }
    body.home h1 {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 16px;
    }
    
   body.home .hero-box h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }
    
    .hero-description p {
        font-size: 20px;
        line-height: 30px;
    }
    
    .hero-description {
        margin-bottom: 34px;
    }
    
    .hero-box .df-btn {
        font-size: 18px;
        line-height: 28px;
        padding: 12px 26px;
    }
/*     
    .hero-content-wrapper {
        bottom: 140px;
    } */
    .footer-logo-col {
    width: 220px;
    height: 60px;
}

.footer-top {
    padding: 50px 0 42px;
}

.footer-col.footer-col-1 {
    width: 28%;
    padding-right: 40px;
}

.footer-col.footer-col-2 {
    padding-right: 40px;
    width: 32%;
}

.footer-col.footer-col-3 {
    padding-right: 40px;
    width: 20%;
}

.footer-col.footer-col-4 {
    padding-right: 40px;
    width: 20%;
}

.footer-col> strong {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 30px;
}

.footer-col.footer-col-2 >strong {
    margin-bottom: 15px;
}

.footer-bottom {
    padding: 20px 0 20px;
}

.contact-leftcol {
    padding-top: 60px;
    padding-right: 40px;
    padding-bottom: 70px;
}

.contact-leftcol h2 {
    margin-bottom: 15px;
}

.sec-title p {
    margin-bottom: 14px;
}

.custom-contact-button {
    margin-top: 30px;
}

form .custom-form .btn {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 25px;
}
section.hero-section{
    margin-bottom: 57px;
}
.col-right {
    padding-left: 40px;
}

.col-right >strong,.tipster-offer-wrap> strong {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}

.contact_info h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

ul.contact-box {
    margin-top: 30px;
    padding: 20px;
}

ul.contact-box li:first-child::before {
    width: 22px;
    height: 22px;

}

ul.contact-box li:last-child::before {
    width: 22px;
    height: 22px;
    left: 20px;
}

ul.contact-box li {
    padding-left: 30px;
}

ul.contact-box li:first-child {
    padding-right: 20px;
}

ul.contact-box li:last-child {
    padding-left: 53px;
}

ul.contact-box a {
    font-size: 18px;
    line-height: 24px;
}

section.contact-person-section {
    margin-bottom: 70px;
}
section.tipster-offer-section {
    padding: 60px 0 70px;
}

.tipster-offer-content-wrap {
    margin-bottom: 30px;
}
header.header.nav-down .right-content{
        width: calc(100% - 220px);
}
    .hero-content-wrapper {
       height: calc(100% + 108px);
    }
    .hero-box{
    margin-top: -13px;
}
.contact-leftcol .contact-sub-heading{
    font-size: 18px;
    line-height: 28px;
}
}

@media only screen and (max-width: 991px) {
    .right-content {
        display: none;
    }

    .hero-content-wrapper {
       height: calc(100% + 75px);
    }
    .hero-box{
    margin-top: -12px;
}
    .mobile-header-icons {
        display: block;
    }

    .top-header-row {
        justify-content: space-between;
    }

    .mobile-header-icons svg {
        display: block;
        height: 35px;
        width: 35px;
        cursor: pointer;
    }

    .mobile_icon_wrapper {
        display: flex;
        /* justify-content: center; */
        align-items: center;
        gap: 15px;
    }

    nav.main-nav {
        position: fixed;
        right: -200%;
        top: 0;
        width: 100%;
        max-width: 450px;
        height: 100%;
        margin: 0;
        padding: 0 20px 40px;
        overflow-y: auto;
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        transition: all .6s ease;
        display: flex;
        flex-wrap: nowrap;
        z-index: 999;
        background-color: #000;
    }
    body.active-responsive-menu nav.main-nav {
        right: 0;
    }
    body.active-responsive-menu {
        position: relative;
        overflow: hidden;
    }

    body.active-responsive-menu::before {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 1;
        visibility: visible;
        background: #0000008c;
        z-index: 99;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        transition: all .6s ease;
    }

    .menu_text_row {
        display: block;
        width: 100%;
        position: sticky;
        top: 0;
        background: #000;
        z-index: 2;
    }

    .menu_text {
        right: 20px;
        text-align: right;
        line-height: 0;
        display: flex;
        justify-content: end;
        border-bottom: 0;
        height: 50px;
        align-items: end;
        margin: 0;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 0px !important;
    }

    .menu_text a {
        display: block;
        background: transparent;
        cursor: pointer;
        border: 0;
        padding: 0;
    }

    .menu_text a svg {
        height: 15px;
        width: 15px;
    }

    .main-nav .main-menu {
        width: 100%;
        padding: 0 !important;
    }

    nav.main-nav ul.main-menu li {
        width: 100%;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
    }

    nav.main-nav ul.main-menu li a {
        font-size: 18px;
        line-height: 28px;
        display: block;
        padding: 12px 0 !important;
        border-bottom: 0;
        color: #fff;
        font-weight: 500;
    }
    nav.main-nav ul.main-menu li a:hover{
        color: #BF9A4E;
    }
    nav.main-nav ul.main-menu li:last-child {
        border: 0;
    }
    section.hero-section {
               /* padding: 220px 0 220px; */
        height: auto;
        padding: 295px 0 220px;
    }
    
    .video-background video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    
    .hero-content-wrapper {
        position: unset;
        transform: unset;
        height: 100%;
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
    }
    .footer-col {
    width: 50% !important;
}

.footer-top {
    flex-wrap: wrap;
    row-gap: 30px;
}
.contact-rightcol {
    display: none;
}

.contact-leftcol {
    width: 100%;
}
.custom-form-field {
    row-gap: 10px;
}
.mobile-map-section{
    display: block;
    height: 300px;

}
.mobile-map-section iframe{
    display: block;
    height: 100%;
    width: 100%;
}
.col-right {
    width: 100%;
    padding: 0;
}

.col-left {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
}

ul.contact-box {
    max-width: 520px;
    width: 100%;
    /* margin: 0 auto; */
    margin-top: 30px;
}
}

@media only screen and (max-width: 767px) {
    nav.main-nav ul.main-menu li a {
        padding: 10px 0 !important;
        font-size: 16px;
        line-height: 26px;
    }

    
    .mobile-header-icons svg {
        height: 30px;
        width: 30px;
    }
    
    .mobile_icon_wrapper {
        gap: 12px;
    }
    body.home h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }
    
   body.home .hero-box h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    
    .hero-description p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .hero-description {
        margin-bottom: 30px;
    }
    
    section.hero-section {
        /* padding: 150px 0 150px; */
                padding: 225px 0 150px;
        margin-bottom: 50px;
    }
    
    .hero-box .df-btn {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 20px;
    }
    .footer-col> strong {
    font-size: 18px;
    line-height: 28px;
}

ul.contact-list li, ul.contact-list li a {
    font-size: 15px;
    line-height: 26px;
    /* padding-left: 30px; */
}

ul.contact-list li.number a::before {
    width: 20px;
    height: 20px;
    top: 2px;
}

li.address::before {
    width: 20px;
    height: 20px;
    top: 2px;
}

ul.contact-list li.email-address a::before {
    width: 20px;
    height: 16px;
    top: 4px;
}

ul.contact-list li a {
    padding-left: 32px;
}

li.address {
    padding-left: 32px;
}

ul.contact-list li.number {
    margin-bottom: 14px;
}

ul.footer-menu li a {
    font-size: 15px;
    line-height: 25px;
}

.footer-bottom {
    padding: 15px 0;
}

.footer-bottom p {
    font-size: 14px;
    line-height: 24px;
}

.footer-top {
    padding: 40px 0 32px;
}
.contact-leftcol {
    padding-top: 50px;
    padding-bottom: 60px;
}

.contact-leftcol h2 {
    margin-bottom: 12px;
}

.contact-leftcol .contact-sub-heading {
    /* font-size: 14px; */
    /* line-height: 24px; */
}

.custom-form .custom-form-field .row-field label, .custom-form .custom-form-field .textarea-field label {
    font-size: 15px;
    line-height: 25px;
}

form .custom-form input, form .custom-form textarea {
    font-size: 15px;
    line-height: 25px;
    height: 46px;
    padding: 15px 15px;
}

.textarea-field p span textarea {
    min-height: 90px;
    padding-top: 15px;
}

form .custom-form .btn {
    padding: 8px 20px;
    font-size: 15px;
    line-height: 25px;
}

.custom-contact-button {
    margin-top: 24px;
}

.mobile-map-section {
    height: 260px;
}
.col-right >strong ,.tipster-offer-wrap> strong{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}

.col-right h2 {
    margin-bottom: 12px;
}

.contact_info h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
}

.contact_info p {
    margin-bottom: 15px;
}

ul.contact-box {
    margin-top: 24px;
}

ul.contact-box a {
    font-size: 16px;
    line-height: 22px;
}

section.contact-person-section {
    margin-bottom: 60px;
}
section.tipster-offer-section {
    padding: 50px 0 60px;
    margin-bottom: 60px;
}

.tipster-offer-content-wrap {
    margin-bottom: 20px;
}
.contact-leftcol .contact-sub-heading{
    font-size: 16px;
    line-height: 26px;
}
.sec-title p{
    font-size: 15px;
    line-height: 25px;
}
}

@media only screen and (max-width: 576px) {
    section.hero-section {
        padding: 0;
        height: 80vh;
    }
    .hero-content-wrapper {
    height: calc(100% + 75px);
}
    /* .hero-content-wrapper {
        position: absolute;
        bottom: 60px;
        height: auto;
    } */
    .footer-col {
    width: 100% !important;
    padding: 0 !important;
}

.footer-col> strong {
    margin-bottom: 12px;
}

.footer-col.footer-col-2 >strong {
    margin-bottom: 12px;
}

.footer-top {
    row-gap: 25px;
}
.custom-form .custom-form-field .row-field {
    width: 100%;
}
ul.contact-box li:first-child {
    padding-right: 10px;
    padding-left: 28px;
}

ul.contact-box li:last-child {
    padding-left: 43px;
}

ul.contact-box li:last-child::before {
    left: 10px;
    width: 20px;
    height: 20px;
}

ul.contact-box {
    padding: 15px;
}

ul.contact-box li:first-child::before {
    width: 20px;
    height: 20px;
}

/* span.contact_short {
    font-size: 13px;
    line-height: 16px;
}

ul.contact-box a {
    font-size: 15px;
    line-height: 20px;
} */
}

@media only screen and (max-width: 479px) {
    .logo-col,header.header.nav-down .logo-col {
        width: 160px;
        height: 50px;
    }
    
    header.header {
        padding: 10px 0 10px;
    }
    
    .mobile-header-icons svg {
        height: 25px;
        width: 25px;
    }
    
    .mobile_icon_wrapper {
        gap: 10px;
    }
    .footer-logo-col {
    width: 160px;
    height: 50px;
}
ul.contact-box li {
    width: 100%;
}

ul.contact-box {
    flex-wrap: wrap;
    padding: 28px;
}

ul.contact-box li:first-child {
        border: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-right: 0;
        border-bottom: 1px solid #ccc;
}

ul.contact-box li:last-child {
    padding-left: 28px;
}


ul.contact-box li:last-child::before {
    left: 0;
}
ul.contact-box li:first-child::before {
    top: 18px;
}
    .hero-content-wrapper {
    height: calc(100% + 60px);
}
}