/*----------------------
GLOBAL RESET
----------------------*/
/*   
Theme Name: BLANK Theme
Theme URI: http://digwp.com
Description: This is just a BLANK starter WordPress Theme template -- WordPress v3.0.1
Author: MBALI
Author URI: http://chriscoyier.net
Version: 2
*/


/*----------------------
GLOBAL RESET
----------------------*/

html
{
    overflow-x:hidden;
}

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

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


/*----------------------
Special Effects
----------------------*/
a {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}



/*----------------------
Typography
----------------------*/

ol, ul , li {
    list-style: none !important;
    list-style-position:inside !important;
    padding: 0px;
    margin: 0px;
}


a {
    color:#ccc;

}
a:hover {color:#000;}

/* p {font-size: 16px;font-weight:normal;color: #24383c;line-height: 1.7;} */

/*----------------------
Global Images
----------------------*/

img {border: none;max-width: 100%;}
.img-rounded {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.img-polaroid {padding: 4px;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.img-circle {-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}




.container {width: 1170px;margin:0 auto;}


.slider_wrapper {
    width:960px;
    height:409px;
    overflow:hidden;

}

/*----------------------
Header
----------------------*/

#header {
    float: left;
    width: 100%;
}

.logo {float: left;}


/*----------------------
Navigation
----------------------*/
/* Main Navigation
====================================*/


/*----------------------
Footer
----------------------*/

.head
form#searchform {
    position: relative;
    border: 1px solid #cccccc;
    float: right;
    padding: 3px;
}

form#searchform input {
    border: 0;
    padding: 7px 10px;
    float: left;
}

form#searchform input#searchsubmit {
    background-color: #ed1b24;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Inter';
}

form#searchform i {
    position: absolute;
    left: 10px;
    top: 12px;
}

form#searchform input#s {
    padding-left: 30px;
    font-size: 15px;
}
div#service-slider .thumb {
/*     height: 190px; */
    overflow: hidden;
    margin-bottom: 0;
/*     height: 180px; */
}

div#service-slider h3 {
   font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    padding: 0px;
    /* min-height: 80px; */
    font-family: 'Inter';
}

div#service-slider .content p {
    font-size:20px;
    color: #0d4199;
    font-family: 'Inter';
    font-weight: 400;
    font-style: italic;
}

div#service-slider .content {
    text-align: center;
    padding: 10px 10px 30px;
    margin-top: 10px;
}

div#service-slider .content a {
    font-weight: bold;
    font-size: 16px;
    color: #b7b7b7;
    margin: 20px auto 0;
    display: table;
    background-color: #1189fa;
    color: #fff;
    padding: 9px 20px;
    border-radius: 3px;
}
div#service-slider .box {
    max-width: 96%;
    display: block;
    margin: 0 auto;
    padding:25px;
}
#service-slider .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    left: -70px;
}

#service-slider .owl-nav button.owl-next {
    float: right;
    position: relative;
    right: -140px;
}

#service-slider .owl-nav button {
    font-size: 70px;
    background-color: #1189fa;
    height: 50px;
    width: 50px;
    color: #fff;
    line-height: 0.4;
}

#service-slider .owl-nav button span {
    position: relative;
    top: -3.2px;
    font-size: 49px;
    float: left;
    width: 100%;
}
div#service-slider ~ div {
    display: none;
}
div#service-slider .thumb img {
    width: unset;
    height: unset;
    max-height: unset;
}

/* New css starts here */

.remove_section_space  .elementor-widget-wrap.elementor-element-populated {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.top_banner_titles .elementor-heading-title {
    color: transparent !important;
    background-clip: text !important;
    background-image: linear-gradient(to right, #FFEBA4, #FA8107, #8E1624);
    /*opacity: 0.7;*/
}

header {
    padding: 15px 0px;
}

header {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 0px;
    z-index: 1;
}
.top_banner_section {
    padding: 33em 0px 28em;
}
.top_banner_btn {
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 16em;
}
.top_banner_titles {margin: 0px 0px 0px;position: relative;top: 8em;}

.platform_list {display: flex;display: -webkit-flex;gap: 25px;}

.my_btn_style .elementor-button {
    padding: 16px 20px!important;
}
.book_main_section {
    padding: 10em 0px;
}
.author_section {
    padding: 10em 0px;
}
.join_sec 
{
    padding: 10em 0px;
}
.my_testi_style .elementor-main-swiper {
    width: 100% !important;
    overflow: hidden;
}

.testi_section {
    padding: 20em 0px;
}

.my_testi_style .elementor-testimonial__content {
    position: relative;
    padding-top: 25px;
}

.my_testi_style .elementor-testimonial__content:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -10px;
    background-image: url('/wp-content/uploads/2025/01/testi_sec_strs_icon.png');
    width: 154px;
    height: 26px;
}
.my_testi_style .elementor-swiper-button-prev {
    background-image: url('/wp-content/uploads/2025/01/arrow_left.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 70px !important;
    left: unset !important;
    top: unset !important;
    z-index: 1;
    bottom: 5%;
    
}
.my_testi_style .elementor-swiper-button-next {
    background-image: url('/wp-content/uploads/2025/01/arrow_right.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0px !important;
    bottom: 5% !important;
    z-index: 1;
    top: unset !important;
}

.my_testi_style .elementor-swiper-button {
    width: 60px;
    height: 60px;
    background-color: #fff;
    text-align: center;
    line-height: 60px;
}

.my_testi_style .elementor-swiper-button i {
    font-size: 0px;
}
.make_title_btm_border {
    margin-bottom: 45px !important;
    padding-bottom: 50px !important;
}

.make_title_btm_border .elementor-heading-title {
    position: relative;
}

.make_title_btm_border .elementor-heading-title:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -45px;
    width: 100%;
    height: 1px;
    background: #fff;
}
.cp_row p {
    margin: 0px;
}

.foo_menu_row {
    border-bottom: solid 2px #fff;
    padding-bottom: 3em;
    margin-bottom: 3em;
}

.footer_sec {
    padding: 7em 0px 3em;
}

aside.menu_box {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    transform: translate(-500px, 0px);
    background: #000;
    z-index: 9;
    width: 350px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    transition:all 0.5s linear;
}
aside.menu_box.active_menu {
    transform: translate(0px, 0px);
}


aside.menu_box ul li a {
    text-decoration: none;
    display: inline-block;
    margin: 0px 0px 15px;
    font-size: 18px;
    color: #fff;
    position: relative;
}

aside.menu_box ul li a:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 0%;
    height: 4px;
    background: #8E1624;
    transition: all 0.5s linear;
}

aside.menu_box ul li:hover a:after {
    width: 100%;
}

.close_btn {
    position: absolute;
    right: -15px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #f00;
    border-radius: 0px 0px 20px 0px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
}

.close_btn a {
    color: #fff;
}
section.inner_page_banner {
    padding: 15em 0px;
    background: #181818;
    text-align: center;
}

section.inner_page_banner h2 {
    color: #fff;
    text-transform: uppercase;
    font-family: "Josefin Sans", Sans-serif;
    font-size: 55px;
    font-weight: 700;
    margin: 0px 0px;
}
.contact_inner_section {
    padding: 8em 0px;
}

.inner_row {
    margin-bottom: 25px;
}

.my_form_style input,.my_form_style textarea {
    padding: 13px 15px;
}

.my_form_style textarea {
    resize: none;
}

.my_form_style .elementor-button {
    padding: 18px 0px !important;
    min-height: auto !important;
}
.music_sec {
    padding: 10em 0px;
}

header.sticky {
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 9;
    /* background: #fff; */
    top: 0px;
    box-shadow: 0px 3px 6px #00000015;
    background: rgb(0, 0, 0, 0.7);
    animation: slide-down 0.7s;
    padding: 0px 0px !important;
}
@-webkit-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}

