/*
Theme Name: star-child
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: star
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 3.9
Requires at least: 3.6
Tested up to: 6.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-patterns
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap');

/* 
font-family: "Outfit", sans-serif;
font-family: "Bebas Neue", sans-serif;
font-family: "DM Sans", sans-serif;
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
    scroll-padding: 7rem;
}

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

::-moz-selection {
    background-color: #007d9d;
    color: #fff;
    text-shadow: none;
}

::selection {
    background-color: #000;
    color: #fff;
    text-shadow: none;
}

:root {
    --black: #1E1E1E;
    --white: #ffff;
    --olive: #5C3E84;
    --golden: #D4A501;
    --bebas: "Bebas Neue", sans-serif;
    --outfit: "Outfit", sans-serif;
    --dmsans: "DM Sans", sans-serif;
    --default-trans: all 0.3s ease-in-out;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    padding-right: 0 !important;
    font-size: 16px;
    outline: none;
    overflow-x: hidden !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    scroll-behavior: smooth;
    color: var(--black) !important;
    font-family: var(--outfit) !important;
    position: relative;
}

.container {
    margin: 0 auto !important;
    padding: 0 15px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
figure {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bebas) !important;
    color: var(--black) !important;
    font-weight: 400 !important;
}

b {
    font-weight: 700 !important;
}

ul {
    list-style: none;
    padding: 0;
}

img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    height: auto !important;
    display: block;
}

a,
button,
input {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a {
    text-decoration: none;
}

.bg_cover {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* DEFAULT CSS SETTING END */

/* SLICK SLIDER CSS START */

.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

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

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* SLICK SLIDER CSS END */

#preloader {
    background: #ffffff;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.loader_area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* HEADER START */
header {
    position: relative;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    transition: var(--default-trans);
}

header:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    content: "";
    background: #FFEE02;
    z-index: -1;
    transition: var(--default-trans);
}

header.sticky:after {
    height: 100%;
}

.sticky {
    transition: var(--default-trans);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

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

.header_wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    box-shadow: 0px 4px 55px 0px #D4A50133;
    transition: var(--default-trans);
}

.logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    background: var(--white);
    min-width: 215px;
    transition: var(--default-trans);
}

header.sticky .logo {
    padding: 9px 15px;
    min-width: 140px;
    max-width: 170px;
}

.header_wrapper_right {
    flex-grow: 1;
}

.head_top ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    padding: 5px 0 7px;
    gap: 45px;
}

.head_top ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 28.5px;
    vertical-align: middle;
    color: var(--olive);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
}

.head_top ul li i {
    display: inline-block;
    color: var(--olive);
}

.head_top ul li a {
    display: inline-block;
    color: var(--black);
    transition: var(--default-trans);
}

.head_top ul li:hover a {
    color: var(--olive);
}

.head_btm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--white);
    padding: 25px 37px;
    position: relative;
    gap: 150px;
    transition: var(--default-trans);
}

header.sticky .head_btm {
    padding: 10px 37px;
}

.mob_view {
    display: none !important;
}

.nav_social ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    gap: 20px;
}

.nav_social ul li a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    border: 1px solid #5C3E84;
    justify-content: center;
    transform: translateY(0);
    transition: var(--default-trans);
}

.nav_social ul li a:hover {
    transform: translateY(-7px);
}

.nav-mail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

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

.nav_and_mail .nav_sec {
    margin: 0;
    padding: 0;
}

.nav_and_mail .nav_sec ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0px;
    gap: 55px;
}

.nav-mail i {
    font-size: 30px;
    font-weight: 400 !important;
    display: inline-block;
    color: var(--white);
}

.nav-mail span,
.nav-mail b,
.nav-mail a {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-transform: capitalize;
    display: block;
    color: var(--white);
}

.nav-mail b {
    font-size: 16px;
}

.nav-mail a {
    transition: var(--default-trans);
    margin-top: 15px;
}

.nav-mail a:hover {
    color: var(--olive);
}

