*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
  
}
#consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    color: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}
#consent-banner .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1150px;
    width: 100%;
	font-family: 'Open Sans';
}
#consent-banner p {
    margin: 0;
	font-family: 'Open Sans';
    font-size: 15px;
    line-height: 1.7em;
}
.cookietitle {
    font-weight: 700;
	font-family: 'Open Sans';
    font-size: 18px;
}
.smallnote {
    font-weight: 300;
    font-size: 12px;
	font-family: 'Open Sans';
}
span.smallnote a {
    color: #ad803c;
}
#consent-banner button {
    margin-left: 10px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}
#accept-cookies {
    background-color: #ad803c;
    color: white;
	border:1px solid #ad803c;
}
#consent-banner button {
    margin-left: 10px;
    padding: 10px 40px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 50px;
	font-family: 'Open Sans';
}

#deny-cookies {
    border: 2px solid #ad803c !important;
	border-radius:50px;
    color: white;
	color:#ad803c;
	font-family: 'Open Sans';
	background:transparent;
} 

@font-face {
    font-family: 'Hisquins';
    src: url('../fonts/Hisquins/Hisquins-Regular.eot');
    src: url('../fonts/Hisquins/Hisquins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Hisquins/Hisquins-Regular.woff2') format('woff2'),
        url('../fonts/Hisquins/Hisquins-Regular.woff') format('woff'),
        url('../fonts/Hisquins/Hisquins-Regular.ttf') format('truetype'),
        url('../fonts/Hisquins/Hisquins-Regular.svg#Hisquins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans.eot');
    src: url('../fonts/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans/OpenSans.ttf') format('truetype'),
        url('../fonts/OpenSans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/OpenSans/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans/OpenSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html, body{
    font-family: 'Open Sans';
    line-height: 1.5;
    font-size: 18px;
}

h1, h2{
    font-family: 'Hisquins';
    line-height: 1.3em;
}
h3, h4, strong{
    font-family: 'Open Sans Bold';
    line-height: 1.3em;
}
/**Header Style**/
header {
    position: relative;
	padding:10px 0px !important;
}

header .container{
    max-width: 1200px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative; 
    flex-direction: row;

}
.logo{
    width: 11%;
}
.logo img {
    max-width: 120px;
}
header .container .header-right{
    width: 91%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu {
    width: 80%;
    text-align: center;
}
.header-button{
    padding-right: 20px;
    width: 20%;
} 

nav.nav-menu--layout-horizontal {
    display: flex;
}
.nav-menu--layout-horizontal ul.nav-menu { 
    width: 100%;
    list-style: none;
    column-gap: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.nav-menu--layout-horizontal .nav-menu>li {
    display: flex;
}
.nav-menu--layout-horizontal ul.nav-menu li a {
    color: #fff;
    font-size: 18px;
    padding: 0px 10px;
    text-decoration: none;
}
.nav-menu--layout-horizontal ul.nav-menu li a:hover {
    color: #ad803c;
}
.buttons-container {
    display: flex;
    gap: 15px;
}
header #white-logo{
	display:block;
} 
header #black-logo{
	display:none;
}
header.sticky-head {
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #fff !important;
} 
header.sticky-head #black-logo{
	display:block !important;
}
header.sticky-head #white-logo{
	display:none !important;
}
header.sticky-head ul.nav-menu li a{
	color:#000 !important;
}
a.element-button {    
    width: auto;
    display: inline-block;
    text-align: center;
    font-family: 'Open Sans', Sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1em;
    fill: #fff;
    color: #fff;
    background-color: #ad803c;
    border-radius: 50px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, .4);
    padding: 14px 25px;
    transition: all .3s ease-in-out;
    cursor: pointer !important;
    outline: none !important;
    padding: 12px 30px !important;
    line-height: 1.3 !important;
    border: 2px solid #ad803c;
}
a.element-button.button-size-sm.outlined-btn {
    border: 2px solid #ad803c;
    background: transparent;
    color: #ad803c;
}
.element-button:hover {
    box-shadow: none !important;
}
.element-button span {
    text-decoration: inherit;
}

.element-button-content-wrapper {
    display: flex;
    justify-content: center;
}
.element-button .element-align-icon-left {
    display: flex;
    align-items: center;
}

.element-button .element-align-icon-left {
    margin-right: 5px;
    order: 5;
}
.element-button-text {
    flex-grow: 1;
    order: 10;
    display: inline-block;
}
p.text {
    font-size: 18px; 
    line-height: 1.5em;
    margin-bottom: 20px;
}
ul.icon-list li {
    margin-bottom: 10px;
    font-size: 18px;
    color: #000000;
    position: relative;
    padding-left: 25px;
}
ul.icon-list li span.list-icon {
    margin-right: 5px;
    position: absolute;
    left: 0;
}
ul.icon-list {
    margin-bottom: 20px;
}
.element-image img {
    vertical-align: middle;
    display: inline-block;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.under-btn-text {
    color: #000000;
    max-width: 400px;
    margin-top: 10px;
	line-height:1.3;
}
.under-btn-text span.icon-text {
    font-size: 14px;
}
.primary-color {
    color: #ad803c;
}
.center-text{ 
    text-align: center;
}
section:not(.hero-section){
    margin-top: 100px;
}
section.steps-section {
    margin-top: 20px;
}
h2.section-heading {
    text-align: center;
    font-size: 44px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
}
.row{
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    justify-content: center;
    align-content: initial;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto;
    gap: 40px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: 100%; 
}
.col-100 {
    width: 100%;
}
.col-75 {
    width: 75%;
}
.col-50 {
    width: 50%;
}
.col-33 {
    width: 33%;
}
.col-25 {
    width: 25%;
}
.row.buttons-row {
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
}
.row.m-20{
    margin-bottom: 20px;
}
.container.m-20{
    margin-bottom: 20px;
}
.tm-small {
	margin-top: 20px;
}
.tm-medium {
	margin-top: 50px;
}
.tm-large {
	margin-top: 80px;
}
.margin-center {
	margin: 0 auto;
}

/**Hero Section Style**/
section.hero-section {
    margin-top: -90px;
    padding-top: 100px; 
    background-image: url('../img/about-us.webp');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}
section.hero-section .row{   
    align-items: center;   
}
h1.heading {
    font-size: 46px;
    color: #fff;
    margin-bottom: 10px;
}
section.hero-section p.text {
    color: #fff;
}
section.hero-section ul.icon-list li {
    color: #ffffff;
}
section.hero-section img{
    max-width: 121%;
	margin-bottom: 0px;
}
section.hero-section .under-btn-text {
    color: #fff;    
}
section.hero-section .under-btn-text span.icon-text {
    font-size: 14px;
}


section.hero-section .row .col-50:first-child{
    padding-bottom: 50px;
}


@media screen and (max-width:1024px) {
    header .container {
        padding: 0px 20px;
    }
    header {
        position: relative;
        z-index: 1;
    }
    .nav-menu--layout-horizontal ul.nav-menu li a {
        color: #fff;
        font-size: 16px;
        padding: 0px 0px;
        text-decoration: none;
    }
    .logo {
        width: 18%;
    }
    .menu {
        width: 100%;
        text-align: right;
        justify-content: flex-end;
        display: flex;
    }
    .header-button {
        padding-right: 0;
        width: 32%;
        text-align: right;
    }
    section.hero-section {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }
    section.hero-section  h1.heading {
        font-size: 38px;
    }
    section.hero-section::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        left: 0;
        top: 0;
    }
    section.hero-section .row .col-50:first-child {
        padding-bottom: 50px;
        width: 100%;
    }
    section.hero-section .row .col-50:last-child {
        align-self: end;
    }
    section.hero-section .element-image {
        margin-left: -80px;
        margin-right: -20px;
    }
    section.hero-section img {
        max-width: 100%;
    }
    section.hero-section p.text {
        color: #FFF;
        max-width: 455px;
    }
    section.hero-section .buttons-container{
        position: relative;
    }
    
}
/**How It Works**/
section.how-it-works {
    margin-top: 120px;
}
section.how-it-works .icon-box .icon-box-icon {
    text-align: center;
    margin-bottom: 20px;
}
section.how-it-works .icon-box .icon-box-icon img {
    max-width: 90px;
    margin: 0 auto;
}
section.how-it-works .icon-box  h3.icon-box-headline {
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
}
section.how-it-works .icon-box p.icon-box-text {
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Open Sans';
}

