*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    background: #Fff;
    font-size: 18px;
    color: #182044;
    font-family: "Inter", sans-serif;
}

.head-top{position: fixed !important;
    width: 100%;  backdrop-filter: blur(10px);
    animation: slideDown 0.35s ease-out;}

    @keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}


.nav-section .nav-link:hover {
    text-decoration: none;
    color: #EA3236
}

img {
    max-width: 100%;
    height: auto;
    
}


.logo-sec span {
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
}

.logo-sec {
    padding: 10px 0px;
}

.logo-sec img {
    max-width: 165px;
    padding: 10px 0px;
}

.nav-section-main {
    position: sticky;
    top: 0px;
    z-index: 9999;
    background: #000;
}


.nav-section .nav-link.active {
    color: #EA3236;
    font-weight: 600;
}

.nav-section .nav-link {
    font-size: 17px;
    font-weight: 400;
    padding: 12px 34px;
}

.nav-section {
    float: right
}

.slide-section {
    background: url('https://eagmag.com/staging/wp-content/uploads/2025/08/HomeBanner.jpg');
    background-size: cover;
    background-position: center;
}

.slide_mid {
    color: #fff;
    text-align: center;
    padding: 28% 0px 85px;
}

.slide_mid h2 {
    font-size: 63px;
    font-weight: 600;
    text-align: center;
    margin: 0px;
}

.slide_mid h5 {
    font-size: 19px;
    padding: 25px 0px;
    margin: 0px;
}

.home_btn {
    color: #fff;
    text-decoration: none;
    background: #EA3236;
    padding: 18px 45px;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
}

.search-main {
    background: #F8F8F8;
}

.search_sec h5 {
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
}

.search_sec {
    padding: 45px 150px;
}

.search_bar {
    background: #E7E7E7;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.search_bar input {
    width: 100%;
    background: inherit;
    border: 0;
    outline: none;
    padding-right: 14px;
}

.search_bar i {
    color: #C9C9C9;
    font-size: 20px;
    padding-right: 10px;
}

.search_bar label {
    font-size: 11px;
    background: #fff;
    padding: 6px 40px;
    text-transform: uppercase;
    color: #000;
}

.artist_sec {
    padding: 45px 0px;
}

.artist-head {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 35px;
}

.bottom-sec {
    padding: 20px 0px;
}

.art_txt {
    font-size: 12px;
    padding-right: 6px;
}

.art_txt span {
    color: #A5A5A5;
}

.bottom-sec a {
    text-decoration: none;
    color: #EA3236;
    font-size: 12px;
}

.art_txt.border-right {
    border-right: 1px solid #ccc;
}

.conversection_sec {
    background: #F8F8F8;
    padding: 60px 0px;
}

section.conversection_sec h5 {
    font-size: 30px;
}

.text_area img {
    max-width: 150px;
    width: 150px;
}

.rate_mid {
    display: flex;
    padding: 0px 110px;
}

.text_area {
    background: #fff;
    padding: 20px;
    border-radius: 15px 0px 0px 15px;
}

.img-aria img {
    border-radius: 0px 15px 15px 0px;
}

.text_area span {
    font-size: 18px;
    border-right: 1px solid #ccc;
    padding-right: 2px;
}

.text_area label {
    font-size: 12px;
    padding-left: 2px;
}

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

.owl-prev {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translate(-50%, -70%);
    border-radius: 50% !important;
    border: 1px solid #ccc !important;
    width: 40px !important;
    height: 40px !important;
}

.owl-next {
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translate(-50%, -70%);
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #ccc !important;
}

/* Deepak */
.require-fields-val {
    color: red !important;
}

.login-sect {
    margin-bottom: 18px !important;
}

.label-limit {
  font-size: 0.875rem; /* Small font size */
  font-weight: 500;   /* Medium font weight for emphasis */
}


.apply-btns {
    width: 40px;
    color: green;
    border: none;
    background: white;
}

.formSection {
    padding: 40px 0px 0px 0px;
}

.successmessage {
    color: green;
    margin-top: 40px;
}

.column-section{
    border: 1px solid #b6b6b6;
}

.column-section-bot{
    margin-bottom: 21px;
}

