body{

  font-family: 'Lato', sans-serif !important;

  background-color: #f5f7fb;

}



.fixed-top {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030;

}



.header{

  padding-top: 0px;

  padding-bottom: 0px;

  border-bottom: none;

  border-color: transparent;

  background-color: transparent;

}



.header .navbar-brand img{

  height: 40px;

}



.header .navbar .navbar-nav .nav-link{

  color: #fff;

  font-weight: 400;

  padding: 7px 0;

  cursor: pointer;

  position: relative;

  background: transparent;

}



.header .navbar .navbar-nav .active > .nav-link{

  color: #fff !important;

  width: 100%;

  font-weight: 600;

}



.header .navbar .navbar-nav .nav-link:hover{

  color: #fff !important;

  width: 100%;

  font-weight: 600;

}



.header .navbar li {

  position: relative;

  line-height: 1em;

  padding: 10px 20px;

}



.header .navbar ul.navbar-nav li.nav-item.active:before, .header .navbar ul.navbar-nav li.nav-item:hover:before{

  content: "";

  height: 5px;

  margin: 0 auto;

  width: 90%;

  position: absolute;

  background-color: #fff;

  background: linear-gradient(45deg,#fff 0,#fff 100%);

  left: 0;

  top: 0;

  right: 0;

  border-radius: 10px;

}





.header .navbar .menu-item-list .dropdown-menu .dropdown-item{

 padding: 1rem 1.5rem;

}



.header .navbar .menu-item-list .dropdown-menu {

  margin-top: 2px;

  padding: 0;

  background-color: #fff;

  border: 1px solid #ccc;

  border: 1px solid rgba(0,0,0,0.15);

  border-radius: 4px;

  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);

  box-shadow: 0 6px 12px rgba(0,0,0,0.175);

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

}



.header .navbar .navbar-toggler {

  font-size: 24px;

  color: #fff;

  border: none;

}



.header .btn-login{

  padding-left: 20px;

  padding-right: 10px;

  color: #fff!important;

}



.header .sign-up{

  padding: 2px 15px;

}



.header .btn-outline-primary.sign-up{

  border-color: #fff!important;

  color: #fff !important;

  z-index: 9999;

}



.header a.btn-outline-primary.sign-up:hover{

  background: #fff!important;

  color: #333357!important;

  z-index: 9999;

}



/*section banner*/

section.banner{

  min-height: 300px;

  position: relative;

  overflow: hidden;

  padding: 100px 0 100px 0;

  background: linear-gradient(to bottom right,#ff6807 0%,#ffb600cc 100%);

  background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%);

  background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%);

  background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%);

  background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%);

}



section.banner .contents{

  padding-top: 40px;

  color: #fff;

}



section.banner .contents .head-title{

  font-size: 50px;

  line-height: 60px;

  margin-bottom: 10px;

  font-weight: 600;

  font-family: 'Source Sans Pro', sans-serif;

}



section.banner .contents p{

  font-weight: 400;

  font-family: 'Open Sans', sans-serif;

  margin: 0px;

  font-size: 14px;

  line-height: 25px;

  color: #fff;

}



section.banner .contents .head-button{

  color: #222222;

}





section.banner .contents .head-button .btn-outline-primary.sign-up{

  color: #b85ade;

  font-weight: 600;

  background: #fff;

  border-color: #fff;

  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);

}



