/* 
Theme Name:     Marketi-verse
Theme URI:      
Author:         
Author URI:     
Description:    
Version:        1.0
License:        
License URI:

 [Table of Content]
 01. Reset
 02. Global Style 
	01. Index Page Style
        section Index Page
            1.1. header section
            1.2. hero section
            1.3. Rating section
            1.4. Facility section
            1.5. Case-Study section
            1.6. Optimization section
            1.8. Experiences section
            1.9. Plan section
            1.10. Gallery section
            1.11. Professionals section
            1.12. Testimonials section
            1.13. Questions section
            1.15. Subscribe section
            1.16. footer section
   
    02. About Page Style
         section About Page
            2.1. banner
            2.2. hero-about

    03. Services Page Style
         section Services Page
            3.1. Services

    04. Contact Page Style
         section Contact Page
            4.1. Leave_Us
            4.2. Some_Question
           
    05. Testimonial Page Style

    06. Pricing Page Style

    07. Our_Blog Page Style
         section Our_Blog Page
            7.1. blog
          
    08. Blog_Detail Page Style
         section Blog_Detail Page
            8.1 Latest_Posts

    09. Portfolio Page Style

    10. Team Page Style

    11. FAQ Page Style

    12. 404 Page Style
         section 404 Page
            12.1 Not_Found

    13. Coming Page Style
         section coming Page
            13.1 coming

*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}


/* HTML5 display-role reset for older browsers */
/* =====  01. Reset  ====== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: 'Rubik', sans-serif;
    line-height: 1;
    background: #212322;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

button:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

select::-ms-expand {
    display: none;
}

label {
    font-weight: normal;
}

iframe {
    width: 100%;
}

/* =====  End of 01. Reset  ====== */
/* ===== 02. Global Style ===== */
h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    font-family: 'Rubik', sans-serif;
}

h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 51px;
    font-family: 'Rubik', sans-serif;

}

h3 {
    font-size: 32px;
    font-weight: 800;
    line-height: 38px;
    font-family: 'Rubik', sans-serif;
}

h4 {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    font-family: 'Rubik', sans-serif;
}

h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    font-family: 'Rubik', sans-serif;
}

h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Rubik', sans-serif;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Rubik', sans-serif;

}

button {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 10px 35px;
    font-family: 'Roboto', sans-serif;
}

a {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

/* input area sugguseation color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

span {
    font-family: 'Rubik', sans-serif;
}

.active {
    color: #fda403 !important;
    background: none !important;
}

#Succes-box {
    position: fixed;
    background-color: #E6B938;
    text-align: center;
    width: 60%;
    padding: 103px 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    top: 29%;
    z-index: 5;
    border-radius: 25px;
    display: none;
    right: 20%;
    color: #fff;
}

#Succes-box2 {
    position: fixed;
    background-color: #E33D5C;
    text-align: center;
    width: 60%;
    padding: 103px 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    top: 29%;
    z-index: 5;
    border-radius: 25px;
    display: none;
    right: 20%;
    color: #fff;
}

/* .hover1{
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
    text-align: center;
    background-color: #E33D5C;
}

.hover1:hover {
    color: #212322;
}

.hover1::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.3s ease;
    background-color: #fff;
    z-index: -1;
    top: 0;
    left: 0;
}

.hover1:hover::before {
    width: 100%;
    background-color: #fff;
    right: 0;

} */



.hover {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    background-color: #fda403;
    color: #fff;
    z-index: 1;
    padding: 10px 35px;
    transition: all 0.9s ease;
    text-align: center;
}

.hover:hover {
    color: #fff !important;

}

.hover::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.9s ease;
    background-color: #fff;
    z-index: -1;
    top: 0;
    left: 0;
}

.hover:hover::before {
    width: 0%;
    background-color: #fff;
    right: 0;
}

.hover::after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.6s ease;
    background-color: #212322;


    z-index: -1;
    bottom: 0;
    right: 0;
}

.hover:hover::after {
    width: 100%;
    background-color: #212322;
    left: 0;
}





.hover1 {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1.5px solid #ffc356;
    background-color: #fda403;
    color: #fff;
    z-index: 1;
    padding: 10px 35px;
    transition: all 0.9s ease;
    text-align: center;
}

.hover1:hover {
    color: #212322 !important;
}

.hover1::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.9s ease;
    background-color: #fff;
    z-index: -1;
    top: 0;
    left: 0;
}

.hover1:hover::before {
    width: 0%;
    background-color: #fff;
    right: 0;
}

.hover1::after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.6s ease;
    background-color: #fff;
    z-index: -1;
    bottom: 0;
    right: 0;
}

.hover1:hover::after {
    width: 100%;
    background-color: #fff;
    left: 0;
}





.hover2 {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1.5px solid #212322;
    background-color: #212322;
    color: #fff;
    z-index: 1;
    padding: 10px 35px;
    transition: all 0.9s ease;
    text-align: center;
}

.hover2:hover {
    color: #212322 !important;
}

.hover2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.9s ease;
    background-color: #fff;
    z-index: -1;
    top: 0;
    left: 0;
}

.hover2:hover::before {
    width: 0%;
    background-color: #fff;
    right: 0;
}

.hover2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.6s ease;
    background-color: #fff;
    z-index: -1;
    bottom: 0;
    right: 0;
}

.hover2:hover::after {
    width: 100%;
    background-color: #fff;
    left: 0;
}




.hover4 {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1.5px solid #212322;
    color: #fff;
    z-index: 1;
    transition: all 0.9s ease;
    text-align: center;
}

.hover4:hover {
    color: #fff !important;
}

.hover4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.9s ease;
    background-color: #212322;
    z-index: -1;
    top: 0;
    left: 0;
}

