:root{
    --Medium-teal-blue:#014AAD;
    --Mid--blue:#2B69BB;
    --Purplish-blue:#5E17EB;
    --Lilac:#C3A8F7;
    --Lavender-indigo:#8A57F0;
    --La-salle-green:#00743C;
    --Green-spring-rain:#A5CEBA;
    --Red-orange:#FF3131;
    --Cherry-blossom:#FFBCBC;
    --Jazzberry-jam:#AD0063;
    --Light-orchid:#E2A5C8;
    --black:#000000;
    --white:#ffffff;
    --light-gray:#EFEFEF;
    --Silver-sand:#C0C0C0;
    --Vanilla:#CEC0AA;
    --Hopbush:#CC71A5;
    --Albescent-white:#FBE5D3;
    --panthalassa-bg: linear-gradient(180deg, rgba(251,241,227,1) 0%, rgba(255,255,255,0.9864320728291317) 98%);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.navbar-nav .nav-item a {
   font-size: .8rem;
   padding: 0 !important;
}
.navbar-toggler {
   border: 0!important;
}
.navbar-toggler:focus {
   box-shadow: none!important;
}
/* animation */
.c4-gradient-top-left
{
   background-image:linear-gradient(135deg,#00B4DB 0,#0083B0 100%);
}


/* animation */
.header-navbar{
   background-color: var(--white);
   box-shadow: 0 2px 4px 1px rgba(50, 66, 81, 0.04);
   border: 0!important;
}
.background-panthalassa{
           /* background: rgb(222 237 244 / 18%); */
}
.navbar-nav .nav-item a{
   font-family: "ViRegular", "Helvetica", "Arial", sans-serif;
   font-size: 14px;
   line-height: normal;
   color: #2f3043;
   padding: 20px 16px 20px 5px;
   text-align: left;
   margin: 0 0 0 10px;
}

.navbar{
width: 100%;
height: 94px;
flex-shrink: 0;
border-bottom: 1px solid #D9D9D9;
}
.navbar-nav.navbar-menubar{
   /* padding-left: 180px; */
   display: flex;
   justify-content: space-around;
   padding-top: 12px;
}
.navbar-nav .nav-item .nav-link{
   font-size: 1rem;
   /* font-weight: 600; */
   transition: .8s;
   border-bottom: 1px solid var(--white);
   line-height: 20px;
}
.navbar-nav .nav-item .nav-link.active{
   color: var(--Jazzberry-jam);
   border-bottom: 1px solid var(--Jazzberry-jam);
}
.navbar-nav .nav-item:hover .nav-link{
   border-bottom: 1px solid var(--Jazzberry-jam);
}
.navbar-nav .dropdown-menu {
   top: 54px;
   border-radius: 0;
   padding: 0;
   margin: 0;


}
.navbar-nav .nav-item:hover .nav-link {
 color: var(--black);
  color: var(--Jazzberry-jam);
   transition: .8s;
}
.navbar-nav.navbar-menubar li{
   margin-right: 30px;
 

}
.navbar-nav.navbar-menubar .dropdown-menu li{
   margin-right: 0;
}
.navbar-nav.navbar-menubar .dropdown-menu li a{
   padding: 12px 8px!important;
   margin: 0;
}
.navbar-nav.navbar-menubar .dropdown-item.active,.navbar-nav.navbar-menubar .dropdown-item:active {
   background: var(--light-gray);

}
.navbar-nav.navbar-menubar li img{
   visibility: hidden;
   margin: -24px 0 0 8px;
   width: 18px;
}
.navbar-nav.navbar-menubar li:hover img{
   visibility: visible;
   z-index: 300;
}
.navbar-expand-lg.header-navbar .menu-bg {
   display: flex;
   flex-grow: 0;
   padding: 0;
   overflow-y: visible;
   justify-content:space-between;
}

.navbar .navbar-brand img{
    max-width: 257px;
  
   
}
/* .home-slider .owl-carousel .owl-nav button.owl-prev{
   position: absolute;
    left:0;
 
    color: var(--white);
    font-size: 30px;
    width: 40px;
    padding: 8px;
    pointer-events: all;
    transform: translateX(0);
    transition: transform 0.4s ease;
    background-color: rgba(0, 0, 0, 0.4);
} */
.home-slider .owl-carousel .owl-nav button.owl-prev{
   position: absolute;
    left:-30px;

    color: var(--Silver-sand);
    font-size: 40px; 
    padding: 8px!important;
    pointer-events: all;
    transform: translateX(0);
    transition: transform 0.4s ease;
    background-color:transparent;
    border: .8px solid var(--light-gray);
    width: 48px;
        height: 48px;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
}
.home-slider .owl-carousel .owl-nav button.owl-prev span{
   width: 40px;
   height: 67px;
}
.home-slider .owl-carousel .owl-nav button.owl-next,.home-slider .owl-carousel .owl-nav button.owl-prev{
   top: 178px;

}
.home-slider .owl-carousel .owl-nav button.owl-next{
   position: absolute;
    right:-30px;

    color: var(--Silver-sand);
    font-size: 40px; 
    padding: 8px!important;
    pointer-events: all;
    transform: translateX(0);
    transition: transform 0.4s ease;
    background-color:transparent;
    border: .8px solid var(--light-gray);
    width: 48px;
        height: 48px;
        border-radius: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
}
.home-slider .owl-carousel .owl-nav button.owl-next span{
   width: 40px;
   height: 67px;
}

.panthalassaBtn{
   display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center;
}
.get-product-btn{
   text-decoration: none;
   text-transform: uppercase;
   color: var(--white);
   padding: 10px 20px;
   font-size: .8rem;
   font-weight: 700;
   border-radius: 50px !important;
   border: 0;
   background: var(--Jazzberry-jam);
   box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.3);;


}
/* owl-carousel min css start */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 /* owl-carousel min css end */
 /* owl theme default css start */
 
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 /* owl theme default css end */
 /* hero section start */
.hero-slider .owl-nav{
position: relative;
}
.hero-slider .owl-carousel .owl-nav button.owl-next{
position: absolute;
right: 10px;
top: -200px;
color: var(--white);
font-size: 35px
}
.hero-slider .owl-carousel .owl-nav button.owl-next span{
 
   padding: 4px 8px;
   transition: 0.2s;
}
.hero-slider .owl-carousel .owl-nav button.owl-prev span{

   padding: 4px 8px;
   transition: 0.2s;
}
.hero-slider .owl-carousel .owl-nav button.owl-next span:hover{
   background-color: var(--Jazzberry-jam); 
   padding: 4px 8px;
   transition: 0.2s;
}
.hero-slider .owl-carousel .owl-nav button.owl-prev span:hover{
   background-color: var(--Jazzberry-jam);
   padding: 4px 8px;
   transition: 0.2s;
}
.hero-slider .owl-carousel .owl-nav button.owl-prev{
   position: absolute;
   left: 10px;
   top: -200px;
   color: var(--white);
   font-size: 35px;
}
.home-slider .owl-carousel .owl-item img{
   border-radius: 14px!important;
   /* height: 360px; */

}
.home-slider .owl-carousel{

   margin:80px 0;
   }
 /* hero section end */
 /* panthalassa play start*/
 .panthalassa-play-section{
   width: 100%;
   background:var(--panthalassa-bg)

 }
 .panthalassa-play-section{
   padding: 40px 0;
 }

.panthalassa-play-section .panthalassa-play-content p{
  padding-right: 80px;
  color: var(--Hopbush);
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin: 20px 0 80px 0;
   /* display: inline-block; */
   animation: animate__backInRight; /* referring directly to the animation's @keyframe declaration */
   animation-duration: 2s; /* don't forget to set a duration! */
}

 .panthalassa-play-section .products-list{
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   white-space: nowrap;
   padding-left: 0;
 }
 .panthalassa-play-section .products-list li{
   list-style: none;
   margin-right: 78px;
   margin-bottom: 60px;
  
 }
 .panthalassa-play-section .products-list li img{
   width: 140px;
   margin-bottom: 2px;
 }
 .panthalassa-play-section .products-list li{
   padding: 12px 20px;
   background: #ffffff;
   border-radius: 20px;
   /* box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff; */
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); */
   -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
            box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
          
   cursor: pointer;
 }
 .panthalassa-play-section a{
   text-decoration: none;
 }
 .panthalassa-play-section .products-caption{
font-size: 1.1rem;
color: var(--black);
text-align: center;
 }
 .panthalassa-play-section .products-list li img{

   align-items: center;
  
 
 }
 .panthalassa-play-section .path-nav-link{
width: 100%;
text-align: center;
 }
 .panthalassa-play-section .nav{
   margin: 0 20px 60px 0;
   justify-content: space-between;
 }
