/*

     Theme Name: Hello Elementor Child

     Theme URI:    https://diviextended.com/

     Description:  A child theme of Twenty Twenty-One WordPress theme.

     Template:     hello-elementor

     Version:      1.0.0

     License:      GNU General Public License v2 or later

     License URI:  http://www.gnu.org/licenses/gpl-2.0.html

    */



    @import url("../hello-elementor/style.css");
.header-menu{}
.header-menu.f-nav {
    -webkit-box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 25%);
    position: fixed;
    top: 0;    background: #000 !important;
    left: 0;
    width: 100%;
    z-index: 3000;
}
body.home .inner-hd-space{display:none;}
.list-wrap .elementor-icon-box-title{margin-top:0}
.vv-sec .elementor-image-box-description{min-height:185px;}
.page-listing ul{list-style:none;padding:0;margin:0}
.page-listing ul li{padding:0px 0 0px 25px;position:relative;margin-bottom:15px;}
.page-listing ul li:before{content:''; position:absolute;top:5px;left:0; width: 0;
      height: 0;
      border-top: 9px solid transparent;
      border-left: 13px solid #90b8df;
      border-bottom: 9px solid transparent;}
.vv-sec .elementor-image-box-title{min-height:32px;}
.elementor-message {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1;
    background-color: #f5f5f5;
    padding: 10px;    border: 1px solid;
    border-radius: 5px;
    color: #000;
}
.elementor-message-success{background-color: #daf9e6;color:#008a20;}
.elementor-nav-menu--dropdown .elementor-nav-menu a{    justify-content: space-between;}
.video-pro{position:absolute!important;left:0;bottom:0;}
.cfs-btn-glimmer .elementor-button {
  position: relative;
  overflow: hidden;
}
.cfs-btn-glimmer .elementor-button:after {
  display: none;
  content: " ";
  position: absolute;
  top: -50%;
  right: -60%;
  bottom: -50%;
  left: -60%;
  background: linear-gradient(
    50deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  -webkit-transform: translate(-80%, 0px);
  -ms-transform: translate(-80%, 0px);
  transform: translate(-80%, 0px);
}

.cfs-btn-glimmer--loop .elementor-button:after {
  display: block;
  animation: 8s cfs-glimmer infinite;
}
.bottom-strip .lr-btn {
  font-size: 20px;
  margin: 10px;
  padding: 10px 30px;
}
@keyframes cfs-glimmer {
  0% {
    -webkit-transform: translate(-80%, 0px);
    -ms-transform: translate(-80%, 0px);
    transform: translate(-80%, 0px);
  }

  50% {
    -webkit-transform: translate(80%, 0px);
    -ms-transform: translate(80%, 0px);
    transform: translate(80%, 0px);
  }
}

.ban-left-pic .elementor-widget-container{    clip-path: polygon(0% 0%, 98% 0%, 75% 100%, 0% 100%);}
.ban-left-pic:before{    content: '';    position: absolute;        top: -10px;
    right: 11%;    width: 22px;    height: 105%;    background-color: #f3f3f3;    border-radius: 0 50px 50px 0;    transform: rotate(18deg);}}
.page-listing ul li{margin-bottom:10px;}
.vv-sec .elementor-image-box-img{margin-top:-100px!important;}
.contacts .elementor-field-option{display:flex;      margin-bottom: 20px;  align-items: center;    gap: 20px;}
.contacts input[type=checkbox] {       width: 26px;      height: 26px;    }
.bar-list .elementor-progress-percentage{    position: absolute;top:0;    right: -100px;}

.mega-list-nav .elementor-icon-list-item{width:50%;    margin: 0 !important;    float: left;}
.menu-overlay{ display:none; position:fixed;top:0px;left:0px; width:100%;background-color:hsla(0,0%,7%,.6);     backdrop-filter: blur(16px);
    pointer-events: none;   z-index:12;  height: 100%;}
.d-block{display:block;}
.inner-banner:after{content:''; position:absolute;top:0px;left:0px; width:100%;background-color:#eff7ff;      height: 60%;  }
.site-title .elementor-heading-title:before{content:''; position:absolute;top:10px;left:0px; width: 0;      height: 0;      border-top: 16px solid transparent;      border-left: 25px solid #90b8df;      border-bottom: 16px solid transparent;}
.page-header{display: none;}
.hd-span span{display:block;}
.main-slider .elementor-slide-heading b{color:#89c6fc;font-weight:700;}
.main-slider .swiper-pagination{background-color:#fff;    padding: 0;  box-shadow: 0px -25px 20px -20px rgba(0, 0, 0, 0.45);      height: 50px;}
.main-slider .swiper-pagination .swiper-pagination-bullet{     border-radius: 0;   height: 50px!important;position:relative;    width: 15.6%!important;    margin: 0!important;}
.main-slider .swiper-pagination .swiper-pagination-bullet:after{content:'';width:1px;height:25px;background-color:#a8a8a8;position:absolute;left:0;top:12px;}
.main-slider .swiper-pagination .swiper-pagination-bullet:first-child:after{display:none;}
.main-slider .swiper-pagination .swiper-pagination-bullet:before{content:'Video Production';position:absolute;    font-weight: 600;     line-height: 1.5; font-family: "Plus Jakarta Sans";font-size: 18px;  width: 100%;  opacity:1;  padding: 12px;    height: 100%;top:0;left:0}
.swiper-pagination-bullet-active{color:#fff;}
.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(1):before{content:'Conference Production';}
.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{content:'Photography';}
.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(3):before{content:'Website Designing';}
.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(4):before{content:'Graphic Designing';}
.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(5):before{content:'Mobile App Designing';}
.ser-tab-list .elementor-icon-list-items li{border:1px dashed #c7ccd1;border-radius:10px;padding:14px 40px 12px 20px!important;}
.ser-tab-list .elementor-icon-list-items li:hover{background-color:#ffa126;border-color:#ffa126}
.ser-tab-list .elementor-icon-list-items li:before{content:''; position:absolute;top:18px;right:20px; width:3px;height:14px;background-color:#90b8df}
.ser-tab-list .elementor-icon-list-items li:hover:before{background-color:#fff;}
.rightside-tabs .e-n-tabs-heading{position:relative;    background-color: #fafafa;    padding: 3rem; padding-top:12rem;    margin-left: 5rem;    border: 1px solid #dcdcdc;    border-radius: 20px;}
.rightside-tabs .e-n-tabs-heading:before{content:'OUR'; position:absolute;top:3rem;left:3rem;font-size:28px;font-weight:bold;color:#000;    font-family: "Plus Jakarta Sans";    line-height: 1;}
.rightside-tabs .e-n-tabs-heading:after{content:'SERVICES'; position:absolute;top:5rem;left:3rem;font-size:54px;font-weight:800;color:#000;    font-family: "Plus Jakarta Sans";     line-height: 1;}
.rightside-tabs .e-n-tabs-heading .e-n-tab-title{margin-left:-5rem;transition: 0.4s ease-in-out 0s;}
.rightside-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true]{    margin-left: -7rem;    margin-right: 2rem;}
.rightside-tabs .e-n-tabs-heading .e-n-tab-title:hover{    margin-left: -7rem;    margin-right: 2rem;}
.main-slider .swiper-slide-contents .elementor-slide-heading,.main-slider .swiper-slide-contents .elementor-slide-description{background-color:#000000c4;border-radius:4px; padding:15px;display:inline-block}
@media screen and (max-width:1680px){
	.ban-left-pic:before{    right: 10.5%;    top: -8px;}
}
@media screen and (max-width:1440px){
	
  .ban-left-pic:before{      transform: rotate(21deg);  top: -6px;    right: 56px;    width: 22px;    height: 106%;}
  .contacts input[type=checkbox] {    width: 20px;    height: 20px;}
  .video-pro{left:-90px;}
  .rightside-tabs .e-n-tabs-heading{ padding-top:10rem;}
    .main-slider .swiper-pagination{   padding: 0 1rem;}
  .main-slider .swiper-pagination .swiper-pagination-bullet:before{font-size:16px;}
  .rightside-tabs .e-n-tabs-heading:before{font-size: 24px;}
  .rightside-tabs .e-n-tabs-heading:after{font-size: 50px;}
  .ser-tab-list .elementor-icon-list-items li:before{top:14px;}
}
@media screen and (max-width:1366px){
	.ban-left-pic:before{      transform: rotate(20deg);}
}
@media screen and (max-width:1280px){
  .ban-left-pic:before{display:none;}.ban-left-pic .elementor-widget-container {    clip-path: inherit;}
  .video-pro {        left: -40px;        bottom: 150px;    }
.bar-list .elementor-progress-percentage{    right: -85px;}
}
@media (min-width:992px) and (max-width:1199px){
.bar-list .elementor-progress-percentage{    right: -75px;}
	.section-full .e-con-full{width:100%;}
	.vv-sec .elementor-image-box-description {    min-height: 219px;}
  .ban-left-pic .elementor-widget-container {    clip-path: inherit;}
  .ban-left-pic:before{display:none;}
  .video-pro{bottom:60px;}
  .main-slider .swiper-pagination .swiper-pagination-bullet:before{line-height:1;}
  .rightside-tabs .e-n-tabs-heading{    padding:9rem 2rem 2rem 2rem;    margin-left: 0;}
  .rightside-tabs .e-n-tabs-heading .e-n-tab-title {    margin-left: 0;}
  .rightside-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true]{margin:0}
}
@media screen and (max-width:991px){
	.bar-list .elementor-progress-percentage{    right: -75px;}
	.section-full .e-con-full{width:100%;}
  .video-pro{position:static!important}
  .main-slider .swiper-pagination .swiper-pagination-bullet:before {        font-size: 12px;    }
  .main-slider .swiper-pagination .swiper-pagination-bullet:before{line-height:1;}
  .rightside-tabs .e-n-tabs-heading{    padding:9rem 2rem 2rem 2rem;    margin-left: 0;}
  .rightside-tabs .e-n-tabs-heading .e-n-tab-title {    margin-left: 0;}
  .rightside-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true]{margin:0}
  .contact-bg{background-color:#ffffffcf}
	.page-listing ul li:before{ border-top: 7px solid transparent;
      border-left: 10px solid #90b8df;
      border-bottom: 7px solid transparent;}
}
@media screen and (max-width:767px){
	.main-slider .swiper-slide-contents .elementor-slide-heading{    padding: 10px;}
	.main-slider .swiper-slide-contents .elementor-slide-description{display:none}
  .vv-sec .elementor-image-box-title{min-height:inherit}
  .contacts .elementor-field-option{gap:10px;}
  .video-pro{position:static!important}
  .bar-list .elementor-progress-percentage {        right: -68px;    }
  .ss-ban{background-color:#ffffffdb;border-radius:6px;}
  .ser-tab-list .elementor-icon-list-items li{    padding: 14px 20px 12px 40px !important;}
  .ser-tab-list .elementor-icon-list-items li:before{right:auto;left:20px;}
  .rightside-tabs .e-n-tabs-heading:after{font-size: 30px;display:none}
  .rightside-tabs .e-n-tabs-heading:before{font-size: 24px;display:none}
  .main-slider .swiper-pagination{display:none;}
}