/******************************************************************
  Template Name: DJoz
  Description:  DJoz Music HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
    1.1 Variables
    1.2 Mixins
    1.3 Flexbox
    1.4 Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Services Section
6.  Track Section
7.  Countdown Section
8.  Team Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    font-family: "Now Regular";
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-family: "Rajdhani", sans-serif;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 17px;
    font-family: "Now Regular";
    color: #444444;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 15px 0;
    font-size: 17px;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #ffffff;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

:root {
    --primary-color: #2e43ac;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

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

.section-title h2 {
    font-size: 42px;
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
}

.section-title h1 {
    font-size: 100px;
    color: #f2f2f2;
    font-family: "Rockville Solid Regular";
    position: absolute;
    left: 0;
    top: -45px;
    width: 100%;
    z-index: -1;
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}

/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    padding: 14px 25px 12px;
    color: #ffffff;
    background: #dbae08;
    letter-spacing: 2px;
}

.primary-btn.border-btn {
    background: transparent;
    border: 2px solid var(--primary-color);
    color: #111111;
}

.site-btn {
    font-size: 15px;
    color: #ffffff;
    background: var(--primary-color);
    font-weight: 700;
    letter-spacing: 2px;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 30px;
    width: 100%;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

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

.header {
    background: rgb(46 67 172 / 38%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    transition: 1.5s ease all;
}

.header.header--normal {
    position: relative;
    background: var(--primary-color);
}

.header__logo {
    padding: 10px 0;
}

.header__logo a {
    display: inline-block;
}

.header__nav {
    text-align: right;
}

.header__menu {
    /*padding: 31px 0 27px;*/
    /*display: inline-block;*/
    /*margin-right: 45px;*/
    display:flex;
    justify-content:end;
    align-items:center;
}

.header__menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.header__menu ul li.active a:after {
    opacity: 1;
}

.header__menu ul li:hover a:after {
    opacity: 1;
}

.header__menu ul li:hover .dropdown {
    top: 34px;
    opacity: 1;
    visibility: visible;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.header__menu ul li .dropdown {
    position: absolute;
    left: 0;
    top: 56px;
    width: 150px;
    background: #111111;
    text-align: left;
    padding: 2px 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
    display: block;
    margin-right: 0;
}

.header__menu ul li .dropdown li a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    padding: 8px 20px;
    text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
    display: none;
}

.header__menu ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    padding: 6px 0;
    position: relative;
}

.header__menu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
}

.header__right__social {
    display: inline-block;
}

.header__right__social a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    margin-right: 16px;
}

.header__right__social a:last-child {
    margin-right: 0;
}

.slicknav_menu {
    display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
    /*padding-top: 205px;*/
    /*padding-bottom: 295px;*/
    padding-top: 115px;
    padding-bottom: 170px;
    position: relative;
}
.hero:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(0 0 0 / 23%);
}
.hero__text {
    text-align: center;
}

