/*
 * Title:  Vally - Corporate Business Agency HTML5 Template
 * Author: smartsoftcode Teams
 */

/* --------------------------------------------------------
[Table of contents]
1. Global styles
2. Menu styles
3.Banner
4.Banner Down 
5.About us
6.Services
7.Video promo
8.Services
9.Price Table
10.Fun fact
11.Our Team 
12.Testimonials
13.Our Blog
14.Call to action
15.Partner logo
16.Footers
17.Home 2
18.Home 3
19.About us
20.Contact page
21.404 page
22.Portfolio 1
23.Service page
24.Service detail page
25.Responsive

[End table of contents]
----------------------------------------------------------------------- */

/* ------------------------------
   Global styles
---------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline; }



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



body {

  line-height: 1; }



ol, ul {

  list-style: none; }



blockquote, q {

  quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



body {

  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;

  line-height: 26px;

  letter-spacing: 0; }



img {

  max-width: 100%; }



a,

a:hover,

a:focus {

  cursor: pointer !important;

  outline: none;

  text-decoration: none; }



h1,

h2,

h3,

h4,

h5,

h6 {

 font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  
  color: #1e2c34;

  margin: 0;

  padding: 0; }



ul, li {

  margin: 0;

  padding: 0;

  list-style: none; }



strong {

  font-weight: 700; }



/* This only works with JavaScript, 
        if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url(../images/loader_ico.gif) center no-repeat #fff;
}

/*typography*/
h1{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #171717;
  font-size: 46px;
  line-height: 53px;
}
h3{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #171717;
  font-size: 30px;
  line-height: 40px;
}
h4{
  font-family: 'Josefin Sans', sans-serif;
  color: #171717;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #171717;
  font-size: 18px;
  line-height: 28px;
}
p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #656363;
  font-size: 14px;
  line-height: 24px;
}

.py-90{
  padding:90px 0;
}
.pt-90{
  padding-top: 90px;
}
.pb-90{
  padding-bottom: 90px;
}

/* -------------------------------- 

menue style

-------------------------------- */

/*secondary nav*/
.topBarFist{
  width: 100%;
  background-color: #571f9c;
  padding:10px 0;
}
.topBarFist .dropdown .btn {
    background: transparent;
    border: 0;
    color: #fff;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}
.right_infoTop li {
    display: inline-block;
    text-align: right;
    display: inline-block;
    padding-left: 10px;
}

.right_infoTop {
    width: 100%;
    display: inline-block;
    text-align: right;
}

.right_infoTop li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
}

.right_infoTop li a i {
    font-size: 20px;
    color: #ff6600;
    padding-right: 5px;
    vertical-align: middle;
}

