/* ==== body === */
body {
    font-family: 'OutfitLight';
    line-height: 150%;
    font-size: 20px;
    overflow-x: hidden !important;
}

/* ==== body end=== */
figure {
    margin: 0;
}

a {
    text-decoration: none;
    display: inline-block;
    color: inherit;
}

p {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

ol,
ul {
    margin-bottom: 20px;
}

ol ol,
ol ul,
ul ol,
ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

ol li,
ul li {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.alignnone {
    float: none;
    margin: 20px;
}

.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

.aligncenter {
    float: none;
    display: block;
    margin: 20px auto;
}

blockquote {
    padding-left: 30px;
    border-left: 5px solid #7F5100;
    margin-bottom: 20px;
}

blockquote * {
    font-size: 150%;
    line-height: 180%;
}

h1 {
    font-family: 'RocaOneRg';
    font-size: 60px;
    line-height: 116.667%;
    color: #3C2415;
    margin-bottom: 30px;
}

h2 {
    font-family: 'RocaOneRg';
    font-size: 50px;
    line-height: 116.667%;
    color: #3C2415;
    margin-bottom: 30px;
}

h3 {
    font-family: 'RocaOneRg';
    font-size: 42px;
    line-height: 116.667%;
    color: #3C2415;
    margin-bottom: 30px;
}

h4 {
    font-family: 'RocaOneRg';
    font-size: 35px;
    line-height: 116.667%;
    color: #3C2415;
    margin-bottom: 25px;
}

h5 {
    font-family: 'RocaOneRg';
    font-size: 30px;
    line-height: 116.667%;
    color: #3C2415;
    margin-bottom: 25px;
}

h6 {
    font-family: 'RocaOneRg';
    font-size: 25px;
    line-height: 116.667%;
    color: #3C2415;
    margin-bottom: 20px;
}

.main-title {
    font-family: 'RocaOneRg';
    font-size: 60px;
    line-height: 116.667%;
    color: #3C2415;
    text-transform: capitalize;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.main-title * {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-shadow: inherit;
    text-transform: inherit;
}

.overlay-txt {
    font-family: 'SairaStencilOneRegular';
    color: #D9D9D9;
    line-height: 100%;
    font-size: 110px;
    text-transform: uppercase;
    opacity: 0.6;
    z-index: 50;
}


.overlay-txt * {
    font-family: inherit;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-transform: inherit;
    opacity: inherit;
}

.section-title {
    font-family: 'RocaOneRg';
    text-transform: capitalize;
    font-size: 60px;
    color: #E9C27D;
    line-height: 116.667%;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.section-title * {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-shadow: inherit;
    text-transform: inherit;
}

.detail {
    font-family: 'OutfitLight';
    font-size: 20px;
    line-height: 150%;

}

.detail * {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.small-details {
    font-family: 'OutfitLight';
    font-size: 18px;
    line-height: 144.444%;
    color: #fff;
    text-transform: capitalize;
}

.small-details * {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
}

.small-title {
    font-size: 30px;
    line-height: 100%;
    color: #E9C27D;
    font-family: 'OutfitMedium';
}

.small-title * {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
}

.color-75 {
    color: #757575;
}


.color-fff {
    color: #fff;
}

.color-e9 {
    color: #E9C27D;
}

.color-3c2 {
    color: #3C2415;
}

.bg-3b3 {
    background: #3B3A3C;
}

.category * {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    letter-spacing: inherit;
}

.icon-list .fa-brands {
    color: #E9C27D;
}

/* ==== header ===== */

.navbar {
    padding: 8px 0px 13px;
    transition: 0.2s ease-in all;
}

.navbar-brand {
    padding: 0px;
    margin: 0px;
}

.navbar ul.navbar-nav {
    margin-top: 0px;
}

.navbar.nav-active {
    padding: 6px 0px;
    box-shadow: 0px 0px 12px #3B3A3C;
}

.btn-common {
    display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #E9C27D;
    font-size: 20px;
    cursor: pointer;
    padding: 4px 5px 6px 5px;
}

.contact-us-form .btn-common {
    min-width: 160px;
    padding: 7px;
}

.btn-common>span {
    display: block;
    background-color: #3B3A3C;
    padding: 11px 22px;
    font-family: 'InterSemiBold';
    text-align: center;
}

.btn-common::before,
.btn-common::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: -o-linear-gradient(80deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
    background: linear-gradient(10deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
}

.btn-common>span::before,
.btn-common>span::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: -o-linear-gradient(80deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
    background: linear-gradient(10deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
}

.navbar-brand img {
    height: 101px;
    width: 85px;
}

.btn-common:hover::before,
.btn-common:hover::after {
    width: 100%;
    opacity: 0.7px;
}

.btn-common:hover span::before,
.btn-common:hover span::after {
    height: 100%;
}

.btn-container>:hover {
    color: rgba(233, 194, 125, 0.8);
}

.btn-common::after {
    right: 0;
    bottom: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-common span::after {
    right: 0;
    bottom: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-common::before {
    left: 0;
    top: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.btn-common span::before {
    left: 0;
    top: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.navbar-nav {
    margin-right: auto;
    margin-left: auto;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px;
    -webkit-transition: 0.2s ease-in all;
    -o-transition: 0.2s ease-in all;
    transition: 0.2s ease-in all;
    font-family: 'OutfitRegular';
    font-size: 20px;
    line-height: 100%;
    padding: 0 0 0 30px;
    color: #fff;
    position: relative;
}

textarea {
    resize: none;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:active {
    background: -o-linear-gradient(80deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
    background: linear-gradient(10deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-nav li {
    margin: 0px 20px;
}

.circle {
    width: 238px;
    height: 238px;
    background: #E9C27D;
    -webkit-filter: blur(217px);
    filter: blur(217px);
    position: absolute;
}

.circle.circle-1 {
    top: -120px;
    z-index: 22;
    left: -120px;
}

.header {
    position: relative;
}


.navbar .nav-link.active::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: -o-linear-gradient(28deg, #3C2415 59.24%, #3C2415 72.84%, #7F5100 87.38%, #AB8832 114.72%, #F6E68A 130.9%, #F6E68A 135.4%);
    background: linear-gradient(62deg, #3C2415 59.24%, #3C2415 72.84%, #7F5100 87.38%, #AB8832 114.72%, #F6E68A 130.9%, #F6E68A 135.4%);
    position: absolute;
    top: 10px;
    left: 0px;
}

.navbar .nav-link.active {
    background: -o-linear-gradient(80deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
    background: linear-gradient(10deg, #3C2415 15.48%, #3C2415 16.55%, #7F5100 38.71%, #AB8832 60.62%, #F6E68A 95.73%, #F6E68A 100.77%);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 500;
    -webkit-text-fill-color: transparent;
}

.hamburger .line {
    width: 42px;
    height: 5px;
    background-color: #E9C27D;
    display: block;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-toggler:not(.collapsed) #hamburger-1 .line:nth-child(2) {
    opacity: 0;
}

.dynmaic-nav {
    background-color: rgba(18, 35, 21, 0.9);
}

.navbar-toggler:not(.collapsed) #hamburger-1 .line:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    transform: translateY(13px) rotate(45deg);
}

.navbar-toggler:not(.collapsed) #hamburger-1 .line:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

.navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-toggler {
    border: none;
    padding: 0px;
}

.hero-content .detail>* {
    margin-bottom: 20px;
}

/* ==== header end ===== */

/* === main === */

/* hero-section */

.hero-section {
    position: relative;
    overflow: hidden;
}

.hero-section .hero-content {
    margin-top: 116px;
    position: relative;
    z-index: 50;
}

.content {
    padding-top: 130px;
}

.hero-section {
    padding: 0px 0px 19px;
}

.hero-section .hero-content .main-title {
    margin-bottom: 30px;

}

.hero-section .container {
    position: relative;
}

.hero-section .hero-content .detail {
    padding-bottom: 10px;
}

.hero-section .hero-content .btn-container {
    margin: 10px 0px 50px;
}

.hero-section .overlay-txt {
    position: absolute;
    top: 62px;
    left: 220px;

}

.hero-section .icon-list {
    position: absolute;
    z-index: 99;
}

.hero-section .icon-list i {
    margin: 9px;
}

.icon-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.icon-list ul li {
    font-family: 'PoppinsRegular';
    font-size: 17.95px;
    line-height: 166.667%;
    color: #3B3A3C;
    position: relative;
    margin-right: 15px;
}

.icon-list ul li::before {
    content: "";
    display: inline-block;
    opacity: 0.5;
    height: 27px;
    border: 1px dashed #757575;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0px 32px 0px 32px;

}

.icon-list ul li a:hover {
    opacity: 0.7;
    color: #3B3A3C;
}

.benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 27px;
}

.benefits-contain .number {
    color: #3B3A3C;
    font-family: 'OutfitSemiBold';
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0.9px;
    position: relative;
    padding-bottom: 10px;
}

.benefits-contain .number::after {
    content: "";
    height: 1px;
    width: 148px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #757575;
}

.benefits-contain .number::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 41px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background: -o-linear-gradient(28deg, #3C2415 59.24%, #3C2415 72.84%, #7F5100 87.38%, #AB8832 114.72%, #F6E68A 130.9%, #F6E68A 135.4%);
    background: linear-gradient(62deg, #3C2415 59.24%, #3C2415 72.84%, #7F5100 87.38%, #AB8832 114.72%, #F6E68A 130.9%, #F6E68A 135.4%);
}

.benefits-contain .number * {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

.benefits>* {
    width: 33.33%;
}

.benefits-contain .category {
    font-family: 'OutfitRegular';
    font-size: 18px;
    line-height: 100%;
    color: #757575;
    letter-spacing: 0.54px;
    margin: 10px 0px
}

.number-animate.million::after {
    content: 'M';
    color: #3B3A3C;
    font-family: 'OutfitSemiBold';
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0.9px;
    display: inline-block;
}

.number-animate.k::after {
    content: '+';
    color: #3B3A3C;
    font-family: 'OutfitSemiBold';
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0.9px;
    display: inline-block;
    position: absolute;
    top: -9px;
}

.number sub {
    margin: -5px;
}

.number .plush {
    display: inline-block;
}

.hero-banner-content {
    position: relative;
}

.hero-banner-content .banner-img {
    position: relative;
    z-index: 20;
    right: 0px
}

.mud-shape {
    position: absolute;
    top: -6px;
    left: -68px;
    z-index: 10;
}

/* hero-section */

/* brand-marque*/
#carouselTicker ul {
    list-style: none;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%;
    margin: 0px;
    margin: 0px;
}
#carouselTicker ul>*{
    display: flex;
    height: 100%;
    align-items: center;
}

.brand-area {
    -webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.30);
    -webkit-transform: rotate(-2.341deg);
    -ms-transform: rotate(-2.341deg);
    transform: rotate(-2.341deg);
    position: absolute;
    z-index: 99;
    padding: 28px 0px;
    top: -180px;
    left: 0px;

    right: 0px;
    overflow: hidden;
}

.brand-area ul li {
    color: #fff;
    font-family: 'OutfitMedium';
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: inline-block;
    margin: 0px 0px 0px 51px;
    text-transform: capitalize;
    padding-right: 49px;
    position: relative;
    
}
.brand-area ul li::after {
    position: absolute;
    display: inline-block;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><path d="M16.9109 0.114969L22.1537 12.1935L34.6505 16.3416L22.572 21.5845L18.4239 34.0813L13.1811 22.0028L0.684226 17.8546L12.7628 12.6118L16.9109 0.114969Z" fill="url(%23paint0_linear_10_608)"/><defs><linearGradient id="paint0_linear_10_608" x1="14.321" y1="30.3633" x2="18.6315" y2="-2.92445" gradientUnits="userSpaceOnUse"><stop stop-color="%233C2415"/><stop offset="0.0125628" stop-color="%233C2415"/><stop offset="0.2724" stop-color="%237F5100"/><stop offset="0.5293" stop-color="%23AB8832"/><stop offset="0.9409" stop-color="%23F6E68A"/><stop offset="1" stop-color="%23F6E68A"/></linearGradient></defs></svg>') no-repeat;
    width: 35px;
    height: 35px;
    right: 0px;
}
.wpcf7-not-valid-tip{
    font-size: 20px;
}

.wpcf7 form .wpcf7-response-output{
    font-size: 20px;
    margin: 0;
    padding: 10px 0px 0px 0px;
    text-align: center;
}
/* #carouselTicker ul li::after {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><path d="M16.2749 0.487985L21.5177 12.5665L34.0146 16.7147L21.936 21.9575L17.7879 34.4543L12.5451 22.3758L0.0482394 18.2276L12.1268 12.9848L16.2749 0.487985Z" fill="url(%23paint0_linear_24_1034)"/><defs><linearGradient id="paint0_linear_24_1034" x1="13.685" y1="30.7363" x2="17.9955" y2="-2.55144" gradientUnits="userSpaceOnUse"><stop stop-color="%233C2415"/><stop offset="0.0125628" stop-color="%233C2415"/><stop offset="0.2724" stop-color="%237F5100"/><stop offset="0.5293" stop-color="%23AB8832"/><stop offset="0.9409" stop-color="%23F6E68A"/><stop offset="1" stop-color="%23F6E68A"/></linearGradient></defs></svg>') no-repeat;
    height: 34px;
    margin: 0px 34px 0px 51px;
    width: 46px;
} */

#carouselTicker ul li a {
    color: #fff;
    font-family: 'OutfitMedium';
    font-size: 30px;
    width: 280px;
    line-height: 30px;
    /* 100% */
    text-transform: capitalize;
}

.brand-marque {
    position: relative;
    z-index: 999;
}

/* brand-marque*/

/* mission start */
.mission {
    padding: 220px 0px 107px;
    position: relative;
    overflow: hidden;
    margin-top: -83px;
    z-index: 998;
    clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
}

.mission-img-contain {
    max-width: 610px;
    position: relative;
}

.mission-img-contain>*:nth-child(1) {
    max-width: 242px;
    position: relative;
    z-index: 5;
}

.mission-img-contain>*:nth-child(2) {
    max-width: 368px;
    margin-left: auto;
    position: relative;
    z-index: 5;
    margin-right: -29px;
}

.mission-box {
    width: 417px;
    min-height: 375px;
    position: absolute;
    top: 43px;
    left: 36px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.circle.circle-2 {
    top: -45px;
    right: -182px;
    z-index: 99;
}

.mission-dec {
    position: relative;
    max-width: 767px;
    margin-left: auto;
}

.mission-dec .overlay-txt {
    position: absolute;
    top: -59px;
    left: -6px;
}

.mission-dec .section-title {
    margin: 55px 0px 54px;
}

.mission-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.mission-details .section-title {
    margin-right: 25px;
    display: inline-block;
}

.mission-details .small-title {
    margin-right: 20px;
}

.mission-details>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.mission-details>*:nth-child(1) {
    max-width: 113px;
}

.mission-details .detail p {
    margin-bottom: 20px;
}

/* mission end */

/* contact-us */

.contact-us {
    padding: 150px 0px 0px;
}

.contact-us-form {
    padding: 55px 121px;
    position: relative;
    background: #FFF;
    -webkit-filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.10));
    filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.10));
    margin-bottom: -350px;
    z-index: 99;
}

.contact-us-form .section-title {
    color: #3C2415;
}

.contact-us-form .overlay-txt {
    margin-bottom: -83px;
    margin-right: -33px;
}

.contact-us-form .form-label {
    color: #E9C27D;
    font-size: 20px;
    line-height: 170%;
    font-family: 'OutfitRegular';
    margin-bottom: 5px;
}

.form-control {
    color: #757575;
    font-size: 18px;
    line-height: 188.889%;
    font-family: 'OutfitLight';
    padding: 13px 50px 13px 30px;
    border: 1px solid #D9D9D9;
    border-radius: 0px;
    position: relative;
}

.contact-us-form input::after {
    content: "";
    display: inline-block;
    width: 56px;
    height: 2px;
    background: #3B3A3C;
}

.form-control:focus {
    border-color: #D9D9D9;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us-form .row>* {
    padding-right: 21px;
    padding-left: 21px;
    margin-top: 40px;
}

.contact-us-form .details span {
    display: inline-block;
    width: 56px;
    height: 2px;
    background: #3B3A3C;
    position: absolute;

}

.contact-us-form .form-txt::after {
    content: "";
    height: 2px;
    width: 56px;
    background: #3B3A3C;
    display: inline-block;
    position: absolute;
    z-index: 99;
    left: 30px;
    top: 61px;
}
.contact-us-form .form-txt.form-textarea::after{
    top: auto;
}


.form-txt {
    position: relative;
}

.form-txt figure {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 17px;
    right: 20px
}

/* contact-us */

/* feedback */
.feedback {
    padding: 80px 0px 117px;
    position: relative;
    overflow: hidden;
}

.feedback .feedback-img {
    position: relative;
    z-index: 99;
}

.feedback .feedback-img img {
    position: relative;
    z-index: 99;
}

.feedback-slick .small-details p {
    margin-bottom: 20px;
}

.feedback .feedback-img::after {
    content: "";
    display: inline-block;
    height: 412px;
    position: absolute;
    top: 63px;
    left: 63px;
    width: 489px;
    border: 1px solid rgb(255, 255, 255, 0.2);
}

.circle.circle-4 {
    right: -194px;
    top: -65px;
}
.feedback-img img{
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.50));
}

.feedback-details .overlay-txt {
    position: absolute;
    top: -46px;
    left: -6px;
}

.feedback-details .section-title {
    margin: 50px 0px;
}

.feedback .feedback-details {
    position: relative;
    margin-left: auto;
}

.feedback-details .small-details {
    margin-bottom: 20px;
}

.circle.circle-5 {
    bottom: -102px;
    left: -119px;
}

.feedback-details .user-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
}

.user-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.user-wrap .profile-img img {
    border-radius: 50%;
    height: 62px;
    width: 62px;
}

.user-profile>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.details-large {
    font-family: 'RocaOneRg';
    font-size: 20px;
    line-height: 130%;
    color: #fff;
}

.details-small {
    font-size: 16px;
    line-height: 162.5%;
    color: #fff;
    font-family: 'OutfitLight';
}

.profile-details {
    margin-left: 20px;
}

/* .arrow-container {
  position: absolute;
} */

.arrow {
    width: 41px;
    height: 41px;
    background: #E9C27D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px 6px;
    border: none;
}

.arrow:hover,
.arrow:active,
.arrow:focus {
    opacity: 0.7;
}
.mission-dec .overlay-txt{
    opacity: 0.4;
}
.feedback-slick .slick-next,
.slick-prev {
    transform: translate(0px, 96px);
}

.feedback-slick .slick-prev {
    left: 648px;
    z-index: 99;
}

.slick-arrow {
    width: 41px;
    height: 41px;
    background: #E9C27D;
}


.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    background: rgba(233, 194, 125, 0.9);

}

.slick-prev:before,
[dir=rtl] .slick-next:before {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="22" viewBox="0 0 19 22" fill="none"><path d="M0.264156 9.95864C5.03933 9.95864 6.06594 5.71707 6.06594 0.512695L7.97601 0.512695C7.97601 4.44204 6.16151 7.92896 3.39189 10.0107L18.1121 10.0107V12.0404L3.36806 12.0404C6.13759 14.1222 7.95218 17.6091 7.95218 21.5383H6.04211C6.04211 16.334 5.01542 12.0925 0.240326 12.0925" fill="%233B3A3C"/></svg>') no-repeat;
    width: 18px;
    height: 22px;
    display: inline-block;
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="22" viewBox="0 0 19 22" fill="none"><path d="M18.0883 9.95864C13.3131 9.95864 12.2865 5.71707 12.2865 0.512695H10.3764C10.3764 4.44204 12.1909 7.92896 14.9605 10.0107H0.240295V12.0404H14.9844C12.2148 14.1222 10.4002 17.6091 10.4002 21.5383H12.3103C12.3103 16.334 13.337 12.0925 18.1121 12.0925" fill="%233B3A3C"/></svg>') no-repeat;
    width: 18px;
    height: 22px;
    display: inline-block;

}

/* feedback */

/* our-service */
.our-service {
    position: relative;
    padding: 150px 0px 122px;
    overflow: hidden;
}

.our-service .overlay-txt {
    margin-bottom: -82px;
    position: relative;
    z-index: -1;
}

.service-wrap {
    padding: 50px 0px 40px;
    position: relative;
}

.service-cart {
    padding: 40px;
    max-width: 386px;
    -webkit-transition: opacity 5s ease-out;
    -o-transition: opacity 5s ease-out;
    transition: opacity 5s ease-out;
    position: relative;
    z-index: 1;
}

.circle.circle-3 {
    top: 161px;
    left: -120px;
    z-index: 99;
}

.service-cart .read-more a {
    text-decoration: underline;
}

.service-cart .read-more a:hover {
    opacity: 0.8;
    color: #E9C27D;
}

.service-cart .small-title {
    margin-bottom: 20px;
}

.service-cart .small-title::after {
    width: 306px;
    height: 1px;
    content: "";
    background: #fff;
    opacity: 0.2;
    display: inline-block;
}

.service-cart .small-details {
    margin-bottom: 20px;
}

.service-cart .card-details {
    margin-bottom: 10px;
}

.service-detail p {
    margin-bottom: 20px;
}

.service-cart::after {
    content: "";
    display: inline-block;
    border: 1px solid #3B3A3C;
    opacity: 0.2;
    width: 386px;
    height: 483px;
    position: absolute;
    left: -40px;
    top: -35px;
    z-index: -1;
}


/* Default slide */

.slick-contain .service-img {
    position: relative;
    z-index: 22;
}

.slick-next:before,
.slick-prev:before {
    font-size: 26px;
}

.service-wrap .arrow {
    position: absolute;
    z-index: 99;
}



.service-new-slider {
    opacity: 0;
}

.service-new-slider.slick-initialized {
    opacity: 1;
}

.service-new-slider .slick-track {
    display: flex;
}

.service-new-slider .slick-list {
    margin: 0 -42px;
}

.service-new-slider .slick-slide {
    height: inherit;
}

.service-new-slider .service-item {
    padding: 0 42px;
}

.service-new-slider .slick-contain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.service-new-slider .slick-contain>* {
    flex: 1 0 0;
    /* max-width: 100%; */
}

.service-new-slider .slick-contain .service-img {
    padding: 105px 0;
    transition: 0.4s;
}

.service-new-slider .slick-current .slick-contain .service-img {
    padding: 72px 0;
}

.service-new-slider .slick-contain .service-img * {
    width: 100%;
}

.service-new-slider .slick-contain .service-cart {
    flex: 0 0 auto;
    transition: 0.4s;
    padding: 0;
    padding: 40px;
}

.our-services-slider {
    overflow: hidden;
}

.our-services-carousel {
    opacity: 0;
    padding-top: 41px;
}

.our-services-carousel.slick-initialized {
    opacity: 1;
}

.our-services-carousel .slick-track {
    display: flex;
}

.our-services-carousel .slick-list {
    margin: 0 -42px;
    padding: 0 500px !important;
}

.our-services-carousel .slick-slide {
    height: inherit;
    padding: 0 42px;
}

.our-services-carousel .our-services-block {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.our-services-carousel .our-services-block>* {
    flex: 1 0 0;
    max-width: 100%;
}

.our-services-carousel .our-services-block .our-services-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.our-services-carousel .our-services-block .our-services-image:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
}

.our-services-carousel .slick-current .our-services-block .our-services-image {
    padding-right: 362px;
}

.our-services-carousel .slick-current .our-services-block .our-services-image:before {
    opacity: 0;
}

.our-services-carousel .our-services-block .our-services-image * {
    width: 100%;
    height: 275px;
    object-fit: cover;
    font-family: 'object-fit: cover';
    object-position: center center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.our-services-carousel .slick-current .our-services-block .our-services-image * {
    height: 362px;
}

.our-services-carousel .our-services-block .our-services-main-detail {
    padding: 37px 0;
    position: relative;
    visibility: hidden;
    flex: 0 0 auto;
    width: 386px;
    opacity: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.our-services-carousel .slick-current .our-services-block .our-services-main-detail {
    visibility: visible;
    opacity: 1;
    flex: 0 0 auto;
}

.our-services-carousel .our-services-block .our-services-main-detail:before {
    position: absolute;
    content: "";
    right: 40px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #3B3A3C;
    opacity: 0.2;
    z-index: -1;
}

.our-services-carousel .our-services-block .service-slide-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 125%;
    text-transform: capitalize;
    color: #E9C27D;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.our-services-carousel .our-services-block .service-slide-title * {
    text-decoration: none;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.our-services-carousel .our-services-block .service-slide-title a:hover {
    color: #fff;
}

.our-services-carousel .our-services-block .our-services-detail {
    background: #3B3A3C;
    padding: 40px;
}

.our-services-carousel .our-services-block .our-services-detail .service-detail {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 155%;
    text-transform: capitalize;
}

.our-services-carousel .our-services-block .our-services-detail .read-more-link a {
    text-decoration: underline;
    font-size: 20px;
    line-height: 100%;
    text-transform: capitalize;
    color: #E9C27D;
}

.our-services-carousel .our-services-block .our-services-detail .read-more-link a:hover {
    color: #fff;
}

.our-services-carousel .slick-prev {
    left: 393px;
    z-index: 99;
    transform: translate(0px, -21px);
}

.our-services-carousel .slick-next {
    right: 393px;
    z-index: 99;
}
.wpcf7 form .wpcf7-response-output{
    border: none;
}
.wpcf7-form.invalid .wpcf7-response-output{
    color: #dc3232;
}
.wpcf7-form.failed .wpcf7-response-output{
    color: #dc3232;
}
.wpcf7-form.sent .wpcf7-response-output{
    color: #4BB543;
}
/* our-service

/* typography */
.typography-section {
    padding-top: 75px;
    padding-bottom: 75px;
}

.typography-section .back-home-button {
    padding-top: 30px;
}
.contact-us-form .btn-common>span{
    padding: 4px 5px 6px 5px;
}
.contact-us-form .overlay-txt{
    position: relative;
    z-index: -1;
}
/* typography */
/* === main end=== */

/* === footer === */
.footer .f-content .f-block .f-logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 45px;
}

/* .footer .f-content .f-contactus {
    padding: 50px 0px;
} */

.f-content .f-contactus .f-block {
    margin: 20px 0px;
}

.f-contactus .row>* {
    border-right: 1px solid;
    border-color: rgb(233, 194, 125, 0.3);
    margin: 50px 0px;
}


.icon a> {
    -webkit-transition: 0.2s ease-in all;
    -o-transition: 0.2s ease-in all;
    transition: 0.2s ease-in all;
}

.f-contactus .icon a:hover i {
    color: #fff !important;
}

.footer .f-bottom {
    padding-bottom: 50px;
}

.f-contactus .icon a i {
    line-height: 28px;
    font-size: 22px;
    color: #E9C27D;
}
.feedback-details .overlay-txt{
    opacity: 0.4;
}

.footer .detail {
    color: #fff;
}

.footer .detail a {
    -webkit-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
    transition: 0.3s ease-in all;
}

.footer .f-contactus .detail a:hover,
.footer .f-contactus .detail a:focus,
.footer .f-contactus .detail a:active {
    color: #E9C27D;
    text-decoration: underline;
}

.footer .f-block .small-details {
    font-family: 'PoppinsRegular';
    font-size: 16px;
    line-height: 187.5%;
    letter-spacing: 0.48px;
    color: #999;
}

.small-details * {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.footer .f-block ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
}

.f-block.quick-link .detail {
    font-family: 'OutfitRegular';
}

.footer .f-block .detail ul li a {
    padding: 0px 0px 0px 10px;
    position: relative;
}

.footer .f-block .detail ul li {
    margin: 0px 20px;
}

.f-block.social-icon .icon i {
    color: #fff;
}

.footer .f-block .detail ul li .active::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #E9C27D;
    position: absolute;
    left: -20px;
    top: 50%;
}

.footer .f-block .detail ul li .activepage {
    color: #E9C27D;
}

.footer .f-block .detail ul li a:hover {
    color: #E9C27D;
}

.f-block.quick-link {
    margin-bottom: 40px;
}

.f-block.copy-right .detail {
    font-family: 'OutfitRegular';
    font-size: 16px;
    line-height: 187.5%;
    letter-spacing: 0.8px;
}

.f-block.copy-right {
    margin-bottom: 20px;
}

.f-block.social-icon ul li {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2" height="26" viewBox="0 0 2 26" fill="none"><path d="M1 0V26" stroke="%23E9C27D" stroke-miterlimit="3.99933" stroke-dasharray="3 3"/></svg>');
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    padding: 0px 20px;
}

.f-block.social-icon .icon ul li a {
    -webkit-transition: 0.2s ease-in all;
    -o-transition: 0.2s ease-in all;
    transition: 0.2s ease-in all;
}

.f-block.social-icon .icon ul li a:hover i {
    color: #E9C27D !important;
}

.circle-7 {
    bottom: -89px;
    left: -168px;
}

.circle-6 {
    top: -92px;
    right: -194px;
}

.footer.footer-top-space .f-top {
    padding-top: 380px;
}

.footer {
    position: relative;
    padding-top : 50px;
    overflow: hidden;
}

.wpcf7-spinner{
    margin: 0px;
    position: absolute;
    right: -50px;
}

.banner-arena {
    -webkit-transform: rotate(-2.341deg);
    -ms-transform: rotate(-2.341deg);
    transform: rotate(-2.341deg);
}

.f-block.quick-link ul li a.active {
    color: #E9C27D;
}

.banner-arena #example-1 {
    z-index: 90;
}

.icon ul li:last-child {
    background-image: none;
}

.f-contactus .row>*:nth-child(3n) {
    border-right: none;
}

.f-contactus .row>*:last-child {
    border: none;
}

/* === footer end=== */

/* loader */
.page-loader {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1031;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3B3A3C;
}

.page-loader * {
    position: relative;
    width: 200px;
    animation: loder-animation 1s infinite alternate;
    height: 200px;
}
.f-logo img {
    width: 115px;
    height: 137px;
}

@keyframes loder-animation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes loder-animation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.page-main-title {
    background: #3B3A3C;
    padding: 20px 0px;
}

.page-main-title .page-title-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-title {
    color: #fff;
    font-weight: 700;
    font-size: 45px;
    font-family: 'RocaOneRg';
    line-height: 133%;
}

.block-title * {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.breadcrumb-section .breadcrumb {
    margin: 0;
}

.breadcrumb-section .breadcrumb .breadcrumb-item {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding-left: 20px;
}