/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Container and Columns Css 
8. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --g-primary: #583660;
    --g-secondary: #ee2a7b;
    --g-body: #000000;
    --g-light: #ffffff;
    --g-dark: #000000;
    --g-linear-gradient: linear-gradient(90deg,#fbb040 0%,#ee2a7b 46%,#583660 100%,#583660 100%);

    --bs-font-body: "Jost", sans-serif;
    --bs-font-heading: "Jost", sans-serif;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{font-size: 18px;font-style: normal;font-weight: 500;line-height: 34px;color: var(--g-body);font-family: var(--bs-font-body); background-color: var(--g-light);display: flex;flex-wrap: wrap;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2;font-weight:600; font-family: inherit;}

.h1, h1 {font-size:60px; margin-bottom: 20px;}
.h2, h2 {font-size:52px; margin-bottom: 20px;font-weight: 700;}
.h3, h3 {font-size:46px; margin-bottom: 18px; font-weight: 700;}
.h4, h4 {font-size:32px; margin-bottom: 17px; font-weight: 700;}
.h5, h5 {font-size:28px; margin-bottom: 15px; font-weight: 700;}
.h6, h6 {font-size:24px; margin-bottom: 10px;}

.heading_h2,.heading_h3{margin-bottom: 0;}


.heading-small{
    margin-bottom: 0;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { 
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7em;
    color: var(--g-body);
    font-family: var(--bs-font-body);
    margin-bottom: 1em;
 }
p:last-child { margin-bottom:0; }

ul{ margin:0;margin-left: 20px; padding:0; }
ul li{ font-size:20px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin-bottom: 8px; }
ul li:last-child{margin-bottom: 0;}
ul > li { list-style:outside disc; }

ol{ margin:0;margin-left: 20px; padding:0; list-style: none; }
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin-bottom: 8px;  }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:var(--g-primary); transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:var(--g-secondary); text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input, 
textarea, 
button { font-family: var(--bs-font-body)  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
    /* -webkit-appearance: none;  */
    outline: none;
}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:0 15px; color:#000; font-size:16px; height:46px; font-weight: 400; width: 100%;}

textarea{ height:150px; resize:none; overflow: auto; padding: 20px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: transparent}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    /* -webkit-appearance: button;  */
    display: inline-block; 
    vertical-align: top; 
    padding: 19px 38px; 
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-align: center; 
    border: none;
    border-radius: 5px; 
    color: var(--g-secondary); 
    background-color: var(--g-primary); 
    border: none;
    text-decoration: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: var(--g-primary);
    background-color: var(--g-secondary);
    text-decoration: none;

}
button.slick-arrow{
    border: 0;
}

/* input[type="search"] {-webkit-appearance: textfield;} */

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn,
.contact-form-wrapper div.wpforms-container-full .wpforms-submit-container input[type=submit], 
.contact-form-wrapper div.wpforms-container-full .wpforms-submit-container button[type=submit] { 
    display: inline-block; 
    vertical-align: top; 
    padding: 15px 38px; 
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center; 
    border: none;
    border-radius: 0px; 
    color: var(--g-light); 
    background-color: var(--g-primary);
    background-image:var(--g-linear-gradient);
    border: 0;
    text-decoration: none;
    height: auto;
}
.btn:hover,
.btn:focus,
.contact-form-wrapper div.wpforms-container-full .wpforms-submit-container input[type=submit]:hover, 
.contact-form-wrapper div.wpforms-container-full .wpforms-submit-container button[type=submit]:focus,
.contact-form-wrapper div.wpforms-container-full .wpforms-submit-container input[type=submit]:hover, 
.contact-form-wrapper div.wpforms-container-full .wpforms-submit-container button[type=submit]:focus { 
    color: var(--g-light); 
    background-image:linear-gradient(90deg,#583660 0%,#583660 46%,#ee2a7b 100%,#fbb040 100%);
    text-decoration: none;
}

.btn-primary-transparent {
  background: transparent;
  color: var(--g-light);
  border:1px solid var(--g-light);
}
.btn-primary-transparent:hover{
  background: var(--g-secondary);
}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Container and Columns Css
------------------------------------------------------------------------------*/

.container,
.container-fluid {padding-right: 15px;padding-left: 15px;width: 100%;max-width: 1200px;margin: auto;}
.container-fluid {max-width: 100%}

/* row and column */
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
[class*="col-"]{padding-left: 15px;padding-right: 15px; position: relative;width: 100%;}
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;}

