/*============================================

 

==============================================
    
    CSS INDEX
    ===================
	
    1. IMPORT GOOGLE FONT
	2. HEADER AREA
	3. SLIDER AREA
	4. SERVICE AREA
	5. ABOUT AREA
	6. SECTION HEADDING STYLE
	7. AWESOME FEATURES AREA
	8. HOW WORK AREA
	9. FUN FACT AREA
	10. DOWNLOAD BUTTON AREA
	11. PRICING AREA
	12. TESTIMONIAL AREA
	13. TEAM AREA
	14. SUBCRIBE FORM AREA
	15. CONTACT FORM AREA
	16. CONTACT INFORMATION AREA
	17. CONTACT SOCIAL AREA
	18. HOMEPAGE TWO
	19. VIDEO BACKGROUND AREA
	20. ScreenShot Area
	21. ScrollUp
	
===========================================================*/

/* ============= 1. IMPORT GOOGLE FONT ============= */
 
  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
 
@import url("css/shortcode/default.css");

/* ============= 2. HEADER AREA ============= */

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: "/";
}
.breadcrumb-item.active {
    color: #fff;
}


.text_gradient {
    background: linear-gradient(206deg, #F84292 7.62%, #7F00FF 90.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
.navbar .container {
    flex-wrap: nowrap;
}
.navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    top: 0;
    border-width: 0 0 1px;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar {
    border-radius: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.5s ease 0s !important;
    transition: all 0.5s ease 0s;
    background: #ffffff14;
    backdrop-filter: blur(10px);
}

.navbar.navbar-fixed-top {
  background: #ffffff17;
  padding: 0;
  backdrop-filter: blur(26px);
}

.navbar-brand {
  padding: 19px 0;
  display: block;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}
.navbar-brand > img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    max-width: fit-content;
}
 

.navbar-brand > img { 
  max-width: 247px;
}



.navbar-expand-md .navbar-collapse {
    flex-grow: unset;
}
.navbar-nav li a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    transition: all 0.3s ease 0s;
    font-family: 'Oswald', sans-serif;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding: 20px 15px;
}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    opacity: 0.6;
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    opacity: 1;
    color: rgb(203 81 198);
}
.navbar-expand-md .navbar-nav li a.download-btn {
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 8px 30px;
  transition:.3s;
}
.navbar-nav li a.download-btn:hover {
  background: #f75160 none repeat scroll 0 0;
  border-color: #f75160;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
}

/* ============= 3. SLIDER AREA ============= */
.hero-area {
    background-image: url(img/main_bg_img.png);
    background-size: cover;
    background-position: center center;
    /* height: 100vh; */
    z-index: 1;
    position: relative;
    color: #fff;
    padding-top: 131px;
    padding-bottom: 21px;
}
.parallax {
  background-attachment: fixed;
}
.slider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: -o- flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.slider h2 {
    color: #fff;
    margin: 21px 0 26px;
    text-transform: capitalize;
    font-family: 'Oswald', sans-serif;
    max-width: 100%;
    text-shadow: -6px 3px 8px #00000033;
    line-height: 1.4;
    font-weight: 900;
}

.hero-text h5 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 34px;
}

.hero-text .top_txt {
    font-size: 32px;
    font-weight:800;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0;
}



.hero-btn i {
    font-size: 130%;
}