section.banner .contents .head-button .btn-outline-primary.sign-up:hover{

  color: #b85ade;

  font-weight: 600;

  background: linear-gradient(45deg,#db17cb 0,#febe06 100%);

  border-color: #fff;

}



section.banner .intro-img img{

  animation: float 5s infinite ease-in-out;

}



section.core-services:before{

  content: "";

  position: absolute;

  top: -100px;

  left: 0;

  width: 100%;

  height: 390px;

  background: #b85ade url(../images/wave_background.svg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center bottom;

}



section.core-services{

  position: relative;

  padding: 289px 0 0px 0;

}





/*section our-services*/

section.our-services{

  color: #212529;

  position: relative;

  padding: 100px 0;

  background: #fff;

}



section.our-services .contents .head-title{

  font-size: 50px;

  font-weight: 600;

  font-family: 'Source Sans Pro', sans-serif;

  color: #212529;

}



section.our-services .contents .border-line {

  height: 5px;

  width: 250px;

  background: #ff7802;

  margin: 20px auto;

  position: relative;

  border-radius: 30px;

}



section.our-services .contents .border-line::before {

  content: '';

  position: absolute;

  left: 0;

  top: -4.7px;

  height: 15px;

  width: 15px;

  border-radius: 50%;

  background: #ff7802;

  -webkit-animation-duration: 3s;

  animation-duration: 5s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-name: moveIcon;

  animation-name: moveIcon;

}





section.our-services .contents .desc{

  font-size: 18px;

  font-weight: 500;

}



section.our-services .feature-item{

  padding: 20px;

  margin-top: 20px;

  margin-bottom: 20px;

  min-height: 420px;

  max-width: 400px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



section.our-services .feature-item .animation-box{

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



section.our-services .feature-item .animation-box:before{

  content: "";

  width: 205px;

  height: 205px;

  background: url(../images/three_dot_circle.svg) no-repeat center center;

  display: block;

  animation: rotation 8s linear 0s infinite;

}



section.our-services .feature-item .animation-box .icon{

  position: absolute;

  font-size: 40px;

}



section.our-services .feature-item i{

  font-size: 50px;

  display: block;

  margin-bottom: 15px;

  color: #c679e3!important;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}

section.our-services .feature-item p{

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



section.our-services .feature-item:hover {

  box-shadow: 0 0 12px #434343;

}



section.our-services .feature-item h3{

  font-weight: 200;

  font-size: 30px;

}



section.our-services .feature-item p{

  margin-bottom: 30px;

  color: #666 !important;
}



/*about-area*/

section.about-area{

  background: #fff;

  min-height: 650px;

  position: relative;

  overflow: hidden;

  padding: 110px 0 80px;

}



section.about-area .contents{

  padding: 40px;

}



section.about-area .contents .head-title{

  color: #222222;

  font-size: 30px;

  font-weight: 700;

  line-height: 60px;

  margin-bottom: 10px;

  font-family: 'Open Sans', sans-serif;

}



section.about-area .contents p{

  font-weight: 400;

  font-family: 'Open Sans', sans-serif;

  margin: 0px;

  font-size: 16px;

  line-height: 25px;

  color: #777;

}



section.about-area .contents .head-button{

  margin-top: 30px;

  color: #222222;

}



.about-area .btn-signin{

  color: #fff;

}



/*section how it works*/

section.how-it-works{

  padding: 100px 0;

  position: relative;

  background: #ff7903;

  background: -webkit-linear-gradient(45deg, #ff7903, #f8a029) !important;

  background: -moz- oldlinear-gradient(45deg, #ff7903, #f8a029) !important;

  background: -o-linear-gradient(45deg, #ff7903, #f8a029) !important;

  background: linear-gradient(45deg, #ff7903, #f8a029) !important;

  color: #fff;

  z-index: 100;

}



.how-it-works:before{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-image: url(../images/bg_how_it_works.webp);

  background-position: center center;

  background-attachment: fixed;

  opacity: 0.1;

  z-index: -99;

}



section.how-it-works .header-top{

  padding-bottom: 80px;

}



section.how-it-works .header-top .title{

  font-size: 40px;

  font-weight: 600;

  font-family: 'Source Sans Pro', sans-serif;

}



section.how-it-works .step-lists .step{

  position: relative;

  padding-bottom: 75px;

}



section.how-it-works .step-lists .step .bg-number{

  position: absolute;

  font-size: 12rem;

  top: -130px;

  left: 0px;

  z-index: -1;

  font-weight: bold;

  color: rgb(244, 124, 1);

  font-family: 'Source Sans Pro', sans-serif;

}





/*section-1*/

section.reviews{

  color: #212529;

  position: relative;

  padding: 100px 0;

  background: #ffffff;

}



section.reviews .contents .head-title{

  font-size: 50px;

  font-weight: 600;

  font-family: 'Source Sans Pro', sans-serif;

}



section.reviews .item{

  padding: 40px 20px;

}



section.reviews .item .person-info .name{

  font-family: 'Arvo', serif;

  font-size: 18px;

  color: black;

  margin-bottom: 2px!important;

}



section.reviews .item .desc{

  color: #7e7e7e;

  font-size: 14px;

  line-height: 1.6;

}



section.reviews .item .star-icon{

  color: hsl(46, 100%, 49%);

}







/*section 3*/



section.section-3{

  color: #fa7778;

  position: relative;

  padding: 60px 0 40px;

  background: linear-gradient(45deg,#9a56ff 0,#e36cd9 100%);

  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);

  color: #fff;

}





.animatation-box-1 {

  position: relative;

}



.animated{

  position: absolute;

}



.icon1 {

  left: -138px;

  animation: LTRScale 5s infinite ease-in-out;

}

.icon2 {

  top: 450px;

  right: -60px;

  animation: rotation 10s infinite ease-in-out;

}



.icon3{

  top: 500px;

  left: -20px;

  right: 30px;

  z-index: 1;

  height: 80px;

  animation: fadeRTL 4s infinite ease-in-out;

}



.animation-2{

  position: relative;

}



.animation-2 .intro-img{

  animation: float 3s ease infinite;

}



.animation-2 .icon-1{

  left: 300px;

  height: 30px;

  animation: fade-up 1.8s infinite ease-in-out;

}



.animation-2 .icon-2{

  left: 460px;

  top: 76px;

  animation: fade-up 1.1s infinite ease-in-out;

}



.animation-2 .icon-3{

  left: 224px;

  top: -60px;

  animation: fadeLTR 1.5s infinite ease-in-out;

}



.animation-2 .icon-4{

  left: -14px;

  top: -32px;

  height: 35px;

  animation: heartBeat 1.1s infinite ease-in-out;

}



.animation-2 .icon-5{

  left: 525px;

  top: 171px;

  height: 40px;

  animation: tada 1.8s infinite ease-in-out;

}



.animation-2 .icon-6{

  left: 117px;

  top: -75px;

  height: 35px;

  animation: tada 1.8s infinite ease-in-out;

}



.animation-2 .icon-7{

  top: -61px;

  left: 350px;

  height: 35px;

  animation: tada 1.8s infinite ease-in-out;

}



.animation-2 .icon-10{

  left: -62px;

  top: 107px;

  animation: tada 1.8s infinite ease-in-out;

}



.animation-2 .icon-tree{

  bottom: -4px;

  height: 135px;

  animation: float 3s ease infinite;

}



/*reponsive*/



@media (min-width: 1280px){

  .container {

    max-width: 85%;

  }

}



@media (max-width: 768px){

  .header .navbar .menu-item-list .dropdown-menu {

    margin-top: 10px;

  }

}



.header.shrink{

  background: #fff!important;

  box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.06)!important;

}



.header.shrink .navbar .navbar-nav .nav-link{

  color: #22012f ;

  cursor: pointer;

  position: relative;

  background: transparent;

}



.header.shrink .navbar .navbar-nav .active > .nav-link{

  color: #ff7a03 !important;

}



.header.shrink .navbar .navbar-nav .nav-link:hover{

  color: #ff7a03 !important;

}



.header.shrink .navbar ul.navbar-nav li.nav-item.active:before, .header.shrink .navbar ul.navbar-nav li.nav-item:hover:before{

  content: "";

  height: 5px;

  margin: 0 auto;

  width: 90%;

  position: absolute;

  background-color: #fea921;

  background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%);

  background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%);

  background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%);

  background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%);

}



.header.shrink .btn-login{

  color: #22012f!important;

  

}



.header.shrink .btn-login:hover{

  color: #fea921!important;

  font-weight: 600;

}



.header.shrink .sign-up{

  padding: 2px 15px;

}



.header.shrink .btn-outline-primary.sign-up{

  border-color: #b85ade!important;

  color: #22012f !important;

  z-index: 9999;

}



.header.shrink a.btn-outline-primary.sign-up:hover, .header a.btn-outline-primary.btn-statistics{

  font-weight: 600;

  color: #fff!important;

  z-index: 9999;

  border-color: #fea921!important;

  background-color: #fea921!important;

  background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;

  background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;

  background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;

  background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%)!important;

}



@media (max-width: 768px){

  .header .navbar .navbar-nav{

    margin:10px -35px 0px !important;

  }



  .header .navbar .site-logo-white{

    display: none!important;

  }  

  .header .navbar .site-logo{

    display: block!important;

  }



  .header .navbar .navbar-nav li{

    line-height: 1em;

    padding: 8px 38px;

  }



  .header .navbar ul.navbar-nav li.nav-item.active:before, .header .navbar ul.navbar-nav li.nav-item:hover:before{

    display: none;

  }

  .header .navbar .navbar-toggler{

    color: #333;

  } 

  .header .btn-login-signup{

    padding: 10px;

  }



  .header .btn-login{

    padding-left: 0px!important;

  }



  .header{

    background: #fff!important;

    box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.06)!important;

  }



  .header .navbar .navbar-nav .nav-link{

    color: #22012f ;

    cursor: pointer;

    position: relative;

    background: transparent;

  }



  .header .navbar .navbar-nav .active > .nav-link{

    color: #ff7a03 !important;

  }



  .header .navbar .navbar-nav .nav-link:hover{

    color: #ff7a03 !important;

  }



  .header .navbar ul.navbar-nav li.nav-item.active:before, .header.shrink .navbar ul.navbar-nav li.nav-item:hover:before{

    content: "";

    height: 5px;

    margin: 0 auto;

    width: 90%;

    position: absolute;

    background-color: #fea921;

    background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%);

    background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%);

    background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%);

    background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%);

  }



  .header .btn-login{

    color: #22012f!important;

    

  }



  .header .btn-login:hover{

    color: #fea921!important;

    font-weight: 600;

  }



  .header .sign-up{

    padding: 2px 15px;

  }



  .header .btn-outline-primary.sign-up{

    border-color: #b85ade!important;

    color: #22012f !important;

    z-index: 9999;

  }



  .header a.btn-outline-primary.sign-up:hover, .header a.btn-outline-primary.btn-statistics{

    font-weight: 600;

    color: #fff!important;

    z-index: 9999;

    border-color: #fea921!important;

    background-color: #fea921!important;

    background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;

    background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;

    background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;

    background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%)!important;

  }

  

  section.about-area .contents, section.banner .contents {

    text-align: center;

  }  

  

  section.banner .box-image{

    margin-top: 150px!important;

  }

}



