/****************************************
Template Name: Hego - Multi-Purpose Agency HTML Template.
Author: ThemeLab-Portfolio 
Author Email: themelab.bd@gmail.com
Version: 1.0
Description: Hego is a cutting-edge HTML agency template that is responsive and multipurpose. Both HTML5 and Bootstrap 5 are included. We used a contemporary, component-based, and developer-friendly design. It has an HTML template that loads more quickly and a contemporary design. It has the following possible pages: Creative Agency, Digital Marketing, Design Studio, Digital Agency, Business Agency, Studio Agency, and any additional necessary inner or detail pages.

===================================
CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 01
03. HOME PAGE 02 
04. HOME PAGE 03
05. SERVICES DETAILS
06. TEAM DETAILS
07. PORTFOLIO DETAILS
08. PRICING
09. CHECKOUT
10. CONTACT US
11. BLOG DETAILS
12. FAQ PAGE
13. ERROR
14. PRIVACY POLICY
14. SIGN IN
**********************************/

/*==================================
    GLOBAL CSS START
==================================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap');

* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: var(--colorBlack);
}

p,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: var(--paraColor);
    letter-spacing: -0.32px;
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--bodyFont);
}

img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #E4E7E9;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

:root {
    --colorPrimary: #FEDD00;
    --colorRed: #DF1839;
    --colorGreen: #219653;
    --colorBlue: #3D33A7;
    --colorYellowLight: #DDFE55;
    --colorBlack: #111013;
    --colorWhite: #ffffff;
    --ratingColor: #FFB21D;
    --lightBg: #eef9ff;
    --paraColor: #736767;
    --borderColor: #2527291f;
    --bodyFont: "Space Grotesk", sans-serif;
    --paraFont: "Inter", sans-serif;
    --boxShadow: 0px 30px 60px 0px rgba(17, 17, 17, 0.08);
    --gradiantColor: linear-gradient(270deg, rgba(65, 36, 243, 0.14) 0%, rgba(255, 143, 251, 0.14) 100%);
}

/* COMMON BUTTON START */
.common_btn {
    color: var(--colorBlack);
    background: var(--lightBg);
    text-align: center;
    padding: 13px 30px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: capitalize;
}

.common_btn i {
    font-size: 15px;
    margin-left: 5px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}

.common_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    background: var(--colorPrimary);
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.common_btn:hover::after {
    height: 100%;
}

/* COMMON BUTTON END */
.title {
    color: var(--colorBlack);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* SLIDER ARROW START */
.nextArrow,
.prevArrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    border: 1px solid #ddd;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 1;
}

.nextArrow,
.nextArrow:hover,
.prevArrow:hover {
    background: var(--colorBlack);
    border-color: var(--colorBlack);
    color: var(--colorWhite);
}

/* SLIDER ARROW END */

/* SECTION HEADING START */
.section_heading h2 {
    color: var(--colorBlack);
    font-size: 60px;
    font-weight: 700;
}

.section_heading h2 span {
    color: var(--colorBlack);
    font-size: 13px;
    font-weight: 500;
}

.section_heading_2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--borderColor);
}

/* SECTION HEADING END */

/* BREADCRUMB START */
.breadcrumb {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: 0;
}

.breadcrumb_text {
    padding: 165px 0px 100px 0px;
    text-align: center;
}

.breadcrumb_text h1 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 15px;
}

.breadcrumb_text ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: var(--colorPrimary);
    gap: 10px 30px;
    padding: 12px 30px 8px 50px;
    position: relative;
}

.breadcrumb_text ul::after {
    position: absolute;
    content: "\f015";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 15px;
    top: 11px;
    left: 25px;
}

.breadcrumb_text ul li,
.breadcrumb_text ul li a {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--colorBlack);
    top: 8px;
    right: -19px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.breadcrumb_text ul li:last-child {
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* BREADCRUMB END */

/* PAGINATION START */
.pagination_area ul {
    gap: 10px;
}

.pagination_area ul li a {
    font-size: 16px;
    font-family: var(--paraColor);
    font-weight: 500;
    padding: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: var(--colorBlack);
    line-height: 50px;
    border-radius: 0px !important;
    background: var(--colorWhite);
    border: 1px solid var(--borderColor);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.pagination_area ul li a:hover,
.pagination_area ul li a.active {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorBlack);
}

/* PAGINATION END */
/*=========================
    GLOBAL CSS END
=========================*/

/*=========================
    HOME PAGE 01 START
=========================*/
/* MENU START */
.main_menu {
    position: fixed;
    width: 100%;
    height: 80px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #ffffff20;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 999;
}

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

.main_menu .navbar-nav {
    line-height: 80px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0px 22px;
    text-transform: capitalize;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    position: relative;
    top: 2px;
    left: 2px;
}

.main_menu .navbar-nav .nav-item:hover .nav-link,
.main_menu .navbar-nav .nav-item .nav-link.active {
    color: var(--colorPrimary);
}

.main_menu .menu_right_btn li a {
    background: var(--colorWhite);
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--paraFont);
    padding: 8px 30px 10px 30px;
}

.main_menu .menu_right_btn li a span {
    display: inline-block;
    width: 18px;
    margin-right: 5px;
}

.main_menu .droap_menu {
    position: absolute;
    background: var(--colorWhite);
    width: 220px;
    top: 120%;
    left: 0px;
    line-height: 40px;
    padding: 10px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    opacity: 0;
    visibility: hidden;
    max-height: 450px;
    overflow: hidden auto;
    z-index: 9;
    transition: all 0.15s linear 0s;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -ms-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
}

.main_menu .droap_menu::-webkit-scrollbar {
    background: var(--lightBg);
    width: 3px;
    height: 30px;
}

.main_menu .droap_menu::-webkit-scrollbar-thumb {
    background: var(--colorBlue);
}

.main_menu .droap_menu li a {
    display: block;
    padding: 2px 20px;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    opacity: 0.8;
    text-transform: capitalize;
}

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
    padding-left: 25px;
    opacity: 1;
}

.main_menu .droap_menu li a::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 1px;
    background: var(--colorBlack);
    top: 50%;
    left: -5px;
    opacity: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.main_menu .droap_menu li a:hover::after,
.main_menu .droap_menu li a.active::after {
    opacity: 1;
    left: 0px;
}

.main_menu .nav-item:hover .droap_menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.main_menu.menu_fix {
    background: var(--colorBlack);
    border: none;
    animation: menu_animate 1.5s;
    -webkit-animation: menu_animate 1.5s;
}

@keyframes menu_animate {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

/* for small device start */
.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    padding: 0;
    color: var(--colorBlack);
    font-size: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    box-shadow: none !important;
    border-radius: 0;
}

.navbar-toggler .close_icon {
    display: none;
}

.navbar-toggler.show .bar_icon {
    display: none;
}

.navbar-toggler.show .close_icon {
    display: inline-block;
}

/* for small device end */
/* MENU END */

/* BANNER START */
.banner {
    height: 100vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.banner div {
    height: 100%;
}

.banner .banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-top: 60px;
}

.banner .banner_text h1 {
    color: var(--colorWhite);
    font-size: 110px;
    font-weight: 700;
    line-height: 124px;
}

.banner .banner_text p {
    color: var(--colorWhite);
    opacity: .7;
    margin-top: 10px;
    margin-bottom: 50px;
}

.banner .banner_text a {
    background: var(--colorPrimary);
}

.banner .banner_text a::after {
    background: var(--colorWhite);
}