.error-messages{
    color: red;
    font-size: 13px;
    padding: 17px 0px 0px 0px;
    margin-bottom: -12px !important;
}

.suc-message{
    padding: 6px;
    margin-top: 28px;
}

.card-dec{
    max-height: 440px;
}

 

.helper-text {
    display: block;
    font-size: 12px; 
    color: #6c757d; 
    margin-top: 4px; 
    font-style: italic; 
}

.slide-section{
    height: 600px;
}

.slide-section img {
    height: 600px;
}

.infowidth{
    font-size: 10px;
}

.footerlogo{
    border-radius: 10px;
}


.slide-inner-page img {
    width: 100%;
    height: 600px; 
    object-fit: contain; 
    background: #808080; 
}


.swiper {
    width: 100%;
    /* max-width: 900px;
    height: 400px;  */
    /* margin: 20px auto; */
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
}



.card-img-wrapper {
    height: 303px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Keeps aspect ratio & fills container */
}

.btnlinks{
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
    gap: 5px;
}



/* Info hover css styles */


 .template-info .img-infos {
     list-style-type: none; 
     font-weight: bold;
     margin-bottom: 13px;
 }

 .template-info .img-infos small {
     font-weight: normal;
     font-size: 0.85em; 
     color: #666; 
     margin-left: 4px;
 }


 .tooltip-content {
     display: none;
     position: absolute;
     bottom: 120%;
     left: 50%;
     transform: translateX(-50%);
     background: #fff;
     border: 1px solid #ddd;
     padding: 10px 14px;
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
     z-index: 100;
     min-width: 220px;
     text-align: left;
     font-size: 14px;
     line-height: 1.4;
     color: #333;
 }

 /* little arrow under tooltip */
 .tooltip-content::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -6px;
     border-width: 6px;
     border-style: solid;
     border-color: #fff transparent transparent transparent;
     filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
 }

 .tooltip-content ul {
     margin: 0;
     padding-left: 18px;
     list-style-type: disc;
     /* bullet points */
 }

 .tooltip-content li {
     margin: 4px 0;
 }

 /* show on hover */
 .info-icon:hover .tooltip-content {
     display: block;
 }



.info-icon {
    position: absolute;
    top: 2px;
    right: 13px;
    font-size: 14px;
    background: #fff; 
    padding: 2px 6px;
    cursor: pointer; 
    z-index: 10;
    text-align: center; 
}
 /* 
.info-icon::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -35px; 
    right: 0;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    z-index: 20;
}
 
.info-icon:hover::after {
    opacity: 1;
    transform: translateY(0);
} */
 
 

/* Deepak css ends here */

.strorie_list h5 {
    font-size: 35px;
    margin-bottom: 25px;
}

.strorie_list {
    padding: 60px 0px;
}

.inspiring-sec {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
}

.inspiring-sec label {
    background: #F6F8FF;
    padding: 5px 15px;
    border-radius: 10px;
    margin: 10px 0px;
    font-size: 14px;
    font-weight: 600;
}

.inspiring-sec h6 {
    font-size: 23px;
}

.title_bottom span {
    font-size: 14px;
    padding-right: 12px;
    padding-left: 5px;
}

.poscast {
    color: #EA3236;
}

.news-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsleter {
    background: #000;
    padding: 50px 0px;
}

.form_sec label {
    padding: 15px 0px;
    font-size: 15px;
}

.newshead h6 {
    font-size: 40px;
    color: #fff;
}

.newshead p {
    color: #fff;
}

.newshead {
    padding-right: 45px;
}

.inp input {
    border: 0;
    outline: none;
    padding: 8px;
}

.inp {
    background: #fff;
}

.inp i {
    padding-right: 10px;
    font-size: 12px;
}

.sub-sec {
    display: flex;
}

.subscribe-btn {
    border: 0;
    margin: 0px 7px;
    padding: 0px 10px;
    background: #EA3236;
    color: #fff;
    font-size: 14px;
}

.border-b {
    border-bottom: 1px solid #ccc;
}

.menu-sec {
    padding-bottom: 10px;
}
.menu-sec p {
    font-size: 15px;
}
.folowus-sec p {
    font-size: 15px;
}
.bottom-sec h5 {
    font-size: 25px;
}