.hover4:hover::before {
    width: 0%;
    background-color: #212322;
    right: 0;
}

.hover4::after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.6s ease;
    background-color: #212322;
    z-index: -1;
    bottom: 0;
    right: 0;
}

.hover4:hover::after {
    width: 100%;
    background-color: #212322;
    left: 0;
}



.hover5 {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1.5px solid #212322;
    color: #fff;
    z-index: 1;
    transition: all 0.9s ease;
    text-align: center;
}

.hover5:hover {
    color: #fff !important;
}

.hover5::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.9s ease;
    background-color: #E6B938;
    z-index: -1;
    top: 0;
    left: 0;
}

.hover5:hover::before {
    width: 0%;
    background-color: #E6B938;
    right: 0;
}

.hover5::after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    transition: all 0.6s ease;
    background-color: #E6B938;
    z-index: -1;
    bottom: 0;
    right: 0;
}

.hover5:hover::after {
    width: 100%;
    background-color: #E6B938;
    left: 0;
}

.hover3 {
    position: relative;
    transition: 0.2s ease-in-out;
    color: #212322;
}

.hover3:hover {
    transform: translateY(-3px);
}

/* ===== End of 02. Global Style ===== */
/* ========= 1.1. header section ========= */
#ThreeSections-bg {
    position: relative;
    background: url("../images/bg/ThreeSection-bg.webp");
    background-color: #0F1412;
}

.navbar {
    padding: 6px 0px;
}

.nav-logo {
    z-index: 3;
}

.nav-logo img {
    width: 140px;
}

.navbar-collapse {
    justify-content: center;
}

.right-sidbar {
    width: 280px;
    position: fixed;
    height: 100vh;
    top: 0;
    left: -355px;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 20px;
    z-index: 99;
    background-color: #0F1412;
}

.open-aside {
    display: none;
    z-index: 2;
}

aside .fa-xmark {
    padding: 8px 13px;
    background-color: #E6B938;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 22px;
}

.nav-link:focus {
    color: #fff !important;
}

.dropdown-item:focus {
    background: transparent !important;
    color: #fff !important;
}

aside .fa-caret-down {
    color: #E33D5C;
    font-size: 22px;
}

aside a {
    color: #fff;
}

aside a:hover {
    color: #E33D5C;
}

#slid-drop {
    display: none;
}

aside li {
    padding: 12px;
}

#slid-drop li {
    padding: 12px 0px;
}

.aside-dropdwon {
    display: block !important;
}

.page-btn {
    padding: 10px 0px;
    color: #E33D5C;
    background-color: transparent;
    border: none;
    font-size: 18px;
}

.navbar ul li a {
    color: #fff;
    padding: 12px;
}

.navbar ul li a:hover {
    color: #E6B938;
}

.dropdown ul {
    width: 200px;
}

.dropdown-menu {
    transition: transform 2.3s ease;
    padding: 0px;
    background-color: #0F1412;
}

.navbar .dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown ul li a {
    color: #fff;
}

.dropdown ul li a:hover {
    background-color: #0F1412;
}

.open-aside {
    padding: 9px 14px;
    background-color: #E6B938;
    border: none;
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
}

/* ========= End of 1.1. header section ========= */
/* ========= End of 1.2. hero section ========= */
#hero {
    padding: 15px 0px 50px 0px;
}

#hero h1 {
    color: #fff;
    font-size: 50px;
    line-height: 55px;
    font-weight: 600 !important;
    padding-top: 50px;
}

#hero h1 span {
    font-size: 65px;
    /* line-height: 55px; */
}

#hero h3 {
    color: #E6B938;
}

#hero .col-lg-4 p {
    color: #fff;
    text-align: center;
}

#hero .col-lg-4 img {
    width: 97px;
}

#hero .col-lg-4 .gap-4 {
    padding-top: 30px;
}

#hero .col-lg-4 hr {
    transform: rotate(270deg);
    width: 40px;
    height: 2px;
    color: #676767;
    opacity: 0.6;
    position: relative;
    top: 20px;
    left: 100px;
}

#hero .col-lg-8 .bg-circle img {
    width: 100%;
}

#hero .col-lg-8 .girl-image img {
    position: absolute;
    width: 66%;
    top: 3.1%;
    left: -7%;
    clip-path: polygon(100% 100%, 100% 100%, 98% 100.8%, 96% 100%, 92% 100.4%, 87% 100.75%, 80% 88.9%, 72% 97%, 65% 100%, 60% 100%, 59% 100%, 54% 98%, 50% 96.78%, 47% 95.79%, 44% 94.6%, 40.1% 92.86%, 36.3% 91%, 34% 89.7%, 24% 82.2%, 22% 85%, 17% 90%, 13% 100%, 9% 100%, 0% 100%, 0% 0%, 100% 0%);
}

#hero .col-lg-8 .hero-content {
    position: absolute;
    top: 17%;
    right: 12%;
    width: 30%;
}

#hero .col-lg-8 .hero-content a {
    color: #212322;
    transition: 0.2s ease-in-out;
}

#hero .col-lg-8 .hero-content a:hover {
    color: #fff;
}

/* ========= End of 1.2. hero section ========= */
/* ========= 1.3. Rating section ========= */
#rating {
    padding: 0px 0px 50px 0px;
}

#rating .col-lg-4 .flex-column {
    border-radius: 15px;
    border: 1px solid #464646;
    background: #0F1412;
    padding: 25px 30px;
    width: 100%;
    transition: 0.5s all ease-in-out;
}

#rating .col-lg-4:nth-child(2) .flex-column {
    background: #E33D5C;
    border: 1px solid #E33D5C;
}

#rating .col-lg-4:nth-child(2) .flex-column {
    background: #ffffff;
    border: 1px solid #ffffff;
    border-top: 2px solid #fda403;
    transform: scale(1.05, 1.05);
}