.nav_and_mail .nav_sec ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0px;
    position: relative;
}

.nav_and_mail .nav_sec ul li a {
    display: block;
    position: relative;
    color: #0C0A07;
    z-index: 99;
    text-align: left;
    transition: var(--default-trans);
    vertical-align: middle;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 2px solid transparent;
}

.nav_and_mail .nav_sec ul li.active>a,
.nav_and_mail .nav_sec ul li a:hover {
    color: #0C0A07;
    border-bottom: 2px solid #0C0A07;
}

.nav_and_mail .nav_sec ul li.active>a:before,
.nav_and_mail .nav_sec ul li.current-menu-item>a:before {
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.nav_and_mail .nav_sec ul li:hover>a::before,
.nav_and_mail .nav_sec ul li.active>a::before,
.nav_and_mail .nav_sec ul li.current-menu-item>a {
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.nav_and_mail .nav_sec ul li.cmn-btn {
    display: none !important;
}

.nav_and_mail .nav_sec ul li ul {
    position: absolute;
    left: 0px;
    width: 210px;
    background-color: #313131;
    background-color: white;
    box-shadow: 0 .25rem 2.5rem rgba(26, 26, 37, .15);
    border: none;
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 180%;
    transition: 0.3s;
    pointer-events: none;
    z-index: 111;
    border-radius: 7px;
    overflow: hidden;
    padding: .625rem;
}

.nav_and_mail .nav_sec ul li:hover ul {
    display: block;
    top: 110%;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.nav_and_mail .nav_sec ul li ul li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.nav_and_mail .nav_sec ul li ul li+li {
    border-top: 1px solid var(--olive);
}

.nav_and_mail .nav_sec ul li ul li a {
    margin: 0;
    padding: 7px 10px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0px;
    color: var(--black);
}

.nav_and_mail .nav_sec ul li ul li a:hover {
    color: var(--white) !important;
    background: var(--olive) !important;
}

.nav_and_mail .nav_sec ul li ul li a:hover::before {
    opacity: 1;
    background-position: left;
    background-size: contain;
    bottom: -5px;
}

.nav_and_mail .nav_sec ul li ul li.active>a {
    color: var(--olive);
}

span.toggle-menu {
    display: none;
}

.nav_and_mail .nav_sec ul li .arw-nav {
    width: 15px;
    height: 100%;
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 999;
    cursor: pointer;
    background: url(images/arw-dekstop.png) no-repeat center;
}

/* HEADER END */


/* banner start  */
.banner {
    padding: 45px 0 100px;
}

.banner h1,
.inner-banner h1 {
    font-size: 98px;
    line-height: 110px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 40px;
}

.banner_top_img {
    align-self: end;
}

.banner_slider {
    padding: 0 30px;
}

.banner_text {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
}
.banner_slider .item img{
    display: none;
}
/* .banner_slider .item h2 {
    color: transparent !important;
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
    -webkit-text-stroke: 2px #af272f;
    border: 2px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 6.09%, rgba(255, 255, 255, 0.5) 75.13%);
    font-weight: 400;
    font-size: 166px;
    line-height: 196.46px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -50px;
} */

.banner_slider .item {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 510px;
    overflow: hidden;
}

/* banner end  */


/* about_sec start  */
.about_sec {
    padding-bottom: 100px;
}

.cmn_title h6 {
    font-family: var(--outfit) !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--golden) !important;
    margin-bottom: 13px;
}

.cmn_title h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 135%;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.cmn_title p {
    font-weight: 300;
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 15px;
}

.abt_left .cmn_title {
    padding-bottom: 30px;
}

.abt_right .abt_img {
    margin-bottom: 30px;
    text-align: center;
}

.abt_right .abt_img img {
    margin: 0 auto;
}

/* about_sec end  */


/* appeal_sec start  */
.appeal_sec {
    padding: 100px 0;
    margin-bottom: 100px;
    position: relative;
    background: #5C3F82;
}

.appeal_sec>img:first-child {
    position: absolute;
    left: 50px;
    bottom: 0;
}

.appeal_sec>img:nth-child(2) {
    position: absolute;
    right: 30px;
    bottom: 0;
}

.appeal_sec .cmn_title {
    max-width: 445px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.appeal_sec .cmn_title h2 {
    margin-bottom: 0;
}

.appeal_sec .cmn_title h2,
.appeal_sec .cmn_title h6 {
    color: var(--white) !important;
}

/* appeal_sec end  */


/* service_sec start  */
.service_sec {
    padding-bottom: 100px;
}

.service_sec .cmn_title {
    padding-bottom: 15px;
}

.service_bx {
    padding: 40px 25px 40px 40px;
    border: 1px solid #CACACA;
    margin: 0 15px;
}

.service_bx_img {
    position: relative;
    margin-bottom: 30px;
}

.service_bx_img:after {
    position: absolute;
    left: 0px;
    top: -15px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FEF861;
    content: "";
    z-index: -1;
}

.service_bx h4 {
    font-size: 34px;
    line-height: 36px;
    color: var(--olive) !important;
    margin-bottom: 18px;
}

.service_bx p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--black);
}

.service_slider .slick-dots,
.superhero_slider .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-top: 30px;
    padding: 0;
    height: 20px;
    gap: 13px;
}

