@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap')

// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 300 to 700


*,
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

html, body {
	font-weight: 300;
  font-size:18px;
  color:#0b0b0b;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0;
  margin:0;
  background:#fff !important;
}

@font-face {
    font-family:'GROBOLD';
    src: url('../font/GROBOLD.eot');
	src: url('../font/GROBOLD.eot?#iefix') format('embedded-opentype'),
		url('../font/GROBOLD.woff2') format('woff2'),
		url('../font/GROBOLD.woff') format('woff'),
		url('../font/GROBOLD.svg#GROBOLD') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FB;
}

@font-face {
    font-family:'GoodDog Cool';
    src: url('../font/GoodDog Cool.eot');
	src: url('../font/GoodDog Cool.eot?#iefix') format('embedded-opentype'),
		url('../font/GoodDog Cool.woff2') format('woff2'),
		url('../font/GoodDog Cool.woff') format('woff'),
		url('../font/GoodDog Cool.svg#GoodDog Cool') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DA;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

h1, h2, h3, h4, h5, h6 {
  line-height:1.5;
  margin:0;
}

h2{
  font-size:150px;
  color:#0b0b0b;
}

h3{
  font-size:75px;
  color:#0b0b0b;
}

h4{
  font-size:45px;
  color:#0b0b0b;
}

article, p {
  font-size:18px;
  color:#0b0b0b;
  line-height:1.5;
  padding:0;
  margin:0;
}

a {
  color:#0b0b0b;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}

a:hover {
  color:#0b0b0b;
}

img {
  vertical-align:middle;
  border-style:none;
  max-width:100%;
}

.btn{
  font-size:15px;
  color:#ffffff;
  text-transform:uppercase;
  display:inline-block;
  padding:20px 60px;
  background:#0b0b0b;
}

.clearfix {
  display:inline-block;
}

.clearfix::after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:"";
  clear:both;
  height:0;
}

* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
}

/*******/

.o-scroll {
	background-color: #d4c9c9;
	overflow: hidden
}

html.has-scroll-smooth {
	overflow: hidden
}

html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.has-scroll-smooth body {
	overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
	height: 100vh;
	display: inline-block;
	white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%
}


.o-title {
  line-height:1;
	margin: 0;
	padding: 0;
	perspective: 1200px;
	-webkit-perspective: 1200px
}

.o-title_line {
  line-height:1;
	display: block;
	opacity: 0;
	transform-origin: center top;
	transform-style: preserve-3d;
	transform: translateY(100%) rotateX(-80deg);
	transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.215, .61, .355, 1);
	font-size: 0
}
.o-title.is-inview .o-title_line{
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
  transition-delay: .3s
}

.o-title.is-inview .o-title_line:nth-child(2) {
	transition-delay: .5s
}

.o-title.is-inview .o-title_line:nth-child(3) {
	transition-delay: .6s
}

.o-title.is-inview .o-title_line:nth-child(4) {
	transition-delay: .7s
}
/* .wc-btn-light{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 160px; font-weight: 400; font-size: 16px; line-height: 1.3; text-transform: capitalize; color: #000; border: 1px solid #eeeeee; border-radius: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none}
.wc-btn-light .text{position: relative; z-index: 2}
.wc-btn-light:hover{color: #fff; border: 1px solid #000; text-decoration: none}
.wc-btn-light:hover span{width: 350px; height: 350px;}
.wc-btn-light i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); padding-left: 5px;}
.wc-btn-light span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background-color: #000; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} */