.music-managementBtn {
   /* padding: 20px 6px; */
 
   /* border-radius: 50px; */
  
   cursor: pointer;
   font-size: 1rem;

}
.music-managementBtn button{
   background: transparent;
   border: 0;
   background: var(--white);
   box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
}
.music-managementBtn .nav-link{
color: var(--Silver-sand);
padding: 16px 75px;
font-size: 1rem;
font-weight: 600;
border-radius: 50px!important;
}

.music-managementBtn .nav-link:hover{
   color: var(--black);
}
.music-managementBtn .nav-link.active{
   border-radius: 50px;
   color: var(--black)!important;
   background: var(--white)!important;
}
.visit-website-btn{
   text-decoration: none;
   width: fit-content;
   margin-top: 2rem;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   border-radius: 1rem;
   padding: 0.6rem 1rem;
   gap: 0.75rem;
   font-size: 16px;
   line-height: 24px;
   background-color: rgb(173 0 99);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(173 0 99);
   font-weight: 700;
   cursor: pointer;
}
.panthalassa-play-img{
   width: 100%;
   /* background:url(../images/about-bg.webp) no-repeat 100%; */
   border-radius: 20px;
   text-align: center;
}
.panthalassa-play-img img{
   max-width: 100%;
}
.play-head a{
   text-decoration: none; 
}
.panthalassa-play-section .play-head {
   margin-right: 20px;
   margin-bottom: 20px;

}
.vertical-line{
   padding: 0.875rem 1rem;  
   color: var(--Silver-sand);
}

 .play-head img{
   max-width:100%;
 }
 .nav-pills .path-nav-link.active h2{
   color: var(--black);
  
 
}


.path-nav-link{
   margin-right:0;
}
.zoom-in-zoom-out {
   width: 100%;
   animation: zoom-in-zoom-out 2s ease-out;
 }
 
 @keyframes zoom-in-zoom-out {
   0% {
     transform: scale(.2, .2);
   }
   50% {
     transform: scale(1.2, 1.2);
   }
   100% {
     transform: scale(1, 1);
   }
 }
 /* panthalassa play end */
 /* panthalassa artist srtart */
 .artist-bg{
   padding: 220px 0 220px 0;
   width: 100%;
   /* background:url(../images/artist-bg.webp) no-repeat border-box center/cover; */
   background:url(../images/art-bg.webp) no-repeat border-box center/cover;
 }
 .artistBtn{
 margin: 0 435px;
      height: 84px;
     
      border-radius: 20px;
      /* background: #fff; */
      margin-bottom: 40px;
  }
  .artistBtn a{
     text-align: center;
    text-decoration: none;
  }
  .artistBtn h2{
     text-align: center!important;
      padding-top: 16px;
      color: var(--black);
      font-size: 34px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }
  .about-artist p{
   color: var(--Hopbush);
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
margin-bottom: 40px;
  }
  .about-artist{
   margin-bottom: 80px;
  }
  .artist-bg ul{
   display: flex;
   list-style: none;
   justify-content: center;
  }
  .artist-bg ul li{
   margin-right: 100px;
   border-radius: 100px;
  }
  .artist-bg .artist-card img{
border: 3px solid var(--Jazzberry-jam);
border-radius: 100px;
  }
  /* updated artist */
  .artist-sec{
   background: linear-gradient(180deg, rgba(255,251,220,1) 0%, rgba(255,255,255,0.9864320728291317) 98%);
   padding: 40px 0;
  }
  .artist-sec .artistinfo{
   text-align: center;
  }
  .artist-sec .artistinfo h4{
   font-weight: 700;
   list-style: 40px;
   font-size: 1.5rem;
  }
  .artist-sec .artistinfo h3 a{
text-decoration: none;
color: var(--black);
font-weight: 700;
list-style: 40px;
font-size: 1.5rem;
  } 
  .artist-sec .owl-carousel .owl-nav button.owl-next{
   position: absolute;
   right: -30px;
   color: var(--black);
   font-size: 40px;
   padding: 8px !important;
   pointer-events: all;
   transform: translateX(0);
   transition: transform 0.4s ease;
   background-color: transparent;
   border: .8px solid var(--light-gray);
   width: 48px;
   height: 48px;
   border-radius: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
  }
  .artist-sec .owl-carousel .owl-nav button.owl-prev{
   position: absolute;
   left: -30px;
   color: var(--black);
   font-size: 40px;
   padding: 8px !important;
   pointer-events: all;
   transform: translateX(0);
   transition: transform 0.4s ease;
   background-color: transparent;
   border: .8px solid var(--light-gray);
   width: 48px;
   height: 48px;
   border-radius: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
     }
     .artist-sec .owl-carousel .owl-nav button.owl-prev span,  .artist-sec .owl-carousel .owl-nav button.owl-next span  {
      width: 40px;
      height: 67px;
  }
  .artist-sec .owl-carousel .owl-nav button.owl-next, .artist-sec .owl-carousel .owl-nav button.owl-prev {
   top: 178px;
  }
 /* pathlassa artist end */
 /* about section */
 .title-head{
   padding-bottom: 40px;
   text-align: center;
    text-transform: uppercase;
 
 }