#rating .col-lg-4 .flex-column:hover {
    background: #ffffff;
    border: 1px solid #fda403;
    border-top: 2px solid #fda403;
}
#rating .col-lg-4 .flex-column:hover p{
    color: #0f1412;
}

#rating .col-lg-4 p {
    color: #fff;
    padding-top: 5px;
    text-align: center;
    font-weight: 500;
}

#rating .col-lg-4  i{
    color: #ffffff;
    font-size: 31px;
    margin-bottom: 10px;
    border: 2px solid #fda403;
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    transition: 0.5 all ease-in-out;
}

#rating .col-lg-4 .flex-column:hover i{
    color: #fda403;
}
#rating .col-lg-4 h1 {
    color: #fda403;
    font-size: 55px;
    line-height: 61px;
}

#rating .col-lg-4:nth-child(2) p{
    color: #0f1412;
}


#rating .col-lg-4:nth-child(2)  i{
    color: #fda403;
}
/* ========= End of 1.3. Rating section ========= */
/* ========= 1.4. Facility section ========= */
#facility {
    padding: 100px 0px 0px 0px;
    background-color: #2A2D2C;
    background: url("../images/bg/ThreeSection-bg.webp");
    position: relative;
}

#facility .facility-circle img {
    width: 100%;
}

#facility .facility-circle figure {
    position: relative;
}

#facility .facility-circle h2 {
    padding: 10px 102px;
    color: #0F1412;
    position: absolute;
    top: 12%;
    left: 5%;
    width: 50%;
    overflow: hidden;
}

#facility .col-lg-5 p {
    color: #fff;
    padding: 130px 90px 433px 0px;
}

#facility .position-absolute .flex-column {
    border-radius: 30px;
    background: #FFF7E1;
    width: 74%;
    padding: 30px 30px 40px 30px;
}

#facility .position-absolute img {
    width: 120px;
}

#facility .position-absolute {
    /* top: 28%; */
    bottom: 490px;
    margin-right: 0px;
}

#facility .position-absolute h4 {
    color: #212322;
    font-weight: 500;
    padding-top: 10px;
}

#facility .logoipsum {
    padding: 100px 0px;

}

#facility .logoipsum .col-lg-2 {
    margin-top: 40px;
}

#facility .logoipsum .col-lg-2 div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #797979;
    padding: 45px 5px;
    width: 100%;
    height: 100%;
}

#facility .logoipsum .col-lg-2 div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 5px;
}

#facility .logoipsum .col-lg-2 a {
    padding: 0px 0px;
}

#facility .logoipsum div img {
    width: 175px;
}

/* #facility .about_facility{
    bottom: 560px;
} */
/* ========= End of 1.4. Facility section ========= */
/* ========= 1.5. Case-Study section ========= */
#Case-Study {
    background-color: #0F1412;
    background: url('../images/bg/ThreeSection-bg.webp');
    position: relative;
}

#Case-Study .row>* {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

#Case-Study h1 {
    text-align: center;
    padding: 1px 180px;
    color: #fff;
}

.Case-Study-p {
    text-align: center;
    padding: 15px 120px 25px 120px;
    color: #fff;
}

#Case-Study .col-lg-3 {
    overflow: hidden;
    border-radius: 15px;
}

#Case-Study img {
    max-width: 100%;
    height: 450px;
    border-radius: 15px;
    object-fit: cover;
}

.main {
    position: relative;
    overflow: hidden;
    transition: 0.1s ease-in-out;
}

.overlay {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 84.9%);
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: 0.4s ease-in-out;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 40px;
}

.overlay::before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: 0.1s ease-in-out;
    overflow: hidden;
    z-index: -1;
    opacity: 0.9;
}

.main:hover .overlay {
    height: 100%;
}

.over-h {
    height: 100%;
    border-radius: 15px;
    transition: 0.9s ease-in-out;
}

.content {
    display: flex;
    /* margin-bottom: 40px; */
}

#Case-Study .content a {
    margin-top: 15px;
}

#Case-Study .content h4 {
    color: #fff;
    padding: 10px 0px;
    width: 350px;
    font-weight: 600;
    /* -webkit-text-stroke: 1px #3b2600;
    text-shadow: 8px 4px 10px #4b3100; */
}

#Case-Study .content p {
    color: #fff;
    width: 350px;

}

.Case-Study_bg {
    background: #fff !important;
    padding: 100px 0px !important;
}

.Case-Study_bg h1 {
    color: #212322 !important;
}

.Case-Study_bg .Case-Study-p {
    color: #212322 !important;

}

/* ========= End of 1.5. Case-Study section ========= */
/* ========= 1.6. Optimization section ========= */
#Optimization {
    padding-top: 130px;
    background: url("../images/bg/sco_bg.webp");
    background-size: cover;
    background-position: center;
    background-color: #fda403;
    position: relative;
}

#Optimization .big-h1 h1 {
    color: transparent;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: white;
    font-size: 21.2vw;
    text-align: center;
    position: absolute;
    top: 20%;
    z-index: 2;
    /* position: relative; */
    z-index: 1;
    font-family: 'Oswald', sans-serif;
}

#Optimization .col-lg-6 div figure {
    display: flex;
    align-items: end;
    justify-content: center;
    background: url("../images/bg/seo_bg.webp");
    background-size: 85% 85%;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    position: unset;
    z-index: 1;
}

#Optimization .col-lg-6 img {
    width: 70%;
    position: unset;
    z-index: 10;
}

#Optimization .col-lg-3 {
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
}

#Optimization .col-lg-3>div:first-child {
    margin-bottom: 110px;
    padding-top: 280px;
}