.apple-store{border: #ec6ea8 2px solid; height: 50px; border-radius: 6px}
.apple-store i{margin-right: 10px}
.apple-store span{background: #ec6ea8}
.apple-store .text{color: #ec6ea8; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.apple-store:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.google-play{border: #070068 2px solid; height: 50px; border-radius: 6px}
.google-play i{margin-right: 10px}
.google-play span{background: #050049}
.google-play .text{color: #070068; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.google-play:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}


.dl-sections{padding:100px 0 0 0;}
header{transition:all .5s ease;}
.header-main{position: fixed; top: 0px; z-index: 3; width: 100%; padding: 20px 0}
.header-main .container{display: flex; align-items: center; justify-content: space-between;}
.header-main .logo {width: 120px;}
.header-main .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; display: none}
.header-main .btn-menu span{width: 100%; height: 2px; background: #070068; display: block;  transition: all .5s ease;}
.header-main .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.header-main .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.header-main .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.header-main .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.header-main .btn-menu.active span:nth-of-type(3n+2){display: none;}
.header-main .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}
.header-main .rightside{display: flex; align-items: center;}
.header-main .rightside ul.menu-list{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-main .rightside ul.menu-list li{margin-left: 35px;}
.header-main .rightside ul.menu-list li a{font-size: 18px; font-weight: 500; color: #000; text-decoration: none}
.header-main .rightside ul.menu-list li a:hover,
.header-main .rightside ul.menu-list li a.active{color: #ec6ea8}
.header-main .rightside ul.social{margin: 0px 0px 0px 25px; padding: 0px; list-style: none; display: flex;}
.header-main .rightside ul.social li{margin-left: 5px;}
.header-main .rightside ul.social li a{width: 40px; height: 40px; background: #ec6ea8; color: #fff; font-size: 18px; line-height: 42px; border-radius: 50%; text-align: center;}
.header-main .rightside ul.social li a:hover{background: #070068}
.is-active-header .header-main{background: #baf2ff; transition:all .5s ease;}

.home-section{display: flex; align-items: center; align-content: center; width: 100%;  position: relative;  padding-top: 170px; padding-bottom: 120px; z-index: 1; background:#baf2ff url(../images/bottom-bg.png) center bottom no-repeat; }
.home-section .container{position: relative; z-index: 4}
.home-section h1{font-family:'GROBOLD'; font-weight: 700; letter-spacing: 1px; font-size: 80px; line-height: 80px; text-align: center; color: #ed6fa9; margin: 0 0 20px 0; -webkit-text-stroke: 1px #A63468;}
.home-section p{font-weight: 600; font-size: 20px; line-height: 24px; text-align: center; color: #000000; margin: 0 0 40px 0}
.home-section .photo-area{display: flex; align-items: center; justify-content: center; }
.home-section .photo-area .centerphone{width: 300px; margin: 0 50px; filter: drop-shadow(20px 20px 50px rgba(0, 0, 0, 0.2));}
.home-section .photo-area .centerphone img{width: 100%}
.home-section .photo-area .leftphone{width: 260px; filter: drop-shadow(20px 20px 50px rgba(0, 0, 0, 0.2));}
.home-section .photo-area .leftphone img{width: 100%}
.home-section .photo-area .rightphone{width: 260px; filter: drop-shadow(20px 20px 50px rgba(0, 0, 0, 0.2));}
.home-section .photo-area .rightphone img{width: 100%}
.home-section .btn-center{display: flex; justify-content: center; margin: 40px 0}
.home-section .btn-center a{margin: 0 10px}
.home-section .btn-center .apple-store{border: #ec6ea8 2px solid; height: 50px; border-radius: 6px; width: auto; padding: 0 25px}
.home-section .btn-center .apple-store i{margin-right: 10px}
.home-section .btn-center .apple-store span{background: #ec6ea8}
.home-section .btn-center .apple-store .text{color: #ec6ea8; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.home-section .btn-center .apple-store:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.home-section .btn-center .google-play{border: #ed6fa9 2px solid; height: 50px; border-radius: 6px; width: auto; padding: 0 25px}
.home-section .btn-center .google-play i{margin-right: 10px}
.home-section .btn-center .google-play span{background: #ed6fa9}
.home-section .btn-center .google-play .text{color: #ed6fa9; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.home-section .btn-center .google-play:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.wc-btn-light{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 160px; font-weight: 700; font-size: 18px; line-height: 1.3; text-transform: capitalize; color: #000; border: 1px solid #eeeeee; border-radius: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none}
.wc-btn-light .text{position: relative; z-index: 2; text-align: center;}
.wc-btn-light:hover{color: #fff; border: 1px solid #000; text-decoration: none}
.wc-btn-light:hover span{width: 350px; height: 350px;}
.wc-btn-light span{position: absolute; content: ""; width: 20px; height: 20px; left: 0; top: 0; background-color: #000; z-index: 0; border-radius: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


.car-movement {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  width: 100%
}

.car-movement > .car {
  position: relative;
  display: inline-block;
  animation: linear infinite;
  animation-name: run;
  animation-duration: 20s;
  width: 489px;
}
.car-movement > .car img{width: 100%}
@keyframes run {
  0% {
    transform: rotateY(180deg);
    left: -500px;
  }
  50% {
    transform: rotateY(180deg);
    left: 100%;
  }
  51% {
    transform: rotateY(0deg);
    left: calc(100% + 100px);
  }
  100% {
    transform: rotateY(0deg);
    left: -500px;
  }
}


@-webkit-keyframes drop {
  0% {
    top: 0;
  }
  50% {
    top: -800px;
  }
	100% {
    top: 0px;
  }
}

@keyframes drop {
	0% {
    top: 0;
  }
  50% {
    top: -800px;
  }
	100% {
    top: 0px;
  }
}


.three-box-section{ width: 100%;  position: relative;  padding:150px 0px}
.three-box-section .icon{width: 200px; margin: 0 auto;}
.three-box-section .icon img{width: 100%}
.three-box-section h2{font-family:'GROBOLD'; font-size: 60px; color: #070068; line-height: 60px; margin: 30px 0; text-align: center; letter-spacing: 2px}
.three-box-section p{font-size: 18px; line-height: 26px;  color: #000; margin: 0 0 15px 0; text-align: center;}
.three-box-section .icon1{position: absolute; bottom: -6px; left: 30%; width: 130px}
.three-box-section .icon2{position: absolute; bottom: -6px; right: 30%; width: 130px}
.three-box-section .icon3{position: absolute; top:300px; left:15px; width: 200px}
.three-box-section .icon4{position: absolute; top:400px; right:15px; width: 200px}
.three-box-section .icon5{position: absolute; top:100px; right:15px; width: 384px}
.three-box-section .container{position: relative; z-index: 2}

.app-download{ width: 100%;  position: relative;  background: #baf2ff;}
.app-download .main-content-block{ border-radius: 50px; max-width: 1300px; margin: 0 auto;}
.app-download .container{display: flex; align-items: center;}
.app-download .leftside{width: 50%}
.app-download .rightside{width: 50%; min-height: 470px; position: relative; }
.app-download h2{font-family:'GROBOLD'; font-size: 60px; font-weight: 700; color: #070068; line-height: 80px; margin: 0 0 20px 0; letter-spacing: 2px}
.app-download p{font-size: 18px; line-height: 24px; font-weight: 400; margin: 0 0 30px 0}
.app-download .upphone{width: 300px; margin: 0 auto; position: absolute; top: 50%; margin-top: -315px; right:200px; filter: drop-shadow(20px 20px 50px rgba(0, 0, 0, 0.2)); z-index: 1}
.app-download .upphone img{position: relative;}
.app-download .downphone{width: 240px; margin: 0 auto; position: absolute; top: 50%; margin-top: -253px; right: 0; filter: drop-shadow(20px 20px 50px rgba(0, 0, 0, 0.2));}
.app-download .downphone img{position: relative;}
.app-download .btn-center{display: flex;}
.app-download .btn-center a{margin: 0 20px 0 0 }
.app-download .btn-center .apple-store{border: #ec6ea8 2px solid; height: 50px; border-radius: 6px; padding: 0 25px; width: auto;}
.app-download .btn-center .apple-store i{margin-right: 10px}
.app-download .btn-center .apple-store span{background: #ec6ea8}
.app-download .btn-center .apple-store .text{color: #ec6ea8; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.app-download .btn-center .apple-store:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.app-download .btn-center .google-play{border: #070068 2px solid; height: 50px; border-radius: 6px; padding: 0 25px; width: auto;}
.app-download .btn-center .google-play i{margin-right: 10px}
.app-download .btn-center .google-play span{background: #050049}
.app-download .btn-center .google-play .text{color: #070068; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.app-download .btn-center .google-play:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

@keyframes circlelarge {
	0% {
    border: #baf2ff 150px solid;
    transform: scale(1);
  }
  50% {
    border: #efe3d7 75px solid;
    transform: scale(0.7);
  }
	100% {
    border: #baf2ff 150px solid;
    transform: scale(1);
  }
}

@keyframes borderanimation {
	0% {
    border: #ec6ea8 50px solid;
    transform: scale(1);
  }
  50% {
    border: #070068 50px solid;
    transform: scale(0.7);
  }
	100% {
    border: #ec6ea8 50px solid;
    transform: scale(1);
  }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.video-section{ width: 100%;  position: relative;  padding:100px 0px; }
.video-section h2{font-family:'GROBOLD'; font-size: 60px; font-weight: 700; color: #070068; line-height: 60px; margin: 0 0 20px 0; text-align: center;}
.video-section p{font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; color: #000000; margin: 0 auto 40px auto; width: 60%}
.video-section .video-block{width: 950px; margin: 0 auto;  position: relative; z-index: 2;  overflow: hidden; height: 535px; border: #000 5px solid; border-radius: 30px;}
.video-section .video-block iframe{width: 100%; height: 100%}
.video-section .video-block video{width: 100%;border-radius: 30px;}
.video-section .circle-animation {position: absolute; width: 580px; height: 580px; bottom: 40px; left: 50%; margin-left: -290px; animation-name: spin; animation-duration: 15000ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.video-section .circle-animation img{width: 100%}
.video-section .btn-center{display: flex; justify-content: center; margin: 40px 0}
.video-section .btn-center a{margin: 0 10px}
.video-section .btn-center .apple-store{border: #ec6ea8 2px solid; height: 50px; border-radius: 6px}
.video-section .btn-center .apple-store i{margin-right: 10px}
.video-section .btn-center .apple-store span{background: #ec6ea8}
.video-section .btn-center .apple-store .text{color: #ec6ea8; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.video-section .btn-center .apple-store:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.video-section .btn-center .google-play{border: #070068 2px solid; height: 50px; border-radius: 6px}
.video-section .btn-center .google-play i{margin-right: 10px}
.video-section .btn-center .google-play span{background: #050049}
.video-section .btn-center .google-play .text{color: #070068; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.video-section .btn-center .google-play:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.review-slider-section{ width: 100%;  position: relative;  padding:100px 0px;background: #baf2ff; }
.review-slider-section h2{font-family:'GROBOLD'; font-size: 60px; font-weight: 700; color: #070068; line-height: 60px; margin: 0 0 20px 0; text-align: center;}
.review-slider-section p{font-weight: 500; font-size: 20px; line-height: 24px;  color: #000000; margin: 0 0 40px 0; text-align: center;}
.review-slider-section .content-main-area{background: #baf2ff; border-radius: 50px; max-width: 1300px; margin: 0 auto; position: relative;}
.review-slider-section .content-main-area .review-box{background: #fff; border-radius: 15px; padding: 70px 20px 20px 20px; filter: drop-shadow(10px 10px 15px rgba(128, 123, 123, 0.2)); margin: 35px 0px 65px 0px; text-align: center; position: relative;}
.review-slider-section .content-main-area .review-box::before{content: ''; position: absolute; top: -20px; background: url(../images/quote-icon.png) center center no-repeat; width: 90px; height: 72px; left: 50%; margin-left: -45px; }
.review-slider-section .content-main-area .review-box .msg{font-size: 18px; font-weight: 500; font-style: italic; color: #000; margin: 0; line-height: 26px}
.review-slider-section .content-main-area .review-box .photo{width: 80px; height: 80px; margin: 20px auto; border-radius: 50%; overflow: hidden; position: relative;}
.review-slider-section .content-main-area .review-box .photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.review-slider-section .content-main-area .review-box .name{font-weight: 700; color: #070068; font-size: 20px; line-height: 20px}
.review-slider-section .content-main-area .review-box .name span{font-weight: 400; color: #ec6ea8; font-size: 14px; display: block; text-transform: uppercase;}
.review-slider-section .owl-dots{display: none}
.review-slider-section .owl-nav{position: absolute; bottom: 0px; left: 50%; margin-left: -55px}
.review-slider-section .owl-nav .owl-prev{width: 50px; height: 50px; background: #ec6ea8 !important; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-next{width: 50px; height: 50px; background: #ec6ea8 !important; border-radius: 50%; transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-prev img{ width:100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-next img{width:100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-prev.disabled, .work-section .work-slider .owl-nav .owl-next.disabled{opacity: 0.5}
.review-slider-section .owl-nav .owl-next:hover{background: #070068 !important; transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-next:hover img{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-prev:hover img{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.review-slider-section .owl-nav .owl-prev:hover{background:  #070068 !important; transition: all 0.5s ease;}

.blog-slider-section{ width: 100%;  position: relative;  padding:100px 0px; }
.blog-slider-section h2{font-family:'GROBOLD'; font-size: 60px; font-weight: 700; color: #070068; line-height: 60px; margin: 0 0 20px 0; text-align: center;}
.blog-slider-section p{font-weight: 500; font-size: 20px; line-height: 24px;  color: #000000; margin: 0 0 40px 0; text-align: center;}
.blog-slider-section .content-main-area{ max-width: 1300px; margin: 0 auto; position: relative;}
.blog-slider-section .content-main-area .blog-box{background: #fff; border-radius: 15px; padding: 20px; margin: 0px;  position: relative; margin-bottom: 65px}
.blog-slider-section .content-main-area .blog-box.color-1{background: #ec6ea8}
.blog-slider-section .content-main-area .blog-box.color-2{background: #fbbb11}
.blog-slider-section .content-main-area .blog-box.color-3{background: #6dbe6b}
.blog-slider-section .content-main-area .blog-box.color-4{background: #ef694b}
.blog-slider-section .content-main-area .blog-box.color-5{background: #a479e2}
.blog-slider-section .content-main-area .blog-box .photo-area{border-radius: 10px; overflow: hidden; border: #fff 2px solid}
.blog-slider-section .content-main-area .blog-box h3{font-size:24px; font-weight: 700; color: #fff; margin: 15px 0; line-height: 30px}
.blog-slider-section .content-main-area .blog-box p{font-size: 18px; font-weight: 400; color: #fff; margin: 0; line-height: 26px; text-align: left;}
.blog-slider-section .owl-dots{display: none}
.blog-slider-section .owl-nav{position: absolute; bottom: 0px; left: 50%; margin-left: -55px}
.blog-slider-section .owl-nav .owl-prev{width: 50px; height: 50px; background: #ec6ea8 !important; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-next{width: 50px; height: 50px; background: #ec6ea8 !important; border-radius: 50%; transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-prev img{ width:100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-next img{width:100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-prev.disabled,
.blog-slider-section .owl-nav .owl-next.disabled{opacity: 0.5}
.blog-slider-section .owl-nav .owl-next:hover{background: #070068 !important; transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-next:hover img{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-prev:hover img{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.blog-slider-section .owl-nav .owl-prev:hover{background:  #070068 !important; transition: all 0.5s ease;}


.gameui-section{ width: 100%;  position: relative;  padding:100px 0px; background: #baf2ff;}
.gameui-section h2{font-family:'GROBOLD'; font-size: 60px; font-weight: 700; color: #070068; line-height: 60px; margin: 0 0 20px 0; text-align: center;}
.gameui-section p{font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; color: #000000; margin: 0 auto 40px auto; width: 60%}
.gameui-section .owl-nav .owl-prev{width: 50px; height: 50px; background: #ec6ea8 !important; border-radius: 50%; transition: all 0.5s ease; position: absolute; top: 50%; left: -25px; margin-top: -25px}
.gameui-section .owl-nav .owl-next{width: 50px; height: 50px; background: #ec6ea8 !important; border-radius: 50%; transition: all 0.5s ease; position: absolute; top: 50%; right: -25px; margin-top: -25px}
.gameui-section .owl-nav .owl-prev img{ width:100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.gameui-section .owl-nav .owl-next img{width:100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.gameui-section .owl-dots{display: none}
.gameui-section .owl-nav .owl-next:hover{background: #070068 !important; transition: all 0.5s ease;}
.gameui-section .owl-nav .owl-next:hover img{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.gameui-section .owl-nav .owl-prev:hover img{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.gameui-section .owl-nav .owl-prev:hover{background:  #070068 !important; transition: all 0.5s ease;}
.gameui-section .img-block img{width: 100%; border-radius: 30px; border: #000 5px solid}

.footer-main{background: #baf2ff; border-top: 25px #8ad8ea solid; text-align: center; padding: 80px 0}
.footer-main ul.social{margin: 25px 0; padding: 0px; list-style: none; display: flex; justify-content: center;}
.footer-main ul.social li{margin:0 5px;}
.footer-main ul.social li a{width: 40px; height: 40px; background: #ec6ea8; color: #fff; font-size: 18px; line-height: 42px; border-radius: 50%; text-align: center;}
.footer-main ul.social li a:hover{background: #070068}
.footer-main .btn-center{display: flex; justify-content: center; margin-bottom: 25px}
.footer-main .btn-center a{margin: 0 10px }
.footer-main .btn-center .apple-store{border: #ec6ea8 2px solid; height: 50px; border-radius: 6px; width: auto; padding: 0 40px}
.footer-main .btn-center .apple-store i{margin-right: 10px}
.footer-main .btn-center .apple-store span{background: #ec6ea8}
.footer-main .btn-center .apple-store .text{color: #ec6ea8; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.footer-main .btn-center .apple-store:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.footer-main .btn-center .google-play{border: #070068 2px solid; height: 50px; border-radius: 6px; width: auto; padding: 0 40px}
.footer-main .btn-center .google-play i{margin-right: 10px}
.footer-main .btn-center .google-play span{background: #050049}
.footer-main .btn-center .google-play .text{color: #070068; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; text-transform: uppercase;}
.footer-main .btn-center .google-play:hover .text{color: #fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.copyright {font-size: 14px; font-weight: 500; text-transform: uppercase;}


.common-page{ width: 100%;  position: relative;  padding:80px 0 150px 0px}
.common-page h2{font-family:'GROBOLD'; font-size: 60px; color: #070068; line-height: 60px; margin: 30px 0; letter-spacing: 2px}
.common-page h3{font-family:'GROBOLD'; font-size: 30px; color: #070068; line-height: 30px; margin: 0 0 15px 0; letter-spacing: 2px}
.common-page p{font-size: 18px; line-height: 26px;  color: #000; margin: 0 0 15px 0;}
.common-page ul{list-style: circle; padding-left: 15px}
.common-page ul li{font-size: 18px; line-height: 26px;  color: #000; list-style: disc;}
.common-page .icon1{position: absolute; bottom: -6px; left: 30%; width: 130px}
.common-page .icon2{position: absolute; bottom: -6px; right: 30%; width: 130px}
.common-page .icon5{position: absolute; top:100px; right:15px; width: 154px}
.common-page .container{position: relative; z-index: 2}