.title-head h6{
   font-size: 12px;
    letter-spacing: 14px;
    color: #ed145b;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
}
.title-head h2{
   text-align: center;
   font-size: 40px;
    color: #000;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}
 .about-info{
   padding: 35px;
    padding-left: 55px;
    padding-right: 70px;
    padding-bottom: 80px;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 87px;
 }
 .about-section{
   width: 100%;
   /* background:url(../images/about-bg.webp) no-repeat fixed border-box center/cover; */
   padding-bottom: 40px;
 }
 .about-section.aboutSection{
   width: 100%;
   background: rgb(222 237 244 / 18%);
  padding-bottom: 40px;
 }
 .about-section .about-right{
   background-color: var(--white);
 }
 .about-section .about-img{
   max-height: 372px;
   overflow: hidden;
 }
 .about-section .img-fluid{
   max-width: 100%;
    height: auto;
 }
 .about-section .about-right h3{
   border-bottom: 1px solid #f0f1f2;
   font-size: 26px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 600;
 }
 .about-section .about-time{
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .about-section .about-time img{
   width: 18px;
 }
 .about-section .about-time span{
   margin-left: 20px;
 }
 /* about section end */
 /* chairman section */
 .chairman-section{
  width: 100%;
  padding-top: 20px;
   background-color: var(--Lavender-indigo);
 }
 .chairman-section .chairman-content{
padding-top: 60px;
 }
 .chairman-section .chairman-content h2{
   color: var(--white);
   text-align: center;
font-size: 2.3rem;
padding-bottom: 8px;
 }
 .chairman-section .chairman-content p{
   color: var(--white);
   text-align: center;
font-size: 1.2rem;
 }
 .chairman-section .chairman-img img{
   max-width: 100%;
   display: inline-block;
   width: 100%;
 }
 /* count section */
 .count-section{
   background-color: var(--Lavender-indigo);
   padding: 40px 0;
 }
 .count-section .number-details{
   width: 100%;
   height: 100%;
   text-align: center;
   padding: 20px 0;
   border-right: 2px solid var(--light-gray);
 }
 .number-details.no-border{
   border-right: none;
 }
 .number-details h3{
   margin: 0;
   padding: 0;
   font-size: 2.3rem;
   color:var(--white);
   text-transform: uppercase;
   font-family: 'manrope-extrabold', sans-serif;
   font-weight: 600;
line-height: 54px;
 }
 /* frame section */
 .frame-section{
   width: 100%;
   background: var(--light-gray);
 }
 .fream-img{
   padding-top: 40px;
  text-align: center;
 }
 .fream-img iframe{
   /* width:100%; */
   height: 540px;
 }
 ._2p3a{
   width: 100%!important;
 }
 /* artist start */
 .ourArtistItem{
   margin-top: 60px;
 }
 .artist-section .owl-carousel.owl-drag .owl-item{
   margin-right:0!important;
 }
 .artist-section{
   width: 100%;
   background:url(../images/about-bg.webp) no-repeat fixed border-box center/cover;
   padding: 60px 0;
 }
 .artist-img{
   position: relative;
   width: 100%;
   overflow: hidden;
 }
 .artist-img:hover .artists-overlay{
   bottom: 0;
   height: 100%;
 }
 .artist-info{
   position: absolute;
   top: 235px;
   left: 10px;
 }
 .artists-overlay {
   position: absolute;
   top: -100%;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(237,20,91,.7);
   transition:500ms;
}
.artist-img:hover .artists-overlay {
   top:0;
   width: 100%;
   height: 100%;
   background-color: rgba(237,20,91,.7);
   transition:500ms;
}
 .artist-img img{
   max-width: 100%;
 }
 .list-inline{
   display: flex;
   list-style: none;
   padding: 0;
 }
 .artist-info a{
   color: #fff;
   font-size: 30px;
   line-height: 43px;
    margin-top: 0;
    margin-bottom: 14px;
    display: block;
   text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
 }
 .artist-info h6{
   font-family: allerbold;
    letter-spacing: 8px;
    margin-bottom: 5px;
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--white);
 }
 .list-inline li img{
   max-width: 16px!important;
   margin-right: 8px;
 }
 .list-inline li img:hover{
   filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(28deg) brightness(95%) contrast(105%);
   transition: .6s;
 }
 
 /* artist end */
 /* review section start */
 .testimonial-bg{
   padding: 40px 0;
 }
 .review-star ul{
   display: flex;
   list-style: none;
   justify-content: center;
   margin: 0;
   padding: 0;

 }
 .review-section h3{
   text-align: center;
 }
 .review-section .review-designation{
 text-align: center;
 }
 .review-section .review-description{
justify-content: center;
 }
 .testimonial-bg .owl-theme .owl-nav [class*=owl-]{
margin: 15px!important;
 }
 .testimonial-bg  .owl-carousel .owl-nav button.owl-next,.testimonial-bg  .owl-carousel .owl-nav button.owl-prev{
   width: 35px;
   height: 35px;
   border-radius: 30px;
   color: var(--black);
   font-size: 20px;
 border: 1px solid var(--Jazzberry-jam);
}
.testimonial-bg  .owl-carousel .owl-nav button.owl-next:hover,.testimonial-bg  .owl-carousel .owl-nav button.owl-prev:hover{
   background-color: var(--Jazzberry-jam);
   color: var(--white);
   transition: .6s;
}
 /* review sction end */
 /* OUR partner */
 .partner-section{
   padding: 60px 0;
   /* background: #96b4dd57; */
   box-shadow: 0px 2px 6px #ddd;
 }
 .partner .owl-carousel .owl-item img{
padding: 0 60px;
 }
 /* products start */
 .title-head.Product-head-banner{
   padding: 75px;
   background: linear-gradient(180deg, rgba(255, 251, 220, 1) 0%, rgb(249 252 253) 98%);
   width: 100%;
   margin-bottom: 0;
 }
 .title-head.Product-head-banner h2{
   color: var(--Medium-teal-blue);
 }
 .ourProductSection{
   /* width: 100%;
   background: url(../images/about-bg.webp) no-repeat fixed border-box center/cover; */
   padding: 120px 0 80px 0;
   background: rgb(222 237 244 / 18%);
 }
 /* .card.card-products{
   background: var(--white);
    box-shadow: 0 0 23px -10px rgba(0, 0, 0, 0.1);
    border: none;
    width: 100%;
    color: #b3b5bb;
    border-radius: 5px;
    margin-bottom: 20px;
 }
.pro_img img{
   width: 100%;
}
.pro_img a{
   font-size: 12px;
   color: #b3b5bb;
}
.product-card .card-title{
   font-size: 1.5rem;
    color: var(--Red-orange);
    font-weight: 600;
}
.product-card .card_sub_head{
   font-size: 16px;
    font-weight: 400;
    color: #b3b5bb;
}
.product-card .product-para{
   font-size: 16px;
    font-weight: 400;
    color: #b3b5bb;
}
.product-right{
   font-size: 16px;
    font-weight: 400;
    color: #b3b5bb; 
} */
.product-card{
   background:var(--white);
   border-radius: 30px;
   height: 150px;
   line-height: 54px;
   width: 150px;
   display: block;
   text-align: center;
   margin: 0 auto;
   border: 2px solid var(--Jazzberry-jam);
   margin-bottom: 20px;
   transition: 0.6s;
   padding-top: 8px;
}
.product-card:hover{
   background: rgb(173 0 99 / 89%);
   transition: 0.6s;
   margin-top: -10px;
   color: var(--white);
}
.product-card:hover img{
   filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
   transition: 0.6s;
}
 /* product end */
  /* footer start */
  footer{
   background: linear-gradient(180deg, rgba(255, 251, 220, 1) 0%, rgba(255, 255, 255, 0.9864320728291317) 98%);;
  }
 .footer-bg{
   width: 100%;
   padding: 80px 0 40px 0;

   color: var(--black);
   box-shadow: 0 86px 34px rgba(0,0,0,.01), 0 48px 29px rgba(0,0,0,.03), 0 5px 12px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,.05);
 }
 .footer-bg .foot-info span{
   font-weight: 600;
 }

 .footer-bg ul{
   display: flex;
   list-style: none;
   padding-left: 0;
 }
 .footer-head h5{
   margin-bottom: 30px;
  
  
 }
 .footer-head h5 span{

   border-bottom: 1px solid var(--black);
 }
 
 .footer-bg ul li{
   margin-right: 12px;
 }
 .footer-bg ul li a{
   text-decoration: none;
   color: var(--black);
 }
 .footer-bg .footer-menu{
   display: block;
 }
 .footer-bg .footer-menu li{
  margin-bottom: 8px;
 }
 .footer-bg .footer-menu a{
   text-transform: uppercase;
   font-size: .9rem;
   font-weight: 500;
 }

 .sub-footer h4{
   text-align: center;
 }
 .sub-footer p{
   text-align: center;
   
 }
 .sub-footer .line{
   
   width: 100%;
   border: 1px solid #aeb9b5;
   height: 1px;
 
 }
 .sub-footer-sub input:focus{
   border: 0!important;
   border-radius: 0;
 }
 .footer-bg .subscribeInputBox{
   width:100%;
   padding: 8px 16px;
   background-color: var(--light-gray);
   border: 0;
   
}
.footer-bg .subscribeBtn{
color: var(--black);
font-weight: 600;
font-size: 16px;
background:var(--Lilac);
margin: 0;
border-radius: 0;
}
.footer-bg .subscribeBtn:hover{
   background:var(--Lilac);
}
.footer-social-icon{
padding: 40px 0;
   justify-content: center;
}
.footer-social-icon h3{
   color:#9495a3
}
.footer-bg .sub-footer-sub{
margin-bottom: 20px;
}
.footer-bg .foot-info p{
   margin: 0;
 }
 .sub-footer-sub{
   padding: 8px 0;
 }
 .sub-footer-sub ul{
   display: flex;
   list-style: none;
   margin: 0;
   justify-content: center;
   padding: 0;
 }
 footer .footer-contact {
   margin-bottom: 8px;
 }
 .footer-contact a{
   text-decoration: none; 
   color: var(--black);

 }
 .footer-icon img{
   width: 40px;
 }

 /* footer end */