#Optimization .col-lg-3 div:first-child p {
    color: #0F1412;
    padding: 0px 10px 0px 0px;
}

#Optimization .col-lg-3 a {
    display: flex;
    margin-top: 20px;
}

#Optimization .col-0 h1 {
    position: absolute;
    color: #fff;
    z-index: 12;
    left: 4%;
    width: 60%;
    bottom: 165px;
    font-size: 60px;
    line-height: 72px;
    /* -webkit-text-stroke: 1px #482e00;
    text-shadow: 8px 4px 10px #4f3300; */
    text-shadow: 8px 4px 10px rgb(79 51 0 / 50%);
}

/* ========= End of 1.6. Optimization section ========= */
/* ========= 1.7. Offer section ========= */
#Offer {
    background: #fff;
    position: relative;
    padding-bottom: 15px;
}

#Offer h1 {
    color: #212322;
}

#Offer .flex-column {
    padding: 0px 20px;
}

#Offer figure img {
    width: 100%;
    /* border-radius: 20px; */
    transform: scale(1.1, 1.1);
    padding-top: 20px;

}

#Offer .row:first-child {
    padding-bottom: 50px;
}

#Offer .social .gap-lg-3 {
    background: #FFF7E1;
    padding: 30px;
    border-radius: 25px;
}

#Offer .social img {
    width: 100px;
}

#Offer .social p {
    font-size: 14px;
    line-height: 20px;
    color: #212322;
}

#Offer .social a {
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

/* ========= End of 1.7. Offer section ========= */
/* ========= 1.8. Experiences section ========= */
#Experiences {
    padding: 100px 0px;
    background: #0F1412;
}

#Experiences .Exp-p {
    padding: 15px 10px 15px 0px;
    color: #fff;
}

#Experiences .d-flex p {
    color: #fff;
    padding: 5px 80px 15px 0px;
}

#Experiences .d-flex {
    gap: 10px;
}

#Experiences .number {
    background-color: #E6B938;
    width: 49px;
    height: 47px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 800;
}

#Experiences h2 {
    color: #fff;
}

#Experiences h5 {
    color: #fff;
    font-weight: 700;
}

#Experiences .btn {
    gap: 40px;
    padding-top: 35px;
}

#Experiences .Exp-image figure {
    clip-path: circle(50%);
    background-color: #E6B938;
    position: relative;
}

#Experiences .Exp-image img {
    width: 58%;
    position: relative;
    top: 2%;
    left: 10%;
}

#Experiences .Exp-image h1 {
    position: absolute;
    color: #fff;
    top: 30%;
    z-index: 2;
    width: 50%;
    left: 50%;
}

#Experiences .d-flex a {
    color: #fff;
}

/* ========= End of 1.8. Experiences section ========= */
/* ========= 1.8. Plan section ========= */
#Plan {
    padding: 100px 0px;
    background-color: #fff;
}

#Plan h1 {
    color: #212322;
    padding: 0px 200px;
    text-align: center;
}

#Plan .Plan-p {
    padding: 10px 240px 30px 240px;
    text-align: center;
}

#Plan .plan-Card {
    background-color: #FFF7E1;
    padding: 35px 30px;
    border-radius: 30px;
}

.plan-Card .mt-0 p {
    background-color: #E6B938;
    padding: 6px 20px;
    border-radius: 20px;
}

#Plan .plan-Card a {
    border: 1px solid #212322;
    padding: 10px 35px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #212322;
}

#Plan .col-lg-4:nth-child(2) .plan-Card {
    background-color: #212322;
}

#Plan .col-lg-4:nth-child(2) .plan-Card h5 {
    color: #fff;
}

#Plan .col-lg-4:nth-child(2) .plan-Card h2 {
    color: #fff;
}

#Plan .col-lg-4:nth-child(2) .plan-Card h6 {
    color: #fff;
}

#Plan .col-lg-4:nth-child(2) .plan-Card p {
    color: #fff;
}

#Plan .col-lg-4:nth-child(2) .plan-Card i {
    color: #fff;
}

#Plan .col-lg-4:nth-child(2) .plan-Card a {
    border: 1px solid #E6B938;
    color: #fff;
}

/* ========= End of 1.9. Experiences section ========= */
/* ========= 1.10. Gallery section ========= */
#Gallery {
    background-color: #fff;
    padding-bottom: 100px;
    position: relative;
}

#Gallery h2 {
    padding: 0px 100px 0px 0px;
}

#Gallery .Gallery-p {
    padding: 0px 100px 0px 0px;
    color: #212322;
}

#Gallery hr {
    margin-bottom: 100px;
}

#Gallery .row {
    padding-bottom: 100px;
}

.Gallery_Slider {
    position: relative;
    z-index: 2;
}

.Gallery_Slider .slick-slide {
    margin: 0px 7px;
}

.G_S_Content {
    bottom: 25px;
    padding: 5px 15px;
    z-index: 2;
}

.over {
    background: #18181866;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
}

.G_S_Content h3 {
    color: #fff;
}

.G_S_Content p {
    color: #fff;
}

.G_Color {
    height: 300px;
    width: 100%;
    background-color: #E6B938;
    position: absolute;
    bottom: 0%;
    z-index: 1;
}

.Gallery_Slider img {
    width: 100%;
    border-radius: 20px;
}

.Gallery_Slider .slick-dots li button:before {
    color: #fff;
}

.Gallery_Slider .slick-dots li.slick-active button:before {
    color: #212322;
    position: relative;
    top: 4px;
}

/* ========= End of 1.10. Gallery section ========= */
/* ========= 1.11. Professionals section ========= */
#Professionals {
    padding: 100px 0px;
    background: #212322;
}

.Professionals_Slider figure {
    width: 100%;
}

.Professionals_Slider figure img {
    width: 100%;
    border-radius: 50%;
}