section.how-it-works .icon-box {
    position: relative;
}

section.how-it-works .icon-box::before {
    content: "";
    position: absolute;
    left: 30px;
    top: -20px;
    width: 200px;
    height: 200px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    z-index: -1;
}
section.how-it-works .icon-box.no1::before {
    background: url(../img/no1.webp);
}
section.how-it-works .icon-box.no2::before {
    background: url(../img/no3.webp);
}
section.how-it-works .icon-box.no3::before { 
    background: url(../img/no2.webp);
}
section.how-it-works .icon-box.no4::before { 
    background: url(../img/no4.webp);
}
section.how-it-works .icon-box.no5::before { 
    background: url(../img/no5.webp);
}
section.how-it-works .icon-box.no6::before { 
    background: url(../img/no6.webp);
}
section.how-it-works .icon-box.no7::before { 
    background: url(../img/no7.webp);
}
section.how-it-works .icon-box.no8::before { 
    background: url(../img/no8.webp);
}
section.how-it-works .icon-box.no9::before { 
    background: url(../img/no9.webp);
}
@media screen and (max-width:1024px) {
    section.how-it-works {
        margin-top: 40px;
        padding: 0px 20px;
    }
    section.how-it-works .section-heading{
        font-size: 38px;
    }
	section.how-it-works .icon-box h3.icon-box-headline{
		font-size:20px;
	}
	section.how-it-works .icon-box::before {		
		left: -20px;
		width:160px;
		height:160px;
	}
	section.how-it-works .icon-box .icon-box-icon {
		text-align: center;
		margin-bottom: 0;
	}
}
/**Why Privillage Visa**/
section.why-privilage-visa .row{
    align-items: center;
    justify-content: center;
}
section.why-privilage-visa .element-image {
    text-align: center;
}
section.why-privilage-visa img {
    max-width: 80%;
    margin: 0 auto;
}

.image-box-image img {
    max-width: 100%;
    border-radius: 20px;
}
section.why-privilage-visa .image-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
    width: 100%;
    height: calc(100% - 7px);
    background-color: rgba(0, 0, 0, 0.5);
}

section.why-privilage-visa .image-box {
    position: relative;
}

section.why-privilage-visa .image-box-content {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 20px;
    left: 15px;
    text-align: left;
}
section.why-privilage-visa .image-box-text{
    position: relative;
    color: #fff;
    z-index: 1;
}
section.why-privilage-visa h3.image-box-headline {
    color: #fff;
    font-family: 'Open Sans';
}
section.why-privilage-visa h3.image-box-headline {
    color: #fff;
    font-family: 'Open Sans';
    margin-bottom: 10px;
}
section.why-privilage-visa p.image-box-txt {
    font-size: 15px;
}

section.hassle-free .container:nth-child(2n) {
    margin-bottom: 30px;
}

section.hassle-free  .image-box {
    position: relative;
}
section.hassle-free h2.section-heading, section.thailand-packages  h2.section-heading{
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 20px;
}
section.hassle-free .image-box::before {
    position: absolute;
    content: "";
    height: 98%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
}
section.hassle-free h3.image-box-headline {
    margin-bottom: 10px;
}
section.hassle-free .image-box-content {
    position: absolute;
    bottom: 20px;
    left: 10px;
    color: #ffff;
    width: calc(100% - 20px);
    font-size: 16px;
}

/**About Section**/
section.about-saim-legal p.center-text {
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/**Team Members**/
.team-members .container:nth-child(2n) .row{
    gap: 10px;
}
.team-members .image-box-image {
    text-align: center;
}
.team-members .image-box-image img {
    width: 250px;
}
.team-members .image-box h3 {
    font-family: 'Open Sans';
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
}
.team-members .image-box span.team-title {
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.team-members .image-box p.image-box-txt {
    margin-bottom: 20px;
    text-align: left;
}

/**What Make Us**/
section.what-makes-us h2.section-heading {
    margin-bottom: 10px;
}
.justify-center {
   position: relative;
    width: 100%; /* Ensure the container takes the full width of its parent */
    max-width: 850px;
    margin: 0 auto;
}
.video-container {
   position: relative;
    width: 100%; /* Ensure the container takes the full width of its parent */
    max-width: 850px;
    margin: 0 auto;
    aspect-ratio: 1.77777;
    cursor: pointer;
	border-radius:20px;
	margin-bottom:20px;
}
.thumbnail {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
	border-radius:20px;
}
#player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 0;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}


.element.element-image-box {
    margin-bottom: 20px;
}
.element-image-box-wrapper {
    display: flex;
    align-items: flex-start;
    text-align: start;
    flex-direction: row;
}
.element-image-box-img {
    margin-right: 10px;
    width: 90px; 
    position: relative;
}
figure.element-image-box-img::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 50px;
    background-color: #ad803c;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.10;
}
.element-image-box-img img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.element-image-box-content {
    width: 100%;
}
.element-image-box-title {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
}
.benefits-box {
    padding: 8px;
    border: 1px solid #ad803c;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.what-makes-us span.list-text {
    display: flex;
    justify-content: space-between;
}
.what-makes-us span.list-text strong {
    color: #ad803c;
    text-align: right;
    font-size: 14px;
    line-height: 1.8;
}
.what-makes-us span.list-text small {
    display: block;
}
.what-makes-us  ul.icon-list{
    margin-bottom: 0px; 
}
.what-makes-us .element.element-image-box:last-child {
    margin-bottom: 0px;
}
.what-makes-us .row{
    align-items: center;
}

section.thailand-packages {
    padding: 50px 0px;
    background-color: #f5f8f8;
    margin-top: 50px;
}
.package-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
    padding-bottom: 25px;
}
.package-container .text {
    font-size: 18px;
}
p.package-terms {
    margin-bottom: 20px; 
}
h3.package-headline {
    text-align: center;
    font-size: 24px;
    font-family: 'Hisquins';
    text-transform: uppercase;
    margin-top: 10px;
}
.package-image {
    margin: -10px;
}
.package-image img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
p.package-cost {
    margin-bottom: 20px;
    font-size: 18px;
}
p.package-cost strong{
    font-size: 24px;
}
p.package-cost small{
    font-size: 13px;
}
p.package-cost strong, p.package-cost small, p.package-terms strong {
    display: block;
}
.package-content {
    position: relative;
    padding-bottom: 70px;
    height: 100%;
}
p.privilage-points {   
    font-size: 18px;
}
a.element-button.button-size-sm.package-button {
    position: absolute;
    bottom: 0px;
    left: 25%;
    transform: translateX(-12.5%);
}