/*start menu section*/
.header-logo-menu{
  position: absolute;
    top: 55px;
    z-index: 11;
    width: 100%;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.header-logo-menu.active_sc{
  position: fixed !important;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0px 5px 14px 0px rgba( 0, 0, 0 ,0.15);
  -moz-box-shadow: 0px 5px 14px 0px rgba( 0, 0, 0 ,0.15);
  box-shadow: 0px 5px 14px 0px rgba( 0, 0, 0 ,0.15);
}

.home2.active_sc .main-menu ul li a{
  color: #232323;
}

.navigatin{
    background-color: transparent;
    padding: 20px 0;
    
}
.main-menu ul{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-menu ul li{
    position: relative;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  text-align: center;
}
.main-menu ul li a.active {
  color: #ff6600;
  border-bottom: 2px solid #ff6600;
}
.main-menu ul li a {
  line-height: normal;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #232323;
  margin-right: -1px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
    display: block;
    text-transform: uppercase;
    display: inline-block;
    padding-top:0;
}


.main-menu ul li a:hover{
   /* background-color: #ca0a0a;
    color: #fff;
    border-color: #ca0a0a;*/
    color: #ff6600;
}

.main-menu ul li .sub-menu{
    display: block;
    position: absolute;
    top: 110%;
    z-index: 99;
    width: 200px;
    background-color: #f6f6f6;
    margin-top: -1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.main-menu ul li .sub-menu-2{
    background: #fff;
}
.main-menu ul li:hover .sub-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main-menu ul li .sub-menu li{
    text-align: left;
}
.main-menu ul li .sub-menu li a{
    display: block;
    border-radius: 0;
    padding: 0 20px;
    line-height: 40px;
}

.main-menu ul li .sub-menu li a:hover{
    padding-left: 30px;
}

.main-menu ul li.search{
  padding-top: 0;
  padding-left: 20px;
}
.main-menu ul li.search .btn{
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  background-color: #571f9c;
}
.main-menu ul li.search .search-form-container .btn{
  background:transparent;
  width: auto;
  height: auto;
  color: #ff6600;
  position: absolute;
  left: 2px;
    top: 18px;
}
.search .navbar-form-search .form-control{
  margin-left: auto;
  margin-right: 10px;
  margin-top: 18px;
}
.search .navbar-form-search .search-form-container{
  top: -20px;
  background-color: #571f9c;
  border-radius: 10px;
}


/*end of menu section*/


.navbar-form-search {
  position: relative;
}
.navbar-form-search .form-control {
  width: 250px;
}
.navbar-form-search .btn {
  border: 0;
  background: transparent;
  font-size: 18px;
}
.navbar-form-search .btn:active, .navbar-form-search .btn:hover, .navbar-form-search .btn:focus {
  color: #000;
  outline: none;
  box-shadow: none;
}
.navbar-form-search .search-form-container {
  text-align: right;
  position: absolute;
  width: 300px;
  overflow: hidden;
  background: #fff;
  right: 60px;
  top: 0;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
.navbar-form-search .search-form-container.hdn {
  width: 0;
}
.navbar-form-search .search-form-container .search-input-group {
  width: 300px;
}



/* -------------------------------- 

close menue style

-------------------------------- */



/* -------------------------------- 

Start Banner  style

-------------------------------- */


.hero-section-tp{
  width: 100%;
  background-color: #eae6ff;
  padding-top: 66px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hero-section-tp:after{
  content: '';
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/banner-shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  z-index: -11;
      left: -200px;
    top: -120px;
}

.banner_right_image img{
  max-width: 906px;
  width: 906px;
  display: inline-block;
  margin-left: -110px;
}

.hero_content_left{
  position: relative;
  z-index: 111;
}
.hero_content_left h1{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #171717;
  font-size: 46px;
  line-height: 53px;
  text-transform: uppercase;
}
.hero_content_left h1 span{
  color: #ff6600;
}
.hero_content_left p{
  padding-top: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #171717;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 24px;
}

.hero_content_left .btn-group .btn:first-child:hover{
  background:transparent;
  color: #571f9c;
}
.hero_content_left .btn-group .btn:first-child:after,
.hero_content_left .btn-group .btn:first-child:before{
  display: none;
}
.hero_content_left .btn-group .btn:first-child{
  background-color: #571f9c;
  color: #fff;
  border-radius: 40px;

}
.hero_content_left .btn-group .btn:hover:after,
.hero_content_left .btn-group .btn:hover:before{
  width: 51%;
}
.hero_content_left .btn-group .btn:after{
  content: '';
  width: 0;
  height: 100%;

  background-color: #571f9c;
  transition: 0.3s all ease;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;

}
.hero_content_left .btn-group .btn:before{
  content: '';
  width: 0;
  height: 100%;

  background-color: #571f9c;
  transition: 0.3s all ease;
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: 0;

}
.hero_content_left .btn-group .btn:hover{
  color: #fff;
}
.hero_content_left .btn-group .btn{
  min-width: 181px;
  width: 100%;
  padding:18px 0;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  border:1px solid #571f9c;
  border-radius: 40px;
  margin-right: 26px;
  margin-top: 20px;
  color: #571f9c;
  text-transform: capitalize;
  transition: 0.5s all ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/*elements*/
.shapesAll{
  position: relative;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shapesAll img{
  position: absolute;
}
.shapesAll img:nth-child(3) {
    top: 10%;
    bottom: auto;
    left: 6%;
    animation:  scale-up-one 5s infinite linear;
}
.shapesAll img:nth-child(5) {
    left: 10%;
    top: 80%;
    animation: animationFramesOne 10s infinite linear;
}
.shapesAll img:nth-child(2) {
    left: 12%;
    top: 5%;
    animation: animationFramesTwo 10s infinite linear;
}
.shapesAll img:nth-child(6) {
    top: 70%;
    left: 5%;
    animation: rotatedHalfTwo 4s infinite linear;
}

.shapesAll img:nth-child(1) {
    left: 30%;
    bottom: 20%;
}

.shapesAll img:nth-child(4) {
    top: 70%;
    left: 20%;
    animation:  animationFramesOne 15s infinite linear;
}

.shapesAll img:nth-child(7) {
    top: 20%;
    left: 40%;
    animation:  rotatedHalfTwo 2s infinite linear;
}

.shapesAll img:nth-child(8) {
    bottom: 20%;
    left: 40%;
    animation:  animationFramesTwo  10s infinite linear;
}

.shapesAll img:nth-child(9) {
    left: 50%;
    top: 20%;
     animation:  scale-up-two 4s infinite linear;
}

/* -------------------------------- 

Close Banner  style

-------------------------------- */


/* -------------------------------- 

Start Banner Down  style

-------------------------------- */

.banner_service_box .row{
  -webkit-box-shadow: 0px 3px 29px 3.65px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 3px 29px 3.65px rgba(0,0,0,0.09);
box-shadow: 0px 3px 29px 3.65px rgba(0,0,0,0.09);
margin-top: -77px;
position: relative;
z-index: 11;
}
.service_boxbn_in{
  width: 100%;
  background: -moz-linear-gradient(90deg, #ffffff 0%, #e7e2fe 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e2fe), color-stop(100%, #ffffff)); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, #ffffff 0%, #e7e2fe 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, #ffffff 0%, #e7e2fe 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, #ffffff 0%, #e7e2fe 100%); /* ie10+ */
  background: linear-gradient(0deg, #ffffff 0%, #e7e2fe 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e2fe', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
  background-color: #e7e2fe;
  padding:22px 0;
  padding-left: 40px;
  position: relative;
}
.service_boxbn_in .icon{
  width: 60px;
  padding-right: 14px;
}
.service_boxbn_in .content{
  max-width: 80%;
  width: 100%;
}
.service_boxbn_in .content h4{
  font-family: 'Josefin Sans', sans-serif;
  color: #171717;
  font-weight: 700;
}
.service_boxbn_in .content p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #656363;
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
}


/* -------------------------------- 

Close Banner Down  style

-------------------------------- */



/* -------------------------------- 

Start About us  style

-------------------------------- */

.about-us{
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-us:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  right: -25%;
  top: 0;
  z-index: -1;
  background-image: url(../images/about-shape-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.about_content_right h5{
  text-transform: uppercase;
  padding-bottom: 16px;
}
.about_content_right h3{
  padding-bottom: 20px;
}
.about_content_right p{
  padding-top: 15px;
  color: #656363;
}
.about_content_right .btn{
  margin-top: 36px;
}
.btn.style2:after{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
}
.btn.style2{
  background-color: #571f9c;
  color: #ffffff;
  padding:14px 26px;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 12px 14px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 12px 14px 2px rgba(0,0,0,0.1);
box-shadow: 0px 12px 14px 2px rgba(0,0,0,0.1);
overflow: hidden;
transition: 0.3s all ease-in-out;
border: 1px solid #571f9c;
}
.btn.style2:hover{
  background-color: transparent;
  color: #571f9c;
}


/* -------------------------------- 

Close About us  style

-------------------------------- */



/* -------------------------------- 

Start services style

-------------------------------- */

.service_bestSec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #fbfaff;
  overflow: hidden;
}
.service_bestSec.py-90{
  padding-top: 60px;
}
.service_bestSec:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -11;
  background-image: url(../images/service-shape.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
}

.title h3{
  padding-bottom: 20px;
}
.title p{
  padding-top: 15px;
  color: #656363;
}
.title .btn{
  margin-top: 36px;
}

.servicesStyleIn{
  width: 100%;
  background-color: #fff;
  padding:34px 24px;
  box-shadow: 0px 20px 40px 0px rgba( 0, 0, 0,0.16 );
  border-radius: 10px;
  margin-top: 30px;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.minus-topRW .col-md-6:nth-child(2){
  margin-top: 70px;
}
.minus-topRW .col-md-6:nth-child(3){
  margin-top: -70px;
}

.servicesStyleIn .icon img{
  display: inline-block;
  vertical-align: middle;
  margin: auto;
}
.servicesStyleIn .icon{
  background-color: #571f9c;
  max-width: 70px;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  height: 67px;
  line-height: 60px;
}
.servicesStyleIn .content{
  padding-top: 24px;
}
.servicesStyleIn .content h4{
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
  margin-bottom: 12px;
}
.servicesStyleIn .content h4:after{
  content: '';
  width: 115px;
  height: 1px;
  background-color: #571f9c;
  position: absolute;
  left: 0;
  bottom: 0;
}
/*hover style*/
.servicesStyleIn:hover{
  background-color: #571f9c;
}
.servicesStyleIn:hover .icon{
  background-color: #fbfaff;
}
.servicesStyleIn:hover h4,
.servicesStyleIn:hover p{
  color: #fbfaff;
}
.servicesStyleIn:hover .content h4:after{
  background-color: #fbfaff;
}
.servicesStyleIn:after{
  content:'';
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 14px solid #642caa;
  position: absolute;
     right: -50px;
    top: -100px;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.servicesStyleIn:before{
  content:'';
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 14px solid #642caa;
  position: absolute;
  right: -150px;
    top:10px;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.servicesStyleIn:hover:before,
.servicesStyleIn:hover:after{
  opacity: 1;
}
.servicesStyleIn:hover:after{
  top: -60px;
}

.servicesStyleIn:hover:before{
  right: -100px;
}

.shapesAll.right img:nth-child(3) {
    top: 10%;
    bottom: auto;
    left:auto;
    right: 6%;
    animation:  scale-up-one 5s infinite linear;
}
.shapesAll.right img:nth-child(5) {
    left:auto;
    right: 10%;
    top: 80%;
    animation: animationFramesOne 10s infinite linear;
}
.shapesAll.right img:nth-child(2) {
    left:auto;
    right: 12%;
    top: 5%;
    animation: animationFramesTwo 10s infinite linear;
}
.shapesAll.right img:nth-child(6) {
    top: 70%;
    left:auto;
    right: 5%;
    animation: rotatedHalfTwo 4s infinite linear;
}

.shapesAll.right img:nth-child(1) {
    left:auto;
    right: 30%;
    bottom: 20%;
}

.shapesAll.right img:nth-child(4) {
    top: 70%;
    left:auto;
    right: 20%;
    animation:  animationFramesOne 15s infinite linear;
}

.shapesAll.right img:nth-child(7) {
    top: 20%;
    left:auto;
    right: 40%;
    animation:  rotatedHalfTwo 2s infinite linear;
}

.shapesAll.right img:nth-child(8) {
    bottom: 20%;
    left:auto;
    right: 40%;
    animation:  animationFramesTwo  10s infinite linear;
}

.shapesAll.right img:nth-child(9) {
    left:auto;
    right: 50%;
    top: 20%;
     animation:  scale-up-two 4s infinite linear;
}


/* -------------------------------- 

Close services style

-------------------------------- */



/* -------------------------------- 

Start Video promo style

-------------------------------- */

.video-promo-sec{
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}

.shapesZi{
  position: relative;
}

.videoPlayerYT{
  position: relative;
  z-index: 2;
  width: 100%;
  background-image: url(../images/video-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 154px 0;
  text-align: center;
}
.shapesZi .shapes{
  width: 292px;
  height: 100%;
  position: absolute;
  left: -110px;
  bottom: -90px;
  background-color: #eae6ff;
  z-index: 1;
}
.videoPlayerYT:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000;
  opacity: 0.75
}
.videoPlayerYT .btn-play{
  display: inline-block;
  background-color: #571f9c;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding-top: 15px;
  animation: radial-pulse 2s infinite;
}
.videoPlayerYT .btn-play i{
  color: #fff;
      font-size: 20px;
    padding-top: 15px;
}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}


/* -------------------------------- 

Close Video promo style

-------------------------------- */



/* -------------------------------- 

Start Services style

-------------------------------- */


.services_sec{
  background-color: #fbfaff;
  position: relative;
  z-index: 1;
}
.single_service_boxIn{
  width: 100%;
  background-color: #fdfdfd;
  margin-top: 30px;
  padding:40px 30px;
  text-align: center;
  border-radius: 10px;
  transition: 0.3s all ease;
}
.single_service_boxIn:hover{
  box-shadow: 0px 20px 40px 0px rgba( 0, 0, 0,0.15 );
}

.single_service_boxIn .icon img{
  display: inline-block;
  vertical-align: middle;
}
.single_service_boxIn:hover .icon{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single_service_boxIn .icon{
  width: 70px;
  border-radius: 10px;
  height: 67px;
  background-color: #571f9c;
  margin: auto;
  line-height: 67px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.single_service_boxIn .content p,
.single_service_boxIn .content{
  padding-top: 22px;
}

/* -------------------------------- 

Close Services style

-------------------------------- */



/* -------------------------------- 

Start PRice Table style

-------------------------------- */
.price_opt_md {
  text-align: center;
  margin-top: 38px;
}
.price_opt_md li{
  display: inline-block;
  vertical-align: middle;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #171717;
  font-size: 20px;
  line-height: 35px;
  padding-bottom: 5px;
}

.toggle-container{
  margin-left: 15px;
  margin-right: 15px;
}

.toggle-container .switch-toggles {
  position: relative;
  width: 97px;
  height: 43px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  background-color: #571f9c;
}




.toggle-container .switch-toggles .monthly, 
.toggle-container .switch-toggles .yearly {
  position: relative;
  width: 43px;
  height: 43px;
  float: left;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  transition: color 0.7s cubic-bezier(0.545, 0, 0.05, 1);
  font-weight: 500;
}

.toggle-container .switch-toggles .monthly.active,
.toggle-container .switch-toggles .yearly.active {
  color: #fff;
}

.toggle-container .switch-toggles:after {
      position: absolute;
    content: "";
    width: 43px;
  height: 43px;
    background: #863be3;
    left: 0;
    top: 0;
    border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  transition: all 0.7s cubic-bezier(0.545, 0, 0.05, 1);
}
.toggle-container .switch-toggles.active:after{
  /*border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -webkit-border-radius:  0 30px 30px 0;*/
}

.toggle-container .switch-toggles.active:after {
  left: 53px;
  top: 0;
}


#price_tables{
  position: relative;
}

.price-table {
  position: relative;
  left: 0;
}



.price-table.highlighted {
  z-index: 2;
  border-radius: 10px;
}



#price_tables .monthly{
  z-index: 2;
  right: -50px;
}
#price_tables .yearly.active,
#price_tables .monthly.active{
  z-index: 22;
  left: 0;
  right: 0;
/*  -webkit-transform: scale(0.95);
          transform: scale(0.95);*/
} 
#price_tables .yearly {
  right: -50px;
}
#price_tables .monthly, 
#price_tables .yearly {
  /*position:absolute;*/
  max-width: 100%;
/*  opacity: 1;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  transition: all 0.7s cubic-bezier(0.545, 0, 0.05, 1);
  transition: opacity 0.97s, transform 0.97s;
  transition: opacity 0.97s, transform 0.97s, -webkit-transform 0.97s;
  transition-timing-function: cubic-bezier(0.545, 0, 0.05, 1);*/
}
/*
#price_tables .monthly .price-table, 
#price_tables .yearly .price-table {
  display: none;
}*/

#price_tables .monthly.active, 
#price_tables .yearly.active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

#price_tables .monthly.active .price-table, 
#price_tables .yearly.active .price-table {
  display: block;
}
#price_tables .monthly .price-table, 
#price_tables .yearly .price-table {
  display: none;
}


.price_table_single{
  width: 100%;
  margin-top: 30px;
  border: 1px solid #571f9c;
  border-radius: 10px;
  background-color: #fbfaff;
  -webkit-box-shadow: 0px 11px 14px 0px rgba( 0, 0, 0 ,0.15);
  -moz-box-shadow: 0px 11px 14px 0px rgba( 0, 0, 0 ,0.15);
  box-shadow: 0px 11px 14px 0px rgba( 0, 0, 0 ,0.15);

}

.price_table_single .tp{
  width: 100%;
  background-color: #571f9c;
  border-radius: 8px 8px 0 0;
  text-align: center;
  padding: 5px 0;
}
.price_table_single .tp h4{
  color: #fff;
  line-height: 35px;
}
.price_table_single .price{
  position: relative;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #7435c1;
  text-align: center;
  margin:auto;
  vertical-align: middle;
  line-height: 110px;
  margin-top: 22px;
  z-index: 1;

}
.price_table_single .price:after{
  content: '';
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #7435c1;
  opacity: 0.50;
  position: absolute;
    left: -5px;
  top: -5px;
  z-index: -1;
}
.price_table_single .price:before{
  content: '';
  width: 130px;
  height: 130px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #7435c1;
  opacity: 0.50;
  position: absolute;
    left: -10px;
  top: -10px;
  z-index: -11;
}

.price_table_single .price h3{
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: normal;
}
.price_table_single .price h3 small{
  font-size: 14px;
  font-weight: 500;
}
.price_table_single .price h3 sup{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.price_table_single .price_head{
  border-bottom: 1px solid #7435c1;
  padding-bottom: 46px;
  position: relative;
}
.price_table_single .price_head .tag{
  display: inline-block;
  background-color: #fff;
  color: #171717;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  border:1px solid #7435c1;
  padding: 8px 14px;
  border-radius: 17px;
  position: absolute;
  left: 50%;
  bottom: -18px;
  -webkit-transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.price_table_single .price_body{

  padding-top: 50px;
  width: 100%;
  text-align: center;
}
.price_table_single .price_body ul{
  max-width: 64%;
  margin: auto;
}
.price_table_single .price_body ul li:last-child{
  border: 0;
}
.price_table_single .price_body ul li{
  border-bottom: 1px solid #7435c1;
  padding-bottom: 14px;
  padding-top: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 14px;
}

.price_table_single .price_foo{
  padding-top: 46px;
  text-align: center;
  width: 100%;
}
.price_table_single .price_foo .btn{
  display: inline-block;
  background-color: #fbfaff;
  box-shadow: 0px 11px 14px 0px rgba( 0, 0, 0,0.15 );
  border: 1px solid #571f9c;
  padding: 12px 26px;
  border-radius: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #571f9c;
  font-size: 18px;
  margin-bottom: -20px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.price_table_single{
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.price_table_single:hover{
  box-shadow: 0px 11px 25px 3px rgba( 0, 0, 0,0.25 );
}
.price_table_single:hover .price_head .tag{
  background-color: #571f9c;
  color: #fff;
}
.price_table_single:hover .price_foo .btn{
  background-color: #571f9c;
  color: #fff;
}

/* -------------------------------- 

Close PRice Table style

-------------------------------- */




/* -------------------------------- 

start Fun fact style

-------------------------------- */

.fun-fact{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../images/fun-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 130px 0;
}

.fun-fact:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.71;
}
.single_fun_in{
  width: 100%;
  text-align: center;
}
.single_fun_in .icon{
  width: 73px;
  height: 73px;
  border-radius: 50%;
  background-color: #fff;
  margin: auto;
  display: inline-block;
  line-height: 73px;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_fun_in:hover .icon{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.single_fun_in .icon img{
  display: inline-block;
  vertical-align: middle;
}
.single_fun_in .content {
  padding-top: 22px;
}
.single_fun_in .content h4{
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 35px;
}
.single_fun_in .content p{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;
  padding: 0;
}
/* -------------------------------- 

Close Fun fact style

-------------------------------- */



/* -------------------------------- 

Start Our Team style

-------------------------------- */

.our_team_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.our_team_sec:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: -40%;
    top: -30%;
  z-index: -1;
  background-image: url(../images/about-shape-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.single_team_in{
  width: 100%;
  margin-top: 70px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 546px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 9px 32px 13px rgba( 0, 0, 0,0.15 );
  box-shadow: 0px 9px 32px 13px rgba( 0, 0, 0,0.15 );
}

.h-30{
  height: 30px;
}

.single_team_in .name h4{
  color: #171717;
  font-size: 25px;
  line-height: 26px;
}
.single_team_in .name p{
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}
.single_team_in .name:after{
  content: '';
  border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      border-top: 110px solid #fff;
      border-radius: 50%;
      transform: rotate(320deg);
      position: absolute;
      left: 20px;
      bottom: -35px;
      z-index: -1;
}
.single_team_in .name{
  background-color: #fbfaff;
  padding:15px 0;
  text-align: center;
  max-width: 240px;
  width: 100%;
  margin: auto;
  -webkit-box-shadow: 0px 9px 10px 10px rgba( 0, 0, 0,0.15 );
  box-shadow: 0px 9px 10px 10px rgba( 0, 0, 0,0.15 );
  border-radius: 10px;
      position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 11;
}


.single_team_in .social ul{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.single_team_in .social ul li a{
  color: #171717;
}
.single_team_in .social ul li{
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  margin: 8px 0;
  vertical-align: middle;
  line-height: 30px;
}


.single_team_in:hover .social{
  top: 0;
  opacity: 1;
}

.single_team_in .social{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: -30px;
  border-radius: 10px;
  background-color: rgba(87, 31, 156, 0.5);
  z-index: 1;
  text-align: center;
  display: inline-block;
  vertical-align: middle;

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


/* -------------------------------- 

Close Our Team style

-------------------------------- */



/* -------------------------------- 

Start Testimonials style

-------------------------------- */

.testimonials_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #fbfaff;
  overflow: hidden;
}
.testimonials_sec:after{
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  left: -30px;
  top: 0;
  background-image: url(../images/testi-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.pl-per{
  padding-left: 16.666667%;
}
.testimonials_single_in{
  width: 100%;
  padding-left: 16.666667%;
  margin-top: 32px;
}
.testimonials_single_in .img img{
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.testimonials_single_in .img{
  width: 108px;
  height: 108px;
  border: 11px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}
.testimonials_single_in p{
  line-height: 1.714;
}
.testimonials_single_in .info {
  padding-top: 30px;
}
.testimonials_single_in .info h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #171717;
  font-size: 23px;
}
.testimonials_single_in .info h5{
   font-family: 'Montserrat', sans-serif;
   font-style: italic;
   color: #171717;
   font-size: 19px;
   line-height:35px;
   font-weight: 400;
   display: inline-block;
   border-bottom: 1px solid #571f9c;
   padding-bottom: 6px;
}
.testimonials_single_in .info ul li{
  display: inline-block;
  color: #ffcd00;
  padding-top: 15px;
}

.testimonials_sec .owl-carousel button.owl-dot.active{
  background:transparent;
  border: 1px solid #571f9c;
}
.testimonials_sec .owl-carousel button.owl-dot{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #571f9c;
  margin: 0 6px;
  outline: 0;
  border: 1px solid #571f9c;
}
.testimonials_sec .owl-dots{
  padding-left: 16.666667%;
  padding-top: 36px;
}

.owl-carousel .owl-item img{
  width: auto;
}

/* -------------------------------- 

Close Testimonials style

-------------------------------- */



/* -------------------------------- 

Start Our Blog style

-------------------------------- */

.our_blogs{
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.blog_single_in{
  width: 100%;
  border: 1px solid #571f9c;
  border-radius: 10px;
  background-color: #fdfdfd;
  transition: 0.3s all ease-in-out;
}
.blog_single_in .img{
  width: 100%;
  height: 380px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  border-radius: 10px 10px 0 0;
}

.blog_single_in .img .date{
  background-color: #571f9c;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 10px 10px 10px 0;
  color: #fff;
  font-size: 14px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   padding: 16px 14px;
    max-width: 84px;
    text-align: center;
}
.blog_single_in .content{
  padding: 28px;
}
.blog_single_in .content h4{
  color: #171717;
}
.blog_single_in .content h4 a{
  color: #171717;
}
.blog_single_in .content .meta{
  padding-top: 5px;
}

.blog_single_in .content .meta li i{
  color: #571f9c;
  padding-right: 5px;
}
.blog_single_in .content .meta li{
  display: inline-block;
  padding-top: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 12px;
  padding-right: 10px;
}
.blog_single_in .content .meta li a{
  color: #171717;
}
.blog_single_in .content p{
  padding-top: 22px;
  line-height: 24px;
  color: #171717;
}
.blog_single_in .content .btn:hover{
  color: #571f9c;
}
.blog_single_in .content .btn{
  padding: 0;
  margin-top: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 16px;
}
.owl-carousel.owl-drag .owl-item.center .blog_single_in{
  box-shadow: 0px 11px 29px 10px rgba( 0, 0, 0,0.29 );
}

.our_blogs .owl-carousel .owl-stage-outer{
  padding-bottom: 50px;
}

.our_blogs .owl-carousel button.owl-dot.active{
  background:transparent;
  border: 1px solid #571f9c;
}
.our_blogs .owl-carousel button.owl-dot{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #571f9c;
  margin: 0 6px;
  outline: 0;
  border: 1px solid #571f9c;
}
.our_blogs .owl-dots{
  width: 100%;
  text-align: center;
}



/* -------------------------------- 

Close Our Blog style

-------------------------------- */



/* -------------------------------- 

Start Call to action style

-------------------------------- */

.call_top_action{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../images/call-to-act.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding:145px 0;
  text-align: center;
}
.call_top_action:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.7;
  z-index: -1;
}
.call_to_act_in{
  text-align: center;
}
.call_to_act_in h2{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  line-height: 43px;
  font-size: 46px;
  color: #fff;
  padding-bottom: 12px;
}
.call_to_act_in p{
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 43px;
}
.call_to_act_in .btn{
  border-radius: 30px;
  background-color: #571f9c;
  max-width: 280px;
  width: 100%;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 25px;
  line-height: 43px;
  padding:18px 0;
  margin-top: 60px;
}



/* -------------------------------- 

Close Call to action style

-------------------------------- */



/* -------------------------------- 

Start Partner logo style

-------------------------------- */

.partner_logo_sec{
  width: 100%;
  background-color: #fff;
  padding: 34px 0;
}
.partner_logo_sec .owl-carousel .owl-item img{
  margin: auto;
}

/* -------------------------------- 

Close Partner logo style

-------------------------------- */



/* -------------------------------- 

Start Footers style

-------------------------------- */

.footer{
  width: 100%;
  background-color: #151515;
}

.fWidget h4{
  font-size: 25px;
  line-height: 25px;
  color: #c8c8c8;
  padding-bottom: 30px;
}
.fWidget p{
  font-weight: 400;
  color: #c8c8c8;
  font-size: 14px;
}
.widget-about p{
  padding-bottom: 22px;
}
.fWidget ul li a{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #c8c8c8;
  font-size: 14px;
  line-height: 40px;
}
.fWidget ul li a:hover{
  color: #ff6600;
}
.footer-con ul{
  padding-top: 20px;
}
.footer-con li{
  position: relative;
  padding-left: 26px;
  padding-bottom: 24px;
}
.footer-con li i{
  position: absolute;
  left: 0;
  top: 7px;
  color: #ff6600;
}

.copyright_text{
  width: 100%;
  text-align: left;
  padding-bottom: 30px;
}
.copyright_text p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
}


/*return to top*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    background-color: #571f9c;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}



/* -------------------------------- 

Close Footers style

-------------------------------- */



/* -------------------------------- 

Start Home 2 style

-------------------------------- */

.home2 .main-menu ul li a{
  color: #fff;
}
.home2 .main-menu ul li a.active{
  color: #ff6600;
}
.home2 .main-menu ul li .sub-menu li a{
 color: #232323; 
}
.home2 .main-menu ul li a:hover{
  color: #ff6600;
}

.hero-section-tp.home2{
  position: relative;
  z-index: 1;
  padding-bottom: 220px;
  padding-top: 266px;
  background-image: url(../images/home2/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
.hero-section-tp.home2:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.33;
  background-image: unset;
}

.hero-section-tp.home2:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #571f9c;
  opacity: 0.27;
}

.home2 .hero_content_left h1{
  color: #fff;
  text-transform: uppercase;
}
.home2 .hero_content_left p{
  color: #fff;
}

.partner_logo_sec.home2{
  border-bottom: 1px solid #571f9c;
}

.partner_logo_sec .owl-carousel.owl-loaded{
  line-height: 0;
}

/*services*/
.service_sec2{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service_sec2:after{
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  right: -25%;
  top: 0;
  z-index: -1;
  background-image: url(../images/about-shape-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.single_serviceHm2{
  width: 100%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border: 1px solid #571f9c;
  position: relative;
  z-index: 1;
  padding: 35px 24px;
  overflow: hidden;
}
.single_serviceHm2 .icon{
  position: relative;
  z-index: 1;
  width: 74px;
  height: 83px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 83px;
  margin-bottom: 22px;
}
.single_serviceHm2:hover .icon:after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.single_serviceHm2 .icon:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/home2/icon/icon-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  z-index: -1;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}
.single_serviceHm2 .icon img{
  display: inline-block;
  vertical-align: middle;
}

.single_serviceHm2 .content h5{
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 18px;
  line-height: 45px;
  padding-left: 60px;
  position: relative;
}
.single_serviceHm2 .content h5:after{
  content: '';
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 17px;
  background-color: #571f9c;
}
.single_serviceHm2 .content p{
  padding-top: 22px;
}

.single_serviceHm2:hover{
  border-color: transparent;
  box-shadow: 0px 0px 15px 11px rgba( 0, 0, 0 ,0.15);
}
.single_serviceHm2:after{
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 14px solid #571f9c;
  position: absolute;
  right: -80px;
  top: -50px;
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.single_serviceHm2:before{
  content: '';
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 14px solid #571f9c;
  position: absolute;
  right: -78px;
  top: -14px;
  opacity: 0;
   -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.single_serviceHm2:hover:before{
  top: 14px;
  opacity: 0.07;
  
}
.single_serviceHm2:hover:after{
  right: -60px;
  opacity: 0.07;
  width: 160px;
  height: 160px;
}

/*service down*/
.service_leftImg2{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 34px 0;
}
.service_leftImg2:after{
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  left: -110px;
  top: 0;
  background-image: url(../images/home2/shape-dot.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.service_leftImg2 img{
  border: 15px solid #571f9c;
}
.title.style2 h5{
   font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 18px;
  line-height: 28px;
  padding-left: 60px;
  position: relative;
  margin-bottom: 20px;
}
.title.style2 h5:after{
  content: '';
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 7px;
  background-color: #571f9c;
}

/*best services*/
.best_services2{
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #fbfbfb;
  overflow: hidden;
}
.best_services2:after{
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  left: -8%;
  bottom: -8%;
  background-image: url(../images/home2/shape-corner.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  z-index: -1;
}
.title.style3 h5{
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 color: #171717;
 font-size: 18px;
 padding-bottom: 15px; 
}
.title.style3 h3{
  position: relative;
  z-index: 1;
  padding-bottom: 22px;
  margin-bottom: 10px;
}
.title.style3 h3:after{
  content: '';
  width: 130px;
  height: 1px;
  background-color: #571f9c;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.single_service_in2{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 40px 26px;
  background-color: #fbfbfb;
  box-shadow: 0px 0px 9px 9px rgba( 0, 0, 0,0.07 );
  margin-top: 40px;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_service_in2:hover{
  box-shadow: 0px 0px 15px 11px rgba( 0, 0, 0,0.15 );
}
.Shape {
  background-color: rgb( 251, 251, 251 );
  box-shadow: 0px 0px 15px 11px rgb( 0, 0, 0 );
  position: absolute;
  left: 775px;
  top: 2471px;
  width: 370px;
  height: 303px;
  z-index: 140;
}

.single_service_in2 h5{
  position: relative;
  padding-left: 63px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
}
.single_service_in2 h5:after{
  content:'';
  width: 49px;
  height: 1px;
  background-color: #571f9c;
  position: absolute;
  left: 0;
  bottom: 9px;
}
.single_service_in2 p{
  padding-top: 15px;
  padding-bottom: 22px;
}
.style3.btn:hover{
  color: #fff;
}
.style3.btn{
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: transparent;
  padding: 9px 20px;
  border:1px solid #571f9c;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #171717;
}
.style3.btn:after{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
  background-color: #571f9c;
  z-index: -1;
}
.style3.btn:before{
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
  background-color: #571f9c;
  z-index: -1;
}
.style3.btn:hover:before,
.style3.btn:hover:after{
  width: 50%;
}

/*videp-play-2*/
.video-promo2{
  background-color: #fff;
}
.title.style3.left-0 h3:after{
  left: 0;
  transform: translate(0);
}

.videoPlayerYT.home2{
  background-image: url(../images/home2/video-bg.jpg);
}
.videoPlayerYT.home2:after{
  opacity: 0.5;
}
.shapesZi .shape-bg{
  content: '';
  width: calc(100% - 30px);
  height: 100%;
  position: absolute;
  right: 0;
  top: 15px;
  background-color: #571f9c;
}

/*pricing table*/
.price_table_single.style2{

}
.price_table_single.style2 .price_head{
  background-color: #571f9c;
}
.price_table_single.style2 .tp{
  background-color: #7435c1;
}
.price_table_single.style2 .price_head{
  padding-bottom: 20px;
}
.price_table_single.style2 .price_head .tag{
  position: unset;
  transform: translate(0);
  background-color: #7435c1;
  color: #fff;
  max-width: 115px;
  text-align: center;
  margin: auto;
  display: block;
  margin-top: 20px;
}
.price_table_single.style2{
  border: 0;
  background-color: #f7f7f7;
}
.price_table_single.style2 .price_body p{
  padding-bottom: 18px;
  color: #656363;
}
.price_table_single .price_foo .btn{
  margin-bottom: 30px;
}
.price_table_single.style2 .price_foo{
  padding-top: 20px;
}

/*fun fact*/
.fun-fact2{
  width: 100%;
  position: relative;
  background-image: url(../images/home2/fun-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  padding: 140px 0;
}
.fun-fact2:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.73;
}

.fun_inside2{
  border: 2px solid #fff;
  width: 100%;
  text-align: center;
  padding: 20px 0;
}


.fun_inside2 .icon img{
  display: inline-block;
  vertical-align: middle;
  max-width: 25px;
  margin: auto;
}
.fun_inside2 .icon{
  background-color: #fff;
  width: 54px;
  height: 54px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin: auto;
  position: relative;
  z-index: 1;
  line-height: 54px;
  margin-top: -48px;
}
.fun_inside2 .icon:after{
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  border:2px solid #571f9c;
}
.fun_inside2 .content h4{
  color: #fff;
  font-size: 25px;
  line-height: 35px;
  padding-top: 14px;
}
.fun_inside2 .content h3{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 25px;
  line-height: 35px;
}

/
/*team sec*/
.team-sec2{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.team_insideSt2{
  position: relative;
  z-index: 1;
  width: 100%;
  height: 550px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
   box-shadow: 0px 0px 15px 11px rgba( 0, 0, 0,0.15 );
   margin-top: 30px;
}
.team_insideSt2 .name{
  width: 100%;
  text-align: center;
  background-color: rgba( 87, 31, 156,0.82 );
  padding: 20px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;

}

.team_insideSt2:hover .name{
  bottom: 100%;
  transform: translate(0,100%);
}

.team_insideSt2 .name h4{
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  position: relative;
  z-index: 1;
  padding-bottom: 12px;
  margin-bottom: 14px;
}
.team_insideSt2 .name h4:after{
  content: '';
  width: 116px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}
.team_insideSt2 .name p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
.team_insideSt2 .social{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba( 87, 31, 156,0.82 );
  padding: 25px 0;
  text-align: center;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
  opacity: 0;
  bottom: 30px;
}
.team_insideSt2:hover .social{
  bottom: 0;
  opacity: 1;
}
.team_insideSt2 .social li{
  display: inline-block;
  margin: 0 9px;
}
.team_insideSt2 .social li a:hover{
  color: #fff;
  background-color: #571f9c;
}
.team_insideSt2 .social li a{
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #571f9c;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
}

/*testimonials*/
.testimonials_home2{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../images/home2/testi-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.testimonials_home2:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.79;
}
.title.text-white h5,
.title.text-white h3,
.title.text-white p{
  color: #fff;
}
.title.text-white h3:after{
  background-color: #fff;
}
.h-54{
  height: 50px;
}

.testi2sliderIn {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.53);
  padding: 40px 30px;
}
.testi2sliderIn p{
  color: #fff;
}

.testi2sliderIn .media{
  margin-top: 32px;
}
.testi2sliderIn .media img{
  width: 68px;
  height: 68px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 30px;
  object-fit: cover;
}
.testi2sliderIn .media h4{
  font-weight: 600;
  font-size: 23px;
  color: #fff;
}
.testi2sliderIn .media  p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #fff;
  font-size: 19px;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-bottom: 5px;
}
.testi2sliderIn .media li{
  display: inline-block;
  padding-top: 10px;
  padding-right: 6px;
  color: #ffcd00;
}


.testimonials_home2 .owl-carousel button.owl-dot.active{
  background:#571f9c;
  border: 1px solid #fff;
}
.testimonials_home2 .owl-carousel button.owl-dot{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 6px;
  outline: 0;
  border: 1px solid #fff;
}
.testimonials_home2 .owl-dots{
  padding-top: 20px;
  width: 100%;
  text-align: center;
}

.blogFullLeft1{
  width: 100%;

}
.blogFullLeft1.singleBlog img{
  width: 100%;
}
.blogFullLeft1.singleBlog .content{
  padding-top: 30px;
}
.blogFullLeft1.singleBlog .content h4{
  padding-bottom: 30px;
}
.blogFullLeft1.singleBlog .content h4{
  font-size: 25px;
}
.blogFullLeft1  h4 a{
  color: #171717;
}
.blogFullLeft1.singleBlog .content .btn{
  margin-top: 30px;
}

.blogFullLeft1.list-blog{
  margin-bottom: 30px;
}
.blogFullLeft1.list-blog .img img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.blogFullLeft1.list-blog .img{
  max-width: 161px;
  width: 100%;
  padding: 10px;
  border: 1px solid #571f9c;
}
.blogFullLeft1.list-blog .media-body{
  padding-left: 24px;
}
.blogFullLeft1.list-blog .media-body li{
  display: inline-block;
  padding-top: 10px;
  padding-right: 20px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   color: #656363;
   font-size: 14px;
}
.blogFullLeft1.list-blog .media-body li a{
  font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   color: #656363;
   font-size: 14px;
}
.blogFullLeft1.list-blog .media-body p{
  font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   color: #656363;
   font-size: 14px;
   padding-top: 10px;
}

/* -------------------------------- 

Close Home 2 style

-------------------------------- */



/* -------------------------------- 

Start Home 3 style

-------------------------------- */


.home3.header-logo-menu{
  position: unset;
  padding: 12px 0;
}

.hero-section-tp.home2.home3{
  background-image: url(../images/home3/banner.jpg);
}
.hero-section-tp.home2.home3:before{
  background-color: #000000;
  opacity: 0.37;
}
.hero-section-tp.home2.home3:after{
  opacity: 0.37;
  display: none;
}

.hero_login_form{
  position: relative;
  background-color: rgba( 87, 31, 156,0.88 );
  padding-top: 85px;
  padding-bottom: 36px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 40px;
}
.hero_login_form .tags{
  background-color: #6523b5;
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 14px 18px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.hero_login_form form input{
  width: 100%;
  background-color: #fff;
  padding: 8px 15px;
  border: 0;
  outline: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #b7b5b5;
  font-size: 14px;
}
.hero_login_form form button{
  width:100%;
  padding: 8px 0;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #171717;
  font-size: 18px;
  border: 0;
  outline: 0;
}

/*about us*/
.about-us3{
  width: 100%;
}
.title.style2.home3 h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
}
.about_right_img3 .img img{
  width: 100%;
  box-shadow: 0px 0px 11px 10px rgba( 0, 0, 0,0.18 );
}
.about_right_img3 .img.mt-top{
  margin-top: 40px;
}

/*plan event*/
.plans_events_sec{
  width: 100%;
  position: relative;
  z-index: 1;
}
.plans_events_sec .left_bg{
  position: absolute;
  width: 50%;
  height: 100%;
  background-image: url(../images/home3/plan1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  z-index: -1;
  left: 0;
  top: 0;
}
.plans_events_sec .left_bg:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ff6600;
  opacity: 0.8;
}
.plans_events_sec .right_bg{
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  background-image: url(../images/home3/plan2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  z-index: -1;
}
.plans_events_sec .right_bg:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #571f9c;
  opacity: 0.85;
}

.inside_plans_sing{
  padding: 50px 0;
}
.inside_plans_sing h5{
  display: inline-block;
  padding: 10px 20px;
  background-color: #ffffff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #171717;
  font-size: 20px;
  margin-bottom: 40px;
}
.inside_plans_sing h6{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #171717;
  font-size: 16px;
  line-height: 40px;
}
.inside_plans_sing p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 14px;
  line-height: 24px;
  padding-top: 5px;
}
.inside_plans_sing.white h6,
.inside_plans_sing.white p{
  color: #fff;
}


/*schedule section*/
.left_title_sch h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #171717;
  line-height: 38px;
}
.right_schedule_btn{
  width: 100%;
  text-align: right;
}
.right_schedule_btn .btn{
  padding: 8px 10px;
  border: 1px solid #571f9c;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 14px;
}
.right_schedule_btn .btn i{
  color: #571f9c;
  padding-right: 6px;
  border-radius: 0;
}

.schedule_task_list{
  width: 100%;
  border: 1px solid #571f9c;
}
.schedule_task_list .nav-tabs {
  border-bottom: 1px solid #571f9c;
}
.schedule_task_list .nav-tabs .nav-item{
  width: 14.28%;
  border-right: 1px solid #571f9c;
  text-align: center;
  margin-bottom: 0;
  padding: 2px;
}
.schedule_task_list .nav-tabs .nav-item:last-child{
  border-color: transparent;
}
.schedule_task_list .nav-tabs .nav-link{
  border:0;
  border-radius: 0;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #171717;
  font-size: 18px;
  line-height: 37px;
  width: 100%;
}
.schedule_task_list .nav-tabs .nav-link.active{
  background-color: #571f9c;
  color: #fff;
}

.schedule_contents_tabs{
  width: 100%;
  padding: 18px 12px;
  padding-top: 0;
}
.schedule_contents_tabs .btn{
  padding: 0;
}
.schedule_contents_tabs .single-collapse{
  padding-left: 150px;
  position: relative;
  margin-top: 20px;
}
.schedule_contents_tabs .single-collapse .collapse-title{
  
}
.schedule_contents_tabs .single-collapse .collapse-title .btn{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  line-height: 28px;
}
.schedule_contents_tabs .single-collapse .collapse-title .btn span{
  position: absolute;
  left: 0;
  top: 0;
}
.schedule_contents_tabs .single-collapse .collapse-title .btn span i{
  color: #571f9c;
  padding-left: 10px;
}
.schedule_contents_tabs .content_inside{
  width: 100%;
  padding-top: 15px;
}
.schedule_contents_tabs .content_inside p{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  line-height: 24px;
}

.schedule_contents_tabs .single-collapse .collapse-title .btn:before {
    float: right !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f078";
    font-weight: 900;
    padding-right: 5px;
    color: #222222;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color:transparent;
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
}
.schedule_contents_tabs .single-collapse .collapse-title .btn[aria-expanded='true']:before {
    float: right !important;
    content:"\f077";
}

/*services*/
.best_services3{
  width: 100%;
  background-color: #fbfbfb;
}

.single_servicesIn3{
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 0px 15px 2px rgba( 0, 0, 0,0.15 );
  margin-top: 30px;
  padding: 35px 25px;
  overflow: hidden;
}
.single_servicesIn3 h5{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #232323;
  line-height: 30px;
  padding-bottom: 6px;
}
.single_servicesIn3 h4{
  color: #232323;
}
.single_servicesIn3 p{
  padding-top: 44px;
  color: #232323;
}
.single_servicesIn3 .btn{
  margin-top: 30px;
}
.single_servicesIn3 .icon:after{
  content: '';
  position: absolute;
  left: -2px;
  top: 2px;
  width: 302px;
  height: 292px;
  background-color: #571f9c;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.67;
}
.single_servicesIn3 .icon{
  position: absolute;
  right: -150px;
  top: -145px;
  width: 300px;
  height: 290px;
  background-color: #571f9c;
  border-radius: 50%;
  opacity: 0.10;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}
.single_servicesIn3:hover .icon{
  
  
  opacity: 1;
}
.single_servicesIn3 .icon img{
  position: absolute;
  bottom: 60px;
  left: 60px;
}

/*portfolio*/
.title.style4{
  position: relative;
  padding-bottom: 30px;
}
.title.style4:after{
  content: '';
  width: 125px;
  height: 1px;
  background-color: #571f9c;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  margin: auto;
}

.filter-button-group{
  width: 100%;
  text-align: center;
  padding-top: 30px;
}
.filter-button-group button{
  border:0;
  background-color: transparent;
  outline: 0;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #232323;
  font-size: 18px;
  line-height: 31px;
  cursor: pointer;
  padding: 0 10px;
}
.filter-button-group button.is-checked{
  font-weight: 800;
  color: #571f9c;
}

.grid .grid-item{
  margin-top: 30px;
}

.item-inner{
    color:#fff;
    position:relative;
    overflow:hidden;
    width:100%;
    text-align:center;
    margin-top: 0;
}

.item-inner img{
    opacity:1;
    width:100%;
    -webkit-transition:opacity .35s;
    transition:opacity .35s;
    height: 100%;

}
.item-inner .overlay{
    position:absolute;
    bottom:0;
    left:0;
    padding:3em 1rem;
    width:100%;
    height:100%;
}
.item-inner .overlay::before{
    position:absolute;
    top:50%;
    right:0;
    bottom:50%;
    left:0;
    border-top:1px solid rgba(255,255,255,.8);
    border-bottom:1px solid rgba(255,255,255,.8);
    content:'';
    opacity:0;
    background-color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s;
    -webkit-transition-delay:.6s;
    transition-delay:.6s
}
.item-inner .view-list,.item-inner a,.item-inner p{
    margin:0 0 5px;
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s,transform .35s
}
.item-inner .view-list,.item-inner a,
.item-inner .view-list,.item-inner p{
    -webkit-transform:translate3d(0,50%,0);
    transform:translate3d(0,50%,0);
    -webkit-transition-delay:.3s;
    transition-delay:.3s
}
.item-inner:hover .overlay .view-list,.item-inner:hover .overlay a,
.item-inner:hover .overlay .view-list,.item-inner:hover .overlay p{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition-delay:.3s;
    transition-delay:.3s;
}
.item-inner:hover .overlay::before{
  background-color: #571f9c;
    border:none;
    top:0;
    bottom:8px;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    opacity:0.65;
    
}
.item-inner .view-list{
    margin-top:-65px;
    position:relative;
    top:50%;
    transform:translate3d(0,50%,0);
    transition-delay:.3s;
    width:100%
}
.item-inner .view-list a{
  display:inline-block;
  line-height:40px;
  margin:0 8px;
  color: #fff;
  font-size: 20px;
}

.view-list p{
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
}
.item-inner .view-list h4{
  color: #fff;
  padding-bottom: 8px;
}

/*team-section3*/
.team_sec3{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../images/home3/team-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}
.team_sec3:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.79;
}

.team_single_in3{
  background-color: #fff;
  padding: 50px 0;
  text-align: center;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.team_single_in3:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  right: -110%;
  top: -165%;
  background: #571f9c;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  opacity: 0;
}
.team_single_in3:hover:after{
  right: -100%;
  top: -155%;
  opacity: 1;
}

.team_single_in3 .img img{
  border-radius: 50%;
  padding: 2px;
  border:2px solid transparent;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}
.team_single_in3:hover .img img{
  border:2px solid #571f9c;
}
.team_single_in3 .name{
  padding-top: 30px;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
}
.team_single_in3 .name h4{
  color: #232323;
  font-size: 25px;
  line-height: 35px;
}
.team_single_in3 .name h5{
  color: #232323;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.team_single_in3 .content p{
  color: #232323;
}
.team_single_in3 .content li{
  display: inline-block;
  padding: 0 8px;
}
.team_single_in3 .content li a{
  display: inline-block;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 39px;
  background-color: #571f9c;
  font-size: 16px;
}
.team_single_in3 .content{
  min-height: 50px;
  position: relative;
}
.team_single_in3 .content ul{
  opacity: 0;
  transition: 0.3s all ease-in;
  position: relative;
  bottom: -20px;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
}
.team_single_in3:hover .content p{
  display: none;
}
.team_single_in3:hover .content ul{
  opacity: 1;
  bottom: 0;
  visibility: visible;
  display: inline;
}

.single_factAll {
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
.single_factAll .single_factSt3{
  -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.single_factSt3{
  text-align: center;
  padding-top: 30px;
}
.single_factAll .single_factSt3:nth-child(1),
.single_factAll .single_factSt3:nth-child(2){
  border-bottom: 1px solid #571f9c;
}
.single_factAll .single_factSt3:nth-child(1){
  border-right: 1px solid #571f9c;
}

.single_factAll .single_factSt3:nth-child(3){
  border-right: 1px solid #571f9c;
}
.single_factSt3 img{
  max-width: 25px;
  margin: auto;
}
.single_factSt3 h4{
  font-size: 25px;
  line-height: 32px;
  color: #171717;
  padding-top: 10px;
  padding-bottom: 10px;
}
.single_factSt3 h3{
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   font-size: 25px;
   color: #171717;
}

/*testimonials*/
.testimonials_sec3{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../images/home3/testi-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}
.testimonials_sec3:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000;
  opacity: 0.79;
}
.title.style4.text-white:after{
  background-color: #fff;
}

.testimonial-slider-3{
  padding-top: 10px;
}

.single_testi3In{
  width: 100%;
  padding: 34px 20px;
  border-top: 1px solid rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.8);
}
.single_testi3In p{
  line-height: 24px;
  color: #fff;
}
.single_testi3In .media{
  padding-top: 30px;
}
.single_testi3In .media img{
  margin-right: 20px;
  border-radius: 50%;
}
.single_testi3In .media-body h4{
  color: #fff;
  font-weight: 600;
  font-size: 23px;
  line-height: 32px;
}
.single_testi3In .media-body h5{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #fffffe;
  line-height: normal;
  font-size: 19px;
}


.slick-initialized .slick-slide{
  outline: 0;
}

.slider-nav-testi3{
  padding-top: 30px;
  text-align: center;
}

.testi_nvImg{
  text-align: center;
}
.slick-current .testi_nvImg img{
  width: 55px;
  height: 55px;
  opacity: 1;
}
.testi_nvImg img{
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  opacity: 0.5;
}

/* -------------------------------- 

Close Home 3 style

-------------------------------- */




/* -------------------------------- 

Start About us style

-------------------------------- */

.broadcrump_pg{
  width: 100%;
  background-image: url(../images/about/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  padding-top: 170px;
  padding-bottom: 170px;
}
.broadcrump_pg:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.35;
}

.broadcrump_inside_tx{
  width: 100%;
  text-align: center;
}
.broadcrump_inside_tx h1{
  text-transform: uppercase;
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
}
.broadcrump_inside_tx h1 span{
  color: #ff6600;
}
.broadcrump_inside_tx ul li{
  display: inline-block;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.broadcrump_inside_tx ul li p,
.broadcrump_inside_tx ul li a{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.service_sec2.style2{
  z-index: 1;
}
.service_sec2.style2:after{
  background-image: unset;
  width: 639px;
  height: 586px;
  border:70px solid #571f9c;
  border-radius: 50%;
  z-index: -1;
  top: 20%;
  opacity: 0.07;
}
.service_sec2.style2:before{
  content: '';
  background-image: unset;
  width: 639px;
  height: 586px;
  border:70px solid #571f9c;
  border-radius: 50%;
  z-index: -1;
  top: 36%;
      right: -25%;
      position: absolute;

  opacity: 0.07;
}


.about_images_pg1{
  width: 100%;
  position: relative;
  z-index: 1;
  width: 120%;
}
.about_images_pg1 img{
  display: block;
  width: 100%;
}
.about_images_pg1:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 15px;
  top: 15px;
  background-color: #571f9c;
  z-index: -1;
}

.about_text_right{
  width: 100%;
  background-color: #fbfaff;
  position: relative;
  z-index: 11;
  padding: 30px;
  box-shadow: 0px 0px 15px 5px rgba( 0, 0, 0,0.15 );
   width: 115%;
   margin-left: -15%;

}
.about_text_right ul{
  padding-top: 15px;
}
.about_text_right ul li{
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #171717;
  font-size: 14px;
  line-height: 24px;
}
.about_text_right ul li i{
  padding-right: 14px;
  color: #571f9c;
}

/*teams*/
.team_sec4{
  width: 100%;
  background-color: #fbfaff;
}

.single_team4In{
  position: relative;
  margin-top: 30px;
}
.single_team4In .social_tm{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 10px;
  height: 325px;
  overflow: hidden;
}
.single_team4In .social_tm:after{
  content: '';
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #571f9c;
  z-index: -1;
}

.single_team4In .social_tm ul{
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  z-index: 11;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_team4In:hover .social_tm ul{
  right: 50%;
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
}
.single_team4In .social_tm ul li a{
  color: #571f9c;
}
.single_team4In .social_tm ul li{
  position: relative;
  color: #571f9c;
  width: 29px;
  height: 30px;
  z-index: 1;
  margin: 10px 0;
  line-height: 30px;
 /* background-color: #fff;*/
}
.single_team4In .social_tm ul li:hover:after{
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.single_team4In .social_tm ul li:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
}

.single_team4In:hover .social_tm:before{
  width: 100%;
  height: 100%;
  opacity: 0.71;
}
.single_team4In .social_tm:before{
  content: '';
  width: 80%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  z-index: -1;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  opacity: 0;
}

.single_team4In .social_tm:after{
  transition: 0.3s all ease-in
}
.single_team4In:hover .social_tm:after{
  background:transparent;
  width: 0;
}

.single_team4In .content{
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.single_team4In .content h4{
  text-transform: uppercase;
  color: #571f9c;
}
.single_team4In .content p{
  color: #656363;
  padding-top: 4px;
}

/*progress_sec*/
.about_progress_sec{
  width: 100%;
  padding-top: 30px;
}
.single_progressBar{
  position: relative;
  margin-top: 30px;
}
.single_progressBar .text{
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #313131;
  font-size: 14px;
}
.single_progressBar .number{
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #313131;
  font-size: 14px;
  float: right;
}

.single_progressBar .progress{
  height: 4px;
  background-color: #d6d4d4;
  margin-top: 10px;
  overflow: visible;
}
.single_progressBar .progress .progress-bar{
  background-color: #571f9c;
  text-indent: -99999999px;
  position: relative;
}
.single_progressBar .progress .progress-bar:after{
  content: '';
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #571f9c;
  position: absolute;
  right: 0;
  top: -2px;
}
.single_progressBar .progress .progress-bar:before{
  content: '';
  width: 11px;
  height: 11px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #571f9c;
  position: absolute;
  right: -2px;
  top: -4px;
  opacity: 0.4;
}



/*about fun*/
.about_text_right.margin_opt{
  margin-left: 0;
  margin-right: -15%;
}
.about_images_pg1.margin_opt{
  margin-left: -20%;
}
.counter_in{
  margin-top: 30px;
}
.counter_in h3{
  padding: 0;
  font-weight: 600;
  color: #571f9c;
  font-size: 30px;
  line-height: 21px;
}
.counter_in h6{
  color: #571f9c;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  line-height: 21px;
}

.about_pg_serv.style2{
  background-color: #fbfaff;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.about_pg_serv.style2:after{


  content: '';
  background-image: unset;
  width: 439px;
  height: 386px;
  border:70px solid #571f9c;
  border-radius: 50%;
  z-index: -1;
  top: 6%;
  left: -150px;
  position: absolute;
  opacity: 0.07;

}
.about_pg_serv.style2:before{
  content: '';
  background-image: unset;
  width: 439px;
  height: 386px;
  border:70px solid #571f9c;
  border-radius: 50%;
  z-index: -1;
  top: 36%;
  left: -150px;
  position: absolute;
  opacity: 0.07;
}



/* -------------------------------- 

Close About us style

-------------------------------- */




/* -------------------------------- 

Start Blog style

-------------------------------- */

.broadcrump_pg.blog{
  background-image: url(../images/blog/banner.jpg);
}

.single_blogIn_pg{
  width: 100%;
  position: relative;
  margin-top: 30px;
  box-shadow: 0px 0px 18px 8px rgba( 0, 0, 0,0.14 );
  border-bottom: 2px solid #571f9c;
}
.single_blogIn_pg .img img{
  width: 100%;
  height: 290px;
  object-fit: cover;
}
.single_blogIn_pg .content{
  padding: 30px;
}

.single_blogIn_pg .content li a{
  color: #232323;
}
.single_blogIn_pg .content li{
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #232323;
  font-size: 12px;
  line-height: 30px;
}
.single_blogIn_pg .content li img{
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
}
.single_blogIn_pg .content li i{
  color: #ff6600;
  padding-right: 5px;
}
.single_blogIn_pg .content h4{
  padding-top: 15px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  color: #232323;
}
.single_blogIn_pg .content h4 a{
  color: #232323;
}
.single_blogIn_pg .content p{
  padding-top: 18px;
  color: #232323;
}
.single_blogIn_pg .btn{
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #571f9c;
  color: #ff6600;
  padding: 8px 14px;
  font-size: 16px;
  border-radius: 0;
}


.single_pagePagi.pagination .page-item .page-link{
  border-radius: 0 !important;
  margin: 0 5px;
  border:1px solid #571f9c;
  color: #571f9c;
}
.single_pagePagi.pagination .page-item .page-link.active,
.single_pagePagi.pagination .page-item .page-link:hover{
  background-color: #571f9c;
  color: #fff;
}

/*sidebar*/
.blog_sidebar_widgetFul{
  width: 100%;
  margin-top: 30px;
}
.search_wid_sidebar form{
  position: relative;
}
.search_wid_sidebar form input{
  width: 100%;
  border:1px solid #232323;
  border-radius: 5px;
  padding: 12px 15px;
  color: #232323;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.search_wid_sidebar form button{
  position: absolute;
  right: 15px;
  background:transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
  top: 12px;
}

.recent_post_sidebar,
.cat_widget_sidebar,
.sideba_tags_wid{
  width: 100%;
  margin-top: 44px;
}
.blog_sidebar_widgetFul h4{
  border-bottom: 1px solid #232323;
  color: #232323;
  text-transform: uppercase;
  padding-bottom: 6px;
  margin-bottom: 22px;
}
.recent_post_sidebar li {
  margin-top: 22px;
  display: inline-block;
  width: 100%;
}
.recent_post_sidebar li img{
  max-width: 100px;
  margin-right: 18px;
  object-fit: cover;
  height: 100px;
}
.recent_post_sidebar li a{
  font-size: 16px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  color: #232323;
  line-height: 24px;
}
.recent_post_sidebar li span{
  width: 100%;
  display: inline-block;
  padding-top: 12px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   color: #232323;
   font-size: 10px;
}
.cat_widget_sidebar li{
  display: inline-block;
  width: 100%;

}
.cat_widget_sidebar li a:hover{
  color: #571f9c;
}
.cat_widget_sidebar li a{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #232323;
  font-size: 14px;
  line-height: 40px;
  transition: 0.2s all ease-in;
}

.sideba_tags_wid li{
  display: inline-block;
  padding-right: 12px;
  padding-bottom: 12px;
}
.sideba_tags_wid li a:hover{
  background-color: #571f9c;
  color: #fff;
}
.sideba_tags_wid li a{
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #232323;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #232323;
  font-size: 14px;
  border-radius: 30px;
  transition: 0.3s all ease-in;
}

.single_blogIn_pg.page .content{
  padding: 20px;
  padding-bottom: 60px;
}

/*blog details*/

.blog_details_single_p{
  padding-top: 30px;
}

.blog_details_single_p .card{
  border: 0;
}

.blog_details_single_p .single_blog_in .card-body h5{
  font-size: 17px;
  font-weight: 700;
  color: #232323;
  margin-bottom: 30px;
}

.single_blog_in .meta li a{
  color: #232323;
}
.single_blog_in .meta li{
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #232323;
  font-size: 12px;
  line-height: 30px;
  padding-bottom: 10px;
}
.single_blog_in .meta li img{
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
}
.single_blog_in .meta li i{
  color: #ff6600;
  padding-right: 5px;
}

.single_blog_in  .images img{
  width: 100%;
}
.single_blog_in  img{
  width: 100%;
}

.blog_details_single_p .single_blog_in .card-body{
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
}

.blog_details_single_p ul.info{
  padding-bottom:25px; 
}
.blog_details_single_p ul.info li{
  width: 33%;
}
.blog_details_single_p .single_blog_in:hover .card-body h2, 
.blog_details_single_p .single_blog_in .card-body a:hover{
  color: #571f9c;
}
.blog_details_single_p .single_blog_in .card-body > p{
  padding-bottom: 26px;
}
.blog_details_single_p .single_blog_in .card-body h4{
  padding-bottom: 30px;
  font-weight: 600;
  color: #383866;
  font-size: 24px;
}

.blog_details_single_p .single_blog_in .card-body blockquote{
  width: 100%;
  background-color: #571f9c;
  padding:42px 75px;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  position: relative;
  margin-bottom: 36px;
}
.blog_details_single_p .single_blog_in .card-body blockquote p{
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  padding-left: 60px;
}
.blog_details_single_p .single_blog_in .card-body blockquote i{
  position: absolute;
  left: 65px;
  top: 30%;
  font-size: 48px;
}
.blog_details_single_p .single_blog_in .card-body h5{
  font-weight: 500;
  color: #383866;
  font-size: 16px;
  margin-bottom: 36px;
}

.blog_details_single_p .card-body .related_article li a{
  font-weight: 500;
  color: #383866;
  font-size: 16px;
}
.blog_details_single_p .card-body .related_article li{
  width: 100%;
  display: list-item;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

.post_share_btn{
  width: 100%;
  text-align: right;
}
.post_share_btn li{
  display: inline-block;
  padding-left: 16px;
  font-weight: 500;
  color: #666666;
  font-size: 18px;
}
.post_share_btn li a{
  display: inline-block;
  width: 33px;
  height: 33px;
  text-align: center;
  color: #ffffff;
  padding-top: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #3b5998;
}
.post_share_btn li .fb{
  background-color: #3b5998;
}

.post_share_btn li .tw{
  background-color: #1da1f2;
}
.post_share_btn li .in{
  background-color: #405de6;
}

.post_share_btn li .li{
  background-color: #0077b5;
}

.comment_list_show{
  width: 100%;
  padding-top: 70px;
}

.comment_list_show h3,
.comment_form_p h3{
  padding-bottom: 14px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #383866;
  font-size: 24px;
  position: relative;
}

.comment_list_show .line,
.comment_form_p .line{
  width: 44px;
  height: 3px;
  background-color: #571f9c;
  margin-left: 22px;
  border-radius: 4px;
  position: relative;
}

.comment_list_show .line:after,
.comment_form_p .line:after{
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  left: -12px;
  border-radius: 50%;
  background-color: #cccccc;
}
.comment_list_show .line:before,
.comment_form_p .line:before{
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  left: -22px;
  border-radius: 50%;
  background-color: #cccccc;
}
.comment_list_show .media{
  margin-top: 33px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 24px;
}
.comment_list_show .media img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px;
}
.comment_list_show .media ul.list li a{
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #383866;
  font-size: 16px;
}
.comment_list_show .media ul.list li{
  display: inline-block;
  padding-right: 10%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #383866;
  font-size: 16px;
}
.comment_list_show .media p{
  padding-top: 14px;
  font-weight: 400;
  color: #383866;
  font-size: 14px;
}
.comment_list_show .child{
  padding-left: 50px;
}


.comment_form_p{
  padding-top: 50px;
}
.comment_form_p p{
  padding-top: 26px;
  font-weight: 400;
  color: #383866;
  font-size: 14px;
}
.comment_form_p form textarea,
.comment_form_p form input{
  width: 100%;
  padding: 14px 22px;
  outline: 0;
  border:1px solid #cccccc;
  margin-top: 24px;
  font-weight: 400;
  color: #666666;
  font-size: 14px;
}

.comment_form_p .btn{
  padding: 12px 32px;
  margin-top: 24px;

}
/* -------------------------------- 

Close Blog style

-------------------------------- */



/* -------------------------------- 

Start Contact Page style

-------------------------------- */

.gmap_canvas iframe{
  width: 100%;
}

.mapouter{position:relative;text-align:right;height:406px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:406px;width:100%;}

.contact_form_in form{

}
.contact_form_in form input,
.contact_form_in form textarea{
  width: 100%;
  padding: 16px 20px;
  border:1px solid #e6e6e6;
  border-radius: 8px;
  background-color: #fbfaff;
  margin-bottom: 30px;
}
.contact_form_in .btn{
  text-transform: uppercase;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contact_rightAddrs{
  width: 100%;
  background-color: #571f9c;
  border-radius: 10px;
  padding: 40px 30px;
}
.contact_rightAddrs h4{
  color: #fff;
}
.contact_rightAddrs .list_infp{
  padding-top: 24px;
}
.contact_rightAddrs .list_infp li{
  padding-left: 24px;
  position: relative;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-bottom: 5px;
}
.contact_rightAddrs .list_infp li i{
  position: absolute;
  left: 0;
  top: 6px;
  color: #ff6600;
}
.contact_rightAddrs .social{
  padding-top: 30px;
}
.contact_rightAddrs .social li{
  display: inline-block;
}
.contact_rightAddrs .social li a:hover:after{
  background-color: #ff6600;
}
.contact_rightAddrs .social li a{
  display: inline-block;
  width: 29px;
  height: 30px;
  color: #571f9c;
  text-align: center;
  line-height: 30px;
  position: relative;
  z-index: 1;
  margin-right: 10px;
}
.contact_rightAddrs .social li a:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
      left: 0;
    top: 0;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s all ease-in;

}


/* -------------------------------- 

Close Contact Page style

-------------------------------- */



/* -------------------------------- 

Start 404 Page style

-------------------------------- */


.main404_sec{
  width: 100%;
  background-image: url(../images/404/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding: 135px 0;
}

.error_page_inside{
  text-align: center;
}
.error_page_inside h3{
  padding-top: 20px;
  padding-bottom: 40px;
}


/* -------------------------------- 

Close 404 Page style

-------------------------------- */



/* -------------------------------- 

Start portfolio 1 style

-------------------------------- */

.single_portfolio_st2{
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
.single_portfolio_st2 img{
  display: block;
  width: 100%;
  object-fit: cover;

}
.single_portfolio_st2:hover .inner_port{
  width: 100%;
  height: 100%;
  opacity: 1;
}
.single_portfolio_st2 .inner_port{
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba( 0, 0, 0,0.71 );
  padding-top: 10%;
  padding-left: 10%;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.single_portfolio_st2 .inner_port h5{
  color: #fff;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
.single_portfolio_st2 .inner_port h4{
  color: #fff;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 30px;
}
.single_portfolio_st2 .inner_port a{
  position: absolute;
  left: 10%;
  bottom: 10%;
  color: #fff;
  font-size: 20px;
}

.style2.single_portfolio_st2{
  margin: 0;
}

.grid.portfolio2 .grid-item{
  margin-top: 0;
}

/* -------------------------------- 

Close portfolio 1 style

-------------------------------- */



/* -------------------------------- 

Start Services page style

-------------------------------- */

.broadcrump_pg.service{
  background-image: url(../images/services/banner.jpg);
}

.services_form_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-image: url(../images/services/service_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.services_form_sec:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #000000;
  opacity: 0.70;
}

.left_services_formIn h3{
  color: #fff;
}
.left_services_formIn p{
  color: #fff;
  font-size: 16px;
  padding-top: 22px;
}
.left_services_formIn form{
  margin-top: 44px;
}
.left_services_formIn form select,
.left_services_formIn form input{
  width: 100%;
  color: #fff;
  outline: 0;
  border: 0;
  background-color: rgba( 87, 31, 156,0.27 );
  margin-bottom: 22px;
  padding: 12px 20px;
  border-radius: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.left_services_formIn form .btn{
  text-transform: uppercase;
  padding: 12px 32px;
}

/* -------------------------------- 

Close Services page style

-------------------------------- */



/* -------------------------------- 

Start Service detail page style

-------------------------------- */


.service_single_dtIn{}
.service_single_dtIn h3{
  padding-top: 22px;
  color: #232323;
  padding-bottom: 22px;
}
.service_single_dtIn p{
  padding-bottom: 22px;
  color: #222222;
}
.service_single_dtIn h4{
  color: #232323;
  padding-bottom: 12px;
}
.service_single_dtIn .list_business li{
  position: relative;
  margin-bottom: 22px;
  padding-left: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  line-height: 20px;
}
.service_single_dtIn .list_business li:after{
  content: '';
  width: 9px;
  height: 9px;
  background-color: #002240;
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 1;
}
.service_single_dtIn .list_business li:before{
  content: '';
  background-color: #fedb03;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 10px;
  z-index: 11;
}

.service_single_dtIn .service_detailsBox{
  width: 100%;
  position: relative;
  z-index: 2;

  margin-bottom: 20px;
  padding: 26px 12px;
}
.service_single_dtIn .service_detailsBox:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #000000;
  z-index: -1;
}
.service_single_dtIn .service_detailsBox:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: -20px;
  bottom: -20px;
  background-color: #571f9c;
  z-index: -11;
}
.service_single_dtIn .service_detailsBox p{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  padding: 0;
}
.service_single_dtIn .service_detailsBox p strong{
  font-style: italic;
}

.service_single_dtIn .single_boxes_srvc{
  width: 100%;
  margin-top: 22px;
  background-color: #ff6600;
  padding: 20px;
}
.service_single_dtIn .single_boxes_srvc h4{
  color: #fff;
  padding-bottom: 20px;
}
.service_single_dtIn .single_boxes_srvc p{
  color: #fff;
}
.services_boxesIclr .row .col-md-6:nth-child(2) .single_boxes_srvc,
.services_boxesIclr .row .col-md-6:nth-child(3) .single_boxes_srvc{
  background-color: #571f9c;
}

/*sidebar*/
.service_sidebarCat,
.servicde_sidebar_book,
.service_sidebar_download{
  width: 100%;
  border: 1px solid #571f9c;
  padding: 10px;
  margin-bottom: 50px;
}
.service_sidebarCat h4,
.servicde_sidebar_book h4,
.service_sidebar_download h4{
  display: inline-block;
  width: 100%;
   background-color: #f60;
   color: #fff;
   padding: 12px;
   padding-left: 22px;
   position: relative;
   z-index: 1;
   font-weight: 400;
   font-size: 18px;
   line-height: 30px;
   box-shadow: 0px 0px 8px 1px rgba( 0, 0, 0,0.21 );
}
.service_sidebarCat h4:after,
.servicde_sidebar_book h4:after,
.service_sidebar_download h4:after{
  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #571f9c;
  border-radius: 0 5px 5px 0;
}
.service_sidebarCat li{
  margin-top: 14px;
  box-shadow: 0px 0px 8px 1px rgba( 0, 0, 0,0.21 );
  padding: 12px 13px;
}
.service_sidebarCat li a{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  color: #232323;
  font-size: 18px;
  line-height: 30px;
}


.servicde_sidebar_book  li{
  position: relative;
  margin-top: 26px;
  padding-left: 22px;
}
.servicde_sidebar_book  li:after{
  content: '';
  width: 9px;
  height: 9px;
  background-color: #ff6600;
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 1;
}
.servicde_sidebar_book  li:before{
  content: '';
  background-color: #571f9c;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 10px;
  z-index: 11;
}
.servicde_sidebar_book  li a{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #232323;
  line-height: 24px;
}
.servicde_sidebar_book  .btn{
  margin-top: 14px;
  padding: 8px 18px;
  background-color: #ff6600;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  border-radius: 0;
  margin-bottom: 16px;
}

.service_sidebar_download{
  padding-bottom: 24px;
}
.service_sidebar_download .single_download_link{
  margin-top: 24px;
  min-height: 72px;
  position: relative;
  overflow: hidden;
}
.service_sidebar_download .single_download_link .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 67px;
  height: 67px;
  background-color: #571f9c;
  border-radius: 50%;
  text-align: center;
  line-height: 67px;
  vertical-align: middle;
  z-index: 11;
}
.service_sidebar_download .single_download_link .img img{
  display: inline-block;
  vertical-align: middle;
}
.service_sidebar_download .single_download_link .con{
  width: 96%;
  background-color: #571f9c;
  position: absolute;
  left: 4%;
  z-index: 1;
  padding: 8px 0;
  padding-left: 72px;
  top: 50%;
  -webkit-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  transform: translate(0%,-50%);

}
.service_sidebar_download .single_download_link .con p{
  color: #fff;
  font-size: 11px;
}
.service_sidebar_download .single_download_link .con span{
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  text-align: center;
  background-color: #ff6600;
  color: #fff;
  padding: 7px 0;
}
.service_sidebar_download .single_download_link a{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

/* -------------------------------- 

Close Service detail page style

-------------------------------- */



/* -------------------------------- 

Start Responsive style

-------------------------------- */

@media only screen and (max-width : 480px) {
  .single_team_in{
    height: 420px;
  }
}
@media only screen and (max-width : 767px) {
  .topBarFist{
    display: none;
  }
  .header-logo-menu{
    top: 0;
  }
  .hero-section-tp{
    padding-top: 150px;
  }
  .banner_right_image img{
    max-width: 100%;
    width: 100%;
    margin: auto;
  }
  .about_content_right{
    padding-top: 30px;
  }
  .minus-topRW .col-md-6:nth-child(2),
  .minus-topRW .col-md-6:nth-child(3){
    margin-top: 0;
  }
  .shapesZi .shapes{
    bottom: auto;
    top: -90px;
  }
  .videoPlayerYT{
    margin-bottom: 30px;
  }
  .single_fun_in{
    margin: 15px 0;
  }
  .testimonials_sec:after{
    display: none;
  }
  .testimonials_single_in .img{
    position: unset;
    transform: translate(0);
  }

  /*home2*/
  .single_serviceHm2{
    margin: 15px 0;
  }
  .shapesZi{
    margin-top: 30px;
  }
  .fun_inside2{
    margin: 20px 0;
  }
  .blogFullLeft1.list-blog .img{
    max-width: 100px;
  }
  .blogFullLeft1.singleBlog{
    margin-bottom: 30px;
  }
  .fWidget {
    margin: 15px 0;
  }
  .schedule_contents_tabs .single-collapse .collapse-title .btn{
    white-space: normal;
  }
  .team_single_in3{
    padding-left: 20px;
    padding-right: 20px;
  }
  .single_factSt3{
    padding-bottom: 30px;
  }
  .single_factAll{
    margin-top: 30px;
  }
  .hero-section-tp.home3{
    padding-top: 120px;
    padding-bottom: 80px;
  }
  .about_text_right{
    width: 100%;
    margin-left: 0;
  }
  .about_images_pg1{
    width: 100%;
  }
  .about_text_right.margin_opt{
    margin-right: 0;
  }
  .about_images_pg1.margin_opt{
    width: 100%;
    margin-left: 0;
  }
  .about_images_pg1{
    margin-bottom: 30px;
  }
  .about_images_pg1.margin_opt{
    margin-top: 30px;
  }
   .recent_post_sidebar li img{
    max-width: 70px;
    height: 70px;
  }
  .service_single_dtIn .service_detailsBox{
    margin-bottom: 30px;
  }
  .service_sidebarCat{
    margin-top: 36px;
  }
  .contact_rightAddrs{
    margin-top: 30px;
  }
  .testimonials_single_in{
    padding-left: 0;
  }
  .title.pl-per{
    padding-left: 0;
    text-align: center;
  }
  .plans_events_sec .left_bg{
    width: 100%;
    height: 50%;
    top: 0;
  }
  .plans_events_sec .right_bg{
    width: 100%;
    height: 50%;
    top: 50%;
  }
  .schedule_contents_tabs .single-collapse{
    padding-left: 0;
    padding-top: 40px;
  }
  .schedule_contents_tabs .single-collapse{
    margin: 20px 0;
  }
  .schedule_contents_tabs .single-collapse .collapse-title{
    position: relative;
    padding-top: 40px;
  }
  .testi_nvImg img{
    width: 30px;
    height: 30px;
  }
  .slick-current .testi_nvImg img{
    width: 35px;
    height: 35px;
  }
  .single_blogIn_pg{
    padding-bottom: 40px;
  }
  .blog_details_single_p .single_blog_in .card-body blockquote{
    padding-left: 10px;
    padding-right: 10px;
  }
  .blog_details_single_p .single_blog_in .card-body blockquote p{
    padding-left: 40px;
  }
  .blog_details_single_p .single_blog_in .card-body blockquote i{
    left: 10px;
    font-size: 24px;
  }
  .service_single_dtIn .service_detailsBox{
    margin-bottom: 60px;
  }
  .schedule_task_list .nav-tabs{
    width: 1140px;
  }
  .schedule_menus{
    overflow: auto;
  }

  .mean-container .mean-nav > ul{
    height: 300px;
    overflow: auto;
  }
  .service_bestSec.py-90{
    padding-top: 90px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 993px) {
  .minus-topRW .col-md-6:nth-child(3){
    margin-top: -45px;
  }
  .price_table_single .price_head .tag{
    bottom: -42px;
  }
  .testimonials_single_in{
    padding-left: 30%;
  }
  .about_text_right{
    width: 100%;
    margin-left: 0;
  }
  .about_images_pg1{
    width: 100%;
  }
  .about_text_right.margin_opt{
    margin-right: 0;
  }
  .about_images_pg1.margin_opt{
    width: 100%;
    margin-left: 0;
  }
  .recent_post_sidebar li img{
    max-width: 70px;
    height: 70px;
  }
  .service_single_dtIn .service_detailsBox{
    margin-bottom: 30px;
  }
  .service_sidebar_download .single_download_link .con{
    width: 92%;
    left: 8%;
    padding-left: 52px;
    border-radius: 40px 0 0 40px;
  }
  .service_sidebar_download .single_download_link .con p{
    width: 77px;
    line-height: 12px;
    font-size: 10px;
  }
  .schedule_task_list .nav-tabs{
    width: 1140px;
  }
  .schedule_menus{
    overflow: auto;
  }
}

@media only screen and (max-width : 993px) {
  .service_sidebarCat li a{
    font-size: 16px;
  }
  .hero_content_left h1,
  h1{
    font-size: 36px;
    line-height: 42px;
  }
  h3{
    font-size: 24px;
    line-height: 32px;
  }
  h4{
    font-size: 18px;
    line-height: 24px;
  }
  h5{
    font-size: 16px;
    line-height: 22px;
  }
  p{
    font-size: 14px;
    line-height: 24px;
  }
  .hero_content_left .btn-group .btn{
    font-size: 18px;
  }
  .btn.style2{
    font-size: 16px;
    line-height: 22px;
  }
  .services_sec{
    overflow: hidden;
  }
  .price_opt_md li,
  .single_team_in .name p{
    font-size: 18px;
    line-height: 28px;
  }
  .price_table_single .price h3{
    font-size: 28px;
  }
  .price_table_single .price_foo .btn{
    font-size: 16px;
  }
  .single_fun_in .content h4,
  .single_fun_in .content p,
  .single_team_in .name h4{
    font-size: 20px;
    line-height: 30px;
  }
  .testimonials_single_in .info h4{
    font-size: 18px;
  }
  .testimonials_single_in .info h5{
    font-size: 17px;
  }
  .call_to_act_in h2{
    font-size: 36px;

  }
  .call_to_act_in p,
  .call_to_act_in .btn{
    font-size: 20px;
  }
  .fWidget h4,
  .fun_inside2 .content h4,
  .fun_inside2 .content h3,
  .team_insideSt2 .name h4{
    font-size: 20px;
  }
  .copyright_text p{
    font-size: 14px;
  }
  .single_serviceHm2 .content h5{
    font-size: 16px;
  }
  .title.style2 h5,
  .single_service_in2 h5{
    font-size: 16px;
  }
  .team_insideSt2 .name p,
  .title.style3 h5,
  .single_servicesIn3 h5,
  .filter-button-group button{
    font-size: 16px;
  }
  .team_insideSt2{
    height: 500px;
  }
  .testi2sliderIn .media h4{
    font-size: 19px;
  }
  .testi2sliderIn .media p{
    font-size: 17px;
  }
  .blogFullLeft1.singleBlog .content h4,
  .left_title_sch h4,
  .team_single_in3 .name h4,
  .single_factSt3 h4,
  .single_factSt3 h3{
    font-size: 20px;
  }
  .inside_plans_sing h5{
    font-size: 18px;
  }
  .schedule_contents_tabs .single-collapse .collapse-title .btn{
    font-size: 18px;
  }
  .single_testi3In .media-body h4{
    font-size: 19px;
  }
  .single_testi3In .media-body h5{
    font-size: 17px;
  }
  .counter_in h3{
    font-size: 24px;
  }
  .blog_details_single_p .single_blog_in .card-body h4,
  .comment_list_show h3, .comment_form_p h3{
    font-size: 20px;
  }
  .search.mean-last{
    display: none;
  }

}



/* -------------------------------- 

Close Responsive style

-------------------------------- */