/* copyright section start */
.copyright-section{


   width: 100%;
   
}
.copyright-section .company-name{

text-align: center;
font-weight: 500;
    padding: 15px 0;

    
}
.copyright-section .company-name{
   color:#9495a3;
}
.copyright-section .company-name a{
color: var(--black);
text-transform: uppercase;
}
/* copyright section end */
/* contact start */
.title-head.contact-head{
padding-top: 40px;
}
.contact-section{
   padding: 40px;
   background:#dbd8b6;
   /* background:linear-gradient(0deg, rgb(42 27 73 / 68%) 0%, rgb(20 4 50 / 92%) 100%),url(../images/slider-2.webp) no-repeat border-box center/cover; */
   width: 100%;
}
.contact-box h2{
   text-align: center;
   font-size: 45px;
   color: var(--black);
}
.contact-box h2 span{
   color: var(--Jazzberry-jam);
}
.contact-box p{
   /* font-size: 24px; */
   text-align: center;
   padding: 0 40px;
   color: var(--black);
}
.contact-form{
   box-shadow: 0 0 3rem 0 rgba(21,23,25,.1);

 
}
.contact-form .form-p{
   padding: 0px!important;
}
.contact-section label{
color: var(--black);
}
/* contact end */
.youtube-section{
   background:linear-gradient(180deg, rgba(251,241,227,1) 0%, rgba(255,255,255,0.9864320728291317) 98%);
   padding: 60px 0;
}
.youtube-section .left-video{
   width: 100%;
   height: 660px;
}
.youtube-section .right-video{
   width: 100%;
   height: 215px;
}
.app-download-section{
   margin: 60px 0;
}
.app-download-section .mobile-app-img img{
width: 420px!important;
}
.app-download-section .mobile-app-img{
   text-align: center!important;
}
.app-download-section .left-download-content h2{

 /* margin-bottom: 60px;
 font-size: 2.5rem;
 font-weight: 500;
 
   */
   text-align: left;
}
.app-download-section .left-download-content .downloadnow{

   text-decoration: none;
   text-transform: uppercase;
   color: var(--black);
   font-size: 1.5rem;
   font-weight: 700;
   border: 0;
   letter-spacing: 1px;
   text-shadow: 3px 3px rgba(123, 164, 197, 0.3);
   margin-bottom: 30px;
}
.left-download-content .down-list{
   display: flex;
   padding-left: 0;
   margin-bottom: 30px;
}
.left-download-content .down-list li{
   list-style: none;
   margin-right: 40px;
}
.left-download-content .down-list li a{
text-decoration: none;
background:#ffffffcc;
color:#6a6161;
padding: 8px 16px;
border-radius: 20px;
box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff;
}
.app-download-section .app-store{
   display: flex;
   padding-left: 0;
}
.app-download-section .app-store li{
list-style: none;
margin-right: 20px;
   
}
.app-download-section .app-store li img{
   width: 200px;
   margin-bottom: 30px;
}
.app-download-section .panthalassa-playBtn{
 
   padding: 17px 30px;
   background: var(--white);
   border-radius: 50px;
   box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff;
   cursor: pointer;
text-decoration: none;
color: var(--Medium-teal-blue);
font-weight: 600;
font-size: 1.1rem;

}
/* service section */
.service-section{

   width: 100%;
   background: rgb(222 237 244 / 18%);
   /* padding: 60px 0; */
   padding-bottom: 60px;
}
.service-card {
   margin-bottom: 30px;
   text-align: center;

   padding: 30px 10px 40px 10px;
   min-height: 320px;
   padding: 12px 20px;
   background: #ffffff;
   border-radius: 20px;
   /* box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff; */
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); */
   -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
   box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
   cursor: pointer;

}
.service-card .service-icon img{
   background: var(--Jazzberry-jam);
   border-radius: 100px;
   width: 100px;
   padding: 8px;
}
.service-card .service-icon{
   text-align: center;
}
.service-card h3{
   text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size:1.3rem;
    margin-top: 20px;
    color: var(--Jazzberry-jam);
    font-weight: 500;
}
.service-card p{
   text-align: center;
   margin-bottom: 0;
   word-spacing: 2px;
}
.client-card{
   overflow: hidden;

 
   transition: transform 0.3s ease;
   margin-bottom: 24px;
   background: var(--white);
   padding: 12px;
   background: #ffffff;
   border-radius: 20px;
   /* box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff; */
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); */
   -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
   box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
   cursor: pointer;
}
.client-card img{
   width: 100%;
   height: auto;
   display: block;
   border-radius: 8px;
}
.client-card .client-name{
   text-align: center;
   font-size: 1.1rem;
}
/* blog start */
.crbt-blog{
   /* padding-top: 100px; */
   background: rgb(222 237 244 / 18%);
   padding-bottom: 40px;
 }
 .main-banner-image{
   position: relative;
   width: 100%;
 }
 .main-banner-image img{
   width: 100%;
  
   
   }
   .slider-box{
      position: absolute;
      top: 0;
    
    }
    .content-box{
      position: absolute;
      border-radius: 0px;
      width: 382px;
      height: 243px;
      left: 139px;
      top: 156px;
    padding: 38px;
    background: rgba(255, 255, 255, 0.8);
    }
    .col-cal img ,.col-view img{
      width: 12px;
    }
    .content-box ol li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #000000;
    }
    .guide-title{
   
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      letter-spacing: 0.02em;
      text-align: left;
      color:var(--Lavender-indigo);
      font-family: Cardo;
      font-size: 22px;
      font-weight: 700;
      line-height: 30px;
      letter-spacing: 0.02em;
      text-align: left;
      
    }
   .right-image1{
      position: relative;
      width: 100%;
      height: auto;
   }
    .right-banner-image img{
      width: 100%;
   
    
    }
    .gradient_layer{
      width: 100%;
      position: absolute;
      top: 0;
      /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.42) 0.01%, #d25571 100%); */
      background: linear-gradient(0deg, rgb(42 27 73 / 68%) 0%, rgb(20 4 50 / 39%) 100%);
      height: 100%;
      padding: 12px;
    }
    .content-title a{
      text-decoration: none;
      color: var(--white);
    }
    .gradient_layer .calender,.gradient_layer .view{
      color: var(--white);
    }
    .featured {
    font-size: 24px;
    color: #000;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    margin: 12px 0;
  }
  .left-image1{
   position: relative;
   width: 100%;
   height: auto;
   margin-bottom: 20px;
  }
  .gradient_layer3 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.42) 0.01%, #d25571 100%); */