.superhero_slider .slick-dots {
    margin-top: 0;
}

.service_slider .slick-dots li,
.superhero_slider .slick-dots li {
    width: 14px;
    height: 14px;
    background: #A27FDD;
    border-radius: 50%;
    cursor: pointer;
    transition: var(--default-trans);
}

.service_slider .slick-dots li button,
.superhero_slider .slick-dots li button {
    display: none;
}

.service_slider .slick-dots li.slick-active,
.superhero_slider .slick-dots li.slick-active {
    width: 18px;
    height: 18px;
    background: #5C3E84;
}

/* service_sec end  */


/* playground_sec start  */
.playground_sec {
    padding-top: 60px;
    background: #F9F9F9;
    margin-bottom: 100px;
}

.playground_sec .row>*:nth-child(1) {
    align-self: center;
}

.playground_sec .row>*:nth-child(2) {
    align-self: flex-end;
}

/* playground_sec end  */


/* milestone_sec start  */
.milestone_sec {
    padding-bottom: 100px;
}

.mile_left .cmn_title {
    padding-bottom: 25px;
}

.big_word {
    max-width: 390px;
    width: 100%;
    background: #A27FDD;
    position: relative;
}

.big_word h3 {
    font-size: 166px;
    line-height: 118px;
    vertical-align: middle;
    color: var(--white) !important;
    margin-bottom: 0;
    position: relative;
    margin-left: -11px;
    padding-top: 340px;
}

.big_word img {
    position: absolute;
    left: 25px;
    top: -50px;
    max-width: unset;
}

.mile_right .cmn_title {
    padding-bottom: 25px;
}

.mile_right ul {
    margin: 0;
    padding: 0;
    padding: 45px;
    box-shadow: 0px 2px 40px 0px #00000026;
    background: #A27FDD;
}

.mile_right ul li {
    padding-left: 27px;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    color: var(--white);
    position: relative;
}

.mile_right ul li+li {
    margin-top: 20px;
}

.mile_right ul li:after {
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    content: "";
    background: #FFFA62;
}

.mile_right_img {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 100px;
    position: relative;
}

.mile_right_img img:first-child {
    position: absolute;
    left: -50%;
    bottom: 0;
    z-index: 1;
}

/* milestone_sec end  */


/* superhero_sec start  */
.superhero_sec .cmn_title p {
    margin-bottom: 0;
}

.superhero_sec {
    padding-bottom: 100px;
}

.superhero_bx {
    position: relative;
    padding: 42px 11px;
    margin: 30px 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.superhero_bx:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    content: "";
    background: url(images/overlay.png) no-repeat center;
    background-size: cover;
    transition: var(--default-trans);
}

.superhero_bx:hover:after {
    opacity: 0;
}