.hero__text span {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.hero__text h1 {
    font-size: 100px;
    font-family: "Rockville Solid Regular";
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 22px;
    position: relative;
    z-index: 1;
}

.hero__text p {
    color: #ffffff;
    margin-bottom: 20px;
}

.hero__text .play-btn {
    font-size: 26px;
    color: var(--primary-color);
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    line-height: 90px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.hero__text .play-btn i {
    position: relative;
    top: 2px;
    left: 2px;
}

.hero__text .play-btn:after {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 60px;
    width: 60px;
    background: #ffffff;
    border-radius: 50%;
    content: "";
    z-index: -1;
}

.linear__icon {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -16px;
    -webkit-animation: mymove 0.5s infinite alternate;
    animation: mymove 0.5s infinite alternate;
}

.linear__icon i {
    font-size: 50px;
    color: var(--primary-color);
}

@-webkit-keyframes mymove {
    0% {
        bottom: 0;
    }
    100% {
        bottom: -10px;
    }
}

@keyframes mymove {
    0% {
        bottom: 0;
    }
    100% {
        bottom: -10px;
    }
}

/*---------------------
  Events
-----------------------*/

.event {
    padding-bottom: 60px;
}

.event .section-title {
    margin-bottom: 10px;
    position: relative;
}

.event .section-title:after {
    position: absolute;
    right: 46px;
    top: 25px;
    height: 2px;
    width: 775px;
    background: rgba(225, 225, 225, 0.3);
    content: "";
    z-index: -1;
}

.event__slider .col-lg-4 {
    max-width: 100%;
}

.event__slider.owl-carousel .owl-stage-outer {
    padding-top: 30px;
    padding-bottom: 40px;
}

.event__slider.owl-carousel .owl-nav {
    position: absolute;
    right: 15px;
    top: -50px;
}

.event__slider.owl-carousel .owl-nav button {
    font-size: 22px;
    color: #111111;
    opacity: 0.5;
    margin-right: 10px;
}

.event__slider.owl-carousel .owl-nav button:last-child {
    margin-right: 0;
}

.event__item {
    -webkit-box-shadow: 0px 3px 15px rgba(22, 41, 124, 0.1);
    box-shadow: 0px 3px 15px rgba(22, 41, 124, 0.1);
}

.event__item__pic {
    height: 360px;
    position: relative;
}

.event__item__pic .tag-date {
    position: absolute;
    left: 0;
    bottom: -21px;
    width: 100%;
    text-align: center;
}

.event__item__pic .tag-date span {
    font-size: 15px;
    color: #ffffff;
    display: inline-block;
    background: var(--primary-color);
    padding: 12px 8px 9px 20px;
}

.event__item__text {
    text-align: center;
    padding: 45px 10px 25px;
}

.event__item__text h4 {
    font-size: 26px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 10px;
}

.event__item__text p {
    color: #888888;
    margin-bottom: 0;
}

.event__item__text p i {
    color: var(--primary-color);
    margin-right: 8px;
    font-size: 17px;
}

/*---------------------
  Track
-----------------------*/

.track {
    padding-top: 120px;
    padding-bottom: 40px;
    overflow: hidden;
}

.track .section-title {
    margin-bottom: 105px;
}

.track__content {
    height: 502px;
    overflow-y: auto;
    background-color: #ccc;
    padding: 10px;
}

.track__all {
    text-align: right;
    margin-bottom: 100px;
}

.jp-play {
    position: relative;
    height: 50px;
    width: 50px;
    background: transparent;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
}

.jp-play:after {
    position: absolute;
    display: block;
    left: 17px;
    top: 12px;
    width: 16px;
    height: 20px;
    background: url(../img/play-default.png);
    content: "";
}

.jp-state-playing .jp-play {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.jp-state-playing .jp-play:after {
    background: url(../img/pause.png) !important;
    left: 15px;
    top: 12px;
}

.jp-audio .jp-play:focus {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.jp-audio .jp-play:focus:after {
    background: url(../img/play.png);
}

.jp-seek-bar > div {
    height: 5px;
    background: #e1e1e1;
    cursor: pointer;
    width: 200px;
}

.player_bars {
    width: 310px;
    display: table;
    padding-left: 50px;
    position: relative;
    padding-top: 25px;
    float: left;
    margin-right: 30px;
}

.jp-play-bar {
    position: relative;
    height: 100%;
    background: var(--primary-color);
    overflow: visible !important;
}

.jp-current-time {
    font-size: 15px;
    color: #111111;
    position: absolute;
    left: -50px;
    top: -9px;
}

.jp-duration {
    font-size: 15px;
    color: #111111;
    position: absolute;
    right: 0;
    top: 16px;
}

.player_controls_box {
    width: 50px;
    float: left;
    margin-right: 20px;
}

.jp-mute {
    font-size: 18px;
    border: none;
    background: none;
    color: #111111;
    position: absolute;
    left: 0;
    top: 13px;
}

.jp-volume-bar {
    height: 5px;
    width: 70px;
    background: #e1e1e1;
    cursor: pointer;
}

.jp-volume-bar-value {
    background: var(--primary-color);
    height: 100%;
}

.jp-volume-controls {
    position: relative;
    width: 95px;
    float: left;
    padding-left: 30px;
    padding-top: 25px;
}

.single_player_container {
    overflow: hidden;
    margin-bottom: 40px;
}

.single_player_container:last-child {
    margin-bottom: 0;
}

.single_player_container h4 {
    font-size: 26px;
    color: #111111;
    font-weight: 700;
    /*margin-bottom: 20px;*/
    text-transform: uppercase;
}

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

.track__pic:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    content: "";
    z-index: -1;
}

.track__pic img {
    position: relative;
    top: -50px;
    width: calc(100% - 40px);
    margin-left: 40px;
    height: 502px;
}

/*---------------------
  Youtube
-----------------------*/

.youtube {
    padding-bottom: 50px;
}

.youtube .section-title {
    text-align: center;
}

.youtube .section-title h1 {
    font-size: 90px;
}

.youtube__item {
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-bottom: 30px;
}

.youtube__item:hover {
    -webkit-box-shadow: 0px 3px 30px rgba(22, 41, 124, 0.1);
    box-shadow: 0px 3px 30px rgba(22, 41, 124, 0.1);
}

.youtube__item__pic {
    height: 240px;
    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;
}

.youtube__item__pic .play-btn {
    font-size: 16px;
    color: var(--primary-color);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    line-height: 60px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.youtube__item__pic .play-btn i {
    position: relative;
    top: 2px;
    left: 2px;
}

.youtube__item__pic .play-btn:after {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 40px;
    width: 40px;
    background: #ffffff;
    border-radius: 50%;
    content: "";
    z-index: -1;
}

.youtube__item__text {
    padding: 25px 30px 20px 20px;
    background: #ffffff;
}

.youtube__item__text h4 {
    font-size: 26px;
    color: #111111;
    line-height: 34px;
    font-weight: 700;
}

/*---------------------
  Countdown
-----------------------*/

.countdown {
    padding-bottom: 560px;
}

.countdown.countdown--page {
    padding-top: 150px;
    padding-bottom: 150px;
}

.countdown__text {
    text-align: center;
    margin-bottom: 36px;
}

.countdown__text h1 {
    font-size: 90px;
    color: #ffffff;
    font-family: "Rockville Solid Regular";
    color: #ffffff;
    margin-bottom: 25px;
}

.countdown__text h4 {
    font-size: 26px;
    font-family: "Now Regular";
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 4px;
}

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

.countdown__item {
    display: inline-block;
    margin-right: 80px;
    margin-bottom: 30px;
}

.countdown__item:last-child {
    margin-right: 0;
}

.countdown__item span {
    font-size: 90px;
    font-family: "Rajdhani", sans-serif;
    font-weight: 700;
    color: #ffffff;
    display: block;
    line-height: 100px;
}

.countdown__item p {
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.buy__tickets {
    text-align: center;
}

/*---------------------
  Discography
-----------------------*/

.discography {
    padding-bottom: 40px;
    padding-top: 120px;
    overflow: hidden;
}

.discography .section-title {
    margin-bottom: 90px;
}

.discography__item {
    margin-bottom: 45px;
    -webkit-box-shadow: 0px 5px 10px rgba(22, 41, 124, 0.1);
    box-shadow: 0px 5px 10px rgba(22, 41, 124, 0.1);
}

.discography__item__pic img {
    min-width: 100%;
}

.discography__item__text {
    padding: 25px 30px 35px;
    text-align: center;
}

.discography__item__text span {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 700;
}

.discography__item__text h4 {
    font-size: 22px;
    text-transform: uppercase;
    color: #111111;
    margin-top: 10px;
    margin-bottom: 25px;
}

.discography__item__text a {
    display: inline-block;
    margin-right: 10px;
}

.discography__item__text a:last-child {
    margin-right: 0;
}

.pagination__links {
    text-align: center;
    padding-top: 10px;
}

.pagination__links.blog__pagination {
    text-align: left;
}

.pagination__links a {
    display: inline-block;
    font-size: 15px;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #f2f2f2;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-right: 6px;
    margin-bottom: 5px;
    padding: 14px 22px 12px;
}

.pagination__links a:last-child {
    margin-right: 0;
}

.pagination__links a:hover {
    background: #290849;
    color: #ffffff;
}

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

.footer {
    padding-top: 300px;
    padding-bottom: 60px;
    margin-top: -547px;
    height: 549px;
}

.footer.footer--normal {
    margin-top: 0;
}

.footer__address {
    margin-bottom: 50px;
}

.footer__address ul li {
    list-style: none;
    padding-left: 70px;
    position: relative;
    margin-bottom: 30px;
}

.footer__address ul li:last-child {
    margin-bottom: 0;
}

.footer__address ul li i {
    font-size: 18px;
    color: var(--primary-color);
    height: 50px;
    width: 50px;
    background: #ffffff;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.footer__address ul li p {
    color: #ffffff;
    opacity: 0.7;
    margin-bottom: 8px;
}

.footer__address ul li h6 {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
}

.footer__social {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}

.footer__social::before {
    position: absolute;
    left: -46px;
    top: 3px;
    width: 1px;
    height: 130px;
    background: rgba(255, 255, 255, 0.2);
    content: "";
}

.footer__social::after {
    position: absolute;
    right: -50px;
    top: 3px;
    width: 1px;
    height: 130px;
    background: rgba(255, 255, 255, 0.2);
    content: "";
}

.footer__social h2 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 25px;
}

.footer__social .footer__social__links a {
    font-size: 18px;
    color: var(--primary-color);
    height: 50px;
    width: 50px;
    background: #ffffff;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.footer__social .footer__social__links a:last-child {
    margin-right: 0;
}

.footer__newslatter {
    margin-bottom: 50px;
}

.footer__newslatter h4 {
    font-size: 26px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
}

.footer__newslatter form {
    position: relative;
}

.footer__newslatter form input {
    height: 50px;
    font-size: 15px;
    color: #ffffff;
    width: 100%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 20px;
}

.footer__newslatter form input::-webkit-input-placeholder {
    color: #ffffff;
}

.footer__newslatter form input::-moz-placeholder {
    color: #ffffff;
}

.footer__newslatter form input:-ms-input-placeholder {
    color: #ffffff;
}

.footer__newslatter form input::-ms-input-placeholder {
    color: #ffffff;
}

.footer__newslatter form input::placeholder {
    color: #ffffff;
}

.footer__newslatter form button {
    font-size: 18px;
    color: var(--primary-color);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 16px;
    background: #ffffff;
    border: none;
}

.footer__copyright__text {
    text-align: center;
}

.footer__copyright__text p {
    color: #dddddd;
}

.footer__copyright__text a {
    color: #999999;
    text-decoration: underline;
}

.footer__copyright__text a:hover {
    color: var(--primary-color);
}

.footer__copyright__text i {
    color: #c11;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
    padding-top: 35px;
}

.breadcrumb__links a {
    font-size: 15px;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "|";
    color: #888888;
}

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

.breadcrumb__links span {
    font-size: 15px;
    color: #888888;
    display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
    padding-top: 0;
}

.about.about--page {
    padding-top: 80px;
    padding-bottom: 80px;
}

.about.about--page .section-title {
    margin-bottom: 28px;
}

.about.about--page .section-title h2 {
    line-height: 55px;
}

.about.about--page .about__text {
    padding-top: 15px;
}

.about.about--page .about__text p {
    color: #111111;
}

.about__text {
    padding-top: 110px;
}

.about__text p {
    margin-bottom: 25px;
}
.about__text ul {
    margin: 0 0 25px 20px;
    padding: 0;
}
.about__text ul li {
    margin: 0;
    padding: 0;
    font-size: 17px;
}

/*---------------------
  Skills
-----------------------*/

.skills {
    padding-bottom: 0;
    padding-top: 80px;
}

.skills__content {
    background: var(--primary-color);
    height: 500px;
    padding: 100px 70px 60px;
}

.skills__content .section-title h2 {
    color: #ffffff;
}

.skills__content .section-title h1 {
    color: #ffffff;
    opacity: 0.1;
    text-align: center;
}

.skills__content p {
    color: #ffffff;
    margin-bottom: 32px;
}

.skill__bar__item {
    margin-bottom: 20px;
}

.skill__bar__item p {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
}

.skill__bar__item .barfiller {
    width: 100%;
    height: 5px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.skill__bar__item .barfiller .tip {
    margin-top: -32px;
    padding: 0;
    font-size: 15px;
    color: #fff;
    background: transparent;
}

.skill__bar__item .barfiller .tip:after {
    display: none;
}

.skills__video {
    height: 500px;
    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;
}

.skills__video .play-btn {
    font-size: 26px;
    color: var(--primary-color);
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: rgba(117, 31, 221, 0.3);
    display: inline-block;
    line-height: 90px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.skills__video .play-btn i {
    position: relative;
    top: 2px;
    left: 2px;
}

.skills__video .play-btn:after {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 60px;
    width: 60px;
    background: #ffffff;
    border-radius: 50%;
    content: "";
    z-index: -1;
}

/*---------------------
  About Pic
-----------------------*/

.about-pic {
    overflow: hidden;
}

.about-pic .container-fluid {
    padding-right: 0;
}

.about-pic img {
    min-width: 100%;
    margin-bottom: 10px;
    padding-right: 10px;
}

/*---------------------
  About Services
-----------------------*/

.about-services {
    padding-bottom: 50px;
}

.about-services .section-title {
    margin-bottom: 60px;
}

.about__services__item {
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.about__services__item:hover {
    -webkit-box-shadow: 0px 3px 30px rgba(22, 41, 124, 0.1);
    box-shadow: 0px 3px 30px rgba(22, 41, 124, 0.1);
}

.about__services__item__pic {
    height: 240px;
    position: relative;
}

.about__services__item__pic .icon {
    height: 50px;
    width: 50px;
    background: var(--primary-color);
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -25px;
}

.about__services__item__text {
    text-align: center;
    padding: 50px 10px 30px;
}

.about__services__item__text h4 {
    font-size: 26px;
    color: #111111;
    font-weight: 700;
    margin-bottom: 12px;
}

.about__services__item__text p {
    margin-bottom: 0;
}

/*---------------------
  Feature
-----------------------*/

.feature {
    padding-bottom: 70px;
}

.feature.feature--about .section-title span {
    color: #0071e4;
}

.feature.feature--about .feature__item {
    background: #f5f5f5;
}

.feature.feature--about .feature__item h5 {
    color: #111111;
}

.feature__text {
    padding-top: 80px;
}

.feature__text .section-title {
    margin-bottom: 20px;
}

.feature__text p {
    margin-bottom: 26px;
}

.feature__item {
    background: #0c2b4b;
    text-align: center;
    padding: 40px 10px 35px;
    margin-bottom: 30px;
}

.feature__item.right-column {
    margin-top: 120px;
}

.feature__item h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 25px;
}

/*---------------------
  Services
-----------------------*/

.services {
    overflow: hidden;
}

.services__left {
    height: 640px;
    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;
}

.services__left .play-btn {
    font-size: 26px;
    color: #ffffff;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(127, 0, 173, 0.3)),
        to(rgba(93, 0, 206, 0.3))
    );
    background: -o-linear-gradient(
        left,
        rgba(127, 0, 173, 0.3),
        rgba(93, 0, 206, 0.3)
    );
    background: linear-gradient(
        to right,
        rgba(127, 0, 173, 0.3),
        rgba(93, 0, 206, 0.3)
    );
    display: inline-block;
    line-height: 90px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.services__left .play-btn i {
    position: relative;
    top: 2px;
    left: 2px;
}

.services__left .play-btn:after {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 60px;
    width: 60px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#7e00ad),
        to(var(--primary-color))
    );
    background: -o-linear-gradient(left, #7e00ad, var(--primary-color));
    background: linear-gradient(to right, #7e00ad, var(--primary-color));
    border-radius: 50%;
    content: "";
    z-index: -1;
}

.services__list {
    margin: 0;
}

.service__item {
    background: var(--primary-color);
    height: 320px;
    padding: 70px 40px 40px 70px;
}

.service__item.deep-bg {
    background: #5400bc;
}

.service__item h4 {
    font-size: 26px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
}

.service__item p {
    color: #ffffff;
    margin-bottom: 0;
}

/*---------------------
  Tours
-----------------------*/

.tours {
    padding-top: 150px;
    padding-bottom: 60px;
}

.tours__item__text {
    padding-right: 30px;
    margin-bottom: 100px;
}

.tours__item__text.tours__item__text--right {
    padding-left: 30px;
    padding-right: 0;
}

.tours__item__text h2 {
    font-size: 42px;
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.tours__item__text .tours__text__widget {
    overflow: hidden;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 38px;
}

.tours__item__text .tours__text__widget ul {
    float: left;
}

.tours__item__text .tours__text__widget ul li {
    list-style: none;
    font-size: 15px;
    color: #111111;
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
}

.tours__item__text .tours__text__widget ul li:last-child {
    margin-bottom: 0;
}

.tours__item__text .tours__text__widget ul li i {
    color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 3px;
}

.tours__item__text .tours__text__widget ul li span {
    display: inline-block;
    padding-right: 8px;
    position: relative;
    margin-right: 5px;
}

.tours__item__text .tours__text__widget ul li span:last-child {
    padding-right: 0;
    margin-right: 0;
}

.tours__item__text .tours__text__widget ul li span:last-child:after {
    display: none;
}

.tours__item__text .tours__text__widget ul li span:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "|";
}

.tours__item__text .tours__text__widget .price {
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    padding: 14px 25px 12px 30px;
    background: var(--primary-color);
    float: right;
}

.tours__item__text .tours__text__desc {
    padding-top: 40px;
    margin-bottom: 65px;
}

.tours__item__text .tours__text__desc p {
    color: #111111;
    margin-bottom: 20px;
}

.tours__item__text .tours__text__desc p:last-child {
    margin-bottom: 0;
}

.tours__item__pic {
    position: relative;
    z-index: 1;
    padding-right: 50px;
    margin-bottom: 110px;
    padding-left: 30px;
}

.tours__item__pic.tours__item__pic--left {
    padding-left: 50px;
    padding-right: 0;
}

.tours__item__pic.tours__item__pic--left:after {
    left: 0;
}

.tours__item__pic.tours__item__pic--last {
    margin-bottom: 0;
}

.tours__item__pic:after {
    position: absolute;
    left: 50px;
    top: -50px;
    width: calc(100% - 50px);
    height: 100%;
    border: 20px solid rgba(9, 53, 247, 0.1);
    content: "";
    z-index: -1;
}

.tours__item__pic img {
    min-width: 100%;
}

/*---------------------
  Videos
-----------------------*/

.videos {
    padding-bottom: 90px;
}

.videos .section-title {
    margin-bottom: 70px;
}

.videos__large__item {
    height: 585px;
    position: relative;
    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;
    margin-bottom: 30px;
}

.videos__large__item .play-btn {
    height: 50px;
    width: 50px;
    background: var(--primary-color);
    border-radius: 50%;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}

.videos__large__item__text {
    background: rgba(7, 14, 38, 0.7);
    padding: 25px 30px 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.videos__large__item__text h4 {
    color: #ffffff;
    font-weight: 700;
}

.videos__large__item__text ul li {
    font-size: 13px;
    list-style: none;
    display: inline-block;
    margin-right: 18px;
    color: #ffffff;
    position: relative;
}

.videos__large__item__text ul li:after {
    position: absolute;
    right: -12px;
    top: 2px;
    height: 17px;
    width: 1px;
    background: #ffffff;
    content: "";
}

.videos__large__item__text ul li:last-child {
    margin-right: 0;
}

.videos__large__item__text ul li:last-child:after {
    display: none;
}

.videos__item__pic {
    height: 180px;
    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;
}

.videos__item__pic .play-btn {
    height: 40px;
    width: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}

.videos__item__text {
    padding-top: 20px;
}

.videos__item__text h5 {
    color: #111111;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 5px;
}

.videos__item__text ul li {
    font-size: 13px;
    list-style: none;
    display: inline-block;
    margin-right: 18px;
    color: var(--primary-color);
    position: relative;
}

.videos__item__text ul li:after {
    position: absolute;
    right: -12px;
    top: 2px;
    height: 17px;
    width: 1px;
    background: #888888;
    content: "";
}

.videos__item__text ul li:last-child {
    margin-right: 0;
    color: #888888;
}

.videos__item__text ul li:last-child:after {
    display: none;
}

.videos__slider .col-lg-3 {
    max-width: 100%;
}

.videos__slider.owl-carousel .owl-nav button {
    font-size: 18px;
    color: #888888;
    height: 50px;
    width: 25px;
    background: #ffffff;
    line-height: 50px;
    position: absolute;
    left: 15px;
    top: 22%;
}

.videos__slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 15px;
}

/*---------------------
    Blog
-----------------------*/

.blog {
    padding-bottom: 60px;
}

.blog .section-title {
    margin-bottom: 80px;
}

.blog__large {
    margin-bottom: 45px;
    -webkit-box-shadow: 0px 3px 10px rgba(22, 41, 124, 0.1);
    box-shadow: 0px 3px 10px rgba(22, 41, 124, 0.1);
    margin-bottom: 50px;
}

.blog__large__pic {
    height: 370px;
    position: relative;
}

.blog__large__pic a {
    font-size: 16px;
    height: 40px;
    width: 40px;
    background: rgba(245, 245, 245, 0.3);
    border-radius: 50%;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.blog__large__text {
    background: #ffffff;
    text-align: center;
    padding: 30px 40px 0;
}

.blog__large__text span {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--primary-color);
}

.blog__large__text h4 {
    color: #111111;
    font-weight: 700;
    line-height: 31px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.blog__large__text p {
    margin-bottom: 40px;
}

.blog__large__widget {
    border-top: 1px solid #f2f2f2;
    padding: 15px 0 20px;
    text-align: left;
    margin: 0 30px;
}

.blog__large__widget .right__widget {
    text-align: right;
}

.blog__large__widget ul li {
    font-size: 13px;
    color: #888888;
    display: inline-block;
    list-style: none;
    margin-right: 20px;
    position: relative;
}

.blog__large__widget ul li span {
    color: #111111;
}

.blog__large__widget ul li:after {
    position: absolute;
    right: -14px;
    top: -2px;
    content: "|";
}

.blog__large__widget ul li:last-child {
    margin-right: 0;
}

.blog__large__widget ul li:last-child:after {
    display: none;
}

.blog__item {
    -webkit-box-shadow: 0px 3px 10px rgba(22, 41, 124, 0.1);
    box-shadow: 0px 3px 10px rgba(22, 41, 124, 0.1);
    margin-bottom: 50px;
}

.blog__item__pic img {
    min-width: 100%;
}

.blog__item__text {
    text-align: center;
    background: #ffffff;
    padding: 20px 20px 25px;
}

.blog__item__text span {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--primary-color);
}

.blog__item__text h5 {
    color: #111111;
    font-weight: 700;
    line-height: 26px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 12px;
}

.blog__item__text ul li {
    font-size: 13px;
    color: #888888;
    display: inline-block;
    list-style: none;
    margin-right: 20px;
    position: relative;
}

.blog__item__text ul li span {
    color: #111111;
}

.blog__item__text ul li:after {
    position: absolute;
    right: -14px;
    top: -2px;
    content: "|";
}

.blog__item__text ul li:last-child {
    margin-right: 0;
}

.blog__item__text ul li:last-child:after {
    display: none;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__item {
    text-align: center;
    margin-bottom: 65px;
}

.blog__sidebar__item:last-child {
    margin-bottom: 0;
}

.blog__sidebar__item form input {
    height: 50px;
    font-size: 15px;
    color: #444444;
    padding-left: 20px;
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 20px;
}

.blog__sidebar__item form input::-webkit-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::-moz-placeholder {
    color: #444444;
}

.blog__sidebar__item form input:-ms-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::-ms-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::placeholder {
    color: #444444;
}

.blog__sidebar__title {
    text-align: center;
    margin-bottom: 35px;
}

.blog__sidebar__title h4 {
    color: #111111;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

.blog__sidebar__title h4::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 70px;
    background: #e1e1e1;
    content: "";
    margin: 0 auto;
}

.blog__sidebar__social a {
    display: inline-block;
    font-size: 18px;
    color: #111111;
    width: 50px;
    height: 50px;
    background: #f2f2f2;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 5px;
}

.blog__sidebar__social a:last-child {
    margin-right: 6px;
}

.recent__item {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    text-align: left;
}

.recent__item__pic {
    float: left;
    margin-right: 25px;
}

.recent__item__text {
    overflow: hidden;
}

.recent__item__text h6 {
    color: #111111;
    line-height: 21px;
    font-weight: 700;
}

.recent__item__text span {
    font-size: 13px;
    color: #888888;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
    padding-bottom: 60px;
    padding-top: 70px;
}

.blog__details__item {
    margin-bottom: 32px;
}

.blog__details__item__pic {
    height: 385px;
    position: relative;
}

.blog__details__item__pic a {
    font-size: 16px;
    height: 40px;
    width: 40px;
    background: rgba(245, 245, 245, 0.3);
    border-radius: 50%;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.blog__details__item__text {
    background: #ffffff;
    padding-top: 30px;
}

.blog__details__item__text span {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--primary-color);
}

.blog__details__item__text h3 {
    color: #111111;
    font-weight: 700;
    line-height: 31px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.blog__details__item__text p {
    margin-bottom: 40px;
}

.blog__details__item__widget {
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
    text-align: left;
}

.blog__details__item__widget ul li {
    font-size: 13px;
    color: #888888;
    display: inline-block;
    list-style: none;
    margin-right: 20px;
    position: relative;
}

.blog__details__item__widget ul li span {
    color: #111111;
}

.blog__details__item__widget ul li:after {
    position: absolute;
    right: -14px;
    top: -2px;
    content: "|";
}

.blog__details__item__widget ul li:last-child {
    margin-right: 0;
}

.blog__details__item__widget ul li:last-child:after {
    display: none;
}

.blog__details__desc {
    margin-bottom: 54px;
}

.blog__details__desc p {
    margin-bottom: 20px;
}

.blog__details__desc p:last-child {
    margin-bottom: 0;
}

.blog__details__quote {
    border: 1px solid #e1e1e1;
    padding: 35px 40px 35px 40px;
    position: relative;
    margin-bottom: 35px;
}

.blog__details__quote p {
    font-size: 18px;
    color: #111111;
    line-height: 31px;
}

.blog__details__quote h6 {
    font-size: 15px;
    color: #888888;
    text-transform: uppercase;
}

.blog__details__quote i {
    font-size: 36px;
    color: var(--primary-color);
    position: absolute;
    right: 40px;
    bottom: 35px;
}

.blog__details__tags {
    padding-top: 20px;
    margin-bottom: 60px;
}

.blog__details__tags a {
    display: inline-block;
    font-size: 15px;
    color: #444444;
    padding: 12px 20px 10px;
    background: #f5f5f5;
    margin-right: 10px;
}

.blog__details__tags a:last-child {
    margin-right: 0;
}

.blog__details__option {
    margin-bottom: 60px;
}

.blog__option__btn {
    display: block;
    overflow: hidden;
}

.blog__option__btn.blog__option__btn--next {
    text-align: right;
}

.blog__option__btn.blog__option__btn--next .option__btn__name i {
    margin-right: 0;
    margin-left: 6px;
}

.blog__option__btn.blog__option__btn--next .blog__option__btn__item {
    overflow: hidden;
}

.blog__option__btn.blog__option__btn--next
    .blog__option__btn__item
    .blog__option__btn__pic {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.blog__option__btn .option__btn__name {
    font-size: 15px;
    color: #444444;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.blog__option__btn .option__btn__name i {
    font-size: 18px;
    font-weight: 700;
    margin-right: 6px;
}

.blog__option__btn__pic {
    float: left;
    margin-right: 26px;
}

.blog__option__btn__text {
    overflow: hidden;
}

.blog__option__btn__text h6 {
    color: #111111;
    font-weight: 700;
    line-height: 21px;
}

.blog__option__btn__text span {
    color: #888888;
    font-size: 13px;
}

.blog__details__services {
    margin-bottom: 30px;
}

.blog__details__services__title,
.blog__details__form__title {
    text-align: center;
    margin-bottom: 30px;
}

.blog__details__services__title h4,
.blog__details__form__title h4 {
    color: #111111;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    font-size: 26px;
}

.blog__details__services__title h4::before,
.blog__details__form__title h4::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 70px;
    background: #e1e1e1;
    content: "";
    margin: 0 auto;
}

.blog__details__services__item {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.07);
    box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.07);
    margin-bottom: 30px;
}

.blog__details__services__item__pic img {
    min-width: 100%;
}

.blog__details__services__item__text {
    padding: 15px 20px 10px;
}

.blog__details__services__item__text h6 a {
    font-size: 17px;
    color: #111111;
    font-weight: 700;
    line-height: 22px;
}

.blog__details__services__item__text span {
    color: #888888;
    font-size: 13px;
}

.blog__details__form form .input__list,
.contact__form form .input__list {
    margin-right: -20px;
    overflow: hidden;
}

.blog__details__form form .input__list input,
.contact__form form .input__list input {
    height: 50px;
    font-size: 13px;
    color: #666666;
    padding-left: 20px;
    border: 1px solid #e1e1e1;
    width: calc(33.33% - 20px);
    margin-bottom: 20px;
    margin-right: 16px;
}

.blog__details__form form .input__list input::-webkit-input-placeholder,
.contact__form form .input__list input::-webkit-input-placeholder {
    color: #666666;
}

.blog__details__form form .input__list input::-moz-placeholder,
.contact__form form .input__list input::-moz-placeholder {
    color: #666666;
}

.blog__details__form form .input__list input:-ms-input-placeholder,
.contact__form form .input__list input:-ms-input-placeholder {
    color: #666666;
}

.blog__details__form form .input__list input::-ms-input-placeholder,
.contact__form form .input__list input::-ms-input-placeholder {
    color: #666666;
}

.blog__details__form form .input__list input::placeholder,
.contact__form form .input__list input::placeholder {
    color: #666666;
}

.blog__details__form form textarea,
.contact__form form textarea {
    height: 120px;
    font-size: 13px;
    color: #666666;
    padding-left: 20px;
    padding-top: 12px;
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 14px;
    resize: none;
}

.blog__details__form form textarea::-webkit-input-placeholder,
.contact__form form textarea::-webkit-input-placeholder {
    color: #666666;
}

.blog__details__form form textarea::-moz-placeholder,
.contact__form form textarea::-moz-placeholder {
    color: #666666;
}

.blog__details__form form textarea:-ms-input-placeholder,
.contact__form form textarea:-ms-input-placeholder {
    color: #666666;
}

.blog__details__form form textarea::-ms-input-placeholder,
.contact__form form textarea::-ms-input-placeholder {
    color: #666666;
}

.blog__details__form form textarea::placeholder,
.contact__form form textarea::placeholder {
    color: #666666;
}

/*---------------------
  Map
-----------------------*/

.map {
    height: 585px;
    margin-top: 60px;
}

.map iframe {
    width: 100%;
}

/*---------------------
  Contact
-----------------------*/

.contact {
    padding-top: 70px;
    padding-bottom: 50px;
}

.contact__address .section-title {
    margin-bottom: 10px;
}

.contact__address .section-title h2 {
    text-transform: none;
}

.contact__address p {
    margin-bottom: 34px;
}

.contact__address ul li {
    list-style: none;
    /*padding-left: 100px;*/
    /*position: relative;*/
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.contact__address ul li:last-child {
    margin-bottom: 0;
}

.contact__address ul li i {
    font-size: 30px;
    height: 70px;
    width: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    color: var(--primary-color);
    /*position: absolute;*/
    /*left: 0;*/
    /*top: -4px;*/
    margin-right: 30px;
}

.contact__address ul li h5 {
    font-size: 20px;
    color: #111111;
    font-weight: 700;
    margin-bottom: 10px;
}

.contact__address ul li p {
    margin-bottom: 0;
}

.contact__address ul li span {
    font-size: 15px;
    color: #111111;
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.contact__address ul li span:after {
    position: absolute;
    right: -20px;
    top: -1px;
    content: ".";
    font-size: 39px;
    line-height: 0;
    border-radius: 50%;
}

.contact__address ul li span:last-child {
    margin-right: 0;
}

.contact__address ul li span:last-child:after {
    display: none;
}

.contact__form .section-title {
    margin-bottom: 10px;
}

.contact__form .section-title h2 {
    text-transform: none;
}

.contact__form p {
    margin-bottom: 34px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__menu ul li {
        margin-right: 18px;
    }
    .header__menu {
        margin-right: 30px;
    }
    .service__item {
        padding: 40px 30px 30px 40px;
    }
    .skills__content {
        padding: 60px 40px 40px;
    }
    .discography__item__text a {
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__right__social {
        display: none;
    }
    .header__menu {
        margin-right: 0;
    }
    .header__menu ul li {
        margin-right: 15px;
    }
    .event .section-title:after {
        width: 560px;
    }
    .track__all {
        text-align: left;
        margin-bottom: 60px;
    }
    .track__content {
        margin-bottom: 120px;
        background-color: #ccc;
    }
    .track__pic img {
        height: auto;
    }
    .footer {
        height: auto;
    }
    .about.about--page .about__text {
        padding-top: 30px;
    }
    .discography__item__text a {
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    .blog__sidebar {
        padding-top: 50px;
    }
    .contact__address {
        margin-bottom: 40px;
    }
    .footer__social::before {
        display: none;
    }
    .footer__social::after {
        display: none;
    }
    .tours__item__pic {
        margin-bottom: 50px;
    }
    .tours__item__text {
        padding-right: 0;
    }
    .countdown {
        padding-bottom: 776px;
    }
    .footer {
        margin-top: -740px;
        background-position: top 0 left 19%;
    }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
    .hero {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    .event .section-title:after {
        display: none;
    }
    .track__all {
        text-align: left;
        margin-bottom: 60px;
    }
    .track__content {
        margin-bottom: 120px;
    }
    .track .p-0 {
        padding: 0 15px !important;
    }
    .track__pic img {
        height: auto;
    }
    .discography__item__text a {
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    .blog__sidebar {
        padding-top: 50px;
    }
    .contact__address {
        margin-bottom: 40px;
    }
    .footer {
        height: auto;
    }
    .footer__social::before {
        display: none;
    }
    .footer__social::after {
        display: none;
    }
    .player_bars {
        width: 240px;
        margin-right: 20px;
    }
    .jp-seek-bar > div {
        width: 140px;
    }
    .countdown__item {
        margin-right: 0;
        margin-bottom: 30px;
        width: 50%;
        float: left;
    }
    .footer__social {
        text-align: left;
    }
    .skills__content {
        height: auto;
    }
    .about.about--page .about__text {
        padding-top: 30px;
    }
    .tours__item__pic {
        margin-bottom: 50px;
    }
    .blog__large__widget ul {
        text-align: center;
    }
    .blog__large__widget .right__widget {
        text-align: center;
    }
    .blog__option__btn {
        margin-bottom: 30px;
    }
    .blog__details__form form .input__list,
    .contact__form form .input__list {
        margin-right: 0;
        overflow: visible;
    }
    .blog__details__form form .input__list input,
    .contact__form form .input__list input {
        width: 100%;
        margin-right: 0;
    }
    .header__nav {
        display: none;
    }
    .header .container {
        position: relative;
    }
    .slicknav_btn {
        position: absolute;
        right: 15px;
        top: 25px;
        margin: 0;
        border-radius: 0;
        padding: 12px 15px;
        float: none;
        /*background: var(--primary-color);*/
        background: transparent;
    }
    .slicknav_nav {
        position: absolute;
        left: 0;
        top: 90px;
        background: #222;
        width: 100%;
    }
    .slicknav_menu {
        background: transparent;
        padding: 0;
        display: block;
    }
    .slicknav_nav ul {
        margin: 0;
        padding: 5px 0;
    }
    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 10px 28px;
        margin: 0;
    }
    .slicknav_nav a:hover {
        border-radius: 0;
        background: var(--primary-color);
        color: #ffffff;
    }
    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: var(--primary-color);
        color: #ffffff;
    }
    .service__item {
        height: auto;
    }
    .tours__item__text {
        padding-right: 0;
    }
    .countdown {
        padding-bottom: 940px;
    }
    .footer {
        margin-top: -940px;
        background-position: top 0 left 19%;
    }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .section-title h1 {
        top: -40px;
        font-size: 79px;
        line-height: 0.8;
    }
    .hero__text h1 {
        font-size: 70px;
    }
    .videos {
        padding-bottom: 0;
    }
    .countdown__text h1 {
        font-size: 50px;
    }
    .single_player_container h4 {
        font-size: 16px;
    }
    .player_bars {
        width: 150px;
        margin-right: 10px;
    }
    .player_controls_box {
        margin-right: 10px;
    }
    .jp-volume-controls {
        width: 68px;
        padding-left: 23px;
    }
    .jp-volume-bar {
        width: 42px;
    }
    .jp-seek-bar > div {
        width: 55px;
    }
    .service__item {
        height: auto;
        padding: 40px 40px 40px 40px;
    }
    .skills__content {
        height: auto;
        padding: 80px 25px 40px;
    }
    .tours__item__text .tours__text__widget ul {
        float: none;
        margin-bottom: 30px;
    }
    .tours__item__text .tours__text__widget .price {
        float: none;
    }
    .tours__item__pic {
        padding-left: 0;
    }
    .tours__item__text.tours__item__text--right {
        padding-left: 0;
    }
    .blog__large__text {
        padding: 30px 20px 0;
    }
    .blog__large__widget {
        margin: 0;
    }
    .blog__details__tags a {
        margin-bottom: 10px;
    }
    /*.countdown {*/
    /*    padding-bottom: 980px;*/
    /*}*/
    .footer {
        margin-top: -885px;
        background-position: top 0 left 19%;
    }
}

.testmnlsSection {
    width: 100%;
    padding: 50px 30px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-bottom: 50px;
    max-width: 830px;
    margin: 0 auto 50px;
    font-size: 17px;
}
.testmnlsSection article {
    width: 100%;
}
.testmnlsSection article {
    color: #fff;
    text-align: center;
}
.testmnlsSection article strong {
    display: block;
    font-size: 20px;
}
ul.slick-dots {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 30px 0 0 0;
}
ul.slick-dots li {
    width: 10px;
    height: 10px;
    text-align: center;
    margin: 0 5px;
    padding: 0;
    border-radius: 50%;
    list-style: none;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    opacity: 0.6;
}
ul.slick-dots li.slick-active {
    background-color: #dbae08;
    opacity: 1;
}
ul.slick-dots li button {
    display: none;
}

/* .countdown:before{
    background-color: rgba(0,0,0,0.7);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.countdown .container{
    position: relative;
    z-index: 1;
} */

hr.dotted {
    border-top: 3px dotted #2e43ac69;
    margin: 6px 0;
}

.footer__address h6 a {
    color: #fff;
}

/*------------30.06.2023-------------*/

.header .header__logo h2 a {
    font-family: "Rockville Solid Regular";
    color: #fff;
    font-size: 58px;
    text-align: center;
    display: block;
    margin-top: 3px;
}

.footer .footer__social h2 a {
    font-family: "Rockville Solid Regular";
    color: #fff;
    font-size: 47px;
    letter-spacing: 2px;
}

.aboutysec {
    padding-bottom: 35px;
}

.aboutysec .about__text {
    padding-top: 0;
}

/*----------servicedetails-------------*/

.servdetailspg .about__text {
    padding-top: 0;
}

.servdetailspg .about__text h2 {
    font-size: 32px;
}

.servdetailspg .section-title {
    margin-bottom: 10px;
}

.servdetailspg .about__text h5 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    padding-bottom: 10px;
}

.servdetailspg .about__text ul li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}

.servicethumb {
    padding-top: 50px !important;
    background: #f2f2f2;
}

.servicethumb .track__content {
    background: #fff;
}

.servicethumb .single_player_container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.servicethumb .single_player_container h5 {
    font-size: 17px;
    font-weight: 600;
}

/*------------servicedetailspg---------------*/

.servdetailspg {
    padding-bottom: 30px;
}

.tablesec .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background: #f0f8ff;
    border-radius: 8px;
}

.tablesec .table th {
    border: 0 !important;
}

.tablesec .table td {
    border: 0 !important;
}

.listsec{
margin-top: 15px;
}

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

.listsec ul li {
    display: inline-block;
    /*padding: 0 0 0 8px !important;*/
}

.listsec ul li a {
     color: #191a1e;
    font-size: 17px;
    font-weight: 600;
        padding: 0 10px;
}

.listsec ul li a:hover {
    color: var(--primary-color);
}

/*-----------songslistbg---------------*/

.songslistbg {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        url("../img/listimg2.jpg") no-repeat center;
    background-size: cover;
    padding: 50px 0;
}

/*.songslistbg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(0 0 0 / 23%);
}
*/
.songslistbg h2 {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    padding-bottom: 10px;
    color: #fff;
}

.songslistbg h4 {
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    padding-bottom: 26px;
    color: #dbae08;
}

.songslistbg ul {
    display: flex;
    flex-wrap: wrap;
}

.songslistbg ul li {
    display: inline-block;
    padding-bottom: 9px;
    width: 100%;
    color: #e9e8e8;
}

.songslistbg ul li i {
    color: #dbae08;
}

.parasec h5 {
    font-size: 22px !important;
    text-align: center !important;
    font-weight: 600;
}

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

.page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
        url("../img/hero-bg.png") no-repeat center;
    background-size: cover;
    padding: 40px 0;
    position: relative;
}

.page-header h1 {
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: var(--primary-font);
    color: #eeeced;
}

.page-header ul li {
    font-size: 16px;
    color: #eeeced;
}

.page-header ul li a {
    color: #eeeced;
    font-family: var(--primary-font);
}

.page-header .divider {
    width: 100px;
    height: 4px;
    background-color: #eeeced;
}

.about__picmain {
    width: 100%;
    overflow: hidden;
    height: 360px;
    border-radius: 12px;
    box-shadow: 2px 8px 23px 7px #ccc;
}

.about__picmain img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 12px;
}

.text-size {
    font-size: 20px;
}

button.slick-prev {
    width: 40px;
    position: absolute;
    top: 49%;
    height: 40px;
    border-radius: 50%;
    background: #dbae08d4;
    border: 0;
    font-size: 0;
}

button.slick-next {
    width: 40px;
    position: absolute;
    top: 49%;
    height: 40px;
    border-radius: 50%;
    background: #dbae08d4;
    border: 0;
    right: 17px;
    font-size: 0;
}

button.slick-prev:before {
    position: absolute;
    content: "\f104";
    top: -2px;
    left: 13px;
    font-size: 30px;
    font-family: "FontAwesome";
    color: #000;
}

button.slick-next:before {
    position: absolute;
    content: "\f105";
    top: -2px;
    right: 13px;
    font-size: 30px;
    font-family: "FontAwesome";
    color: #000;
}

/* AlbumBox css   */
.albumBox {
    background: #fff;
    box-shadow: 0px 10px 20px #cbc6c6;
    padding: 10px;
    border-radius: 10px;
    margin-top: 30px;
}
.albumBox .single_player_container h3 {
    font-weight: 600;
}
.albumBox .single_player_container {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.albumBox .single_player_container h4 {
    font-weight: 500;
    font-size: 16px;
}

.albumBox .jp-play:after {
    position: absolute;
    display: block;
    left: 58%;
    top: 50%;
    width: 16px;
    height: 20px;
    background: url(../img/play-default.png);
    content: "";
    transform: translate(-50%, -50%);
}
.albumBox .jp-play {
    height: 35px;
    width: 35px;
}
.albumBox .buy-cd {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    padding-top: 20px;
}

.albumBox .buy-cd2 {
    display: flex;
    justify-content: center;
     align-items: center; 
    padding-top: 20px;
}

 .albumBox .buy-cd2 h4 {
    font-size: 15px !important;
    font-weight:700;
    margin-right:10px;
}

.albumBox .buy-cd2 span {
    color: #0071e4;
    font-size: 15px !important;
}

.albumBox .buy-cd span {
    color: #0071e4;
    font-size: 20px;
}

.albumBox .buy-cd h4 {
    font-weight: 700;
    font-size: 22px;
}

.albumBox .buy-cd1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 14px;
}
/* .albumBox .buy-cd1 button {
    margin-right: 85px;
} */
.albumBox .buy-cd1 h4 {
    font-weight: 700;
}
.buy-cd1 h4 span {
    font-size: 20px;
    color: #0071e4;
}
.albumBox .site-btn {
    font-size: 11px;
    color: #ffffff;
    background: var(--primary-color);
    font-weight: 600;
    letter-spacing: 2px;
    border: none;
    text-transform: uppercase;
    padding: 12px 14px;
    border-radius: 5px;
    width: 124px;
}
/* album css end */

/*--------Thank You Page----------*/

.thnkbx {
    border: 2px solid #2e43ac;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 2px 2px 10px 3px #ccc;
}

.thnkbx a {
    color: #2e43ac;
}

.thnkbx h1 {
    font-size: 70px;
    color: #2e43ac;
    font-weight: 500;
    margin-bottom: 6px;
}

.cancelprt h1 {
    color: #f30;
}

/*--------Service Details----------*/

.about .albumBox {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: none;
    margin-top: 0;
}

/*--------SongsListing----------*/

.songlistsec .ppbutton {
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.songlistsec table {
    border: 1px solid #e3e3e3;
}

.palyButtpn {
    height: 37px;
    width: 37px;
    background: transparent;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.palyButtpn i {
    color: #0071e4;
    font-size: 24px;
    line-height: 20px;
}

.text_darktheme {
    color: #2e43ac;
    font-weight: 600;
    font-size: 30px !important;
}

.testimonial-bubble {
    position: relative;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    box-shadow: 2px 2px 10px 3px #ccc;
    margin: 15px;
    height: 500px;
    background-image: linear-gradient(90deg,#2e43ac 7%,#5a87d9e0);
}

.testimonial-bubble h3 {
  color:#fff;
}

.testimonial-text p {
 color:#f8f8f8;
} 

.testimonial-bubble:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #4c6ac3 transparent transparent transparent;
}

/*----------Sohom's Updated CSS-------------*/

.servdetailspg .buy-cd1 {
    justify-content: space-between !important;
}

.servdetailspg .buy-cd h4 {
    font-weight: 700;
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    width: 292px;
}

.servdetailspg .buy-cd1 h4 {
    font-weight: 700;
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    width: 292px;
}

/*---------Christian Music (Album)----------*/

.servicethumb .albumBox .buy-cd {
    align-items: center !important;
}

.servicethumb .albumBox .buy-cd h4 {
    font-size: 18px !important;
    text-transform:uppercase;
}

.servicethumb .albumBox .buy-cd span {
    color: #0071e4;
    font-size: 15px !important;
}

.servicethumb .albumBox .buy-cd1 {
    justify-content: end;
    align-items: center;
}

.servicethumb .albumBox .buy-cd1 h4 {
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;
    text-transform:uppercase;
}

.servicethumb .albumBox .buy-cd1 span {
    color: #0071e4;
    font-size: 15px !important;
}

/*login css*/

.reg-form-block {
    padding: 20px 28px;
    box-shadow: 2px 2px 10px 3px #ccc;
    border-radius: 0 15px 15px 0;
}

.reg-form-block h2 {
    padding-bottom: 15px;
    font-weight: 600;
    color: var(--primary-color);
}

.reg-form-block .form-control {
    height: 45px;
    border-radius: 0;
}

.reg-form-block a {
    color: var(--primary-color);
}

.reg-form-block .site-btn:hover {
    color: #fff;
}

.regimg {
    height: 483px;
    width: 100%;
    overflow: hidden;
    border-radius: 15px 0 0 15px;
}

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

.reg-form-block .site-btn:hover {
    color: #fff;
}

.login-form-block {
    padding: 20px 28px;
    box-shadow: 2px 2px 10px 3px #ccc;
    border-radius: 0 15px 15px 0;
}

.login-form-block h2 {
    padding-bottom: 15px;
    font-weight: 600;
    color: var(--primary-color);
}

.login-form-block .form-control {
    height: 45px;
    border-radius: 0;
}

.login-form-block a {
    color: var(--primary-color);
}

.login-form-block .site-btn:hover {
    color: #fff;
}

.loginimg {
    width: 100%;
    height: 385px;
    overflow: hidden;
    border-radius: 15px 0 0 15px;
}

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

.testimonials-tab {
    padding: 50px 0;
}
.testimonials-tab .nav-link,
.testimonials-tab .nav-link.active {
    padding: 14px;
    background: #2e43ac;
    color: #fff;
    border: 1px solid #b3b3b3;
}

.testimonials-tab .tab-content {
    padding: 10px;
    box-shadow: 2px 2px 10px 3px #ccc;
}

.addi-tab {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.addi-tab a {
    color: #444444;
}

.about-services .primary-btn {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 10px 7px;
    color: #ffffff;
    background: #dbae08;
    letter-spacing: 2px;
    border-radius: 20px;
    border: 0;
}

.servdetailspg .primary-btn {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 10px 7px;
    color: #ffffff;
    background: #dbae08;
    letter-spacing: 2px;
    border-radius: 20px;
    border: 0;
}

/*---------Cart----------*/

.cform {
    padding: 20px 25px;
    border: 1px solid #dbdbdb;
}

.btn-block {
    background: #2e43ac !important;
    color: #fff !important;
}

.paymentprt {
    box-shadow: 2px 2px 10px 3px #ccc;
    padding: 40px 18px 10px;
}

.paymentprt h5 span {
    color: #2e43ac;
}

.cartsec tbody tr {
    border: 1px solid #dbdbdb;
}

/*---------Checkout------------*/

.checkoutsec h5 {
    text-transform: uppercase;
}

.checkoutsec h5 span {
    color: #2e43ac;
}

.arrowprt {
    padding-top: 20px;
}

.arrowprt a {
    text-decoration: none;
    color: #2e43ac;
    font-weight: 600;
}

/*----------carticon-------------*/

.addcartst .carticon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    background: #efefef;
    padding: 26px;
    text-align: center;
}

.addcartst .carticon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.addcartst h3 {
    padding: 10px;
    background: #2e43ac;
    color: #fff;
    text-align: center;
    margin: 0;
    margin-top: 50px;
}

/*--------Cart Icon----------*/

.header__menu ul li a span {
    position: absolute;
    width: 23px;
    height: 23px;
    background: #fff;
    color: #2e43ac;
    line-height: 23px;
    text-align: center;
    top: -7px;
    border-radius: 50%;
    font-size: 12px;
    right: -15px;
}

.specount {
    padding-bottom: 80px !important;
}

.card-details {
    border: 1px solid #d1d1d1;
    padding: 10px;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .header .header__logo h2 a {
        font-size: 24px;
    }

    .hero__text h1 {
        font-size: 42px;
        line-height: 55px;
    }

    .page-header h1 {
        font-size: 25px;
    }

    .page-header ul li {
        font-size: 15px;
    }

    /*li.carty {*/
    /*    display: none;*/
    /*}*/

    li.carty a {
        position: relative;
        display: inline-block;
    }

    li.carty a i {
        font-size: 25px !important;
    }

    li.carty a span {
        position: absolute;
        width: 20px;
        height: 20px;
        background: #fff;
        color: #2e43ac;
        line-height: 20px;
        text-align: center;
        top: 2px;
        border-radius: 50%;
        font-size: 12px;
        right: 11px;
    }

    .about-services .section-title audio {
        width: 100%;
    }

    .section-title h2 {
        font-size: 31px;
    }

    .about-services .section-title {
        margin-bottom: 20px;
    }

    .countdown__text h1 {
        font-size: 35px;
    }

    .about__picmain {
        height: auto;
    }
    .about.spad.aboutysec .row .about__picmain {
    margin-bottom: 25px;
}

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

    .countdown__text h4 {
        font-size: 17px;
    }

    .footer__copyright__text p {
        font-size: 14px;
    }

    button.slick-prev {
        display: none !important;
    }

    button.slick-next {
        display: none !important;
    }

    .footer .footer__social h2 a {
        font-size: 28px;
    }

    .albumBox .buy-cd {
        display: block;
    }

    .servicethumb .albumBox .buy-cd h4 {
        padding-bottom: 5px;
    }

    .servicethumb .albumBox .buy-cd1 h4 {
        padding-bottom: 5px;
        font-size: 18px;
    }

    .albumBox .buy-cd1 {
        display: block;
    }

    .albumBox .single_player_container h3 {
        font-size: 25px;
    }

    .testimonial-bubble {
        height: auto;
        margin-bottom: 20px;
    }

    .contact__address ul li {
        display: block;
        text-align: center;
    }

    .contact__address ul li i {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .loginimg {
        margin-bottom: 30px;
        border-radius: 15px;
    }

    .login-form-block {
        border-radius: 15px;
    }

    .servdetailspg .buy-cd h4 {
        width: auto;
    }

    .servdetailspg .buy-cd1 h4 {
        width: auto;
    }

    .about__text .listsec ul {
        margin: 0;
    }

    .songslistbg ul li {
        display: block;
        width: 100%;
        font-size: 15px;
    }

    .servdetailspg .about__text h2 {
        font-size: 25px;
    }

    .specount {
        padding-bottom: 40px !important;
    }

    .testimonials-tab .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .testimonials-tab .nav-link,
    .testimonials-tab .nav-link.active {
        width: 200px;
        text-align: center;
        padding: 12px;
    }

    .cartsec table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .arrowprt a {
        font-size: 14px;
    }

    .checkoutsec .cform p {
        font-size: 15px;
    }

    .checkoutsec .cform h6 {
        font-size: 15px;
    }

    .checkoutsec .custom-control-label {
        font-size: 15px;
    }
    
    .header .cartprt ul li a {
        position:relative !important;
    }
    
    .header .cartprt ul li span {
         position: absolute;
         width: 18px;
         height: 18px;
         background: white;
         border-radius: 50%;
         line-height: 18px;
         text-align: center;
         top: -2px;
         color: #333;
    }
    
    .header .cartprt ul li i {
       font-size:21px !important;
       color:#fff;
    }
    
    .cartprt {
        margin:0 6px;
     }
     
     a.menu-toggle {
         padding:0 !important;
         font-size:13px !important;
     }
     
     .header__menu ul li a:after {
         /*height:1px;*/
         /*background: #e7e7e7;*/
         content:none;
     }
     
     .header__menu ul li.active {
         margin:0;
     }
     
     .header__menu ul li.active a {
         background:#2e43ac !important;
     }
     
     .albumBox {
         height:auto;
     }
     
     .albumBox .buy-cd {
          margin-bottom:15px;
     }
     
     .albumBox .buy-cd1 {
          margin-bottom:15px;
     }
     
     .albumBox .buy-cd2 {
          margin-bottom:15px;
     }

     .albumBox .buy-cd2 {
         display:block;
     }  

     .albumBox .buy-cd2 h4 {
         padding-bottom:5px;
     }
     
     .arrowprt {
         padding-top:9px;
     } 
     
     .marg_top {
         margin-top:60px !important;
     }
     
      .servicethumb .albumBox .buy-cd{
        text-align: center;
     }
     
     .servicethumb .albumBox .buy-cd1{
        text-align: center;
     }


}


/*--------4.9.2023--------*/

.header .cartprt ul li i {
       font-size:30px;
       color:#fff;
    }

.cartprt {
    margin-left:15px;
}

.contact__address ul li a {
    color:#111;
}

.contact__address ul li a:hover {
    color:#111;
}

/*---------Sticky-----------*/

.sticky {
    position: fixed!important;
    top: 0px!important;
    height: auto;
    width: 100%;
    z-index: 999;
}

.sticky .header__logo {
	transition: 1.5s ease all;
}

.contact form {margin-top:20px}

.marg_top {
    margin-top:120px;
}
.tagline{
    font-size: 28px !important;
    text-align: center;
    display: block !important;
    margin-top: 15px;
}


/*---------13.10.2023---------*/
.about-services h4 span {
    font-weight:600;
}

.about__pic img{
    /*width: 170px;*/
    /*height: 170px;*/
    object-fit: cover;
}

.blog-main {
    box-shadow: 2px 2px 10px 3px #ccc;
    padding:15px;
}

.blog-main .blog-img {
        width: 100%;
        overflow:hidden;
        margin-bottom: 14px;
}

.blog-main .blog-img img{
        width: 100%;
        object-fit:cover;
}

.blog-main .btnprt a {
    color:#2e43ac;
}

.blog-main .btnprt a:hover {
    color:#2e43ac;
}

/*.blog_left {*/
/*    height:400px;*/
/*}*/

/*.blog_left img {*/
/*    height:100%;*/
/*}*/



/*akash accordion*/
.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
		border-color: #EEEEEE;
	}

	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: rgb(46 67 172 / 38%);
		border-color: #EEEEEE;
	}

.faq-section .panel .panel-heading .panel-title {
		font-size: 22px;
		font-weight: 600;
	}
.faq-section .panel-group .panel .panel-heading .panel-title a {
    color: #fff;
    display: block;
	padding: 15px;
	text-decoration: none;
	position: relative;
}

	.more-less {
		float: right;
		color: #212121;
	}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
	}
.panel-default > .panel-heading + .panel-collapse > .panel-body p {
    margin: 0;
}
.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}


.faq-section {
    padding: 70px 0;
}
.faq-section .panel .panel-heading h4 a:hover {
    color: #000;
}
.faq-section .panel .panel-heading h4 a:focus {
    color: #000;
}
.faq-section .panel {
    margin-bottom: 15px;
}
.faq-section .panel-group .panel .panel-heading .panel-title a[aria-expanded="false"]:before {
    content: '\002B';
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 34px;
}
.faq-section .panel-group .panel .panel-heading .panel-title a[aria-expanded="true"]:before {
    content: "\2212";
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 34px;
}
.faq-section .panel-group .panel .panel-collapse {
    padding-top: 10px;
}
.faq-section .panel-group .panel .panel-collapse .panel-body ul {
    list-style: none;
    padding: 0 0 0 25px;
}
.faq-section .panel-group .panel .panel-collapse .panel-body ul li {
    padding: 10px 0;
}
.faq-section .panel-group .panel .panel-collapse .panel-body h4 {
    margin-bottom: 10px;
    font-weight: 600;
}



.cartsec .table .align-middle tr td img {
    margin-right: 10px;
}


.about.spad.aboutysec .row {
    align-items: flex-start!important;
}



.about-services.servicethumb.spad .albumBox {
    padding-top: 20px;
    padding-left: 20px;
}


@media only screen and (max-width: 600px) {
    .servicethumb .albumBox .buy-cd h4 {
    font-size: 18px !important;
}
}