background: linear-gradient(0deg, rgb(42 27 73 / 68%) 0%, rgb(20 4 50 / 39%) 100%);
   padding: 12px;
}
  .left-banner-image img {
   /* margin-top: 10px; */
   width: 100%;
 
  }
  .gradient_layer3 .calender ,.gradient_layer3 .view{
   color: var(--white);
  }
  .right-content-blog {
   margin-bottom:12px;
   background-color: #f9f7f7;
   border-radius: 2px;
   width: 100%;

}
  .right-blog-image img{
   width: 100%;
  }
 
  .right-blog-content p{
   font-size: .9rem;
   width: 100%; /* Adjust the width as needed */
   white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* Limit to two lines */
   -webkit-box-orient: vertical;
 margin-bottom: 2px;
  }
  .right-blog-content .calender ,  .right-blog-content .view {
   font-size: .9rem;
  }
  .left-boy-image img{
   width: 100%;
  }
  .const-content{
   padding: 12px 0 4px 0;
  }
  .const-content ol{
   display: flex;
   padding-left: 0;
   margin-bottom: 0;
  }
  .const-content ol li{
   list-style: none;
   margin-right: 8px;
  }
  .const-content p{
   margin-bottom: 2px;
  }
  .left-blog-cards{
   margin-bottom: 40px;
  }
  .button-section ul{
   display: flex;
   padding-left: 0;
   margin-bottom: 0;
   display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    white-space: nowrap;
 

  }
  .button-section ul li{
   margin-bottom: 8px;
  }
  .button-section ul li a{
   display: block;
   padding-right: 0.5rem;
   margin: 0 0.5rem 0.5rem 0;
   font-weight: 400;
   color: var(--black);
   background: var(--white);
   line-height: 1.2;
   padding: 10px 24px;
   border-radius: 40px;
   border: 1px solid var(--Silver-sand);
   font-family: "Hind", sans-serif;
  }
  .button-section ul li{
   list-style: none;
   margin-right: 12px;
  }
  .button-section ul li .blog-button{
   text-decoration: none;
   color: var(--black) !important;
   background: var(--white) !important;
   
  }
  ._1drm._1ds{
   width: 100%!important;
  }
  ._2p3a{
   width: 100%!important;
  }
  .last-section {
   background-color: #f8f9fa;
}
.last-blog-image img {
   width: 100%;
   padding: 40px;
}
.content-box ol{
   padding-left: 0;
}
.crbt-blog .panthalassa-playBtn{
   padding: 10px 18px;
   background: var(--white);
   border-radius: 50px;
   box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff;
   cursor: pointer;
   text-decoration: none;
   color: var(--Medium-teal-blue);
   font-weight: 600;
   font-size: .8rem;
   line-height: 40px;
}
.last-section .panthalassa-playBtn {
   margin-top: 20;
   padding: 12px 32px;
   background: var(--white);
   border-radius: 50px;
   box-shadow: 8px 8px 16px #d9d9d9, -8px -8px 16px #ffffff;
   cursor: pointer;
   text-decoration: none;
   color: var(--Medium-teal-blue);
   font-weight: 600;
   font-size: 1rem;
   line-height: 60px;
}
/* mobile slider */

   .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next {
      position: absolute;
      right: -30px;
      color: var(--black);
      font-size: 40px;
      padding: 8px !important;
      pointer-events: all;
      transform: translateX(0);
      transition: transform 0.4s ease;
      background-color: transparent;
      border: .8px solid var(--Jazzberry-jam);
      width: 48px;
      height: 48px;
      border-radius: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  
}
.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -30px;
   color: var(--black);
   font-size: 40px;
   padding: 8px !important;
   pointer-events: all;
   transform: translateX(0);
   transition: transform 0.4s ease;
   background-color: transparent;
   border: .8px solid var(--Jazzberry-jam);
   width: 48px;
   height: 48px;
   border-radius: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;

}
.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev span, .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next span {
   width: 40px;
   height: 67px;
}
.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next,.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
   top: 178px;
}
.team-artist{
   background: rgb(222 237 244 / 18%);
}
.team-artist .artist img{
   width: 100%;
} 
.team-artist .artist{
text-align: center;
margin-bottom: 20px;
overflow: hidden;
transition: transform 0.3s ease;
margin-bottom: 24px;
background: var(--white);
padding: 12px;
background: #ffffff;
border-radius: 20px;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.team-artist .artist h3 a{
   text-decoration: none;
   color: var(--black);
   font-weight: 700;
   list-style: 40px;
   font-size: 1.5rem;
}

/* media query */
@media(max-width:1440px){
   .home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
      top: 160px;
  }

   .panthalassa-play-section .products-list li {
      margin-right: 40px;
   }
   .service-card {
      min-height: 348px;
   }  
   .service-card h3 {
      font-size: 1.2rem;
   }
   .home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
      top: 160px;
  }
  .music-managementBtn .nav-link {
 
   padding: 16px 50px;
  }
  .home-slider .owl-carousel .owl-nav button.owl-next {

   /* right: 215px; */
  }
  .home-slider .owl-carousel .owl-nav button.owl-prev {

   /* left: 215px; */
  }
}
@media(max-width:1440px){
   .home-slider .owl-carousel .owl-nav button.owl-next {

      /* right: 125px; */
     }
     .home-slider .owl-carousel .owl-nav button.owl-prev {
   
      /* left: 125px; */
     }
     .right-blog-content p {
      line-height: 17px;
      margin-bottom: 3px;
  }
  .right-blog-content .calender, .right-blog-content .view {
   font-size: .8rem;
}
.calender img{
   width: 10px;
}
.view img{
   width: 14px;
}
.calender span .view span{
   font-size: .8rem;
}
}
@media(max-width:1400px){
   .content-box {
    
      top: 116px;
   }
}
@media(max-width:1399px){
   .path-nav-link {
      margin-right: 0px;
  }
  .contact-form {
   box-shadow: 0 0 3rem 0 rgba(21,23,25,.1);
   /* padding: 40px; */
   /* margin: 40px 150px; */
}
}
@media(max-width:1300px){
   .home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
      top: 145px;
  }
}
@media(max-width:1200px){
   .app-download-section .app-store li img {
      width: 180px;
    
  }
  .service-card {
   min-height: 369px;
}
.home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
   top: 145px;
}
.home-slider .owl-carousel .owl-nav button.owl-prev {
   /* left: 78px; */
}
.home-slider .owl-carousel .owl-nav button.owl-next{
   /* right: 78px; */
}
.navbar .navbar-brand img {
   max-width: 190px;
}
.navbar-nav .nav-item a {
   font-size: .9rem;
}
.get-product-btn img {
   width: 80px;
}
.navbar-nav.navbar-menubar li {
   margin-right: 16px;
}
.music-managementBtn .nav-link {
   padding: 16px 35px;
}
.panthalassa-play-section .products-list li img {
   width: 106px;

}
.panthalassa-play-section .products-caption {
   font-size: 1rem;
}
.content-box {
   top: 80px;
}
}
  @media(max-width:1199px){
   .play-head h2 {
      padding: 16px 6px;
      font-size: 1rem;
  }
  .panthalassa-play-content h2 {
   font-size: 30px;
   line-height: 44px;
   width: 29.5rem;
}
.panthalassa-play-section .panthalassa-play-content p {
   padding-right: 0px;
}
.navbar-nav.navbar-menubar{
/* padding-left:100px; */
  }
  .partner .owl-carousel .owl-item img{
   padding: 0;
  }
  .about-info {
   padding-bottom: 11px;
  }
  .contact-form {
   margin:0;
}
.right-blog-image img {
   width: 100%;
   height: 72px;
}
}
@media(max-width:1024px){
   .home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
      top: 125px;
  }
  .home-slider .owl-carousel {
   margin: 60px 0;
  }
  .home-slider .owl-carousel .owl-item img {
   height: 330px;
}

}
@media(max-width:992px){
   .panthalassaBtn {

      justify-content: start;
      margin-left: 20px;
    
  }
  .left-download-content .down-list li {
   margin-right: 12px;
}
.app-download-section .app-store li img {
   width: 160px;
}
.panthalassa-play-section  .play-head{
margin-right: 20px;

}
.panthalassa-play-section .nav {
   margin-bottom: 30px;
}
.panthalassa-play-section .products-list li img {
   width: 120px;
}
.panthalassa-play-section .products-list li {
   margin-right: 14px;
}
.youtube-section .left-video ,.youtube-section .right-video{

   height:340px;
}
.service-card h3 {
   font-size: 1rem;
}
.service-card p{
   font-size: .9rem;
}
.service-section{
   background: rgb(222 237 244 / 18%);
 
}
.home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
   top: 134px;
}
.music-managementBtn .nav-link {
   padding: 8px 12px;
   font-size: .9rem;
}
.right-blog-image img {
   width: 100%;
   height: auto;
}
.main-banner-image{
   margin-bottom: 30px;
}
.last-blog-image img {
   width: 100%;
   padding: 0;
}
.last-banner-content{
   margin-bottom: 20px;
}
.ourProductSection {
   padding: 60px 0;
 
}
.app-download-section .mobile-app-img {
   margin-top: 30px;
}
.app-download-section .mobile-app-img img{
   width: 100%!important;
   }
   .app-download-section{
      margin-bottom: 40px;
   }
   .panthalassa-video-left,.panthalassa-video-right{
      margin-bottom: 20px;
   }
   .navbar-nav.navbar-menubar li {
      margin-right: 12px;
      margin-bottom: 20px;
  }
  .team-artist .artist h3 a{
   font-size: 1.2rem;
}
.contact-section {
   margin-bottom: 20px;
}
.company-loaction{
   height: 350px;
}
}
@media(max-width:991px){
   .navbar-nav.navbar-menubar{
      /* padding-left:20px; */
      padding-top: 0;
        }
        .visit-website-btn {
         margin-bottom: 20px;
        }
        .artist-info {
         top: 154px;
        }
        .artist-info a {
         font-size: 32px;
        }
      
        .title-head h2{
         font-size: 40px;
        }
        .contact-form {
         /* margin: 40px 0px; */
     }
     /* .ourProductSection{
      margin: 20px 40px;
    } */
    .count-section .number-details{
      border-right: none;
      border-bottom: 2px solid var(--light-gray);
    }
    .count-section .number-details.no-border{
      border-bottom:none;
    }
    .navbar-nav .nav-item .nav-link {
      line-height: 30px;
    }
    .navbar-nav .nav-item .nav-link.active{
      border-bottom: 0;
    }
}