/* align item */
.d-flex { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center ;}
.align-content-center {-ms-flex-line-pack: center;align-content: center;}
.align-items-end {-ms-flex-align: end ;align-items: flex-end ;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}

/* column structure */
/* ----- Extra small devices ≤640px ----- */
.col-12 {width: 100%}
.col-11 {width: 91.66666667%}
.col-10 {width: 83.33333333%}
.col-9 {width: 75%}
.col-8 {width: 66.66666667%}
.col-7 {width: 58.33333333%}
.col-6 {width: 50%}
.col-5 {width: 41.66666667%}
.col-4 {width: 33.33333333%}
.col-3 {width: 25%}
.col-2 {width: 16.66666667%}
.col-1 {width: 8.33333333%}
.col-offset-12 {margin-left: 100%}
.col-offset-11 {margin-left: 91.66666667%}
.col-offset-10 {margin-left: 83.33333333%}
.col-offset-9 {margin-left: 75%}
.col-offset-8 {margin-left: 66.66666667%}
.col-offset-7 {margin-left: 58.33333333%}
.col-offset-6 {margin-left: 50%}
.col-offset-5 {margin-left: 41.66666667%}
.col-offset-4 {margin-left: 33.33333333%}
.col-offset-3 {margin-left: 25%}
.col-offset-2 {margin-left: 16.66666667%}
.col-offset-1 {margin-left: 8.33333333%}
.col-offset-0 {margin-left: 0}

/* ----- Small devices ≥641px ----- */
@media (min-width:641px) {
    .col-sm-12 {width: 100%}
    .col-sm-11 {width: 91.66666667%}
    .col-sm-10 {width: 83.33333333%}
    .col-sm-9 {width: 75%}
    .col-sm-8 {width: 66.66666667%}
    .col-sm-7 {width: 58.33333333%}
    .col-sm-6 {width: 50%}
    .col-sm-5 {width: 41.66666667%}
    .col-sm-4 {width: 33.33333333%}
    .col-sm-3 {width: 25%}
    .col-sm-2 {width: 16.66666667%}
    .col-sm-1 {width: 8.33333333%}
    .col-sm-offset-12 {margin-left: 100%}
    .col-sm-offset-11 {margin-left: 91.66666667%}
    .col-sm-offset-10 {margin-left: 83.33333333%}
    .col-sm-offset-9 {margin-left: 75%}
    .col-sm-offset-8 {margin-left: 66.66666667%}
    .col-sm-offset-7 {margin-left: 58.33333333%}
    .col-sm-offset-6 {margin-left: 50%}
    .col-sm-offset-5 {margin-left: 41.66666667%}
    .col-sm-offset-4 {margin-left: 33.33333333%}
    .col-sm-offset-3 {margin-left: 25%}
    .col-sm-offset-2 {margin-left: 16.66666667%}
    .col-sm-offset-1 {margin-left: 8.33333333%}
    .col-sm-offset-0 {margin-left: 0}
}

/* ----- Medium devices ≥768px ----- */
@media (min-width:768px) {
    .col-md-12 {width: 100%}
    .col-md-11 {width: 91.66666667%}
    .col-md-10 {width: 83.33333333%}
    .col-md-9 {width: 75%}
    .col-md-8 {width: 66.66666667%}
    .col-md-7 {width: 58.33333333%}
    .col-md-6 {width: 50%}
    .col-md-5 {width: 41.66666667%}
    .col-md-4 {width: 33.33333333%}
    .col-md-3 {width: 25%}
    .col-md-2 {width: 16.66666667%}
    .col-md-1 {width: 8.33333333%}
    .col-md-offset-12 {margin-left: 100%}
    .col-md-offset-11 {margin-left: 91.66666667%}
    .col-md-offset-10 {margin-left: 83.33333333%}
    .col-md-offset-9 {margin-left: 75%}
    .col-md-offset-8 {margin-left: 66.66666667%}
    .col-md-offset-7 {margin-left: 58.33333333%}
    .col-md-offset-6 {margin-left: 50%}
    .col-md-offset-5 {margin-left: 41.66666667%}
    .col-md-offset-4 {margin-left: 33.33333333%}
    .col-md-offset-3 {margin-left: 25%}
    .col-md-offset-2 {margin-left: 16.66666667%}
    .col-md-offset-1 {margin-left: 8.33333333%}
    .col-md-offset-0 {margin-left: 0}   
}

