/* input(7006,79): run-time error CSS1046: Expect comma, found '0'
input(7006,83): run-time error CSS1046: Expect comma, found '/' */
body {
    font-family: Marcellus-Regular;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #faf9f2
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    overflow: auto
}

@font-face {
	font-display: swap;
    font-family: Marcellus-Regular;
    src: url(../fonts/Marcellus-Regular.eot?v=EqOlfk2_6cNWkwjwJP3L8mpkO1I&v=EqOlfk2_6cNWkwjwJP3L8mpkO1I);
    src: url("../fonts/Marcellus-Regular.eot?v=EqOlfk2_6cNWkwjwJP3L8mpkO1I&v=EqOlfk2_6cNWkwjwJP3L8mpkO1I&#iefix") format("embedded-opentype"),url("../fonts/Marcellus-Regular.svg#Marcellus-Regular") format("svg"),url(../fonts/Marcellus-Regular.ttf?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA) format("truetype"),url(../fonts/Marcellus-Regular.woff?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA) format("woff"),url(../fonts/Marcellus-Regular.woff2?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
	font-display: swap;
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.eot?v=Lmco7G2vy_mZO7iN2b-w5zkdsZY&v=Lmco7G2vy_mZO7iN2b-w5zkdsZY);
    src: url("../fonts/Roboto-Regular.eot?v=Lmco7G2vy_mZO7iN2b-w5zkdsZY&v=Lmco7G2vy_mZO7iN2b-w5zkdsZY&#iefix") format("embedded-opentype"),url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg"),url(../fonts/Roboto-Regular.ttf?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA) format("truetype"),url(../fonts/Roboto-Regular.woff?v=XejqVgL2ualcjN2lYVeg6fLFQzA&v=XejqVgL2ualcjN2lYVeg6fLFQzA) format("woff"),url(../fonts/Roboto-Regular.woff2?v=XejqVgL2ualcjN2lYVeg6fLFQzA&v=XejqVgL2ualcjN2lYVeg6fLFQzA) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
	font-display: swap;
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.eot?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA);
    src: url("../fonts/Roboto-Medium.eot?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&#iefix") format("embedded-opentype"),url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg"),url(../fonts/Roboto-Medium.ttf?v=6JwPiXmR15Q7sbJbe8QOuMkIHvA&v=6JwPiXmR15Q7sbJbe8QOuMkIHvA) format("truetype"),url(../fonts/Roboto-Medium.woff?v=EqOlfk2_6cNWkwjwJP3L8mpkO1I&v=EqOlfk2_6cNWkwjwJP3L8mpkO1I) format("woff"),url(../fonts/Roboto-Medium.woff2?v=EqOlfk2_6cNWkwjwJP3L8mpkO1I&v=EqOlfk2_6cNWkwjwJP3L8mpkO1I) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'SignPainter';
font-display: swap; 
    src: url(../fonts/SignPainter-HouseScript.woff?v=ybQq4AVavRJR1JfHFizSUeTksNo);
 src: url("../fonts/SignPainter-HouseScript.eot?v=ybQq4AVavRJR1JfHFizSUeTksNo") format("embedded-opentype"),
url(../fonts/SignPainter-HouseScript.ttf?v=ybQq4AVavRJR1JfHFizSUeTksNo) format("truetype"),url(../fonts/SignPainter-HouseScript.woff?v=ybQq4AVavRJR1JfHFizSUeTksNo) format("woff"),url(../fonts/SignPainter-HouseScript.woff2?v=ybQq4AVavRJR1JfHFizSUeTksNo) format("woff2");
    font-weight: normal;
    font-style: normal;
}



.form-control {
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #000;
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 10px 20px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    resize: none
}

input[type="text"]:focus {
    outline: 0;
    background: 0 0;
    border-color: transparent;
    box-shadow: 0 0 0;
    border-bottom-color: #fff
}

input[type="email"]:focus {
    outline: 0;
    background: 0 0;
    border-color: transparent;
    box-shadow: 0 0 0;
    border-bottom-color: #fff
}

input[type="submit"]:focus {
    outline: 0;
    background: 0 0;
    border-color: transparent;
    box-shadow: 0 0 0;
    border-bottom-color: #fff
}

select:focus {
    outline: 0
}

textarea:focus {
    outline: 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #000
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #000;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #000
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #000;
    opacity: 1
}

.form-control:focus {
    background: #fff;
    outline: 0;
    border-color: transparent;
    box-shadow: 0 0 0;
    border-bottom-color: transparent;
    color: #000
}

.form-control::placeholder {
    color: #000;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #000
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #707070;
        border-radius: 50%;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            display: none
        }

        .slick-dots li.slick-active {
            background: #9f1e35;
            transform: scale(1.3)
        }

.pstudio-btn {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0;
    padding: 12px 30px
}

    .pstudio-btn:hover {
        color: #fff;
        text-decoration: none
    }

.our-faculty .row {
    margin-right: -15px;
    margin-left: -15px
}

.pstudioxlheading {
    font-size: 46px
}

.pstudiolgheading {
    font-size: 36px
}

.pstudiomdheading {
    font-size: 32px
}

.pstudiosmheading {
    font-size: 20px
}

.pstudioxsheading {
    font-size: 18px
}

.pstudioxxsheading {
    font-size: 16px
}

.certificate .star-details, .power-slider .slick-slider img, .slider-corner img, .star-slider .slick-slider img {
    width: 100%
}

.container {
    max-width: 90%
}

header {
    width: 100%;
    max-width: 100%;
    padding: 5px 0;
    background: transparent radial-gradient(closest-side at 50% 50%,#c80a11 0,#840307 400%) 0 0 no-repeat padding-box
}

    header.fixed {
        position: fixed;
        background-color: #fff;
        padding: 0 0;
        z-index: 99;
        animation: smoothScroll 1s forwards
    }

    header.fixed {
        animation: smoothScroll 1s forwards;
        -webkit-animation: smoothScroll 1s forwards;
        -moz-animation: smoothScroll 1s forwards;
        -ms-animation: smoothScroll 1s forwards;
        -o-animation: smoothScroll 1s forwards
    }

        header.fixed .navbar_main nav #menu li a {
            color: #626262
        }

.pearlx-navbar {
    padding: 0 0;
    border-radius: 0;
    text-align: center;
    align-items: center
}

    .pearlx-navbar .container-fluid {
        max-width: 90%;
        margin: 0 auto;
        padding: 0
    }

.navbar-nav .apply-btn {
    margin-left: 10px
}

    .navbar-nav .apply-btn .nav-link {
        background: #fff;
        color: #9b1a0f !important
    }

.pearlx-navbar .nav > li > a:focus, .pearlx-navbar .nav > li > a:hover {
    border: none;
    text-decoration: none;
    background-color: transparent
}

.pearlx-navbar .navbar-nav > li > a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 15px !important;
    cursor: pointer;
    font-family: Roboto-Regular
}

#resize {
    z-index: 1;
    position: absolute;
    top: 0;
    background: #ddd;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
    display: table;
    left: 0
}

    #resize #menu {
        height: 50px;
        display: table-cell;
        vertical-align: middle
    }

#toggle {
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    visibility: hidden;
    opacity: 0
}

    #toggle img {
        width: 27px
    }

#resize {
    z-index: 1;
    position: absolute;
    top: 0;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
    display: table;
    left: 0
}

.pearlx-navbar .navbar-brand > img {
    width: 150px
}

.pearlx-navbar {
    margin-bottom: 0
}

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

.pearlx-navbar .navbar-brand {
    padding: 0
}

.pearlx-navbar .navbar-nav {
    float: right
}

.navbar-expand-sm .navbar-collapse {
    flex-direction: row-reverse
}

.menu-mob {
    display: none !important
}

.pearlx-navbar .nav-item a {
    border: none
}

.pearlx-navbar .nav-item {
    position: relative
}

    .pearlx-navbar .nav-item.active:before {
        position: absolute;
        content: "";
        height: 1px;
        bottom: 3px;
        margin: 0 auto;
        left: 0;
        width: 50px;
        background: #fff;
        transition: 0.5s;
        text-align: center
    }

    .pearlx-navbar .nav-item .active {
        border-bottom: 1px solid #fff
    }

footer {
    width: 100%;
    max-width: 100%;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    font-family: Roboto-Regular;
    color: #fff;
    font-size: 13px;
    float: left
}

    footer .container-fluid {
        max-width: 92%;
        margin: 0 auto;
        padding: 0
    }

    footer .footer-main {
        padding: 50px 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

        footer .footer-main .row {
            width: 100%
        }

        footer .footer-main .social_media_icons li {
            display: inline-block;
            margin-right: 10px;
            text-transform: uppercase
        }

            footer .footer-main .social_media_icons li img {
                width: 25px
            }

        footer .footer-main .quick-links li a {
            color: #fff;
            text-decoration: none;
            line-height: 32px
        }

        footer .footer-main .ftr_logo img {
            width: 150px
        }

        footer .footer-main .social-links {
            position: relative
        }

        footer .footer-main .social_media_icons {
            position: absolute;
            bottom: 0
        }

        footer .footer-main .contact-links h3 {
            font-family: Roboto-Medium;
            font-size: 20px;
            padding-bottom: 20px;
            margin: 0
        }

        footer .footer-main .contact-links h4 {
            font-family: Roboto-Regular;
            font-size: 12px;
            margin: 0;
            padding-left: 20px
        }

        footer .footer-main .contact-links ul li a {
            color: #fff;
            text-decoration: none;
            font-family: Roboto-Medium
        }

        footer .footer-main .contact-links ul li p {
            margin: 0;
            padding-left: 20px
        }

        footer .footer-main .contact-links ul li {
            padding-bottom: 20px;
            position: relative
        }

        footer .footer-main .contact-links ul .call-us:before {
            content: "";
            position: absolute;
            width: 22px;
            height: 22px;
            background: url(../images/img/phone-call.png?v=-O6ZzJKBTASU-ssutiVGpAzzaJc&v=-O6ZzJKBTASU-ssutiVGpAzzaJc) no-repeat;
            left: 0;
            background-size: 60%
        }

	footer .footer-main .contact-links ul .call-us-1:before {
            content: "";
            position: absolute;
            width: 22px;
            height: 22px;
            background: url(../images/img/email.png?v=q9m6KfKRoFJDRvJg37q8-1ZCDX4) no-repeat;
            left: 0;
            background-size: 60%
        }

        footer .footer-main .contact-links ul .insta-cnt:before {
            content: "";
            position: absolute;
            width: 22px;
            height: 22px;
            background: url(../images/img/insta-logo.png?v=-O6ZzJKBTASU-ssutiVGpAzzaJc&v=-O6ZzJKBTASU-ssutiVGpAzzaJc) no-repeat;
            left: 0;
            background-size: 60%
        }

        footer .footer-main .contact-links ul .fb-cnt:before {
            content: "";
            position: absolute;
            width: 22px;
            height: 22px;
            background: url(../images/img/fb-logo.png?v=DSqLu7GgHBnyN7coe_eqs17wXKo&v=DSqLu7GgHBnyN7coe_eqs17wXKo) no-repeat;
            left: 0;
            background-size: 30%
        }

        footer .footer-main .contact-links ul .linkedin-cnt:before {
            content: "";
            position: absolute;
            width: 22px;
            height: 22px;
            background: url(../images/img/linkedin-logo.png?v=EqOlfk2_6cNWkwjwJP3L8mpkO1I&v=EqOlfk2_6cNWkwjwJP3L8mpkO1I) no-repeat;
            left: 0;
            background-size: 50%
        }

        footer .footer-main .ftr_logo {
            margin-bottom: 10px
        }

.visible-desktop {
    display: block
}

.visible-mob {
    display: none
}

.copyright {
    width: 100%;
    float: left;
    background: #a21b0e
}

.copyright-inner {
    max-width: 90%;
    margin: 0 auto;
    font-family: Roboto-Regular;
    font-size: 12px;
    color: #fff;
    padding: 20px 0
}

    .copyright-inner p {
        margin: 0
    }

.paddingrl {
    padding: 0 15px
}

.pearl-padding-TB {
    padding: 80px 0
}

.pearl-padding-TB {
    padding: 40px 0 80px
}

.power-pearls, .star-pearls {
    padding-bottom: 50px
}

.aboutpg .our-campuse .star-details, .aboutpg .star-pearls .star-details, .certificate .star-details, .contactpg .our-campuse .star-details, .our-faculty .star-details, .threecertificate .star-details {
    padding: 0 15px
}

.aboutpg .our-campuse .star-details, .contactpg .our-campuse .star-details, .our-faculty .star-details {
    margin-bottom: 30px
}

.star-details {
    font-family: Marcellus-Regular;
    text-transform: uppercase
}

    .star-details .xstudio-title span {
        text-transform: none
    }

    .star-details .total-head span {
        display: block
    }

.aboutpg .row, .facultypg .row {
    margin-right: -15px;
    margin-left: -15px
}

.innerbanner {
    position: relative
}

    .innerbanner::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%);
	display : none;
    }

    .innerbanner .inner-text {
        text-align: center;
        position: absolute;
        top: 50%;
        padding-bottom: 50px;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1
    }

        .innerbanner .inner-text .pstudiolgheading {
            font-family: Marcellus-Regular;
            color: #fff;
            margin: 0;
            text-transform: uppercase
        }

    .innerbanner picture img {
        width: 100%
    }

.batches-txt {
    text-transform: uppercase
}

.batches-details .pstudiolgheading a, .batches-details .pstudioxlheading {
    font-family: Marcellus-Regular;
    color: #000;
    margin: 0
}

.batches-details .pstudiolgheading a {
    text-decoration: none
}

.aboutpg, .coursebg {
    padding-bottom: 60px
}

.studiocontainer {
    padding: 0 !important;
}

.eligibility, .faculty-over, .industry, .intro-main, .our-campuse, .our-faculty, .reach-box, .structure, .whatpearl {
    background: #faf9f2;
    padding: 80px 0
}

.whatpearl, .structure, .faculty-over, .reach-box {
    padding: 40px 0 80px
}