@media(max-width:768px){
   .panthalassa-play-section .products-list li img {
      width: 118px;
  }


.app-download-section .music-left-align{
   justify-content: start!important;
}

   .app-download-section .left-download-content {
      padding-top: 0;
  }
  .service-card p {
   font-size: 1rem;
}
.service-card .service-icon img {

   width: 80px;

}
.title-head h2 {
   font-size: 30px;
}
.title-head.Product-head-banner {
   padding: 30px 0;
}
.home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
   top: 107px;
}
.home-slider .owl-carousel .owl-item img {
   height: 277px;
}
.home-slider .owl-carousel {
   margin: 40px 0;
}
.music-managementBtn .nav-link {
   padding: 12px 40px;
   font-size: 1rem;
   margin-bottom: 12px;
}
.artist-sec .artistinfo h3 a {
   font-size: 1.2rem;
}
.app-download-section .left-download-content h2 {
   margin-bottom: 0;
   font-size: 2rem;
}
.footer-social-icon {
   padding: 30px 0;
}

.panthalassa-play-section .products-caption {
   font-size: 1.1rem;
}
.youtube-section {
   background: linear-gradient(180deg, rgba(251, 241, 227, 1) 0%, rgba(255, 255, 255, 0.9864320728291317) 98%);
   padding: 40px 0;
}
.button-section ul li a {
   padding: 8px 20px;
}
.right-blog-content p {
   font-size: 1rem;
   margin-bottom: 12px;
}
.right-blog-content {
   padding:0;
}
.right-blog-content .calender, .right-blog-content .view {
   font-size: 1rem;
}
.calender img {
   width: 12px;
}
.content-box {
   top: 47px;
   left: 50px;
}
.crbt-blog {
   padding-top: 50px;
}
.gradient_layer {
   padding: 16px 40px;
}