/* ----- Large devices ≥ 992px ----- */
@media (min-width:992px) {
    .col-lg-12 {width: 100%}
    .col-lg-11 {width: 91.66666667%}
    .col-lg-10 {width: 83.33333333%}
    .col-lg-9 {width: 75%}
    .col-lg-8 {width: 66.66666667%}
    .col-lg-7 {width: 58.33333333%}
    .col-lg-6 {width: 50%}
    .col-lg-5 {width: 41.66666667%}
    .col-lg-4 {width: 33.33333333%}
    .col-lg-3 {width: 25%}
    .col-lg-2 {width: 16.66666667%}
    .col-lg-1 {width: 8.33333333%}
    .col-lg-offset-12 {margin-left: 100%}
    .col-lg-offset-11 {margin-left: 91.66666667%}
    .col-lg-offset-10 {margin-left: 83.33333333%}
    .col-lg-offset-9 {margin-left: 75%}
    .col-lg-offset-8 {margin-left: 66.66666667%}
    .col-lg-offset-7 {margin-left: 58.33333333%}
    .col-lg-offset-6 {margin-left: 50%}
    .col-lg-offset-5 {margin-left: 41.66666667%}
    .col-lg-offset-4 {margin-left: 33.33333333%}
    .col-lg-offset-3 {margin-left: 25%}
    .col-lg-offset-2 {margin-left: 16.66666667%}
    .col-lg-offset-1 {margin-left: 8.33333333%}
    .col-lg-offset-0 {margin-left: 0}
}

/* ----- Extra Large devices ≥1200px ----- */
@media (min-width:1200px) {
    .col-xl-12 {width: 100%}
    .col-xl-11 {width: 91.66666667%}
    .col-xl-10 {width: 83.33333333%}
    .col-xl-9 {width: 75%}
    .col-xl-8 {width: 66.66666667%}
    .col-xl-7 {width: 58.33333333%}
    .col-xl-6 {width: 50%}
    .col-xl-5 {width: 41.66666667%}
    .col-xl-4 {width: 33.33333333%}
    .col-xl-3 {width: 25%}
    .col-xl-2 {width: 16.66666667%}
    .col-xl-1 {width: 8.33333333%}
    .col-xl-offset-12 {margin-left: 100%}
    .col-xl-offset-11 {margin-left: 91.66666667%}
    .col-xl-offset-10 {margin-left: 83.33333333%}
    .col-xl-offset-9 {margin-left: 75%}
    .col-xl-offset-8 {margin-left: 66.66666667%}
    .col-xl-offset-7 {margin-left: 58.33333333%}
    .col-xl-offset-6 {margin-left: 50%}
    .col-xl-offset-5 {margin-left: 41.66666667%}
    .col-xl-offset-4 {margin-left: 33.33333333%}
    .col-xl-offset-3 {margin-left: 25%}
    .col-xl-offset-2 {margin-left: 16.66666667%}
    .col-xl-offset-1 {margin-left: 8.33333333%}
    .col-xl-offset-0 {margin-left: 0}
}

/* hidden element */
.hidden{ display: none ; }

/* ----- Extra small devices ≤640px ----- */
@media (max-width: 640px) {
    .hidden-xs-down {display: none ;}
}
/* ----- Small devices ≥641px ----- */
@media (min-width: 641px) {
    .hidden-sm-up {display: none ;}
}
/* ----- Small devices ≤767px ----- */
@media (max-width: 767px) {
    .hidden-sm-down {display: none ;}
}
/* ----- Medium devices ≥768px ----- */
@media (min-width: 768px) {
    .hidden-md-up {display: none ;}
}
/* ----- Medium devices ≤1024px ----- */
@media (max-width: 1023px) {
    .hidden-md-down {display: none ;}
}
/* ----- Large devices ≥1024px ----- */
@media (min-width: 1024px) {
    .hidden-xl-up {display: none ;}
}

/* Wordpress align class */
.alignnone{float: none; margin: 20px 0;}
.aligncenter {display: block; clear:both; margin:20px auto;}
.alignleft {float: left; margin: 0 20px 20px 0; }
.alignright {float: right; margin: 0 0 20px 20px;}

/* text alignment */
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}

/* images */
.img-fluid {max-width: 100%;height: auto;display: block;}
.img-full{width: 100%;display: block;}

/* float class */
.float-left{float:left}
.float-right{float:right}
.float-none{float:none}

/* mange spacing */
.space-small{ padding-top: 30px; padding-bottom: 30px; }
.space-medium { padding-top: 50px; padding-bottom: 50px; }
.space-large { padding-top: 70px; padding-bottom: 70px; }
.no-bdr{border-width: 0 }