/* Main CSS */
/* .grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
} */
.grid-wrapper > div > img {
	width: 100%;
	height: 80%;
	object-fit: cover;
	border-radius: 5px;
}

.grid-wrapper {
    display: grid
;
    grid-gap: 67px 30px;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    grid-auto-rows: 290px;
    grid-auto-flow: dense;
}
.grid-wrapper .wide {
	grid-column: span 2;
}
.grid-wrapper .tall {
	grid-row: span 2;
}
.grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}


.form_sec {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    /* padding: 100px 0px; */
}
.form_sec p {
    font-size: 14px;
}
.form_sec .form-group label {
    font-size: 17px;
    padding: 15px 0px;
}
.attached_sec input[type=file]{
    width:106px !important;
    font-size: 14px;
    
}
input[type="file"]::file-selector-button {
    
    padding: 8px 15px;
   border: 0;
    background-color: #595D64;
    color:#fff;
  }
.attached_sec a {
    background: #595D64;
    padding: 10px 15px;
    text-decoration: none;
    color: #fff;
    margin-left: 10px;
}

.choose_color_sec a{
    width: 30px;
    height: 30px;
    background: #f00;display: inline-block;
}
.inner_color {
    border: 1px solid #CFD4D8;
    width: 205px;
    padding: 16px 30px 8px 24px;
    justify-content: space-around;
}