.banner .banner_text i {
    font-size: 13px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.banner .banner_img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

.banner .banner_img .img {
    height: 560px;
    margin-top: 70px;
}

/* BANNER END */

/* SERVICES START */
.single_services {
    margin-top: 25px;
    padding: 40px 25px;
    text-align: center;
    position: relative;
    background: var(--colorWhite);
    border: 1px solid var(--borderColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_services .icon {
    width: 80px;
    height: 80px;
    border: 1px solid var(--borderColor);
    border-radius: 50%;
    padding: 18px;
    margin: 0 auto;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_services a {
    text-align: center;
    margin-top: 25px;
}

.single_services p {
    color: var(--colorBlack);
    text-align: center;
    opacity: .6;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.single_services::after {
    position: absolute;
    content: "";
    background: url(../images/gradiant_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 75px;
    bottom: 0;
    left: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_services:hover {
    border-color: var(--colorWhite);
    box-shadow: var(--boxShadow);
}

.single_services:hover::after {
    width: 35px;
    height: 105px;
}

.single_services:hover .icon {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.single_services:hover .icon img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(17%) saturate(0%) hue-rotate(24deg) brightness(107%) contrast(102%);
}

/* SERVICES END */

/* FAQ START */
.faq_img {
    position: relative;
    padding-bottom: 70px;
}

.faq_img .img_1 {
    width: 470px;
    height: 570px;
    overflow: hidden;
}

.faq_img .img_2 {
    width: 330px;
    height: 470px;
    position: absolute;
    bottom: 0;
    right: 25px;
}

.accordian_area .accordion-item {
    border: none;
    border-bottom: 1px solid var(--borderColor);
    padding-top: 20px;
    border-radius: 0;
}

.accordian_area .accordion-header button {
    padding: 0;
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 700;
    border: none !important;
    outline: none;
    background: none;
    padding-bottom: 20px;
    border-radius: 0;
    box-shadow: none !important;
    padding-right: 50px;
}

.accordian_area .accordion-body {
    padding: 20px 0px 0px 0px;
    border-top: 1px solid var(--borderColor);
}

.accordian_area .accordion-body p {
    padding-bottom: 20px;
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    opacity: .9;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button::after {
    background-image: url(../images/plus_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* FAQ END */

/* PORTFOLIO START */
.filter_btn {
    gap: 10px 35px;
}

.filter_btn button {
    color: var(--colorBlack);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    background: none;
    opacity: .9;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.filter_btn button::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorBlack);
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.filter_btn button:hover,
.filter_btn button.active {
    opacity: 1;
}

.filter_btn button:hover::after,
.filter_btn button.active::after {
    opacity: 1;
}

.single_portfolio {
    margin-top: 25px;
}

.single_portfolio .img {
    display: block;
    height: 260px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.single_portfolio .img span {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: var(--colorPrimary);
    color: var(--colorBlack);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 9;
    opacity: 0;
}

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

.single_portfolio p {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.3px;
}

.single_portfolio:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.single_portfolio:hover .img span {
    opacity: 1;
}

/* PORTFOLIO END */

/* TEXT SLIDER START */
.text_slider {
    background: var(--colorBlack);
    padding: 40px 0px;
    overflow: hidden;
}

.text_slider .marquee_animi ul {
    gap: 100px;
}

.text_slider .marquee_animi ul li {
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--colorWhite);
    position: relative;
}

.text_slider .marquee_animi ul li:nth-child(2),
.text_slider .marquee_animi ul li:nth-child(4),
.text_slider .marquee_animi ul li:nth-child(6),
.text_slider .marquee_animi ul li:nth-child(8),
.text_slider .marquee_animi ul li:nth-child(10),
.text_slider .marquee_animi ul li:nth-child(12),
.text_slider .marquee_animi ul li:nth-child(14),
.text_slider .marquee_animi ul li:nth-child(16),
.text_slider .marquee_animi ul li:nth-child(18),
.text_slider .marquee_animi ul li:nth-child(20) {
    color: var(--colorBlack);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--colorWhite);
}

.text_slider .marquee_animi ul li::after {
    position: absolute;
    content: "";
    background: url(../images/brand_star.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    top: 15px;
    left: -65px;
    z-index: 1;
}

/* TEXT SLIDER END */

/* ABOUT START */
.about {
    background: var(--gradiantColor);
    position: relative;
    overflow: hidden;
}

.about_text {
    position: relative;
}

.about_text::after {
    position: absolute;
    content: "";
    background: url(../images/gradiant_shapes_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 165px;
    height: 250px;
    bottom: -150px;
    left: -115px;
    z-index: 1;
    transform: rotate(145deg);
    -webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    animation: about_animi linear .7s infinite alternate;
    -webkit-animation: about_animi linear .7s infinite alternate;
}

@keyframes about_animi {
    from {
        left: -125px;
    }

    to {
        left: -115px;
    }
}

.about_text p {
    font-size: 20px;
}

.about_text .about_video {
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.about_text .about_video a {
    display: block;
    width: 60px;
    height: 60px;
    padding: 23px;
    line-height: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    background: var(--colorPrimary);
}

.about_text .about_video a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px dotted var(--colorBlack);
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: about_animi_2 linear 13s infinite;
    -webkit-animation: about_animi_2 linear 13s infinite;
}

@keyframes about_animi_2 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.about_text .about_video span {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.3px;
}

.about_img {
    height: 525px;
}

/* ABOUT END */

/* TESTIMONIAL START */
.testimonial {
    overflow: hidden;
}

.single_testimonial_bg {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 100px 70px;
    position: relative;
}

.single_testimonial_bg::after {
    position: absolute;
    content: "";
    background: url(../images/gradiant_shapes_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 300px;
    height: 455px;
    top: 50%;
    right: -170px;
    z-index: -1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single_testimonial {
    margin: 0px 12px;
}

.single_testimonial .rating {
    background: var(--colorPrimary);
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    color: var(--colorBlack);
}

.single_testimonial .client_text {
    color: var(--colorWhite);
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    opacity: .8;
    margin-top: 25px;
    margin-bottom: 35px;
}

.single_testimonial h4 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 25px;
}

.single_testimonial h4 span {
    padding-left: 15px;
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
    opacity: .7;
    margin-left: 10px;
    position: relative;
}

.single_testimonial h4 span::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorWhite);
    opacity: .7;
    top: 7px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial .slick-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 50px;
}

.testimonial .slick-dots li button {
    width: 25px;
    height: 25px;
    background: transparent;
    font-size: 0;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial .slick-dots li button::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #ffffff14;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial .slick-dots li.slick-active button {
    background: var(--colorPrimary);
}

.testimonial .slick-dots li.slick-active button::before {
    opacity: 1;
    width: 6px;
    height: 6px;
    background: var(--colorBlack);
}

.testimonial_text {
    padding-left: 55px;
    position: relative;
    z-index: 1;
}

.testimonial_text a {
    background: var(--colorPrimary);
}

.testimonial_text a i {
    font-size: 13px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.testimonial_text a::after {
    background: var(--colorBlack);
}

.testimonial_text a:hover {
    color: var(--colorWhite);
}

/* TESTIMONIAL END */

/* COUNTER START */
.counter ul {
    padding: 40px 0px;
    background: var(--gradiantColor);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.counter ul li {
    width: 33.33%;
    border-right: 1px solid #11101315;
}

.counter ul li:last-child {
    border: none;
}

.counter ul li h3 {
    margin-top: 3px;
}

.counter ul li h3,
.counter ul li h3 span {
    color: var(--colorBlack);
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -2px;
}

.counter ul li p {
    text-align: center;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 13px;
}

/* COUNTER END */

/* CALL TO ACTION START */
.call_to_action_img {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 570px;
}

.call_to_action_img div {
    height: 100%;
}

.call_to_action_img_overlay {
    background: #111013b0;
}

.call_to_action_text {
    position: relative;
}

.call_to_action_text .text {
    height: auto;
    width: 410px;
    position: absolute;
    top: -48px;
    right: 0;
    box-shadow: 0px 20px 30px 0px rgba(17, 16, 19, 0.30);
    background: var(--colorWhite);
}

.call_to_action_text .text a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.call_to_action_text .text a i {
    position: relative;
    top: 2px;
    font-size: 13px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.call_to_action_text .text ul {
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 30px;
}

.call_to_action_text .text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 55px;
    position: relative;
}

.call_to_action_text .text ul li .icon {
    width: 45px;
    height: 45px;
    line-height: 17px;
    background: var(--colorYellowLight);
    border-radius: 50%;
    padding: 12px;
    position: absolute;
    top: 0;
    left: 0;
}

.call_to_action_text .text ul li span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.26px;
    display: block;
    width: 100%;
}

.call_to_action_text .text ul li a,
.call_to_action_text .text ul li p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.call_to_action_text .text ul li a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* CALL TO ACTION END */

/* BLOG START */
.single_blog {
    margin-top: 25px;
    background: var(--colorWhite);
}

.single_blog_img {
    height: 310px;
    position: relative;
    overflow: hidden;
}

.single_blog_img .category {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--colorBlack);
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
    padding: 2px 17px 4px 17px;
}

.single_blog_text {
    padding-top: 25px;
}

.single_blog_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.single_blog_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    background: var(--colorPrimary);
    padding: 5px 15px 3px 15px;
    text-transform: capitalize;
}

.single_blog_text ul li span {
    display: block;
    width: 16px;
    margin-right: 8px;
    margin-top: -3px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7413%) hue-rotate(290deg) brightness(97%) contrast(101%);
}

.single_blog_text ul li:last-child {
    background: var(--lightBg);
}

.single_blog_text .read_btn {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    margin-top: 25px;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.single_blog_text .read_btn i {
    font-size: 15px;
    margin-left: 5px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_text .read_btn:hover i {
    margin-left: 10px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.single_blog:hover .single_blog_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* BLOG END */

/* FOOTER START */
footer {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.footer_mailbox {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 45px 100px;
    position: relative;
    top: -95px;
}

.footer_mailbox h2 {
    font-size: 40px;
    font-weight: 700;
}

.footer_mailbox .mail {
    position: relative;
    padding-left: 100px;
}

.footer_mailbox .mail .icon {
    width: 80px;
    height: 80px;
    background: var(--colorPrimary);
    padding: 19px;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    left: 0;
}

.footer_mailbox .mail p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.32px;
}

.footer_mailbox .mail a {
    color: var(--colorBlack);
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-decoration-line: underline;
    text-underline-offset: 5px;
}

.footer_mailbox .mail a:hover {
    text-decoration: none;
}

.footer_info .footer_logo {
    display: block;
    width: 220px;
}

.footer_info p {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: .7;
    margin-top: 30px;
    margin-bottom: 45px;
}

.footer_info ul {
    gap: 10px;
}

.footer_info ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgb(255 255 255 / 18%);
    color: var(--colorWhite);
    opacity: .6;
}

.footer_info ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorBlack);
    border-color: var(--colorPrimary);
    opacity: 1;
}

.footer_link h4,
.footer_subscription h4,
.footer_gallery h4 {
    color: var(--colorWhite);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer_link ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    opacity: .7;
    display: inline-block;
    margin-top: 20px;
    position: relative;
    text-transform: capitalize;
}

.footer_link ul li a::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform-origin: right top;
    transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -webkit-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -moz-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -ms-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -o-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
}

.footer_link ul li a:hover::before {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform-origin: left top;
}

.footer_link ul li a:hover {
    color: var(--colorYellowLight);
    opacity: 1;
}

.footer_subscription ul {
    overflow: hidden;
}

.footer_subscription ul li {
    position: relative;
    padding-left: 35px;
    margin-top: 25px;
}

.footer_subscription ul li span {
    display: block;
    width: 25px;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(149deg) brightness(103%) contrast(105%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(149deg) brightness(103%) contrast(105%);
}

.footer_subscription ul li p,
.footer_subscription ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    opacity: .7;
}

.footer_subscription ul li a:hover {
    color: var(--colorPrimary);
    opacity: 1;
}

.footer_subscription form {
    position: relative;
    margin-top: 50px;
}

.footer_subscription form input {
    border: none;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.20);
    padding: 15px 20px 15px 20px;
    color: var(--colorWhite);
}

.footer_subscription form input::placeholder {
    color: var(--colorWhite);
    opacity: .7;
}

.footer_subscription form button {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorBlack);
    border: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding-right: 2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.footer_subscription form button:hover {
    background: var(--colorWhite);
}

.footer_subscription p {
    margin-top: 20px;
    color: var(--colorWhite);
    opacity: .7;
}

.footer_copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding: 20px 0px;
}

.footer_copyright p span,
.footer_copyright p a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    opacity: .7;
}

.footer_copyright p a {
    opacity: 1;
    color: var(--colorPrimary);
}

.footer_copyright ul li a {
    color: var(--colorWhite);
    opacity: .6;
    font-size: 16px;
    font-weight: 400;
    border-right: 1px solid #fff;
    padding-right: 30px;
    margin-right: 30px;
    line-height: 22px;
}

.footer_copyright ul li:last-child a {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer_copyright ul li a:hover {
    color: var(--colorPrimary);
    opacity: 1;
}

/* FOOTER END */
/*==========================
    HOME PAGE 01 END
==========================*/

/*==========================
    HOME PAGE 02 START
==========================*/
.home_2 p,
.home_2 span {
    font-family: var(--paraFont);
}

.home_2 .common_btn::after {
    background: var(--colorYellowLight);
}

.home_2 .navbar-toggler {
    background: var(--colorYellowLight);
}

/* MENU 2 START */
.main_menu_2 .menu_right_btn li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.main_menu_2 .menu_right_btn li span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: var(--colorYellowLight);
    padding: 9px;
    line-height: 22px;
}

.main_menu_2 .menu_right_btn li a {
    padding: 10px 17px;
}

.main_menu_2 .navbar-nav .nav-item:hover .nav-link,
.main_menu_2 .navbar-nav .nav-item .nav-link.active {
    color: var(--colorYellowLight);
}

/* MENU 2 END */

/* BANNER 2 START */
.banner_2 .banner_text h1,
.banner_2 .banner_text h1 span {
    font-size: 80px;
    line-height: 90px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.banner_2 .banner_text h1 span {
    background: #9D98FE;
    color: var(--colorBlack);
    padding: 0px 25px 5px 25px;
    border-radius: 6px;
}

.banner_2 .banner_text h1::after {
    position: absolute;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 120px;
    top: -30px;
    left: -55px;
    z-index: -1;
    opacity: .15;
}

.banner_2 .banner_text p {
    font-size: 15px;
    margin-top: 20px;
    max-width: 88%;
}

.banner_2 .banner_text a {
    background: var(--colorYellowLight);
}

.banner_2 .banner_img {
    align-items: end;
    position: relative;
}

.banner_2 .banner_img .img {
    height: 680px;
    margin-bottom: 40px;
}

.banner_2 .banner_img .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: var(--colorYellowLight);
    padding: 40px 50px 35px 50px;
}

.banner_2 .banner_img .text h4 {
    color: var(--colorBlack);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.banner_2 .banner_img .text p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.3px;
    opacity: .8;
}

/* BANNER 2 END */

/* SERVICES 2 START */
.services_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.services_2 .sponsor {
    border-bottom: 1px solid rgba(17, 17, 17, 0.10);
    overflow: hidden;
    padding: 70px 0px;
}

.services_2 .marquee_animi ul {
    gap: 100px;
}

.services_2 .marquee_animi ul li {
    width: 150px;
}

.single_services_2 {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    padding: 80px 60px;
    margin-top: 25px;
    border-top: 2px solid var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
}

.single_services_2::after {
    position: absolute;
    content: "";
    background: url(../images/gradiant_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 175px;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_services_2 .icon {
    width: 60px;
    height: 60px;
}

.single_services_2 .title {
    font-size: 24px;
    margin-top: 45px;
}

.single_services_2 p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.3px;
    margin-top: 10px;
    margin-bottom: 45px;
}

.single_services_2:hover,
.single_services_2.active {
    border-color: #F234A6;
}

.single_services_2:hover:after,
.single_services_2.active::after {
    opacity: 1;
}

.single_services_2.active .common_btn {
    background: var(--colorYellowLight);
}

/* SERVICES 2 END */

/* ABOUT 2 START */
.about_2 {
    overflow: hidden;
}

.about_2_img {
    position: relative;
    z-index: 1;
}

.about_2_img::after {
    position: absolute;
    content: "";
    background: url(../images/icons/about_2_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 635px;
    height: 700px;
    top: -85px;
    left: -40px;
    z-index: -1;
    animation: about_2_animi_1 linear 3s infinite alternate;
    -webkit-animation: about_2_animi_1 linear 3s infinite alternate;
}

@keyframes about_2_animi_1 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }
}

.about_2_img::before {
    position: absolute;
    content: "";
    background: url(../images/icons/about_2_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 700px;
    height: 470px;
    top: 0;
    left: -110px;
    z-index: -1;
    animation: about_2_animi_2 linear 5s infinite alternate;
    -webkit-animation: about_2_animi_2 linear 5s infinite alternate;
}

@keyframes about_2_animi_2 {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
    }
}

.about_2_img .img {
    width: 520px;
    height: 500px;
    overflow: hidden;
}

.about_2_img .text {
    position: absolute;
    bottom: 0;
    right: 90px;
    width: auto;
    height: auto;
    background: var(--colorYellowLight);
    text-align: center;
    padding: 35px 50px 45px 50px;
}

.about_2_img .text h2 {
    text-align: center;
    font-size: 180px;
    font-weight: 700;
    letter-spacing: -3.6px;
    position: relative;
    display: inline-block;
    line-height: 170px;
}

.about_2_img .text h2 span {
    position: absolute;
    top: -65px;
    right: -10px;
    font-size: 40px;
    font-weight: 700;
    color: var(--colorBlack);
}

.about_2_img .text P {
    text-align: center;
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 500;
    max-width: 200px;
    margin: 0 auto;
}

.about_2_img .bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-left: 15px;
    margin-top: 25px;
}

.about_2_img .bottom ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about_2_img .bottom ul li {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -15px;
    border: 1px solid var(--colorWhite);
}

.about_2_img .bottom span {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 600;
    max-width: 95px;
    line-height: 17px;
}

.about_2_text .top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    position: relative;
}

.about_2_text .top::after {
    position: absolute;
    content: "";
    background: url(../images/about_2_arrow_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 35px;
    top: 60px;
    left: -130px;
    z-index: 9;
}

.about_2_text .top span {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
}

.about_2_text .top p b {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
}

.about_2_text .about_description {
    margin-top: 10px;
    margin-bottom: 40px;
}

.about_2_text a {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.about_2_text a:hover {
    color: var(--colorBlack);
}

/* ABOUT 2 END */

/* COUNTER 2 START */
.counter_2 ul {
    background: url(../images/icons/footer_mail_bg.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.counter_2 p {
    font-family: var(--bodyFont);
    font-weight: 700 !important;
}

/* COUNTER 2 END */

/* CASE STUDIES START */
.case_studies {
    background: var(--lightBg);
    position: relative;
    padding: 0px 25px;
}

.case_studies::before {
    position: absolute;
    content: "";
    background: url(../images/case_studies_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 70px;
    height: 130px;
    top: 0;
    left: 0;
}

.case_studies::after {
    position: absolute;
    content: "";
    background: url(../images/case_studies_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 250px;
    height: 60px;
    top: 0;
    right: 0;
}

.single_case_studies {
    margin: 0px 12px;
    position: relative;
    height: 570px;
    overflow: hidden;
}

.single_case_studies .text {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    padding: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.single_case_studies .text_bg {
    background: var(--colorWhite);
    padding: 20px 25px;
    position: relative;
    box-shadow: 0px 10px 70px 0px rgba(17, 17, 17, 0.10);
}

.single_case_studies .text p {
    font-family: var(--paraFont);
    font-size: 15px;
    margin-bottom: 5px;
}

.single_case_studies .text span {
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ddd;
    color: var(--colorBlack);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_case_studies .text:hover span {
    background: var(--colorYellowLight);
    border-color: var(--colorYellowLight);
}

.single_case_studies:hover .text {
    opacity: 1;
    bottom: 0;
}

.case_studies .nextArrow,
.case_studies .prevArrow {
    top: -100px;
    right: 316px;
}

.case_studies .prevArrow {
    right: 366px;
}

.case_studies_contact_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.case_studies_contact_text .icon {
    width: 40px;
}

.case_studies_contact_text p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--bodyFont);
}

.case_studies_contact_text a {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 5px;
    font-family: var(--bodyFont);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.case_studies_contact_text a:hover {
    text-decoration: none;
}

.single_case_studies:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* CASE STUDIES END */

/* AWARDS START */
.awards {
    overflow: hidden;
}

.awar_text {
    position: relative;
    padding-right: 55px;
}

.awar_text::after {
    position: absolute;
    content: "Awards!";
    color: var(--colorBlack);
    font-family: var(--bodyFont);
    font-size: 140px;
    font-weight: 700;
    bottom: -190px;
    left: -150px;
    opacity: .1;
}

.awar_text p {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 15px;
    line-height: 24px;
    opacity: .8;
    margin-bottom: 40px;
}

.awar_text a {
    background: var(--colorYellowLight);
}

.awar_text a:hover {
    color: var(--colorWhite);
}

.awar_text a:hover::after {
    background: var(--colorBlack);
}

.awards_list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}

.awards_list ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--colorBlack);
    padding: 25px 35px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.awards_list ul li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--bodyFont);
}

.awards_list ul li p,
.awards_list ul li p b {
    font-family: var(--bodyFont);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.awards_list ul li p b {
    color: var(--colorBlack);
}

.awards_list ul li:hover,
.awards_list ul li:first-child {
    background: var(--lightBg);
    border-color: var(--lightBg);
}

/* AWARDS END */

/* TEAM START */
.single_team {
    margin-top: 25px;
}

.single_team_img {
    height: 345px;
    position: relative;
    overflow: hidden;
}

.single_team_img ul {
    position: absolute;
    bottom: 10px;
    right: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
    z-index: 2;
}

.single_team_img ul li a {
    display: block;
    width: 45px;
    height: 45px;
    background: var(--colorWhite);
    line-height: 45px;
    text-align: center;
    color: var(--colorBlack);
    margin-bottom: 6px;
}

.single_team_img ul li a:hover {
    background: var(--colorYellowLight);
}

.single_team_text {
    background: var(--colorBlack);
    padding: 18px 20px 20px 20px;
}

.single_team_text {
    position: relative;
}

.single_team_text .share_icon {
    position: absolute;
    top: -35px;
    right: 20px;
    display: block;
    width: 45px;
    height: 45px;
    background: var(--colorYellowLight);
    line-height: 45px;
    text-align: center;
    color: var(--colorBlack);
    z-index: 9;
}

.single_team_text .title {
    color: var(--colorWhite);
    text-align: center;
}

.single_team_text p {
    color: var(--colorWhite);
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    opacity: .8;
    margin-top: 5px;
}

.single_team:hover .single_team_img ul {
    opacity: 1;
    bottom: 35px;
}

.single_team:hover .single_team_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* TEAM END */

/* TESTIMONIAL START */
.testimonial_2 {
    background: url(../images/service_2_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.client_feedback_text_right {
    color: var(--colorBlack);
    font-family: var(--bodyFont) !important;
    font-size: 22px;
    font-weight: 700;
    display: inline;
    float: right;
    border-bottom: 1px solid var(--colorBlack);
    margin-bottom: 10px;
}

.testimonial_item_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
    margin-top: 60px;
    padding-left: 12px;
}

.testimonial_item_title::after {
    position: absolute;
    content: "";
    background: url(../images/testi_quot_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 101px;
    height: 81px;
    top: -10px;
    left: 185px;
}

.testimonial_item_title h4 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.testimonial_item_title p {
    font-weight: 500;
    text-align: center;
}

.testimonial_description_2 {
    border-top: 1px solid var(--borderColor);
    padding-top: 50px;
    padding-left: 70px;
    position: relative;
}

.testimonial_description_2::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 80%;
    background: var(--borderColor);
    bottom: 0;
    left: 0;
}

.testimonial_description_2 span {
    color: var(--ratingColor);
    display: block;
}

.testimonial_description_2 p {
    font-size: 20px;
    line-height: 34px;
    margin-top: 10px;
    padding-bottom: 30px;
}

.testimonial_2_img_area {
    width: 235px;
    overflow: hidden;
    margin-left: 2px;
    height: 80px;
    padding-left: 12px;
    margin-top: -80px;
}

.testimonial_2_img_item {
    cursor: pointer;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial_2_img_item img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_2 .slick-current .testimonial_2_img_item {
    width: 80px;
    height: 80px;
    margin-left: -10px;
    margin-top: 0;
}

.testimonial_2 .slick-dots {
    position: absolute;
    bottom: 5px;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

.testimonial_2 .slick-dots li button {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: rgba(3, 26, 38, 0.24);
    font-size: 0;
    margin: 0px 18px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.testimonial_2 .slick-dots li button::after {
    position: absolute;
    content: "";
    background: url(../images/testi_dot_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 41px;
    top: -17px;
    left: -17px;
    opacity: 0;
    filter: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(2975%) hue-rotate(38deg) brightness(91%) contrast(96%);
}

.testimonial_2 .slick-dots .slick-active button {
    background: var(--colorBlack);
}

.testimonial_2 .slick-dots .slick-active button::after {
    opacity: 1;
}

/* TESTIMONIAL 2 END */

/* BLOG 2 START */
.single_blog_2 {
    margin-top: 25px;
}

.blog_img_2 {
    display: block;
    height: 260px;
    overflow: hidden;
}

.blog_text_2 {
    margin-top: -50px;
    padding: 30px;
    background: var(--colorWhite);
    filter: drop-shadow(0px 24px 60px rgba(3, 26, 38, 0.14));
    width: 90%;
    margin-left: 5%;
}

.blog_text_2 ul {
    margin-bottom: 15px;
}

.blog_text_2 ul li {
    font-size: 15px;
    font-weight: 400;
    margin-right: 20px;
    color: var(--colorBlack);
    opacity: .8;
}

.blog_text_2 ul li span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
}

.single_blog_2:hover .blog_img_2 img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* BLOG 2 END */

/* FOOTER 2 START */
.footer_2 .footer_info ul li a {
    opacity: 1;
}

.footer_2 .footer_subscription form input {
    background: transparent;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.footer_2 .footer_subscription form button {
    background: var(--colorYellowLight);
}

.footer_2 .footer_copyright ul li a:hover,
.footer_copyright p a {
    color: var(--colorYellowLight);
}

.footer_2 .footer_copyright ul li a {
    border-right: 0;
    position: relative;
    padding-right: 20px;
    margin-right: 20px;
}

.footer_2 .footer_copyright ul li a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorWhite);
    opacity: .6;
    top: 9px;
    right: -3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_2 .footer_copyright ul li:last-child a::after {
    display: none;
}

/* FOOTER 2 END */
/*===========================
    HOME PAGE 02 END
===========================*/

/*===========================
    HOME PAGE 03 START
===========================*/
.home_3 {
    background: var(--lightBg);
}

.home_3 .common_btn {
    background: var(--colorBlue);
    color: var(--colorWhite);
    border-radius: 100px;
}

.home_3 .common_btn:hover {
    color: var(--colorWhite);
}

.home_3 .common_btn::after {
    background: var(--colorBlack);
}

/* MENU 3 START */
.main_menu_3 {
    border: none;
}

.main_menu_3 .navbar-nav {
    line-height: 45px;
    padding: 0px 10px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.10);
}

.main_menu_3 .menu_right_btn li a {
    border-radius: 100px;
}

.main_menu_3 .menu_right_btn li a:hover {
    color: var(--colorBlue);
}

.main_menu_3 .droap_menu {
    border-radius: 10px;
}

.main_menu_3 .menu_right_btn li a {
    padding: 10px 20px;
}

.main_menu_3 .menu_right_btn li a span {
    filter: brightness(0) saturate(100%) invert(19%) sepia(67%) saturate(3809%) hue-rotate(242deg) brightness(71%) contrast(89%);
    -webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(67%) saturate(3809%) hue-rotate(242deg) brightness(71%) contrast(89%);
}

.main_menu_3 .droap_menu li a:hover,
.main_menu_3 .droap_menu li a.active {
    color: var(--colorBlue);
}

.main_menu_3.menu_fix {
    background: var(--colorBlue);
    border-bottom: 1px solid #ffffff20;
}

.main_menu_3.menu_fix .navbar-nav {
    line-height: 80px;
    padding: 0px;
    background: none;
}

.main_menu_3 .navbar-nav .nav-item:hover .nav-link,
.main_menu_3 .navbar-nav .nav-item .nav-link.active {
    color: var(--colorWhite);
}

/* MENU 3 END */

/* BANNER 3 START */
.banner_3 {
    padding-top: 210px;
    height: 95vh;
    background: var(--colorBlack);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.banner_3::after {
    position: absolute;
    content: "";
    background: url(../images/banner_3_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: banner_3_animi linear 2s infinite alternate;
    -webkit-animation: banner_3_animi linear 2s infinite alternate;
}

@keyframes banner_3_animi {
    from {
        transform: scale(1.02) rotate(0deg);
        -webkit-transform: scale(1.02) rotate(0deg);
        -moz-transform: scale(1.02) rotate(0deg);
        -ms-transform: scale(1.02) rotate(0deg);
        -o-transform: scale(1.02) rotate(0deg);
    }

    to {
        transform: scale(1.07) rotate(2deg);
        -webkit-transform: scale(1.07) rotate(2deg);
        -moz-transform: scale(1.07) rotate(2deg);
        -ms-transform: scale(1.07) rotate(2deg);
        -o-transform: scale(1.07) rotate(2deg);
    }
}

.banner_3 div {
    height: auto;
}

.banner_3 .banner_text_3 h5 {
    color: var(--colorPrimary);
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.36px;
    border-radius: 180px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    padding: 7px 20px;
    margin-bottom: 10px;
}

.banner_3 .banner_text_3 h1 {
    font-size: 88px;
    line-height: 105px;
    margin-bottom: 30px;
}

.banner_3 .banner_text a {
    background: var(--colorBlue);
}

.banner_3 .banner_text a:hover {
    color: var(--colorBlack);
}

.banner_3 .banner_text a::after {
    color: var(--colorWhite);
}

.banner_3_videos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

.banner_3_videos a {
    background: url(../images/banner_3_video_img.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 190px;
    height: 190px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner_3_videos a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--colorRed);
    opacity: .4;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner_3_videos a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(340deg) brightness(106%) contrast(106%);
    width: 30px !important;
    height: 35px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* BANNER 3 END */

/* FUN FACT 3 START */
.fun_fact_3 {
    background: var(--colorBlue);
    position: relative;
    z-index: 2;
}

.fun_fact_3::after {
    position: absolute;
    content: "";
    width: 550px;
    height: 100%;
    background: var(--colorBlue);
    top: 0;
    right: 0;
    z-index: 1;
}

.fun_fact_3_text li {
    padding: 90px 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
    padding-right: 90px;
}

.fun_fact_3_text li:last-child {
    border: none;
    padding-right: 0;
    padding-left: 100px;
}

.fun_fact_3_text li h2 {
    color: var(--colorWhite);
    font-size: 70px;
    font-weight: 700;
    position: relative;
    padding-left: 40px;
    margin-bottom: 7px;
}

.fun_fact_3_text li h2::after {
    position: absolute;
    content: "+";
    width: 100%;
    height: 100%;
    color: var(--colorWhite);
    font-size: 70px;
    font-weight: 700;
    top: 0;
    left: -6px;
}

.fun_fact_3_text li p {
    color: var(--colorWhite);
    font-weight: 500;
    text-transform: uppercase;
    max-width: 140px;
}

.fun_fact_3_img {
    position: relative;
}

.fun_fact_3_img .img {
    width: 590px;
    height: 590px;
    border-radius: 50%;
    overflow: hidden;
    border-top-left-radius: 0;
    position: absolute;
    bottom: -319px;
    left: 80px;
}

.fun_fact_3_img .main_icon {
    display: block;
    width: 150px;
    height: 150px;
    background: var(--colorWhite);
    border-radius: 50%;
    padding: 50px 50px 50px 40px;
    position: absolute;
    bottom: -240px;
    left: 455px;
    z-index: 2;
}

.fun_fact_3_img .main_icon:hover {
    background: var(--colorPrimary);
}

/* FUN FACT 3 END */

/* ABOUT 3 START */
.about_us_3 {
    overflow: hidden;
}

.about_us_3_bg {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
}

.about_us_3_img {
    height: 660px;
}

.about_us_3_text {
    padding: 60px 60px 60px 35px;
}

.about_us_3_text .nav-pills {
    justify-content: space-between;
}

.about_us_3_text .nav-pills .nav-item {
    width: 32%;
}

.about_us_3_text .nav-pills .nav-item button {
    width: 100%;
    color: var(--paraColor);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 180px;
    border: 1px solid rgba(17, 16, 19, 0.14);
    background: rgba(223, 24, 57, 0.00);
}

.about_us_3_text .nav-pills .nav-item button:hover {
    color: var(--colorBlue);
}

.about_us_3_text .nav-pills .nav-item button.active {
    color: var(--colorBlue);
    border-color: var(--colorBlue);
}

.about_3_text_box h1,
.about_3_text_box h2,
.about_3_text_box h3,
.about_3_text_box h4,
.about_3_text_box h5,
.about_3_text_box h6 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.48px;
    margin-top: 25px;
}

.about_3_text_box p {
    margin-top: 25px;
    font-family: var(--paraFont);
    line-height: 26px;
    font-size: 15px;
    font-weight: 400;
}

.about_3_text_box a {
    margin-top: 30px;
}

.about_3_text_box a i {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.about_3_text_box ul,
.about_3_text_box ol {
    margin-top: 25px;
}

.about_3_text_box ul li,
.about_3_text_box ol li {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
}

.about_3_text_box ul li::after,
.about_3_text_box ol li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorBlue);
    top: 8px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* ABOUT 3 END */

/* PORTFOLIO 3 START */
.portfolio_3 {
    overflow: hidden;
}

.portfolio_3 .section_heading h2,
.team_3 .section_heading h2 {
    max-width: 570px;
}

.portfolio_3 .section_heading a,
.team_3 .section_heading a {
    margin-bottom: 15px;
}

.portfolio_item_3 {
    position: relative;
    margin-top: 25px;
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
    height: 580px;
}

.portfolio_item_3 .text {
    background: rgba(17, 16, 19, 0.50);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -40px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    padding: 45px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.portfolio_item_3 .text span {
    position: absolute;
    top: 45px;
    left: 45px;
    color: var(--colorWhite);
    font-size: 80px;
    font-weight: 700;
    line-height: normal;
}

.portfolio_item_3 .text p {
    display: inline-block;
    color: var(--colorBlack);
    background: var(--colorWhite);
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.3px;
    padding: 0px 10px;
}

.portfolio_item_3 .text a {
    background: var(--colorWhite);
    font-size: 28px;
    margin-top: 5px;
    padding: 0px 15px;
}

.portfolio_item_3 .text a:hover {
    text-decoration: none;
    color: var(--colorBlue);
}

.portfolio_item_3:hover .text {
    bottom: 0;
    opacity: 1;
}

/* PORTFOLIO 3 END */

/* PARTNER 3 START */
.partner_3 {
    overflow: hidden;
}

.partner_3_border_area {
    border: 1px solid var(--borderColor);
}

.partner_3_logo_area p {
    color: var(--colorBlack);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 40px 0px;
}

.partner_3_logo_area ul li {
    width: 25%;
    padding: 60px 100px;
    border-top: 1px solid var(--borderColor);
    border-right: 1px solid var(--borderColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.partner_3_logo_area ul li:nth-child(4),
.partner_3_logo_area ul li:nth-child(8) {
    border-right: 0;
}

.partner_3_logo_area ul li:hover {
    transform: scale(1.01);
    background: var(--colorWhite);
    border-color: var(--colorWhite);
    box-shadow: var(--boxShadow);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
}

/* PARTNER 3 END */

/* SERVICES 3 START */
.services_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
}

.single_services_3 {
    background: #071129;
    margin-top: 25px;
}

.single_services_3 h2 {
    background: url(../images/service_3_heading_bg.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--colorWhite);
    font-size: 36px;
    font-weight: 700;
    padding: 40px 50px;
}

.single_services_3 .text {
    padding: 50px 50px 45px 50px;
}

.single_services_3 .text ul {
    margin-bottom: 40px;
}

.single_services_3 .text ul li {
    position: relative;
    color: rgba(255, 255, 255, 0.60);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.32px;
    padding-left: 20px;
}

.single_services_3 .text ul li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.60);
    border-radius: 50%;
    top: 15px;
    left: 0;
}

.single_services_3 .text a {
    background: rgba(255, 255, 255, 0.10);
}

.single_services_3 .text a::after {
    background: var(--colorBlue);
}

.single_services_3 .text a i {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.single_services_3.active .text a {
    background: var(--colorBlue);
}

/* SERVICES 3 END */

/* TESTIMONIAL 3 START */
.testimonial_3 {
    padding-left: 300px;
    overflow: hidden;
}

.testimonial_3 .section_heading h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_testimonial_3 {
    background: var(--colorWhite);
    margin: 0px 12px 10px 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.single_testimonial_3_content {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 40px 30px;
}

.single_testimonial_3_content .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.single_testimonial_3_content .text {
    width: 73%;
}

.single_testimonial_3_content .text span {
    background: var(--ratingColor);
    color: var(--colorWhite);
    padding: 7px 19px;
    border-radius: 35px;
    font-size: 13px;
}

.single_testimonial_3_content .text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 15px;
}

.single_testimonial_3 h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 30px;
    border-top: 1px solid var(--borderColor);
}

.single_testimonial_3 h3 span {
    font-family: var(--paraFont);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
}

.single_testimonial_3 h3 span::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorBlack);
    border-radius: 50%;
    top: 6px;
    left: 4px;
}

.testimonial_3 .nextArrow,
.testimonial_3 .prevArrow {
    top: 205px;
    right: auto;
    left: -480px;
}

.testimonial_3 .prevArrow {
    left: -530px;
}

/* TESTIMONIAL 3 END */

/* FAQ 3 START */
.faq_3 {
    overflow: hidden;
}

.faq_3 .accordian_area .accordion-item {
    background: none;
}

/* FAQ 3 END */

/* TEAM 3 START */
.team_3 {
    overflow: hidden;
}

.single_team_3 {
    position: relative;
    height: 370px;
    overflow: hidden;
    margin-top: 25px;
}

.single_team_3 .text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 30px 30px 25px 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    background: linear-gradient(0deg, rgb(61 51 167 / 81%) 15%, rgb(61 51 167 / 0%) 40%, rgba(61, 51, 167, 0) 100%);
}

.single_team_3 .text a {
    color: var(--colorWhite);
    position: relative;
    z-index: 3;
    margin-bottom: 5px;
}

.single_team_3 .text p {
    color: rgba(255, 255, 255, 0.90);
    position: relative;
    z-index: 3;
}

.single_team_3 ul {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: #3d33a77d;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    opacity: 0;
    visibility: hidden;
}

.single_team_3 ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border: 1px solid transparent;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.single_team_3 ul li a:hover {
    border-color: var(--colorWhite);
}

.single_team_3:hover ul {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* TEAM 3 END */

/* BLOG 3 START */
.blog_3 {
    overflow: hidden;
}

.blog_3 .blog_3_slider_area {
    padding-left: 300px;
}

.single_blog_3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--colorWhite);
    margin: 0px 12px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.single_blog_3_img {
    width: 240px;
    height: 300px;
}

.single_blog_3_text {
    padding: 30px;
    max-width: 65%;
}

.single_blog_3_text .category {
    color: var(--colorWhite);
    font-family: var(--paraFont);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
    background: var(--colorBlue);
    padding: 5px 17px;
    border-radius: 30px;
}

.single_blog_3_text .title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
}

.single_blog_3_text p {
    font-family: "Space Grotesk";
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_blog_3_text .read_btn {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_blog_3_text .read_btn i {
    font-size: 15px;
    margin-left: 5px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}

.single_blog_3_text .read_btn:hover {
    color: var(--colorBlue);
}

.single_blog_3_text .title:hover {
    text-decoration: none;
    color: var(--colorBlue);
}


.blog_3 .slick-list {
    padding-left: 5px !important;
    padding-right: 200px !important;
}

.blog_3 .nextArrow,
.blog_3 .prevArrow {
    right: 315px;
    top: -100px;
}

.blog_3 .prevArrow {
    right: 365px;
}

/* BLOG 3 END */

/* FOOTER 3 START */
.footer_3 {
    position: relative;
    overflow: hidden;
}

.footer_3::after {
    position: absolute;
    content: "";
    width: 645px;
    height: 100%;
    background: url(../images/footer_3_shapes.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -1;
}

.footer_3_content {
    position: relative;
    z-index: 1;
    padding: 75px 0px 0px 100px;
}

.footer_3_content::after {
    position: absolute;
    content: "";
    width: 1000%;
    height: 100%;
    background: var(--colorBlack);
    top: 0;
    left: 0;
    z-index: -1;
}

.footer_3_copytight {
    position: relative;
    z-index: 1;
}

.footer_3_copytight::before {
    position: absolute;
    content: "";
    width: 1000%;
    height: 100%;
    background: #27252C;
    bottom: 0;
    left: -100px;
    z-index: -1;
}

.footer_3_copytight .footer_copyright {
    border-top: 0;
}

.footer_3_top {
    padding: 30px 0px 30px 380px;
}

.footer_3_top ul {
    justify-content: space-between;
}

.footer_3_top ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.footer_3_top ul li span {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 700;
}

.footer_3_top ul li img {
    max-width: 180px;
}

.footer_3_top ul li p,
.footer_3_top ul li p b {
    color: var(--paraColor);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 400;
}

.footer_3_top ul li p b {
    color: var(--colorBlack);
}

.footer_3_top ul li:last-child img {
    max-width: 40px;
}

.footer_gallery ul {
    gap: 15px;
    margin-top: 35px;
}

.footer_gallery ul li {
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.footer_gallery ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.footer_gallery ul li a .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3d33a7a1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--colorWhite);
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_gallery ul li a:hover .icon {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.footer_3 .footer_link ul li a:hover {
    color: var(--colorWhite);
}


.footer_3 .footer_info ul li a:hover {
    background: var(--colorBlue);
    border-color: var(--colorBlue);
    color: var(--colorWhite);
}

.footer_3 .footer_copyright ul li a:hover,
.footer_3 .footer_copyright p a {
    color: var(--colorWhite);
}

/* FOOTER 3 END */
/*==========================
    HOME PAGE 03 END
==========================*/

/*==========================
    SERVICES DETAILS START
==========================*/
.service_details_thumbnail {
    position: relative;
    height: 510px;
    overflow: hidden;
}

.service_details_thumbnail a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: var(--colorPrimary);
    border-radius: 50%;
    padding: 50px;
    line-height: 18px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.service_details_title {
    font-size: 44px;
    font-weight: 700;
    margin-top: 30px;
}

.service_details_text h1,
.service_details_text h2,
.service_details_text h3,
.service_details_text h4,
.service_details_text h5,
.service_details_text h6 {
    font-weight: 700;
    margin-top: 20px;
}

.service_details_text h1,
.service_details_text h2 {
    font-size: 32px;
}

.service_details_text h3,
.service_details_text h4 {
    font-size: 28px;
}

.service_details_text h5,
.service_details_text h6 {
    font-size: 24px;
}

.service_details_text p {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 20px;
}

.service_details_text ul,
.service_details_text ol {
    margin-top: 20px;
}

.service_details_text ul li,
.service_details_text ol li {
    list-style: inside;
    font-family: var(--paraFont);
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 5px;
}

.service_details_small_img {
    height: 270px;
    overflow: hidden;
    margin-top: 25px;
}

.service_details_tags_share .details_tags p,
.service_details_tags_share .details_share p {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.service_details_tags_share .details_tags ul,
.service_details_tags_share .details_share ul {
    gap: 8px;
}

.service_details_tags_share .details_tags ul li a {
    color: var(--paraColor);
    font-family: var(--paraFont);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    border: 1px solid var(--borderColor);
    text-transform: capitalize;
}

.service_details_tags_share .details_tags ul li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorBlack);
}

.service_details_tags_share .details_share ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorBlue);
    color: var(--colorWhite);
    font-size: 14px;
    border-radius: 50%;
}

.service_details_tags_share .details_share ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorBlack);
}

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

.sidebar_services ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    background: var(--lightBg);
    padding: 20px;
    border: 1px solid var(--lightBg);
}

.sidebar_services ul li a .icon {
    width: 80px;
    height: 80px;
    border: 1px solid var(--borderColor);
    border-radius: 50%;
    padding: 20px;
}

.sidebar_services ul li a .text {
    width: 73%;
}

.sidebar_services ul li a .text h3 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-bottom: 7px;
}

.sidebar_services ul li a .text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar_services ul li a:hover {
    background: var(--colorWhite);
    border-color: var(--borderColor);
    box-shadow: var(--boxShadow);
}

.sidebar_expert {
    position: relative;
    height: 525px;
    overflow: hidden;
    margin-top: 40px;
}

.sidebar_expert .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 40px;
}

.sidebar_expert .text h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}

.sidebar_expert .text a {
    background: var(--colorPrimary);
}

.sidebar_expert .text a:hover {
    color: var(--colorWhite);
}

.sidebar_expert .text a::after {
    background: var(--colorBlack);
}

/*===========================
    SERVICES DETAILS END
===========================*/

/*===========================
    TEAM DETAILS START
===========================*/
.team_details_img {
    height: 470px;
}

.team_details_text_top {
    background: var(--lightBg);
    padding: 30px 30px 30px 40px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #6e6e6e1f;
}

.team_details_text_top h2 {
    font-size: 20px;
    font-weight: 700;
}

.team_details_text_top span {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
}

.team_details_text_top ul {
    position: absolute;
    gap: 8px;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.team_details_text_top ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorWhite);
    border: 1px solid var(--borderColor);
    color: var(--colorBlack);
}

.team_details_text_top ul li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.team_details_text p {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 20px;
}

.team_details_text .signature {
    width: 140px;
    height: 70px;
    margin-top: 35px;
}

.team_details_education,
.team_details_ecperience {
    margin-top: 25px;
}

.team_details_education h3,
.team_details_ecperience h3 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.6px;
    margin-bottom: 15px;
}

