/* ============================== Table of contents Start ==============================
1 Default CSS
2 Font-size Reset CSS
3 Custome Animations CSS
4 Preloader Section
5 Custome Megic Cursor
6 Header Section
7 Home Page
  (1)  Banner Section
  (2)  Our-Benefits Section
  (3)  We-Offer Section
  (4)  Video-Player Section
  (5)  Business-Grow Section
  (6)  How-We-Works Section
  (7)  Sudan-Counter Section
  (8)  Latest-Project-Slider Section
  (9)  Price Section
  (10) Image-Marquee-Slider Section
  (11) Testimonials Section
  (12) Meet Team Section
  (13) Blog Section
  (14) Text Marquee Slider Section
8 Pages
  (1) About Page
  (2) Service Page
  (3) Our Team Page
  (4) Our Clients Page
  (5) Pricing Plan Page
  (6) Single Service Page
  (7) FAQ Page
  (8) Coming Soon Page
  (9) 404 Error Page
9 Portfolio Page
  (1) Portfolio Grid 2 Columns Page
  (2) Portfolio Grid 3 Columns Page
  (3) Portfolio Grid 3 Columns Wide Page
  (4) Portfolio Grid 4 Columns Wide Page
  (5) Portfolio Grid 5 Columns Wide Page
  (6) Portfolio Masonry 1 Page
  (7) Portfolio Masonry 2 Page
  (8) Portfolio Masonry 3 Page
  (9) Portfolio Detail
    [1] Portfolio Detail Page
    [2] Portfolio Detail Left Page
    [3] Portfolio Detail Right Page
    
10 Blog Page
  (1) Blog Standard Design Page
    [1] Blog Standard Page
    [2] Blog Standard Right Sidebar Page
    [3] Blog Standard Left Sidebar Page
  (2) Blog Grid Columns Page
    [1] Blog Grid 2 Columns Page
    [2] Blog Grid 2 Columns Right Sidebar Page
    [3] Blog Grid 2 Columns Left Sidebar Page
    [4] Blog Grid 3 Columns Page
    [5] Blog Grid 4 Columns Page
  (3) Single Blog Right Sidebar Page
    [1] Single Blog Standard Right Sidebar Page
    [2] Single Blog Gallery Right Sidebar Page
    [3] Single Blog Video Right Sidebar Page
    [4] Single Blog Quote Right Sidebar Page
    [5] Single Blog Link Right Sidebar Page
    [6] Single Blog Music Right Sidebar Page
  (4) Single Blog Left Sidebar Page
    [1] Single Blog Standard Left Sidebar Page
    [2] Single Blog Gallery Left Sidebar Page
    [3] Single Blog Video Left Sidebar Page
    [4] Single Blog Quote Left Sidebar Page
    [5] Single Blog Link Left Sidebar Page
    [6] Single Blog Music Left Sidebar Page
  (5) Single Blog No Sidebar Page
    [1] Single Blog Standard No Sidebar Page
    [2] Single Blog Gallery No Sidebar Page
    [3] Single Blog Video No Sidebar Page
    [4] Single Blog Quote No Sidebar Page
    [5] Single Blog Link No Sidebar Page
    [6] Single Blog Music No Sidebar Page
11 Contact Page
12 Footer Section
13 Scroll To Top Button
============================== Table of contents End ============================== */

/* ===================================== 1 Default CSS ===================================== */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
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;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    background-color: #fff;
    font-style: normal;
    scroll-behavior: smooth;
    font-family: 'Syne', sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

.container {
    max-width: 1170px;
    margin: 0 auto;
    display: block;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
    object-fit: cover;
}

.display-none {
    display: none;
}

.text-center {
    text-align: center;
}

.section-design {
    padding: 80px 0px;
}

.img-sec-responsive {
    display: none;
    background-image: url(../images/svg/section-shap.svg);
    width: 100%;
    height: 10px;
    background-repeat: repeat-x;
}

/* ===================================== 2 Font-size Reset CSS ===================================== */
h1,
h2,
h3,
h4,
h5,
h6,
p,
.blog_grid_box_info>a {
    font-family: 'Syne', sans-serif;
    font-size: 96px;
    font-weight: 700;
    line-height: normal;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
}

h4,
.blog_grid_box_info>a {
    font-size: 30px;
}

h5 {
    font-size: 24px;
}

h6,
p,
.how_we_works_info p,
.testimonials_item_title p,
.about_company_title p,
.about_skill_title p,
.about-progessbar p,
.our_services_content_info p,
.single_service_item p,
.our_team_hero_img_info p,
.team_members_detail p,
.our_client_hero_img_info p,
.price_plan_hero_img_info p,
.f_zreo_f_section p,
.contact_us_titles p,
.contact_us_info_box p,
.contact_us_info_box a,
.contact_us_formtitle p,
.contact_us_formbox input,
.contact_us_formbox textarea,
.blogs_head_title,
.blogs_box_information p,
.blogs_box_information>span,
.quote_titletext span,
.conclusion_area p,
.blog_grid_box_info>span,
ul.branding-list li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

p,
ul.branding-list li p,
ul.branding-list li a {
    font-size: 16px;
    line-height: 16px;
}

.f_w_600,
.about-progessbar p,
.quote_titletext span {
    font-weight: 600;
}

.montserrat_font {
    font-family: 'Montserrat', sans-serif;
}

.footer-mailbox input::placeholder,
.blogs_box_information>span,
.blog_grid_box_info>span {
    color: #4D4D4D;
}

.how_we_works_info p,
.contact_us_titles p,
.contact_us_formtitle p,
.blogs_box_information p,
.conclusion_area p,
ul.branding-list li p,
ul.branding-list li a {
    line-height: 30px;
    color: #4D4D4D;
}

