body,.black-bg-8, .tp-footer-widget-social{
    background: #ffffff !important;
}

.coursepage .tp-hero-2-wrapper{
   margin-top:95px !important;
}

 .creative-footer-text {
  background: #f00;
  margin-right: 16px;
}

.tp-service-btn .tp-btn-black-text{
	border-radius:0px;
	background-color:#ff0000 !important
}
.tp-service-content .tp-service-btn{
    margin-bottom: 30px;
}


.tp-service-number span{
    font-weight: 300;
    font-size: 60px !important;
}

h4.tp-section-title a{
    font-size: 60px;
    font-family: 'Rumeno-light';
}

@keyframes movingBackgroundBW {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}

#email-alert {
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        270deg,
        #111111,
        #222222,
        #333333,
        #222222,
        #111111
    );
    background-size: 300% 300%;
    animation: movingBackgroundBW 10s ease-in-out infinite;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    transition: box-shadow 0.3s;
}

#email-alert:hover {
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
}


.tp-section-subtitle.pre::before{
    background-color: #f00;
}

.tp-header-logo{
    margin-left: 0px;
}
.pp-about-shape{
    left: 0;
}
.tp-header-menu > nav > ul > li > a{
    font-weight: 300 !important;
}

.hide{
    display: none !important;
}

.tp-btn-black.btn-green-light-bg .tp-btn-black-text {
  color: white;
  background-color: white;
}

.tp-header-right .tp-btn-black-text,.tp-header-right .tp-btn-black-circle,.tp-btn-red-circle-box.tp-pp-btn-style:hover .tp-btn-red-circle-text,.tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-icon{
    background-color: #ff0000 !important;
    color: white;
}
.tp-btn-red-circle-text{
 border: 1px solid #f00;;
}
.tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-text {
    color: #ff0000;
    border: 1px solid #ff0000;
}
.tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-icon{
    border:#ff0000;
}
.tp-section-subtitle-teko{
    color:white;
}
.tp-footer-widget-title-sm,.tp-footer-widget-info a {
  color: black !important
}

.crp-hero-funfact-line::before{
    background-color: #f00 !important;
}


.cursor-bg-yellow #ball {
  background-color: #f00 !important;
  color: white !important;
}
.creative-footer-style{
    margin: 0px !important;
    border-radius: 0px !important;
}
.tp-footer-widget-social{
    background-color: white !important;
}
.tp-footer-widget-social::before,.tp-footer-widget-social::after,.creative-footer-text::after,.creative-footer-text::before {
    display: none;
}
.tp-footer-widget-social{
    padding-left: 25px !important;
    margin-top:20px !important
}


.pp-hero-bg{
    bottom: 5%;
}
.pp-hero-title{
    font-size: 100px;
    letter-spacing: 4px;
    color:white;
    text-transform: unset;
    line-height:unset;
    margin-right: 30%;
    margin-bottom: 50px;

}

.tp-revel-line{
  overflow: visible; 
}
.creative-footer-style .tp-footer-widget-social a{
    color: var(--tp-common-white);
    background-color: var(--tp-common-red-light);
}
.creative-footer-style .tp-footer-widget-title-sm.pre::before {
    background-color: var(--tp-common-red-light);
    /* margin-left: -28px !important; */
    position: absolute;
    top: 6px;
    left: -20px;
}
.creative-footer-style .tp-footer-widget-info a:hover,.tp-section-subtitle-teko i,.tp-section-title-teko span,.tp-section-subtitle.orange-color,.tp-section-subtitle.pre::before{
    color: #ff0000;
}
.tp-copyright-left{
    padding-left:0px !important;
}

#preloader{background: white !important}


.tp-contact-me-interest-form-wrap .tp-contact-form-btn button {
  background-color: black;
  color: white;
}

.box .eye {
  background-color: white;
  border: 3px solid black;
}
.box .eye::before{
    color: white !important;
}

.crp-hero-funfact-wrap{
    background-image: unset !important;
    background: white !important;
    border-radius: 28px;
}

.crp-about-exp,.tp-btn-yellow-green{
    background-color: #f00;
}
.crp-about-exp-item span,.crp-about-exp-item i,.tp-btn-yellow-green{
    color:white
}