.superhero_bx:hover {
    box-shadow: 0px 2px 18px 0px #00000033;
}

.superhero_bx_text {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    text-align: center;
    min-height: 240px;
    transition: var(--default-trans);
}

.superhero_bx:hover .superhero_bx_text {
    background: #A27FDDB2;
    backdrop-filter: blur(6.699999809265137px);
}

.superhero_bx_text h3 {
    font-size: 26px;
    line-height: 32px;
    color: var(--white) !important;
    margin-bottom: 10px;
}

.superhero_bx_text p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--white);
    max-width: 227px;
    margin: 0 auto;
}

/* superhero_sec end  */


/* footer start  */
footer {
    background: #2E1F46;
}

.ft_wrapper {
    padding-top: 65px;
}

.ft_logo a {
    display: inline-block;
}

.content_up {
    border-bottom: 1px solid #5C3E84;
}

.ft_content {
    padding-top: 20px;
}

.content_up ul {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px 54px;
}

.content_up ul li {
    color: var(--white);
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    vertical-align: middle;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 13px;
}

.content_up ul li i {
    color: #D4A501;
    font-size: 18px;
    margin-top: 6px;
}

.content_up ul li a {
    display: inline-block;
    color: var(--white);
    transition: var(--default-trans);
}

.content_up ul li em {
    display: inline-block;
    font-style: normal;
}

.content_up ul li:hover a {
    color: var(--golden);
}

.content_down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 0px;
}

.content_down ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ft_links {
    gap: 15px 105px;
}

.ft_social {
    gap: 20px;
}

.ft_links li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 25.5px;
    vertical-align: middle;
    color: #D4A501;
    border-bottom: 1px solid transparent;
    display: inline-block;
    transition: var(--default-trans);
}

.ft_links li a:hover {
    color: var(--white);
    border-bottom: 1px solid var(--white);
}

.ft_social li a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    border: 1px solid #D4A501;
    justify-content: center;
    transform: translateY(0);
    transition: var(--default-trans);
}

.ft_social li a:hover {
    transform: translateY(-7px);
}

.ft_btm {
    margin-top: 60px;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #5C3E84;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ft_btm ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ft_btm ul li {
    margin: 0;
    padding: 0;
    padding-right: 10px;
    border-right: 1px solid #C0C2C7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ft_btm ul li + li{
    padding-left: 10px;
}
.ft_btm ul li:last-child{
    padding-right: 0;
    border-right: none;
}
.ft_btm ul li a{
    font-family: var(--dmsans);
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    color: #C0C2C7;
    display: inline-block;
    transition: var(--default-trans);
}
.ft_btm p {
    margin-bottom: 0;
    font-family: var(--dmsans);
    font-weight: 400;
    font-size: 16px;
    line-height: 28.22px;
    vertical-align: middle;
    color: #C0C2C7;
}

.ft_btm p a {
    display: inline-block;
    color: #C0C2C7;
    transition: var(--default-trans);
}

.ft_btm p a:hover,.ft_btm ul li a:hover {
    color: #D4A501;
}

/* footer end  */


/* <!-- back-to-top start  --> */
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    z-index: 10;
}

.back_to_top a {
    position: relative;
    font-size: 53px;
    background: white;
    width: 51px;
    height: 51px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    transition: 0.3s all ease-in-out;
}

.back_to_top a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px !important;
    transform: translate(-50%, -50%);
}

.back_to_top a:hover {
    background: var(--olive);
}

.back_to_top a:hover svg path {
    transition: var(--default-trans);
}

.back_to_top a:hover svg path {
    fill: var(--white);
}

/* <!-- back-to-top end  --> */


/* inner page start by debalina */
.inner-banner h1 {
    text-align: center;
    margin-bottom: 0;
}

.inner-banner-holder {
    padding: 34px 0 40px;
    position: relative;
    max-width: 905px;
    margin: 0 auto;
}

.inner-banner-text-wrap {
    max-width: 905px;
    min-height: 257px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 20px;
    background: #FFF9E9;
    box-shadow: 0px 4px 50px 0px #FFF4D7 inset;
    margin: 0 auto;
}