@-moz-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}

@keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}


@media only screen and (max-width: 1024px) {
  .container {
        width: 100%;
    }
    .top_banner_titles .elementor-heading-title {
        font-size: 140px !important;
    }
    .top_banner_titles .elementor-heading-title {
        font-size: 140px !important;
    }
}


@media only screen and (max-width: 767px) {
    .top_banner_section {
        padding: 10em 0px;
    }
    header {
        position: relative;
        background: #000;
    }
    
    header .click_menu_btn {
        position: absolute;
        right: 10px;
        top: -60px;
    }
    .hide_on_mob .elementor-widget-wrap.elementor-element-populated {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .top_banner_titles .elementor-heading-title {
        font-size: 90px !important;
    }
    .top_banner_titles {
        top: 2em;
    }
    .top_banner_btn,.saection_title_large .elementor-heading-title br
    ,.elementor-widget-text-editor br
    {
        display:none;
    }
    .book_main_section,.author_section,.contact_inner_section
    {
        padding: 5em 0px;
    }
    .book_sec_cover_img 
    {
        margin-bottom:25px;   
    }
    .saection_title_large .elementor-heading-title {
        font-size: 50px !important;
    }
    .author_section .elementor-column,
    .testi_section .elementor-column,
    .music_sec .elementor-column,
    .join_sec .elementor-column
    {
        width: 100% !important;
    }
    
    .author_section .elementor-container.elementor-column-gap-default {
        flex-flow: column-reverse;
    }
    .testi_section {
        padding: 10em 0px;
    }
    .music_sec,.join_sec
    {
        padding: 5em 0px;
    }
    .author_single_img {
        margin-bottom: 25px !important;
    }
    .all_center_on_mob .elementor-heading-title,.all_center_on_mob .section_txt {
        text-align: left !important;
    }
    
    .all_center_on_mob .my_btn_style {
        text-align: left !important;
    }
    .my_testi_style .elementor-swiper-button-prev {
        right: 0px !important;
        left: 24px !important;
        top: unset !important;
        z-index: 1;
        bottom: -40%;
    }
    .my_testi_style .elementor-swiper-button-next {
        position: absolute;
        right: unset !important;
        bottom: -40% !important;
        z-index: 1;
        top: unset !important;
        left: 100px !important;
    }
    .footer_sec {
        padding: 3em 0px 0em;
    }
    .foo_menu li.menu-item a {
        margin: 0px 15px 15px !important;
    }
    .foo_menu_row {
        padding-bottom: 0em;
        margin-bottom: 1em;
    }
    section.inner_page_banner {
        padding: 10em 0px;
    }
    section.inner_page_banner h2 {
        font-size: 45px;
    }
    .remove_sp_on_mob {
        margin-bottom: 0px !important;
    }
    .my_frame_style {
        margin-bottom: 15px;
    }
    .my_btn_style .elementor-button {
        padding: 14px 15px !important;
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 420px) {
    .top_banner_titles .elementor-heading-title {
        font-size: 50px !important;
    }
    .section_title_small .elementor-heading-title {
        font-size: 28px !important;
    }
    .saection_title_large .elementor-heading-title {
        font-size: 33px !important;
    }
    section.inner_page_banner h2 {
        font-size: 35px;
    }
    .my_testi_style .elementor-swiper-button {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .my_testi_style .elementor-swiper-button-next {
        left: 80px !important;
    }
    aside.menu_box {
        width: 250px;
    }
}
/* New css ends here */