.single_blog_tags,
ul.branding-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===================================== 3 Custome Animations CSS ===================================== */
.reveal {
    position: relative;
    opacity: 0;
    transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal.active {
    opacity: 1;
    transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.active.custom_fade_top {
    animation: custom_fade_top 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.active.custom_fade_buttom {
    animation: custom_fade_buttom 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.active.custom_fade_left {
    animation: custom_fade_left 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.active.custom_fade_right {
    animation: custom_fade_right 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes custom_fade_top {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes custom_fade_buttom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes custom_fade_left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes custom_fade_right {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fixedheader {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes dot-animation {

    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
        background: #fff;
        border: 1px solid transparent;
    }

    50% {
        transform: scale(1.2);
        background: hsl(36, 40%, 57%);
        border: 1px solid #000;
    }
}

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

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

@keyframes rotateText {

    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes videocircle {
    0% {
        box-shadow: 0 0 0 0 hsl(36deg 40% 57% / 70%);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(67, 58, 139, 0.01);
    }
}

@keyframes LeftToRightSlider {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(calc(-100% - 30px));
    }

}

@keyframes RightToLeftSlider {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(calc(3% - 30px));
    }
}

@keyframes marquee_right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes marquee_left {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes link-icon2 {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    49% {
        transform: translateY(20px);
        opacity: 0;
    }

    50% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes UpDownImg {
    0% {
        transform: translateY(-5px);
    }

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

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

@keyframes Up_Down_Blog_icon {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    49% {
        transform: translateY(50px);
        opacity: 0;
    }

    50% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes pre_screen_teb {
    0% {
        transform: translate(-50%, 50%) rotate(3deg);
    }

    100% {
        transform: translate(-50%, 50%) rotate(-3deg);
    }
}

@keyframes pre_screen_mob {
    0% {
        transform: translate(45%, 50%) rotate(3deg);
    }

    100% {
        transform: translate(45%, 50%) rotate(-3deg);
    }
}

@keyframes feature_img {
    0% {
        transform: rotate(7deg) translateY(-10px);
    }

    100% {
        transform: rotate(7deg) translateY(10px);
    }
}

@keyframes pre_portfolio {
    0% {
        transform: translateY(-3%);
    }

    100% {
        transform: translateY(3%);
    }
}

@keyframes pre_img_anime {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes scrolltop {
    0% {
        box-shadow: 0 0 0 0px hsl(36deg 40% 57%);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(67, 58, 139, 0.01);
    }
}

/* ===================================== 4 Preloader Section ===================================== */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    background-color: #eee;
    overflow: hidden;
    transition: all 0.1s ease-in-out;
    opacity: 1;
}

.preloader-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(189 154 102 / 50%);
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    transition-delay: 0.8s;
    overflow: hidden;
}

.prelode-img {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    overflow: hidden;
}

.prelode-img img {
    animation: pre_img_anime 1s linear 0s infinite normal forwards;
}

.dot-animation {
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 100px;
}

.dot-animation div {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    animation: dot-animation 1.2s linear infinite;
}

.dot-animation div:nth-child(1) {
    left: 36px;
    top: -25px;
    animation-delay: 1.6s;
}

.dot-animation div:nth-child(2) {
    left: 78px;
    top: -5px;
    animation-delay: 0.2s;
}

.dot-animation div:nth-child(3) {
    left: 98px;
    top: 38px;
    animation-delay: 0.4s;
}

.dot-animation div:nth-child(4) {
    left: 80px;
    top: 82px;
    animation-delay: 0.6s;
}

.dot-animation div:nth-child(5) {
    display: none;
}

.dot-animation div:nth-child(6) {
    display: none;
}

.dot-animation div:nth-child(7) {
    display: none;
}

.dot-animation div:nth-child(8) {
    display: none;
}

.dot-animation div:nth-child(9) {
    top: 83px;
    left: -9px;
    animation-delay: 1s;
}

.dot-animation div:nth-child(10) {
    top: 40px;
    left: -26px;
    animation-delay: 1.2s;
}

.dot-animation div:nth-child(11) {
    top: -4px;
    left: -8px;
    animation-delay: 1.4s;
}

.dot-animation div:nth-child(12) {
    top: 102px;
    left: 36px;
    animation-delay: 0.8s;
}

/* ===================================== 5 Custome Megic Cursor ===================================== */
.megic-cursor {
    position: fixed;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 10000;
}

.megic-cursor-item {
    position: fixed;
    transform: translate(-50%, -50%) scale(1.0);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    pointer-events: none;
    opacity: 1;
    box-sizing: border-box;
    transition: all 500ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.megic-cursor-item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 100%;
    z-index: -1;
    transform: scale(1.0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover;
    transform: translate(0%, 0%);
    transition: all 500ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.megic-cursor-item:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    position: absolute;
    font-size: 7px;
    left: 50%;
    color: blue;
    top: 50%;
    width: 14px;
    height: 14px;
    font-weight: 100;
    line-height: 14px;
    margin: -7px 0 0 -7px;
    opacity: 0;
    transition: all 500ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transform: scale(0);
}

.megic-cursor-item.we_offer_img_one,
.megic-cursor-item.we_offer_img_two,
.megic-cursor-item.we_offer_img_three,
.megic-cursor-item.we_offer_img_four,
.megic-cursor-item.we_offer_img_five,
.megic-cursor-item.we_offer_img_six,
.megic-cursor-item.we_offer_img_seven,
.megic-cursor-item.we_offer_img_eight,
.megic-cursor-item.meet_the_team_img_one,
.megic-cursor-item.meet_the_team_img_two,
.megic-cursor-item.meet_the_team_img_three,
.megic-cursor-item.meet_the_team_img_four,
.megic-cursor-item.our_service_shap_one,
.megic-cursor-item.our_service_shap_two,
.megic-cursor-item.our_service_shap_three,
.megic-cursor-item.our_service_shap_four,
.megic-cursor-item.our_service_shap_five,
.megic-cursor-item.our_service_shap_six {
    width: 50px;
    height: 50px;
    border: transparent;
    transition: all 500ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.megic-cursor-item.we_offer_img_one:before,
.megic-cursor-item.we_offer_img_two:before,
.megic-cursor-item.we_offer_img_three:before,
.megic-cursor-item.we_offer_img_four:before,
.megic-cursor-item.we_offer_img_five:before,
.megic-cursor-item.we_offer_img_six:before,
.megic-cursor-item.we_offer_img_seven:before,
.megic-cursor-item.we_offer_img_eight:before,
.megic-cursor-item.meet_the_team_img_one:before,
.megic-cursor-item.meet_the_team_img_two:before,
.megic-cursor-item.meet_the_team_img_three:before,
.megic-cursor-item.meet_the_team_img_four:before,
.megic-cursor-item.our_service_shap_one:before,
.megic-cursor-item.our_service_shap_two:before,
.megic-cursor-item.our_service_shap_three:before,
.megic-cursor-item.our_service_shap_four:before,
.megic-cursor-item.our_service_shap_five:before,
.megic-cursor-item.our_service_shap_six:before {
    content: url(../images/logos/offer-hover-dimond-shap-1.png);
    opacity: 1;
    border-width: 0px;
    width: 250px;
    height: 250px;
    border-radius: 0;
    border: 0;
    background: transparent;
    transform: translate(-100px, -30px) scale(1);
    transform: translate(-100px, -80px);
    top: 0;
    left: 0;
    transition: all 500ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.megic-cursor-item.we_offer_img_two:before,
.megic-cursor-item.we_offer_img_three:before,
.megic-cursor-item.we_offer_img_four:before,
.megic-cursor-item.we_offer_img_six:before,
.megic-cursor-item.we_offer_img_seven:before,
.megic-cursor-item.we_offer_img_eight:before {
    content: url(../images/logos/offer-hover-dimond-shap-2.png);
    transform: translate(-100px, -80px);
}

.megic-cursor-item.we_offer_img_three:before {
    content: url(../images/logos/offer-hover-dimond-shap-3.png);
}

.megic-cursor-item.we_offer_img_four:before {
    content: url(../images/logos/offer-hover-dimond-shap-4.png);
}

.megic-cursor-item.we_offer_img_five:before {
    content: url(../images/logos/offer-hover-dimond-shap-5.png);
    transform: translate(-70px, -60px);
}

.megic-cursor-item.we_offer_img_six:before {
    content: url(../images/logos/offer-hover-dimond-shap-6.png);
}

.megic-cursor-item.we_offer_img_seven:before {
    content: url(../images/logos/offer-hover-dimond-shap-7.png);
}

.megic-cursor-item.we_offer_img_eight:before {
    content: url(../images/logos/offer-hover-dimond-shap-8.png);
}

.megic-cursor-item.meet_the_team_img_one:before,
.megic-cursor-item.meet_the_team_img_two:before,
.megic-cursor-item.meet_the_team_img_three:before,
.megic-cursor-item.meet_the_team_img_four:before {
    content: url(../images/home-page-img/meet-team-img-home-1.png);
    transform: translate(5px, -50px);
}

.megic-cursor-item.meet_the_team_img_two:before {
    content: url(../images/home-page-img/meet-team-img-home-2.png);
}

.megic-cursor-item.meet_the_team_img_three:before {
    content: url(../images/home-page-img/meet-team-img-home-3.png);
}

.megic-cursor-item.meet_the_team_img_four:before {
    content: url(../images/home-page-img/meet-team-img-home-4.png);
}

.megic-cursor-item.our_service_shap_one:before,
.megic-cursor-item.our_service_shap_three:before,
.megic-cursor-item.our_service_shap_four:before,
.megic-cursor-item.our_service_shap_five:before,
.megic-cursor-item.our_service_shap_six:before {
    content: url(../images/logos/offer-hover-dimond-shap-6.png);
    transform: translate(-130px, -100px) scale(1);
}

.megic-cursor-item.our_service_shap_two:before {
    content: url(../images/logos/offer-hover-dimond-shap-7.png);
}

.megic-cursor-item.our_service_shap_three:before {
    content: url(../images/logos/offer-hover-dimond-shap-9.png);
}

.megic-cursor-item.our_service_shap_four:before {
    content: url(../images/logos/offer-hover-dimond-shap-3.png);
}

.megic-cursor-item.our_service_shap_five:before {
    content: url(../images/logos/offer-hover-dimond-shap-2.png);
}

.megic-cursor-item.our_service_shap_six:before {
    content: url(../images/logos/offer-hover-dimond-shap-8.png);
}

/* ===================================== 6 Header Section ===================================== */
.over_flow_hidden {
    overflow: hidden;
}

.sticky {
    position: fixed !important;
    z-index: 9999;
    background: #141414;
    width: 100%;
    top: 0%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0px 10px 6px rgb(0 0 0 / 26%);
    animation: fixedheader 600ms ease 0ms alternate;
}

.header_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-logo {
    margin-left: 50px;
    width: 15%;
}

.header-logo img{
    width: 70%;
}

.navbar {
    width: 45%;
}

ul.navegation-menu {
    position: relative;
    display: flex;
    gap: 60px;
    align-items: center;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

ul.navegation-menu>li>a {
    color: #000;
    transition: all 0.5s ease-in-out;
    padding: 0px 0px 35px;
    font-size: 20px;
    line-height: normal;
}

ul.navegation-menu>li>a:hover,
ul.navegation-menu li.active a,
.mobile-menu-content ul.navegation-menu li.active a {
    color: #bd9a66;
}

ul.navegation-menu>li>a img {
    transition: all 0.5s ease-in-out;
}

ul.navegation-menu>li>a:hover img,
ul.navegation-menu li.active a img {
    filter: invert(64%) sepia(35%) saturate(433%) hue-rotate(357deg) brightness(92%) contrast(89%);
}

ul.navegation-menu>li.dropdown:hover>ul.dropdown-list-items {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items {
    position: absolute;
    top: 100%;
    margin: 35px 0px 10px;
    min-width: 270px;
    background-color: #141414;
    border: 0;
    border-width: 1px;
    color: #000;
    border-style: solid;
    border-color: transparent;
    border-top: 6px solid hsl(36deg 40% 57%);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-218%);
    transition: all 0.5s ease;
}

ul.navegation-menu>li.dropdown:nth-child(3)>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items {
    min-width: 320px;
}

ul.navegation-menu>li.dropdown:nth-child(4)>ul.dropdown-list-items {
    min-width: 400px;
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li:hover,
ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items>li:hover,
ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.active,
ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items>li.active {
    background-color: rgb(189 154 102 / 60%);
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li {
    position: relative;
    z-index: 999;
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li:hover>a,
ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items>li:hover>a,
ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.active>a,
ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items>li.active>a {
    margin: 0px 5px;
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li>a {
    color: #fff;
    transition: all 0.5s ease-in-out;
    font-size: 20px;
    line-height: normal;
    display: block;
    padding: 15px;
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown:hover>ul.dropdown-list-items {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -500;
    min-width: 400px;
    background-color: #141414;
    border: 0;
    border-width: 1px;
    color: #000;
    border-style: solid;
    border-color: transparent;
    border-top: 6px solid hsl(36deg 40% 57%);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-75%);
    transition: all 0.5s ease;
}

ul.navegation-menu>li.dropdown>ul.dropdown-list-items>li.dropdown>ul.dropdown-list-items>li>a {
    color: #fff;
    transition: all 0.5s ease-in-out;
    font-size: 20px;
    line-height: normal;
    display: block;
    padding: 15px;
}

.hamburger-toggle-button {
    display: flex;
    padding: 30px;
    border: none;
    background-color: black;
    cursor: pointer;
    position: relative;
}

svg.hamburger-menu-icon {
    width: 38px;
    height: 38px;
}

svg.hamburger-menu-icon path {
    stroke: #fff;
}

.mobile-menu.nav-drawer.inactive {
    transition: all 0.5s ease-in-out;
}

.nav-drawer-part {
    position: unset;
    transition: all 0.5s ease-in-out;
}

.nav-drawer {
    position: fixed;
    right: -100%;
    overflow-y: overlay;
    overflow-x: hidden;
    width: 75%;
    max-width: 360px;
    height: 100vh;
    background-color: #fff;
    transition: all 0.5s ease-in-out;
    z-index: 5;
    top: 0;
    display: flex;
    flex-direction: column;
    background-color: black;
    color: #fff;
    padding: 0px 15px 15px;
}

.nav-drawer.active {
    right: 0;
}

.mobile-menu-content {
    display: flex;
    flex-direction: column;
}

span.close-button {
    display: inline-flex;
    align-self: flex-end;
    padding: 0.5rem;
    margin: 15px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    border: none;
    height: 50px;
    width: 50px;
    transition: all 0.5s;
    cursor: pointer;
}

svg.close-button-icon {
    stroke: #bd9a66;
    transition: all 0.15s;
}

.get-the-touch {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.get-the-touch-logo {
    text-align: center;
}

.header-address,
.header-contact,
.header-mail {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-address-icon svg,
.header-contact-icon svg,
.header-mail-icon svg {
    display: flex;
    height: 30px;
    width: 30px;
    padding: 15px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    box-shadow: inset 0px -65px 0px 5px #000;
}

.header-address-detail,
.header-contact-detail a,
.header-mail-detail a {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
}

.header-address-detail address {
    font-style: normal;
}

.header-contact-detail a {
    margin: 10px 0px;
}

.header-social-icon {
    display: flex;
    justify-content: space-between;
}

.header-social-icon a {
    font-size: 20px;
    border: 1px solid #fff;
    color: #fff;
    padding: 15px;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    box-shadow: inset 0px -65px 0px 5px #000;
}

.header-address:hover svg,
.header-contact:hover svg,
.header-mail:hover svg,
.header-social-icon a:hover {
    color: #bd9a66;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    box-shadow: inset 0px 0px 0px 5px #000;
}

.mobile-menu-content ul.navegation-menu {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.mobile-menu-content ul.navegation-menu li a {
    color: #fff;
}

.mobile-menu-content ul.navegation-menu li a span svg {
    vertical-align: bottom;
}

.mobile-menu-content ul.navegation-menu li a span svg rect {
    fill: #000000;
}

.mobile-menu-content ul.navegation-menu li a span svg g path {
    fill: white;
}

ul.dropdown-list-items-inner {
    display: none;
}

/* ===================================== 7 Home Page ===================================== */
/* ============== (1) Banner Section ============== */
section#banner_sec {
    position: relative;
    padding: 70px 0px 0px;
}

.banner_social_btn {
    display: flex;
    gap: 60px;
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    left: -180px;
    font-size: 16px;
    line-height: normal;
    z-index: 999;
}

.banner_social_btn a {
    color: #000;
    padding: 15px;
    transition: all 0.5s ease-in-out;
}

.banner_social_btn a:hover {
    box-shadow: inset 0px 50px 0 0 #000000;
    color: #bd9a66;
}

.banner_text_info h6,
.contact_us_info_box p,
.contact_us_info_box a,
.contact_us_formbox input::placeholder,
.contact_us_formbox textarea::placeholder {
    color: #4D4D4D;
}

.banner-img-text-content {
    display: flex;
    align-items: center;
    gap: 130px;
}

.banner-img-text-content:last-child {
    flex-direction: row-reverse;
}

.banner-img {
    width: 45%;
}

.banner-title {
    padding: 20px 0px;
}

.mouse-scrool-btn {
    padding: 40px 0px 0px;
}

.mouse-scrool-btn a svg path.line {
    animation: linescrool 1.2s ease infinite;
}

/* ============== (2) Our-Benefits Section ============== */
.our-benefits {
    display: flex;
    gap: 30px;
}

.our-benefits-content {
    width: 49%;
}

.our-benefits-title {
    margin: 0px 0px 40px;
}

.our-benefits-title h2,
.how-we-works-title h2,
.price-plan-title h2,
.blog-titles h2,
.letast_project_slider_title h2,
.testimonials_title h2,
.about_us_hero_title h2,
.about_company_title h2,
.about_skill_title h2,
.our_service_hero_title h2,
.our_services_title h2,
.single_service_hero_title h2,
.our_team_hero_title h2,
.our_team_title h2,
.our_client_hero_title h2,
.price_plan_hero_title h2,
.faq_hero_title h2,
.contact_hero_title h2,
.contact_us_titles p,
.contact_us_formtitle p,
.pg2_discover_our_cases_titles h2,
.pg3_discover_our_cases_titles h2,
.pg3_wide_discover_our_cases_titles h2,
.pg4_wide_discover_our_cases_titles h2,
.pg5_wide_discover_our_cases_titles h2,
.pmg_discover_our_cases_titles h2,
.pmg2_discover_our_cases_titles h2,
.pmg3_discover_our_cases_titles h2,
.portfolio_detail_title h2 {
    margin: 20px 0px 0px;
}

.our-benefits-accodian,
.single_service_accodian,
.portfolio_detail_accodian {
    display: flex;
    flex-direction: column;
}

.benefits-accodian-title,
.single_service_accodian_title,
.portfolio_detail_accodian_title {
    position: relative;
    padding: 0px 40px 20px;
}

.benefits-accodian-title.active h5,
.single_service_accodian_title.active h5,
.portfolio_detail_accodian_title.active h5 {
    color: #bd9a66;
}

.benefits-accodian-title:after,
.single_service_accodian_title::after,
.portfolio_detail_accodian_title::after {
    content: '+';
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    left: 0;
    font-size: 48px;
    transition: all 0.3s ease;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #bd9a66;
}

.benefits-accodian-title.active:after,
.single_service_accodian_title.active::after,
.portfolio_detail_accodian_title.active::after {
    content: "-";
}

.benefits-accodian-tab,
.single_service_accodian_tab,
.portfolio_detail_accodian_tab {
    display: none;
    color: #4D4D4D;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin: 0px 0px 40px auto;
    width: 93%;
}

.our-benefits-img-contect {
    margin: 10px 0px 0px;
    position: relative;
}

.our-benefits-img-logo {
    position: absolute;
    bottom: 33px;
    left: 33px;
    -webkit-animation: rotateText 20s linear infinite;
    animation: rotateText 20s linear infinite;
}

/* ============== (3) We-Offer Section ============== */
.we-offer-title {
    margin: 0px 0px 20px;
}

.we-offer-text-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    gap: 30px;
}

.we-offer-text-content a {
    color: #000;
    transition: all 0.1s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    transition: linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.we-offer-text-content a:hover {
    color: #bd9a66;
    background-size: 100% 2px;
    transition: all 0.1s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    transition: linear;
}

/* ============== (4) Video-Player Section ============== */
.overlay-video {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -ms-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999999;
}

.videoWrapperExt {
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 982px;
    padding: 0 20px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.close svg {
    position: absolute;
    top: -50px;
    right: 0px;
    cursor: pointer;
    z-index: 9999;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    padding: 7px;
}

.o1 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -ms-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

.our-video {
    position: relative;
}

.our-video a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
    border-radius: 50%;
    animation: videocircle 2s infinite;
}

/* ============== (5) Business-Grow Section ============== */
.business-grow,
.business-grow-logo-item {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.business-grow-logo {
    display: flex;
    justify-content: space-between;
}

.business-grow-logo img:hover {
    filter: invert(47%) sepia(77%) saturate(2298%) hue-rotate(353deg) brightness(107%) contrast(95%);
}

.business-grow-logo:nth-of-type(2) img:nth-child(3) {
    filter: grayscale(1);
}

.business-grow-logo:nth-of-type(2) img:nth-child(3):hover {
    filter: grayscale(0);
}

/* ============== (6) How-We-Works Section ============== */
.how_we_works_content {
    display: flex;
    gap: 25px;
    justify-content: space-between;
    padding: 60px 0px;
}

.how_we_works_content_item {
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.how_we_works_img_text {
    display: flex;
    gap: 30px;
    align-items: center;
}

.how_we_works_img_text h4 {
    font-size: 32px;
}

/* ============== (7) Sudan-Counter Section ============== */
.sudan-counter {
    display: flex;
    justify-content: space-between;
}

.sudan-counter-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sudan-counter-box h2 {
    color: #bd9a66;
    font-size: 96px;
    line-height: 96px;
}

.sudan-counter-box span {
    font-size: 32px;
    line-height: 32px;
    vertical-align: top;
}

/* ============== (8) Latest-Project-Slider Section ============== */
.letast_project_slider_title h2 {
    width: 97%;
}

.letast_project_slider_list.slick-initialized.slick-slider.slick-dotted {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 81.55%;
    margin: 60px 0 0 auto;
}

.letast_project_slider_item {
    display: flex !important;
    gap: 40px;
    flex-direction: column;
    margin: 0px 0px 0px 30px;
}

.letast_project_slider_img {
    position: relative;
    overflow: hidden;
}

.letast_project_slider_img img {
    width: 100%;
}

.overlay_arrow_box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease-out;
    transform: translateX(100%);
    overflow: hidden;
}

.overlay_arrow_box img {
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: scale-down;
    background: rgb(189 154 102 / 60%);
    padding: 35px;
}

.letast_project_slider_img:hover .overlay_arrow_box {
    display: block;
    transition: all 0.5s ease-in-out;
    transform: translateX(0%);
    opacity: 1;
}

.letast_project_slider_list ul.slick-dots {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.letast_project_slider_list ul.slick-dots li.slick-active button {
    background-color: #000;
}

.letast_project_slider_list ul.slick-dots li button {
    font-size: 0;
    border: 1px solid transparent;
    padding: 6px;
    border-radius: 50%;
    background-color: #9B9B9B;
    cursor: pointer;
}

.letast_project_slider_info a {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    line-height: normal;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: left 100%;
    text-decoration: none;
}

.letast_project_slider_info:hover a {
    background-size: 100% 3px;
    color: #bd9a66;
}

/* ============== (9) Price Section ============== */
.price-plan-list {
    display: flex;
    gap: 30px;
    padding: 60px 0px 0px;
}

.price-plan-item {
    width: 32%;
}

.price-title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 30px;
    background-color: #F5F5F5;
    overflow: hidden;
}

.price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.porpural-shap {
    background-color: #bd9a66;
    width: 144.426px;
    height: 30.125px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 26px;
    right: -33px;
    transform: rotate(45deg);
}

.porpural-shap p {
    font-weight: 600;
    padding: 5px;
}

.price-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px 30px 30px;
    border-right: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
}

ul.price-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

ul.price-list li {
    display: flex;
    gap: 10px;
}

ul.price-list li h6 {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

.price-btn,
.meet-team-button,
.blog-titles-btn,
.about_company_btn,
.sudan_service_contactbox_btn,
button.subscribe_box_btn,
.f_zreo_f-btn,
.contact_us_formbtn button,
.our_blogs_btn,
.our_blogs_contactbox_btn {
    border: 1px solid #000;
    padding: 18px 58px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: inline-flex;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.price-btn a,
.meet-team-button a,
.blog-titles-btn a,
.about_company_btn a,
.sudan_service_contactbox_btn a,
.f_zreo_f-btn a,
.contact_us_formbtn button,
.our_blogs_btn a,
.our_blogs_contactbox_btn a {
    gap: 10px;
    color: #000;
    display: inline-flex;
    align-items: center;
}

.price-btn svg,
.meet-team-button svg,
.blog-titles-btn svg,
.our-blog-box-btn a svg,
.about_company_btn svg,
.sudan_service_contactbox_btn svg,
button.subscribe_box_btn svg,
.f_zreo_f-btn svg,
.contact_us_formbtn button svg,
.our_blogs_btn svg,
.our_blogs_contactbox_btn svg {
    vertical-align: middle;
}

.price-plan-item:nth-child(2) .price-title {
    background-color: #000;
    color: #fff;
}

.price-plan-item:nth-child(2) .price-content {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.price-plan-item:nth-child(2) .price-title .price h6 {
    color: #9B9B9B;
}

.price-plan-item:nth-child(2) .price-btn {
    border: 1px solid #bd9a66;
    box-shadow: inset 500px 0px 0 0 #bd9a66;
    color: #fff;
}

.price-plan-item:nth-child(2) .price-btn a {
    color: #fff;
}

.price-plan-item:nth-child(2) .price-btn a svg path.Vector,
.sudan_service_contactbox_btn svg path.Vector,
.our_blogs_contactbox_btn svg path.Vector {
    fill: #fff;
}

.price-plan:hover .price-title {
    background-color: #000;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.price-plan:hover .price-title .price h6 {
    color: #9B9B9B;
}

.price-plan:hover .price-content {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.price-plan:hover .price-btn,
.meet-team-button:hover,
.blog-titles-btn:hover,
.about_company_btn:hover,
button.subscribe_box_btn:hover,
.f_zreo_f-btn:hover,
.contact_us_formbtn:hover button,
.our_blogs_btn:hover,
button.leave_form_btn:hover {
    border: 1px solid #bd9a66;
    box-shadow: inset 500px 0px 0 0 #bd9a66;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.price-plan:hover .price-btn a,
.meet-team-button:hover a,
.blog-titles-btn:hover a,
.about_company_btn:hover a,
.f_zreo_f-btn:hover a,
.our_blogs_btn:hover a {
    color: #fff;
}

.price-plan:hover .price-btn a svg path.Vector,
.meet-team-button:hover a span svg path.Vector,
.blog-titles-btn:hover a span svg path.Vector,
.about_company_btn:hover a svg path.Vector,
button.subscribe_box_btn:hover svg path.Vector,
.f_zreo_f-btn:hover a svg path.Vector,
.contact_us_formbtn:hover button svg path.Vector,
.our_blogs_btn:hover a svg path.Vector,
button.leave_form_btn:hover svg path.Vector {
    transition: all 0.5s ease-in-out;
    fill: #fff;
}

/* ============== (10) Image-Marquee-Slider Section ============== */
.image_marquree_slider_section {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 160px 0px;
}

.image_marquree_slider_list {
    display: flex;
    gap: 30px;
    overflow-x: hidden;
    justify-content: space-between;
}

.img_left_to_right,
.image_right_to_left {
    display: flex;
    gap: 30px;
    animation: LeftToRightSlider 30s linear infinite;
    justify-content: space-between;
}

.marquee_img {
    overflow: hidden;
    object-fit: cover;
    border-radius: 60px;
    transition: all 0.5s ease;
}

.marquee_img img {
    border-radius: 60px;
    max-width: fit-content;
    transition: all 0.5s ease;
}

.marquee_img:hover img {
    transform: scale3d(1.2, 1.2, 1.2);
    transition: all 0.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);
}

.image_right_to_left {
    animation: RightToLeftSlider 30s linear infinite;
}

/* ============== (11) Testimonials Section ============== */
.testimonials_list.slick-initialized.slick-slider {
    position: inherit;
    margin: 60px 0px 0px;
}

.testimonials_item.slick-slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0px 30px 0px 0px;
}

.testimonials_item_title,
.testimonials_img_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.testimonials_item_box_shap {
    background-image: url(../images/svg/slider-shap.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 103%;
    padding: 16px;
}

.testimonials_item_img_info,
.testimonials_review_info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonials_item_title p {
    padding-right: 15px;
    color: #4D4D4D;
    line-height: 30px;
}

.testimonials_img_info h5 {
    font-weight: 500;
}

.testimonials_img_info p {
    line-height: normal;
    color: #4D4D4D;
}

.testimonials_img_info {
    gap: 10px;
}

.testimonials_list .slick-custom-arrow {
    position: absolute;
    border: 1px solid #000;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    margin: 40px 0px 0px;
    cursor: pointer;
}

.testimonials_list .slick-custom-arrow:hover {
    box-shadow: inset 0px 150px 0px 0px #bd9a66;
    border: 1px solid #bd9a66;
    transition: all 0.5s ease-in-out;
}

.testimonials_list .slick-custom-arrow:hover svg path.Vector {
    fill: #fff;
    transition: all 0.5s;
}

.testimonials_list .slick-custom-arrow.slick-custom-arrow-left.slick-arrow svg {
    transform: rotate(270deg);
}

.testimonials_list .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    top: 0;
    right: 80px;
}

.testimonials_list .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    top: 0;
    right: 0;
}

/* ============== (12) Meet-Team Section ============== */
section#our_team {
    overflow-x: clip;
}

.meet-team-list {
    display: flex;
    gap: 140px;
}

.meet-team-item {
    width: 50%;
}

.meet-team-title {
    position: sticky;
    top: 100px;
}

.meet-team-title h2 {
    margin: 20px 0px 60px;
}

.img-text-item {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 40px 0px;
}

.img-text-item h6 {
    color: #9B9B9B;
}

.img-text-item:nth-child(1) {
    border: 2px solid #9B9B9B;
    border-left: 0px;
    border-right: 0px;
}

.img-text-item:nth-child(2),
.img-text-item:nth-child(3),
.img-text-item:nth-child(4),
.img-text-item:nth-child(5) {
    border-bottom: 2px solid #9B9B9B;
}

.img-text-item:hover {
    border-bottom: 2px solid #000;
    cursor: pointer;
}

.img-text-item a {
    color: #000;
}

.img-text-item:hover a,
.our-blog-box-btn:hover a,
.contact_us_info_box a:hover {
    color: #bd9a66;
}

/* ============== (13) Blog Section ============== */
.blogs-title-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-titles-btn a,
.meet-team-button {
    display: inline-block;
}

.our-blog-box-btn:hover a span svg {
    transform: rotate(45deg);
    transition: all 0.5s ease-in-out;
}

.our-blog-box-btn:hover a span svg path.Vector {
    transition: all 0.5s ease-in-out;
    fill: #bd9a66;
}

.our-blogs-content {
    display: flex;
    gap: 30px;
    padding: 60px 0px 0px;
}

.our-blog-box-item {
    width: 32%;
}

.our-blog-box-title {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.our-blog-box-title,
.our-blog-box-btn {
    border: 1px solid #F5F5F5;
    padding: 30px;
    transition: all 0.5s;
}

.our-blog-box a {
    color: #000;
}

.our-blog-box-btn a {
    padding: 0;
    border: 0px;
}

.our-blog-box a h5 {
    display: inline;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
    text-decoration: none;
}

.our-blog-box a:hover h5 {
    color: #bd9a66;
    background-size: 100% 2px;
    transition: all 0.3s ease-in-out;
}

.our-blog-box-title p {
    color: #9B9B9B;
}

.our-blog-box-img {
    overflow: hidden;
    transition: all 0.5s;
}

.our-blog-box-img img {
    width: 100%;
    overflow: hidden;
    transition: all 0.5s;
}

.our-blog-box:hover .our-blog-box-img img {
    transform: rotateX(0deg) rotateY(-180deg);
    transition: all 0.5s ease-in-out;
}

.our-blog-box-btn a svg {
    transition: all 0.5s;
}

/* ============== (14) Text-Marquee-Slider Section ============== */
#text_marquee_slider_sec {
    padding: 160px 0px 80px;
}

.marquee {
    padding-bottom: 60px;
}

.marquee,
.marquee_left {
    width: -webkit-fill-available;
    height: max-content;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.marquee__content,
.marquee_left .marquee__content {
    width: fit-content;
    display: flex;
    line-height: 30px;
    animation: marquee_right 17s linear infinite forwards;
    justify-content: space-around;
}

.marquee_left .marquee__content {
    animation: marquee_left 20s linear infinite forwards;
}

.marquee__content:hover,
.marquee_left .marquee__content:hover {
    animation-play-state: paused;
}

ul.list-inline {
    display: flex;
    gap: 80px;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0px 0px 0px 80px;
}

ul.list-inline a {
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    color: #000;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.marquee__content a:hover {
    color: #bd9a66;
    background-size: 100% 2px;
}

/* ===================================== 8 Pages ===================================== */
/* ====================== (1) About Page ====================== */
/* ============== About-Hero Section ============== */
.about_us_hero_section,
.our_service_hero_section,
.single_service_hero_section,
.faq_hero_section,
.contact_hero_section {
    padding: 100px 0px 0px;
}

.about_us_hero_title,
.our_service_hero_title,
.single_service_hero_title,
.our_team_hero_img_info p,
.our_client_hero_img_info p,
.price_plan_hero_img_info p,
.faq_hero_title,
.contact_hero_title {
    padding: 0px 0px 80px;
}

.about_us_hero_img,
.our_service_hero_img,
.single_service_hero_img,
.our_team_hero_img,
.our_client_hero_img,
.price_hero_img,
.faq_hero_img,
.contact_hero_img {
    overflow: hidden;
    object-fit: cover;
    border-radius: 180px;
    position: relative;
}

.about_us_hero_img::before,
.our_service_hero_img::before,
.single_service_hero_img::before,
.our_team_hero_img::before,
.our_client_hero_img::before,
.price_hero_img::before,
.faq_hero_img::before,
.contact_hero_img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -27%;
    z-index: 2;
    display: block;
    width: 25%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
}

.about_us_hero_img:hover::before,
.our_service_hero_img:hover::before,
.single_service_hero_img:hover::before,
.our_team_hero_img:hover::before,
.our_client_hero_img:hover::before,
.price_hero_img:hover::before,
.faq_hero_img:hover::before,
.contact_hero_img:hover::before {
    animation: shine 1.3s;
}

.about_us_hero_img img,
.our_service_hero_img img,
.single_service_hero_img img,
.our_team_hero_img img,
.about_skill_img img,
.our_client_hero_img img,
.our_team_hero_img img,
.price_hero_img img,
.faq_hero_img img,
.contact_hero_img img {
    transform: scale3d(1, 1, 1);
    transition: all 0.35s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
}

.about_us_hero_img:hover img,
.our_service_hero_img:hover img,
.single_service_hero_img:hover img .about_skill_img img:hover,
.our_team_hero_img:hover img,
.our_client_hero_img:hover img,
.price_hero_img:hover img,
.faq_hero_img:hover img,
.contact_hero_img:hover img {
    transform: scale3d(1.2, 1.2, 1.2);
    transition: all 0.35s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
}

/* ============== About-Company Section ============== */
.about_company {
    display: flex;
    gap: 30px;
}

.about_company_content {
    width: 49%;
}

.about_company_title p {
    padding: 40px 0px 60px;
}

.about_company_title p,
.about_skill_title p,
.our_services_content_info p,
.single_service_item p,
.our_team_hero_img_info p,
.our_client_hero_img_info p,
.price_plan_hero_img_info p {
    color: #4D4D4D;
    line-height: 30px;
}

.about_company_btn,
.our_blogs_btn {
    padding: 18px 50px;
}

.about_company_img_contect {
    position: relative;
}

.about_company_img_logo {
    position: absolute;
    bottom: 40px;
    left: 40px;
    -webkit-animation: rotateText 20s linear infinite;
    animation: rotateText 20s linear infinite;
}

/* ============== About-Skill Section ============== */
.about_skill {
    display: flex;
    gap: 30px;
}

.about_skill_item {
    width: 49%;
}

.about_skill_progessbar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.about_skill_title p {
    padding: 40px 0px;
}

.about_skill_images {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_skill_img {
    overflow: hidden;
    border-radius: 135px;
}

.animated-progress {
    width: 100%;
    height: 20px;
    margin: 10px 0px 0px;
    overflow: hidden;
    position: relative;
    background-color: #F5F5F5;
}

.animated-progress span {
    height: 100%;
    display: flex;
    width: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    padding-right: 20px;
    background-color: #bd9a66;
    align-items: center;
    justify-content: flex-end;
}

.about_skill_progessbar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* ====================== (2) Service Page ====================== */
/* ============== Our-Services Section ============== */
.our_services_list {
    display: flex;
    gap: 30px;
}

.our_services_item:nth-child(1) {
    width: 65%;
}

.our_services_title {
    position: sticky;
    top: 100px;
}

.our_services_content_box {
    display: flex;
    flex-direction: column;
}

.our_services_content_box hr,
.faq_accodian_item hr {
    height: 1px;
    margin: 30px 0px;
    background-color: #9B9B9B;
    border: none;
}

.our_services_content_box_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.our_services_content_box_title {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.our_services_content_box_title a {
    color: #000;
    width: fit-content;
    transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.our_services_content_box_item:hover {
    cursor: pointer;
}

.our_services_content_box_item:hover a {
    color: #bd9a66;
    background-size: 100% 2px;
    transition: all 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.our_services_content_box_title a h4 {
    font-size: 32px;
}

/* ====================== (3) Our Team Page ====================== */
/* ============== Our-Team-Hero Section ============== */
.our_team_hero_section,
.our_client_hero_section,
.price_plan_hero_section {
    padding: 55px 0px 0px;
}

.our_team_hero_img_info,
.our_client_hero_img_info,
.price_plan_hero_img_info {
    padding: 40px 0px 0px;
}

/* ============== Our-Team-Member Section ============== */
.our_team_members_list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin: 60px 0px 0px;
}

.our_team_members_item {
    width: 31.50%;
}

.our_team_members_box {
    position: relative;
}

.team_members_detail {
    position: absolute;
    bottom: 40px;
    left: 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}

.team_members_detail a {
    color: #fff;
    transition: all 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.our_team_members_box_img {
    position: relative;
    overflow: hidden;
}

.our_team_members_box_img img {
    width: 100%;
}

.overlay_member_icons {
    position: absolute;
    right: 30px;
    top: 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: all 0.75s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);
    transform: translateX(80px);
    opacity: 0;
}

.overlay_member_icons a {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    color: #fff;
    transition: all 0.35s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.our_team_members_box:hover .overlay_member_icons {
    opacity: 1;
    transform: translateX(0px);
}

.our_team_members_box .overlay_member_icons a:hover {
    color: #bd9a66;
    background-size: 100% 2px;
}

.our_team_members_box:hover .team_members_detail a {
    color: #bd9a66;
    transition: all 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

/* ====================== (6) Single Service Page ====================== */
.single_service_list {
    display: flex;
    gap: 30px;
}

.single_service_item:nth-child(1) {
    width: 67%;
}

.single_service_item:nth-child(2) {
    width: 32%;
}

.single_service_content h2 {
    margin: 0px 0px 40px;
}

.single_service_img_content {
    margin: 0px 0px 40px;
}

.single_service_img_content p:nth-child(2) {
    margin: 20px 0px;
}

.single_service_img_content img,
.single_service_accodian_img {
    margin: 40px 0px;
    transform: rotateX(0deg) rotateY(0deg);
    transition: all 0.85s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);
    width: 100%;
    overflow: hidden;
}

.single_service_img_content img:hover,
.single_service_accodian_img:hover {
    transform: rotateX(0deg) rotateY(180deg);
    transition: all 0.85s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);
}

.single_service_accodian_content {
    display: flex;
    gap: 30px;
}

.single_service_accodian_content_item {
    width: 47%;
}

.single_service_accodian_content_item:nth-child(2) {
    width: 49%;
}

.single_service_accodian_img {
    margin: 0;
}

.single_service_slide_bar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.single_service_menus {
    padding: 0px 30px;
    border: 2px solid #F5F5F5;
}

.single_service_menus ul li,
ul.blog_categorie_list li {
    padding: 30px 0px;
    border-bottom: 2px solid #F5F5F5;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}

.single_service_menus ul li:last-child,
ul.blog_categorie_list li:last-child {
    border: 0;
}

.single_service_menus ul li a,
ul.blog_categorie_list li a {
    color: #000;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.single_service_menus ul li:hover a,
ul.blog_categorie_list li:hover a {
    color: #bd9a66;
    background-size: 100% 2px;

}

.single_service_pdf,
.our_blogs_pdf {
    display: flex;
    gap: 60px;
    color: #fff;
    background-color: #000;
    padding: 30px;
}

.single_service_pdf_titles h5,
.our_blogs_pdf_titles h5 {
    font-size: 20px;
    margin: 0px 0px 10px;
}

.single_service_pdf_titles p,
.our_blogs_pdf_titles p {
    font-size: 14px;
    line-height: 20px;
    color: #9B9B9B;
}

.single_service_pdf_icon svg,
.our_blogs_pdf_icon svg {
    overflow: hidden;
}

.single_service_pdf_icon svg:hover g,
.our_blogs_pdf_icon svg:hover g {
    animation: link-icon2 .3s linear;
}

.single_service_pdf_icon svg path,
.our_blogs_pdf_icon svg path {
    transition: all .3s ease;
}

.sudan_service_contactbox,
.our_blogs_contactbox {
    background-image: url(../images/single-service-page/single-service-bg-2.png);
    color: #fff;
    padding: 30px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.sudan_service_contactbox h3,
.our_blogs_contactbox h3 {
    margin: 60px 0px;
    font-weight: 600;
}

.sudan_service_contactbox_btn,
.our_blogs_contactbox_btn {
    border: 1px solid #bd9a66;
    background-color: #bd9a66;
    padding: 0;
}

.sudan_service_contactbox_btn a,
.our_blogs_contactbox_btn a {
    padding: 18px 80px;
    align-items: center;
    gap: 10px;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.sudan_service_contactbox_btn:hover,
.our_blogs_contactbox_btn:hover {
    border: 1px solid #fff;
    box-shadow: inset 500px 0px 0 0 #fff;
    transition: all 0.5s ease-in-out;
}

.sudan_service_contactbox_btn:hover a,
.our_blogs_contactbox_btn:hover a {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.sudan_service_contactbox_btn svg path.Vector,
.our_blogs_contactbox_btn svg path.Vector {
    transition: all 0.5s ease-in-out;
}

.sudan_service_contactbox_btn:hover svg path.Vector,
.our_blogs_contactbox_btn:hover svg path.Vector {
    transition: all 0.5s ease-in-out;
    fill: #000;
}

.single_service_accodian {
    margin-top: 20px;
}

.single_service_accodian_tab {
    margin: 0px 0px 30px auto;
    width: 89%;
}

/* ====================== (7) FAQ Page ====================== */
/* ============== Faq-Accodian Section ============== */
.faq_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.benefits-accodian-item:first-child .benefits-accodian-tab,
.single_service_accodian_item:first-child .single_service_accodian_tab,
.faq_accodian_item:first-child .faq_accodian_tabs,
.portfolio_detail_accodian_item:first-child .portfolio_detail_accodian_tab {
    display: block;
}

.faq_accodian_item:hover .faq_accodian_title {
    cursor: pointer;
}

.faq_accodian_tabs {
    display: none;
    color: #4D4D4D;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0px 40px;
}

.faq_accodian_title svg {
    transform: rotate(90deg);
}

.faq_accodian_title.active svg {
    transform: rotate(0deg);
}

.faq_accodian_title.active svg path.Vector {
    fill: #bd9a66;
}

.faq_accodian_title h5 {
    transition: all 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.faq_accodian_title.active h5 {
    color: #bd9a66;
    background-size: 100% 2px;
}

.faq_accodian_item hr {
    margin: 20px 0px;
}

/* ====================== (8) Coming Soon Page ====================== */
#coming_soon_sec {
    position: relative;
    background-color: #fff;
    height: 100vh;
}

.coming_soon {
    background-image: url(../images/come-soon-page/come_soon_bg_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 100px 0px;
    height: 100vh;
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.coming-soon-img-sec img {
    position: fixed;
    top: 9%;
    left: 33%;
    z-index: 1;
}

.coming_soon_logo {
    padding: 0px 0px 100px;
}

.coming_soon_title h2 {
    font-size: 64px;
}

.coming_soon_time_content {
    display: flex;
    justify-content: space-between;
    padding: 50px 0px 80px;
    align-items: center;
}

.coming_soon_time {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 225px;
    color: #000;
}

.coming_soon_number {
    font-size: 100px;
    font-style: normal;
    font-weight: 800;
    line-height: 100px;
}

.coming_soon_text {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}

button.subscribe_box_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 50px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.subscribe_box_mail {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.subscribe_box_mail input {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    width: 33%;
}

.subscribe_box_mail input:focus {
    outline: none;
}

.subscribe_box_mail input::placeholder {
    color: #000;
}

.subscribe_box p {
    margin-top: 20px;
    font-weight: 500;
    line-height: normal;
    color: #4D4D4D;
}

.coming_soon_icons {
    display: flex;
    justify-content: center;
    gap: 25px;
    font-size: 24px;
    margin: 60px 0px 0px;
    text-align: center;
}

.coming_soon_icons a {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.coming_soon_icons a:hover {
    color: #bd9a66;
    transition: all 0.5s ease-in-out;
}

/* ====================== (9) 404 Error Page ====================== */
#f_zreo_f_sec {
    text-align: center;
}

.f_zreo_f_sec_img {
    animation: UpDownImg 0.70s linear infinite alternate;
}

.f_zreo_f_section h2 {
    padding: 40px 0px;
}

.f_zreo_f-btn {
    margin: 40px 0px 0px;
}

/* ===================================== 9 Portfolio Page ===================================== */
/* ============== (1) Portfolio Grid 2 Columns Page ============== */
#portfolio_grid_title_sec {
    padding: 100px 0px 0px;
}

.portfolio_grid_title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
}

.portfolio_grid_title a {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.portfolio_grid_title a:hover,
.portfolio_grid_title span.active {
    transition: all 0.5s ease-in-out;
    color: #bd9a66;
}

/* Discover-Our-Cases Section */
.pg2_discover_our_cases_title_info,
.pg3_discover_our_cases_title_info,
.pg3_wide_discover_our_cases_title_info,
.pg4_wide_discover_our_cases_title_info,
.pg5_wide_discover_our_cases_title_info,
.pmg_discover_our_cases_title_info,
.pmg2_discover_our_cases_title_info,
.pmg3_discover_our_cases_title_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

div#btncontainer {
    display: flex;
    gap: 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 17px 0px;
}

div#btncontainer a {
    color: #000;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

div#btncontainer a.pg-btn:hover,
.btn-active {
    color: #bd9a66 !important;
    background-size: 100% 2px !important;
}

.pg2_gallery_area,
.pg3_gallery_area,
.pg3_wide_gallery_area,
.pg4_wide_gallery_area,
.pg5_wide_gallery_area,
.pmg_gallery_area,
.pmg2_gallery_area,
.pmg3_gallery_area {
    margin: 80px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.pg2_gallery,
.pg3_gallery,
.pg3_wide_gallery,
.pg4_wide_gallery,
.pg5_wide_gallery,
.pmg3_gallery {
    display: flex;
    gap: 60px 30px;
    flex-wrap: wrap;
}

.sets .hide,
.sets .pophide {
    width: 0%;
    opacity: 0;
    display: none;
}

.closeBtn {
    position: absolute;
    right: 25px;
    top: 25px;
    transition: 0.5s linear;
    padding: 10px;
    border-radius: 50%;
    background: #fff;
    outline-offset: -6px;
    outline: 2px solid #fff;
}

.closeBtn svg {
    width: 40px;
    height: 40px;
    stroke: #bd9a66;
    object-fit: scale-down;
    vertical-align: middle;
}

.closeBtn:hover {
    cursor: pointer;
    outline: 2px solid #000;
}

.openDiv {
    width: 100%;
    height: 100vh;
    background: #000000e7;
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 9999;
}

.imgPreview {
    width: 46%;
    object-fit: scale-down;
    max-height: 74%;
}

.prevButton,
.nextButton {
    transition: 1s linear;
    padding: 10px 35px;
    font-size: 18px;
    border: none;
    color: white;
    background: #0005;
    border-radius: 10px;
    border: 1px solid white;
    margin: 10px;
    display: none;
}

.prevButton:hover,
.nextButton:hover {
    background: #fff;
    color: black;
}

.pg2_gallery_box,
.pg3_gallery_box,
.pg3_wide_gallery_box,
.pg4_wide_gallery_box,
.pg5_wide_gallery_box,
.pmg3_gallery_box {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.pg2_gallery_img,
.pg3_gallery_img,
.pg3_wide_gallery_img,
.pg4_wide_gallery_img,
.pg5_wide_gallery_img,
.pmg_gallery_img,
.pmg2_gallery_img,
.pmg2_gallery_box,
.pmg3_gallery_img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pg2_gallery_info a,
.pg3_gallery_info a,
.pg3_wide_gallery_info a,
.pg4_wide_gallery_info a,
.pg5_wide_gallery_info a,
.pmg_gallery_info a,
.pmg2_gallery_info a,
.pmg3_gallery_info a {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: left 100%;
    transition: all 0.35s linear;
    margin-top: 10px;
}

.pg2_gallery_info a:hover,
.pg3_gallery_info a:hover,
.pg3_wide_gallery_info a:hover,
.pg4_wide_gallery_info a:hover,
.pg5_wide_gallery_info a:hover,
.pmg_gallery_info a:hover,
.pmg2_gallery_info a:hover,
.pmg3_gallery_info a:hover {
    color: #bd9a66;
    transition: all 0.35s linear;
    background-size: 100% 3px;
}

.pg2_gallery_img:hover .overlay_arrow_box,
.pg3_gallery_img:hover .overlay_arrow_box,
.pg3_wide_gallery_img:hover .overlay_arrow_box,
.pg4_wide_gallery_img:hover .overlay_arrow_box,
.pg5_wide_gallery_img:hover .overlay_arrow_box,
.pmg_gallery_img:hover .overlay_arrow_box,
.pmg3_gallery_img:hover .overlay_arrow_box {
    display: block;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transform: translateX(0%);
}

.pg2_gallery_area_item:nth-child(2),
.pg3_gallery_area_item:nth-child(2),
.pg3_wide_gallery_area_item:nth-child(2),
.pg4_wide_gallery_area_item:nth-child(2),
.pg5_wide_gallery_area_item:nth-child(2),
.pmg_gallery_area_item:nth-child(2),
.pmg2_gallery_area_item:nth-child(2),
.pmg3_gallery_area_item:nth-child(2) {
    display: flex;
    justify-content: center;
}

.gallery_load_btn {
    border: 1px solid #000;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: inline-flex;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.gallery_load_btn:hover {
    border: 1px solid #bd9a66;
    box-shadow: inset 500px 0px 0 0 #bd9a66;
    transition: all 0.5s ease-in-out;
}

.gallery_load_btn a {
    gap: 10px;
    color: #000;
    display: inline-flex;
    align-items: center;
}

.gallery_load_btn:hover a {
    color: #fff;
}

.gallery_load_btn a svg {
    vertical-align: middle;
}

.gallery_load_btn:hover a svg path.Vector {
    fill: #fff;
}

/* ============== (3) Portfolio Grid 3 Columns Wide Page ============== */
.pg3_wide_gallery_area {
    margin: 80px 60px 0px;
}

.pg3_wide_gallery_box {
    width: 31%;
}

.pg3_wide_gallery {
    gap: 60px;
}

/* ============== (4) Portfolio Grid 4 Columns Wide Page ============== */
.pg4_wide_gallery_area,
.pg5_wide_gallery_area {
    margin: 80px 30px 0px;
}

.pg4_wide_gallery_box {
    width: 23.73%;
}

/* ============== (5) Portfolio Grid 5 Columns Wide Page ============== */
.pg5_wide_gallery_box {
    width: 18.69%;
}

/* ============== (6) Portfolio Masonry 1 Page ============== */
.pmg_gallery,
.pmg2_gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 30px;
}

.pmg_gallery_box:nth-child(1),
.pmg2_gallery_box:nth-child(1) {
    grid-row: 1/3;
}

.pmg_gallery_box:nth-child(6),
.pmg2_gallery_box:nth-child(6) {
    grid-column: 2/3;
    grid-row: 3/5;
}

.pmg_gallery_box {
    display: grid;
    gap: 20px;
    height: -webkit-fill-available;
}

.pmg_gallery_box img,
.pmg2_gallery_box img {
    height: 100%;
}

/* ============== (7) Portfolio Masonry 2 Page ============== */
.pmg2_gallery_box {
    display: grid;
}

.pmg2_gallery_box:hover .pmg2_gallery_img .overlay_arrow_box {
    display: block;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transform: translateX(0%);
}

.pmg2_gallery_box:hover .pmg2_gallery_info {
    transform: translateY(0%);
    opacity: 1;
    transition: all 0.5s ease-out;
}

.pmg2_gallery_info {
    position: absolute;
    bottom: 3%;
    left: 5%;
    transition: all 0.5s ease-out;
    transform: translateY(100%);
    opacity: 0;
}

.pmg2_gallery_info h6 {
    color: #fff;
}

.pmg2_gallery_info a {
    color: #fff;
    background: linear-gradient(to bottom, #fff 0%, #fff 98%);
    background-size: 0px 3px;
    background-repeat: no-repeat;
    background-position: left 100%;
    transition: all 0.35s linear;
}

.pmg2_gallery_info a:hover {
    color: #fff;
    background-size: 100% 3px;
}

/* ============== (8) Portfolio Masonry 3 Page ============== */

.pmg3_box {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.pmg3_gallery_box {
    gap: 30px;
}

/* ============== (8) Portfolio Detail Page ============== */
.portfolio_detail_title_info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.portfolio_detail_brandings {
    border-top: 1px solid #F5F5F5;
    padding-top: 40px;
}

.portfolio_detail_img {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    width: auto;
    height: max-content;
    overflow: hidden;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    visibility: hidden;
}

.portfolio-animation-img .portfolio_detail_img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    visibility: visible;
    transform: skewY(0);
}


.portfolio_detail_img img {
    transform: scale(1.3);
    transition: 2s ease-out;
    max-width: -webkit-fill-available;
    width: auto;
    height: 100%;
    object-fit: contain;
}

.portfolio-animation-img img {
    transform: scale(1) !important;
    transition: 4s ease-out;
}

ul.branding-list li:nth-child(1),
ul.branding-list li:nth-child(2),
ul.branding-list li:nth-child(3) {
    border-right: 1px solid #9b9b9b;
}

ul.branding-list li {
    width: 20%;
}

ul.branding-list li a {
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

ul.branding-list li a:hover {
    transition: all 0.35s linear;
    background-size: 100% 2px;
    color: #bd9a66;
}

.portfolio_detail_list,
.portfolio_detail_images_list,
ul.branding-tag-list {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.portfolio_detail_images_list {
    flex-direction: column;
}

.portfolio_detail_list {
    padding: 80px 0px;
}

.portfolio_detail_item:nth-child(1) {
    width: 30%;
}

.portfolio_detail_item:nth-child(2) {
    width: 67%;
}

.portfolio_detail_info {
    position: sticky;
    top: 100px;
    scroll-behavior: smooth;
    transition: all 0.5s ease;
}

.portfolio_detail_des,
.portfolio_detail_we_done,
ul.branding-tag-list li {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.portfolio_detail_des p,
.portfolio_detail_we_done p,
ul.branding-tag-list li p {
    color: #4D4D4D;
    line-height: 24px;
    font-weight: 400;
}

.portfolio_detail_we_done {
    margin: 30px 0px;
}

.portfolio_detail_we_done h5,
ul.branding-tag-list li h5 {
    border-bottom: 2px solid #F5F5F5;
    padding: 0px 0px 10px;
    width: max-content;
}

.portfolio_detail_sec_left .portfolio_detail_list {
    display: flex;
    flex-direction: row-reverse;
}

.portfolio_detail_section .portfolio_detail_list {
    flex-direction: column;
}

.portfolio_detail_section .portfolio_detail_list .portfolio_detail_item {
    width: 100%;
}

.portfolio_detail_section .portfolio_detail_list .portfolio_detail_item:nth-child(2) {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.portfolio_detail_section .portfolio_detail_list .portfolio_detail_item:nth-child(2) .portfolio_detail_info:nth-child(1) {
    position: sticky;
    top: 100px;
    scroll-behavior: smooth;
    transition: all 0.5s ease;
    width: 60%;
    height: 100%;
}

.portfolio_detail_section .portfolio_detail_list .portfolio_detail_item:nth-child(2) .portfolio_detail_info:nth-child(2) {
    width: 37%;
    height: 100%;
}

/* ===================================== 10 Blog Page ===================================== */
/* ============== (1) Blog Standard Design Page ============== */
/* ======== [1] Blog Standard Page ======== */
#blogs_head_title_sec {
    padding: 100px 0px 0px;
}

.our_std_blogs_list,
.blog_standard_right_sidebar,
.our_blogs_boxs_area {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.blogs_head_title span.active,
a.blogs_box_info_title:hover,
.blogs_head_title a:hover {
    color: #bd9a66;
    transition: all 0.5s ease-in-out;
}

.blogs_head_title a,
.blogs_head_title,
a.blogs_box_info_title,
.blog_box_embedlink_item a {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.blogs_box_information>span {
    padding: 20px 0px 10px;
    display: block;
}

a.blogs_box_info_title {
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

a.blogs_box_info_title:hover {
    background-size: 100% 2px;
}

.blogs_box_information p {
    padding: 20px 0px 40px;
}

.our_blogs_btn {
    padding: 18px 50px;
}

.quote_blog_box,
.audio_blog_box,
.embedlink_blog_box {
    padding: 40px;
    background-color: #F5F5F5;
}

.quote_box_img_text,
.quote_titletext h3,
.blog_box_audio_player {
    padding: 0px 0px 20px;
}

.quote_box_img_text,
.blog_box_embedlink_item,
ul.blog_pagenation_list {
    display: flex;
    gap: 20px;
}

.quote_img_titletext img,
.blog_box_embedlink_icon img {
    max-width: max-content;
    transition: all .3s linear;
}

.quote_box_img_text,
.blog_box_embedlink_icon {
    overflow: inherit;
}

.quote_box_img_text:hover .quote_img_titletext img,
.blog_box_embedlink_item:hover .blog_box_embedlink_icon img {
    animation: Up_Down_Blog_icon .3s linear;
}

.our_std_blogs_list .blog_box_embedlink_item h3,
.single_blog_links_no_sidebar .blog_box_embedlink_item h3 {
    font-size: 36px;
}

.quote_titletext h3,
.blog_box_embedlink_item h3 {
    font-size: 32px;
    font-weight: 500;
}

.blog_box_audio_player iframe {
    width: 100%;
}

.slider_blog_box_image_list .slick-custom-arrow {
    position: absolute;
    top: 0;
    z-index: 1;
}

.slider_blog_box_image_list .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    top: 45%;
    left: 40px;
}

.slider_blog_box_image_list .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    right: 40px;
    top: 45%;
}

.slick-custom-arrow svg circle {
    transition: all 0.5s ease;
}

.slick-custom-arrow svg:hover circle {
    fill: #bd9a66;
    stroke: #bd9a66;
    transition: all 0.5s ease;
}

li.blog_pagenation_list a,
li.blog_pagenation_list svg {
    width: 60px;
    height: 60px;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}

li.blog_pagenation_list svg {
    border: 0;
}

li.blog_pagenation_list a:hover,
li.blog_pagenation_list.active a {
    color: #fff;
    box-shadow: inset 150px 0px 0px 0px #bd9a66;
    border: 1px solid #bd9a66;
    transition: all 0.5s ease-in-out;
}

li.blog_pagenation_list.active a {
    background-color: #bd9a66;
    border: 1px solid #bd9a66;
}

li.blog_pagenation_list a:hover svg path.Vector,
li.blog_pagenation_list.active a svg path.Vector {
    stroke: #fff;
}

/* ======== [2] Blog Standard Right Sidebar Page ======== */
.our_blogs_right_sidebar,
.our_blogs_left_sidebar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.our_std_blogs_rgt_sidebar_list,
.our_std_blogs_lft_sidebar_list {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.our_std_blogs_rgt_sidebar_item:nth-child(1),
.our_std_blogs_lft_sidebar_item:nth-child(2) {
    width: 65%;
}

.our_std_blogs_rgt_sidebar_item:nth-child(2),
.our_std_blogs_lft_sidebar_item:nth-child(1) {
    width: 32%;
}

.our_blogs_sidebar_searchbar {
    position: relative;
}

.blog_searchbar {
    display: flex;
    position: relative;
    flex-direction: column;
}

.blog_searchbar input {
    color: #4D4D4D;
    font-family: 'Syne';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border: 2px solid #F5F5F5;
    background: #FFF;
    padding: 30px;
}

.blog_searchbar.active input {
    border-radius: 0;
}

.blog_searchbar input:focus-visible {
    outline: 0;
}

.blog_searchbar .auto_complet_box {
    display: none;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 100%;
    overflow-y: auto;
    border: 1px solid #F5F5F5;
}

.blog_searchbar.active .auto_complet_box {
    display: block;
    padding: 0;
    opacity: 1;
    pointer-events: auto;
}

.blog_searchbar.active .auto_complet_box li {
    display: block;
    padding: 10px;
    color: #4D4D4D;
    font-family: 'Syne';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.auto_complet_box li:hover {
    background: #efefef;
}

.search_icon {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.our_blogs_categorie_list {
    border: 2px solid #F5F5F5;
}

.blog_categorie_title,
.blog_related_post_title,
.our_blogs_tags_title {
    color: #bd9a66;
    padding: 30px 30px 26px;
    border: 2px solid #000;
    background-color: #000;
}

ul.blog_categorie_list {
    padding: 0px 30px;
    border-right: 2px solid #F5F5F5;
    border-bottom: 2px solid #F5F5F5;
    border-left: 2px solid #F5F5F5;
    background: #FFF;
}

.blog_related_post {
    flex-direction: column;
    display: flex;
    gap: 30px;
    padding-top: 30px;
}

.related_post_box {
    display: flex;
    gap: 30px;
}

.related_post_info span {
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: block;
    margin-bottom: 4px;
}

.related_post_info a:hover {
    background-size: 100% 2px;
    color: #bd9a66;
}

.related_post_info a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom, #bd9a66 0%, #bd9a66 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
}

.related_post_img img {
    height: 100%;
}

.related_post_box:nth-child(1)>.related_post_img>img,
.related_post_box:nth-child(4)>.related_post_img>img {
    width: 88px;
}

.related_post_box:nth-child(3)>.related_post_img>img,
.related_post_box:nth-child(5)>.related_post_img>img {
    width: 75px;
}

.blogs_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 30px;
}

.blogs_tags a,
.single_blog_tag a {
    padding: 6px 10px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    background: #F5F5F5;
    transition: all 0.5s ease-in-out;
}

.blogs_tags a:hover,
.single_blog_tag a:hover {
    box-shadow: inset 0px 40px 0px #bd9a66;
    color: #fff;
}

/* ============== (2) Blog Grid Columns Page ============== */
/* ======== [1] Blog Grid 2 Columns Page ======== */
.blog_grid_col_2_list {
    display: flex;
    gap: 60px;
    flex-direction: column;
    align-items: center;
}

.blog_grid_col_2_items {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog_grid_box,
.blog_grid_box_info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    transition: all 0.5s ease-in-out;
}

.blog_grid_box_info {
    gap: 10px;
}

.blog_grid_col_2_item {
    width: 48.69%;
}

.blog_grid_box_info>a {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.blog_grid_box:hover .blog_grid_box_info>a {
    color: #bd9a66;
    transition: all 0.5s ease-in-out;
}

/* ============== (3) Single Blog Right Sidebar Page ============== */
/* ======== [1] Single Blog Standard Right Sidebar Page ======== */
.single_blog .our_blogs_boxs_area .blogs_box_information p:nth-of-type(1) {
    padding: 20px 0px 10px;
}

.single_blog .our_blogs_boxs_area .blogs_box_information p:nth-of-type(2) {
    padding: 10px 0px 40px;
}

.single_blog .our_blogs_boxs_area .blogs_box_information p:nth-of-type(5) {
    padding: 10px 0px 40px;
}

.single_blog .our_blogs_boxs_area .blogs_box_information p:nth-of-type(4) {
    padding: 10px 0px;
}

.single_blog .our_blogs_boxs_area .blogs_box_information p:nth-of-type(3) {
    padding: 40px 0px 10px;
}

.single_blogs_box_image {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.conclusion_area {
    padding: 40px 0px 45px;
}

.conclusion_area p {
    padding: 20px 0px 0px;
}

.single_blog_tag {
    display: flex;
    gap: 20px;
}

.single_blog_share_btn svg circle,
.single_blog_share_btn svg g path,
.single_blog_share_btn:hover svg circle,
.single_blog_share_btn:hover svg g path {
    transition: all 0.5s ease-in-out;
}

.single_blog_share_btn:hover svg circle,
.single_blog_share_btn:hover svg g path {
    fill: hsl(36deg 40% 57%);
}

.single_blog_share_btn:hover svg g path {
    stroke: #fff;
}

.single_blog_prv_btn svg {
    transform: rotate(270deg);
}

.single_blog_nxt_prv_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
}

.single_blog_prv_btn,
.single_blog_nxt_btn {
    display: flex;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.single_blog_prv_btn a,
.single_blog_nxt_btn a {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid #000;
    gap: 10px;
    padding: 18px;
    position: relative;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}

.single_blog_prv_btn:hover a,
.single_blog_nxt_btn:hover a {
    box-shadow: inset -150px 0px 0px 0px #bd9a66;
    border: 1px solid #bd9a66;
    transition: all 0.5s ease-in-out;
}

.single_blog_prv_btn:hover a {
    box-shadow: inset 150px 0px 0px 0px #bd9a66;

}

.single_blog_prv_btn:hover a svg path.Vector,
.single_blog_nxt_btn:hover a svg path.Vector {
    fill: #fff;
}

.single_blog_overlay {
    position: absolute;
    transform: translateX(-150px);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    right: 0;
}

.single_blog_prv_btn:hover .single_blog_overlay {
    transform: translateX(0px);
    transition: all 0.5s ease-in-out;
    opacity: 1;
    position: relative;
}

.single_blog_nxt_btn a {
    flex-direction: row;
}

.single_blog_nxt_btn .single_blog_overlay {
    transform: translateX(150px);
}

.single_blog_nxt_btn:hover .single_blog_overlay {
    opacity: 1;
    transform: translateX(0);
    position: relative;
}

.single_blog_comments_area {
    padding: 80px 0px;
}

.single_blog_comments_box {
    padding-top: 40px;
}

.blog_comments_box_list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 770px;
}

.blog_comments_box {
    display: flex;
    gap: 20px;
}

.comment-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 650px;
}

.blog_comments_box_item:nth-child(2) {
    width: 650px;
    align-self: flex-end;
}

.blog_comments_box_item:nth-child(2) .blog_comments_img {
    height: 100px;
    width: 19%;
}

.comment_info_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment_info_title span,
.blog_leave_comment_form form input:nth-child(1),
.blog_leave_comment_form form input:nth-child(2),
.blog_leave_comment_form form textarea,
.check-area,
.blog_leave_comment_title p,
.check-area label {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.comment-info p,
.blog_leave_comment_form form input:nth-child(1),
.blog_leave_comment_form form input:nth-child(2),
.blog_leave_comment_form form textarea,
.check-area,
button.leave_form_btn,
.blog_leave_comment_title p,
.check-area label {
    color: #4D4D4D;
    font-size: 16px;
    line-height: 24px;
}

.blog_leave_comment_title p {
    font-size: 18px;
    margin-top: 20px;
    line-height: 30px;
}

a.comment_btn {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    gap: 10px;
}

a.comment_btn svg,
button.leave_form_btn svg {
    vertical-align: middle;
    transition: all 0.5s ease-in-out;
}

.blog_leave_comment_form form {
    display: flex;
    gap: 0px 30px;
    flex-wrap: wrap;
    padding-top: 40px;
}

.blog_leave_comment_form form input:nth-child(1),
.blog_leave_comment_form form input:nth-child(2) {
    width: 48%;
    font-size: 18px;
    padding-bottom: 10px;
    border: 0;
    border-bottom: 1px solid #000;
}

.blog_leave_comment_form form textarea {
    width: 100%;
    margin: 30px 0px 40px;
    border: 0;
    border-bottom: 1px solid #000;
    font-size: 18px;
}

.blog_leave_comment_form form input:focus-visible,
.blog_leave_comment_form form textarea:focus-visible {
    outline: 0;
}

.check-area {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
    margin-bottom: 40px;
}

.check-area input#commentcheck {
    width: 2%;
    height: 70%;
}

button.leave_form_btn {
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.5s ease-in-out;
    padding: 18px 50px;
    font-weight: 600;
    font-family: 'Syne', sans-serif;
    cursor: pointer;
}

.single_blog_music_right_sidebar .text_img_blog_box .audio_blog_box,
.single_blog_music_left_sidebar .text_img_blog_box .audio_blog_box,
.single_blog_music_right_sidebar .text_img_blog_box .audio_blog_box .blog_box_audio_player,
.single_blog_music_left_sidebar .text_img_blog_box .audio_blog_box .blog_box_audio_player {
    padding: 0;
}

.our_blogs_contactbox {
    padding: 60px 30px 30px 30px;
}

.our_std_blogs_no_sidebar_list .blog_comments_box_list {
    width: 100%;
}

.our_std_blogs_no_sidebar_list .blog_comments_box_item:nth-child(2) {
    width: auto;
    align-self: flex-end;
}

.our_std_blogs_no_sidebar_list .blog_comments_box_item:nth-child(2) .blog_comments_box {
    justify-content: flex-end;
}

.our_std_blogs_no_sidebar_list .blog_comments_box_item:nth-child(2) .blog_comments_img {
    width: 13%;
}

.our_std_blogs_no_sidebar_list .our_blogs_boxs_area .blog_leave_comment_form form {
    justify-content: space-between;
}

.our_std_blogs_no_sidebar_list .our_blogs_boxs_area .blog_leave_comment_form form input:nth-child(1),
.our_std_blogs_no_sidebar_list .our_blogs_boxs_area .blog_leave_comment_form form input:nth-child(2) {
    width: 48.4%;
}

.blog_grid_image:hover::after {
    transform: translateX(-31vh) skewX(-25deg);
    transition: all .90s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.blog_grid_image::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 155vh;
    background-color: rgb(189 154 102 / 34%);
    transform: translateX(-188vh) skewX(-25deg);
    transition: all .90s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.blog_grid_image {
    overflow: hidden;
    position: relative;
}

.blog_grid_col_list {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.blog_grid_col_2_right_sidebar .blog_grid_col_item:nth-child(1),
.blog_grid_col_2_left_sidebar .blog_grid_col_item:nth-child(2) {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px 30px;
}

.blog_grid_col_2_right_sidebar .blog_grid_col_item .blog_grid_box,
.blog_grid_col_2_left_sidebar .blog_grid_col_item .blog_grid_box {
    width: 48%;
}

.blog_grid_col_2_right_sidebar .blog_grid_col_item:nth-child(2),
.blog_grid_col_2_left_sidebar .blog_grid_col_item:nth-child(1) {
    width: 32%;
}

.blog_grid_col_2_right_sidebar .blog_grid_col_item .blog_grid_image img,
.blog_grid_col_2_left_sidebar .blog_grid_col_item .blog_grid_image img {
    height: 377px;
}

.blog_grid_col_3 .blog_grid_col_list,
.blog_grid_col_4 .blog_grid_col_list {
    flex-direction: column;
    gap: 60px;
    align-items: center;
}

.blog_grid_col_3 .blog_grid_col_item,
.blog_grid_col_4 .blog_grid_col_item {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 30px;
    justify-content: space-between;
}

.blog_grid_col_3 .blog_grid_col_item .blog_grid_box {
    width: 31.50%;
}

.blog_grid_col_4 {
    padding: 0px 30px;
}

.blog_grid_col_4 .blog_grid_col_item .blog_grid_box {
    width: 23.70%;
}

/* ===================================== 11 Contact Page ===================================== */
.contact_us_list {
    display: flex;
    gap: 30px;
}

.contact_us_item {
    width: 49%;
}

.contact_us_text_info {
    padding: 60px 0px 0px;
}

.contact_us_text_info hr {
    width: 160px;
    height: 1px;
    background: #9B9B9B;
    margin: 10px 0px 20px;
}

.contact_us_info_box:nth-child(2) {
    margin: 40px 0px;
}

.contact_us_form {
    background-color: #F5F5F5;
    padding: 40px;
}

.contact_us_form form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact_us_formbox input:focus-visible,
.contact_us_formbox textarea:focus-visible {
    outline: none;
}

.contact_us_formbox input {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #000;
    width: 100%;
    padding-bottom: 10px;
}

.contact_us_formbox textarea {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #000;
    width: 100%;
}

.contact_us_formbtn button {
    background-color: transparent;
    font-family: 'Syne', sans-serif;
    padding: 18px 50px;
}

.contact_sec_map {
    padding: 160px 0px 0px;
}

.responsive-map {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.responsive-map iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* ===================================== 11 Footer Section ===================================== */
.footer-section {
    padding: 80px 0px;
    border-top: 1px solid #F5F5F5;
}

.our-footer-content {
    display: flex;
    gap: 30px;
}

.footer-info:nth-child(1) {
    width: 40%;
}

.footer-info:nth-child(2) {
    width: 31%;
}

.footer-info:nth-child(3) {
    width: 41%;
}

.footer-info:nth-child(4) {
    width: 45%;
}

.footer-logo-info img {
    width:60%;
}

.footer-logo-info p {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #4D4D4D;
    padding: 40px 0px;
}

.footer-social-icons {
    display: flex;
    font-size: 24px;
    gap: 30px;
}

.footer-social-icons a {
    color: #000;
}

.footer-social-icons a:hover,
ul.footer-links li:hover a,
.footer-contact-info h6 a:hover,
.sub-footer a:hover {
    transition: all 0.5s ease-in-out;
    color: #bd9a66;
}

.footer-text-info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 31px;
}

ul.footer-links,
.footer-contact-info,
.footer-mail-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

ul.footer-links li a {
    color: #4D4D4D;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.footer-contact-info h6,
.footer-contact-info h6 a {
    color: #4D4D4D;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.footer-mail-info {
    gap: 20px;
}

.footer-mail-info p {
    color: #4D4D4D;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}

.footer-mailbox {
    display: flex;
    align-items: center;
    position: relative;
}

.footer-mailbox input {
    display: flex;
    position: relative;
    width: 100%;
    color: #bd9a66;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 0px 0px 10px;
    border: 0;
    border-bottom: 1px solid #000;
    transition: all 0.5s ease;
}

.footer-mailbox input:focus-visible {
    outline: auto 1px;
    padding: 5px 10px 5px 10px;
}

.footer-mailbox svg {
    position: absolute;
    right: 0;
}

.sub-footer,
.sub-footer p,
.sub-footer a {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    line-height: normal;
}

.sub-footer-info {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.sub-footer-info {
    display: flex;
    justify-content: space-between;
}

/* ===================================== 12 Scroll To Top Button ===================================== */
.scrollToTopBtn {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 48px;
    width: 48px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    overflow: hidden;
    opacity: 0;
    transform: translateY(100px);
    transition: all .5s ease;
    animation: scrolltop 2s infinite;
}

.scrollToTopBtn img {
    transform: translateY(0px) rotateZ(-90deg);
}

.showBtn {
    opacity: 1;
    transform: translateY(0)
}