.team_details_education ul li,
.team_details_education ol li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
}

.team_details_education ul li::after,
.team_details_education ol li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--paraColor);
    top: 8px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team_skills_bar_single {
    margin-top: 20px;
}

.team_skills_bar_single p {
    color: var(--colorBlack);
    font-style: normal;
    font-weight: 500;
    margin-bottom: 5px;
}

.team_details_contact {
    text-align: center;
}

.team_details_contact h3 {
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.team_details_input {
    margin-top: 20px;
}

.team_details_input>input,
.team_details_input>textarea {
    background: var(--lightBg);
    border-radius: 0;
    border: 1px solid #6e6e6e1f;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
}

.team_details_input>input::placeholder,
.team_details_input>textarea::placeholder {
    color: var(--colorBlack);
    opacity: .7;
}

.team_details_input .form-check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.team_details_input .form-check label {
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
}

.team_details_input .form-check input {
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 0;
}

.team_details_input button {
    background: var(--colorBlack);
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.team_details_input button i {
    margin-left: 0;
    margin-right: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.team_details_input button:hover {
    color: var(--colorBlack);
}

/*===========================
    TEAM DETAILS END
===========================*/

/*===========================
    PORTFOLIO DETAILS START
===========================*/
.portfolio_details_thumbnail {
    height: 500px;
    overflow: hidden;
    margin-bottom: 35px;
}

.portfolio_details_content h1,
.portfolio_details_content h2,
.portfolio_details_content h3,
.portfolio_details_content h4,
.portfolio_details_content h5,
.portfolio_details_content h6 {
    font-weight: 700;
    margin-top: 20px;
}

.portfolio_details_content h1,
.portfolio_details_content h2 {
    font-size: 32px;
}

.portfolio_details_content h3,
.portfolio_details_content h4 {
    font-size: 28px;
}

.portfolio_details_content h5,
.portfolio_details_content h6 {
    font-size: 24px;
}

.portfolio_details_content p {
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 20px;
}

.portfolio_details_content ul,
.portfolio_details_content ol {
    margin-top: 20px;
}

.portfolio_details_content ul li,
.portfolio_details_content ol li {
    position: relative;
    font-family: var(--paraFont);
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 5px;
    padding-left: 25px;
}

.portfolio_details_content ul li::after,
.portfolio_details_content ol li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--paraColor);
    top: 8px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.portfolio_details_sidebar {
    padding-left: 35px;
}

.sidebar_project_info {
    margin-top: 23px;
}

.sidebar_project_info h3,
.sidebar_project_tags h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sidebar_project_info ul {
    background: var(--lightBg);
    border: 1px solid #6e6e6e1f;
}

.sidebar_project_info ul li {
    padding: 20px 25px;
    border-bottom: 1px solid #6e6e6e1f;
}

.sidebar_project_info ul li:last-child {
    border-bottom: 0;
}

.sidebar_project_info ul li p {
    font-family: var(--paraFont);
    font-size: 13px;
    font-weight: 600;
}

.sidebar_project_info ul li h5 {
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.sidebar_project_tags {
    margin-top: 35px;
}

.sidebar_project_tags ul {
    gap: 8px;
}

.sidebar_project_tags ul li a {
    color: var(--paraColor);
    font-family: var(--paraFont);
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    border: 1px solid var(--borderColor);
    text-transform: capitalize;
}

.sidebar_project_tags ul li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorBlack);
}

/*============================
    PORTFOLIO DETAILS END
============================*/

/*============================
    PRICING START
============================*/
.single_pricing {
    background: var(--lightBg);
    margin-top: 25px;
    border: 1px solid #6e6e6e1f;
}

.single_pricing_heading {
    background: url(../images/pricing_header_bg.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--colorWhite);
    font-size: 36px;
    font-weight: 700;
    padding: 40px 50px;
}

.single_pricing_heading p {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

.single_pricing_heading h2 {
    color: var(--colorWhite);
    font-size: 36px;
    font-weight: 700;
}

.single_pricing_heading h2 span {
    color: var(--colorWhite);
    text-transform: uppercase;
    opacity: .7;
}

.single_pricing .text {
    padding: 50px 50px 45px 50px;
}

.single_pricing .text ul {
    margin-bottom: 40px;
}

.single_pricing .text ul li {
    position: relative;
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.32px;
    padding-left: 20px;
}

.single_pricing .text ul li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorBlack);
    border-radius: 50%;
    top: 15px;
    left: 0;
}