.crp-footer-big-text{
    background-color: white;
    color:#252427;
}
.crp-footer-big-text:hover{
    color:#252427; ;
}

.tp-hero-2-img-wrap img{
   opacity:0.5;
}
.tp-hero-2-title{
    font-size: 180px !important;
}
.tp-hero-2-subtitle{
    font-size: 40px !important;
}

.app-faq-wrap.faq-inner-style .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons{
    font-size: 23px;
    font-weight: 400;
}

.tp-header-border{
    background-color: #ffffff;
}

.pp-hero-title {
  font-family: "signature" !important;
}

body .container-fliud {
    margin: 0px 20px;
}
body .pp-project-area .pp-project-item-thumb a.cursor-hide img {
    border-radius: 0px !important;
}
body .pp-project-area .pp-project-item-thumb {
    border-radius: 0px !important;
}
body .pp-project-area .pp-project-item-title {
    font-size: 24px !important;
    line-height: 30px !important;
	padding-left: 10px;
}

h4.tp-section-title a {
    font-family: 'Rumeno-SemiBold' !important;
    letter-spacing: normal;
    font-size: 40px;
    line-height: 3rem;
    font-weight: 400;
}
.tp-service-content p {
    margin-bottom: 20px;
}
.tp-service-content ul {
margin-top: 70px;
    margin-bottom: 20px ;
    padding-left: 20px;
    list-style-type: square;
}
.tp-service-content p, .tp-service-content ul li {
    font-family: 'Rumeno-Light';
    font-weight: inherit;
    letter-spacing: unset;
    line-height: 1.2;
    color: #898989 !important;
    font-size: 16px;
}

.tp-service-content p{
    color: #000000 !important;
}
.tp-service-content .tp-section-title {
    margin-bottom: 24px;
}
.tp-service-number span {
    font-size: 30px;
    line-height: 50px;
	color : #ff0000;
}
.artist-heading {
    font-family: "Rumeno";
    font-weight: 400;
    font-size: 3rem;
    color: #fff;
}
.font-16{
    font-size: 16px;
}
.top-60{
    top: 60px;
}

.red-underline {
    display: inline-block;
    margin-top: 8px;
    margin-left: 8px;
    width: 120px;
    height: 8px;
    background-color: #e9202d;
    vertical-align: middle;
}

@keyframes underlineSlide {
    from { width: 50px; }
    to { width: 80px; }
}

.artist-heading-container{
    padding-top:100px;
    padding-left: 40px;
}

.pp-hero-hight{
    height: 106vh;
}
.creative-footer-style .tp-footer-widget-social a:hover{
    background-color: unset !important;
}
.crp-hero-title{
    font-size: 50px !important;
}
.crp-hero-title{
    line-height: 0.9;
}

.pp-about-heading .tp-section-title-teko {
    font-size: 42px;
    color: #ffffe0;
    line-height: 3rem;
}
.pp-about-heading p,.aboutpage p{
    color: white !important;
    font-size: 16px;
}
.tp-contact-me-heading .tp-section-subtitle-clash.clash-subtitle-pos.body-ff::before{
    display: none;
}
.tp-contact-me-heading .tp-section-subtitle-clash.clash-subtitle-pos.body-ff{
    padding-left:6px;
}
.tp-section-title-teko{
    font-weight: 300;
}

@keyframes underlineSlide {
    from { width: 60px; }
    to { width: 100px; }
}
.titleimg{
    width:50%;
    margin:0 auto;
}
.tp-portfolio-details-1-banner,.tp-portfolio-details-1-thumb-2, .tp-portfolio-details-1-thumb-3{
    height:auto !important;
    border-radius: 0px;
}
.tp-portfolio-details-1-thumb-2 img, .tp-portfolio-details-1-thumb-3 img{
    margin-top:0px !important;
    border-radius:0px !important;
}

.tp-blog-title{
    font-size: 50px;
    font-weight: 300;
    line-height:unset;
    letter-spacing: unset;
    margin-bottom: 30px;
}


 .coursepage .tp-hero-2-subtitle{
    font-size:46px !important
 }

 .coursepage .tp-hero-2-title{
    font-family: "signature" !important;
    font-size: 60px !important;
    margin-top: 30px;
 }

 .coursepage .ar-hero-ptb{
    padding-bottom: 30px;
 }

 .imageBlock img{
    max-width: 143% !important;
 }

 .coursepage .tp-btn-border{
    font-weight: 250;
    font-size: 26px;
    padding: 5px 20px;
 }