/* padding */
.no-padding{padding: 0 ;}
.pt-0{padding-top: 0;}
.pb-0{padding-bottom: 0;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.pt-1{padding-top: 20px;}
.pb-1{padding-bottom: 20px;}
.pl-1{padding-left: 20px;}
.pr-1{padding-right: 20px;}

/* margin */
.no-margin{margin: 0 ;}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.ml-0{margin-left: 0;}
.mr-0{margin-right: 0;}
.mt-1{margin-top: 20px;}
.mb-1{margin-bottom: 20px;}
.ml-1{margin-left: 20px;}
.mr-1{margin-right: 20px;}

/* clear element when using */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* Text Color */
.text-white{
    color: var(--g-light);
}
.text-primary{
    color: var(--g-primary);
}
.text-secondary{
    color: var(--g-secondary);
}

.bg-gradient{background-image:var(--g-linear-gradient);color: #ffffff;}
.text-gradient{
    background: #583660;
    background: var(--g-linear-gradient);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* 8. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {
    width: 100%;
    display: flex;
    min-height: 100%;
    position: relative;
    flex-wrap: wrap;
    background-color: #fff;
    justify-content: space-between;
    align-content: space-between;
    overflow: hidden;
}
.main-container{width:100%;}
.container {max-width: 1530px;}
.body-content ul, 
.body-content ol{margin-bottom: 0px;}
.body-content ul ul, 
.body-content ul ol,
.body-content ol ol,
.body-content ol ul{margin-bottom: 0;}

.flx-section{
  padding-top: 100px;
  padding-bottom: 100px;
}

/* header */
.main-header{width:100%;height:auto;position:absolute;left:0;right:0;top:0;z-index:9;}
.main-header::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#D9D9D9;opacity:0.1;}
.header-logo{display:flex;width:100%;width: 200px;position:relative;padding-top:10px;padding-bottom:10px;}
.header-logo img{
    height: 80px;
    width: auto;
    object-fit: contain;
}
.header-right{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;}
.header-cta{padding-left:20px;}
.header-cta .btn{padding-left: 20px;padding-right: 20px;}


/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: absolute;top: 26px;right: 20px;z-index: 99;}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 2px;background-color: var(--g-light);display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger:hover .line{background-color: var(--g-primary);}
.hamburger.close{padding: 10px;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}

/* nav */
.main-navigation ul{padding:0;margin:0;list-style:none;}
.main-navigation ul li{padding:0;margin:0;list-style:none;}
.main-navigation ul li a{font-size:18px;line-height:22px;font-weight:500;color:var(--g-light);text-decoration:none;}
.main-navigation ul li a:hover{
    transform: scale(1.2);
}
.main-navigation ul li.menu-item-has-children{position:relative;}
.main-navigation ul li.menu-item-has-children .arrowclick{position:absolute;right:14px;top:50%;margin-top:-13px;}
.main-navigation .menu{display:flex;flex-wrap:wrap;align-items:center;}
.main-navigation .menu > li{position:relative;padding-left: 25px;padding-right: 25px;}
.main-navigation .menu > li > a{
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:inline-flex;
    padding:0
}
.main-navigation .menu > li > a:hover{background-color:transparent;}
.main-navigation .menu > li > a:hover + .arrowclick svg path{stroke:var(--g-light) !important;}
.main-navigation .menu ul{margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;width:250px;background-color:var(--g-light);box-shadow:0 0 16px 7px rgba(0,0,0,.15);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:2}
.main-navigation .menu > li.menu-item-has-children:hover ul{opacity:1;visibility:visible}
.main-navigation .menu ul a{border-bottom: 1px dashed;padding:14px 20px;font-size:14px;line-height:1.17;color:var(--g-secondary);font-weight:400;position:relative;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:inline-flex;width:100%;z-index:1}
.main-navigation .menu ul li:last-child a{border: 0;}
.main-navigation .menu ul a:before{content:"";position:absolute;left:0;top:0;bottom:0;background-color:var(--g-primary);height:100%;width:20%;opacity:0;z-index:-1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.main-navigation .menu ul a:hover,.current_page_item a{color:var(--g-secondary);}
.main-navigation .menu ul a:hover:before{width:100%;opacity:1}
.current_page_item a:before{width:100%;opacity:1}
.current-menu-parent a {color: var(--g-primary);}
.header__main ul li ul.sub-menu {top: 130%;}
.header__main ul li:hover ul.sub-menu {opacity: 1; visibility: visible; top: 100%;}

/* footer */
.main-footer{width:100%;height:auto;line-height:normal;background: var(--g-linear-gradient);}
.main-footer .footer-title,
.main-footer .contact_info,
.main-footer .contact_info p,
.main-footer .contact_info a{
    color: #ffffff;
    font-size: 16px;
    line-height: 2em;
}
.main-footer .contact_info a:hover,
.main-footer .contact_info a:focus {
    color: var(--g-dark);
}
.main-footer .footer-title {
    font-size: 30px;
    line-height: 1.5em;
}
.main-footer .contact_info{
    display: flex;
    margin-bottom: 10px;
}
.main-footer .contact_info .fa{
    width: 30px;
    height: 30px;
    margin-right: 10px;
    flex: 0 0 auto;
    margin-top: 2px;
    line-height: 16px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
} 
.main-footer .contact_info .fa:before{
    height: 14px;
}

.footerInnerRow{padding-top:80px;padding-bottom:40px;justify-content:space-between;border-bottom:1px solid #D9D9D9;}
.footer-logo{width:100%;max-width:220px;display:flex;align-items:flex-start;}
.footer-menu ul{list-style:none;margin:0;padding:0;column-count:1;column-gap:10px;}
.footer-menu ul li{list-style:none;margin:0;padding:0;margin-bottom:7px;}
.footer-menu ul li a{font-size:18px;font-weight:500;line-height:24px;color:var(--g-light);}
.footer-menu ul li a:hover,
.footer-menu ul li a:focus{color:var(--g-dark);}
.copyrightRow{padding-top:40px;padding-bottom:40px;align-items:center;justify-content:space-between;}
.footer-social ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
.footer-social ul li{display:flex;list-style:none;margin:0;padding:0;}
.footer-social ul li:not(:last-child){margin-right:8px;}
.footer-social ul li a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50px;border:1px solid #ffffff;}
.footer-social ul li a svg{fill:#ffffff;}
.copyrighttext{font-size:15px;font-weight:400;line-height:19px;color: var(--g-light);}
.footer-social ul li a:hover{border-color: var(--g-dark);}
.footer-social ul li a:hover svg{fill: var(--g-dark);}


/*--------- home page ------------*/
.main-content{width:100%;}

/* Banner Section */
.hero-section{position:relative;min-height:100vh;padding-top:360px;padding-bottom:100px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.hero-section .hero-background{position:absolute;left:0;top:0;width:100%;height:100%;}
.hero-section .hero-background img{width:100%;height:100%;object-fit:cover;}
.hero-section .heading_h1{margin-bottom:44px;}
.hero-text{position:relative;width: 100%;}
.hero-text p:last-child{margin-bottom:50px;}
.hero-text p{font-size:22px;font-weight:500;line-height:38px;color:var(--g-light);}
.hero-btn{padding-top: 70px;}

/* New Banner Section */

.hm-banner{min-height:100vh;position:relative;display:flex;overflow:hidden;}
.flx-section.hm-banner{padding-bottom: 0;}
.hm-banner .hm-banner-back{position:absolute;left:0;top:0;width:100%;height:100%;background-image:var(--g-linear-gradient);}
.hm-banner .hm-banner-content{position:relative;z-index:2;width:100%;}
.hm-banner .hm-banner-content .container{height:100%;}
.banner-content-row{display:flex;height:100%;}
.banner-content-row .hm-banner-img{width:100%; max-width:40%; margin-left:auto; align-self:flex-end; height:80%;}
.banner-content-row .hm-banner-img .moving-box{width:100%;height:100%;}
.banner-content-row .hm-banner-img .moving-box img{width:100%;height:100%;object-fit:contain;object-position:bottom center;}
.banner-content-row .hm-banner-logo-img{width:100%; max-width:45%; align-self:center; padding-bottom: 5%;}
.banner-content-row .hm-banner-logo-img img{width:100%;}


@keyframes smoothShake {
    0% { transform: rotate(2deg); }
    25% { transform: rotate(-2deg); }
    50% { transform: rotate(2deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(2deg); }
}

/* About Section */
.two-column-section{background:linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(238,238,238,0.56) 100%);display: flex;align-items: center;justify-content: center;}
.two-column-row{align-items:center;}
.two-column-row .two-column-image{position:relative;}
.two-column-section .heading_h2{padding-bottom:20px;}
.two-column-section .heading_h2:not(:first-child){padding-top:40px;}
.two-column-section .heading_h4{padding-bottom:20px;}
.two-column-text .two-column-btn{display:flex;flex-wrap:wrap;align-items:center;padding-top: 50px;}
.two-column-image .column-image{
    position: relative;
}
.two-column-image .column-image .column-image-inner {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-flex;
    bottom: 0;
    align-items: center;
    justify-content: center;
}
.two-column-image .column-image-text{
    font-size: 32px;
    color: var(--g-light);
    margin: 0;
    text-align: center;
    padding: 10px 20px;
    font-weight: 500;
}

.packages-box-info .bg-gradient{display:inline-flex;padding:5px 10px;font-weight:600;letter-spacing:1px;margin-top:5px;}
.progress{position:absolute;left:0;width:100px;height:10px;left:100%;bottom:5px;opacity:0;transition:opacity 0.5s ease-in-out;display:flex;}
.progress .progress-bar{width:0;height:100%;transition:width 0.7s ease-in-out}

.packages-card{display:flex;align-items:center;justify-content:flex-start;column-gap:0px;position:relative;margin-left: -25px;margin-right: -25px;}
.packages-card-box{position:relative;width: 100%;max-width: 25%;padding-left: 25px;padding-right: 25px;}
.packages-box:not(:last-child){border-bottom:2px solid #583660;padding-bottom:100px;margin-bottom:80px;}
.packages-box-heading{padding-bottom:40px;}
.packages-box-info{padding-bottom:40px;}
.packages-card-text{text-align:center;margin-top:10px;}
.packages-card-text .bg-gradient{margin:0;padding:5px;}
.packages-card-image{
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  margin-bottom: 25px;
}

.amenities-section{padding-top:70px;padding-bottom:85px;background: rgba(238, 238, 238, 0.56);}
.amenities-card{display:flex;flex-wrap: wrap;align-items:center;justify-content:center;position:relative;}
.amenities-card .amenities-card-box{position:relative;width: 100%;max-width: 20%;padding-left: 30px;padding-right: 30px; padding-bottom: 50px;padding-top: 50px;}
.amenities-card-image{
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}
.amenities-box:not(:last-child){border-bottom:2px solid #583660;padding-bottom:100px;margin-bottom:80px;}
.amenities-box-heading{padding-bottom:40px;}
.amenities-box-info{padding-bottom:40px;}
.amenities-card-text{text-align:center;margin-top:40px;}
.amenities-card-text .bg-gradient{margin:0;padding:5px;font-size: 22px;}




/* FAQ Section */
.faq-section{background: rgba(238, 238, 238, 0.56);}
.faq-section .heading_h2{padding-bottom:80px;}
.faq-accordions{display:block;max-width:960px;margin:auto;}
.faq-accordion-item{width:100%;height:auto;margin:0;border:1px solid var(--g-primary);border-radius:5px;padding:20px 40px;}
.faq-accordion-item:not(:last-child){margin-bottom:16px;}
.faq-accordion-item.active{border:1px solid #707B89;}
.faq-accordion-item .faq-item-title{width:100%;cursor:pointer;transition:background-color 0.3s ease-in;border-radius:4px;display:flex;align-items:center;justify-content:space-between;}
.faq-accordion-item .faq-item-title .title{color:var(--g-dark);font-size:24px;line-height:1em;font-weight:500;font-style:normal;position:relative;margin:0;}
.faq-accordion-item.active .faq-item-title{padding-bottom:10px;}
.faq-accordion-item .faq-item-title .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.faq-accordion-item .faq-item-title .icon:before,
.faq-accordion-item .faq-item-title .icon:after{content:"";position:absolute;}
.faq-accordion-item .faq-item-title .icon:before{width:14px;height:2px;background-color:var(--g-secondary);}
.faq-accordion-item .faq-item-title .icon:after{width:14px;height:2px;background-color:var(--g-secondary);transform:rotate(90deg);}
.faq-accordion-item.active .faq-item-title .icon:after{opacity:0;}
.faq-item-text{width:100%;height:auto;display:none;overflow:hidden;}
.faq-item-text p{color:var(--g-body);opacity:0;transform:translate3d(0px,60px,0px);transition:transform 0.6s cubic-bezier(0,0.99,0.44,1.01),opacity 0.8s 0.1s cubic-bezier(0,0.99,0.44,1.01);font-size: 18px;}
.faq-accordion-item.active .faq-item-text p{
  opacity:1;
  transform:translate3d(0px,0px,0px);
  transition:opacity 0.8s cubic-bezier(0,0.99,0.44,1.01),transform 0.6s 0.1s cubic-bezier(0,0.99,0.44,1.01);
}




/*--------- Inner Page Banner Start ------------*/
  
.innerBanner{position:relative;width:100%; background-color: var(--g-primary);background-image:var(--g-linear-gradient);}
.flx-section.innerBanner{
  padding-top:260px;
  padding-bottom:100px;
}
.innerBanner .innerBannerImage{position:absolute;left:0;top:0;width:100%;height:100%;}
.innerBanner .innerBannerImage:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--g-secondary);opacity:0.4;}
.innerBanner .innerBannerImage img{width:100%;height:100%;object-fit:cover;}
.innerBannerContent{position:relative;}
.innerBannerContent .heading_h1{color:var(--g-light);margin: 0;}
.innerBannerContent .heading_h1 span{position:relative;margin-left:10px;margin-right:10px;z-index:1;}
.innerBannerContent .heading_h1 span svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) !important;z-index:-1;}

/*--------- Inner Page Banner Close ------------*/

.listofPostSec,.entry-content{border-bottom:1px solid #D9D9D9;}
.listofPostSec{padding:100px 0px;}
.listofPostSec .newsCard{margin-bottom:60px;}
.entry-content{padding:100px 0px;}
.entry-content p:not(:last-child){margin-bottom:30px;}

.cvf_pag_loading {padding: 20px;}
.cvf-universal-pagination ul {margin: 0; padding: 0;display: flex;align-items: center;justify-content: center;}
.cvf-universal-pagination ul li {display: inline; margin: 5px; padding: 8px 20px; background: var(--g-secondary); color: var(--g-light); border-radius: 5px; }
.cvf-universal-pagination ul li.active{cursor: pointer;}
.cvf-universal-pagination ul li.active:hover {background: var(--g-primary); color: var(--g-light); }
.cvf-universal-pagination ul li.inactive {background: #cccccc; color: var(--g-light);}
.cvf-universal-pagination ul li.selected {background: var(--g-primary); color: var(--g-light);}

.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.pagination .page-numbers{display:inline-block;padding:10px 16px;margin:0 2px 0 0;border:1px solid var(--g-secondary);line-height:1;text-decoration:none;border-radius:2px;font-weight:600;margin-top:40px;color:var(--g-secondary);}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--g-primary);}

.singleNewsImag{margin-bottom:40px;}
.singleNewsImag img{width:100%;border-radius:10px;}
.comments-area{padding-top:30px;margin-top:30px;border-top:1px solid #707B89;}
.singleSidebar .widget_search label{display:none;}
.error-404 .search-form{display:flex;flex-wrap:wrap;}
.singleSidebar .widget_search input[type="search"],.error-404 .search-form input[type="search"]{width:100%;max-width:calc(100% - 61px);margin-right:15px;border-color:#707B89;}
.error-404 .search-form label{width:100%;max-width:calc(100% - 61px);margin-right:15px;margin-bottom:0;}
.error-404 .search-form input[type="search"]{max-width:100%;margin-right:0px;}
.singleSidebar .widget_search input[type="search"]:focus,.error-404 .search-form input[type="search"]:focus{border-color:var(--g-secondary);}

.singleSidebar .widget_search button,
.singleSidebar .widget_search input[type="button"],
.singleSidebar .widget_search input[type="reset"],
.singleSidebar .widget_search input[type="submit"],
.singleSidebar .widget_search button:hover,
.singleSidebar .widget_search input[type="button"]:hover,
.singleSidebar .widget_search input[type="reset"]:hover,
.singleSidebar .widget_search input[type="submit"]:hover,
.singleSidebar .widget_block{padding-bottom: 60px;}
.singleSidebar .widget_block:last-child{padding-bottom: 0;}
.singleSidebar h2{font-size: 32px;}
.singleSidebar ul{list-style: none;margin: 0;padding: 0;}
.singleSidebar ul li{font-size: 20px;font-weight: 500;line-height: 28px;list-style: none;margin: 0;margin-bottom: 15px;position: relative;padding-left: 34px;}
.singleSidebar ul li a{color: var(--g-secondary);text-decoration: none;}
.singleSidebar ul li a:hover{color: var(--g-primary);text-decoration: none;}
.singleSidebar ul li::before {content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='12' fill='black'/%3E%3Cpath d='M10.4542 16.2352L6.35303 12.2016L7.77268 10.8054L10.4542 13.4427L16.2275 7.76465L17.6471 9.1609L10.4542 16.2352Z' fill='white'/%3E%3C/svg%3E");background-size: 100%;width: 20px;height: 20px;position: absolute;left: 0;top: 5px;}

.error-404 .search-form button,
.error-404 .search-form input[type="button"],
.error-404 .search-form input[type="reset"],
.error-404 .search-form input[type="submit"] {
    cursor: pointer;
    width: 46px;
    height: 46px;
    font-size: 0;
    position: relative;
    background-color: var(--g-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' x2='15' y1='21' y2='15'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out;
    padding: 0;
    border-radius: 0;
}
.error-404 .search-form button:hover,
.error-404 .search-form input[type="button"]:hover,
.error-404 .search-form input[type="reset"]:hover,
.error-404 .search-form input[type="submit"]:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' fill='none' height='24' stroke='%23fff%0A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' x2='15' y1='21' y2='15'/%3E%3C/svg%3E");background-color: var(--g-secondary);}

/*--------- Contact Page Start ------------*/

.form-group{margin-bottom:18px;}
.form-group .form-control,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-name-first,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-name-last,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-medium:not(.wpforms-field-row){background-color:#f5f5f5;border-radius:0;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;color:#000;font-weight:400;font-size:16px;padding:14.5px 26px;height: auto;}
.form-group .form-control:focus,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-name-first:focus,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-name-last:focus,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-medium:not(.wpforms-field-row):focus{border-color:#ebebeb;background-color:#fff;}
.form-group .form-control::-webkit-input-placeholder{color:#000000;font-weight:400;font-size:16px;}
.form-group .form-control::-moz-placeholder{color:#000000;font-weight:400;font-size:16px;}
.form-group .form-control:-ms-input-placeholder{color:#000000;font-weight:400;font-size:16px;}
.form-group .form-control:-moz-placeholder{color:#000000;font-weight:400;font-size:16px;}
.form-group textarea.form-control,
.contact-form-wrapper .wpforms-container .wpforms-field.wpforms-field-textarea .wpforms-field-medium{min-height:285px;}
.form-group .btn-theme{font-weight:500;font-size:18px;margin-bottom:1px;margin-top:21px;padding:20px 32px;text-transform:capitalize;}

.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-row,
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-row.wpforms-field-medium{
    width: 100%;
    max-width: 100%;
}
.contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-medium{
    width: 100%;
    max-width: 100%;
}


.contact-area{padding:131px 0 139px;}
.contact-area .section-title{margin-bottom:42px;}
.contact-info{background-color:#f5f5f5;border-radius:2px;margin-left:70px;margin-top:9px;padding:90px 55px 80px;}
.contact-info-item{display:flex;margin-bottom:60px;}
.contact-info-item .icon{background-image:var(--g-linear-gradient);border-radius:2px;display:flex;align-items:center;justify-content:center;height:85px;margin-right:40px;min-width:85px;width:85px;transition:all 0.3s ease-in-out;}
.contact-info-item .content h4{color:#05103b;font-size:28px;margin-bottom:16px;}
.contact-info-item .content a{color:#000000;display:block;}
.contact-info-item .content a:hover{color:#583660;}
.contact-form-wrapper .form-group{margin-bottom:20px;}
.contact-form-wrapper .form-group .btn-theme{margin-top:19px;}
.comment-form-wrap .section-title .title{color:#131b13;font-size:30px;font-weight:700;margin-bottom:45px;margin-top:73px;}

.flx-section.pg-in-section{position:relative;
    /* padding-bottom:24%; */
}
.pg-in-bg{position:absolute;left:0;bottom:0;width:100%;}
.pg-in-box{width:100%;max-width:1100px;}
.pg-in-box p{
    text-align: justify;
}

.packages-section .container{
  max-width: 1200px;
}
.packages-section .heading_h2{padding-bottom:50px;}

.gallery-section .heading_h2{padding-bottom:50px;}
.gallery-cards{columns:4;}
.gallery-cards .gallery-card{padding-bottom:20px;}
.gallery-card a{display:flex;}

ul.contact-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
ul.contact-social li{display:flex;list-style:none;margin:0;padding:0;}
ul.contact-social li:not(:last-child){margin-right:8px;}
ul.contact-social li a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50px;
  background: var(--g-linear-gradient);
  transition: all 0.3s;
}
ul.contact-social li a svg{fill:var(--g-light);}
ul.contact-social li a:hover svg{fill: var(--g-light);}
ul.contact-social li a:hover{
  transform: scale(0.9);
}