.single_pricing .text a {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.single_pricing .text a:hover {
    color: var(--colorBlack);
}

.single_pricing .text a::after {
    background: var(--colorPrimary);
}

.single_pricing.active .common_btn {
    background: var(--colorPrimary);
    color: var(--colorBlack);
}

/*=========================
    PRICING END
=========================*/

/*=========================
    CHECKOUT START
=========================*/
.checkout_top p {
    font-size: 15px;
    font-weight: 500;
    border: 1px solid var(--borderColor);
    margin-bottom: 10px;
    padding: 25px 30px;
}

.checkout_top p a {
    color: var(--colorRed);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-decoration-line: underline;
    text-underline-offset: 4px;
}

.checkout_top p a:hover {
    color: var(--colorBlack);
    text-decoration: none;
}

.billing_details h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

.checkout_single_input {
    margin-top: 20px;
}

.checkout_single_input label {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}

.checkout_single_input input {
    border: 1px solid var(--borderColor);
    border-radius: 0;
    font-size: 15px;
    padding: 13px 20px;
}

.checkout_single_input .select2-container {
    width: 100% !important;
}

.checkout_single_input .select2-container--default .select2-selection--single {
    border: 1px solid var(--borderColor);
    border-radius: 0;
    height: 50px;
}

.checkout_single_input .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 50px;
    padding-left: 20px;
    text-transform: capitalize;
    font-size: 15px;
}