.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
   left: 0;
}
.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next {
   right: 0;
}
.contact-form {
   padding: 0;
}
.contact-box h2 {
   font-size: 35px;
}
.service-section {
   padding-bottom: 20px;
}
.app-download-section {
   margin-top: 0;
}
}
@media(max-width:767px){
   .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next, .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
      top: 310px;
   }
}
@media(max-width:660px){
  

}
@media(max-width:614px){
  
}
@media(max-width:580px){
   .home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
      top: 78px;
  }
  .home-slider .owl-carousel .owl-item img {
   height: 230px;
}
}
@media(max-width:575px){
   .panthalassa-play-section .play-head {
      margin-right: 11px;
      margin-bottom: 14px;
  }
  .play-head h2 {

   font-size: 1.2rem;
}

.panthalassa-play-section .products-list li img {
   width: 112px;
}
.panthalassa-play-section .products-list li {
 
   margin-bottom: 30px;
}
.youtube-section .left-video ,.youtube-section .right-video{

   height:320px;
}
.service-card {
   min-height: 290px;
}
.service-section{
   background: rgb(222 237 244 / 18%);
   /* padding: 20px 0; */
}
.get-product-btn {
   padding: 7px 14px;
}

.home-slider .owl-carousel .owl-nav button.owl-next {
   /* right: 40px; */
}
.home-slider .owl-carousel .owl-nav button.owl-prev {
   /* left: 40px; */
}
.home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
   top: 92px;
}
.music-managementBtn .nav-link {
   padding: 12px 29px;
   font-size: 1rem;
   margin-bottom:8px;
   margin-right: 20px;
}
.panthalassa-play-section .nav {
   justify-content: left;
}
.home-slider .owl-carousel .owl-item img {
   height: 230px;
}
.home-slider .owl-carousel .owl-nav button.owl-prev {
   width: 30px;
   height: 30px;
   left: -4px;
}
.home-slider .owl-carousel .owl-nav button.owl-next {
   width: 30px;
   height: 30px;
   right: -4px;
}
.home-slider .owl-carousel .owl-nav button.owl-next span {
   width: 40px;
   height: 70px;
}
.home-slider .owl-carousel .owl-nav button.owl-prev span {
   width: 40px;
   height: 70px;
}
.artist-sec .owl-carousel .owl-nav button.owl-next {
   right: -4px;
}
.artist-sec .owl-carousel .owl-nav button.owl-prev {
   left: -4px;
}
.slider-box {
   width: 100%;
height: 100%;
}
.content-box {
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding-top: 100px;

}
.gradient_layer {
   padding: 8px 22px;
}
.footer-bg h5 {
   margin-bottom: 8px;
}
.footer-bg {
   padding: 40px 0 20px 0;
}
.footer-bg .footer-menu a {

   font-size: .8rem;

}
.footer-bg h5 {
 
   font-size: 1rem;
}
.app-download-section .panthalassa-playBtn {
   padding: 12px 20px;
   font-size: 1rem;
}
.navbar-nav.navbar-menubar li {
   margin-right: 30px;
  
}
.ourProductSection {
   padding: 30px 0;
 
}
}
@media(max-width:530px){
   .music-managementBtn .nav-link {
      padding: 10px 20px;
      font-size: .8rem;
      margin-bottom: 8px;
      margin-right: 12px;
  }
}
@media(max-width:480px){
 
.panthalassa-play-content h2 {
   font-size: 24px;
   line-height: 44px;
  width: 100%;
} 
.ourProductSection{
   margin: 20px;
 }
 .content-box {
 
   padding-top: 80px;

}
.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next, .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
   top: 260px;
}
}
@media(max-width:455px){
   .artist-info a {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 7px;
   }
   

}
@media(max-width:430px){
   .panthalassa-play-section .products-list li{
      margin: 0 6px 8px 6px;
   }
   .panthalassa-play-section .products-list li img {
      width: 83px;
    
  }
  .navbar .navbar-brand img {
   max-width: 184px;
}
.panthalassa-play-section .products-caption {
   font-size: .8rem;
}
.panthalassa-play-section .nav {
   display: block;
   justify-content: center;
   padding: 0 40px;
}
.panthalassa-play-section .music-managementBtn button {
   width: 100%;
   margin-right: 0;
   font-size: 1rem;
}
.artist-sec .owl-carousel .owl-nav button.owl-next, .artist-sec .owl-carousel .owl-nav button.owl-prev {
   top: 89px;
}
}
@media(max-width:425px){
   .visit-website-btn {
      padding: 4px 1rem;
   }
   .about-info {
      padding: 30px;
   }
   .about-section {
      /* padding: 20px 0; */
      padding-bottom: 20px;
   }
   .title-head h2 {
      font-size: 24px;
  }
  .artist-section {
   padding: 20px 0;
  }
  .testimonial-bg {
   padding: 20px 0;
  }
  .partner-section {
   padding: 20px 0;
  }
  .contact-section{
padding: 20px;
  }
  .contact-box p {
   padding: 0 20px;
  }
  .contact-form {
   margin: 0 0 20px 0px;
}
.contact-form{
padding: 4px;
}

.title-head.contact-head {
   padding: 20px 0 0 0;
}
.panthalassa-play-section .play-head {
   margin-right: 6px;
   margin-bottom: 8px;
}

.panthalassa-play-section .products-list li img {
   width: 70px;
   padding: 6px;
}
.navbar .navbar-brand img {
   max-width: 190px;
}
.home-slider .owl-carousel .owl-item img {
   height: 180px;
}
.home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
   top: 70px;
}
.panthalassa-play-section .products-caption {
   font-size: 1rem;
}

 
 .panthalassa-play-section .nav {
   display: block;
   justify-content: center;
   padding: 0 40px;
 
 }
 .panthalassa-play-section  .music-managementBtn button{
width: 100%;
margin-right: 0;
font-size: 1rem;
 }
 .footer-social-icon h3 {
   color: #9495a3;
   font-size: 1.3rem;
}
.footer-icon img {
   width: 30px;
}
.right-blog-content p {
   font-size: 1rem;
   margin-bottom: 6px;
}
.content-box {
   padding-top: 40px;
}
.crbt-blog {
   padding-top: 20px;
}
.contact-box h2 {
   font-size: 30px;
}
}
@media(max-width:412px){
   .panthalassa-play-section .products-list li{
      margin: 0 6px 8px 6px;
   }
   .panthalassa-play-section .products-list li img {
      width: 77px;
    
  }
  .navbar .navbar-brand img {
   max-width: 184px;
}
.panthalassa-play-section .products-caption {
   font-size: .8rem;
}
}
@media(max-width:411px){
   .navbar .navbar-brand img {
      max-width: 127px;
    
   }
   .header-navbar .navbar-toggler-icon {
    
      width: 1.2em;
      height: 1.2em;
   }
   .get-product-btn img {
      width: 60px;
   }
   .navbar {
      height: auto;
   }
}
@media(max-width:404px){
   .music-managementBtn .nav-link {
      padding: 8px 11px;
      font-size: .8rem;
      margin-bottom: 8px;
      margin-right: 12px;
      width: 100%;
  }

}
@media(max-width:396px){
   .panthalassa-play-section .products-list li img {
      width: 120px;
  }
  .panthalassa-play-section .nav {
display: block;
}
.music-managementBtn .nav-link {
   padding: 13px 50px;
   font-size: 1rem;
}
}
@media(max-width:391px){
   .artist-info {
      top: 113px;
  }
}
@media(max-width:375px){
 

.contact-section{
   padding: 20px 16px;
     }
     .contact-box p {
      padding: 0 8px;
     }
     .ourProductSection{
      margin:8px;
    }
    .title-head {
      padding-bottom: 0;
    }
    .panthalassa-play-section .nav {
      margin-bottom: 8px;
  }
  .app-download-section .app-store li img {
   width: 120px;
}


.play-head h2 {
   padding: 10px 0px;

}
.home-slider .owl-carousel .owl-nav button.owl-next {
   /* right: 10px; */
}
.home-slider .owl-carousel .owl-nav button.owl-prev {
   /* left: 10px; */
}
.navbar .navbar-brand img {
   max-width: 150px;
}
.title-head {
   padding-bottom: 20px;
}
.home-slider .owl-carousel .owl-item img {
   height: 160px;
}


.panthalassa-play-section .nav {

   padding: 0 12px;
}
.content-box {
   padding-top: 24px;
}
.crbt-blog .panthalassa-playBtn {
   padding: 6px 12px;
}
.content-box {
   padding: 20px;
}
.footer-bg ul li {
   margin-right: 8px;
}
.footer-icon img {
   width: 28px;
}
.panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next, .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
   top: 220px;
}
.contact-box h2 {
   font-size: 24px;
}
}
@media (max-width: 374px){
.artist-info {
    top: 282px;
}
.artist-info a {
   font-size: 30px;
   line-height: 32px;
   margin-bottom: 14px;
}
.number-details h3 {
   font-size: 30px;
}
.left-download-content .down-list {
 
}
.left-download-content .down-list li a {
   padding: 8px;
}
}
@media(max-width:365px){
   .panthalassa-play-section .products-list li img {
         width: 94px;
   }
   .navbar .navbar-brand img {
      max-width: 119px;
   }
   
   .footer-icon img {
      width: 30px;
  }
  .footer-social-icon h3{
   font-size: 1.1rem;
  }
}
@media (max-width:360px){


}
@media(max-width:348px){
   .panthalassa-play-section .products-list li img {
      width: 84px;
  }
  .right-blog-content p {
   font-size: .9rem;

}
.right-blog-content .calender, .right-blog-content .view {
   font-size: .9rem;
}
.calender img {
   width: 10px;
}
}
@media(max-width:320px){
   .home-slider .owl-carousel .owl-nav button.owl-next, .home-slider .owl-carousel .owl-nav button.owl-prev {
      top: 62px;
  }
  .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-next, .panthalassaPlaySlider .owl-carousel .owl-nav button.owl-prev {
   top: 184px;
}

}