.coursepage .tp-career-title.fs-100,.coursepage .tp-section-title-teko.fs-120 {
  font-size: 50px;
  font-weight: 300;
  margin-left: 34px;
}

.coursepage .tp-section-title-teko.fs-120 {
  font-size: 50px;
  font-weight: 300;
  margin-left: 30px;
}

.tp-section-subtitle-clash,.tp-section-title-teko,.tp-header-4-style .tp-header-menu nav ul li a,.pp-project-item-title,.p-project-item-title,.pp-project-item-meta,.crp-hero-title  {
    color: black !important;
}

.hslider,.parallax-slider-wrapper{
    position: relative !important;
}

.tp-service-number{
    padding-left: 0px !important;
}

.hprojects .tp-project-title{
  font-size: 25px !important;
  letter-spacing: inherit !important;
  font-weight: 300;
}

.tp-project-title{
    text-transform: none;
}

.myservices h4.tp-section-title a{
    font-family: 'Rumeno-light' !important;
}

.pp-project-item-thumb img,.pp-project-item-thumb{
    border-radius:0px !important;
}
.tp-header-bar button{
    color: black !important;
}

.creative-hero-title em,.creative-hero-title i,.creative-hero-btn{
    background:white !important;
    color: black !important;
    font-family: Rumeno-light;
}

.creative-hero-btn::before{
    display: none;
}

.lpage .creative-hero-banner{
    border-radius: 20px;
}
.creative-hero-bg{
    padding-top:0px !important
}

.tp-header-bar button i{
    color: black !important;
}
.sheading{
    padding: 40px;
}

.tp-btn-yellow-green.green-solid{
    background-color: #f00 !important;
    color: white !important;
    padding: 14px 15px;
    border-radius: 0px;
    font-weight:300 !important;
    font-family: 'Rumeno-light' !important;
}


.tp-header-bar button i{
   background-color: black !important;
}
.tp-offcanvas-2-close-btn{
    color: black !important;
}

.myhomepage .pp-project-heading{
    margin-left: 0px !important;
}
.tp-pd-1-work-item-title{
    color: black;
}

.creative-footer-style .tp-footer-widget-social{
    background: #f9f9f9 !important;
}

.tp-header-menu > nav > ul > li:hover{
    color: #ff0000 !important;
}
.tp-offcanvas-2-bg.is-left{
    background: white !important;
}

.tp-contact-me-interest-form-wrap .tp-contact-form-input input,.tp-contact-form-input textarea,.back-to-top-btn,.app-faq-wrap.faq-inner-style .ai-faq-accordion-wrap .accordion,.tp-service-item{
    background-color: white !important;
}

::selection{
    background:white !important
}

.tp-btn-black-text,.tp-btn-black-circle > svg,.creative-footer-text p{
    color: white !important;
}

.tp-mobile-menu-active li a {
  display: inline-block;
  color: #333;              /* default text color */
  font-weight: 500;
  text-decoration: none;
  transition: color 0.5s ease, transform 0.5s ease;
}

.tp-header-menu .tp-mobile-menu-active li a:hover {
  color: #e60000 !important;           /* trendy red */
  transform: scale(1.25);   /* slight zoom effect */
}

.tp-showcase-slider-bg::after{
    background-color: unset;
}
.tp-showcase-slider-bg{
  background-size: contain;
  height: 100vh;
  background-position: center;
}


.tp-showcase-slider .swiper-slide.swiper-slide-active::after{ opacity:.35; }

.tp-contact-me-interest-form-wrap .tp-contact-form-input input:focus{
    border-color: black;
}

.tp-showcase-slider .swiper-slide{
    padding: 0px 0 !important;
}


.homeabout p{
    font-size:20px;
    font-weight: 300;
    color: white;
    font-family: 'Rumeno-Light';

}

.tp-contact-form-input label,.tp-contact-form-input input,.tp-contact-form-input textarea {
  color: black !important;
}





