section.benifits {
    background-color: #192c4c;
    padding: 40px 0px 70px 0px;
    padding-bottom: 250px;
    margin-top: 0px;
}
section.benifits .section-heading {
    color: #fff;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 10px;
}
section.benifits p, section.benifits ul li{
    color: #fff;
}
section.benifits .container:nth-child(2) .row:last-child{
    gap: 100px;
}
section.benifits-below {
    margin-top: -250px;
}
section.benifits-below .container:first-child{
    margin-bottom: 20px;
}


section.freedom-of-choice .col-33 {
    border-right: 3px solid #f5f8f8;
}
section.freedom-of-choice .col-33:last-child {
    border-right: 0px; 
}
section.freedom-of-choice .section-heading{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 20px;
}
section.freedom-of-choice .row.buttons-row{
    margin-top: 20px;
}
.icon-box-icon {
    width: 75px;
    margin: 0 auto;
    position: relative;
}
.icon-box-icon::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: -1;
    background-color: #f5ecbf;
    border-radius: 50px;
    top: 0px;
    left: -7px;
}

h3.icon-box-headline {
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 5px;
}
p.icon-box-text {
    font-size: 16px;
}

.icon-box-icon img {
    max-width: 100%;
}

section.we-help-visa-clients .section-heading {
    max-width: 550px;
    margin: 0 auto;
    margin-bottom: 20px;
}
section.we-help-visa-clients ul li {
    font-family: 'Open Sans Bold';
}
section.we-help-visa-clients {
    margin-bottom: 150px;
    background-image: url(../img/We_help_thailand_elite_visa_clients.webp);
    padding-bottom: 700px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

section.beyond-section {
    margin-top: -400px;
}
section.beyond-section  .section-heading{
    color: #fff !important;
}
section.beyond-section .col-33 {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
}
section.beyond-section  .icon-box-icon::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 0;
    background-color: #f5ecbf;
    border-radius: 50px;
    top: 0px;
    left: -7px;
}
section.beyond-section .container:nth-child(2) .row {
    margin-bottom: 30px;
}
section.beyond-section  .icon-box-icon img {
    max-width: 100%;
    position: relative;
}