.slider p {
  color: #fff;
  font-size: 18px;
  margin: 0 0 35px;
  padding-right: 28%;
}
.slider-thumb {
  position: absolute;
  bottom: 0;
  right: 0%;
  z-index: 3;
}
.hero-btn {
  color: #fff;
  display: inline-block;
  font-size: 23px;
  font-weight: 700;
  padding: 13px 50px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  box-shadow: -1px 2px 0 0 rgb(91 9 175);
  border-radius: 12px;
  border: 2px solid #CC6F37;
  background: linear-gradient(206deg, #F84292 7.62%, #7F00FF 90.86%);
  font-family: 'Oswald', sans-serif;
  text-shadow: 2px 2px 0px #000000cf;
  min-width: 290px;
  text-align: center;
}
.hero-btn:hover, .about-content > .hero-btn:hover {
  background: linear-gradient(206deg, #F84292 7.62%, #7F00FF 90.86%);
  color: #fff;
  text-decoration: none;
}

.hero-text p.he-p {
  padding: 0 22%;
  line-height: 30px;
}

/* Slider Nav */
.background-area .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  font-size: 38px;
  height: 50px;
  left: -56px;
  line-height: 45px;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.4s ease 0s;
  width: 50px;
  z-index: 999;
}
.background-area .owl-nav .owl-next {
    left: auto;
    right: -56px;
}
.background-area:hover .owl-nav div {
    left: 10px;
}
.background-area:hover .owl-nav .owl-next {
    left: auto;
    right: 10px;
}
.background-area .owl-nav div:hover {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
}
.image-1 {background-image: url("img/slider/4.png");}
.slide-animation {
  left: -15px;
  position: absolute;
  z-index:-9;
}



/*  down row   */


.dn_row { 
  background: linear-gradient(90deg, rgba(127, 0, 255, 0.30) 0%, rgba(225, 0, 255, 0.30) 100%);
  padding: 25px 0;
}

.down_data {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.down_data h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    margin-left: 18px;
    line-height:1.2;
}
.down_data h3 small {
    display: block;
    font-size: 65%;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.down_row {
    display: flex;
    justify-content: flex-start;
}









/* ============= 4. SERVICE AREA ============= */

.service-area {
  padding: 100px 0;
  background: url(img/service_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1e0034;
}


 
.single-service {
    padding: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    background: #27AEFF;
    border-radius: 40px;
    overflow: hidden;
}
.single-service h2 {
    font-size: 27px;
    padding-top: 0;
    text-shadow: -5px 3px #0000003b;
    margin-bottom: 0;
    line-height: 1.2;
}
.single-service:hover {
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -webkit-transition: .3s;
  transition: .3s;
}
.service-icon {
    border-radius: 35px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff59;
    backdrop-filter: blur(10px);
}
.service-content {
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 20px;
}

.single-service.service2 {
    background: #EC1C23;
}

.single-service.service3 {
    background: #FFDE16;
}

.single-service.service4 {
    background: #019A46;
}


/* ============= 5. ABOUT AREA ============= */

.about-area {
    padding-bottom: 100px;
    background: url(img/about_bg.png);
    padding: 130px 0;
}

.about-img img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.about-content > h2 {
  margin-bottom: 35px;
}
.about-content > p {
  margin: 0 0 25px;
}
/*.about-content > .hero-btn {
  background: #b81fcb none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 0 0 20px 0 rgba(255, 95, 109, 0.4);
  -webkit-box-shadow: 0 0 20px 0 rgba(255, 95, 109, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(255, 95, 109, 0.4);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 40px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  margin-top: 25px;
}
.about-content > .hero-btn i {
  margin-right: 5px;
}*/

/* ============= 6. SECTION HEADDING STYLE ============= */
.section-heading {
  margin: 0 auto;
  width: 48%;
}
.section-heading h2 {
    margin-bottom: 30px;
    position: relative;
    text-transform: capitalize;
    line-height: 1;
}
.section-heading p {
    margin-bottom: 10px;
}

/* ============= 7. AWESOME FEATURES AREA ============= */
.awesome-feature {
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
    transition: all 0.3s ease 0s;
    background: #8B4C00;
}
.awesome-feature { 
    background-size: 100% !important;
    background-repeat:no-repeat;
}


.awesome-feature_step_1{    
    background: url(img/step_1.svg);
    background-repeat: no-repeat;
}
.awesome-feature_step_2{    
    background: url(img/step_2.svg);
    background-repeat: no-repeat;
}
.awesome-feature_step_3{    
    background: url(img/step_3.svg);
    background-repeat: no-repeat;
}


.awesome-feature-icon span {
    display: block;
    height: 45px;
    margin-left: 10px;
    position: relative;
    width: 45px;
    margin: 0 auto;
}


.awesome-feature-icon {
    display: block;
    float: left;
    margin: -40px 20px 0;
}


/*.awesome-feature-icon span:after {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, #b81fcb 0%, #ffb270 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #b81fcb 0%, #ffb270 100%) repeat scroll 0 0;
    border-radius: 60px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}*/
.awesome-feature-icon i {
    background-color: #f5f7fa;
    border-radius: 60px;
    color: #4c5462;
    display: inline-block;
    font-size: 16px;
    height: calc(100% - 2px);
    left: 0px;
    line-height: 45px;
    position: relative;
    text-align: center;
    top: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: calc(100% - 2px);
    z-index: 1;
    box-shadow: 0 0 0 5px #472200;
    font-weight: 700;
}
.awesome-feature:hover .awesome-feature-icon i {
  background-color: #ffc107; 
  color: #000000;
}
.awesome-feature:hover .awesome-feature-icon span::after {
  background: #b81fcb none repeat scroll 0 0;
}
.awesome-feature-details {
  margin-top: 20px;
}
.awesome-feature-details h5 {
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.awesome-feature-details p {
  margin: 0;
  padding: 12px 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
}
.awesome-feature:hover .awesome-feature-details h5,.awesome-feature:hover .awesome-feature-details p{color:#fff;}



.awesome-feature-details img {
    max-width: calc(100% - 87px);
    margin-top: -92px;
    margin-left: auto;
    margin-right: 0;
    display: block;
}


/* ============= 8. HOW WORK AREA ============= */
.how-work-tab ul {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.15);
  display: flex;
}
.how-work-tab ul li {
  height: 50px;
  line-height: 50px;
  width: 33.33%;
}
.how-work-tab ul li a {
  color: #3e3e3e;
  display: block;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.how-work-tab ul li.active a {
  background:#b81fcb;
  color: #fff;
}
.how-work-tab .tab-content p {
  margin-bottom: 25px;
}

/* ============= 9. FUN FACT AREA ============= */
.single-fact h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
	font-size:20px;
}
.single-fact h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 15px;
  line-height: 35px;
}

/* ============= 10. DOWNLOAD BUTTON AREA ============= */
.download-option-btn ul li a {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  color: #3e3e3e;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 14px;
  padding: 18px 40px;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.download-option-btn ul li a i{color:#b81fcb;margin-right:5px;transition:.3s;}
.download-option-btn ul li a:hover i,.download-option-btn ul li a.active:hover i{color:#fff;}
.download-option-btn ul li a:hover,.download-option-btn ul li a.active:hover{background:#b81fcb;color:#fff;}
.download-option-btn ul li a.active{background:#b81fcb;color:#fff;}
.download-option-btn ul li a.active i{color:#fff;}

/* ============= 11. PRICING AREA ============= */
.pricing-single {
  border-radius: 10px;
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  padding-top: 65px;
  transition: all 0.4s ease 0s;
}
.price-titel h4 {
  letter-spacing: 2px;
}
.pricing-price > span {
  color: #3e3e3e;
  display: block;
  font-size: 50px;
  font-weight: 300;
  padding: 20px 0 22px;
}
.price-decs ul li {
  color: #999999;
  display: block;
  font-size: 16px;
  line-height: 38px;
}
.ordr-btn {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}
.ordr-btn > a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 45px;
    transition: all 0.4s ease 0s;
    font-family: 'Oswald', sans-serif;
    width: 90%;
    text-align: center;
    margin-bottom: 10px;
}
/*.btn_img {
    background: url(img/btn_img.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 0;
}*/

.btn_img {
    border-radius: 12px;
    color: #fff; 
    background: linear-gradient(206deg, #F84292 7.62%, #7F00FF 90.86%); 
}

.btn_img:hover {
    color: #fff; 
}
 
.price-decs {
  padding-bottom: 40px;
}
.pricing-single:hover,.pricing-single.active{background:#b81fcb;color:#fff;}
.pricing-single:hover .pricing-price > span,.pricing-single:hover .price-decs ul li,.pricing-single:hover .price-titel h4{color:#fff;}
.pricing-single.active .pricing-price > span,.pricing-single.active .price-decs ul li,.pricing-single.active .price-titel h4{color:#fff;}
.pricing-single:hover .ordr-btn > a,.pricing-single.active .ordr-btn > a{background:#b81fcb;color:#fff;display:block;}


.bg_img{
  background: url(img/bg_img.png);
}

/*.team-area {
    background: url(img/team_bg.png);
}*/


/* ============= 12. TESTIMONIAL AREA ============= */
.testimonial-desc p {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
  margin: 0 0 30px;
  padding: 0 124px;
}
.testimonial-desc h4 {
  color: #fff;
  font-size: 24px;
  margin: 0;
}
.testimonial-active.owl-theme .owl-controls {
  display: none!important;
}

.team-single {
    display: block;
    position: relative;
    transition: .3s;
    overflow: hidden;
    padding-right: 1px;
    background: #48224126;
    border-radius: 20px;
    padding: 25px; 
  background: rgba(255, 255, 255, 0.00);
  box-shadow: 1px 1px 16px 0px rgb(125 0 250) inset, 1px 1px 20px 0px rgb(29 0 60) inset; 
    backdrop-filter: blur(50px);
}

.swiper-wrapper {
    padding-bottom: 45px;
}
.swiper-pagination-bullet-active { 
    background: #d02cb7;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0; 
}






.profile-img{
    width:50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.profile-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.profile {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 0;
    flex-direction: column;
    text-align: center;
}
.name-user{
    display: flex;
    flex-direction: column;
}
.name-user strong {
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    margin-top: 7px;
}
.name-user span {
    color: #d02cb7;
    font-size: 0.8rem;
}


.swiper-pagination-bullet { 
    background: #fff !important; 
}
.team-single h3 { 
    text-align: center;
}

.team-single p {
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 34px;
    margin-top: 18px;
    display: block;
    font-weight: 400;
}


/* ============= 13. TEAM AREA ============= */
.team-single {
    display: block;
    position: relative;
    transition: .3s;
    overflow: hidden;
}
 
 
/*.team-single:hover {
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  border-radius:10px;
}*/
.team-overlay {
  background: #b81fcb none repeat scroll 0 0;
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  padding: 22px 0 12px;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 100%;
  opacity:0;
  visibility:hidden;
  transition:.3s;
}
.team-single:hover .team-overlay{opacity:1;visibility:visible;top:50%;}
.team-overlay > h5 {
  color: #fff;
  font-weight: 600;
}
.team-overlay h6 {
  color: #fff;
}

/* ============= 14. SUBCRIBE FORM AREA ============= */





.accordion-item {
    padding: 20px 15px;
    border-bottom: 1px solid #ffffff1f;
    background: transparent;
}
.accordion-header  button {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: transparent;
    outline: 0;
    border: 0;
    color: #ffffff;
    width: 100%;
    font-family: var(--body-font-family);
    text-align: start;

    font-size:19px;
}
.acc_body {
    padding-top: 17px;
    font-size: 15px;
    color: #fff;
    line-height: 1.6;
    font-weight: 200;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 15px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.00);
  box-shadow: 1px 1px 6px 0px rgb(125 0 250) inset, 1px 1px 20px 0px rgb(29 0 60) inset;
  backdrop-filter: blur(50px);
}
 
.accordion-header  button.collapsed i {
    transform: rotate(0deg);
}
.accordion-header  button i { 
    transform: rotate(-180deg); 
    transition:0.2s;

}



.subcribe-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #b81fcb;
  border-radius: 5px;
  box-shadow: none;
  color: #444444;
  font-size: 12px;
  font-weight: normal;
  height: 45px;
  margin-right: 15px;
  padding-left: 20px;
  width: 30%;
}
.subcribe-form button {
  background: #b81fcb none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  height: 45px;
  text-transform: uppercase;
  top: 0;
  width: 155px;
  transition:.3s;
  box-shadow: 0 0 20px 0px rgba(255, 95, 109, 0.4);
  -webkit-box-shadow: 0 0 20px 0px rgba(255, 95, 109, 0.4);
  -moz-box-shadow: 0 0 20px 0px rgba(255, 95, 109, 0.4);
}
.subcribe-form button:hover{background:#F55160;}

/* Mail Chimp */
.mailchimp-alerts {margin-top: 15px;}
.mailchimp-submitting{color:#31708f}
.mailchimp-success{color:#3c763d;}
.mailchimp-error{color:#a94442;}

/* ============= 15. Contact Form Area ============= */
.contact-form {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  padding: 125px 70px;
  width: 60%;
  float:left;
}
.form-control {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: none;
  color: #333;
  height: 45px;
  padding: 10px 18px;
  transition: all 0.3s ease 0s;
}
.form-control:focus {
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
  outline: 0 none;
  border:none;
}
.description textarea { height: 100px }
.form-group  button { border: none }
.btn-contact-bg {
  background: #b81fcb none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 20px 0px rgba(255, 95, 109, 0.4);
  -webkit-box-shadow: 0 0 20px 0px rgba(255, 95, 109, 0.4);
  -webkit-box-shadow: 0 0 20px 0px rgba(255, 95, 109, 0.4);
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 150px;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
  background: #f55160;
  color: #fff;
}
.form-messege{
  margin-top: 15px;
  padding-bottom: 0;
}
.contact-wrap{
    display: flex;
    justify-content: space-between;
}
.contact-map-size { 
    height: 530px;
    width: 455px;
}

/* ============= 16. CONTACT INFORMATION AREA ============= */
.single-address {
    display: block;
    position: relative;
    margin-bottom: 0;
    text-align: right;
}
.single-address a {
    font-size: 16px;
    color: #fff;
    padding-left: 26px;
}


.single-address i {
  color: #fff;
  display: block;
  font-size: 36px;
  line-height: 50px;
}
.single-address .media-left {
  left: 65px;
  padding: 0;
  position: absolute;
}
.single-address p {
color:#fff;
margin:0;
}
.conct-border {
    border-bottom: 1px solid rgb(255 255 255 / 17%);
    overflow: hidden;
    padding-bottom: 40px;
}
.conct-border.two {
  border-bottom: 1px solid rgba(250, 87, 101, 0.2);
}

.bg-5 {
    background: url(img/footer_bg.png) no-repeat  !important;
}


/* ============= 17. Contact Social Area ============= */
.contact-social ul li a {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #000000;
  display: block;
  font-size: 15pt;
  height: 45px;
  line-height: 45px;
  margin-right: 15px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 45px;
  margin: 0 12px;
}
.contact-social ul li a:hover{color:#000;background:#b81fcb;}


.copyright-text p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    padding: 0;
    padding-top: 22px !important;
}


.copyright-text p a {
  color: #fff;
  font-weight:700;
}


.single-address a {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  padding: 3px 14px;
}


/* ============= 18. HOMEPAGE TWO ============= */
.banner-video-btn {
  bottom: 45px;
  display: block;
  left: 7%;
  position: absolute;
  width: auto;
}
.banner-video-btn .video-popup {
  color: #fff;
  transition:.4s;
}
.banner-video-btn .video-popup:hover{color:#3e3e3e;}
.banner-video-btn .video-popup i {
  float: left;
  font-size: 24px;
  line-height: 35px;
}
.banner-video-btn .video-popup > span {
  float: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  margin-left: 10px;
}
.background-content, .slider-carousel, .slider-full-carousel {
  z-index: 3;
}
.background-area {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.image-1, .image-2, .image-3 {
  background-attachment: scroll;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0);
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.single-carousel {
  background-size: cover;
}
.background-content {
  position: relative;
}
.banner-image {
  bottom: 70px;
  padding-left: 30px;
  position: absolute;
  right: 0;
  width: 50%;
}
.banner-image.two {
  bottom: 70px;
  padding-left: 10px;
  position: absolute;
  right: 0;
  width: 22%;
}
.background-content {
  position: relative;
}

/* ============= 19. VIDEO BACKGROUND AREA ============= */
.player.mb_YTPlayer {
  height: 100vh;
  width: 100%;
}
.buttonBar {
  display: none;
}

/* ============= 20. ScreenShot Area ============= */
.screenshot-slider {
  margin-left: -20px;
  margin-right: -20px;
}
.screenshot-slider .slick-list {
  padding-left: 236px !important;
  padding-right: 236px !important;
}
.single-screenshot {transition:.4s;}
.single-screenshot.slick-active {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  z-index: 9;
}
.single-screenshot.slick-center {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  z-index: 99 !important;
}

.single-screenshot .image {
  box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.2);
  display: block;
}
 
.ss2-prev {
  left: -80px;
}
.ss2-next {
  right: -80px;
}
.screenshot-slider .slick-list {
  padding-top: 128px!important;
}

section.contact {
  padding: 80px 0;
  overflow: hidden;
}



.section-title {
  padding-bottom: 40px;
}


ol li {
  list-style: auto !important;
  display: list-item !important;
}

ol.breadcrumb li {
  list-style: none !important;
  display: inline-block !important;
}


/* ============= 21. ScrollUp ============= */
#scrollUp {
  background: #FA5765 none repeat scroll 0 0;
  border-radius: 0px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 28px;
  height: 40px;
  line-height: 35px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 200;
}
#scrollUp:hover{background:#3e3e3e;}






.common_content_box {
    margin-top: 50px;
    padding-bottom: 50px;
    font-size: 12px;
    line-height: 25px; 
    padding-top: 20px;
}

 .common_content_box p{
  font-size:13px;
 }

  .common_content_box p strong{
   font-weight:700;
   font-size:120%;
 }
  .common_content_box a {
    color: yellow;
 }



 .pdTop15 {
    margin-bottom: 15px;
}

.mb0 {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .common_content_box {
        margin-top: 40px;
    }
}




.play_bar{
    margin-top: 20px;
}


.play_card {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.00);
  box-shadow: 1px 1px 16px 0px rgb(125 0 250) inset, 1px 1px 20px 0px rgb(29 0 60) inset;
  backdrop-filter: blur(5px);
  padding: 20px;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.play_card h4 {
    text-align: center;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
}

.mt-minus-5 {
    margin-top: -2.5rem;
}



.f-list{
    margin: 30px 0;
}
.f-list li {
    display: flex;
    padding: 11px 0;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.4;
    align-items: flex-start;
}

.f-list li img {
    max-width: 26px;
    margin-right: 16px;
    margin-top: 7px;
    opacity: 0.8
}



.preview_swiper{
    padding: 20px !important;
}

.preview_swiper .swiper-wrapper {
    padding-bottom: 20px !important;
}


.rounded-xl {
    border-radius: 1rem;
    box-shadow: 6px 6px 50px 0 #0000001f;
}
.screens_sec {
    max-width: 390px;
    margin: 0 auto;
}

.Screenshoot-area {
    background: url(img/game_bg.png);
    padding: 100px 0;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
}

section.feature-area {
    padding-bottom: 100px;
}


.swiper.review_slider {
    padding-top: 16px;
}


.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgb(53 11 45 / 75%),rgb(53 11 45 / 0%));
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgb(53 11 45 / 75%),rgb(53 11 45 / 0%));
}


.swiper.review_slider .swiper-slide.swiper-slide {
    transform: scale(0.9) !important;
}

.swiper.review_slider .swiper-slide.swiper-slide.swiper-slide-active {
    transform: scale(1) !important;
}














/* page content page */



.common_content_box  p, .common_content_box ul, .common_content_box span, .common_content_box ol, .common_content_box  li {
  font-size: 14px; 
  margin-bottom: 20px; 
  color: #FFF;
  margin: 16px 0px;
}
.common_content_box ul li {
  list-style: disc !important;
  display: list-item;
}

.regular--text, .small--text {
  font-size: 15px;
  line-height: 24px;
  color: #fff;
}


.disc-para {
  font-size: 25px;
  line-height: 24px;
  padding: 10px 0px;
  margin-bottom: 25px;
}
.pp_title{ 
    font-size: 48px;
    line-height: 56px;
    margin-top: 42px;
    margin-bottom: 15px;

    text-align: left;
    font-size: 24px;
    line-height: 32px; 
}



.conct-border  a  img { 
  max-width: 350px;
}