.whatpearl-bottom-details, .whatpearl-top-detail {
    width: 70%;
    margin-bottom: 15px
}

    .eligibility-main .pstudioxsheading, .faculty-over-detail .pstudioxsheading, .structure-main .pstudioxsheading, .whatpearl-top-detail .pstudioxsheading {
        color: #9f1e35;
        font-family: Marcellus-Regular;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .faculty-over-detail p, .whatpearl-top-detail p {
        font-size: 16px;
        color: #000;
        line-height: 24px;
        margin-bottom: 15px
    }

        .faculty-over-detail p:last-child, .whatpearl-top-detail p:last-child {
            margin-bottom: 0
        }

.whatpearl-bottom-details {
    margin-bottom: 0
}

    .whatpearl-bottom-details .whatpearl-future {
        margin-bottom: 20px
    }

        .whatpearl-bottom-details .whatpearl-future .pstudioxxsheading {
            color: #000;
            font-family: Marcellus-Regular;
            margin-bottom: 8px
        }

        .whatpearl-bottom-details .whatpearl-future p {
            font-size: 14px;
            color: #000;
            line-height: 20px;
            margin: 0
        }

        .whatpearl-bottom-details .whatpearl-future:last-child {
            margin-bottom: 0
        }

.aboutpg .whatpearl .about-video {
    top: 46%
}

.aboutpg .star-pearls {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    padding: 80px 0 60px
}

.our-campuse {
    padding: 80px 0 50px
}

.our-campuse-list {
    position: relative;
    margin-bottom: 30px
}

    .our-campuse-list img {
        width: 100%
    }

    .our-campuse-list .our-campuse-text {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 12px 20px;
        font-size: 22px;
        color: #fff;
        font-family: Marcellus-Regular;
        text-align: center;
        background: radial-gradient(circle,#d92412 0,#9b1a0f 100%)
    }

.aboutpg .star-slider .slick-next::before, .aboutpg .star-slider .slick-prev::before {
    top: 0 !important;
    margin-top: -35px
}

.faculty-over-detail {
    width: 75%
}

.intro-main {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    padding-bottom: 100px
}

    .intro-main .intro-mid {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .intro-main .intro-left {
        width: 40%
    }

        .intro-main .intro-left .pstudioxsheading {
            color: #9f1e35;
            font-family: Marcellus-Regular;
            margin-bottom: 8px
        }

        .intro-main .intro-left p {
            font-size: 16px;
            color: #000;
            font-family: Marcellus-Regular;
            margin-bottom: 15px
        }

            .intro-main .intro-left p:last-child {
                margin-bottom: 0
            }

    .intro-main .intro-right {
        position: relative;
        padding: 20px;
        width: 40%
    }

.userstudio .bg-white {
    padding: 20px 50px
}

.userstudio .userstudio-txt .pstudiomdheading, .userstudio .userstudio-txt .pstudioxsheading {
    color: #000;
    font-family: Marcellus-Regular;
    margin-bottom: 0
}

.userstudio .userstudio-txt p {
    font-size: 16px;
    color: #000;
    font-family: Marcellus-Regular;
    margin-bottom: 0
}

.intro-slider .slick-dots {
    bottom: -45px
}

.industry, .our-faculty {
    padding-bottom: 50px
}

.ourfaculty-list {
    position: relative
}

.ourfaculty-box {
    position: inherit;
    margin-bottom: 30px
}

    .ourfaculty-box .userstudio {
        padding: 15px;
        position: relative
    }

.industry .star-details, .our-faculty .star-details {
    margin-bottom: 40px;
    padding: 0 15px
}

.userstudio .userstudio-top img {
    width: 100%
}

.userstudio .star-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    align-self: center;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%)
}

    .userstudio .star-btn:after {
        content: "";
        position: absolute;
        top: -7px;
        bottom: 0;
        margin: auto;
        right: 0;
        left: 0;
        box-sizing: border-box;
        height: 10px;
        width: 10px;
        border-style: solid;
        border-color: #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        transition: border-width 0.15s ease-in-out
    }

.userstudio .userstudio-bg {
    padding: 15px 25px
}

.ourfaculty-box .userstudio .userstudio-txt p {
    font-size: 14px;
    min-height: 65px
}

.ourfaculty-box .star-borders--left::before {
    top: -5px !important;
    left: -5px !important
}

.industry {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box
}

.ourfaculty-box .ourfaculty-popup {
    padding: 30px;
    background: #9f1e35;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    /*top: 90%;*/
	    margin-top: -15px !important;
    width: 98%;
    max-width: 100%;
    color: #fff;
    margin: 0 15px;
    z-index: 1
}

    .ourfaculty-box .ourfaculty-popup p {
        font-size: 14px;
        color: #fff;
        margin-bottom: 10px
    }

        .ourfaculty-box .ourfaculty-popup p:last-child {
            margin-bottom: 0
        }

.ourfaculty-box.active .userstudio-bg {
    background: #9f1e35 !important
}

.ourfaculty-box.active .userstudio .star-btn {
    background: #9f1e35;
    border: 1px solid #fff
}

.ourfaculty-box.active .userstudio .userstudio-txt .pstudioxsheading {
    color: #fff
}

.ourfaculty-box.active .userstudio .userstudio-txt p {
    color: #fff
}

.ourfaculty-box.active .userstudio .star-btn:after {
    transform: rotate(-135deg);
    top: 5px
}

.ourfaculty-box.active .ourfaculty-popup {
    opacity: 1;
    visibility: visible
}

.structure {
    padding-bottom: 0
}

.eligibility-table, .structure-table {
    background: #fff;
    width: 100%
}

.eligibility-main .pstudioxsheading {
    margin-bottom: 25px
}

.eligibility-table tr td, .structure-table tr td, .structure-table tr th {
    font-size: 14px;
    color: #000;
    font-family: Marcellus-Regular;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    padding: 12px 10px;
    border: none;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef
}

    .eligibility-table tr td span, .structure-table tr td span {
        display: block;
        margin-top: 5px
    }

    .eligibility-table tr td:last-child, .structure-table tr td:last-child, .structure-table tr th:last-child {
        border-right: 0
    }

.eligibility-table tr:last-child td, .structure-table tr:last-child td {
    border-bottom: 0
}

.structure-main p {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0
}

.structure-table tr td {
    font-weight: 600
}

.structure-select {
    width: 60%;
    margin: 30px 0 20px;
}

.structure-select .select-control {
        display: inline-block;
        width: 38%;
        height: 48px;
        background: #fff;
        border-radius: 0;
        font-size: 16px;
        color: rgba(108,108,108,0.5);
        padding: 10px 25px;
        margin-right: 15px;
}

    .structure-select select.select-control {
        background: url(../images/img/down-arrow.png?v=-O6ZzJKBTASU-ssutiVGpAzzaJc&v=-O6ZzJKBTASU-ssutiVGpAzzaJc) no-repeat 90% #fff;
        background-size: 18px;
        background-position: 96.5% 50%;
        padding-right: 40px;
    }

.select-control:focus {
    background: #fff;
    border: 1px solid#efefef;
    outline: 1
}

.contactpg .our-campuse {
    padding: 40px 0
}

.reach-main {
    background: #fff;
    padding: 50px 100px 50px 50px
}

    .reach-main .pstudiolgheading {
        color: #000;
        padding-bottom: 10px;
        position: relative;
        width: fit-content;
        margin-bottom: 15px
    }

        .reach-main .pstudiolgheading::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: #000
        }

    .reach-main p {
        font-size: 16px;
        color: #000;
        margin: 30px 0 20px;
    }

    .reach-main .form-control {
        background: #faf9f2;
        color: rgba(108,108,108,1.5)
    }

    .reach-main .message_box {
        height: 150px;
        margin-bottom: 30px
    }

    .reach-main select.select-control, .modal-content .have-box select.select-control {
        background: url(https://www.pearlxstudio.com/website/images/img/down-arrow.png) no-repeat 95% #faf9f2 !important;
        background-size: 15px !important; padding-right: 50px;

    }


    .reach-main .form-control::-webkit-input-placeholder {
        color: rgba(108,108,108,1.5)
    }

    .reach-main .form-control::-moz-placeholder {
        color: rgba(108,108,108,1.5);
        opacity: 1
    }

    .reach-main .form-control:-ms-input-placeholder {
        color: rgba(108,108,108,1.5)
    }

    .reach-main .form-control:-moz-placeholder {
        color: rgba(108,108,108,1.5);
        opacity: 1
    }

    .reach-main input[type="text"]:focus {
        background: #faf9f2
    }

    .reach-main input[type="email"]:focus {
        background: #faf9f2
    }

    .reach-main input[type="submit"]:focus {
        background: #faf9f2
    }

.reach-right .reach-email {
    padding: 40px 30px;
    text-align: center;
    margin-bottom: 70px;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%)
}

    .reach-right .reach-email img {
        width: 100px
    }

    .reach-right .reach-email .pstudiosmheading {
        font-size: 26px;
        color: #fff;
        margin: 20px 0 10px
    }

    .reach-right .reach-email a {
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        margin: 0 10px
    }

        .reach-right .reach-email a:hover {
            color: #fff
        }

    .reach-right .reach-email:last-child {
        margin-bottom: 0
    }

.quick-links ul li a {
    text-transform: uppercase
}

.DSchoolLoader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 999999999;
    right: 0;
    bottom: 0
}

.DschoolLoaderimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 150px
}

.PearlXLoader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 999999999;
    right: 0;
    bottom: 0
}

.PearlXLoaderimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 150px
}

.content-section {
    padding: 40px 0
}

    .content-section p {
        font-size: 16px;
        color: #000;
        margin-bottom: 15px
    }

    .content-section .pstudiosmheading {
        padding-top: 20px;
        margin-bottom: 15px;
        line-height: 1.1;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 600
    }

    .content-section ul {
        margin-bottom: 15px;
        padding-left: 40px;
        list-style: disc
    }

        .content-section ul li {
            font-size: 16px;
            color: #000;
            margin: 0
        }

.product-accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: rgba(250,249,242,1)
}



    .product-accordion-list li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: rgba(250,249,242,1);
        padding: 15px 5px;
        margin: 0;
        border-top: 1px solid #c9c9c9;
        border-radius: 0;
        cursor: pointer
    }

        .product-accordion-list li .product-accordion-title {
            font-weight: 700;
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0;
            font-size: 18px;
            cursor: pointer;
            color: #9f1e35
        }

        .product-accordion-list li .product-answer {
            position: relative;
            display: none;
            width: 100%;
            height: auto;
            margin: 10px 0 0;
            cursor: pointer;
            padding: 0;
            background: rgba(250,249,242,1)
        }

            .product-accordion-list li .product-answer p {
                position: relative;
                display: block;
                font-weight: 300;
                font-stretch: 70%;
                letter-spacing: -.02em;
                padding: 0;
                cursor: pointer;
                margin: 0;
                font-size: 16px;
                padding: 16px 0
            }

.contact-faq .product-accordion-list li .product-answer p {
    color: #6d6d6d
}

.product-accordion-title::after, .product-accordion-title::before {
    content: "";
    position: absolute;
    top: 50%;
    background-color: #111;
    transition: all 0.3s
}

.product-accordion-title::before {
    right: 29px;
    width: 3.5px;
    height: 20px;
    margin-top: -10px
}

.product-accordion-title::after {
    right: 21px;
    width: 20px;
    height: 3.5px;
    margin-top: -2px
}

.product-accordion-list li .product-accordion-title.active::before {
    transform: rotate(90deg)
}

table {
    font-family: arial,sans-serif;
    border-collapse: collapse;
    width: 90%
}

td, th {
    border: 1px solid #111;
    text-align: left;
    padding: 8px
}

.td-para {
    font-size: 12px
}

.aboutpg .about-star .star-details {
    margin-bottom: 40px
}

.facultypg .userstudio-txt {
    padding-right: 50px
}

.facultypg .ourfaculty-box .userstudio .userstudio-txt p {
    height: 50px;
}

.eligibility-table tr:first-child td {
    font-weight: 700
}

.have-box {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    padding: 70px 0
}

.have-mid {
    width: 80%;
    margin: 0 auto
}

    .have-mid .pstudiomdheading {
        color: #000;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
        text-align: center;
        margin-bottom: 60px
    }

    .have-mid .pstudio-btn {
        width: 25%;
        margin-top: 50px
    }

.have-box .form-control {
    margin-bottom: 20px
}

    .have-box .form-control:focus {
        background: #fff
    }

.have-mid .pstudio-btn:focus {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%)
}

.instruction {
    padding: 80px 0 0
}

    .instruction ul {
        margin: 0 15px
    }

.breadcrumb-wrap {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background: #faf9f2
}

.breadcrumb-list {
    margin: 0;
    padding: 0;
    padding: 12px 0;
    list-style: none
}

    .breadcrumb-list li {
        font-family: "gothambook";
        display: inline-block;
        font-size: 14px;
        text-transform: capitalize;
        letter-spacing: 1px;
        vertical-align: middle;
        line-height: 23px
    }

        .breadcrumb-list li a {
            color: #9f1e35;
            text-decoration: none;
            -webkit-transition: ease-in-out 0.5s;
            -moz-transition: ease-in-out 0.5s;
            -o-transition: ease-in-out 0.5s;
            transition: ease-in-out 0.5s
        }

        .breadcrumb-list li:after {
            content: "/";
            display: inline-block;
            vertical-align: top;
            margin: 0 5px 0 10px;
            color: #9f1e35
        }

        .breadcrumb-list li:last-child:after {
            display: none
        }

        .breadcrumb-list li a:hover {
            color: #9f1e35
        }

.xstudio-title span {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    color: #fff;
    font-size: 18px;
    padding: 8px 24px
}

.pstudioxsheading span {
    text-transform: none
}

.eligibility-main .pstudioxsheading, .faculty-over-detail .pstudioxsheading, .structure-main .pstudioxsheading, .whatpearl-top-detail .pstudioxsheading {
    margin-bottom: 22px
}

.reach-main .xstudio-title span {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    color: #fff;
    font-size: 24px;
    padding: 14px 24px 20px
}

.reach-main .pstudiolgheading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 79%;
    height: 3px;
    background: #fff;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%,0)
}

.fee-video .fasion-design {
    position: relative
}

    .fee-video .fasion-design .duration-program p {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        background: #000;
        padding: 10px 34px;
        margin: 0;
        font-size: 13px;
        opacity: .7
    }

.ourfaculty-box.active .ourfaculty-popup {
    width: auto
}

.enquiry_form input:after {
    content: "*";
    color: red;
    font-size: 10px
}


/*---------------------------BLOG PAGE-----------------------9-may-2022--------*/

.blog {
    padding-bottom: 0 !important;
}

    .blog .blog-title {
        text-decoration: underline;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 30px;
        margin-left: 10px;
        text-transform: uppercase;
    }

.blog-weeks .blog-high {
    width: 50%;
    float: left;
    padding: 0 15px 0 0;
}

.blog-weeks .weeks-image {
    position: relative;
}

.weeks-image .fee-borders--right::after {
    right: -11px;
    bottom: -11px;
}

.blog-weeks .weeks-image img {
    width: 100%;
}

.blog-weeks .weeks-txt {
    padding: 20px 0;
}

    .blog-weeks .weeks-txt h2 {
        font-size: 17px;
        font-weight: 700;
        width: 80%;
        line-height: 1.4;
        min-height: 74px;
        text-transform: uppercase;
    }

    .blog-weeks .weeks-txt p {
        font-size: 14px;
        margin-top: 10px;
        min-height: 70px;
    }

.fee-video .weeks-border::before {
    border-color: #d92412;
    top: -11px;
}