section.beyond-section  h3.icon-box-headline {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.gravitate-towards-hotels .section-heading{
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 20px;
}

section.office-freedom .icon-box-icon {
    width: 100%;
    border-radius: 20px;
}
section.office-freedom .icon-box-icon::before{
    display: none;
}
section.office-freedom .icon-box-icon img {
    border-radius: 20px;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

section.office-freedom  h3.icon-box-headline {   
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
    text-align: left;
}
section.office-freedom .container:nth-child(2) .row {
    margin-bottom: 20px;
    gap: 30px;
}
/**Testimonails Slider**/
.main-swiper {
    width: 95%;
    padding-bottom: 30px !important; 
    margin-bottom: 20px !important;
    position: static !important;
}
.swiper-button-prev {
    left: 5px !important;
}
.swiper-button-next {
    right: 5px !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
    color: #ad803c;
    background: none;
    border: 2px solid;
    border-radius: 100%;
    padding: 6px 11px;
    font-size: 22px !important;
}
.swiper-pagination-bullet {
    width: 14px !important;
    height: 14px !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ad803c !important;
  
}
section#reviews .container:last-child {
    margin-top: 20px;
}
.element-testimonial {
    position: relative;
    text-align: left;
    box-shadow: 1px 1px 7px 0px rgb(0 0 0 / 33%);
    padding: 20px;
    border-radius: 20px;
    padding-top: 70px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #fff !important;
    height: 100%;
    overflow: visible !important;
    padding-bottom: 110px !important;
    margin-bottom: 20px;
}
.element-testimonial:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 20px;
    width: 30px;
    height: 30px;
    background: url(../img/qoutes.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.element-testimonial:after {
    width: calc(100%);
    height: calc(100%);
    border: 1px solid #ad803c;
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
    border-radius: 20px;
    z-index: -1;
}
span.element-testimonial__rating .fa-star {
	color: #ad803c;
}
.element-testimonial__name a {
    color: #000 !important;
}
.swiper-slide {
    padding: 30px 30px 0;
    height: auto;
    will-change: transform;
    border-style: solid;
    border-width: 0;
    transition-duration: .5s;
    transition-property: border, background, transform;
    overflow: hidden;
	height:auto !important;
}
.element-testimonial__text {
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
}
.element-testimonial__footer {
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-top: 25px;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    left: 0;
}
.element-testimonial__footer cite {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    margin-inline-end: 0;
    margin-inline-start: 20px;
}
.element-testimonial__name {
    color: #000;
    font-family: "Open Sans Bold", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
}
.element-testimonial__title {
    color: #000;
    font-family: 'Open Sans', Sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding-top: 5px;
}

/**FAQ Style**/
/* Core styles/functionality */
.tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .tab__content {
    overflow: hidden;
    transition: all 0.35s;
	display:none;
  }
  .tab input:checked ~ .tab__content {
    display:block;
  }
  
  /* Visual styles */
  .accordion {
    color: #000;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .accordion .tab {
    border: 1px solid #d1d1d1;
    border-radius: 20px;
    margin-bottom: 20px;
}
  .tab__label,
  .tab__close {
    display: flex;
    color: #000;
    cursor: pointer;
  }
  .tab__label {
    justify-content: space-between;
    padding: 1rem;
    font-family: 'Open Sans Bold';
  }
  .tab__label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.35s;
  }
  .tab input:checked + .tab__label::after {
    transform: rotate(270deg);
	border-color:#ad803c !important;
  }
  .tab__content p {
    margin: 0;
    padding: 0px 1rem 1rem; 
  }
  .tab__close {
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
 
   .tab:has(> input:checked) {  
		border: 1px solid #ad803c !important;
   }
  
  /* Arrow animation */
  .tab input:not(:checked) + .tab__label:hover::after {
    animation: bounce .5s infinite;
  }
  @keyframes bounce {
    25% {
      transform: rotate(90deg) translate(.25rem);
    }
    75% {
      transform: rotate(90deg) translate(-.25rem);
    }
  }
  
/**Footer CTA **/
.above-footer-cta {
    background-image: url(../img/footer_cta_bg.webp);
    padding: 80px 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.container.footer-cta {
    padding: 32px;
    background-color: #172b49e0; 
    border-radius: 10px;
    margin-top: 50px;
}
.container.footer-cta p.text {margin-bottom: 0px;}
.container.footer-cta .show-tab-mobile{
    display: none;
}
.container.footer-cta .row{
    align-items: center;
}
.container.footer-cta .element-image {
    margin: -180px -30px -215px -30px;
}
.container.footer-cta h2.cta-headline {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px;
}
.container.footer-cta .text{
    color: #ffffff;
}
.container.footer-cta .under-btn-text{
    color: #ffffff;
}
.container.footer-cta  ul.icon-list li { 
    padding: 0;
    display: flex;
}
.container.footer-cta span.list-text{
    color: #ad803c;
}
.container.footer-cta span.list-text .phone {
    display: block;
    font-size: 30px;
    color: #fff;
}
.container.footer-cta li span.list-icon{
    width: 40px;
    height: 40px;
    border: 2px solid #ad803c;
    padding: 0;
    border-radius: 50px;
    text-align: center;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 5px;
}
.container.footer-cta li span.list-icon svg {
    width: 28px;
    height: 28px;
    margin-top: -4px;
    margin-left: 5px;
}
/**Footer Style**/
footer {
    margin-top: 40px;
}
footer .logo-column {
    width: 32%;
    padding-right: 30px;
}
footer .links-column {
    width: 10%;
}
footer .promise-column {
    width: 28%;
}
footer .contact-column {
    width: 30%;
}
.element-image.footer-logo {
    max-width: 160px;
    margin-bottom: 20px;
}
footer .text {
    font-size: 16px;
}
h3.footer-heading {
    margin-bottom: 20px;
}
ul.footer-menu .footer-menu-link {
    padding: 6px 0px;
    display: block;
    color: #000;
    font-size: 16px;
}
ul.footer-menu .footer-menu-link:hover{
    color: #ad803c;
}

ul.footer-menu .footer-menu-item {
    list-style: none;
}
ul.footer-menu {
    position: relative;
    margin: 0;
    padding: 0;
}
footer ul.icon-list .list-icon {
    font-size: 16px;
    color: #ad803c;
}

footer ul.icon-list .list-text {
    font-size: 16px;
}
footer ul.icon-list .list-text a{
	color:#000;
}
footer .icon-list li span.list-icon {
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 3px;
}
ul.privacy-links li a {
    color: #000;
    font-size: 16px;
}

ul.privacy-links li {
    padding: 0px 15px;
}
ul.privacy-links {
    display: flex;
}
.copyright-container {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #f5f8f8;
}

.copyright-container .element-icon-list-icon {
    display: flex;
    position: relative;
    top: 0;
}
.copyright-container .row .col-50:last-child {
    text-align: right;
}
.copyright-container .element-icon-list-item {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-flex;
    font-size: inherit;
    word-break: break-word;
    align-self: flex-end;
    text-align: left;
}
.copyright-container  .element-icon-list-item a {
    display: flex;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4em;
}
.copyright-container  .element-icon-list-icon svg {
    --e-icon-list-icon-size: 35px;
    --icon-vertical-offset: 0px;
    width: var(--e-icon-list-icon-size, 1em);
    height: var(--e-icon-list-icon-size, 1em);
    fill: #000000;
    transition: fill 0.3s;
    margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em)* .25) 0 0);
}
.copyright-container span.element-icon-list-text {
    padding-left: 10px !important;
    border-left: 2px solid #000;
    font-size: 13px;
    font-family: 'Open Sans';
	color:#000;
}
.copyright-container .element-icon-list-icon+.copyright-container .element-icon-list-text {
    align-self: center;
    padding-inline-start: 5px;
}

.element-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nav-menu-icon-size, 22px);
    padding: .25em;
    cursor: pointer;
    border: 0 solid;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .05);
    color: #fff;
}
.element-menu-toggle i{
    background: #fff;
}
.element-menu-toggle:not(.element-active) .element-menu-toggle__icon--close {
    display: none;
}

@media (min-width: 1025px) {
    header  .element-menu-toggle, 
    header .element-nav-menu--dropdown {
        display: none;
    } 
}
.nav-menu--layout-vertical, .mobile-buttons, .mobile-buttons-under-text{
    display: none !important;
}

@media (max-width: 1024px) {
    .element-menu-toggle {
        background-color: #0000 !important;    
        width: 40px;
        height: 40px;
        padding: 0;
        position: relative;
        align-items: flex-start !important;
    }
    .element-menu-toggle i {
        width: 30px;
        height: 4px;
        z-index: 99;
        background-color: #fff;
        border-radius: 10px;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease;
        margin-top: 10px;
    }
    .element-menu-toggle i:before, .element-menu-toggle i:after {
        content: "";
        height: 4px;
        z-index: 99;
        background-color: #fff;
        border-radius: 10px;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease;
        display: block;
    }
    .element-menu-toggle i:before {
        width: 16px;
        margin-top: 10px;
    }
    .element-menu-toggle i:after {
        width: 26px;
        margin-top: 6px;
    }
    .element-menu-toggle.element-active i.element-menu-toggle__icon--open {
        display: none;
    }
   
    .element-menu-toggle.element-active  i.element-menu-toggle__icon--close.eicon-close {
        position: absolute;
        right: 10px;
        top: -10px;
        width: 32px;
        height: 32px;
        background-color: transparent; 
      }

      
      .element-menu-toggle.element-active  i.element-menu-toggle__icon--close.eicon-close:before, 
      .element-menu-toggle.element-active  i.element-menu-toggle__icon--close.eicon-close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 4px;
        background-color: #fff;
      }
      .element-menu-toggle.element-active  i.element-menu-toggle__icon--close.eicon-close:before {
        transform: rotate(45deg);
        margin-top: 6px;
      }

      .element-menu-toggle.element-active  i.element-menu-toggle__icon--close.eicon-close:after {
        transform: rotate(-45deg);
      }
      .menu.menu-active .nav-menu--layout-vertical {
        display: flex !important;
        position: absolute;
        width: 100%;
        height: 100vh;
        background: #000;
        left: 0;
        top: 0;
        justify-content: center;
        align-items: center;
    }
    .menu.menu-active nav.nav-menu--layout-vertical li a {
        color: #fff !important;
        font-size: 30px;
        font-family: 'Open Sans Bold';
        text-align: center;
        display: block;
        margin: 10px;
    }
    .logo {
        z-index: 9;
    }
    .menu.menu-active nav.nav-menu--layout-vertical ul.nav-menu li:last-child {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 20px;    
    }
    
    .menu.menu-active nav.nav-menu--layout-vertical ul.nav-menu {
        width: 100%;
        margin-top: -70px;
    }
    a.element-button.button-size-sm.outlined-btn.mobile-menu-btn.mobile-call-btn,
    a.element-button.button-size-sm.mobile-menu-btn {
        font-size: 16px !important;
        display: inline-block;
        font-family: 'Open Sans';
        margin: 0px !important;
    }
    
}