.inner-banner-left-object {
    position: absolute;
    left: -73px;
    bottom: 0;
}

.inner-banner-right-object {
    position: absolute;
    right: -74px;
    bottom: 0;
}

.custom-breadcrumb ol {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.custom-breadcrumb ol li {
    font-weight: 300;
    text-align: center;
    list-style-type: none;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    color: var(--black);
}

.custom-breadcrumb ol li a{
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: var(--black);
    transition: var(--default-trans);
}
.custom-breadcrumb ol li a:hover{
    color: var(--olive);
}
.custom-breadcrumb ol li+li {
    padding-left: 20px;
}

.custom-breadcrumb ol li+li::after {
    content: '';
    position: absolute;
    left: -4px;
    top: -2px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%231E1E1E" d="M10.25 16.25a.74.74 0 0 1-.53-.25a.75.75 0 0 1 0-1.06l3-3l-3-3A.75.75 0 0 1 10.78 8l3.5 3.5a.75.75 0 0 1 0 1.06L10.78 16a.74.74 0 0 1-.53.25"/></svg>') no-repeat center;
    width: 30px;
    height: 30px;
}

.custom-breadcrumb ol li span {
    border-bottom: 1px var(--black) solid;
    display: inline-block;
    margin-top: 2px;
}

.inner_about_sec {
    padding-top: 100px;
}

.inner_about_sec .cmn_title {
    max-width: 540px;
}

.about_page_inner svg,.contact_page_inner svg {
    max-width: 100%;
}

.our-work-sec {
    background-color: var(--olive);
    color: var(--white);
    padding: 80px 0;
}

.work-each-box h3 {
    font-family: var(--bebas);
    font-weight: 400 !important;
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 18px;
    color: var(--white) !important;
    position: relative;
    z-index: 9;
}

.work-each-box {
    min-height: 390px;
    /* background: linear-gradient(180deg, rgba(92, 63, 130, 0) 0%, rgba(92, 63, 130, 0.8) 44.23%, #5C3F82 100%); */
    border: 1px solid #A27FDD;
    font-weight: 300;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 15px top 24px;
}

.work-each-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(92, 63, 130, 0) 0%, rgba(92, 63, 130, 0.8) 44.23%, #5C3F82 100%);
}

.work-each-box p {
    position: relative;
    z-index: 9;
}

.work-each-box p:last-child {
    margin-bottom: 0;
}

.work-each-box img {
    position: absolute;
    right: 0;
    top: 0;
}

.inner_superhero_sec {
    padding-top: 100px;
}

.inner-contact-sec {
    padding: 100px 0;
}

.custom-form-wrapper {
    margin-bottom: 30px;
}

input.custom-form-control,
select.custom-form-control,
textarea.custom-form-control {
    border: 1px solid #CACACA;
    background: #F5F5F5;
    height: 52px;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    color: var(--black);
    width: 100%;
    padding: 10px 20px;
}

input.custom-form-control::placeholder,
select.custom-form-control::placeholder,
textarea.custom-form-control::placeholder {
    color: var(--black);
}

textarea.custom-form-control {
    height: 130px;
}

.submit-btn-holder {
    max-width: 195px;
    position: relative;
}