@media (max-width: 767px) {

    .sheading {
        font-size: 65px !important;
        padding: 0px;
        font-family: 'Rumeno-light' !important;
        margin-bottom: 10px;
    }
    .myservices .tp-service-panel{
        margin-bottom: 10px !important;
    }

    .myservices img{
        margin-bottom: 20px;
    }

    .tp-service-number {
      padding-top: 15px;
    }

.pp-about-ptb{
    padding-bottom: 0px !important;
}

.tp-service-content ul {
  margin-top: 20px;
}

.tp-service-pin .tp-service-panel{
    padding:0px !important
}

.tp-service-pin .tp-service-content{
    float: unset !important;
    margin-right: 0px !important;
}

.detailpage{
    overflow: hidden !important;
} 

  .detailpage .dblock{
    padding: 0px 15px;
  }
  .detailpage .tblock{
    margin-left: 15px;
  }


    .detailpage .container,.detailpage .col-lg-12{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .cursor-bg-yellow #ball .ball-view, #ball .ball-view{
       color: white !important;
    }

    .coursepage .tp-career-title.fs-100 {
        font-size: 50px;
        font-weight: 300;
    }

    .coursepage .tp-section-title-teko.fs-120 {
        font-size: 40px !important;
        font-weight: 300;
        margin-left: 0px;
    }

    .coursepage .faq{
        font-size: 30px !important;
    }

  
  

    




    .imageBlock img {
        max-width: 150% !important;
        margin-top: -57%;
        margin-left: -45px;
    }
    .coursepage .tp-career-title.fs-100 {
       font-size: 50px;
    }



    .coursepage .tp-hero-2-subtitle {
       font-size: 34px !important;
    }

     .coursepage .tp-hero-2-content.mt-100{
        margin-top:0px !important
    }

    .coursepage .tp-hero-2-content .tp-hero-2-title{
        text-align: left !important;
        margin-top:120px !important;
    }

    .coursepage .tp-hero-2-wrapper{
       margin-top:80px !important;
    }

    .coursepage .tp-hero-2-title{
        margin-top: 20px;
    }

    .coursepage .tp-career-title.fs-100{
        font-size: 50;
        font-weight: 300;
    }

    .coursepage .tp-hero-2-title{
        font-size: 40px !important;
        margin-top: 20px;
    }
    

    .coursepage .tp-hero-2-subtitle{
        line-height: 1;
    }
    .coursepage .trow{
        padding-top:100px;
    }

    .coursepage .tp-hero-2-area{
       padding-top:60px !important
    }

    .coursepage .tp-hero-2-avater-content{
        display: flex;
    }

    .coursepage .tp-hero-2-avater-content span{
       margin-left: 5px;
    }
    .coursepage .pp-project-item-title{
        font-size: 24px;
        font-weight: 400;
        line-height: 1.1;
    }
    .tp-hero-2-btn-box .tp-btn-border{
       font-weight: 350;
      font-size: 30px;
    }
    .coursepage .pp-project-item-meta {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    .app-faq-wrap.faq-inner-style .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons {
        font-size: 20px;
        font-weight: 300;
    }

    .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
       font-weight: 300 !important;
    }

    .accordion-body p {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.2;
     }


    .tp-blog-title{
        margin-bottom:0px;
    }

    .tp-breadcrumb-ptb{
        padding-top: 120px;
    }
    .tp-blog-title{
        font-size: 41px;
    }
    .header-sticky{
        padding: 8px 0px;  
    }
    
    .titleimg{
        width:95%;
    }
    .pp-about-left{
        text-align: left;
    }

    .tp-header-border{
        border: unset ;
    }


    .pp-hero-area {
        position: relative;
        overflow: hidden;
        top: 45px !important;
    }
    .pp-hero-hight{
        height: 86vh;
    }

    

    .tp-hero-2-title{
       font-size: 85px !important;
    }

    .accordion-buttons{
        font-size: 18px;
    }
    .tp-hero-2-subtitle{
       font-size: 25px !important;
    }
    
    .pp-about-ptb {
       padding-top: 40px;
    }

  .pp-hero-title {
        font-size: 60px !important;
        letter-spacing: 0px;
        margin-bottom: 22px;
  }


  .pp-hero-text{
    display: none;
  }

  #logoGrid .logo-blink{
    width: 100px !important;
  }

    .remove-translate-mobile {
        transform: none !important;
        top: auto !important;
        left: auto !important;
    }
    .unset-top-mobile {
        top: auto !important;
    }
    .pp-hero-btn{
        display: none;
    }

    .pp-project-item.tp--hover-item.mb-65{
        margin-bottom: 15px !important;
    }
    .crp-hero-title{
        font-size: 27px !important;
    }
    .tp-section-title-teko{
        font-size: 31px;
    }
    .tp-header-ptb{
        padding: 0px;
    }
    .tp-pd-1-work-item{
        display: block;
    }

    .artist-heading-container {
        position: relative;
        padding-left: 0px;
        font-size: 28px;
        padding-top:105px;
        margin-top: -20px;
    }
    .artist-heading{
        font-size: 25px;
        margin-left: 0px;
    }


    .red-underline{
        width: 102%;
        height: 8px;
        display: block;
        margin-left: -10px;
    }
    .pp-project-item.tp--hover-item.mb-40{
        margin-bottom: 15px !important;
    }
   
    .pp-project-ptb{
        padding-top: 40px;
    }
    .pp-project-item-thumb{
        margin-bottom: 0px;
    }
    .tp-portfolio-inner-box{
        padding-bottom: 20px;
    }
    .tp-section-title-teko.fs-80{
        font-size: 37;
    }
    .pp-about-heading .tp-section-title-teko{
     font-size: 22px;
     line-height: unset;
    }
   
    .pp-about-heading,.crp-about-3-hero-ptb{
        font-size: 16px;
    }
    .detailpage p,.contactpage p,.aboutpage p{
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .tp-contact-me-ptb{
        padding-bottom: 40px;
    }
    .crp-about-3-hero-ptb{
        padding-top:160px;
    }

    .tp-header-logo{
        margin-left: 5px;
    }
    .tp-header-logo img{
        width:160px !important
    }

    .tp-contact-me-ptb .pp-service-details-title{
        font-size: 50px;
    }
    .tp-contact-me-ptb .tp-contact-me-interest-title{
        font-size: 40px;
    }
    .creative-footer-area .logoblock{
         width: 180px !important;
    }

    .m-none{
        display: none;
    }
    .tp-pd-1-work-item-title{
        font-size: 30px;
    }

   .tp-portfolio-details-1-area{
        padding-bottom: 50px !important;
    }

    .tp-pd-1-work-ptb{
         padding-bottom: 0px !important;
    }

    .tp-section-subtitle.pre{
        margin-right: 0px;
    }

     .hprojects .tp-project-title{
        font-size: 20px !important;
        margin-top:2px;
    }

    .homeabout p{
        font-size: 18px;
    }
    .mpic{
        margin-top:20px
    }
    .habout.pb-100{
        padding-bottom:40px
    }
    .habout .pb-50{
        padding-bottom: 0px;
    }
    

}