@media screen and (max-width:1024px) {
    section:not(.hero-section) {
        margin-top: 60px;
    }
	section.steps-section {
		margin-top: 20px;
	}
    section{
        padding-left: 20px;
        padding-right: 20px;
    }
    h2.section-heading{
        font-size: 38px;
    }
    .col-sm-100{
        width: 100%;
    }
    section.why-privilage-visa img {
        max-width: 65%;
        margin: 0 auto;
    }
    section.why-privilage-visa .container:nth-child(2) .row {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    section.why-privilage-visa .buttons-container {
        align-items: center;
        justify-content: center;
    }
    section.why-privilage-visa .under-btn-text{
        margin-left: auto;
        margin-right: auto;
    }


    section.hassle-free h2.section-heading {
        max-width: 550px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    section.hassle-free .container:nth-child(2) .row {
        flex-wrap: wrap;
    }
    section.hassle-free .col-sm-50 {
        width: 48%;
    }
	section.hassle-free .container:nth-child(2n){
		margin-bottom:15px;
	}
   
    .team-members h2.section-heading {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    
    section.thailand-packages {
        padding: 50px 20px;
    }
    section.thailand-packages h2.section-heading {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    section.thailand-packages .container:nth-child(2) .row {
        flex-wrap: wrap;
    }
    section.thailand-packages  .col-sm-50 {
        width: 48%;
    }

    section.benifits {
        padding: 50px 20px;
        padding-bottom: 170px;
        margin-top: 0px !important;
    }
    section.benifits .container:nth-child(2) .row:last-child {
        gap: 20px;
    }
    section.benifits .section-heading {
        color: #fff;
        max-width: 650px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    section.benifits-below {
        margin-top: -170px !important;
    }

    section.freedom-of-choice .section-heading {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    section.freedom-of-choice   h3.icon-box-headline {
        font-size: 20px;
    }
    section.we-help-visa-clients {
        margin-bottom: 150px;       
        padding-bottom: 340px;
    }
    section.we-help-visa-clients .container:nth-child(2) .row .col-50:first-child {
        display: none;
    }

    section.we-help-visa-clients .container:nth-child(2) .row .col-50:last-child {
        width: 100%;
    }
    section.we-help-visa-clients  ul.icon-list {
        margin-bottom: 20px;
        max-width: 61%;
        margin-left: 41%;
    }
    section.we-help-visa-clients > p.text:last-child{
        max-width: 61%;
        margin-left: 41%;
    } 
    section.beyond-section {
        margin-top: -280px !important;
    }
    .gravitate-towards-hotels .section-heading {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .gravitate-towards-hotels .container:nth-child(2) .row {
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
    }
    .gravitate-towards-hotels .col-sm-100{
        width: 100%;
    }
    .gravitate-towards-hotels  .element-image {
        max-width: 65%;
        margin: 0 auto;
    }
    .gravitate-towards-hotels  .buttons-container {
        align-items: center;
        justify-content: center;
    }
    .gravitate-towards-hotels  .under-btn-text{
        margin-left: auto;
        margin-right: auto;
    }
    section.office-freedom .icon-box-icon img {
        height: 170px;
    }
    section.office-freedom h3.icon-box-headline {
        font-size: 18px;
    }
    .swiper-button-prev {
        left: -10px !important;
    }
    .swiper-button-next {
        right: -10px !important;
    }
    .container.footer-cta .show-tab-mobile{
        display: block;
    }
    .container.footer-cta .row .col-33:last-child {
        display: none;
    }
    .container.footer-cta .row .col-33:nth-child(2) {
        order:1;
        align-self: flex-end;
        width: 45%;
    }
    .container.footer-cta .row .col-33:first-child {
        order:2;
        width: 55%;
    }
    .container.footer-cta h2.cta-headline {
        font-size: 30px;
        color: #fff;
        margin-bottom: 10px;
    }
    .above-footer-cta {
        background-image: url(../img/footer_cta_bg.webp);
        padding: 0px 0px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .container.footer-cta {
        padding: 30px;
        background-color: #172b49e0;
        border-radius: 0px;
        margin-top: 0;
    }
    .container.footer-cta .element-image {
        margin: -70px -50px -30px -50px;
    }

    footer {
        padding: 0px 20px;
    }
    footer .container:first-child .row {
        flex-wrap: wrap;
    }
    footer .container:first-child .row .col-33 {
        width: 48%;
    }
    .copyright-container .row{
        flex-wrap: nowrap  !important;
        padding-right: 20px;
    }
	.steps-section .element.element-image-box{
		margin-top:0px !important; 
	}
	.steps-section .step {
		position: relative;
		padding: 50px 0px 30px 0px !important;
	}
	.steps-section .step.step-1{
		margin-top:40px !important;
	}
		
}
a.element-button.button-size-sm.outlined-btn.mobile-call-btn {
    display: none;
}
.element-screen-only {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/**POPUP STYLE**/
.element-popup-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    z-index: 9999;
}
.dialog-widget-content{
    background-color: #fff;
    width: auto;
    overflow: visible;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    box-shadow: none;
    pointer-events: all;
    animation-duration: 1.25s;
    border-style: solid;
    border-width: 1px;
    border-color: #cfdd26;
    border-radius: 20px;
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    position: relative;
}
.dialog-close-button.dialog-lightbox-close-button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
    height: 32px;
    background-color: transparent; 
    border: 2px solid #ad803c;
    border-radius: 50px;
    cursor: pointer;
  }

  
  .dialog-close-button.dialog-lightbox-close-button:before, 
  .dialog-close-button.dialog-lightbox-close-button:after {
    position: absolute;
    left: 13px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #ad803c;
    top: 4px;
  }
  .dialog-close-button.dialog-lightbox-close-button:before {
    transform: rotate(45deg);
  }
  .dialog-close-button.dialog-lightbox-close-button:after {
    transform: rotate(-45deg);
  }

.element-popup-modal .dialog-message {
    width: 750px;
    height: auto;
    padding: 10px;
}

.element-popup-modal .dialog-message {
    width: 750px;
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto;
    display: flex;
    padding: 30px;
}
.dialog-message {
    line-height: 1.5;
    box-sizing: border-box;
}
h2.popup-heading {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.popup-container .row {
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
    justify-content: initial;
    align-content: initial;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto;
    gap: 20px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: auto;
}

p.popup-text {
    font-size: 18px;
    margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    .header-button, .menu nav.nav-menu--layout-horizontal {
        display: none;
    }
    .logo {
        width: 70%;
    }
    header .container {
        padding: 0px 15px;
    }
    .col-xs-100 {
        width: 100% !important;
    }
    .row {
        align-items: center;
        flex-wrap: wrap;
    }
    a.element-button {
        padding: 10px 20px !important;
    }
    a.element-button.button-size-sm.outlined-btn.desktop-call-btn {
        display: none;
    }
    a.element-button.button-size-sm.outlined-btn.mobile-call-btn {
        display: flex;
    }
    .buttons-container {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }
    .hero-section a.element-button.button-size-sm.outlined-btn.mobile-call-btn {
        display: flex;
        color: #fff;
        border-color: #fff;
    }
    .under-btn-text {        
        max-width: 270px;
        line-height: 1.2;
        margin-left: auto;
        margin-right: auto;
    }
	.thumbnail {
		z-index: 0;
	}
    section.hero-section .row .col-50:first-child {
        padding-bottom: 0px;
        width: 100%;
    }
    section.hero-section .element-image {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    section.hero-section img {
        max-width: 100%;
        margin: -80px auto 0;
    }
    section.how-it-works {
        margin-top: 30px !important;
        padding: 0px 20px;
    }
    section.how-it-works .section-heading {
        font-size: 30px;
    }
    h2.section-heading {
        font-size: 30px;
    }
    section:not(.hero-section) {
        margin-top: 50px;
    }
	section.steps-section {
		margin-top: 20px;
	}
	section.we-help-visa-clients .section-heading{
		margin-bottom:10px;
	}
    section.why-privilage-visa img {
        max-width: 100%;
        margin: 0 auto;
    }
    section.about-saim-legal h2.section-heading {
        margin-bottom: 5px;
    }
    .team-members .container:nth-child(2n) .row {
        gap: 10px;
    }
	section.gssa-logo img {
		width: 100%;
	}
    section.benifits {
        padding-bottom: 70px;
    }
    section.benifits-below {
        margin-top: -70px !important;
    }
    section.freedom-of-choice .icon-box-text {
        text-align: center;
        font-size: 18px;
    }
    section.freedom-of-choice .col-33 {
        border-right: 0px;
        border-bottom: 3px solid #f5f8f8;
        padding-bottom: 20px;
    }
    section.freedom-of-choice .col-33:last-child{
        border-bottom: 0px;
    }
    section.we-help-visa-clients {
        margin-bottom: 175px;
        padding-bottom: 259px;
    }
    section.we-help-visa-clients ul.icon-list {
        margin-bottom: 20px;
        max-width: 100%;
        margin-left: 0;
    }
    .gravitate-towards-hotels .element-image {
        max-width: 100%;
        margin: 0 auto;
    }
    .container.footer-cta .row .col-33:nth-child(2){
        order: 2;
    }
    .container.footer-cta .row .col-33:first-child {
        order: 1;
    }
    .container.footer-cta .element-image {
        margin: 0;
        margin-bottom: -30px;
    }
    .above-footer-cta{
        margin-top: 30px !important;
    }
    .container.footer-cta {
        padding: 30px 20px;
    }
    .copyright-container .row {
        flex-wrap: wrap !important;
        padding-right: 20px;
    }
    .copyright-container .row .col-50:last-child {
        text-align: center;
    }
    .copyright-container {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #f5f8f8;
    }
    .main-swiper {
        width: 88%;
        margin-bottom: 30px !important;
    }
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        margin-bottom: 40px;
    }
}
/**Element Form Columns Style**/

@media (min-width: 768px) {
    .element-column.element-col-10,.element-column[data-col="10"] {
        width:10%
    }

    .element-column.element-col-11,.element-column[data-col="11"] {
        width: 11.111%
    }

    .element-column.element-col-12,.element-column[data-col="12"] {
        width: 12.5%
    }

    .element-column.element-col-14,.element-column[data-col="14"] {
        width: 14.285%
    }

    .element-column.element-col-16,.element-column[data-col="16"] {
        width: 16.666%
    }

    .element-column.element-col-20,.element-column[data-col="20"] {
        width: 20%
    }

    .element-column.element-col-25,.element-column[data-col="25"] {
        width: 25%
    }

    .element-column.element-col-30,.element-column[data-col="30"] {
        width: 30%
    }

    .element-column.element-col-33,.element-column[data-col="33"] {
        width: 33.333%
    }

    .element-column.element-col-40,.element-column[data-col="40"] {
        width: 40%
    }

    .element-column.element-col-50,.element-column[data-col="50"] {
        width: 50%
    }

    .element-column.element-col-60,.element-column[data-col="60"] {
        width: 60%
    }

    .element-column.element-col-66,.element-column[data-col="66"] {
        width: 66.666%
    }

    .element-column.element-col-70,.element-column[data-col="70"] {
        width: 70%
    }

    .element-column.element-col-75,.element-column[data-col="75"] {
        width: 75%
    }

    .element-column.element-col-80,.element-column[data-col="80"] {
        width: 80%
    }

    .element-column.element-col-83,.element-column[data-col="83"] {
        width: 83.333%
    }

    .element-column.element-col-90,.element-column[data-col="90"] {
        width: 90%
    }

    .element-column.element-col-100,.element-column[data-col="100"] {
        width: 100%
    }
}

@media (max-width: 479px) {
    .element-column.element-xs-10 {
        width:10%
    }

    .element-column.element-xs-11 {
        width: 11.111%
    }

    .element-column.element-xs-12 {
        width: 12.5%
    }

    .element-column.element-xs-14 {
        width: 14.285%
    }

    .element-column.element-xs-16 {
        width: 16.666%
    }

    .element-column.element-xs-20 {
        width: 20%
    }

    .element-column.element-xs-25 {
        width: 25%
    }

    .element-column.element-xs-30 {
        width: 30%
    }

    .element-column.element-xs-33 {
        width: 33.333%
    }

    .element-column.element-xs-40 {
        width: 40%
    }

    .element-column.element-xs-50 {
        width: 50%
    }

    .element-column.element-xs-60 {
        width: 60%
    }

    .element-column.element-xs-66 {
        width: 66.666%
    }

    .element-column.element-xs-70 {
        width: 70%
    }

    .element-column.element-xs-75 {
        width: 75%
    }

    .element-column.element-xs-80 {
        width: 80%
    }

    .element-column.element-xs-83 {
        width: 83.333%
    }

    .element-column.element-xs-90 {
        width: 90%
    }

    .element-column.element-xs-100 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .element-column.element-sm-10 {
        width:10%
    }

    .element-column.element-sm-11 {
        width: 11.111%
    }

    .element-column.element-sm-12 {
        width: 12.5%
    }

    .element-column.element-sm-14 {
        width: 14.285%
    }

    .element-column.element-sm-16 {
        width: 16.666%
    }

    .element-column.element-sm-20 {
        width: 20%
    }

    .element-column.element-sm-25 {
        width: 25%
    }

    .element-column.element-sm-30 {
        width: 30%
    }

    .element-column.element-sm-33 {
        width: 33.333%
    }

    .element-column.element-sm-40 {
        width: 40%
    }

    .element-column.element-sm-50 {
        width: 50%
    }

    .element-column.element-sm-60 {
        width: 60%
    }

    .element-column.element-sm-66 {
        width: 66.666%
    }

    .element-column.element-sm-70 {
        width: 70%
    }

    .element-column.element-sm-75 {
        width: 75%
    }

    .element-column.element-sm-80 {
        width: 80%
    }

    .element-column.element-sm-83 {
        width: 83.333%
    }

    .element-column.element-sm-90 {
        width: 90%
    }

    .element-column.element-sm-100 {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .element-column.element-md-10 {
        width:10%
    }

    .element-column.element-md-11 {
        width: 11.111%
    }

    .element-column.element-md-12 {
        width: 12.5%
    }

    .element-column.element-md-14 {
        width: 14.285%
    }

    .element-column.element-md-16 {
        width: 16.666%
    }

    .element-column.element-md-20 {
        width: 20%
    }

    .element-column.element-md-25 {
        width: 25%
    }

    .element-column.element-md-30 {
        width: 30%
    }

    .element-column.element-md-33 {
        width: 33.333%
    }

    .element-column.element-md-40 {
        width: 40%
    }

    .element-column.element-md-50 {
        width: 50%
    }

    .element-column.element-md-60 {
        width: 60%
    }

    .element-column.element-md-66 {
        width: 66.666%
    }

    .element-column.element-md-70 {
        width: 70%
    }

    .element-column.element-md-75 {
        width: 75%
    }

    .element-column.element-md-80 {
        width: 80%
    }

    .element-column.element-md-83 {
        width: 83.333%
    }

    .element-column.element-md-90 {
        width: 90%
    }

    .element-column.element-md-100 {
        width: 100%
    }
}

header.black-logo .nav-menu--layout-horizontal ul.nav-menu li a {
    color: #000;
}


section.questions {
    margin-top: 30px;
}
section.questions .section-heading {
    max-width: 800px;
    margin: 0 auto;
}
section.questions .text {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

.col-100.questions-box {
    padding: 40px;
    border: 1px solid #ad803c;
    border-radius: 20px;
    text-align: center;
}
h3.questions-box {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.footer-separator{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f5f8f8;
}
/**Form Style**/
.element-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-20px / 2);
    margin-right: calc(-20px / 2);
    margin-bottom: -20px;   
}
.element-column {
    position: relative;
    min-height: 1px;
    display: flex;
}
.element-field-group {
    position: relative;
    min-height: 1px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: calc(20px / 2);
    padding-left: calc(20px / 2);
    margin-bottom: 20px;
}
.element-field-group-name:before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    display: inline-block;
    color: #ccc;
    font-size: 18px;
    position: absolute;
    left: 35px;
    top: 45px;
}
.element-labels-above .element-field-group > label {
    line-height: 1.2em;
    margin-bottom: 10px !important;
    display: block;
    font-weight: bold;
    padding-bottom: 0px;
    color: #000000;
    font-family: 'Open Sans Bold';
    font-size: 18px;
}
.question_number {
    margin-right: 5px;
}

.element-field-group input:not([type=file]), .element-field-group select{
    height: auto !important;
    padding: 12px 15px !important;
    height: 45px;
    border-radius: 40px !important;
    border: 1px solid #ccc !important;
    box-shadow: none;
    flex-basis: 100%;
    max-width: 100%;
    min-height: 47px;
    font-size: 18px;
    font-family: 'Open Sans'; 
    outline: none;
}
.element-field-textual.element-size-lg {
    font-size: 18px;
    min-height: 59px;
}
.element-field-type-email:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #ccc;
    font-size: 18px;
    position: absolute;
    left: 30px;
    top: 45px;
}
.element-field-group-phone {
    position: relative;
}
.element-field-group.element-field-group-phone:before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ccc;
    font-size: 16px;
    position: absolute;
    left: 30px;
    top: 13px;
}
.element-field-group.element-field-type-email input {
    padding-left: 45px !important;
    background: none !important;
}
.element-field-group.element-field-group-name input{
    padding-left: 45px !important;
    background: none !important;
}
.element-field-group.element-field-group-phone input{
    padding-left: 45px !important;
    background: none !important;
}
.element-field-group  textarea {
    box-shadow: none;
    border-radius: 20px !important;
    padding: 10px 20px  !important;
    border: 1px solid #ccc !important;
}
.element-form-fields-wrapper.element-labels-above .element-field-group>textarea {
    flex-basis: 100%;
    max-width: 100%;
	font-family: 'Open Sans';
    outline: none;
}
.element-form-fields-wrapper.element-labels-above .element-field-group>textarea:focus{
    border-color: #ad803c !important;
}
.element-field-type-submit {
    justify-content: center;
    align-items: flex-end;
}
.element-form .element-button[type="submit"] {
    display: inline-block;
    text-align: center;
    background-color: #ad803c;
    color: #ffffff;
    flex-basis: auto;
    min-height: 47px;
    box-shadow: 3px 3px 7px #00000080;
    border-radius: 50px;
    line-height: 1.3em !important;
    letter-spacing: normal !important;
    transition: all .3s ease-in-out;
    cursor: pointer !important;
    outline: none !important;
    padding: 12px 30px !important;
    line-height: 1.3 !important;
    font-size: 18px;
    border: 1px solid #ad803c;
}
.element-form .element-button[type="submit"]:hover{
    box-shadow: none !important;
}
.element-button .elementor-align-icon-left {
    display: flex;
    align-items: center;
    margin-right: 5px;
    order: 5;
}
.element-button span {
    text-decoration: inherit;
}
.element-form .element-button .element-button-text {
    white-space: normal;
    flex-grow: 0;
}

.element-button-text {
    flex-grow: 1;
    order: 10;
    display: inline-block;
}
.element-form .element-button>span {
    display: flex;
    justify-content: center;
    align-items: center;
}
.hide-lable .element-field-label{ 
    display: none !important;
}
.hide-lable  .element-field-group-name:before{
    top: 10px !important;
}
.hide-lable  .element-field-group-email:before{
    top: 13px !important;
}
.element-field-group input:focus {
    border-color: #ad803c !important;
    outline: none;
}
.element-field-group:focus-within:before{
    color: #ad803c !important;
}
.element-field-type-radio_options_images .element-field-subgroup {
    display: flex;
    width: 100%;
    justify-content: center !important;
    gap: 20px;
}
.two_rows_options {
    width: 48% !important;
}
.element-field-type-radio_options_images .element-field-subgroup input {
    height: 50px;
    border: 1px solid #eee;
}

.element-field-type-radio_options_images .element-field-subgroup .radio-input-box > input {
    visibility: hidden;
    position: absolute;
}

span.element-field-option.radio-image-option {
    min-height: 60px;
    height: calc(100% - 0px);
    font-family: 'Open Sans';
    position: relative;
    flex-basis: 100%;
}
.radio-image-option {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    max-width: 100% !important;
    width: 100% !important;
    border: 2px solid #fff;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 24%) !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    padding: 10px 15px !important;
    cursor: pointer;
    margin: 0 auto;
	flex-direction:column;
}
@media (min-width: 1024px) {
    .element-field-type-radio_options_images  .element-field-option {
        flex-basis: 33.333%;
        padding-right: 10px;
    }
}
.radio-input-box > input:checked + .radio-image-option {
    border: 2px solid #ad803c;
}
.radio-image-option img {
    max-width: 100 !important;
    margin-right: 0px;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
span.option_text {
    line-height: 1.4;
}
.steps-section .section-heading{
    max-width: 750px;
    margin: 0 auto;
}
.steps-section p.text.subheadline {
    text-align: center;
    font-size: 26px;
}
.steps-section h3.element-image-box-title {
    font-size: 28px;
    margin-bottom: 10px;
}
.steps-section .element-image-box-img {
    margin-right: 20px;
    width: 90px;
    position: relative;
}
.steps-section .element.element-image-box {
    position: relative;
    max-width: 450px;
    margin-top: 50px;
}
.steps-section .step {
    position: relative;
    padding: 50px 0px;
}

.steps-section .step .element.element-image-box:before {
    width: 76px;
    height: 70px;
    left: 80px;
    top: -85px;
    font-size: 90px;
    position: absolute;
    color: #ad803c;
    z-index: -1;
}
.steps-section .step-1 .element.element-image-box:before {
    content: "";
    background: url(../img/step-1.svg) no-repeat 0 0;
    background-size: contain;
    left: 85px;
}
.steps-section .step-2 .element.element-image-box:before {
    content: "";
    background: url(../img/step-2.svg) no-repeat 0 0;
    background-size: contain;
    left: 85px;
}
.steps-section .step-3 .element.element-image-box:before {
    content: "";
    background: url(../img/step-3.svg) no-repeat 0 0;
    background-size: contain;
    left: 85px;
}

.steps-section .step-1::before {
    width: 420px;
    content: "";
    position: absolute;
    left: 50%;
    top: 120px;
    border-top: 2px dotted #ad803c;
    border-top-right-radius: 20px;
    height: calc(100% - 130px);
    border-right: 2px dotted #ad803c;
}
.steps-section .step-1::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ad803c;
    position: absolute;
    top: 96%;
    left: calc(100% + 126px);
}
.steps-section .step-2::before {
    width: 450px;
    content: "";
    position: absolute;
    right: calc(100% + 30px);
    top: 135px;
    border-top: 2px dotted #ad803c;
    border-top-left-radius: 20px;
    height: calc(100% - 140px);
    border-left: 2px dotted #ad803c;
}
.steps-section .step-2::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ad803c;
    position: absolute;
    top: 98%;
    left: calc(-100% + 76px);
}
@media (max-width: 1024px) {
    .black-logo .element-menu-toggle i {        
        background-color: #ad803c;
    }
    .black-logo .element-menu-toggle i:before, 
    .black-logo .element-menu-toggle i:after {        
        background-color: #ad803c;
    }
    section.questions .section-heading {
        max-width: 800px;
        margin: 0 auto;
        font-size: 34px;
        margin-bottom: 10px;
    }
    .header-button, .menu nav.nav-menu--layout-horizontal {
        display: none;
    }
	.steps-section .step-1::before {
		width: calc(100% - 130px);
        content: "";
        position: absolute;
        left: 265px;
        top: 70px;
        border-top: 2px dotted #ad803c;
        border-top-right-radius: 20px;
        height: calc(100% - 120px);
        border-right: 2px dotted #ad803c;
	}
	.steps-section .step-1::after {		
		top: 82%;
		left: calc(100% + 124px);
	}
	.steps-section .step-2::before {
		width: calc(100% - 130px);
		right: calc(100% + 35px); 
		top: 80px;
		border-top: 2px dotted #ad803c;
		border-top-left-radius: 20px; 
		height: calc(100% - 130px);
	}   
	.steps-section .step-2::after{
		top:83%;
	}
	.steps-section h3.element-image-box-title {
		font-size: 24px;
		margin-bottom: 10px;
		font-family: 'Open Sans Bold';
	}
}
@media screen and (max-width: 767px) {
    section.questions .section-heading {
        margin-bottom: 10px;
    }
    h3.questions-box {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }
    .col-100.questions-box {
        padding: 20px;
    }
    .two_rows_options {
        width: 100% !important;
    }
    .element-field-group{
        width: 100%;
    }
    .footer-separator {
        margin-top: 40px !important;
        padding-top: 0px !important;
        margin-bottom: -10px !important;
    }
	.steps-section h3.element-image-box-title {
		font-size: 22px;
		margin-bottom: 10px;
	}
	
	.steps-section .step {
		position: relative;
		padding: 0px 0px;
		margin-top:0px !important;
	}
	.col-50.col-sm-100.col-xs-100.step.step-1,
	.col-50.col-sm-100.col-xs-100.step.step-3	{
		margin-top: 50px !important;
	}
	.steps-section .step-1::before {
        width: 1px;
        left: 35px;
        top: 130px;
        height: calc(100% - 65px);
    }
	.steps-section .step-1::after {
        
        top: calc(100% + 65px);
        left: 26px;
    }
	.steps-section .step-2::before {
        width: 1px !important;
        content: "";
        position: absolute;
        left: 35px;
        top: 130px;
        border-top: 1px dotted #ad803c;
        border-top-right-radius: 20px;
        height: calc(100% - 50px);
        border-right: 2px dotted #ad803c;
        right: auto !important;
        border-left: 0px !important;
    }
	.steps-section .step-2::after {
        
        top: calc(100% + 75px);
        left: 26px;
    }
	.steps-section p.text.subheadline {
		text-align: center;
		margin-bottom: 20px;
		font-size: 20px;
	} 
	.element-popup-modal .dialog-message{
		padding:20px !important;
	}
	.popup-container .row{
		flex-wrap:wrap !important;
	}
	.popup-container .row .element-image,.popup-container .row .promise{
		display: none;
	}
	h2.popup-heading {
		font-size: 26px;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	section.how-it-works .icon-box::before {		
		left: 30px;
		width:168px;
		height:168px;
	}
    section#reviews .container:last-child {
        margin-top: -10px !important;
    }
	
	header #white-logo{
		display:block;
	} 
	header #black-logo{
		display:none;
	}
	header.sticky-head {
		width: 100%;
		position: relative;
		top: auto;
		background-color: transparent !important;
	} 
	header.sticky-head #black-logo{
		display:block !important;
	}
	header.sticky-head #white-logo{
		display:none !important;
	}
	header.sticky-head ul.nav-menu li a{
		color:#000 !important;
	}
	#consent-banner .content {
		
		flex-direction: column;
	}
	#consent-banner p{
		margin-bottom:15px;
	}
	ul.privacy-links li {
		padding: 0px 9px;
	}
	ul.privacy-links {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}