.checkout_payment_info {
    border: 1px solid var(--borderColor);
    padding: 25px 30px 30px 30px;
    overflow: hidden;
}

.checkout_payment_info h4 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.checkout_payment_info ul li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.checkout_payment_info ul li span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    background: var(--colorPrimary);
    color: var(--colorBlack);
    padding: 2px 15px;
}

.checkout_payment_info hr {
    border-top: 1px solid var(--borderColor);
    opacity: 1;
    width: 1000px;
    margin: 30px 0px;
    margin-left: -100px;
}

.checkout_payment_info .form-check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
    padding-right: 0;
    margin-right: 0;
}

.checkout_payment_info .form-check input {
    padding: 0;
    margin-top: 0px;
}

.checkout_payment_info .form-check label {
    width: 100%;
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
}

.checkout_payment_info .checkout_bank_reansfer {
    color: var(--paraColor);
    font-family: var(--paraFont);
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    border: 1px solid var(--borderColor);
    padding: 10px 20px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
}

.checkout_payment_info .checkout_bank_reansfer::after {
    position: absolute;
    content: "";
    top: -14px;
    left: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #25272933;
}

.checkout_payment_info .form-check label .payment_card {
    max-width: 200px;
}

.checkout_payment_info .form-check.condition label {
    font-weight: 400;
    color: var(--paraColor);
}