.Professionals_Slider .d-flex {
    padding: 0px 10px;
}

.Professionals_Slider .slick-dots li button:before {
    color: #fff;
}

.Professionals_Slider .slick-dots li.slick-active button:before {
    color: #E6B938;
    position: relative;
    top: 4px;
}

#Professionals h2 {
    color: #fff;
}

#Professionals h3 {
    color: #fff;
    text-align: center;
}

#Professionals p {
    color: #fff;
}

#Professionals .col-lg-7 p {
    color: #fff;
}

#Professionals .prof_p {
    padding: 15px 0px 20px 0px;
}

.about_Professionals {
    background: #fff !important;
}

.about_Professionals p {
    color: #212322 !important;
}

.about_Professionals h2 {
    color: #212322 !important;

}

.about_Professionals h3 {
    color: #E6B938 !important;

}

.about_Professionals .Professionals_Slider .slick-dots li button:before {
    color: #212322;
    position: relative;
}

.about_Professionals .Professionals_Slider .slick-dots li.slick-active button:before {
    color: #E6B938;
    position: relative;
    top: 4px;
}

/* ========= End of 1.11. Professionals section ========= */
/* ========= 1.12. Testimonials section ========= */
#Testimonials {
    padding: 100px 0px;
    background-color: #fff;
}

#Testimonials h2 {
    padding: 0px 120px;
    color: #212322;
    text-align: center;
}

#Testimonials h6 {
    color: #E6B938;
}

#Testimonials i {
    color: #E6B938;
}

#Testimonials .Test-P {
    padding: 15px 300px 35px 300px;
    color: #212322;
    text-align: center;
}

#Testimonials p {
    color: #212322;
}

#Testimonials span {
    color: #212322;
}

#Testimonials .col-lg-8 .gap-3 {
    padding: 50px 140px 50px 50px;
    background: #FFF5D8;
    border-radius: 30px;
}

#Testimonials .col-lg-4 img {
    width: 100%;
    border-radius: 30px;
}

/* ========= End of 1.12. Testimonials section ========= */
/* ========= 1.13. Questions section =========== */
#Questions {
    background: #212322;
}

#Questions .container {
    position: relative;
    top: 100px;
}

#Questions h5 {
    color: #AAA !important;
}

#Questions .accordion p {
    color: #AAA;
}

#Questions img {
    width: 100%;
    clip-path: circle(50%);
}

#Questions h1 {
    color: #fff;
    position: absolute;
    top: 43%;
    left: 6%;
}

#Questions .accordion {
    border-radius: 25px;
    width: 100%;
}

#Questions .accordion-body {
    padding: 0px 50px 15px 0px;
}

#Questions .accordion-body p {
    font-size: 14px;
    line-height: 20px;
}

#Questions .accordion-button {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    justify-content: space-between;
    gap: 60px;
    padding: 0px 0px 25px 0px
}

#Questions .accordion-button:not(.collapsed) {
    background-color: transparent !important;
}

#Questions .accordion-button {
    color: #AAA !important;
}

#Questions .accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

#Questions .accordion-button:not(.collapsed)::after {
    background-image: url('../images/icon/minus.svg') !important;
}

#Questions .accordion-button::after {
    background-image: url('../images/icon/plus.svg') !important;
    margin-left: 10px;
}

#Questions .question-collapes {
    border-radius: 40px;
}

#Questions .accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

#Questions .accordion-button:not(.collapsed)::after {
    background-position: center;
}

#Questions .accordion-item {
    border-bottom: 1px solid #ADB0B4;
    margin-bottom: 30px;
    background-color: #212322;
    padding: 5px;
}

#Questions .accordion-button {
    background-color: transparent !important;
}

#Questions .accordion-item:first-of-type .accordion-button {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.FAQ_Questions {
    padding: 50px 0px 100px 0px;
    background: #0F1412 !important;
}

.FAQ_Questions .accordion-item {
    background: #0F1412 !important;

}

/* ========= End of 1.13. Questions section =========== */
/* ======== 1.14. Talk section ======== */
#Talk {
    background: #212322;
}

#Talk .row {
    padding: 60px 60px 60px 60px;
    border-radius: 30px;
    top: 0;
}

#Talk input {
    width: 100%;
    background-color: transparent;
    outline: none;
    color: #212322;
    font-size: 16px;
}

#Talk textarea {
    width: 100%;
    background-color: transparent;
    /* border-radius: 8px; */
    border: 1px solid #E6B938;
    outline: none;
    /* padding: 16px 20px; */
    /* color: #212322; */
    font-size: 16px;
}

/* #Talk i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #E6B938;
    color: #E6B938;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.3s ease-in-out;
} */

#Talk i:hover h5 {
    color: #E33D5C;
}

#Talk i:hover {
    border: 1px solid #E33D5C;
    color: #E33D5C;
}

#Talk h5 {
    color: #E6B938;
}

#Talk p {
    color: #212322;
}

#Talk .map {
    line-height: 0px;
}

/* ======== End of 1.14. Talk section ======== */
/* ======== 1.15. Subscribe section ======== */
#Subscribe {
    padding: 100px 0px;
    background-color: #fff;
}

#Subscribe .flex-column {
    background-color: #E6B938;
    border-radius: 30px;
    padding: 70px 0px;
}

#Subscribe input {
    padding: 20px 20px;
    outline: none;
    color: #212322;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    width: 42%;
}

#Subscribe button {
    background-color: #E33D5C;
    border: none;
    padding: 8px 10px;
    position: absolute;
    top: 9px;
    right: 30%;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}

#Subscribe button:hover {
    background-color: #E6B938;
}

#Subscribe button img {
    width: 24px;
}