/* Extra Small Devices (phones, 0 - 575px) */
@media (max-width: 575px) {
    /* Your styles here */
}

/* Small Devices (portrait tablets, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
    /* Your styles here */
}

/* Medium Devices (landscape tablets and small laptops, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Your styles here */
}

/* Large Devices (desktops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .artist-heading-container{
        padding-left:35px;
    }
}

/* For 24-inch screens (commonly 1920px width) */
@media (min-width: 1900px) and (max-width: 1950px) {
    /* Your styles here */
     .container-1580 {
        max-width: 1900px;
    }
    .artist-heading-container{
        padding-left: 38px;
    }
    .pp-hero-title{
        font-size: 110px;
        margin-bottom: 75px;
    }
    .sheading{
      font-size: 135px !important;
    }

   

}

/* For 26-inch screens (commonly 2560px width) */
@media (min-width: 2500px) and (max-width: 2600px) {
   .pp-hero-title{
      font-size: 150px;
      margin-bottom: 80px;
   }

   .sheading{
      font-size: 145px !important;
    }


}
@media (max-width: 777px) {
    /* Your styles for screens smaller than 778px here */
   .red-underline{
    display: none;
   }
}

@media (max-width: 1200px) {
  .tp-hero-2-title {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .tp-portfolio-details-1-banner img {
    margin-top: 0px;
  }
}


.back-to-top-wrapper.back-to-top-btn-show{
  bottom: 4px !important;
}