.inner_template {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .template_sec img {
    width: 100%;
}
  
  /* Hide the browser's default checkbox */
  .inner_template input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .inner_template .checkmark {
      position: absolute;
      left: 50%;
      height: 25px;
      width: 25px;
      border: 1px solid red;
      top: 50%;
      transform: translate(-50%, -50%);
  }
  
  /* On mouse-over, add a grey background color */
  .inner_template:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .inner_template input:checked ~ .checkmark {
    background-color: #EA3236;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .inner_template .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .inner_template input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .inner_template .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  

.below_inner {
    display: flex;
    gap: 15px;
}
.below_inner p {
    padding-top: 10px;padding-left: 25px;
}
.form_sec h6 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 15px;

}
.btn.pre-btn {
    border: 1px solid #EA3236;
    border-radius: 0;
    color: #EA3236;
    padding: 8px 30px;
}
.below_inner .checkmark {
    left: 18px;
}
.below_inner .checkmark {
    left: 14px;
}
.btn.submit-btn {
    background: #EA3236;
    border-radius: 0;
    color: #fff;
    padding: 8px 30px;
}
.sub_sec {
    text-align: center;
    padding-top: 25px;
    margin-bottom: 35px;
}

.podcast_sec {
    text-align: center;
    padding: 60px 0px;
}
.podcast_sec p span {
    font-size: 25px;
    font-weight: 600;
    padding: 25px 0px;
    display: inline-block;
}
.podcast_sec img{width: 210px;}
.sptify_sec img {width: 40px;}
.sptify_sec span {
    font-size: 18px;
    color: #666666;padding-left: 16px;
}
.sptify_sec a label:hover{cursor: pointer;}
.sptify_sec a {
    border: 1px solid #ccc;
    text-decoration: none;
    padding: 4px 22px;
    border-radius: 8px;margin: 6px;
    display: flex
;
    align-items: center;
}


    .sptify_sec label {
        display: block;    color: #000;
    }
    .sptify_sec {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .latest_apisode {
        font-size: 23px;
        padding-bottom: 25px;
    }

    .load_btn {
        text-align: center;
        padding: 35px 0px;
    }
    .load_btn a {
        background: #EA3236;
        text-decoration: none;
        color: #fff;
        padding: 15px 30px;
        border-radius: 5px;
        display: inline-block;
        margin: 17px;
    }
    .title_profile {
        padding: 0px 0px 18px;font-size: 18px;
    }
    .bottom_title {
        font-size: 12px;
        padding: 4px;
    }
    .title_profile span{
        font-size: 12px;
    }
    .messase-sec label {
        padding: 25px 0px;
    }
    .messase-bottom {
        text-align: right;
        padding-top: 6px;
        font-size: 12px;
    }
    /* .nxt_btn {
        text-align: right;
    } */
    .nxt_btn button {
        background: #EA3236;
        border: 0;
        padding: 10px 35px;
        color: #fff;
        font-size: 15px;
    }
    .form_proces_sec {
        background: #F2F2F2;
        padding: 25px 0px;
        margin-bottom: 43px;
    }
    .video-sec {
        display: flex;
    }
   
        .video-sec .left_sec {
            width: 50%;
           
        }
    
    .video-sec .right_sec {
        padding: 10px;
        background: #000;
        color: #fff;
        width: 50%;border-radius: 0px 15px 15px 0px;
    }
    .video-sec .right_sec .right_title{padding: 80px;
        font-size: 30px;}
        .video-sec .right_sec h5{
            font-size: 30px;}
            .video-sec .right_sec .right_title span{font-size: 15px;}

    .left_sec img {border-radius: 15px 0px 0px 15px;}
    .play_bottom {
        text-align: right;
        padding: 0px 30px;
    }
    .play_bottom img {
        width: 80px;
    }
    .play_bottom img:hover {
       cursor: pointer;
    }

    .proces_inner {
        padding: 22px 176px;display: flex;justify-content: center;
    }
    .payment_sec span {
        display: block;
        text-align: center;font-size: 20px;
        font-weight: bold;
    }
    .fill_form span {
        display: block;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    .preview_submit span {
        display: block;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    .payment_sec :before {
    height: 1px;
    position: absolute;
    content: '';
    z-index: 999;
    width: 256px;
    top: 13px;
    left: 47px;
    border-top: 2px dotted #595D64;
}
    .payment_sec {
        position: relative;
	width: 260px;
    }
.pay{width:62px}


.fill_form :before {
    height: 1px;
    position: absolute;
    content: '';
    z-index: 999;
    width: 85%;
    top: 13px;
    left: 84px;
    border-top: 2px dotted #595D64;
}

    .fill_form {
        position: relative;
width:300px;
    }

.fill {
    width: 135px;
}
    .payment_sec label {
        font-size: 14px;
    }
    .fill_form label{font-size: 14px;}
    .preview_submit label{font-size: 14px;}

    .proces_inner .payment_sec.active span,.proces_inner .payment_sec.active label {
        color: #41d717;
    }
    .payment_sec.active :before {
       
        border-top: 2px dotted #41d717;
    }
    .payment_summary {
        width: 600px;
        margin: 0 auto;
    }
    .fields label {
        font-size: 18px;
    }
    
    
    .payment_summary h6 {
        font-size: 20px;
    }
    
    .fields .input-group .input-group-text{background: inherit;}
    .discount_txt {
        font-size: 14px;
        padding: 10px 0px;
        color: #1F9502;
    }
    .purchage_btnsec {
        padding: 40px 0px;
    }
    .purchage_btnsec button {
        background: #EA3236;
        border: 0;
        width: 100%;
        padding: 8px;
        color: #fff;
    }
    .feilds_inner .form-check-input:checked {
        background-color: #17b818;
        border-color: #17b818;
    }

































.folowus-sec ul {
    margin: 0;
    padding: 0;
}

.folowus-sec ul li {
    list-style: none;
}

.folowus-sec ul li a {
    color: #000;
    text-decoration: none;
    line-height: 2.2;
    font-size: 15px;
}








.footer-left {
    padding-top: 30px;
}




.footer-top-sec ul {
    padding: 0;
    margin: 0;
}

.footer-top-sec ul li {
    list-style: none;
    float: left;
    width: 20%
}


.footer-top-sec ul {
    position: relative;
}

.insta-img-sec {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.socils li {
    float: left;
    padding: 18px 18px 0px 0px;
}

ul.socils li a img {
    max-width: 45px;
}

ul.socils {
    width: 200px;
}

.footer-left span {
    color: #70c33e;
    font-size: 13px;
}

.footer-left h5 {
    padding: 20px 0px;
    font-size: 40px;
    margin: 0;
}

.social-sec span {
    display: block;
    font-size: 18px;
    color: #182044;
}

.social-sec span i {
    font-size: 15px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    padding: 14px;
    margin: 6px 20px 10px 0px;
    box-shadow: 0px 0px 3px 0px #ccc;
}



.social-sec span a {
    color: #182044;
    text-decoration: none;
}






.contact-section {
    padding: 40px 0px;
}

.footer-middle-sec {
    float: left;
    width: 100%;
    background: #ffffff;
    margin-top: 58px;
}

.menu-sec h5,
.contact-sec h5,
.folowus-sec h5 {
    font-size: 15px;
    padding: 8px 0px;
    color: #000000;
}
.menu-sec p {
    padding-right: 58px;
}

.menu-sec ul {
    padding: 0;
    margin: 0;
}

.menu-sec ul li {
    list-style: none;
}

.menu-sec ul li a {
    text-decoration: none;
    font-size: 15px;
    color: #000000;
}

.contact-sec span a,
.contact-sec span {
    text-decoration: none;
    font-size: 15px;
    color: #fff;
}



.contact-sec span,
.folowus-sec span {
    display: block;
    padding: 5px 0px;
}

.folowus-sec span a {
    text-decoration: none;
    font-size: 15px;
    color: #fff;
}

.contact-sec span i {
    padding-right: 10px;
    font-size: 12px;
}

.folowus-sec a i {

    padding: 10px 35px 0px 0px;
    color: #000;
    font-size: 24px;
}

.link-footer {
    padding: 0;
    margin: 0;
    text-align: right;
}

.link-footer li {
    list-style: none;
    display: inline-block;
}

.link-footer li a {
    font-size: 15px;
    text-decoration: none;
    color: #ccc;
    border-right: 1px solid #ccc;
    padding: 0px 31px;
}

.link-footer li:last-child a {
    border: 0 !important;
}

.reserved {
    font-size: 15px;

}

.footer-bottom-section {
    padding: 10px;
    float: left;
    width: 100%;
}


/* Deepak CSS start from here */
  .deleteButton {
      background: red;
      color: white;
      border: none;
      height: 44px;
      width: 45px;
  }

  #addMoreButton {
      background: #51d851;
      color: white;
      border: none;
      height: 44px;
      width: 44px;
      font-size: 33px;
      padding: 0px 0px 0px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 10px;
  }


   .upload-sect {
       margin-top: 10px;
   }


   img {
       width: 100%;
       max-width: 100%;
   }


   .img_section {
       text-align: center;
        margin: 0 0 18px 0; 
        padding: 0;
   }

   .img_section .row {
       margin-left: 0;
       margin-right: 0;
   }

   
   .profile {
       text-align: center;
       padding: 25px;
       position: relative;
   }

   .profile>img {
       width: 80px;
       height: 80px;
       border-radius: 50%;
   }

   .profile+h2 {
       font-size: 30px;
       font-style: italic;
       padding-bottom: 10px;
       font-weight: normal;
   }

    .img_tp {
       height: 280px;
       overflow: hidden;
   }

     

    .img_tp1 {
        height: 575px; 
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }  


       


   .img_tp img {
       height: 100%;
       width: 100%;
       object-fit: cover; 
   }  

      .img_tp1 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }  


      .img_tp1 img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }  


       



        .rightlarge .img_tp img {
            display: block;
        }



        
      




   .qrcode_sec {
       position: absolute;
       width: 105px;
       top: 16px;
       right: 0;
   }

   .loader-overlay {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: rgba(128, 128, 128, 0.7);
       display: none;
       justify-content: center;
       align-items: center;
       z-index: 9999;
   }

   .loader {
       border: 6px solid #f3f3f3;
       border-top: 6px solid #3498db;
       border-radius: 50%;
       width: 50px;
       height: 50px;
       animation: spin 1s linear infinite;
   }

   @keyframes spin {
       0% {
           transform: rotate(0deg);
       }

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

   .hint-label{
    font-size: 11px;
   }

   .location-sec{
    margin-bottom: 16px !important;
   }

  .profile-image {
      width: 120px; 
      height: 120px; 
      object-fit: cover; 
      border-radius: 50%; 
  }


/* Deepak CSS ends from here */


@media screen and (min-width: 767px) {
    .nav-section .nav-link {

        font-size: 16px;
        font-weight: 400;
        padding: 18px !important;
        color: white;
    }
}

@media screen and (max-width: 768px) {

    .logo {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 200px;
    }
    button.navbar-toggler {
        background: #fff;
    }
    .contact-btn {
        background: #34275e;
        color: #fff;
        margin-left: 0;
        border-radius: 10px;
    }

    .nav-section {
        text-align: right;
    }

    .navbar>.container-fluid {
        justify-content: flex-end;
    }

    .logo-sec img {
        max-width: 112px
    }


    li.nav-item>a {
        text-align: left;
        padding-left: 0 !important;
        color: #fff;
    }
    .slide_mid h2 {
        font-size: 32px;
        font-weight: 600;

    }
    .search_sec {
        padding: 33px 0px;
    }
    .inspiring-sec {
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 12px;
    }

    li.nav-item>a.nav-link.contact-btn {
        text-align: center;
    }


    ul.navbar-nav {
        margin: 13px 0 0 0;
    }

    .left-sect {
        position: absolute;
        left: -145px;
        z-index: 9;
    }

    .banner-section {
        width: 100%;
        float: left;
        margin: 0px 0 0 0;
    }

    .logo-sec {
        padding: 10px 0px;
    }

    .lern-txt {
        font-size: 15px;
    }

    .menu-sec h5,
    .contact-sec h5,
    .folowus-sec h5 {
        font-size: 15px;
        padding: 5px 0px;
    }


    .link-footer li a {
        padding: 0px 0px;
    }

    .lern-txt {
        width: 234px;
    }

    .text {
        display: none;
    }

    .slide-feature h4 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .slide-feature {
        padding: 10px;
    }

    .feature-right-sec {
        text-align: left;
        float: left;
        position: relative;
        width: 100%;
    }

    .feature-right-sec .owl-nav {
        position: absolute;
        left: 238px;
        bottom: 154px;
    }
.news-inner{display:inherit;}
.newshead h6 {
    font-size: 30px;
}
.inp input {
        padding: 8px 23px 8px 8px;
        width: 250px;
    }
.inp {
    position: relative;
}
.inp i {
    position: absolute;
    right: 0px;
    top: 15px;
}
.search_sec h5 {
    font-size: 24px;
}
.search_bar {padding: 10px 12px;}
.search_bar label {padding: 6px 18px;}
.artist-head {
    font-size: 25px;
}
.bottom-sec h5 {
    font-size: 20px;
}
section.conversection_sec h5 {
    font-size: 25px;
}
.strorie_list h5 {
    font-size: 25px;
}
.inspiring-sec h6 {
    font-size: 20px;
}
.rate_mid {
    display: inherit;
    padding: 0;
}
.img-aria img {
    border-radius: 0;
}
.text_area {
    border-radius: 0px;
}

.owl-next {
    background: #ffffff !important;
}
.owl-prev {
    background: #ffffff !important;
}
.nav-section {
    float: left;width: 100%;
}
.nav-section .nav-link {
    padding: 6px 34px;
}

.form_sec {
    max-width: 800px;
    width: 100%;
    margin: inherit;
    padding: 23px;
}
.proces_inner {
    padding: 0;
}
    .payment_sec {
        width: 150px;
    }


.pay {
    width: 53px;
}
.payment_sec span {
    font-size: 16px;
}

.payment_sec :before {
    width: 103px;

}
.fill {
        width: 145px;
    }

.fill_form span {
    font-size: 16px;
    
}

.preview_submit span {
    font-size: 16px;
}

payment_sec :before {
    left: 40px;
}

.preview_submit label {
    text-align: center;
}

.preview_submit span {
        padding-left: 16px;
    }

.fill_form :before {
    left: 90px;width: 120px;
}
.payment_summary {
    width: 100%;
    padding: 20px;
}
.form_proces_sec {
    margin-bottom: 0;
}
.form_sec p {
    margin: 0;
}

.video-sec .right_sec .right_title {
    padding: 0px;
    font-size: initial;
}

.play_bottom {
    text-align: right;
    padding: 0px 0px;
}
.play_bottom img {
    width: 46px;
}
.video-sec .right_sec h5 {
    font-size: initial;
}
.video-sec .right_sec .right_title span {
    font-size: 13px;
}
.sptify_sec a {
    padding: 4px 10px;

}
.podcast_sec {
    padding: 20px 0px;
}

.video-sec .right_sec {
    padding: 6px;
}







}