#Subscribe h3 {
    padding: 0px 300px 30px 300px;
}
.Subscribe_contact {
    padding-top: 0px !important;
}

/* ======== End of 1.15. Subscribe section ======== */
/* ======== 1.16. footer section ======== */
footer {
    padding-top: 100px;
    background: #ffffff;
}

footer img {
    width: 220px;
}

footer .gap-3 p {
    color: #fff;
    font-size: 16px;
}

footer hr {
    color: #AAAAAA;
    width: 100%;
    height: 1px;
    margin: 0px;
}

footer .Copyright {
    color: #AAAAAA;
    font-size: 14px;
    padding: 10px 0px;
    text-align: center;
}

footer i {
    color: #fff;
    font-size: 24px;
    transition: 0.2s ease-in-out;
}

footer i:hover {
    color: #E6B938;
}

/* ======== End of 1.16. footer section ======== */

/* ======== 1.16. about_hero section ======== */

#TwoSections-bg {
    background: #0F1412;
}

#about_hero {
    padding: 50px 0px 70px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#about_hero .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

#about_hero h2 {
    color: #fff;
    text-align: center;
    padding: 20px 0px;
}

#about_hero ol a {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    transition: 0.2s ease-in-out;
}

#about_hero ol a:hover {
    color: #E6B938;
}

#about_hero ol li {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
}

.about_hero_space {
    padding-bottom: 200px !important;
}

/* ======== End of 1.16. about_hero section ======== */


.gm-control-active {
    z-index: 1000 !important;
}

/* ======== 2.2. sign section ======== */
#sign {
    background: #fff;
}

#sign p {
    color: #212322;
    padding: 0px 200px 0px 200px;
}

#sign span {
    font-family: "Betterlett-Regular";
    font-size: 48px;
    line-height: 54px;
    font-weight: 400;
}

#sign img {
    width: 100%;
}

#sign .position-relative {
    top: -100px;
}

/* ======== End of 2.2. sign section ======== */
/* ======== 3.1. Services section ======== */
#Services {
    background: #fff;
    padding: 100px 0px;
}

#Services h2 {
    color: #212322;
    font-size: 55px;
    line-height: 61px;
    padding: 0px 50px 0px 0px
}

#Services p {
    color: #212322;
}

.Services-p {
    padding: 0px 100px 0px 0px
}

#Services a {
    color: #212322;
}

#Services img {
    border-radius: 20px;
}

#Services img[alt="Offer_Image"] {
    width: 100%;
}

#Services .text-start {
    background: #FFF7E1;
    padding: 20px 15px;
    border-radius: 30px 30px;
}

#Services .text-start img {
    width: 90px;
}

/* ======== End of 3.1. Services section ======== */
/* ========  4.1. Leave_Us section ======== */
#Leave_Us {
    position: relative;
}

#Leave_Us .Leave_form {
    background: #fff;
    padding: 40px 30px;
    border-radius: 20px;
}

#Leave_Us .Leave_form h2 {
    color: #212322;
}

#Leave_Us .Leave_form {
    width: 45%;
    box-shadow: 2px 2px 30px rgb(170, 170, 170);
}

#Leave_Us .position-absolute {
    top: 200px;
}

#Leave_Us .map {
    line-height: 0 !important;
}

#Leave_Us input {
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #E6B938;
    outline: none;
    padding: 16px 20px;
    color: #212322;
    font-size: 16px;
}

#Leave_Us textarea {
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #E6B938;
    outline: none;
    padding: 16px 20px;
    color: #212322;
    font-size: 16px;
}

/* ========End of 4.1. Leave_Us section ======== */
/* ========End of 4.2. Some_Question section ======== */
#Some_Question {
    background: #fff;
    padding: 300px 0px 100px 0px;
}

#Some_Question i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #E6B938;
    color: #E6B938;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.3s ease-in-out;
}

#Some_Question i:hover h5 {
    color: #E33D5C;
}

#Some_Question i:hover {
    border: 1px solid #E33D5C;
    color: #E33D5C;
}

#Some_Question h5 {
    color: #E6B938;
}

#Some_Question p {
    color: #212322;
}

#Some_Question img {
    width: 100%;
    border-radius: 20px;
}

/* ========End of 4.2. Some_Question section ======== */
/* ======== 7.1. Blog section ======== */
#Blogs {
    background: #fff;
    padding: 100px 0px;
}

#Blogs img {
    width: 100%;
    border-radius: 20px;
}

#Blogs p {
    color: #E6B938;
}

#Blogs span {
    color: #AAAAAA;
    font-size: 16px;
    line-height: 22px;
}

#Blogs h5 {
    color: #212322;
}

/* ======== End of 7.1. Blog section ======== */
/* ======== 8.1. Latest_Posts section ======== */
#Latest_Posts {
    background: #fff;
    padding: 100px 0px;
}

#Latest_Posts p {
    color: #212322;
}

#Latest_Posts .mt-2 p {
    color: #E6B938;
}

#Latest_Posts h2 {
    color: #212322;
}

#Latest_Posts h4 {
    color: #212322;
}

#Latest_Posts h5 {
    color: #212322;
    padding: 0px 70px 0px 0px;
}

#Latest_Posts .row .col-lg-6:first-child img {
    width: 100%;
    border-radius: 20px;
}

#Latest_Posts .row .col-lg-6:nth-child(2) {
    margin-top: 110px;
}

#Latest_Posts .row .col-lg-6:nth-child(2) img {
    width: 120px;
    border-radius: 20px;
}

#Latest_Posts input {
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #E6B938;
    outline: none;
    padding: 16px 20px;
    color: #212322;
    font-size: 16px;
}

#Latest_Posts textarea {
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #E6B938;
    outline: none;
    padding: 16px 20px;
    color: #212322;
    font-size: 16px;
}