@media (min-width: 1280px){

  .container {

    max-width: 1200px;

  }

}





.auth-login-form{

  width: 100%;

  min-height: 100vh;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  padding: 15px;

  background-image: url(../images/bg_auth.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.auth-login-form .form-login{

  width: 500px;

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

  padding: 65px 55px 54px 55px;

}



.auth-login-form .form-login .site-logo{

  padding-bottom: 20px;

}



.auth-login-form .form-login .site-logo img{

  max-height: 60px;

}



.auth-login-form .form-login .btn-submit{

  height: 50px;

  color: #fff;

  text-transform: uppercase;

}



.auth-login-form .form-login .btn-submit, .about-area .btn-signin{

  background-image: linear-gradient(to right, #FEAC5E 0%, #C779D0 51%, #FEAC5E 100%);

}



.section-3 .btn-signin{

  color: #fff;

  background-image: linear-gradient(to right, #ff00cc 0%, #333399 51%, #ff00cc 100%);

}





.btn-gradient {

  text-align: center;

  transition: 0.5s;

  background-size: 200% auto;

  text-shadow: 0px 0px 10px rgba(0,0,0,0.2);

  box-shadow: 0 0 20px #eee;

}



.btn-gradient:hover {

  background-position: right center;

}



.header .dropdown-menu {

  margin-top: 0rem;

}



.header .navbar-nav li:hover > ul.dropdown-menu {

  display: block;

}



.header .dropdown-menu{

  padding: 0px;

  border: none;

  border-radius: 0px;

  min-width: 200px;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

  -webkit-transition: all 150ms linear;

  transition: all 150ms linear;

}



.header .dropdown-menu li.dropdown-submenu:hover{

  background-color: hsl(0, 8%, 97%);

}



.header .dropdown-menu li.dropdown-submenu:hover>a{

  color: #ff7a03;

}



.header .dropdown-menu li.dropdown-submenu:hover>a:after{

  transform: rotate(-90deg);

}



.header .dropdown-item{

  color: black;

}



.header .dropdown-item:hover, .dropdown-item:focus {

 background-color: hsl(0, 8%, 97%);

 color: #ff7a03; 

}



.header .navbar .dropdown-menu li {

  padding: 10px 10px;

}



.header .dropdown-submenu {

  position:relative;

}



.header .dropdown-submenu>.dropdown-menu {

  top:0;

  left:99.99%;

}



/* rotate caret on hover */

.header .dropdown-menu > li > a:hover:after {

  text-decoration: underline;

  transform: rotate(-90deg);

}



@media (max-width: 768px){

  .header .dropdown-menu {

    margin-top: 0.75rem;

    border: none;

    box-shadow: none;

  }



  .header .dropdown-menu li.dropdown-submenu:hover, .header .dropdown-menu li.dropdown-submenu:hover>a{

    background-color: #fff;

  }

}







/*section services list*/

section.services-list{

  color: #212529;

  position: relative;

  padding: 40px 0;

  background: #fff;

}



section.services-list .social-item{

  margin-top: 50px;

}



section.services-list .social-item .img-logo{

  max-width: 100px;

  margin: 0 auto;

  margin-bottom: 30px;

}



section.services-list .social-item .content .title{

  margin-bottom: 10px;

  font-size: 20px;

}





section.services-list .social-item .buy-button {

  border-radius: 4px;

  background: linear-gradient(to right, #67b26b, #4ca2cb) !important;

  border: none;

  color: #FFFFFF;

  transition: all 0.4s;

  cursor: pointer;

  margin: 5px;

}



section.services-list .social-item .buy-button span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.4s;

}



section.services-list .social-item .buy-button span:after {

  font-family: 'feather' !important;

  content: '\e911';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



section.services-list .social-item .buy-button:hover span {

  padding-right: 25px;

  color: #FFFFFF;

}



section.services-list .social-item .buy-button:hover span:after {

  opacity: 1;

  right: 0;

  color: #FFFFFF;

}



section.services-list .social-item.youtube .buy-button{

  background: #f44336 !important;

}



section.services-list .social-item.spotify .buy-button{

  background: #8bc34a !important;

}



section.services-list .social-item.instagram .buy-button{

  background: #b84192 !important;

}



section.services-list .social-item.soundcloud .buy-button{

  background: #ff9800 !important;

}



section.services-list .social-item.facebook .buy-button{

  background: #1976d2 !important;

}



section.services-list .social-item.twitter .buy-button{

  background: #03a9f4 !important;

}



section.services-list .social-item.twitch .buy-button{

  background: #9146ff !important;

}



/*general CSS*/

section.services-list .social-item .buy-button{

  min-width: 240px;

}


.ourServices{padding: 80px 0;text-align: center;}
.ourServices .head-title{font-size: 30px;margin-bottom: 80px;font-weight: bold;}
.ourServices.mainServices .feature-item {background:#fff;border: 2px solid #b030db;margin-bottom: 40px;padding: 20px;border-radius: 100%;width: 330px;height: 330px;position: relative;}
.ourServices.mainServices .feature-item::after {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #f14f60cf;content: "";border-radius: 50%;display: none;}
.ourServices.mainServices .feature-item:hover{}
.ourServices.mainServices .feature-item h3 {font-size: 20px;}
.ourServices.mainServices .feature-item p {font-size: 13px;line-height: 24px;}
.ourServices.mainServices .feature-item a {position: absolute;top: 150px;left: 100px;background: #ffd17a;width: 140px;display: none;color: #fff;height: 50px;line-height: 47px;font-size: 16px;border-radius: 30px;z-index: 1050;}
.ourServices.mainServices .feature-item:hover a, .ourServices.mainServices .feature-item:hover::after{display: inline-block;}
.ourServices.mainServices .feature-item a:hover{opacity: .8;text-decoration: none;}
.extraContent{text-align: center;padding: 80px 0;background: #fff;}
.allServices a{width: 180px;}
.ourServices.allServices{}

/*FAQ*/
section.faq, section.contact{padding: 100px 0 100px; position: relative;background: linear-gradient(360deg, #ff7700 0%, #f4d19a 100%);z-index: 100;}
section.faq:before , section.contact:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-image: url(../../../../assets/images/bg_how_it_works.webp);background-position: center center;background-attachment: fixed;opacity: 0.1;z-index: -99;}
section.faq .faq-header{text-align: center;padding-bottom: 50px;}
section.faq .faq-header .title{font-size: 40px;font-weight: 600;color: #fff;}
section.faq .faq-item .card{box-shadow: 0px 2px 2px #a38c73;}
section.faq .faq-item .card-title{font-weight: 600;}
section.faq .faq-item .bg-question{color: #f16334; }
/*Home Faq*/
.faq.home-faq-area {background: transparent;}
.faq.home-faq-area::before{background: transparent;}
.faq.home-faq-area h2.title-name{color: #333;}
.faq.home-faq-area .text-white span{color: #333 !important;}
.faq.home-faq-area .card {background-color: #fcfcfc;}

/*new content Area*/
.new-content-area {background: #fff;padding: 80px;}
.new-content-area h2{text-align: center;}
.new-content-area h3{}
.new-content-area p{}
.new-content-area p strong{}

section.reviews.reviews-homepage {background: transparent;}
/*NOTE*/
.note{padding: 100px;background: #fff;}

/* IG Services New Section */
.ig-services-wrap{background: linear-gradient(0deg, #FFF0 0%, #FFF 55%);padding: 30px 0 70px;}
.ig-services-head{}
.ig-services-head h3{}
.ig-services-head h3 span{font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.2px;margin: 0em 0em 0em 0em;padding: 5px 12px 6px 12px;color: #1C4F8D;background: #e6ebf2;border-radius: 20px;}
.ig-services-head h2{color: #1C4F8D;font-family: "Poppins", Sans-serif;font-size: 33px;font-weight: 700;margin: 25px 0;}
.ig-services{padding: 50px;}
.ig-services .col-lg-6{}
.single-ig-service{position: relative;transition: background .3s,box-shadow .3s;margin: 0px 0px 30px 0px;padding: 35px 65px 40px 50px;background-color: #FFFFFF;border-radius: 15px 15px 15px 15px;box-shadow: 0px 30px 70px 0px rgba(26.999999999999986, 31.999999999999957, 74.99999999999999, 0.07);display: flex;flex-wrap: wrap;}
.single-ig-service a{position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.single-ig-service:hover{background: #1A4265;color: #fff;}
.single-ig-service .icon-box, .single-ig-service .description-box{}
.single-ig-service .icon-box{width: 40px;}
.single-ig-service .description-box{width: calc(100% - 40px);}
.single-ig-service i{font-size: 24px;}
.single-ig-service h3{font-size: 20px;letter-spacing: 1px;}
.single-ig-service p{margin: 0;font-size: 14px;line-height: 25px;letter-spacing: .3px;}

/*New Services Section*/
.all-services-wrap{}
.all-services-wrap .head-title{}
.all-services-wrap .head-title h4{}
.all-services-wrap .col-sm-6{}
.stepsbox {width: 90%;background: #fff;padding: 30px 30px 30px 50px;position: relative;border-radius: 10px;display: table-cell;text-align: left;box-shadow: 0px 0px 20px 0px #d2daea;}
.stepsbox img {position: absolute;left: -25px;top: 36%;}
.stepsbox h3 {font-size: 22px;font-weight: 400;}
.stepsbox p {margin-bottom: 0;}



@media only screen and (max-width: 600px) {
.single-ig-service .icon-box, .single-ig-service .description-box{width: 100%;}
.ig-services {padding: 50px 0;}
.single-ig-service {padding: 25px 20px 30px;}
.single-ig-service .icon-box{margin-bottom: 10px;}
.ig-services-wrap {padding: 30px 0;}
}



p{font-size: 15px;letter-spacing: 1px;line-height: 28px;}