.checkout_payment_info .form-check.condition input {
    border-radius: 0;
}

.checkout_payment_info button {
    margin-top: 15px;
    background: var(--colorRed);
    color: var(--colorWhite);
}

.checkout_payment_info button:hover {
    color: var(--colorBlack);
}

/*===========================
    CHECKOUT END
===========================*/

/*===========================
    CONTACT US START
===========================*/
.contact_info {
    background: var(--lightBg);
    padding: 65px 35px 35px 35px;
    position: relative;
    margin-top: 60px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border: 1px solid #6e6e6e1f;
}

.contact_info span {
    display: block;
    width: 70px;
    height: 70px;
    padding: 20px;
    background: var(--colorBlue);
    text-align: center;
    position: absolute;
    top: -35px;
    left: 35px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.contact_info span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(62deg) brightness(99%) contrast(89%);
}

.contact_info:hover span {
    background: var(--colorPrimary);
}

.contact_info:hover span img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}

.contact_info h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.contact_info a,
.contact_info p {
    display: block;
    color: var(--colorBlack);
    margin-top: 5px;
}

.contact_info a:hover {
    font-weight: 600;
}

.contact_img {
    height: 525px;
    overflow: hidden;
}

.contact_form {
    padding-left: 50px;
}

.contact_form h3 {
    font-size: 50px;
    font-weight: 700;
}