.submit-btn-holder::after {
    content: '';
    position: absolute;
    right: 6px;
    top: 6px;
    background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" fill="%23A27FDD"/><path d="M20.7656 19.9844C21.0703 20.2656 21.0703 20.7578 20.7656 21.0391L17.0156 24.7891C16.875 24.9297 16.6875 25 16.5 25C16.2891 25 16.1016 24.9297 15.9609 24.7891C15.6562 24.5078 15.6562 24.0156 15.9609 23.7344L19.1719 20.5L15.9609 17.2891C15.6562 17.0078 15.6562 16.5156 15.9609 16.2344C16.2422 15.9297 16.7344 15.9297 17.0156 16.2344L20.7656 19.9844ZM25.2656 19.9844C25.5703 20.2656 25.5703 20.7578 25.2656 21.0391L21.5156 24.7891C21.375 24.9297 21.1875 25 21 25C20.7891 25 20.6016 24.9297 20.4609 24.7891C20.1562 24.5078 20.1562 24.0156 20.4609 23.7344L23.6719 20.5L20.4609 17.2891C20.1562 17.0078 20.1562 16.5156 20.4609 16.2344C20.7422 15.9297 21.2344 15.9297 21.5156 16.2344L25.2656 19.9844Z" fill="white"/></svg>') no-repeat center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.submit-btn-holder input[type="submit"] {
    min-width: 195px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    padding: 10px;
    background-color: var(--olive);
    color: var(--white);
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    border: none;
    padding-right: 55px;
}

.submit-btn-holder input[type="submit"]:hover {
    background-color: #3d2858;
}

.inner-contact-sec .cmn_title {
    margin-bottom: 40px;
}

.inner-contact-right {
    background-color: var(--olive);
    padding: 53px 40px;
    color: var(--white);
}

.inner-contact-right a {
    color: var(--white);
    word-break: break-all;
}

.inner-contact-right a:hover {
    color: var(--golden);
}

.inner-contact-right h3 {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 19px;
    color: var(--white) !important;
    margin-bottom: 0;
}

.inner-contact-list,
.contact-social-icons,
.contact-social-icons .item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-social-icons {
    flex-wrap: wrap;
    gap: 15px 40px;
}

.inner-contact-list {
    margin-top: 26px;
}

.inner-contact-list .item:first-child {
    min-width: 20px;
}

.contact-social-icons {
    margin-top: 40px;
}

.contact-social-icons a {
    width: 33px;
    height: 33px;
    opacity: 1;
    background: #A27FDD;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-social-icons a:hover {
    transform: translateY(-5px);
}


.default_page {
    padding: 100px 0;
}

.left_pannel ul {
    border-left: 1px solid #FFEE02;
    list-style: none;
    padding: 0;
    max-width: 260px;
}

.left_pannel ul a {
    font-family: var(--bebas);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #656565;
    padding: 10px 17px;
    display: block;
    position: relative;
}

.left_pannel ul a.active::before {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    left: -1.5px;
    top: 0;
    background: #D4A501;
}

.left_pannel ul li:last-child a {
    border-bottom: none;
}

.left_pannel a.active,
.left_pannel a:hover {
    color: var(--black);
}

.default_page_holder {
    display: flex;
}

.right_pannel div+div {
    margin-top: 40px;
}

.right_pannel {
    min-height: 1000px;
}

.privacy_sec .default_content {
    max-width: 985px;
    margin: 0 auto;
}

.privacy_sec .default_page_holder {
    display: block;
}

.map_holder {
    max-width: 1245px;
    margin: 0 auto;
    max-height: 460px;
}

.map_holder iframe {
    width: 100%;
}

/* @media (min-width: 991.98px) {
    .right_pannel.default_content .each-content-point.active {
        padding-top: 110px;
    }
} */



.each-content-point.active h4 {
    color: #5C3E84 !important;
}

.default_content h4 {
    font-size: 34px;
    line-height: 36px;
    color: #656565 !important;
}

/* .default_content ul li {
    list-style-type: square;
} */

.default_content ul{
    padding: 0;
}
.default_content ul li {
    position: relative;
    padding-left: 27px;
    font-weight: 300;
}
.default_content ul li em{
    display: inline-block;
    font-weight: 400;
    font-style: normal;
}
.default_content ul li::after{
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    width: 13px;
    height: 13px;
    background: #A27FDD;
}
.default_content ul li+li,
.default_content ol li+li {
    margin-top: 12px;
}
.default_page_holder .row>*:nth-child(1) {
    margin-top: 90px;
}
.default_content a {
    color: var(--olive) !important;
}

.default_content a:hover {
    color: #A27FDD !important;
}

/* inner page ends by debalina */