#Latest_Posts .check-box input {
    width: 2.5%;

}

#Latest_Posts .check-box p {
    padding: 0px 0px 0px 15px;
}

/* ======== End of 8.1. Latest_Posts section ======== */
/* ======== 10.1. Our_Team section ======== */
#Our_Team {
    background: #fff;
    padding: 100px 0px;
}

#Our_Team .Team-p {
    text-align: center;
    padding: 15px 180px 35px 180px;
    color: #212322;
}

#Our_Team h2 {
    text-align: center;
    color: #212322;
    padding: 0px 200px;
}

#Our_Team img {
    width: 100%;
    border-radius: 50%;
}

#Our_Team h3 {
    color: #E6B938;
}

/* ======== End of 10.1. Our_Team section ======== */
/* ======== 12.1 Not_Found section ======== */
#Not_Found {
    background: #E6B938;
}

#Not_Found .position-relative {
    bottom: 100px;
    right: 0%;
    display: flex;
    align-items: end;
    justify-content: end;
}

#Not_Found .position-relative .found {
    width: 60%;
}

#Not_Found .pb-2 p {
    font-size: 14px;
    line-height: 20px;
    color: #0F1412;
}

#Not_Found img {
    width: 50%;
}

#Not_Found h1 {
    color: #212322;
}

#Not_Found p {
    color: #212322;
}

#Not_Found i {
    color: #212322;
    font-size: 26px;
    transition: 0.2s ease-in-out;
}

#Not_Found i:hover {
    color: #fff;
}

/* ======== End of 12.1 Not_Found section ======== */
/* ======== 13.1 coming section ======== */
#coming {
    background: #0F1412;
}

#coming h1 {
    color: #fff;
    text-align: center;
    padding: 0px 385px;
}

#coming h5 {
    color: #fff;
}

#coming p {
    color: #fff;
}

#coming hr {
    color: #fff;
}

#coming .mt-3 {
    padding: 0px 300px;
    text-align: center;
}

#coming i {
    color: #fff;
    font-size: 26px;
    transition: 0.2s ease-in-out;
}

#coming i:hover {
    color: #E6B938;
}

#coming .position-relative {
    z-index: 3;
}

#coming span {
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #E6B938;
    font-size: 26vw;
    text-align: center;
    position: relative;
    font-family: 'Oswald', sans-serif;
    top: 140px;
    z-index: 1;
}

#countdown ul {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 35px;
    padding: 70px 0 40px 0;
}

#content_2 h2 {
    padding: 70px 0px;
    color: #fff;
    text-align: center;
}

#coming h2 {
    color: #fff;
}

#coming h6 {
    color: #fff;
}

#content_2 {
    display: none;
}

#countdown li {
    background-color: #0F1412;
    width: 120px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid #E33D5C;
}

#coming .pb-2 p {
    font-size: 14px;
    line-height: 20px;
}

.yell-text {
    color: #fda403;
}

.section-padding {
    padding: 50px 0;
}

.lead-card h5 {
    margin-bottom: 8px;
}

.bg-circle,
.abt-img {
    position: relative;
}

.bgg_img {
    position: absolute;
    top: -50px;
    right: -50px;
    filter: opacity(0.5);
}

.abt-img .anim-img {
    position: absolute;
    top: -82px;
    left: -60px;
    border-radius: 30px;
    border: 1px solid #f49e03;
    background: #fff;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.04);
    width: 130px;
    height: 165px;
    display: flex;
    justify-content: center;
    padding-top: 17px;
    padding-left: 21px;
    align-items: center;
    animation: topAni 4s ease-in-out infinite;
}

@keyframes topAni {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.card-style-01 {
    margin-bottom: 25px;
    position: relative;
    /* text-align: center; */
    transition: 0.5s all ease-in-out;
    padding: 10px 20px 20px;
}

.card-style-01 img {
    max-width: 100px;

}

.card-style-01 h5 {
    font-size: 20px;
    color: #090909;
    margin-bottom: 5px;
    border-bottom: 2px solid #fda403;
    text-align: start;
    margin-top: 10px;
}

.card-style-01 p {
    font-size: 14px;
    text-align: start;
}

/* section#Offer:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px;
    left: 0;
    right: 0;
    background: #fda403;
    z-index: 0;
} */

.card-style-01:hover {
    box-shadow: 0 0 10px 0 #e5e5e5;
    border-radius: 5px;
    transform: translateY(-10px) !important;
}



.list-wrap {
    display: flex;
    gap: 30px;
    max-width: 300px;
    width: 300px;
    justify-content: space-between;
}

.list-wrap ul {
    min-width: 150px;
}

.list-wrap ul li {
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #000000;
    padding-bottom: 15px;
    list-style-type: disc;
    color: #000000;
    font-weight: 500;
}

.shape-illustrations .shape1,
.shape-illustrations .shape2 {
    position: absolute;
    max-width: 150px;
    background: #fff;
    border-radius: 15px;
    padding: 10px;
    width: 100px;
    height: 100px;
}

.shape-illustrations .shape1 {
    top: 44%;
    left: 50px;
}

.shape-illustrations .shape2 {
    left: 200px;
    bottom: 25px;
}

.service-section {
    background: #fff;
    position: relative;
}

.rts-service-area-style-4 {
    margin-bottom: 30px;
}

.rts-service-area-style-4 .icon img {
    max-width: 110px;
}

.rts-service-area-style-4 .icon.zoomed-01 img {
    animation: zoom-in-zoom-out 5s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.rts-service-area-style-4 .icon.zoomed-02 img {
    animation: zoom-in-zoom-out-02 5s ease infinite;
}

@keyframes zoom-in-zoom-out-02 {
    0% {
        transform: scale(1.2, 1.2);
    }

    50% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.2, 1.2);
    }
}