.contact_form p {
    font-family: var(--paraFont);
    margin-bottom: 20px;
}

.contact_form_input {
    margin-top: 20px;
}

.contact_form_input input,
.contact_form_input textarea {
    border-radius: 0;
    border: 1px solid var(--borderColor);
}

.contact_form button {
    background: var(--colorPrimary);
    margin-top: 23px;
}

.contact_form button:hover {
    color: var(--colorWhite);
}

.contact_form button::after {
    background: var(--colorBlack);
}

.contact_map {
    width: 100%;
    height: 650px;
    overflow: hidden;
    margin-bottom: -215px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*===========================
    CONTACT US END
===========================*/

/*===========================
    BLOGG DETAILS START
===========================*/
.blog_det_img {
    height: 500px;
    overflow: hidden;
}

.blog_det_text_header {
    justify-content: space-between;
    align-items: center;
    padding-top: 37px;
}

.blog_det_text_header .left {
    gap: 20px;
    align-items: center;
}

.blog_det_text_header .left li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.blog_det_text_header .left li b {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background: var(--colorPrimary);
    color: var(--colorBlack);
    padding: 7px 19px;
}

.blog_det_text_header .left li span {
    display: inline-block;
    width: 16px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.blog_det_text_header .right {
    gap: 15px;
}

.blog_det_text_header .right li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.blog_det_text_header .right li i {
    margin-right: 5px;
}

.blog_det_text h1,
.blog_det_text h2,
.blog_det_text h3,
.blog_det_text h4,
.blog_det_text h5,
.blog_det_text h6 {
    font-weight: 700;
    margin-top: 30px;
}

.blog_det_text h1,
.blog_det_text h2 {
    font-size: 36px;
}

.blog_det_text h3,
.blog_det_text h4 {
    font-size: 32px;
}

.blog_det_text h5,
.blog_det_text h6 {
    font-size: 28px;
}

.blog_det_text p {
    margin-top: 20px;
}

.blog_det_text ul,
.blog_det_text ol {
    margin-top: 25px;
}

.blog_det_text ul li,
.blog_det_text ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    font-family: var(--paraFont);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.blog_det_text ul li::after,
.blog_det_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
}

.blog_det_text .quot_text {
    background: var(--colorBlack);
    padding: 40px;
    margin-top: 25px;
    position: relative;
    margin-bottom: 25px;
}

.blog_det_text .quot_text p {
    margin: 0;
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.blog_det_text .quot_text::after,
.blog_det_text .quot_text::before {
    position: absolute;
    content: "";
    background: url(../images/quot_icon_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 70px;
    top: 10px;
    right: 30px;
    opacity: .3;
}

.blog_det_text .quot_text::after {
    background: url(../images/quot_icon_left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 30px;
}

.blog_tags_and_share {
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--borderColor);
    padding-bottom: 60px;
    padding-top: 25px;
}

.blog_tags_and_share .left {
    gap: 8px;
}

.blog_tags_and_share .left li a {
    color: var(--colorBlack);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border: 1px solid var(--borderColor);
    background: var(--colorWhite);
    padding: 7px 19px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_tags_and_share .left li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.blog_tags_and_share .right {
    gap: 6px;
    align-items: center;
}

.blog_tags_and_share .right li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
}

.blog_tags_and_share .right li a {
    font-weight: 400;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorBlue);
    color: var(--colorWhite);
    border-radius: 50%;
    font-size: 14px;
}

.blog_tags_and_share .right li a:hover {
    background: var(--colorPrimary);
    color: var(--colorBlack);
}

.det_comment_area {
    margin-top: 55px;
}

.det_comment_area h3 {
    font-size: 22px;
    font-weight: 600;
}

.single_comment {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.single_comment .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
}

.single_comment .text {
    width: 88%;
    border: 1px solid var(--borderColor);
    background: var(--colorWhite);
    padding: 25px;
}

.single_comment .text h4 {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single_comment .text h4 span {
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
}

.single_comment .text p {
    margin-top: 18px;
    margin-bottom: 25px;
}

.single_comment .text a {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid var(--borderColor);
    padding: 6px 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_comment .text a i {
    margin-right: 5px;
}

.single_comment .text a:hover {
    background: var(--colorPrimary);
    color: var(--colorBlack);
    border-color: var(--colorPrimary);
}

.single_comment.reply {
    padding-left: 90px;
}

.single_comment.reply .text {
    width: 87%;
}

.det_comment_input {
    border-top: 1px solid var(--borderColor);
    margin-top: 60px;
    padding-top: 55px;
}

.det_comment_input h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.sedebar_content {
    overflow: hidden;
}

.blog_sidebar h3 {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 700;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.blog_sidebar_search {
    padding: 30px;
    overflow: hidden;
    background: var(--lightBg);
}

.blog_sidebar_search form {
    position: relative;
}

.blog_sidebar_search form input {
    border: 1px solid var(--borderColor);
    border-radius: 0;
}

.blog_sidebar_search form button {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_sidebar_search form button:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.blog_sidebar_category {
    padding: 30px;
    overflow: hidden;
    margin-top: 25px;
    background: var(--lightBg);
}

.blog_sidebar_category ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_sidebar_category ul li a span {
    background: var(--colorBlue);
    color: var(--colorWhite);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_sidebar_category ul li a:hover {
    color: var(--colorBlue);
    padding-left: 5px;
}

.blog_sidebar_category ul li a:hover span {
    background: var(--colorPrimary);
    color: var(--colorBlack);
}

.blog_sidebar_product {
    background: var(--lightBg);
    padding: 30px;
    overflow: hidden;
    margin-top: 25px;
}

.blog_sidebar_product ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.blog_sidebar_product ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.blog_sidebar_product ul li .img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin-right: 15px;
}

.blog_sidebar_product ul li .text {
    width: 71%;
}

.blog_sidebar_product ul li .text p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
}

.blog_sidebar_product ul li .text p span {
    display: inline-block;
    width: 17px;
}

.blog_sidebar_product ul li .text a {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: block;
    margin-top: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_sidebar_product ul li .text a:hover {
    color: var(--colorBlue);
}

.blog_sidebar_product ul li .text p i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.blog_sidebar_tags {
    padding: 30px;
    overflow: hidden;
    margin-top: 25px;
    background: var(--lightBg);
}

.blog_sidebar_tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog_sidebar_tags ul li a {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #eee;
    background: var(--colorWhite);
    padding: 10px 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_sidebar_tags ul li a:hover {
    color: var(--colorBlack);
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.review_input_box {
    margin-bottom: 15px;
}

.review_input_box input,
.review_input_box textarea {
    border: 1px solid var(--borderColor);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.det_comment_input button {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.det_comment_input button:hover {
    color: var(--colorBlack);
}

.det_comment_input button::after {
    background: var(--colorPrimary);
}

.blog_det_center_img {
    height: 380px;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 5px;
}

/*=============================
    BLOGG DETAILS END
=============================*/

/*=============================
    FAQ PAGE START
=============================*/
.faq_page .faq_thimbnail {
    height: 510px;
    overflow: hidden;
}

.faq_header .nav-pills {
    gap: 10px;
    border-bottom: 1px solid var(--borderColor);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.faq_header .nav-pills .nav-item button {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    background: var(--lightBg);
    border: none;
    border-radius: 0;
}

.faq_header .nav-pills .nav-item button:hover,
.faq_header .nav-pills .nav-item button.active {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.faq_page_text h3 {
    font-size: 40px;
    font-weight: 700;
}

.faq_page_text p {
    font-family: var(--paraFont);
    font-size: 15px;
    line-height: 24px;
    margin-top: 20px;
}

.faq_page .accordion-item {
    border: 1px solid var(--borderColor);
    margin-top: 10px;
    padding: 0;
}

.faq_page .accordian_area .accordion-header button {
    background: transparent;
    padding: 15px 55px 15px 25px;
}

.faq_page .accordian_area .accordion-button::after {
    top: 15px;
    right: 20px;
}

.faq_page .accordian_area .accordion-body {
    padding: 25px 25px 0px 25px;
}

.faq_page .accordion-button:not(.collapsed) {
    color: var(--colorBlack);
    background-color: var(--lightBg) !important;
}

/*===========================
    FAQ PAGE END
===========================*/

/*===========================
    ERROR START
===========================*/
.error_page {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh;
}

.error_page div {
    height: 100%;
}

.error_text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.error_text h2 {
    font-size: 400px;
    font-weight: 700;
    line-height: 295px;
}

.error_text h4 {
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 45px;
}

.error_text a {
    background: var(--colorPrimary);
}

.error_text a:hover {
    color: var(--colorWhite);
}

.error_text a i {
    margin-left: 0;
    margin-right: 5px;
}

.error_text a::after {
    background: var(--colorBlack);
}

/*============================
    ERROR END
=============================*/

/*=============================
    PRIVACY POLICY START
=============================*/
.privacy_policy_area {
    padding: 28px 50px 50px 50px;
    border: 1px solid var(--borderColor);
}

.privacy_policy_area h1,
.privacy_policy_area h2,
.privacy_policy_area h3,
.privacy_policy_area h4,
.privacy_policy_area h5,
.privacy_policy_area h6 {
    font-weight: 700;
    margin-top: 25px;
}

.privacy_policy_area h1,
.privacy_policy_area h2 {
    font-size: 28px;
}

.privacy_policy_area h3,
.privacy_policy_area h4 {
    font-size: 24px;
}

.privacy_policy_area h5,
.privacy_policy_area h6 {
    font-size: 20px;
}

.privacy_policy_area p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 12px;
}

.privacy_policy_area h5 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
}

.privacy_policy_area ul,
.privacy_policy_area ol {
    margin-top: 15px;
}

.privacy_policy_area ul li,
.privacy_policy_area ol li {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--paraColor);
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
}

.privacy_policy_area ul li::after,
.privacy_policy_area ol li::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 8px;
    width: 6px;
    height: 6px;
    background: var(--paraColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*=============================
    PRIVACY POLICY END
=============================*/

/*===========================
    SIGN IN START
===========================*/
.sign_in_img {
    width: 570px;
    height: 100%;
    overflow: hidden;
}

.sign_in_form {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    padding: 50px;
    margin: 50px 0px;
}

.sign_in_form h3 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}

.sign_in_form form input {
    margin-bottom: 20px;
    border: 1px solid var(--borderColor);
    border-radius: 0;
}

.sign_in_form form button {
    width: 100%;
    margin-top: 15px;
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.sign_in_form form button:hover {
    color: var(--colorBlack);
}

.sign_in_form .forgot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.sign_in_form .forgot .form-check input {
    padding: 0;
    width: 16px;
    height: 16px;
    border-radius: 0;
    margin-bottom: 0;
}

.form-check-input:focus {
    border-color: var(--colorPrimary);
    box-shadow: none;
}

.sign_in_form .forgot .form-check label {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.sign_in_form .forgot a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .forgot a:hover {
    color: var(--colorRed);
}

.sign_in_form .dont_account {
    text-align: center;
    margin-top: 25px;
}

.sign_in_form .dont_account a {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .dont_account a:hover {
    color: var(--colorBlue);
}

.sign_in_form .or {
    color: var(--colorBlack);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    margin: 20px 0px;
}

.sign_in_form .or::before {
    position: absolute;
    content: "";
    width: 42%;
    height: 1px;
    background: #eee;
    top: 12px;
    left: 0;
}

.sign_in_form .or::after {
    position: absolute;
    content: "";
    width: 42%;
    height: 1px;
    background: #eee;
    top: 12px;
    right: 0;
}

.sign_in_form ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sign_in_form ul li {
    width: 31%;
}

.sign_in_form ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    color: var(--colorBlack);
    font-family: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #eee;
    padding: 10px 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form ul li a span {
    display: block;
    width: 18px;
    height: 18px;
    position: relative;
    top: -4px;
}

.sign_in_form ul li a:hover {
    border-color: var(--colorBlack);
}

.forgot_password form button {
    margin-top: 0;
}

/*===========================
    SIGN IN END
===========================*/