.weeks-txt .power-btn a {
    background: radial-gradient(circle, rgba(217,36,18,1) 0%, rgba(155,26,15,1) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 14px 24px;
    text-decoration: none;
}

.latest-article {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    padding: 15px 30px;
}



/*---------------------BLOG TOPIC------------------------------*/



@keyframes content-opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes content-rotate-y {
    from {
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    to {
        opacity: 1;
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes content-rotate-x {
    from {
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    to {
        opacity: 1;
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

@keyframes content-rotate-both {
    from {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transform-origin: 0% 50% 50%;
        -ms-transform-origin: 0% 50% 50%;
        -webkit-transform-origin: 0% 50% 50%;
        transform-origin: 0% 50% 50%;
    }

    to {
        opacity: 1;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transform-origin: 0% 50% 50%;
        -ms-transform-origin: 0% 50% 50%;
        -webkit-transform-origin: 0% 50% 50%;
        transform-origin: 0% 50% 50%;
    }
}

@keyframes content-pop-out {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes content-pop-in {
    from {
        opacity: 1;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes content-slide-bot {
    from {
        top: 20px;
        opacity: 0;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}

@keyframes content-slide-top {
    from {
        top: -20px;
        opacity: 0;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}
/* used for wrapper animation after the load of the page */
@keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tabs-wrapper input[type="radio"] {
    display: none;
}

.tabs-wrapper label {
    transition: background 0.4s ease-in-out, height 0.2s linear;
    display: inline-block;
    cursor: pointer;
    color: #000;
    height: 3em;
    background: #efefef;
    text-align: center;
    line-height: 3em;
    padding: 0 20px;
    font-size: 14px;
    margin-bottom: 10px !important;
}

    .tabs-wrapper label:last-of-type {
        border-bottom: none;
    }

    .tabs-wrapper label:hover {
        background: #eeeeee;
        /*@include transform (translate(0,-0.2em));*/
    }


.course-heading{

    margin-bottom: 20px;
}


.blog-detailpage-popularsection {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 15px !important;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 0px;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none !important;
    font-family: Roboto-Regular;
    font-weight: 700;
	
}


.blog-detailpage-contentsection {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 15px !important;
    border: 0px solid #681a0a;
    border-radius: 50px;
    background: #c33013;
    background: -webkit-gradient(linear, left top, left bottom, from(#c33013), to(#681a0a));
    background: -moz-linear-gradient(top, #c33013, #681a0a);
    background: linear-gradient(to bottom, #c33013, #681a0a);
    text-shadow: #3d0f06 1px 1px 0px;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none !important;
    font-family: Roboto-Regular;
    font-weight: 700;
}


.blog-detailpage-contentsectionone {
    color: #fff !important;
    background-color: #bc0606;
    font-size: 16px;
    border: 1px solid #c82d2d;
    border-radius: 10px;
    padding: 8px 15px !important;
    cursor: pointer;
    font-family: Roboto-Regular;
    font-weight: 700;
    text-decoration: none !important;
}

.blog-detailpage-cta {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 15px !important;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 0px;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none !important;
    font-family: Roboto-Regular;
    font-weight: 700;
	
}

.blog-advt-graphic{
    width: 45%;
}

.blog-advt-graphic1{
    width: 100% !important;
}


.blog-advt-graphic2{
    padding-top: 5px;
}

.blog-advt-graphic3{
    display: inline-block;
                text-align: center;
                vertical-align: middle;
                padding: 8px 15px !important;
                border: 1px solid #a12727;
                
                background: #ff4a4a;
                background: -webkit-gradient(linear,left top,left bottom,from(#ff4a4a),to(#992727));
                background: -moz-linear-gradient(top,#ff4a4a,#992727);
                background: linear-gradient(to bottom,#ff4a4a,#992727);
                text-shadow: #591717 1px 1px 0;
                font-size: 16px;
                color: #fff !important;
                text-decoration: none !important;
                font-family: Roboto-Regular;
                
}





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

    .tabs-wrapper label {
        margin: 0 0 0 15px;
    }
}


@media screen and (max-width: 900px) {
    .tabs-wrapper label {
        margin: 0 10px;
        padding: 0 28px;
    }
}

@media screen and (max-width: 833px) {
    .blog-image-spacing {
		padding-top: 3px;
    }
}


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


.word-break{
    word-break: break-all;
}

.coursepage-faq-sec-padding{padding-right: 20px !important; padding-left: 20px !important;}


    .tabs-wrapper {
        margin: 0;
    }

    .faq-li-1 {
        height: 65px !important;
    }



    /*-------------------BLOG DEATILS PAGE---------------06-may-2022-----max-width: 600px -------*/

    .howto-right .upper-heading {
        font-size: 14px;
    }

    .studiocontainer {
        padding: 0 10px !important;
    }

    .howto-right p {
        font-size: 12px;
    }

    .latest-article {
        padding: 15px 10px;
    }

    .detailer h3 {
        min-height: inherit;
    }

    .blog-weeks .weeks-txt p {
        min-height: inherit;
    }
}

#tab1:checked + label,
#tab2:checked + label,
#tab3:checked + label,
#tab4:checked + label,
#tab5:checked + label,
#tab6:checked + label,
#tab7:checked + label {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    color: #fff;
}

.tab-body {
    position: absolute;
    top: -9999px;
    opacity: 0;
    padding: 50px 0;
}

.tab-body-wrapper {
    background: transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    animation-delay: 0.2s;
    animation-duration: 1.5s;
    animation-name: show;
    animation-fill-mode: forwards;
}

@media screen and (max-width: 600px) {
    .tab-body-wrapper {
        border: none;
        border-radius: 0;
    }

    .b-details h2 {
        font-size: 26px;
    }

    .blog .blog-weeks{
        padding-right: 15px !important;
    }

    .blog .popular-articles{
        padding-left: 15px !important;
    }
    .overview .over-para{
        width: 100% !important;
    }
}

#tab1:checked ~ .tab-body-wrapper #tab-body-1,
#tab2:checked ~ .tab-body-wrapper #tab-body-2,
#tab3:checked ~ .tab-body-wrapper #tab-body-3,
#tab4:checked ~ .tab-body-wrapper #tab-body-4,
#tab5:checked ~ .tab-body-wrapper #tab-body-5,
#tab6:checked ~ .tab-body-wrapper #tab-body-6 {
    position: relative;
    top: 0px;
    /* Choose one - modify .tab-body opacity to 1 if you don't want any animation or set opacity to 1 here */
    /* @include animation(0.2s,0.8s,content-rotate-y); */
    /* @include animation(0.2s,0.8s,content-rotate-both); */
    animation-delay: 0.1s;
    animation-duration: 0.4s;
    animation-name: content-pop-out;
    animation-fill-mode: forwards;
    /* @include animation(0.1s,1s,content-slide-bot); */
}


/*-------------------------------BLOGS_DETAILS PAGES--------------06 may 2022----------------------*/

.blog-detail, .blog {
    padding: 40px 0 80px;
}

.b-details h2 {
    font-size: 40px;
    font-weight: 400;
    width: 100%;
    margin: 0;
    font-size: 44px;
    text-transform: uppercase;
}

.b-details .b-date {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
}

.b-details .b-heading {
    margin-bottom: 30px;
}

.b-details-left {
    padding-bottom: 24px;
}

.LA-title span {
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}

.latest-article-details .howto {
    background: #fff;
    padding: 15px 20px;
    margin: 15px 0px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

    .latest-article-details .howto .fee-borders--right::after {
        border-width: 8px;
        right: -8px;
        bottom: -8px;
        width: 60px;
        height: 60px;
    }


.latest-article-details .howto-left {
    width: 110px;
    margin-right: 15px;
}

    .latest-article-details .howto-left img {
        width: 100%;
    }

.howto-right .upper-heading {
    font-weight: 900;
    font-size: 12px;
    width: 90%;
    line-height: 1;
    margin-bottom: 15px;
}

.howto-right .lower-heading {
    width: 90%;
}

.howto-right p {
    font-size: 11px;
    margin: 0;
    padding-left: 0px;
    line-height: 1;
}

.Bdetails-border::before {
    border-color: #d92412 !important;
}

.Bdetails-border::after {
    border-color: #d92412 !important;
}

.beauty-book-title {
    font-size: 22px;
    margin: 10px 0;
    font-weight: 700;
}

.beauty-book p {
    font-size: 14px;
}

.detail-footer {
    position: relative;
}

    .detail-footer .power-borders--right::after {
        bottom: -10px;
        right: -9px;
        border-width: 10px;
    }

.detailer h3 {
    min-height: 60px;
    font-size: 20px;
    margin-top: 20px;
}

/*-------------------------------.blog-social-icon--------------12 may 2022-------START--------------*/
.blog-category-div {
    margin-bottom: 10px;
}

.blog-social-icon {
    position: fixed !important;
}

.sbutton {
    color: #FFF;
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 999;
    top: 50%;
    left: 0;
}

    .sbutton:hover {
        cursor: pointer;
    }

.smenu {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    left: 15px;
    margin: 0;
    opacity: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 0px;
    -webkit-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}

    .smenu:after {
        background-color: #FFF;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        top: -7px;
        content: '';
        display: inline-block;
        height: 10px;
        left: 5px;
        position: absolute;
        width: 10px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .smenu li {
        border-bottom: 1px solid #ccc;
        list-style-type: none;
        margin: 0;
        padding: 7px;
        width: 100px;
    }

        .smenu li:hover {
            background-color: #fafafa;
        }

    .smenu .facebook:hover {
        background-color: #4C66A4;
        color: #FFF !important;
    }

    .smenu .twitter:hover {
        background-color: #019AD2;
        color: #FFF !important;
    }

    .smenu .googleplus:hover {
        background-color: #D73D32;
        color: #FFF !important;
    }

    .smenu li:last-child {
        border-bottom: none;
    }

    .smenu li a {
        color: #E04006;
        text-decoration: none;
    }

    .smenu li:hover a {
        color: #fff !important;
    }

    .smenu.share {
        opacity: 1;
        top: 45px;
        z-index: 999;
        display: block;
    }

/*-------------------------------.blog-social-icon--------------12 may 2022--------END--------------*/
.innerbanner video {
    width: 100%;
    height: 650px;
    object-fit: cover;
    position: relative;
}

/*-------------------------------BLOGS_DETAILS PAGES--------------06 may 2022--------END--------------*/


/*--SEARCH BAR ICON-------------------------*/

.site-search {
    position: relative;
    right: -40px;
}

a.search-toggle {
    background-color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
}

.site-search .search-toggle img {
    width: 18px;
    margin-bottom: 2px;
}

.site-search button img {
    width: 18px;
}

.searchbox {
    padding: 10px 15px;
    background-color: #fff;
    z-index: 45;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    position: absolute;
    right: 0;
    top: 51px;
    display: none;
}

.searchbox {
    background-color: #fff;
    z-index: 45;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    position: absolute;
    right: 0;
    top: 51px;
}

.site-search .searchbox input[type="text"] {
    border: 0;
    background-color: #fff;
    border-radius: 0;
    outline: 0;
    font-size: 13px;
    padding: 2px 40px 2px 0;
    height: 42px;
    box-shadow: none;
    border-bottom: 2px solid #ccc;
    width: 200px;
    max-width: 100%;
}

.site-search .searchbox button {
    background-color: #fff;
    border: 0;
    outline: 0;
    opacity: .5;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    height: 41px;
    width: 32px;
    font-size: 14px;
    padding: 0;
}

.menu-mob .site-search {
    left: -23px;
}

/*--course/fashion-celebrity-makeup-------------------------*/

.course-bnr-right {
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(-0, -50%);
}

.coursebanner .modules-btn {
    margin-bottom: 50px;
}

.pearlx-navbar .navbar-nav .nav-item .contactus {
    background: transparent radial-gradient(closest-side at 50% 50%,#c80a11 0,#840307 400%) 0 0 no-repeat padding-box;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: 0;
    font-weight: 700;
}

.pearlx-navbar .navbar-nav .apply-btn {
    position: fixed;
    right: -32px;
    top: 50%;
    z-index: 1;
    transform: rotate(90deg) translateY(-50%);
    font-weight: 700;
    box-shadow: 0 0px 10px #c5c5c5;
}

.about-pearl .why-choose{
    padding: 0 15px;
}

.about-pearl .why-choose .about-para{
    margin-bottom: 0;
}

/*--------changes ---------9 june 2022------*/

.breadcrumb-list{
    padding: 10px 0;
}

.blog .studiocontainer{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* .blog{
    padding-top: 20px;
} */

.blog .blog-weeks{
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
}

.blog-weeks .weeks-txt{
    padding: 15px 0;
}

.blog-weeks .weeks-txt h2{
    margin: 0;
}

.blog-weeks .weeks-txt p {
    margin-top: 10px;
    min-height: 65px;
    margin-bottom: 15px;
}

.weeks-txt .power-btn a{
    display: inline-block;
}

.latest-article{
    padding: 15px 23px 15px 15px;
}

.LA-title{
    margin-bottom: 15px;
}

.howto-right .upper-heading{
    line-height: 1.5;
    text-transform: uppercase;
}

.howto-right p{
    font-size: 13px;
}

.latest-article-details .howto{
    margin: 0;
    margin-bottom: 25px;
    padding: 15px;
}

.latest-article-details .howto:last-child {
    margin-bottom: 12px;
}

.blog-weeks .blog-high, .blog-weeks .blog-high{
    padding: 0 30px 15px 0;
}

.blog .blog-title{
    margin-left: 15px;
}

.blog .blog-title{
    margin-bottom: 30px;
}

.tab-body-wrapper .tab-body{
    padding: 30px 0 15px;
}

.latest-article-details .howto-left{
    width: 100px;
}

.latest-article-details .howto-right{
    width: 70%;
}

.howto-right .upper-heading{
    margin-bottom: 10px;
    width: 100%;
    font-size: 13px;
}

.blog .popular-articles{
    padding-left: 0;
}

.blog .blog-category-div{
    padding-right: 15px;
    padding-bottom: 15px;
}

.pearl-padding-TB,
.eligibility,
.faculty-over, 
.industry, 
.intro-main, 
.our-campuse, 
.our-faculty, 
.reach-box, 
.structure, 
.whatpearl,
.aboutpg .star-pearls{
    padding: 60px 0;
}

.our-campuse, .pearl-padding-TB{
    padding-bottom: 30px;
}



.about-details .about-heading{
    margin: 10px 0 5px !important;
}

.about-details .about-btn{
    margin-top: 18px !important;
}

.power-pearls {
    padding-bottom: 20px !important;
}

.three-txt.blog-high .fee-borders--left {
    left: -15px;
}

.home-slider .item{
    padding: 0;
    margin: 0;
}
.home-slider .slick-dots{
    bottom: 10px;
}

.participate ul.round li::before{
   top: 8px !important;
   width: 8px !important;
   height: 8px !important;
}
.inner-text .banner-txt-blog{width: 50%;
    margin: 0 auto;
    font-size: 74px; font-family: 'SignPainter'; line-height:0.6;color:#fff;}
.inner-text .blogheadimg{    width: 28%;
    background: red;
    margin: 0 auto;
    position: relative;}
.inner-text .blogheadimg img{width: 50%; position:absolute; right:0;}
.banner-txt-blog{
    color:white;font-family:cursive
    
    }

.overview-details .sylish-scollarship{
    display: inline-block;
    width: 100%;
            text-align: center;
        background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
        color: #fff;
        font-size: 18px;
        padding: 8px 24px;
}

.sylish-scollarship span{background: none;}

.overview-details .new-d span{
    font-weight: bold;
    font-size: 30px;
    margin-top: 30px;
    display: block;
background: none;
padding-left: 0 !important;
color: #9f1e35 !important;
}

.scollar-img{
    display: flex;
    align-items: center;
}

.scollar-img img{
    margin-right: 40px;
    border-radius: 50%;
}

.desktop-img{

    display:block;
}

.mobile-img{

    display: none;
}

.userstudio-bg .listpage-hd {
  margin-bottom: .5rem !important;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.5rem;
}

.upcmng-workshop{list-style-type: disc;
padding-left: 16px;
}

.quick-links .right-popup-form-enquirenow {
     text-transform: uppercase;
    cursor: pointer;
    font-family: Roboto-Regular;
    border: 0 !important;
    outline: none !important;
    visibility: visible;
    background-color: #fff;
    width: 11px;
    padding: 8px 12px;
    font-size: 10px;
    color: #f00 !important;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    min-width: 106px;
}
.userstudio .userstudio-txt h4{
    font-size: 22px;
    min-height: 55px;
}

/*-----22 dec 22 BUG SHEET------*/
.about-teiup-mac{
    background-color: #000;
    padding: 10px;
}

/*------------21 dec 22*/
.here-what-wrapper{
    padding: 80px 0 0;
    margin-bottom: 0 !important;
}
.here-right{
    display: flex;
    position: relative;
 justify-content: flex-end;

   
}
.here-club{
    background: transparent linear-gradient(244deg, #440D0B 0%, #9E1B0F 18%, #D92412 46%, #9B1A0F 76%, #440D0B 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    color: #fff;
    padding: 30px 50px;
    width: 65%;
    left: -2%;
    top: 53%;
    transform: translate(-0%, -50%);
}
.image-here{
    max-width: 100%;
        width: 80%;
        display: block;
        margin-left: auto;
}
.image-mobile-here{
    max-width: 100%;
    display: none;
}
.here-what-heading{
    font-size: 46px;
    width: 85%;
    font-weight: 500;
    letter-spacing: 2px;

}
.here-quotes{
position: absolute;
top: 19px;
left: 12px;
}
.vanshika{
margin: 0;
}
.vaniska-anchor{
    color: #fff;
    text-decoration: none;
}
.vaniska-anchor:hover{
    color: #fff;
    text-decoration: none;
}

.faq-left-cut{padding-left: 38px;}

.course-women-padding{
padding-bottom: 60px;}

.product-answer .course-page-faq-p-text{font-weight: 600;}

.faq-course-carrier-oppo-ul .faq-course-carrier-oppo-li{
   border:none;
   font-weight: 600;
   padding:0; 
   margin-top: 10px;}

/*---18 April 2023---*/
/*.faq-course-carrier-oppo-ul .faq-course-carrier-oppo-li::before{
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50px;
    position: absolute;
    content: '';
    left: -14px;
    top: 50%;
    transform: translate(-0, -50%);

}*/

.course-page-faq-p-text{font-weight:600;}
.elevenmonth-program { background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box; }
.contactpg form .select-control{padding-right:48px;}

/*-----costume-styling courses 2-feb-23-----*/
.costume-styling {padding: 60px 0;} 
.costume-styling .costume-padding{margin-top:0 !important;}
.costume-styling .video-column .costume-video{top:0;}
.costume-styling .video-column .costume-list{top:0; transform: translate(0, 0%);}
.courses-center-part{align-items:center;}
.bottom-coursesoverview{padding:60px 0;}
.module-article{word-wrap: break-word;}
.module-article .more-modules{display: none;}
.module-article .moreless-button{font-size: 18px; font-weight: 700; color: #9b1a0f; cursor: pointer; padding: 10px 0;}
.module-article .moreless-button{margin-top: -20px; padding-bottom: 20px;}
.module-article .module-article-button{margin-bottom: 0 !important;}
.module-padding-null{padding-bottom: 0 !important;}
.module-padding-null:last-child{padding-top: 0 !important;}
.wh-passion-heading {text-align:right; margin-right: 25% !important;}


/*--16 feb 23--*/
.course-pg-listvw{list-style-type:disc;}
.wh-passion-heading {
    text-align: right;
    margin-right: 25% !important;
}
.module-padding-null {
    padding-bottom: 0 !important;
}

/*--------CLS----HOME PAGE------*/
.home-slider .d-banner{position: relative;}
/*    .home-slider .d-banner img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        right: 0;
        bottom: 0;
    }*/
.site-search{width:32px;}
.power-slider .slick-slider img{width:100%; height:100%; object-fit:cover;}
.Coverview-corner{width:100%; height: 100%;}

.upcomingworkshop {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  text-align: center;
  text-decoration: none;
 /* -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite; */
}
/* @-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #B20000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; } */

/*9-march-23*/

.footer-button {
    visibility: visible;
    background-color: #fff;
    width: 11px;
    padding: 8px 12px;
    font-size: 10px;
    color: #f00 !important;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    min-width: 135px;
}
.upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{display: block;}


.author_details-txt-new .avik-roy-base{
    color: #414141;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: left;
    font-family: Marcellus-Regular;
    line-height: 0.6;
    text-transform: capitalize;
}
.author_details-txt-new .avik-roy-base .avik-span-one{
    font-size: 16px;
    margin: 0;
    display: block;
    margin-bottom: -4px;
}

.author_details-txt-new .avik-roy-base .avik-span-two{
    font-size: 16px;
    margin: 0;
}

.upcoming-workshp-list-pg-pst{min-height: 55px;}
.upcoming-workshp-list-pg-pst-1{min-height: 28px;}

/*-----CONTACT DEMO PAGE---20 march 23---*/
/*.reach-main.contact-demo-reach .xstudio-title span{padding:0}*/
.contact-demo-reach{padding: 50px; text-align: center; border-radius: 40px;}
.contact-demo-heading{margin: 0 auto; margin-bottom:0 !important;}
.contact-demo-heading span{background: none !important; color: #000 !important; font-weight: 700;}
.contact-demo-reach p{margin: 0 0 30px;font-size: 20px;}

.contact-demo-wrapper{padding-left: 60px; }
.contact-demo-part {
    margin-bottom: 30px;
    font-size: 18px;
}
.contact-demo-part .cicon{padding-right: 15px;}
.contact-demo-reach .xstudio-title{margin: 0 auto; margin-bottom: 30px;}
.contact-demo-reach .xstudio-title span{font-size: 22px;}
.reach-main.contact-demo-reach form { width: 500px; max-width: 100%; margin: auto; }

.reach-heading-demo{text-align:center;}
.reach-heading-demo .attend-demo{font-size: 20px; color: #000;margin: 0;}
.contact-demo-reach .pstudiolgheading::after{width: 0;}


.demo-page-btn-sticky { right: -104px !important; top: 72% !important;}
.demo-page-btn-sticky .whatsapp-chat-btn{padding: 10px 15px 22px 10px !important;}
.demo-page-btn-sticky .whatsapp-chat-btn span{margin-right: 10px;}

.demo-page-btn-sticky-icon { transform: rotate(90deg);border-radius: 10px; }
.attend-demo-textp{ width: 40%;margin: 0 auto !important;padding-top: 10px;}

.contact-demo-part ul{margin-left: 20px;}
.contact-demo-part .why-at{font-size: 24px; letter-spacing: 2px; position: relative;
    z-index: 999; margin-left: 110px;} 
.contact-demo-part{display: flex; justify-content: center;align-items: center;}
.contact-demo-part {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.contact-demo-part .grp-of-contact-l img{    box-shadow: 2px 3px 8px #999;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    border-radius: 20px;
    width: 70px; padding: 10px;}


/*.grp-of-contact-l {
    width: 20%;
}*/
.grp-of-contact-l .cont-1{width:80px; height:80px;}
.grp-of-contact-r .deemo-para{margin-bottom:0;}

.cont-wrapper-header {
    position: relative;
    justify-content: flex-start;
	z-index:9;
}
/*
.cont-wrapper-header::before{content:''; position: absolute; left:0; bottom: -5px; background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);width: 80px; height: 80px; border-radius: 50%; z-index:1;}
*/


/*--PXS FORM-4-april-*/
.pxs-banner .studiocontainer{max-width:100% !important;}
.pxs-banner{position:relative;}
.pxs-banner .pxs-form{position: absolute;top: 50%; left: inherit; right:60px; transform: translate(-0%, -50%);z-index:1;}
.pxs-banner .modal.pxs-form{display:block; background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box; width:460px; height: auto;     border-radius: 20px;}
.pxs-banner .fade:not(.show){opacity:1;}
.pxs-banner .pxs-modal-dialog{padding: 30px;}
.pxs-modal-content .pstudiomdheading{margin-bottom: 10px;}
.pxs-banner .have-box .form-control{height: 50px; border-radius: 10px;}
.pxs-modal-header .pstudiomdheading{font-size: 30px;}

/*.pxs-banner{background: #01b6bd; padding-top: 30px;}*/


/*--form input--*/

.pxs-wrappr{display:flex; justify-content: space-evenly; gap: 100px;}
.pxs-banner .have-mid {width: 100%;}


/*--NEW CHANGES--*/
/*
.pxs-banner{background: url(https://pearlx.lyxelandflamingotech.in/workshopimages/CKEditorImages/e5d6dc18-c2e8-44bd-9b71-05512f9f89e3.jpg) no-repeat center; background-size: cover; width: 100%; height: 800px;}
*/
/*.pxs-banner{background: url(https://pearlx.lyxelandflamingotech.in/workshopimages/CKEditorImages/Joy-Goswami-Banner.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 800px;}*/

.pxs-banner .have-box .form-control{margin-bottom: 0;}
.pxs-banner .form-group{margin-bottom: 20px;}

/*--10 APRIL 23---*/
.trailclass-details{font-size: 16px;}
.trial-demo-para{font-size: 16px; line-height: 1.3;}
.cont-wrapper-header p{font-size: 20px;}

/*2-may moreless button add on faculty*/
.faculty-more-modules{display: none;}

.moreless-faculty{font-size: 18px;
font-weight: 700 !important;
color: #9b1a0f!important;
cursor: pointer;
padding: 10px 0;}

/*4 may 2023*/
.ourfaculty-list{flex-wrap: wrap; justify-content: center; padding: 30px 0 0;} 
.ourfaculty-list .ourfaculty-box{width: 33%;}
.our-faculty .ourfaculty-bodyart{display: block;}
.ourfaculty-bodyart .userstudio-bg{padding-bottom: 26px;}
.ourfaculty-bodyart .listpage-hd, .ourfaculty-bodyart .upcoming-workshop p{min-height: inherit !important;}

.remarkting-btn .right-popup-form.register-btn.button-remark.wrkshop-regiter.upcoming-workshop-btn-color{background-color: #051E2F !important;}

.ourfaculty-list.single-faculty1{display: block;}
.desktopwhatsapp
  {

	background-color: white !important;
	color: black;
	width: 13%;
	animation: none !important;
position: fixed;
right: -50px;
top: 50%;
z-index: 1;
transform: rotate(90deg) translateY(-50%);
font-weight: 700;
box-shadow: 0 0 10px #c5c5c5;
color: #9b1a0f !important;
padding-right: 10px;
 }

.home-date-update {
	align-items: center;
text-align: center;
padding-top: 7px;
}

/*upcomming button*/
.upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{
	display: none;
	transform: none;
	position: fixed;
    	right: 0px;
    	top: inherit;
	bottom: 0;
    	z-index: 1;
    	font-weight: 700;
   	box-shadow: 0 0 10px #c5c5c5;
    	background: #000 !important;
   	color: #fff;
	letter-spacing:2px;
    	font-size: 13px;
    	text-transform: uppercase;
 	padding: 8px 15px !important;
  	cursor: pointer;
    	font-family: Roboto-Regular;
    	border: 0 !important;
    	outline: none !important;
	width: 24%;
    	text-align: center;
	-webkit-animation:colorchange 1s infinite alternate;
        display:none;
} 

.upcmg-wrkshp-btn .upcmg-wrkshp-btn-a {
    text-align: left;
    padding-left: 30px !important;
}

 
.upcoming-workshp-list-pg-pst-1{min-height: 55px;}

/*--css minfy--*/
 @-webkit-keyframes colorchange {0%{color: #fff;}100%{color: #c80a11;}}

.about-us-unique{margin: 10px 0px;}

.w-full{width:400px; height:600px;}

.home-pg-newd{padding-top: 14%;}


.campus-on-pingus .our-campuse-list .our-campuse-text{min-height: 110px; font-size:20px;}
.imgwidthheight{width:100%;height:auto;}
.batches-details p {
    font-size: 24px;
    margin: 0;
    margin-top: 14px
}

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

.campus-on-pingus .our-campuse-list .our-campuse-text{min-height: 100px; font-size:18px;}
.pxs-banner .pxs-modal-dialog{padding: 10px 20px}
.pxs-banner .modal.pxs-form{width:420px;}
.pxs-modal-header .pstudiomdheading{font-size: 26px;}
.desktopwhatsapp{right: -31px; width: inherit !important; }

/*.pxs-banner{padding-top: 50px;}*/
    .userstudio .userstudio-txt {
        padding-right: 30px
    }

    .structure-select {
        width: 75%
    }
.here-club{
    left: -5%;
    top: 53%;
    transform: translate(-0%, -50%);
}
.here-club .course-test-para{font-size: 14px;}
.upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{width: 30%;}

}

@media screen and (max-width:1245px){
	.inner-text .banner-txt-blog{font-size:60px; }
    .upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{width: 30%;}
}

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

/*.pxs-banner{padding-top: 10px;}*/
.pxs-modal-header .pstudiomdheading {
    font-size: 26px;
}
/*--PXS FORM---*/
.contact-demo-part .why-at{margin-left:110px;}
.contact-demo-wrapper{padding-left: 30px;}
	.userstudio .userstudio-txt h4{min-height: 60px;}
.here-right .women-here-club{top:49%; padding: 30px 35px 30px 50px}
    .pstudioxlheading {
        font-size: 40px
    }

    .pstudiolgheading {
        font-size: 30px
    }

    .pstudiomdheading {
        font-size: 28px
    }

    .pstudiosmheading {
        font-size: 18px
    }

    .pstudioxsheading {
        font-size: 16px
    }

    .pstudioxxsheading {
        font-size: 14px
    }

    .pearl-padding-TB {
        padding: 50px 0
    }

    .content-section, .eligibility, .faculty-over, .industry, .intro-main, .our-campuse, .our-faculty, .reach-box, .structure, .whatpearl, .have-box {
        padding: 50px 0
    }

    .aboutpg .star-pearls {
        padding: 50px 0 30px
    }

    .whatpearl-bottom-details, .whatpearl-top-detail {
        width: 100%
    }

        .faculty-over-detail p, .intro-main .intro-left p, .whatpearl-top-detail p {
            font-size: 14px;
            line-height: 20px
        }

    .aboutpg .star-details .star-head {
        font-size: 28px
    }

    .our-campuse-list .our-campuse-text {
        padding: 8px 20px;
        font-size: 16px
    }

    .our-campuse {
        padding: 50px 0 30px
    }

    .batches-pearls .pstudiolgheading {
        font-size: 24px
    }

    .intro-main {
        padding-bottom: 100px
    }

        .intro-main .intro-left {
            width: 50%
        }

        .intro-main .intro-right {
            width: 45%
        }

    .userstudio .bg-white {
        padding: 15px 20px
    }

    .userstudio .userstudio-txt .pstudiomdheading {
        font-size: 22px
    }

    .content-section p, .content-section ul li, .userstudio .userstudio-txt p {
        font-size: 14px
    }

    .industry, .our-faculty {
        padding-bottom: 20px
    }

    .userstudio .userstudio-txt {
        padding-right: 20px
    }

    .structure-select {
        width: 100%
    }

        .structure-select .select-control {
            width: 35%
        }

    .reach-box {
        padding-bottom: 0
    }

    .reach-main {
        padding: 30px 30px 30px 30px
    }

    .reach-right .reach-email {
        padding: 20px 10px
    }

    .instruction {
        padding-bottom: 0
    }

    .pearlx-navbar .navbar-nav > li > a {
        font-size: 11px;
    }
    .three-txt.weeks-high{
        width: 70%;
    }
}
/*-------------21 dec 22*/
@media screen and (max-width:1199px){
.contact-demo-wrapper{padding-left:20px; margin-top:80px;}
	/*.pxs-banner{background: url(https://pearlx.lyxelandflamingotech.in/workshopimages/CKEditorImages/joy-tab.jpg) no-repeat center; background-size: cover; width: 100%; height: 900px;}*/
.pxs-banner .modal.pxs-form{width: 400px;}
.pxs-banner .pxs-form{top: 45%}
}

@media screen and (max-width:1299px){
.campus-on-pingus .our-campuse-list .our-campuse-text {min-height: 100px; font-size: 16px;}
.contact-demo-part{font-size: 16px;}
.contact-demo-part .why-at{font-size: 20px;}

    .here-what-heading{
        font-size: 32px;
        line-height: 40px !important;
    }
	

}

/*-------------21 dec 22*/
@media screen and (max-width:1024px) {
.campus-on-pingus .our-campuse-list .our-campuse-text {min-height: 100px; font-size: 14px;}
.pxs-banner .have-box .form-control{height:40px;}
.pxs-banner .form-group{margin-bottom: 10px;}
/*4may-2023*/
.ourfaculty-list{padding: 30px 10px; gap: 0 20px;}
.ourfaculty-list .ourfaculty-box{width: 48%;}
.pxs-banner .modal.pxs-form{width: 400px; margin-top:20px;}
.pxs-modal-content .pstudiomdheading{font-size: 22px;}
   .userstudio .userstudio-txt h4{min-height: 60px;}
   .ourfaculty-box .userstudio .userstudio-txt p{min-height: 70px}
   .upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{width: 40%;}

}

@media screen and (max-width:991px) {
.campus-on-pingus .our-campuse-list {margin-bottom: 130px;}
.campus-on-pingus .our-campuse-list .our-campuse-text{bottom: -100px;}

/*.pxs-banner{padding-top:100px;}*/
.pxs-banner .modal.pxs-form{width: 340px;}
.pxs-modal-content .pstudiomdheading{margin-bottom:10px;}
.pxs-banner .have-box .form-control{padding: 0px 20px; height: 30px}
.pxs-banner .modal.pxs-form{margin-top: 30px;}
.have-mid .pstudio-btn{padding: 5px 20px}
.pxs-banner .pxs-modal-dialog{padding: 20px;}

.contact-demo-wrapper{padding-left:20px;}
.contact-demo-part .why-at{font-size: 18px;}
.cont-wrapper-header::before{    bottom: -10px;}

    
    /*------------21 dec 22*/
    .here-what-heading{
        width: 100%;
        font-size: 32px;
        text-align: center;
        line-height: 38px !important;
    }
    .here-club{
        position: unset;
        width: 100%;
        padding: 30px 40px;
        transform: translate(0);
        margin-bottom: 30px;
    }
    .here-right{
        display: block;
    }
    .here-quotes{
        left: 0;
        top: 17px;
        width: 40px;
    }
    .image-here{
        display: none;
    }
    .image-mobile-here{
        display: block;
    }

.inner-text .banner-txt-blog{font-size:45px; width: 100%;}
.inner-text .banner-img-below{width: 20%; margin-left: 102px;    margin-right: 5%;}
    .pearlx-navbar .navbar-brand > img {
        width: 120px;
	height: 100%;
    }

    .pearlx-navbar .navbar-nav > li > a {
        font-size: 11px;
        padding: 8px 5px !important;
    }

    .pearlx-navbar .container-fluid {
        max-width: 95%
    }

    footer .container-fluid {
        max-width: 97%
    }

    footer .footer-main .ftr_logo img {
        width: 120px;
	height: 100%;
    }

    footer .footer-main .contact-links h3 {
        font-size: 18px;
        padding-bottom: 15px
    }

    .copyright-inner {
        max-width: 95%
    }

    .userstudio .userstudio-txt {
        padding-right: 50px
    }

    .ourfaculty-box .ourfaculty-popup {
        top: 44%
    }

    .have-mid {
        width: 95%
    }
	.site-search{right:0px;}
    /*-------------------------------.blog-social-icon--------------12 may 2022--------START-------------*/

    .blog-social-icon {
        position: fixed;
        z-index: 999;
    }

.blog-advt-graphic{width: 65%;}

    /*-------------------------------.blog-social-icon--------------12 may 2022--------END--------------*/
}

@media screen and (max-width:880px) {
    .pearlx-navbar .navbar-nav > li > a {
        font-size: 12px;
        padding: 7px 10px !important
    }
}

@media screen and (max-width:767px) {
.contactpg .our-campuse.campus-on-pingus{padding-bottom:150px;}
.pxs-banner .have-box .form-control{height: 40px;}
.pxs-banner .form-group{margin-bottom: 20px;}
 .workshop-table-data td {
        text-align: center;
    }

.userstudio .userstudio-txt h4, .ourfaculty-box .userstudio .userstudio-txt p{min-height: inherit !important;}
.ourfaculty-list{padding: 20px;}
.ourfaculty-list .ourfaculty-box{width: 100%;}
.overview.workshop.pearl-padding-TB.mobile-padding{padding: 30px 0;}
.pxs-banner{padding: 40px 0}
.pxs-banner .herobanner-image{display: none;}
.pxs-banner .modal.pxs-form{position: inherit; padding-top:0;}
.pxs-banner .pxs-form{transform: translate(-0%,-0%);}
/*--PXS-FORM--4 april 23--*/
.pxs-banner{background: none; width: 90%; margin: 0 auto;}
.desktop-img.pxs-banner{display: block;}
.pxs-banner .pxs-form{right:0;}
.pxs-banner .modal.pxs-form{width:100%;}
.pxs-banner .pxs-modal-dialog{padding: 30px 20px;}
.contact-demo-part{align-items: flex-start;}
/*.cont-wrapper-header{margin-bottom: 50px;}*/
.pxs-modal-header .pstudiomdheading{font-size: 20px;}

.contact-demo-wrapper{margin-top: 20px;}
.contact-demo-part .why-at{font-size: 20px; z-index: 1;}
.contact-demo-reach{margin-bottom: 40px;}
/*17-march-23 contact-demo page*/
.reach-heading-demo{padding: 0 10px;}
.reach-heading-demo .attend-demo{font-size: 20px;}
.contact-demo-reach .xstudio-title span {
    font-size: 20px;
}
.demo-page-btn-sticky{right: -97px !important; top: 50% !important; opacity: 0.7;}
.demo-page-btn-sticky .whatsapp-chat-btn{display: block !important;}
.demo-page-btn-sticky .whatsapp-chat-btn {
  padding: 0px 10px 0px 10px !important;
}
.contact-demo-reach{padding: 50px 20px 30px !important;}
.attend-demo-textp{ width: 90%;}

/*7-march-23*/
/*.home-slider .d-banner{padding-top:75%;}*/

/*-----costume-styling courses 2-feb-23-----*/
.costume-styling {padding: 0px 0 !important;} 

/*21-march-23*/
.contact-demo-wrapper {
  padding-left: 10px;
}
.demo-class-pstudio-btn{width:100%;}

/*--16 feb 23--*/
.course-pg-listvw{list-style-type:disc; padding-left: 20px; text-align: left;}
.product-accordion-list-one, .faq-left-cut{padding-left: 20px !important;}

    .remove-bnr-contact{display: none !important;}
    .set-bg-imgs{
       /* background: url('https://www.pearlxstudio.com/website/images/img/Contact-us-Responsive.jpg') no-repeat; */
        background-size: cover;
        padding: 0px 16px;
    }
.contactpg .remove-reachbox {
    padding: 20px 0;
}
.course-bnr-video-right .foriframe iframe{
    background-size: contain !important;
}
.inner-text .banner-txt-blog{font-size:34px;}
.inner-text .banner-img-below{width:28%; margin-left: 120px}
    .pstudioxlheading {
        font-size: 32px
    }

    .pstudiolgheading {
        font-size: 28px
    }

    .pstudiomdheading {
        font-size: 24px
    }

    .pstudiosmheading {
        font-size: 18px
    }

    .pstudioxsheading {
        font-size: 16px
    }

    .pstudioxxsheading {
        font-size: 14px
    }

    .pearl-padding-TB {
        padding: 40px 0
    }

    .pearlx-navbar .navbar-collapse.collapse {
        display: none !important
    }

    .menu-mob {
        display: block !important
    }

        .menu-mob .row {
            align-items: center;
            flex-wrap: nowrap
        }

    .pearlx-navbar .container-fluid {
        display: none
    }

    .mob-logo {
        text-align: center
    }

    #toggle {
        visibility: visible;
        opacity: 1;
        margin-top: 15px;
        float: left
    }

    #resize #menu {
        width: 100%;
        height: unset;
        padding: 0 20px;
        display: block;
        margin-top: 60px
    }

    .cross-icon {
        display: block;
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2
    }

    #resize #menu li a {
        padding: 15px 0;
        display: inline-block;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #d06358;
        color: #fff;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        font-family: Roboto-Regular;
        text-decoration: none
    }

    #resize.active {
        visibility: visible;
        opacity: 1;
        width: 80%
    }

    #resize {
        visibility: hidden;
        position: fixed;
        display: block;
        overflow: auto;
        z-index: 999 !important
    }

    .pearlx-navbar .container-fluid {
        position: relative
    }

        .pearlx-navbar .container-fluid > .navbar-header {
            float: left
        }

    .pearlx-navbar #toggle img {
        width: 40px
    }

    .cross-icon img {
        width: 15px;
        cursor: pointer
    }

    .pearlx-navbar .menu-mob .col-xs-4 img {
        margin: 0 auto;
        width: 100px
    }

    .mob-logo img {
        width: 120px;
	height: 100%;
    }

    .fixed .pearlx-navbar {
        padding: 0
    }

    .fixed .mob-logo img {
        padding: 5px
    }

    .pearlx-navbar .navbar-nav > li > a {
        padding: 10px !important
    }

    .pearlx-navbar .container-fluid {
        max-width: 98%
    }

    .menu-takeover-active .overlay {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        z-index: 1;
        opacity: 1;
        filter: blur(8px)
    }

    footer .footer-main {
        padding: 30px 0
    }

        footer .footer-main .social-links {
            flex-basis: auto;
            text-align: center
        }

        footer .footer-main .social_media_icons {
            position: static;
            width: 100%;
            text-align: center
        }

            footer .footer-main .social_media_icons li img {
                width: 30px
            }

        footer .footer-main .contact-col {
            padding-top: 20px;
            padding-bottom: 20px
        }

        footer .footer-main .contact-links ul {
            column-count: 2
        }

    .visible-desktop {
        display: none
    }

    .visible-mob {
        display: block
    }

    .copyright {
        text-align: center
    }

    footer .footer-main {
        padding: 30px 0 20px 0
    }

        footer .footer-main .quick-links li a {
            font-size: 12px
        }

    footer .container-fluid {
        max-width: 95%
    }

    footer .footer-main .contact-links h3 {
        font-size: 16px
    }

    .menu_social_icon {
        position: fixed;
        transform: translate(-50%,-50%);
        bottom: 5%;
        left: 40%
    }

        .menu_social_icon ul li {
            display: inline-block;
            margin-right: 10px
        }

            .menu_social_icon ul li img {
                width: 25px
            }

    .menu-mob-logo {
        position: absolute;
        top: 15px;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 1
    }

#resize #menu .upcomingworkshop{text-align: left;}

        .menu-mob-logo img {
            width: 120px
        }

    .star-borders {
        display: none
    }

    .innerbanner .inner-text {
        padding-bottom: 0
    }

    .aboutpg .star-pearls, .eligibility, .faculty-over, .industry, .intro-main, .our-campuse, .our-faculty, .reach-box, .structure, .whatpearl, .have-box {
        padding: 40px 0
    }

    .faculty-over-detail, .whatpearl-bottom-details, .whatpearl-top-detail {
        width: 100%
    }

        .faculty-over-detail p, .intro-main .intro-left p, .whatpearl-top-detail p {
            font-size: 14px;
            line-height: 20px
        }

    .aboutpg .our-campuse .star-details, .aboutpg .star-pearls .star-details {
        padding: 0;
        display: inline-block;
        width: 100%
    }

    .aboutpg .star-details .xstudio-title {
        margin-top: 0
    }

    .aboutpg .star-details .star-head {
        font-size: 22px
    }

    .aboutpg .star-slider .slick-slider {
        padding: 0;
        margin-bottom: 15px
    }

    .aboutpg .star-slider .slick-next::before, .aboutpg .star-slider .slick-prev::before {
        top: auto !important;
        margin-top: 0;
        bottom: -20px
    }

    .aboutpg .star-pearls {
        padding-bottom: 60px
    }

    .our-campuse-list .our-campuse-text {
        font-size: 16px;
        padding: 8px 20px
    }

    .batches-pearls .pstudiolgheading {
        font-size: 22px
    }

    .our-campuse .col-md-6:last-child .our-campuse-list {
        margin-bottom: 0
    }

    .intro-main {
        padding-bottom: 80px
    }

        .intro-main .intro-mid {
            flex-wrap: wrap
        }

        .intro-main .intro-left, .intro-main .intro-right {
            width: 100%
        }

        .intro-main .intro-right {
            padding: 0;
            margin-top: 30px
        }

    .userstudio .bg-white {
        padding: 15px 20px
    }

    .industry, .our-faculty {
        padding-bottom: 20px
    }

        .industry .star-details, .our-faculty .star-details {
            margin-bottom: 30px
        }

    .ourfaculty-box .userstudio {
        padding: 0
    }

    .userstudio .userstudio-txt {
        padding-right: 50px
    }

    .userstudio .star-btn {
        right: 35px
    }

    .structure-main p {
        font-size: 18px
    }

    .structure-select {
        width: 100%
    }

        .structure-select .select-control {
            width: 100%;
            margin-bottom: 15px
        }

        .structure-select select.select-control {
            background: url(../images/img/down-arrow.png?v=-O6ZzJKBTASU-ssutiVGpAzzaJc&v=-O6ZzJKBTASU-ssutiVGpAzzaJc) no-repeat 95% #fff;
            background-size: 18px;
            background-position: 98.5% 50%;
        }

    .eligibility-table tr td, .structure-table tr td, .structure-table tr th {
        padding: 10px 12px;
        font-size: 12px
    }

    .ourfaculty-box {
        position: relative
    }

        .ourfaculty-box .ourfaculty-popup {
            top: 100%;
            width: 95%;
            margin: 0 auto
        }

    .reach-main {
        padding: 30px 20px;
       /* margin-bottom: 30px */
    }

        .reach-main p {
            font-size: 14px;
            margin-bottom: 20px
        }

    .reach-right .reach-email {
        padding: 30px;
        margin-bottom: 30px
    }

        .reach-right .reach-email .pstudiosmheading {
            font-size: 22px
        }

    .structure {
        padding-bottom: 0
    }

    .product-accordion-list li .product-accordion-title {
        padding-right: 60px
    }

    .facultypg .ourfaculty-box .userstudio .userstudio-txt p {
        height: auto
    }

    .have-mid {
        width: 90%
    }

        .have-mid .pstudiomdheading {
            margin-bottom: 30px
        }

        .have-mid .pstudio-btn {
            width: 90%;
            margin-top: 10px
        }

    .instruction {
        padding-bottom: 0
    }

    /*-------------------BLOG PAGE---------------06-may-2022------------*/

    .blog-weeks .weeks-txt h2 {
        font-size: 15px;
        width: 100%;
        min-height: inherit;
    }

    .blog-weeks .weeks-txt p {
        font-size: 10px;
        min-height: inherit;
    }

    .blog-weeks .blog-high, .weeks-high {
        width: 100%;
        padding: 0 0 15px;
    }

    .tabs-wrapper label {
        padding: 0 14px;
        font-size: 13px;
        margin: 0 !important;
        margin-bottom: 8px !important;
    }

    .blog .tabs-wrapper {
        text-align: center;
    }

    .blog-weeks .weeks-txt{
        text-align: center;
    }

    .power-pearls {
        padding-bottom: 60px !important;
    }

    /*-------------------BLOG DEATILS PAGE---------------06-may-2022------------*/

    .b-details h2 {
        font-size: 32px;
    }

    .coursebanner .modules-btn {
        margin-bottom: 0;
    }

    .home-slider .slick-dots {
        bottom: 0;
    }

    .workshop-trainers{
        font-size: 18px !important;
    }
    .three-txt.weeks-high {
    width: 100%;
	}
	.desktop-img{

    display:none;
	}

	.mobile-img{
    display: block;
	}
	.mobile-img .new-d{margin-top: 0 !important;}
	.mobile-padding{padding: 0;}
	.quick-links .right-popup-form-enquirenow {
        font-size: 12px;
	min-width: 115px;
    	}

        /*-----22 dec bug sheet----------*/
        .ytp-cued-thumbnail-overlay-image{
            background-size: 100%;
        }

}

.loadingline{
    position: relative;
    overflow: hidden;
  }
  .loadingline::after{
    content: '';
    background-color: #b3b3b3;
    color: #000;
    background-image: linear-gradient(to right, #999, #ccc);
    background-size: 200% 100%;
    animation: anmbg 1s linear infinite;
    position: absolute;
    z-index: 123;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  @keyframes anmbg{
    to{
      background-position: -170% 0;
    }
  }
  .aboutbanner.loadingline, .what.loadingline{
      height: 396px;
  }



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

.faq-course-carrier-oppo-ul{padding-left: 0 !important;}
/*---18 April 2023---*/
.faq-course-carrier-oppo-ul .faq-course-carrier-oppo-li{padding-left: 0px;}
.faq-course-carrier-oppo-ul .faq-course-carrier-oppo-li::before{left: 0; top:10px;}

.product-accordion-list-one, .faq-left-cut{padding-left: 0 !important;}
    .tabs-wrapper label {
        width: 100%;
        display: block;
        border-bottom: 2px solid #4d4c47;
        border-radius: 0;
        margin: 0 !important;
    }

    .innerbanner video {
        height: 350px;
    }
	.scollar-img{
    display: block !important;
    text-align: center;
	}
	.scollar-img img{
    margin-right: 0px;

	}
	.upcmng-workshop{list-style-type: disc;
	padding-left: 16px;
	text-align: left;
	width: 58%;
	margin: 0 auto;
	}
        /*--------23 dec*/
        .video-column{padding: 0 15px !important;}
        .video-column .video-column-box{width: 100% !important;}
         .course-women-testimonials{padding: 40px 0 !important;}
.here-club{margin-bottom:0;}
}

@media screen and (max-width:479px) {
    .whatpearl-right .about-corner {
        margin: 20px 0 0;
        min-height: 320px
    }
}

@media screen and (max-width:380px) {
    .mob-logo img {
        width: 100px;
	height: 100%;
    }

    .aboutpg .whatpearl-left {
        padding: 0 15px
    }
}

.banner {
    width: 100%
}

    .banner .d-banner {
        position: relative;
        text-align: center
    }

    .banner .banner-text {
        width: 100%;
        position: absolute;
        top: auto;
        bottom: 12%;
        color: #fff;
        font-family: Roboto-Medium
    }
	.banner .banner-text-new {
        width: 100%;
        position: absolute;
        top: auto;
        bottom: 78%;
        color: #fff;
        font-family: Roboto-Medium;
	animation: blink 1s steps(1,end) infinite;
	text-align: center;
	text-transform: uppercase;
	
	display: flex;
justify-content: center;
align-items: center;
gap: 20px;

    }

        .banner .banner-text h1 {
            text-align: center;
            font-size: 64px;
            color: #fff;
            text-shadow: 3px 3px 15px rgba(0,0,0,.9);
            margin-bottom: 15px;
            line-height: 64px;
            font-weight: 700
        }

            .banner .banner-text h1 span, .banner .banner-text p span {
                display: block
            }

        .banner .banner-text p {
            font-size: 24px;
            color: #fff;
            font-family: Roboto-Medium;
            margin: 0;
            line-height: 30px
        }

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

.xstudio-title {
    color: #9f1e35 !important;
    font-size: 18px
}

.total-head {
    font-size: 38px
}

main {
    padding: 0 0;
}

.about-header h2 {
    width: 44%
}

.about-details .about-heading {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    margin: 0;
    padding: 0;
    margin: 24px 0 5px
}

.about-details .about-para {
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 67%;
/* margin-bottom: 40px*/
   
}

.about-details .btn {
    margin: 0;
    padding: 0;
    text-align: left
}

.about-details .about-btn {
    margin-top: 34px
}

    .about-details .about-btn a {
        background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
        color: #fff;
        font-size: 12px;
        padding: 8px 24px;
        text-decoration: none
    }

.about-video {
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(0,-50%)
}

.about-borders--left {
    position: absolute;
    top: 0;
    left: 0
}

.about-borders--right {
    position: absolute;
    bottom: -1px;
    right: -1px
}

.about-corner {
    align-items: flex-start;
    background-size: cover;
    display: flex;
    justify-content: center;
    height: 60vh;
    min-height: 480px
}

.about-corner__content {
    color: #fff;
    max-width: 850px;
    padding: 60px 20px;
    position: relative;
    text-align: center
}

.about-borders::after, .about-borders::before {
    border-color: #ddc686;
    border-width: 16px;
    content: "";
    display: block;
    height: 192px;
    pointer-events: none;
    position: absolute;
    width: 192px
}

.about-borders--left::after, .about-borders--left::before {
    left: 0
}

.about-borders--left::before {
    border-left-style: solid;
    border-top-style: solid;
    top: -16px;
    left: -16px
}

.about-borders--right::after, .about-borders--right::before {
    right: 0
}

.about-borders--right::after {
    border-bottom-style: solid;
    border-right-style: solid;
    bottom: -15px;
    right: -15px
}

.about-video .video-img {
    max-width: 100%
}

.about-video .youtube-icon {
    transition: 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center;
    z-index: 1
}

.about-video .youtube_btn {
    width: 50%
}

.power-pearls {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box
}

.power-details .power-head {
    margin: 0;
    padding: 0;
    margin-bottom: -10px
}

.power-pearls .col-sm-12 {
    padding: 0
}

.power-slider .slick-slider {
    padding: 20px
}

    .power-slider .slick-slider img {
        max-width: 100%
    }

.power-slider h3 {
    margin-top: 15px;
    font-size: 18px;
    color: #000
}

.power-slider p {
    font-size: 12px;
    margin-top: 40px
}

.power-slider .slick-arrow, .star-slider .slick-arrow {
    font-size: 0;
    line-height: 0;
    border: none
}

.power-slider .slick-prev::before, .star-slider .slick-prev::before {
    content: "\2190";
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    padding: 0;
    color: #fff;
    border: none;
    outline: 0;
    display: inline-block;
    padding: 16px 10px;
    font-size: 14px;
    margin-top: -24px;
    position: absolute
}

.power-slider .slick-next::before, .star-slider .slick-next::before {
    content: "\2192";
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    padding: 0;
    color: #fff;
    border: none;
    outline: 0;
    display: inline-block;
    padding: 16px 10px;
    font-size: 14px;
    position: absolute;
    right: 1.5%;
    top: -7px
}

.power-slider .slick-prev::before, .star-slider .slick-prev::before {
    right: 5%
}

.slick-next:hover, .slick-prev:hover, .star-slider .slick-next::before {
    outline: 0;
    border: none
}

.power-pearls .power-btn a {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    color: #fff;
    font-size: 12px;
    padding: 8px 24px;
    text-decoration: none
}

.power-corner {
    align-items: flex-start;
    background-size: cover;
    display: flex;
    justify-content: center
}

.power-corner__content {
    color: #fff;
    max-width: 850px;
    padding: 60px 20px;
    position: relative;
    text-align: center
}

.power-borders::after, .power-borders::before {
    border-color: #f6f2ef;
    border-width: 16px;
    content: "";
    display: block;
    height: 170px;
    pointer-events: none;
    position: absolute;
    width: 190px
}

.power-borders--left::after, .power-borders--left::before {
    left: 0
}

.power-borders--left::before {
    border-left-style: solid;
    border-top-style: solid;
    top: 4px;
    left: 4px
}

.power-borders--left {
    position: absolute;
    top: 0;
    left: 0
}

.power-borders--right {
    position: absolute;
    bottom: 0;
    right: 0
}

    .power-borders--right::after, .power-borders--right::before {
        right: 0
    }

    .power-borders--right::after {
        border-bottom-style: solid;
        border-right-style: solid;
        bottom: 138px;
        right: 4px
    }

.star-pearls {
    background: #faf9f2
}

.star-details .star-head {
    margin: 0;
    padding: 0;
    margin-bottom: -10px
}

.star-slider .slick-slider {
    padding: 20px
}

    .star-slider .slick-slider img {
        max-width: 100%
    }

.star-slider .star-txt {
    margin-left: 12px;
    text-align: left
}

.star-slider h2 {
    font-size: 18px;
    color: #000;
    margin: 0;
    margin-top: 14px
}

.star-slider p {
    font-size: 10px
}

.slick-prev:hover {
    outline: 0;
    border: none
}

.slick-next:hover {
    outline: 0;
    border: none
}

.star-pearls .star-btn a img {
    max-width: 100%
}

.star-corner {
    align-items: flex-start;
    background-size: cover;
    display: flex;
    justify-content: center
}

.star-corner__content {
    color: #fff;
    max-width: 850px;
    padding: 60px 20px;
    position: relative;
    text-align: center
}

.star-borders--left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.star-borders::after, .star-borders::before {
    border-color: #ddc484;
    border-width: 20px;
    content: "";
    display: block;
    height: 40vh;
    pointer-events: none;
    position: absolute;
    width: 65%
}

.star-borders--left::after, .star-borders--left::before {
    left: 0
}

.star-borders--left::before {
    border-left-style: solid;
    border-top-style: solid;
    top: 0;
    left: 0
}

.help-pearls {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box
}

.help-details h6 {
    width: 26%
}

.tabs_wrapper {
    width: 100%;
    min-height: 200px;
    text-align: left;
    margin: 0 auto;
    background: #fff;
    margin-top: 30px
}

ul.tabs {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;
    min-width: 175px;
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 30%
}

    ul.tabs li {
        margin: 0;
        cursor: pointer;
        line-height: 31px;
        color: #111;
        text-align: left;
        font-weight: 700;
        background-color: #666;
        background: #fff;
        -ms-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-size: 26px;
        margin: 38px 0;
        padding-left: 34px
    }

        ul.tabs li.active {
            background: #fff;
            color: #9f1e35;
            -ms-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

.tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    left: -2%;
    width: 69%;
    min-width: 10px;
    text-align: left;
    background: #fff
}

    .tab_container h2 {
        font-size: 22px;
        color: #9f1e35
    }

.tab_content {
    padding: 40px 0 0 60px;
    height: 100%;
    display: none
}

.tab_drawer_heading {
    display: none
}

.acc-head {
    padding: 0 10px;
    font-size: 22px;
    position: relative;
    cursor: pointer
}

    .acc-head::after, .acc-head::before {
        content: "";
        position: absolute;
        top: 50%;
        background-color: #111;
        transition: all 0.3s
    }

    .acc-head::before {
        right: 30px;
        width: 3px;
        height: 20px;
        margin-top: -10px
    }

    .acc-head::after {
        right: 21px;
        width: 20px;
        height: 3px;
        margin-top: -2px
    }

    .acc-head p {
        font-size: 24px;
        color: #9f1e35;
        font-weight: 700
    }

.acc-content {
    padding: 4px 10px;
    display: none
}

.acc-head.active::before {
    transform: rotate(90deg)
}

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

	.banner .banner-text-new {bottom:78% !important}
	.blink-homepage { font-size: 10px;
			width: 100%;font-size: 1.75rem; height: auto;}

    ul.tabs {
        display: none
    }

    .tabs_wrapper ul li::after {
        border-bottom: 1px solid grey;
        width: 100%
    }

    .tab_container {
        display: block;
        margin: 0 auto;
        width: 100%;
        border-top: none;
        border-radius: 0;
        padding: 30px 0;
        left: 0
    }

        .tab_container h2 {
            display: none
        }

    .tab_content {
        padding: 20px 0 0 30px
    }

    .tab_container p {
        font-size: 18px
    }

    .tab_drawer_heading {
        font-weight: 700;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
        color: #9f1e35
    }

        .tab_drawer_heading:hover {
            color: #9f1e35
        }

    .d_active {
        background: #fff;
        color: #9f1e35
    }

    .acc-head {
        display: none
    }

    .acc-mob-head {
        padding: 4px 10px;
        font-size: 22px;
        position: relative;
        cursor: pointer
    }

        .acc-mob-head::after, .acc-mob-head::before {
            content: "";
            position: absolute;
            top: 50%;
            background-color: #111;
            transition: all 0.3s
        }

        .acc-mob-head::before {
            right: 30px;
            width: 3px;
            height: 20px;
            margin-top: -10px
        }

        .acc-mob-head::after {
            right: 21px;
            width: 20px;
            height: 3px;
            margin-top: -2px
        }

        .acc-mob-head h2 {
            color: #9f1e35;
            font-weight: 700
        }

    .acc-content {
        padding: 0 10px;
        display: block
    }

    .acc-mob-head.active::before {
        transform: rotate(90deg)
    }
}

.fee-pearls .fee-details h1 {
    width: 46%
}

.fee-pearls .fee-txt {
    text-align: center;
    background-color: #fff;
    width: 100%;
    padding: 50px 0;
    margin-top: 20px
}

    .fee-pearls .fee-txt .fee-rs::before {
        content: "\20B9";
        font-size: 52px
    }

    .fee-pearls .fee-txt .fee-rs {
        font-size: 48px;
        color: #9f1e35
    }

    .fee-pearls .fee-txt .fee-head {
        color: #000;
        font-size: 22px;
        margin: 15px 0
    }

    .fee-pearls .fee-txt .fee-line {
        background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
        width: 60%;
        height: 3px;
        margin: 0 auto;
        margin-bottom: 15px
    }

    .fee-pearls .fee-txt .fee-para {
        width: 65%;
        margin: 0 auto;
        color: #aaa;
        font-size: 20px
    }

    .fee-pearls .fee-txt .fee-btn {
        margin: 60px 0 30px
    }

        .fee-pearls .fee-txt .fee-btn a {
            background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
            color: #fff;
            font-size: 18px;
            padding: 15px 28px;
            text-decoration: none
        }

.fee-corner {
    align-items: flex-start;
    background-size: cover;
    display: flex;
    justify-content: center;
    height: 60vh;
    min-height: 480px
}

.fee-corner__content {
    color: #fff;
    max-width: 850px;
    padding: 60px 20px;
    position: relative;
    text-align: center
}

.fee-borders--left {
    position: absolute;
    top: 0;
    left: 0
}

.fee-borders::after, .fee-borders::before {
    border-color: #ddc686;
    border-width: 12px;
    content: "";
    display: block;
    height: 142px;
    pointer-events: none;
    position: absolute;
    width: 142px
}

.fee-borders--left::after, .fee-borders--left::before {
    left: 0
}

.fee-borders--left::before {
    border-left-style: solid;
    border-top-style: solid;
    top: 7px;
    left: 3px
}
/*----CLS COMMENT----*/
/*
.fee-borders--right::after, .fee-borders--right::before {
    right: 0
}*/

.fee-borders--right::after {
    border-bottom-style: solid;
    border-right-style: solid;
    bottom: 0;
    right: 3px
}

.fee-video .video-img {
    max-width: 100%
}

.fee-video .youtube-icon {
    transition: 0.5s ease;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center;
    z-index: 1
}

.fee-video .youtube_btn {
    width: 50%
}

.batches-pearls {
    width: 100%;
    height: auto;
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    padding: 60px 0
}


    .batches-pearls .bg-batches {
        background: transparent linear-gradient(104deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
        text-align: center
    }

.bg-batches-skin {
    padding: 40px 0
}

.batches-pearls .batches-line {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    width: 30%;
    height: 5px;
    margin: 0 auto
}

.batches-details p {
    font-size: 24px;
    margin: 0;
    margin-top: 14px
}

.batches-details h5 {
    font-size: 38px;
    margin-bottom: 14px
}

.coursebanner {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    margin-bottom: 5px
}

    .coursebanner .cor-bnr {
        padding: 0 0
    }

    .coursebanner .course-bnr-deatils {
        padding: 0 30px;
        margin-top: 60px
    }

.course-bnr-deatils h1 {
    font-size: 24px;
    font-weight: 700;
    width: 80%;
    color: #000
}

.course-bnr-deatils ul {
    padding: 15px 0
}

    .course-bnr-deatils ul li {
        font-size: 18px;
        margin: 14px 0
    }

        .course-bnr-deatils ul li img {
            width: 5%
        }

.coursebanner .modules-btn {
    text-align: center;
    margin-top: 20px
}

    .coursebanner .modules-btn a {
        background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
        padding: 14px 60px;
        color: #fff;
        text-decoration: none
    }

.cor-bnr-right {
    padding: 0
}

.course-bnr-right img {
    width: 100%
}

.course-slider .power-slider .slick-slider {
    padding: 0
}

.course-slider .main-course {
    padding: 0
}

.course-slider .cor-slider {
    padding: 0
}

.course-slider .power-slider .slick-prev::before {
    position: relative;
    left: 24px
}

.course-slider .power-slider .slick-next::before {
    right: 24px;
    top: 50%
}

.courseoverview .Coverview-right {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    color: #fff;
    padding: 70px 50px
}

    .courseoverview .Coverview-right h3 {
        font-size: 28px;
        margin-bottom: 30px
    }

    .courseoverview .Coverview-right ul li {
        font-size: 16px;
        margin-bottom: 15px
    }

.Coverview__content {
    color: #fff;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-shadow: 0 0 10px #000;
    text-transform: uppercase
}

.corner-borders.corner-borders--left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.corner-borders--right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.Coverview .corner-borders::after, .Coverview .corner-borders::before {
    border-color: #fff;
    border-width: 2px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 50px
}

.Coverview .corner-borders--left::after, .Coverview .corner-borders--left::before {
    left: 20px
}

.Coverview .corner-borders--left::before {
    border-left-style: solid;
    border-top-style: solid;
    top: 20px
}

.Coverview .corner-borders--left::after {
    border-bottom-style: solid;
    border-left-style: solid;
    bottom: 20px
}

.Coverview .corner-borders--right::after, .Coverview .corner-borders--right::before {
    right: 20px
}

.Coverview .corner-borders--right::before {
    border-right-style: solid;
    border-top-style: solid;
    top: 20px
}

.Coverview .corner-borders--right::after {
    border-bottom-style: solid;
    border-right-style: solid;
    bottom: 20px
}

.Coverview .Coverview-corner .star-borders--right::after {
    border-bottom-style: solid;
    border-right-style: solid;
    bottom: 20px;
    right: 0
}

.Coverview .Coverview-corner .star-borders--left::before {
    top: -20px
}

.course-fee {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box
}

    .course-fee .fee-borders::before, .fee-borders::after {
        border-color: #d92412
    }

    .course-fee .cr-mon {
        margin: 0
    }

    .course-fee .cr-basic {
        margin: 0
    }

.certificate, .overview {
    background-color: #fff !important
}

    .overview .over-para {
        width: 78%;
        font-size: 18px;
        text-align: left
    }

    .certificate .total-head {
        margin-bottom: 50px
    }

    .certificate .certificate-txt img {
        width: 100%
    }

.certificate-course .fee {
    padding-bottom: 30px;
    position: relative
}

.certificate .certificate-txt .cer-txt {
    padding: 30px 15px;
    background: #111;
    color: #fff
}

    .certificate .certificate-txt .cer-txt h2 {
        font-size: 24px
    }

    .certificate .certificate-txt .cer-txt p {
        width: 100%;
        font-size: 14px
    }

.threecertificate .three-course .program-height {
    min-height: 120px
}

.CC .fee-borders::before, .fee-borders::after {
    border-color: #d92412
}

.CC .fee-borders--left::before {
    top: -12px;
    left: -12px
}

.certificate .certificate-txt .eleven {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    color: #111
}

.certificate .power-btn a {
    background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
    color: #fff;
    font-size: 12px;
    padding: 8px 24px;
    text-decoration: none
}

.threecertificate {
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box
}

    .threecertificate .three-txt .total-head {
        margin-bottom: 50px
    }

    .threecertificate img {
        width: 100%
    }

    .threecertificate .cer-txt {
        background: #111;
        color: #fff;
        padding: 24px 20px
    }

        .threecertificate .cer-txt h2 {
            font-size: 22px
        }

        .threecertificate .cer-txt p {
            font-size: 14px
        }

        .threecertificate .cer-txt .power-btn a {
            background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
            color: #fff;
            font-size: 12px;
            padding: 8px 24px;
            text-decoration: none
        }

    .threecertificate .three-course .three-txt {
        padding-bottom: 30px;
        position: relative
    }

    .threecertificate .fee-borders--left::before {
        top: -12px
    }

    .fee-borders::after, .threecertificate .fee-borders::before {
        border-color: #d92412
    }

    .threecertificate .three-txt .fee-borders--left::before {
        top: -12px;
        left: -12px
    }

    .fee-borders::after, .threecertificate .three-txt .fee-borders::before {
        border-color: #d92412
    }

.eleven-certificate {
    background: #fff
}

.program-eleven-height {
    min-height: 150px
}

.course-slider .power-slider .slick-prev::before {
    position: absolute;
    top: 50%;
    left: 24px;
    margin: 0;
    right: auto;
    z-index: 1
}

.about-detail .pstudioxlheading {
    color: #000;
    text-transform: uppercase;
    line-height: 60px;
    margin-bottom: 20px
}

.Coverview-corner {
    position: relative
}

    .Coverview-corner .star-borders--left {
        position: absolute;
        top: 0;
        left: -20px;
        width: 100%
    }

    .Coverview-corner .star-borders--right {
        position: absolute;
        bottom: -40px;
        right: -20px;
        width: 100%;
        z-index: 1
    }

.d-banner {
    position: relative
}

.banner-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff
}

.about-details .about-para {
    line-height: 1.5;
    width: 92%
}

.power-slider .slick-prev::before, .star-slider .slick-prev::before {
    right: 6%
}

.power-borders::after, .power-borders::before {
    height: 94px;
    width: 103px;
    border-width: 8px
}

.power-borders--left::before {
    top: 12px;
    left: 12px
}

.power-borders--right::after {
    bottom: 147px;
    right: 12px
}

.courseoverview .Coverview-right ul li {
    margin-bottom: 10px
}

.courseoverview .Coverview-right h3 {
    margin-bottom: 24px
}

.total-head {
    font-size: 28px
}

.banner .banner-text h1 {
    font-size: 46px;
    line-height: 54px
}

@media only screen and (max-width:992px) {
    .container {
        max-width: 90%
    }
.batches-details p {
        font-size: 16px
    }

    .about-header h2 {
        width: 60%;
        font-size: 32px
    }

    .about-details .about-para {
        line-height: 1.1
    }

    .about-corner {
        height: 32vh
    }

    .about-borders::after, .about-borders::before {
        width: 154px;
        height: 154px
    }

    .star-borders::after, .star-borders::before {
        height: 32vh;
        width: 60%
    }

    .fee-pearls .fee-details h1 {
        width: 44%;
        font-size: 30px;
        padding: 14px 0;
        margin: 0
    }

    .fee-pearls .fee-txt {
        padding: 30px 0
    }

    .fee-pearls .fee-txt-rel {
        top: 31.5%
    }

    .fee-pearls .fee-txt .fee-head {
        font-size: 17px
    }

    .fee-pearls .fee-txt .fee-rs::before {
        font-size: 40px
    }

    .fee-pearls .fee-txt .fee-rs {
        font-size: 38px
    }

    .fee-pearls .fee-txt .fee-para {
        width: 90%;
        font-size: 16px
    }

    .fee-pearls .fee-txt .fee-btn {
        margin: 34px 0
    }

        .fee-pearls .fee-txt .fee-btn a {
            font-size: 14px
        }

    .batches-pearls {
        padding: 30px 0
    }

    .batches-details {
        margin-top: 5px
    }

        .batches-details p {
            font-size: 16px
        }

        .batches-details h5 {
            font-size: 30px
        }

        .batches-details h2 {
            font-size: 28px
        }

    .power-slider .slick-prev::before, .star-slider .slick-prev::before {
        right: 7%
    }

    .power-details .power-head {
        font-size: 32px
    }

    .certificate .certificate-txt .cer-txt p {
        line-height: 1.1
    }

    .courseoverview .Coverview-right {
        padding: 40px 30px
    }

        .courseoverview .Coverview-right h3 {
            font-size: 22px
        }

    .Coverview .Coverview-corner .star-borders--right::after {
        bottom: 10px
    }

    .threecertificate .three-course .program-height {
        min-height: 120px
    }

    .banner .banner-text h1 {
        font-size: 30px;
        line-height: 38px
    }

        .banner .banner-text h1 span {
            display: initial
        }

    /*-------------------BLOG DEATILS PAGE---------------06-may-2022------------*/

    .b-details, .beauty-book-title, .beauty-book p {
        text-align: center;
    }
}

@media only screen and (max-width:767px) {
    .xstudio-title {
        text-align: center
    }

    .total-head {
        text-align: center
    }

    .help-details h6 {
        width: 100%
    }

    .fee-pearls .fee-details h1 {
        width: 100%
    }

    .about-pearl {
        text-align: center
    }

    .about-header h2 {
        width: 100%;
        font-size: 28px;
        text-align: center
    }

    .about-details .about-para {
        width: 100%
    }

    .about-corner {
        margin: 90px 0
    }

    .fee-pearls .fee-details h1 {
        font-size: 28px;
        margin: 15px 0 24px
    }

    .fee-pearls .fee-txt-rel {
        top: 5%
    }

    .power-details .power-head {
        font-size: 26px
    }

    .power-slider h3 {
        font-size: 14px;
        font-weight: 700
    }

    .power-slider p {
        margin-top: 20px
    }

    .power-borders--right::after {
        bottom: 140px
    }

    .batches-details p {
        font-size: 16px
    }

    .batches-details h5 {
        font-size: 24px
    }

    .batches-details h2 {
        font-size: 22px
    }

    .power-pearls {
        padding-bottom: 50px
    }

    .power-slider .slick-prev::before, .star-slider .slick-prev::before {
        right: 52%;
        top: auto;
        bottom: -30px
    }

    .power-slider .slick-next::before, .star-slider .slick-next::before {
        top: auto;
        bottom: -30px;
        right: 44%
    }

    .orderuse {
        order: 2;
        margin-top: 44px
    }

    .Coverview .Coverview-corner .star-borders--right::after {
        display: none
    }

    .Coverview .Coverview-corner .star-borders--left::before {
        display: none
    }

    .coursebanner .course-bnr-deatils {
        padding: 50px 30px
    }

    .course-slider .power-slider .slick-next::before, .course-slider .power-slider .slick-prev::before {
        top: 0;
        bottom: 0;
        height: 20px;
        margin: auto
    }

    .program-eleven-height {
        min-height: inherit
    }

    .threecertificate .three-course .program-height {
        min-height: inherit
    }

    .coursebanner .course-bnr-deatils {
        margin-top: 0
    }

    .batches-pearls {
        padding: 40px 15px
    }

        .batches-pearls .bg-batches {
            padding: 0
        }

    .total-head {
        font-size: 22px
    }

    .certificate .total-head, .threecertificate .three-txt .total-head {
        margin-bottom: 30px
    }

    .menu-mob .row {
        margin-right: 0;
        margin-left: 0
    }

    .row {
        margin-right: -15px;
        margin-left: -15px
    }

    .banner .banner-text {
        padding: 0 15px;
        bottom: -10px
    }

        .banner .banner-text h1 {
            font-size: 24px;
            line-height: 34px
        }

        .banner .banner-text p {
            font-size: 18px;
            line-height: 22px
        }
.li-height-space{line-height: 38px !important;}
}

@media only screen and (max-width:600px) {
    .pearl-padding-TB {
        padding: 40px 0
    }
.batches-details p {
        font-size: 12px
    }
    .container {
        max-width: 100%
    }

    .xstudio-title {
        font-size: 14px;
        margin-top: 14px
    }

    .about-details .about-heading {
        font-size: 16px
    }

    .about-details .about-para {
        font-size: 14px
    }

    .about-corner {
        margin: 40px 0 0;
        min-height: 420px
    }

    .about-borders--left::before {
        display: none
    }

    .about-borders--right::after {
        display: none
    }

    .power-slider .slick-prev::before, .star-slider .slick-prev::before {
        right: 52%
    }

    .power-slider .slick-next::before, .star-slider .slick-next::before {
        right: 40%
    }

    .power-slider .slick-slider {
        padding: 10px 15px
    }

    .power-pearls {
        text-align: center
    }

    .power-borders--right::after {
        display: none
    }

    .power-borders--left::before {
        display: none
    }

    .star-slider .slick-slider {
        padding: 20px 15px
    }

    .star-pearls {
        text-align: center
    }

    .star-borders--left::before {
        display: none
    }

    .help-details {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px
    }

        .help-details h6 {
            text-align: center;
            width: 100%;
            font-size: 28px
        }

    .tab_drawer_heading {
        font-size: 18px
    }

    .tab_container p {
        font-size: 14px
    }

    .tab_container {
        min-height: 0
    }

    .fee-pearls .fee-details {
        text-align: center;
        margin: 12px 0
    }

        .fee-pearls .fee-details h1 {
            margin: 0;
            width: 100%
        }

    .fee-pearls .fee-txt .fee-line {
        width: 100%
    }

    .fee-pearls .fee-title {
        margin: 0
    }

    .fee-pearls .fee-txt {
        padding: 20px 0 30px
    }

        .fee-pearls .fee-txt .fee-head {
            font-size: 13px
        }

        .fee-pearls .fee-txt .fee-para {
            font-size: 12px
        }

        .fee-pearls .fee-txt .fee-btn {
            margin: 22px 0 0
        }

        .fee-pearls .fee-txt .fee-rs {
            font-size: 32px
        }

        .fee-pearls .fee-txt .fee-btn a {
            font-size: 10px;
            padding: 10px 16px
        }

    .fee-borders--right::after {
        display: none
    }

    .fee-borders--left::before {
        display: none
    }

    .batches-details p {
        font-size: 12px
    }

    .batches-pearls .batches-line {
        width: 40%;
        height: 3px
    }

    .batches-details h5 {
        font-size: 20px
    }

    .batches-details h2 {
        font-size: 16px
    }

    .slick-prev {
        bottom: -50px;
        top: auto;
        right: 50%;
        z-index: 999
    }

    .slick-next {
        bottom: -50px;
        top: auto;
        right: 38%
    }

    .star-pearls {
        padding-bottom: 50px
    }

    .overview .overview-details .over-para {
        width: 100%;
        padding: 0 10px;
        text-align: center
    }

	.about-pearl .about-video {padding:11%;}
}

@media only screen and (max-width:480px) {
.contact-demo-part .why-at{font-size: 18px;}
    .reach-main label {
        padding-right: 160px;
    }
	.inner-text .banner-txt-blog{font-size: 24px;}

	
	.about-pearl .about-video {padding:5%;}
}

@media only screen and (max-width:420px) {
    .reach-main label {
        padding-right: 120px;
    }
}



@media only screen and (max-width:360px) {
    .mobile-padding-RL {
        padding-left: 0;
        padding-right: 0
    }

    .about-header h2 {
        width: 100%;
        font-size: 20px
    }

    .about-details {
        padding: 0 10px
    }

        .about-details .about-para {
            font-size: 10px
        }

    .about-corner {
        margin: 0;
        min-height: 340px
    }

    .about-borders::after, .about-borders::before {
        display: none
    }

    .power-details {
        text-align: center
    }

        .power-details .power-head {
            font-size: 20px;
            line-height: 1.7
        }

    .power-slider h3 {
        text-align: center
    }

    .power-slider p {
        text-align: center
    }

    .power-slider .slick-slider {
        padding: 0
    }

    .power-btn {
        text-align: center
    }

    .power-pearls .power-btn a {
        vertical-align: super
    }

    .power-slider .slick-next::before, .star-slider .slick-next::before {
        right: 36%
    }

    .star-slider .slick-slider {
        padding: 0
    }

    .star-slider .star-txt {
        margin-left: 20px;
        text-align: left
    }

    .star-pearls .star-btn a img {
        margin-left: -20px
    }

    .star-pearls .star-btn {
        right: 0
    }

    .tab_drawer_heading {
        font-size: 20px
    }

    .tab_container p {
        font-size: 16px
    }

    .batches-pearls .batches-line {
        height: 2px
    }

    .batches-details h5 {
        font-size: 18px
    }

    .batches-details h2 {
        margin: 0;
        font-size: 14px
    }

    .overview .overview-details .over-para {
        padding: 0 0;
        line-height: 1.4;
        text-align: justify
    }

    .reach-main label {
        padding-right: 50px;
    }

    .pstudio-btn {
        padding: 12px 20px;
    }
}

.course-bnr-deatils h2 {
    font-size: 24px;
    font-weight: 700;
    width: 80%;
    color: #000;
}

.student-loan {
    max-width: 100%;
    float: right;
}

@media screen and (max-width:768px) {
    .student-loan {
        float: left;
    }
/*9-march-23*/
/*.right-popup-form{
    right: -49px !important;
    top: 60% !important;
    bottom: inherit !important;
    transform: rotate(-90deg) !important;
    font-weight: 700 !important;
}*/
.copyright-inner{
padding:20px 0 50px;
}
.upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{
	display: none;
	transform: none;
	position: fixed;
    	right: 0px;
    	top: inherit;
	bottom: 0;
    	z-index: 1;
    	font-weight: 700;
   	box-shadow: 0 0 10px #c5c5c5;
    	background: #000 !important;
   	color: #fff;
	letter-spacing:2px;
    	font-size: 13px;
    	text-transform: uppercase;
 	padding: 8px 15px !important;
  	cursor: pointer;
    	font-family: Roboto-Regular;
    	border: 0 !important;
    	outline: none !important;
	width: 100%;
    	text-align: center;
	-webkit-animation:colorchange 1s infinite alternate;
} 

 
.upcoming-workshp-list-pg-pst-1{min-height: 55px;}
}

/*--css minfy--*/
 @-webkit-keyframes colorchange {0%{color: #fff;}100%{color: #c80a11;}}


.footerbuttondb {
    text-align: center;
}

@media screen and (max-width: 1305px) {
    .footerbuttondb {
        margin-right: 0px;
    }
}

@media screen and (max-width: 1090px) {
    .footerbuttondb {
        margin-left: 0px;
    }
}

@media screen and (max-width: 768px) {
    .footerbuttondb {
        margin-left: 0px;
    }
}

.tabs_wrapper .tab_content {
    display: block !important;
    border-bottom: 1px solid #c9c9c9;
}

.tabs_wrapper {
    padding: 0 0 30px;
}

.tab_container h2 {
    font-size: 18px !important;
}

.faq-ul {
    padding: 0;
}

.faq-ul1 {
    padding-left: 6px !important;
}

.faq-ul2 {
    padding-left: 3px !important;
}

.faq-ul3 {
    padding-left: 3px !important;
}

.faq-li-1 {
    height: 65px !important;
}

.almuni {
    padding-bottom: 0px !important;
}

.almuni-overview {
    padding-left: 17px;
}

.digitalfilmmaking-faq {
    padding: 6px 0 !important;
}

.alumni-section-faculty {
    padding: 46px 0 !important;
}

.userstudio-txt-alumni {
    padding-right: 0px;
    height: 134px;
}

.pstudiolgheading-alumni {
    font-size: 45px !important;
}

@media only screen and (max-width:520px) {
    .pstudiolgheading-alumni {
        padding-left: 10%;
        padding-top: 12%;
        font-size: 29px !important;
    }

	.blog-image-detail-mob {width: 100%;
  height: 100%;}
}

@media screen and (max-width:420px) {
   
	.upcmg-wrkshp-btn .upcmg-wrkshp-btn-a{
		text-align: left;
		padding-left: 30px !important;
	}
		.w-full{width:100%;}
}

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

    .faq-fontsize {
        font-size: 12px !important;
    }
}


.innerbanner-alumni::after {
    background: none;
}

.alumni-banner-text {
    padding-left: 7%;
}

@media only screen and (max-width:1415px) {
    .alumni-banner-text {
        padding-left: 18%;
    }
}

@media only screen and (max-width:1200px) {
    .alumni-banner-text {
        font-size: 37px !important;
    }

    .userstudio-txt-alumni {
        height: 98px;
    }
}

@media only screen and (max-width:1000px) {
    .alumni-banner-text {
        font-size: 26px !important;
    }
}

@media only screen and (max-width:1200px) {
    .userstudio-txt-alumni {
        height: 120px;
    }
}


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

	 .footer-main .footer-marginleft {
        margin: 0 auto;
    }
    .alumni-banner-text {
        padding-bottom: 75%;
        font-size: 30px !important;
    }

}


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

    .alumni-star-p {
        font-size: 0.9rem;
    }
}

.total-head-1{
	width: 52%;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
}

.total-head-2{
	font-size: 14px !important;
	line-height: 20px !important;
}

@media only screen and (max-width:767px) {
	.total-head-1{
	width: 100%;

	}
}

@media only screen and (max-width:600px) {
	.total-head-1{
	font-size: 14px;
	}
	.total-head-2{
	font-size: 14px;
	}
	.xstudio-title-workshoppage{
	font-size : 18px;
		}
	.footer-timing{font-size:11px;
                   padding-left: 0px !important;
    }

	.blog-detailpage-popularsection{ 
	 
	font-size: 12px;
	padding: 8px 1px !important;
	width: 100%;
	}
	.blog-detailpage-cta-mobile{text-align: center !important;}
	.blog-advt-graphic{
   		 width: 100%;
		text-align: left;
	}
	
}

@media only screen and (max-width:395px){
	.xstudio-title span{
	font-size: 17px;
	}

	

}


@media only screen and (max-width:360px) {
	.total-head-1{
	font-size: 10px;

	}
	.total-head-2{
	font-size: 10px;
	}
	.xstudio-title span{
	font-size: 14px;
	}
	.footer-timing {
        font-size: 10px;
      
       }
	.blog-detailpage-popularsection{ 
	 
	font-size: 11px;
	
	}

}

/*---------footer_enquire Now form_popup-------10 june 2022--------Start---------*/


.modal-content{
    background: transparent linear-gradient(114deg,#ddc686 0,#fbf5c8 46%,#ddc484 100%) 0 0 no-repeat padding-box;
    padding: 20px 0;
    position: relative;
  }
  
  .modal-content .pstudiomdheading{
    text-align: center;
    margin: 0 auto;
  }
  
  .modal-content .modal-header{
    padding-top: 0;
  }
  
  .modal-content .form-control{
    margin-bottom: 14px;
    background: #fff !important;
  }
  
  .modal-content .form-popup-close{
    position: absolute;
    top: 8px;
    right: 12px;
  }
  
  .modal-header .close{
    padding: 0;
    margin: 0;
  }
  
  .panel {
    border-radius: 4px;
    padding: 1rem;
    margin-top: 0.2rem;
    background-color: #F5F5F5;
    color: #323B40;
  }
  .panel.panel-blue {
    background-color: #E0F5FF;
    color: #00A5FA;
  }
  .panel.panel-big-height {
    min-height: 150px;
  }
  
  .item {
    border-radius: 4px;
    padding: 0.5rem;
    margin: 0.2rem;
  }
  .item.item-blue {
    background-color: #B9E5FE;
    color: #00A5FA;
  }
  .item.item-green {
    background-color: #B7E0DC;
    color: #019888;
  }
  .item.item-lime {
    background-color: #C7E8C8;
    color: #42B045;
  }
  .item.item-yellow {
    background-color: #FFEEBA;
    color: #FF9901;
  }
  .item.item-pink {
    background-color: #FABAD0;
    color: #EF075F;
  }
  .item.item-red {
    background-color: #FEC9C6;
    color: #FD3D08;
  }
  .item.item-big-width {
    min-width: 380px;
  }
  .have-box{
    padding: 0 !important;
    background: transparent;
  }
  .have-mid{
    width: 90%;
  }
  .have-mid .pstudio-btn{
    margin: 0;
    width: 40%;
  }

  .right-popup-form{
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    font-weight: 700;
    box-shadow: 0 0 10px #c5c5c5;
    background: #c80a11;
    color: white !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 15px !important;
    cursor: pointer;
    font-family: Roboto-Regular;
    border: 0 !important;
    outline: none !important;
  }

/*---------footer_enquire Now form_popup-------10 june 2022--------End---------*/

.footer-button {
    visibility: visible;
    background-color: white;
    width: 11px;
    padding: 8px 12px;
    font-size: 10px;
    color: red !important;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    min-width: 135px;
}

@media screen and (max-width: 400px){
	footer .footer-main .quick-links li a {
    	font-size: 10px;
	}
	.quick-links .right-popup-form-enquirenow {
        font-size: 10px;
	
    	}
	.app-remarketing-batch-text{
    	font-size: 1.50rem;
	}
    /*----22 dec bug sheet---*/
    .unique-padding-off span{
        padding: 8px 10px;
    }
    .spacing-arrow-mobile{
        right: 24px !important;
    }
}

@media screen and (max-width: 354px){
footer .footer-main .quick-links li a {
    font-size: 8px;
}
}

.personal-workshop-table p{
	margin-bottom: 0rem;
	font-family: Marcellus-Regular;
	
}

.personal-workshop-table-1{
	padding: 0.2rem !important;
}

.appremarketemi{
text-align: center; 
background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);
color:white
}

.appemidiv{
margin-top: 3%;
   
}


/*------------REMARKETING LP page and other css start---------*/
.remark-video iframe{
    height: 655px;
 position: relative;
    z-index: 123;
}

.remark-slider .slick-arrow{
    font-size: 0;
    line-height: 0;
    border: none;
    display: block;
}
.remark-slider img{
    width: 100%;
}
.remark-slider .remark-border{
    padding: 0 15px;
    margin-bottom: 30px;
}
.remark-slider .remark-text{
    padding: 15px;
}
.remark-slider .remark-text p{
    font-size: 15px;
}
.remark-slider .remark-border{
    position: relative;
}

.remark-border .star-borders::before{
    border-width: 12px;
    top: -12px;
    left: 3px;
    width: 40%;
    height: 22vh;
}

.remarkting-btn button{
    display: inline-block;
}

/*.remarkting-btn button{
    -webkit-animation: glowing 1500ms infinite;
��� -moz-animation: glowing 1500ms infinite;
��� -o-animation: glowing 1500ms infinite;
��� animation: glowing 1500ms infinite;
}*/

.right-remark-btn {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-weight: 700;
    box-shadow: 0 0 10px #c5c5c5;
    background: #c80a11;
    color: white !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 15px !important;
    cursor: pointer;
    font-family: Roboto-Regular;
    border: 0 !important;
    outline: none !important;
	width: 12%;
    
}

@-webkit-keyframes glowing {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  }
  
  @-moz-keyframes glowing {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  }
  
  @-o-keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }
  
  @keyframes glowing {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  }



.remark-slider .remarkslider{display: flex; flex-wrap: wrap;}
.remark-slider .remarkslider .remark-border{width: calc(100%/4);}


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

    .remark-slider .remarkslider{display: block; flex-wrap: wrap;}
.remark-slider .remarkslider .remark-border{width: calc(100%/1);}
.remark-slider .remark-border{
    margin-bottom: 0;
}
 .remark-slider .slick-dots {
        bottom: -30px;
    }

}

.remarketing {
    background-color: #c80a11;
    height: 7%;
    width: 10%;
}

.remarke-heading{
	font-size: 18px !important;
}

.errorpage {
    text-align: center;
    font-size: xxx-large;
    font-family: Marcellus-Regular;
    width: 100%;
    height: 321px;
    padding-top: 5%;
}


@media only screen and (max-width:1090px){
	.right-remark-btn{
	width: 20%;
	}

}

@media only screen and (max-width:767px){
        .remark-video iframe{
            height: 350px; 
            position: relative;
            z-index: 1;
        }
        .right-remark-btn{
           right: 0;
        }

}

@media only screen and (max-width:690px){
	.right-remark-btn{
	width: 28%;
	}

}


@media only screen and (max-width:550px){
	.right-remark-btn{
	width: 100%;
	}
	.remark-slider{
		height: fit-content;
	}
	.remarke-heading{
	font-size: 18px !important;
	}
	 .errorpage {
            font-size: 25px;
            height: 171px;
        }
	
	.appemidiv{
	 padding: 0 15px;

	}
	.appremarketemi{
	font-size: 1.50rem;
	}

}


@media screen and (max-width:480px){
	.button-remark{
	height: 6%;
   	 width: 108%;
    	right: -4%;
	}	
	.blink-homepage {
       
	font-size:20px !important;
      }
	.home-date-update {
       
	font-size:20px !important;;
      }
.home-date-update-1 {
       
	font-size:16px !important;;
      }

}

.remarketing-footer{
	    position: relative !important;

}


.blink {
        animation: blink 1s steps(1, end) infinite;
        text-align: center;
        margin: 0.5%;
	color: #9b1a0f;
text-transform: uppercase;
      }

.blink-homepage {
        animation: blink 1s steps(1, end) infinite;
        text-align: center;
        margin: 0.5%;
	color: #9b1a0f;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
background: -webkit-linear-gradient(#f27d7d , #ffc74d );
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-sixe:20px;
      }
      
@keyframes blink {
        0% {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
}


/*------------REMARKETING LP page end---------*/

.author-bio {
    border: 2px solid #eee;
    position: relative;
    color: #888;
    margin-bottom: 40px;
    display: flex;
}

.bio-avatar {
    float: left;
    position: relative;
    margin: 10px;
}
.bio-avatar-new{width:76px;}

.authorimgtag{
max-width: 100% !important;
}

.author_details-txt {
    padding: 14px 40px 0 20px;
}
.author_details-txt-new{width: calc(100% - 76px);padding: 14px 15px 0 5px;}

.bio-name{
    color: #414141;
    font-weight: 600;
    margin-bottom: 4px;
	    text-align: left;
font-family: Marcellus-Regular;

}

.bio-desc{
    color: #414141;
    font-size: 15px;
    line-height: normal;
text-align: left;
font-family: Marcellus-Regular;
}
.b-details .second-heading{ text-transform: capitalize;}

@media screen and (max-width:600px){
	
	.aboutpg .whatpearl .about-video{padding:11%;}
	
	.userstudio .userstudio-txt h4 {
   		min-height: 57px;
	}

}

@media screen and (max-width:500px){
	.bio-avatar{
		width: 100% !important;
		}
	.bio-avatar-new{width:76px !important;}

}


.cor-bnr-right1{
    margin-top:1.4% !important;margin-bottom:1.4% !important;margin-right:0% !important
}
    .course-bnr-video-right{position:relative;top:50%;left:0;width:97%}

    .course-bnr-video-right{position:relative;top:50%;left:0;width:97%}
    
.about-video.foriframe iframe{width:100%;height:550px}
.foriframe .about-borders--right::after{bottom:-8px !important}


 @media only screen and (max-width:480px){
        
    .cor-bnr-right1{margin-bottom:10% !important}
	.aboutpg .whatpearl .about-video{padding:12%;}
    
 }


.app-downloadbtn{
  float: right;
  width: 15%;
  background-color: #f00;
	visibility: visible;
padding: 8px 12px;
font-weight: 590;
border-radius: 15px;
text-align: center;

  color: white;
  border: none;
  font-size: 18px;
	animation: glowing 1500ms infinite;
}
.app-remarketing-whychooseus{

	display:flex;
	align-items: center;
}  

.downloadbtndesktop{margin-top: 5%;}

.app-learnsection{
		column-count: 2;
    list-style: none;
    position: relative;

}

.app-learnsection li{
position: relative;
    padding-left:
20px;

}

.app-learnsection li:before{
content: "";
    position: absolute;
    top:7px;
    left: 0;
    width:8px;
    height:8px;
    
    background-color: #9b1a0f;
}

.appwhychoose{    column-count: 2;}

.b-details .d-details {text-transform: none;
    font-family: Marcellus-Regular;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    margin-bottom:8px;
}

.mobile{
        display: none;
    }



@media only screen and (max-width: 1270px){
	.desktopwhatsapp{
	width: 18%;
	right: -28px;
	}
}


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

	.app-downloadbtn{
  
  width: 26%;
	}

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

	.app-downloadbtn{
  
  width: 19%;
	}

}


@media only screen and (max-width: 1070px){
	.desktopwhatsapp{
	width: 21%;
	right: -28px;
}
}

@media only screen and (max-width: 950px){
	.desktopwhatsapp{
	width: 24%;
right: -26px;
}
}

.whatsappiconrotate{transform: rotate(270deg) translateY(-17%);}

@media only screen and (max-width: 767px)
    {
       .desktop{
            display: none;
        }
        .mobile{
        display: block;
        text-align: center;
    }
    .app-downloadbtn{
        float: none;
        margin: 20px auto 0;
        width: 50%;
    	}

	.mobilewahtaspp{
	width: 34% !important;
	background-color: white !important;
	color: #9b1a0f !important;
	animation: none;
	border: 1px solid;
	padding:0;
	

	}


	.why-choose a.mobile.app-downloadbtn {

    text-decoration: none;
  
	}
	.app-remarketing-whychooseus{

	
	text-align: start;
	
	}  
	  .app-learnsection{

            column-count: 1;

            text-align: left;

            }    
  }

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

	.app-buttonviewmobile{    padding-top: 28px !important;
	}
	.remarke-heading{
	display: block;
	margin-bottom: 24px;
	}

	.app-downloadbtn{
  display: block;
  width: 50%;
  margin-top: 14px;
  font-size: 15px;

	}

}

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

		
	.videohomepage{
	padding-top: 30px;
	margin-bottom: 0% !important;
	padding-left: 10px;
	}
	.appwhychoose{    column-count: 1;}


}


/*11-july-2023*/

      .apply-now-b{position: fixed; display: flex; justify-content: center; align-items: center; gap: 20px; bottom: 0; width: 100%; background: #c80a11; text-align: center; padding: 10px 0; width: 93%;}
    .apply-now-b p{margin: 0;}
    .apply-now-b p a{color: #fff; font-size: 14px; font-weight: 600; text-decoration: none;}
    .apply-now-b .apply-btn-b{padding: 10px; margin: 0; background: #c80a11; cursor: pointer;}
    .apply-now-b .apply-btn-b a{color: #fff; font-size: 14px; font-weight: 600; text-decoration: none;}
    .apply-now-b.hide {
        opacity:0;
    }
    .apply-now-b.show {
        opacity:1;
    }
    .one-more-ap-btn{position: relative;}
    .one-more-ap-btn .close-icon{position: absolute; top: 50%; left: 40px; transform: translate(-0%, -50%); font-size: 16px; font-weight: 900; color:  #fff; z-index: 1234; cursor: pointer;}
.right-popup-form{font-size: 14px; padding: 12px 24px !important;}
.apply-now-b.sticky-btn-workshop{width: 100%;}
.right-popup-form-homepage {
 -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite; 
}
 @-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #B20000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100%  { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

    @media screen and (max-width: 1600px){.apply-now-b{ width: 91%}}
    @media screen and (max-width: 1399px){.apply-now-b{ width: 90%}}
    @media screen and (max-width: 1280px){.apply-now-b{ width: 89%}}
    @media screen and (max-width: 1199px){.apply-now-b{ width: 90%}}
    @media screen and (max-width: 1024px){.apply-now-b{ width: 87%}}
    @media screen and (max-width: 991px){.apply-now-b{ width: 100%;}  
    .right-popup-form-homepage{transform: translateY(-50%) rotate(-90deg); right: -40px; bottom: 136px; border-radius: 12px 12px 0 0;}}


    @media screen and (max-width: 768px){
        .apply-now-b{padding: 10px;}
        .apply-now-b{text-align: center; line-height: 1.2;}
        .apply-now-b p{padding: 0 15px 0 30px;}
        .apply-now-b p a{font-size: 10px; line-height: 1;}
        .apply-now-b .apply-btn-b{width: 60%; text-align: center;}
        .one-more-ap-btn .close-icon{top: 21px; left: 8px;}
        .apply-now-b .apply-btn-b a{font-size: 12px;}
        .whatsapp-chat-icon{display: none !important;}
        .sticky-btn .whatsapp-chat-btn{display: block !important;}
    }

/*-CountDownTimer-Start-*/

.countdowntimer {
    align-items: center;
    display: flex;
    color: #333;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    justify-content: center;
}

    .countdowntimer .listvw {
        color: #333;
        text-align: center;
    }
.countdowntimer h1 {
    font-weight: bold;
    letter-spacing: .125rem;
    text-transform: uppercase;
    font-size: 20px;
}

.countdowntimer li {
    display: inline-block;
    font-size: 18px;
    list-style-type: none;
    padding: 10px;
    text-transform: lowercase;
font-weight: bold;
}

    .countdowntimer li span {
        display: block;
        font-size: 18px;
    }

/* .emoji {
  display: none;
  padding: 1rem;
}

.emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
} */

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

    .countdowntimer {
        width: 95% !important;
    }
}



@media all and (max-width: 768px) {
    .countdowntimer h1 {
        font-size: calc(1.5rem * var(--smaller));
    }

    .countdowntimer li {
        font-size: calc(1.125rem * var(--smaller));
    }

        .countdowntimer li span {
            font-size: calc(3.375rem * var(--smaller));
        }
}

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

    .countdowntimer {
        flex-direction: column;
    }
}


/*-CountDownTimer-End-*/

    .home-power-packed .power-corner{display: block; position:relative;}

    .home-power-packed .power-corner .power-borders--left::before{top: -8px; left: -8px}

    .home-power-packed .power-corner .power-borders--right::after{bottom: -8px; right: -8px;}


@media screen and (max-width:1390px) {
.blogtwoimagesinrow{padding-top: 5px;}
}


/*New call me popup*/
.call-me .have-mid{max-width: 500px; background-color: #fff; padding: 30px; overflow:auto; position: relative; top: 160px; margin: 0 auto;}
.call-me .form-control{margin-bottom: 14px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;     border: 1px solid #ccc;}
.call-me .have-mid .pstudiomdheading{margin-bottom: 10px; color: rgba(222,2,2,0.8); font-size: 30px; text-align:left; font-weight: 600; letter-spacing: 0px;}
.call-me .have-mid form input:focus{color: #555; border: 1px solid #000; background: #fff;}

.cta-left-btn .right-popup-form{transform: translateY(-50%) rotate(-90deg); right: -32px; bottom: inherit; top: 56%; text-decoration: none !important;    border-radius: 12px 12px 0 0;}
section.call-me{display: none;  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); z-index: 12345;}

.call-me .have-mid .close {
  position: absolute;
  right: 20px;
  top: 32px;
  width: 20px;
  display: block;
}
.call-me .have-mid .close .close-in{
    color: #ff0000;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    border: 2px solid #ff0000;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    padding: 0px 0px;
    z-index: 999999;
    cursor: pointer;

}

.call-me .have-mid .pstudio-btn:focus{background: radial-gradient(circle,#d92412 0,#9b1a0f 100%); color: #fff; border: none; outline: none;}

.call-me .form-control{height: 30px;}
.call-me .form-group{text-align:left;}
.call-me .form-group label{font-weight: 600; font-size: 14px;}
.call-me .form-control.callsubmit{width: auto; font-size: 16px; padding: 20px 30px; display: block; line-height: 0; color: #fff; background: radial-gradient(circle,#d92412 0,#9b1a0f 100%);}
.overflow-h{overflow: hidden;}

@media screen and (max-width: 1399px) {
.cta-left-btn .right-popup-form{top: 60%;}
}

@media screen and (max-width: 991px) {
.right-popup-form-homepage{bottom: 106px;}
.cta-left-btn .right-popup-form{top: 58%; right: -29px;}
}

@media screen and (max-width: 767px) {
.call-me .have-mid{width: 100%; max-width: 100%; top: 64px;}
.call-me .have-mid .pstudiomdheading{font-size: 20px;}
.call-me .have-mid .close .close-in{padding: 0;}
}