.rts-service-area-style-4 .icon {
    margin-bottom: 5px;
}

.rts-service-area-style-4 .title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.4px;
}

.rts-service-area-style-4 p.disc {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    border-left: 2px dashed #fda403;
    padding-left: 10px;
}

.testimonial-section {
    position: relative;
    background: #fff
}

.testimonial-box {
    position: relative;
    padding: 30px 40px;
    border-radius: 10px;
    overflow: hidden;
}

.testimonial-box.salon-type {
    background: #181415;
    background-image: url('../images/bg/ThreeSection-bg.webp');
    display: flex;
    gap: 30px;
}

.testimonial-box.cafe-type {
    background: #FFC107;
    background-image: url(../images/bg/cafe-bg.jpg);
    background-blend-mode: multiply;
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 260px;
}

.testimonial-box:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
    filter: opacity(0.15);
    top: -70px;
    left: -60px;
}

.testimonial-box.salon-type img.testi-logo {
    max-width: 84px;
}

.testimonial-box.cafe-type img.testi-logo {
    max-width: 100px;
}

.testimonial-box h3 {
    font-family: "Alex Brush", cursive;
    color: #fff;
}

.testimonial-box h5 {
    color: #fff;
    font-size: 13px;
}

.testimonial-box p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 100;
    font-style: italic;
    color: #ffffff;
}

.testi-type-img img {
    width: 185px;
    height: 185px;
    position: absolute;
    bottom: -29px;
    right: -30px;
    border-radius: 50%;
    border: 2px solid #fda403;
    padding: 2px;
}

.testi-address {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.feature-area-wrapper .icon svg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    padding: 8px;
    transition: 0.3s ease-in-out;
}

.feature-area-wrapper .icon i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #000000;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    transition: 0.3s ease-in-out;
}

.subscribe-main-wrapper-one form {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    max-width: 591px;
    margin: auto;
    padding: 25px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e6b938;
}

.appoinment_form-1 .signle-input {
    margin-bottom: 5px;
    position: relative;
    width: 48%;
}

.appoinment_form-1 .signle-input label {
    margin-bottom: 4px;
    width: 100%;
    font-weight: 500;
    color: #303030;
}

label {
    display: inline-block;
}

.appoinment_form-1 .signle-input input {
    padding-left: 40px;
    height: 46px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E6B938;
    width: 100%;
}

.appoinment_form-1 .signle-input i {
    position: absolute;
    left: 15px;
    top: 54%;
    color: #717383;
}

.appoinment_form-1 .signle-input::placeholder {
    color: #b3b3b3;
}

.appoinment_form-1 textarea {
    line-height: 28px;
    padding-top: 16px;
    padding-left: 40px;
    border-radius: 4px;
    color: #717383;
}

.appoinment_form-1 .signle-input.textareaInput i {
    top: 36%;
}

.appoinment_form-1 .signle-input select {
    height: 46px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E6B938;
    color: #b3b3b3;
    font-size: 16px;
    line-height: 28px;
    box-shadow: none;
    padding: 0 15px;
    padding-left: 40px;
    outline: none;
    transition: all 0.4s ease-out 0s;
    width: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    font-family: inherit;
}

.feature-area-wrapper .single-feature {
    display: flex;
    align-items: start;
    gap: 15px;
    margin-bottom: 30px;
}

.feature-area-wrapper .single-feature p {
    font-weight: 600;
    color: #000000 !important;
    font-size: 24px;
}

.feature-area-wrapper .single-feature p.para-define {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #000000 !important;
}

.consult-us-wrap {
    background: url('../images/bg/sco_bg.webp');
    background-size: cover;
    background-position: center;
    background-color: #fda403;
    position: relative;
}

.consult-us-wrap h2 {
    font-weight: 600 !important;
}
.rts-footer-area-one {
    background: linear-gradient(257deg, #fda403 1.73%, rgb(255 255 255) 98.79%);
    background: #fff;
    position: relative;
    padding-bottom: 20px;
}
.rts-footer-area-one:before {
    content: '';
    background: url('../images/bg/city.png');
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    filter: opacity(0.055);
}

.g-48 {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 48px;
}

.border-right {
    border-right: 1px dotted #797979 !important;
}
.single-footer-wized-one h6.title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #3b3b3b;
}
.single-footer-wized-one p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #4f4f55 !important;
    font-weight: 400 !important;
}
.contact-block {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}
.contact-wrap img {
    max-width: 35px;
}
.contact-block a {
    font-weight: 600;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    color: #4f4f55;
    text-decoration: none;
    outline: none;
}

.copyright-area-start {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid #797979;
}

.copyright-area-start p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #4f4f55;
}
.rts-footer-area-one .container{
   position: relative;
   z-index: 9;
}
@media(min-width: 1200px){
.rts-footer-area-one .container{
    max-width: 1290px;
}
}

.rating-box{
    max-width: 150px;
}
.rating-box img{
    max-width: 100%;
}

.contact-block i{
    font-size: 12px;
    width: 25px;
    height: 25px;
    color: #fda403;
    background: #212322;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
}

a.anchor {
    display: block;
    position: relative;
    top: 50px;
    visibility: hidden;
}
.thank-you {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 10% 0;
}
#hero .thank-you h1 {
    color: #fda403;
    font-weight: 900;
    font-size: 70px;
    margin-bottom: 20px;
    padding: 0;
}
.thank-you p {
    font-size: 20px;
    color: #fff;
}
#hero textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #E6B938;
    outline: none;
    font-size: 16px;
}
.captcha img {
    height: 46px;
    border-radius: 5px;
}
.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    z-index: 999;
}
.cap {
    margin-left: -3px;
}
#hero .cap {
    margin-left: -5px;
}