@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div

pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,

figure, header, nav, section, article, aside, footer, figcaption {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  color: white;

}

.black h2, .black h3, .black p{

  color: black!important;

}

.black ul li a{

  color: black;

}

.black-c{

  color: black;

}

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



.clearfix {

  display: inline-block;

}



html[xmlns] .clearfix {

  display: block;

}



* html .clearfix {

  height: 1%;

}



ul, li {

  padding: 0;

  margin: 0;

  list-style: none;

}



header, nav, section, article, aside, footer, hgroup {

  display: block;

}



* {

  box-sizing: border-box;

}



html, body {

  font-family: "Arial", sans-serif;

  font-weight: 400;

  background-color: #fff;

  font-size: 16px;

  -ms-text-size-adjust: 100%;

  -webkit-font-smoothing: always;

  -moz-osx-font-smoothing: grayscale;

}



a {

  text-decoration: none !important;

}



h1, h2, h3, h4, h5, h6 {

  margin-top: 0px;

  margin-bottom: 0px;

}



ul {

  margin-bottom: 0px;

}



/* 

---------------------------------------------

global styles

--------------------------------------------- 

*/

html,

body {

  background: #fff;

  font-family: "Arial", sans-serif;

}



::selection {

  background: #ff589e;

  color: #fff;

}



::-moz-selection {

  background: #ff589e;

  color: #fff;

}



.section {

  position: relative;

  padding-top: 100px;

  padding-bottom: 80px;

}



.section.colored {

  background: #f2f2fe;

}



.hr {

  bottom: 0px;

  width: 100%;

  height: 1px;

  margin-top: 100px;

  border-bottom: 1px solid #eee;

}



.left-heading.light .section-title {

  color: #ffffff;

}



.left-heading .section-title {

  font-weight: 600;

    font-size: 32px;

    line-height: 42px;

    color: #8664ef;

    letter-spacing: 0.25px;

    margin-bottom: 30px;

    position: relative;

}



.center-heading {

  text-align: center;

}



.center-heading .section-title {

  font-weight: 500;

  font-size: 28px;

  color: #1e1e1e;

  letter-spacing: 1.75px;

  line-height: 38px;

  margin-bottom: 20px;

}



.center-heading.colored .section-title {

  color: #ffffff;

}



.center-text {

  text-align: center;

  font-weight: 400;

  font-size: 16px;

  color: #777;

  line-height: 28px;

  letter-spacing: 1px;

  margin-bottom: 50px;

}



.center-text.colored {

  color: #fff;

}



.center-text p {

  font-size: 15px;

  color: #777;

  margin-bottom: 30px;

}



.left-text {

  font-weight: 400;

  font-size: 16px;

  color: #777;

  line-height: 28px;

  letter-spacing: 1px;

}



.left-text.light {

  color: #fff;

}



.left-text p {

  margin-bottom: 30px;

}



.left-text p.dark {

  color: #3B566E;

}



.padding-bottom-top-60 {

  padding-top: 60px !important;

  padding-bottom: 60px !important;

}



.padding-bottom-80 {

  padding-bottom: 80px !important;

}



.padding-bottom-100 {

  padding-bottom: 100px !important;

}



.border-bottom {

  border-bottom: 1px solid #eee !important;

}



.mbottom-30 {

  margin-bottom: 30px !important;

}

.ankr-text{

  color: white;

}

.ankr-text:hover{

  color: white;

  text-decoration: underline!important;

}



.align-self-center {

  -ms-flex-item-align: center !important;

  align-self: center !important;

}



.align-self-bottom {

  -ms-flex-item-align: flex-end !important;

  align-self: flex-end !important;

}



.padding-bottom-0 {

  padding-bottom: 0px !important;

}



.padding-top-0 {

  padding-top: 0px !important;

}



.padding-top-80 {

  padding-top: 80px !important;

}



.padding-top-70 {

  padding-top: 70px !important;

}



.padding-top-20 {

  padding-top: 20px !important;

}



.margin-bottom-0 {

  margin-bottom: 0px !important;

}



.margin-bottom-30 {

  margin-bottom: 30px !important;

}



.margin-top-30 {

  margin-top: 30px !important;

}



.margin-top-15 {

  margin-top: 15px !important;

}



.margin-bottom-45 {

  margin-bottom: 45px !important;

}



.margin-bottom-20 {

  margin-bottom: 20px !important;

}



.margin-bottom-60 {

  margin-bottom: 60px !important;

}



.margin-bottom-100 {

  margin-bottom: 100px !important;

}



@media (max-width: 991px) {

  html, body {

    overflow-x: hidden;

  }

  .mobile-top-fix {

    margin-top: 30px;

    margin-bottom: 0px;

  }

  .mobile-bottom-fix {

    margin-bottom: 30px;

  }

  .mobile-bottom-fix-big {

    margin-bottom: 60px;

  }

}

.white-text{

  color: white!important;

}



a.main-button-slider {

  font-size: 20px;

  font-weight: 700;

  border-radius: 20px;

  padding: 12px 20px;

  background-color: #ff589e;

  text-transform: uppercase;

  color: #fff;

  letter-spacing: 0.25px;

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

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

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

  transition: all 0.3s ease 0s;

}



a.main-button-slider:hover {

  background-color: #8261ee;

}



a.main-button {

  font-size: 13px;

  border-radius: 20px;

  padding: 12px 20px;

  background-color: #8261ee;

  text-transform: uppercase;

  color: #fff;

  letter-spacing: 0.25px;

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

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

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

  transition: all 0.3s ease 0s;

}



a.main-button:hover {

  background-color: #ff589e;

}



button.main-button {

  outline: none;

  border: none;

  cursor: pointer;

  font-size: 13px;

  border-radius: 20px;

  padding: 12px 20px;

  background-color: #8261ee;

  text-transform: uppercase;

  color: #fff;

  letter-spacing: 0.25px;

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

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

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

  transition: all 0.3s ease 0s;

}



button.main-button:hover {

  background-color: #ff589e;

}





/* 

---------------------------------------------

header

--------------------------------------------- 

*/

.header-area {

  position: fixed;

  top: 30px;

  left: 0px;

  right: 0px;

  z-index: 100;

  height: 100px;

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

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

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

  transition: all 0.3s ease 0s;

}



.header-area .main-nav {

  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);

  border-radius: 40px;

  /* height: 80px; */

  background: #fff;



}



.header-area .main-nav .logo {

  float: left;

  margin-top: 37px;

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

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

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

  transition: all 0.3s ease 0s;

  margin-left: 30px;

}

.logo img{

  width: 100%;

  height: 57px;

  margin-top: -15px;

}





.header-area .main-nav .logo img {

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

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

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

  transition: all 0.3s ease 0s;

}



.header-area .main-nav .nav {

  float: right;

  margin-top: 27px;

  margin-left: 0px;

  margin-right: 30px;

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

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

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

  transition: all 0.3s ease 0s;

  position: relative;

  z-index: 999;



}



.header-area .main-nav .nav li {

  padding-left: 15px;
  margin-bottom: 30px;
  /* padding-right: 20px;*/

}



.header-area .main-nav .nav li:last-child {

  padding-right: 0px;

}

.dropdown-content a{

  font-size: 13px!important;

}

.header-area .main-nav .nav li a {

  display: block;

  font-weight: 500;

  font-size: 15px;

  color: #fff;

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

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

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

  transition: all 0.3s ease 0s;

  height: 40px;

  line-height: 40px;

  border: transparent;

  letter-spacing: 1px;



}



.header-area .main-nav .nav li a:hover {

 color: #4E47DE;

}





.header-area .main-nav .menu-trigger {

  cursor: pointer;

  display: block;

  position: absolute;

  top: 23px;

  width: 32px;

  height: 40px;

  text-indent: -9999em;

  z-index: 99;

  right: 40px;

  display: none;

  

}



.header-area .main-nav .menu-trigger span,

.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  background-color: #3B566E;

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

}



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  background-color: #3B566E;

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

  width: 75%;

}



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  content: "";

}



.header-area .main-nav .menu-trigger span {

  top: 16px;

 



}



.header-area .main-nav .menu-trigger span:before {

  -moz-transform-origin: 33% 100%;

  -ms-transform-origin: 33% 100%;

  -webkit-transform-origin: 33% 100%;

  transform-origin: 33% 100%;

  top: -10px;

  z-index: 10;



}



.header-area .main-nav .menu-trigger span:after {

  -moz-transform-origin: 33% 0;

  -ms-transform-origin: 33% 0;

  -webkit-transform-origin: 33% 0;

  transform-origin: 33% 0;

  top: 10px;



}



.header-area .main-nav .menu-trigger.active span,

.header-area .main-nav .menu-trigger.active span:before,

.header-area .main-nav .menu-trigger.active span:after {

  background-color: transparent;

  width: 100%;



}



.header-area .main-nav .menu-trigger.active span:before {

  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);

  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);

  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);

  transform: translateY(6px) translateX(1px) rotate(45deg);

  background-color: #3B566E;

}



.header-area .main-nav .menu-trigger.active span:after {

  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  transform: translateY(-6px) translateX(1px) rotate(-45deg);

  background-color: #3B566E;

}



.header-area.header-sticky {

  min-height: 80px;

}



.header-area.header-sticky .logo {

  margin-top: 25px;

}



.header-area.header-sticky .nav {

  margin-top: 8px !important;

}



.header-area.header-sticky .nav li a,

.header-area.header-sticky .nav li a i {

  color: #1e1e1e;

}



.header-area.header-sticky .nav li a.active {

 color: #4E47DE;

}



@media (max-width: 1200px) {

  .header-area .main-nav .nav li {

    padding-left: 12px;

    padding-right: 12px;

  }

  .header-area .main-nav:before {

    display: none;

  }

}



@media (max-width: 991px) {

  .header-area {

    padding: 0px 15px;

    height: 80px;

    box-shadow: none;

    text-align: center;

  }

  .header-area .container {

    padding: 0px;



  }

  .header-area .logo {

    margin-top: 27px !important;

    margin-left: 30px;

  }

  .header-area .menu-trigger {

    display: block !important;

  }

  .header-area .main-nav {

    overflow: hidden;



  }

  .header-area .main-nav .nav {

    float: none;

    width: 100%;

   

    display: none;

    -webkit-transition: all 0s ease 0s;

    -moz-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

    margin-left: 0px;

  }

  .header-area .main-nav .nav li:first-child {

    border-top: 1px solid #eee;

  }

  .header-area .main-nav .nav li {

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #eee;

    padding-left: 0px !important;

    padding-right: 0px !important;

    

  }

  .header-area .main-nav .nav li a {

    height: 50px !important;

    line-height: 50px !important;

    padding: 0px !important;

    border: none !important;

    background: #fff !important;

    color: #3B566E !important;

  }

  .header-area .main-nav .nav li a:hover {

    background: #eee !important;

  }

}



@media (min-width: 992px) {

  .header-area .main-nav .nav {

    display: flex !important;

  }

}



/* 

---------------------------------------------

welcome

--------------------------------------------- 

*/

.welcome-area {

  overflow: hidden;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: url(../images/banner-bg.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover; 

  height: 100vh;

}



.welcome-area .header-text {

  position: absolute;

  top: 50%;

  transform: translateY(-55%);

  text-align: center;

  width: 100%;

}



.welcome-area .header-text h1 {

  font-weight: 500;

  /* font-size: 36px;

  line-height: 54px; */

  /* letter-spacing: 1.4px; */

  margin-bottom: 30px;



  color: #fff;

}

.heading-1{

  margin-top: 60px!important;

  font-size: 28px;

}



.welcome-area .header-text p {

  font-weight: 400;

  font-size: 15px;

  color: #fff;

  line-height: 28px;

  letter-spacing: 0.25px;

  margin-bottom: 40px;

  position: relative;

}



.welcome-area-1 {

  overflow: hidden;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: url(../images/banner-bg.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover; 

  height: 40vh;

}



@media (max-width: 991px) {

  .welcome-area .header-text {

    top: 65% !important;

    transform: perspective(1px) translateY(-60%) !important;

    text-align: center;

  }

  .welcome-area .header-text h1 {

    text-align: center;

    color: #fff;

    margin-bottom: 15px;

  }

  .welcome-area .header-text h1 span {

    color: #fff;

  }

  .welcome-area .header-text p {

    text-align: center;

    color: #fff;

    margin-bottom: 20px;

  }

}



@media (max-width: 820px) {

  .welcome-area .header-text {

    top: 65% !important;

    transform: perspective(1px) translateY(-60%) !important;

  }

   .welcome-area .header-text h1 {

    font-size: 22px;

    line-height: 30px;

    margin-bottom: 15px;

  }

  .welcome-area .header-text p {

    margin-bottom: 20px;

  }

}



@media (max-width: 765px) {

  /* .welcome-area {

    margin-bottom: 100px;

  } */

  .welcome-area .header-text {

    top: 50% !important;

    transform: perspective(1px) translateY(-50%) !important;

    text-align: center;

  }

  .welcome-area .header-text .buttons {

    display: none;

  }

  .welcome-area .header-text h1 {

    font-weight: 600;

    font-size: 24px !important;

    line-height: 30px !important;

    margin-bottom: 30px !important;

  }

  .welcome-area .header-text h1 span {

    color: #fff;

  }

  .welcome-area .header-text p {

    text-align: center;

    color: #fff;

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 40px;

  }

}





/* 

---------------------------------------------

features

--------------------------------------------- 

*/

.features-small-item {

  cursor: pointer;

  display: block;

  background: #FFFFFF;

  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.10);

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  padding: 30px;

  text-align: center;

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

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

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

  transition: all 0.3s ease 0s;

  position: relative;

  margin-bottom: 30px;

}



.features-small-item:hover .icon {

  background-color: #ff589e;

}



.features-small-item .icon {

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

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

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

  transition: all 0.3s ease 0s;

  width: 90px;

  height: 90px;

  line-height: 90px;

  margin: auto;

  position: relative;

  margin-bottom: 30px;

  background: #8261ee;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

.features-small-item i{

  color: black;

  font-size: 28px;

    margin-bottom: 11px;

}

.features-small-item .icon i {

  font-size: 18px;

  color: #fff;

}

.marketing-img{

  text-align: center;

}

.marketing-img img{

  width: 15%;

}

.marketing-img i{

  color: black!important;

}



.features-small-item .features-title {

  font-weight: 500;

  font-size: 20px;

  color: #1e1e1e;

  letter-spacing: 0.7px;

  margin-bottom: 15px;

  position: relative;

  z-index: 2;

}



.features-small-item p {

  font-weight: 400;

  font-size: 15px;

  color: #777;

  letter-spacing: 0.5px;

  line-height: 25px;

  position: relative;

  z-index: 2;

}



.features-small-item a {

  float: right;

  position: relative;

  z-index: 2;

}



.home-feature {

  padding-bottom: 0px;

  padding-top: 30px;

  margin-top: -220px;

  z-index: 9;

}



@media (max-width: 991px) {

  .home-feature {

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

  }

}



/* 

---------------------------------------------

parallax & home seperator

--------------------------------------------- 

*/

.mini {

  min-height: 215px;

  overflow: hidden;

  position: relative;

  padding-top: 90px;

  padding-bottom: 90px;

}



.mini:before {

  content: '';

  position: absolute;

  width: 140%;

  height: 140%;

  opacity: .95;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  background-image: url(../images/work-process-bg.png);

  z-index: 2;

  top: -20%;

  left: -20%;

}



.mini .mini-content {

  position: relative;

  z-index: 3;

}



.mini .mini-content .info {

  text-align: center;

  color: #fff;

  padding-top: 20px;

  padding-bottom: 20px;

}



.mini .mini-content .info small {

  display: block;

  font-weight: 400;

  font-size: 13px;

  margin-bottom: 5px;

}



.mini .mini-content .info strong {

  font-weight: 700;

  font-size: 17px;

  margin-bottom: 40px;

  display: block;

}



.mini .mini-content .info h1 {

  color: #fff;

  font-weight: 500;

  font-size: 28px;

  letter-spacing: 0.25px;

  margin-bottom: 30px;

}



.mini .mini-content .info p {

  letter-spacing: 1px;

  margin-bottom: 40px;

  color: #fff;

  letter-spacing: 0.25px;

  line-height: 26px;

  font-weight: 400;

  font-size: 15px;

}



.mini .mini-content .info p span {

  text-decoration: underline;

}



.mini .mini-content .mini-box {

  display: block;

  background: #fff;

  padding: 20px;

  border-radius: 20px;

  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

  margin-bottom: 30px;

  position: relative;

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

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

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

  transition: all 0.3s ease 0s;

  height: 145px;

  text-align: center;

}



.mini .mini-content .mini-box:hover {

  margin-top: -10px;

}



.mini .mini-content .mini-box:before {

  content: '';

  position: absolute;

  z-index: -1;

  background: #fff;

  width: 100%;

  opacity: .15;

  height: 100%;

  bottom: -10px;

  left: 0px;

  right: -20px;

  margin: auto;

  border-radius: 20px;

}



.mini .mini-content .mini-box i {

  display: block;

  font-size: 26px;

  margin-bottom: 15px;

  color: #9f7fed;

  font-weight: 600;

}
.top li{
  color: black;
}
.top i{
  margin-right: 10px;
}

.img-1{

  text-align: center;

}

.img-1 img{

  width: 100%;

}



.img-2{

  text-align: center;

}

.img-2 img{

  width: 90%;

 

}

.img-4{

  text-align: center;

}

.img-4 img{

  width: 100%;

  height: 221px;

}

.img-5{

  text-align: center;

}

.img-5 img{

  width: 100%;

  height: 200px;

}

.service-section img{

  width: 100%;

  height: 175px;

}

.card-ht-3{

  height: 350px!important;

}

.service-section-1 img{

  width: 80%;

  height: 150px;

}

.card-ht-4{

  height: 280px!important;

}





.mini .mini-content .mini-box span {

  display: block;

  font-weight: 400;

  font-size: 15px;

  color: black;

  

}



.mini .mini-content .mini-box strong {

  display: block;

  font-weight: 400;

  font-size: 17px;

  color: #1e1e1e;

  letter-spacing: 0.25px;

  margin-bottom: 5px;

  margin-top: 20px;

}



.counter {

  overflow: hidden;

  position: relative;

}



.counter:before {

  content: '';

  position: absolute;

  width: 140%;

  height: 140%;

  opacity: .90;

  background-image: url(../images/fun-facts-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  z-index: 2;

  top: -20%;

  left: -20%;

}



.counter .content {

  position: relative;

  z-index: 3;

  width: 100%;

}



.counter .content .count-item {

  height: 340px;

  position: relative;

  float: left;

  width: 100%;

}



.counter .content .count-item.decoration-bottom {

  position: relative;

}



.counter .content .count-item.decoration-bottom:after {

  content: '';

  position: absolute;

  width: 70%;

  height: 32px;

  top: 160px;

  left: 70%;

  background: url(../images/circle-dec.png) center center no-repeat;

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

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

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

  transition: all 0.3s ease 0s;

}



.counter .content .count-item.decoration-top {

  position: relative;

}



.counter .content .count-item.decoration-top:after {

  content: '';

  position: absolute;

  width: 70%;

  height: 32px;

  top: 140px;

  left: 70%;

  background: url(../images/circle-dec.png) center center no-repeat;

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

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

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

  transition: all 0.3s ease 0s;

}



.counter .content .count-item:hover strong {

  margin-top: 110px;

}



.counter .content .count-item strong {

  display: block;

  text-align: center;

  font-weight: 600;

  font-size: 36px;

  letter-spacing: 0.25px;

  margin-bottom: 10px;

  color: #fff;

  margin-top: 120px;

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

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

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

  transition: all 0.3s ease 0s;

}



.counter .content .count-item span {

  display: block;

  text-align: center;

  color: #fff;

  font-weight: 500;

  font-size: 17px;

  letter-spacing: 0.25px;

}



@media (max-width: 991px) {

  .parallax {

    padding-top: 60px;

    padding-bottom: 60px;

    min-height: auto;

  }

  .parallax .content {

    position: relative !important;

    top: 0% !important;

    transform: perspective(1px) translateY(0%) !important;

  }

  .counter {

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .counter .content {

    position: relative !important;

    top: 0% !important;

    transform: perspective(1px) translateY(0%) !important;

  }

  .counter .content .count-item {

    height: auto;

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .counter .content .count-item:hover strong {

    margin-top: 0px;

  }

  .counter .content .count-item:before {

    display: none;

  }

  .counter .content .count-item:after {

    display: none;

  }

  .counter .content .count-item strong {

    margin-top: 0px;

  }

}



/* 

---------------------------------------------

team

--------------------------------------------- 

*/

.team-item {

  background: #fff;

  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.10);

  border-radius: 20px;

  position: relative;

  margin-bottom: 30px;

  padding-bottom: 25px;

}



.team-item:hover .team-content .team-info {

  margin-left: 30px;

}



.team-item i {

  display: block;

  margin-left: 25px;

  margin-top: 25px;

  font-size: 30px;

  color: #4E47DE;

  text-align: center;

}



.team-item .user-image {

  width: 60px;

  height: 60px;

  overflow: hidden;

  -webkit-border-radius: 100px;

  -moz-border-radius: 100px;

  border-radius: 100px;

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

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

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

  transition: all 0.3s ease 0s;

  margin-left: 25px;

  float: left;

}



.team-item .team-content {

  text-align: left;

  overflow: hidden;

}



.team-item .team-content .team-info {

  float: left;

  margin-left: 20px;

  margin-top: 8px;

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

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

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

  transition: all 0.3s ease 0s;

}



.team-item .team-content .team-info .user-name {

  display: block;

  font-weight: 400;

  font-size: 17px;

  color: #1e1e1e;

  letter-spacing: 0.25px;

  margin-bottom: 5px;

}



.team-item .team-content .team-info span {

  display: block;

  font-weight: 400;

  font-size: 15px;

  color: #ff589e;

  letter-spacing: 0.25px;

}



.team-item .team-content p {

  margin-top: 25px;

  padding-left: 25px;

  padding-right: 25px;

  margin-bottom: 25px;

  font-weight: 400;

  font-size: 15px;

  color: #777;

  letter-spacing: 0.6px;

  line-height: 26px;

}



/* 

---------------------------------------------

pricing

--------------------------------------------- 

*/

.pricing-item {

  background: #FFFFFF;

  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);

  border-radius: 20px;

  margin-bottom: 30px;

  margin-top: 20px;

  padding: 30px 0px 40px 0px;

}



.pricing-item.active .pricing-header {

  position: relative;

}



.pricing-item.active .pricing-header .pricing-title {

  color: #1e1e1e;

}



.pricing-item.active .pricing-body .price-wrapper {

  background-color: #ff589e;

}



.pricing-item.active .pricing-body .price-wrapper .currency {

  color: #fff;

}



.pricing-item.active .pricing-body .price-wrapper .price {

  color: #fff;

}



.pricing-item.active .pricing-body .price-wrapper .period {

  color: #fff;

}



.pricing-item .pricing-header {

  text-align: center;

  display: block;

  position: relative;

  padding-bottom: 10px;

}



.pricing-item .pricing-header .pricing-title {

  font-weight: 500;

  font-size: 20px;

  letter-spacing: 0.25px;

  color: #1e1e1e;

  width: 180px;

  height: 40px;

  line-height: 40px;

  left: 0px;

  right: 0px;

  margin: auto;

}



.pricing-item .pricing-body {

  margin-bottom: 40px;

}



.pricing-item .pricing-body .price-wrapper {

  text-align: center;

  padding-top: 20px;

  padding-bottom: 13px;

  background: #8261ee;

  width: 80%;

  margin: auto;

  margin-bottom: 40px;

  margin-top: 5px;

  border-radius: 20px;

}



.pricing-item .pricing-body .price-wrapper .currency {

  height: 47px;

  font-weight: 500;

  font-size: 32px;

  color: #fff;

  position: relative;

  top: 2px;

}



.pricing-item .pricing-body .price-wrapper .price {

  font-weight: 500;

  font-size: 28px;

  color: #fff;

}



.pricing-item .pricing-body .price-wrapper .period {

  font-weight: 400;

  font-size: 14px;

  color: #fff;

  display: block;

  letter-spacing: 0.88px;

}



.pricing-item .pricing-body .list li {

  text-align: center;

  margin-bottom: 12px;

  font-weight: 400;

  font-size: 15px;

  color: #7a7a7a;

  letter-spacing: 0.25px;

  text-decoration: line-through;

}



.pricing-item .pricing-body .list li.active {

  color: #7a7a7a;

  text-decoration: none;

}



.pricing-item .pricing-footer {

  text-align: center;

  margin-top: 50px;

}



/* 

---------------------------------------------

blog

--------------------------------------------- 

*/

.blog-post-thumb {

  text-align: center;

  margin-bottom: 30px;

}



.blog-post-thumb.big .img {

  height: 400px;

}



.blog-post-thumb .img {

  overflow: hidden;

  border-radius: 20px;

  position: relative;

  height: 200px;

}



.blog-post-thumb .blog-content {

  margin-top: -30px;

  padding-top: 50px;

}



.blog-post-thumb h3 {

  margin-bottom: 20px !important;

}



.blog-post-thumb h3 a {

  font-weight: 500;

  font-size: 18px;

  color: #1e1e1e;

  letter-spacing: 0.25px;

  line-height: 26px;

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

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

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

  transition: all 0.3s ease 0s;

}



.blog-post-thumb h3 a:hover {

  color: #ff589e;

}



.blog-post-thumb .text {

  font-weight: 400;

  font-size: 13px;

  color: #777;

  letter-spacing: 0.26px;

  line-height: 26px;

  margin-bottom: 15px;

}



.blog-post-thumb .post-footer span {

  float: left;

  height: 30px;

  line-height: 30px;

  font-weight: 300;

  font-size: 14px;

  color: #777;

  padding-left: 30px;

}



.blog-post-thumb a.main-button  {

  margin-top: 10px;

  display: inline-block;

}



.blog-list .blog-post-thumb {

  text-align: left;

}

.list{

  height: 50px!important;

}



/* 

---------------------------------------------

contact

--------------------------------------------- 

*/



/*#contact-us {

  padding: 160px 0px;

}*/



#contact-us{

  padding: 100px 0px 50px 0px;

}



#contact-us h5 {

  font-weight: 500;

  font-size: 18px;

  color: #1e1e1e;

  letter-spacing: 0.25px;

  line-height: 26px;

}



.contact-text {

  font-weight: 400;

  font-size: 14px;

  color: #6F8BA4;

  letter-spacing: 0.6px;

  line-height: 26px;

}



.contact-text p {

  margin-bottom: 5px;

}



.contact-form input,

.contact-form textarea {

  color: #777;

  font-size: 14px;

  border: 1px solid #eee;

  width: 100%;

  height: 50px;

  outline: none;

  padding-left: 20px;

  padding-right: 20px;

  border-radius: 25px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin-bottom: 30px;

}



.contact-form textarea {

  height: 150px;

  resize: none;

  padding: 20px;

}



/* 

---------------------------------------------

footer

--------------------------------------------- 

*/

footer {

  background-image: linear-gradient(127deg, #a759d1 0%, #8261ee 91%);

  padding-top: 30px;

}



footer .social {

  overflow: hidden;

  margin-top: 10px;

  text-align: center;

}



footer .social li {

  margin: 0px 10px;

  display: inline-block;

}



footer .social li a {

  color: #9d5bd9;

   text-align: center;

  background-color: #fff;

  width: 36px;

  height: 36px;

  line-height: 36px;

  border-radius: 50%;

  display: inline-block;

  font-size: 16px;

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

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

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

  transition: all 0.3s ease 0s;

}



footer .social li a:hover {

  background-color: #ff589e;

  color: #fff;

}



footer .copyright {

  text-align: center;

  border-top: 1px solid rgba(250,250,250,0.2);

  margin-top: 30px;

  padding-top: 30px;

  padding-bottom: 30px;

  font-weight: 400;

  font-size: 12px;

  color: #fff;

  letter-spacing: 0.88px;

  text-transform: uppercase;

}



@media (max-width: 991px) {

  footer .text {

    margin-bottom: 30px;

  }

  footer h5 {

    margin-bottom: 15px;

  }

  footer .footer-nav {

    margin-bottom: 30px;

  }

}



/* 

---------------------------------------------

preloader

--------------------------------------------- 

*/

#preloader {

  overflow: hidden;

  background-image: linear-gradient(135deg, #a759d1 0%, #8261ee 100%);

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: fixed;

  z-index: 9999;

  color: #fff;

}



#preloader .jumper {

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  position: absolute;

  margin: auto;

  width: 50px;

  height: 50px;

}



#preloader .jumper > div {

  background-color: #fff;

  width: 10px;

  height: 10px;

  border-radius: 100%;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  position: absolute;

  opacity: 0;

  width: 50px;

  height: 50px;

  -webkit-animation: jumper 1s 0s linear infinite;

  animation: jumper 1s 0s linear infinite;

}



#preloader .jumper > div:nth-child(2) {

  -webkit-animation-delay: 0.33333s;

  animation-delay: 0.33333s;

}



#preloader .jumper > div:nth-child(3) {

  -webkit-animation-delay: 0.66666s;

  animation-delay: 0.66666s;

}



@-webkit-keyframes jumper {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  5% {

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0;

  }

}



@keyframes jumper {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  5% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

























                        .dropbtn {

                          /* background-color: #4CAF50; */

                          color: black;

                          padding: 16px;

                          font-size: 16px;

                          border: none;

                          cursor: pointer;

                        }

                        

                        /* The container <div> - needed to position the dropdown content */

                        .dropdown {

                          position: relative;

                          display: inline-block;

                        }

                        

                        /* Dropdown Content (Hidden by Default) */

                        .dropdown-content {

                          display: none;

                          position: absolute;

                          background-color: #f9f9f9;

                          min-width: 223px;

                          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

                          z-index: 1;

                          left: -149px;

                          height: auto;

                          top: 50px;

                        }

                        

                        /* Links inside the dropdown */

                        .dropdown-content a {

                          color: black;

                          padding: 0px 16px;

                          text-decoration: none;

                          display: block;

                        }

                        

                        /* Change color of dropdown links on hover */

                        .dropdown-content a:hover {background-color: #f1f1f1}

                        

                        /* Show the dropdown menu on hover */

                        .dropdown:hover .dropdown-content {

                          display: block;

                        }

                        

                        /* Change the background color of the dropdown button when the dropdown content is shown */

                        /* .dropdown:hover .dropbtn {

                          background-color: #3e8e41;

                        } */



                        .keyword-dropdown{

                          /* margin-top: -16px!important; */

                        }



                        .text-font {

                          font-size: 28px!important;

                      }

                      /* .service-ul {

                        margin-left: -40px;

                    } */

                    .li-text li a.active {

                      color: white!important;

                      font-weight: 600;

                      background-color: #9c5bd9!important;

                  }





                  .li-text li a:hover{

                    color: white!important;

                   

                    background-color: #9c5bd9!important;

                }

                

                  .li-text a {

                      padding: 10px;

                      font-size: 14px;

                      /* color: white; */

                      display: grid;

                      line-height: 1.5;

                      color: black!important;

                      background-color: #cea9f1!important;

                      border-bottom: 1px solid #638a5e40;

                  }

                  .text-2{

                    margin-bottom: 25px;

                  }

                

                .btn-11 {

                    border: none;

                    background-color: #9c5bd9!important;

                    color: white;

                    overflow: hidden;

                    top: 9px;

                    margin-bottom: 50px;

                }

                

                .custom-btn {

                    width: 130px;

                    height: 40px;

                    color: #fff!important;

                    border-radius: 5px;

/*                    padding: 6px 25px;*/

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

                    font-weight: 500;

                    background: transparent;

                    cursor: pointer;

                    transition: all 0.3s ease;

                    position: relative;

                    display: inline-block;

                    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);

                    outline: none;

                }

                .mt-30{

                  margin-top: 30px!important;

                }

                .pt-5{

                  padding-top: 5px;

                }



                .frame {

                  width: 90%;

                  margin: 40px auto;

                  text-align: left;

                }

                .btn-11:hover {

                  text-decoration: none;

                  color: #fff;

                }

                .btn-11:before {

                  position: absolute;

                  content: '';

                  display: inline-block;

                  top: -180px;

                  left: 0;

                  width: 30px;

                  height: 100%;

                  background-color: #fff;

                  animation: shiny-btn1 3s ease-in-out infinite;

                }

                .btn-11:hover{

                opacity: .7;

                }

                .btn-11:active{

                box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),

                            -4px -4px 6px 0 rgba(116, 125, 136, .2), 

                  inset -4px -4px 6px 0 rgba(255,255,255,.2),

                  inset 4px 4px 6px 0 rgba(0, 0, 0, .2);

                }

                

                

                @-webkit-keyframes shiny-btn1 {

                  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }

                  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }

                  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }

                  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }

                } 



                .black{

                  margin-bottom: 0px;

                  margin-top: 0px;

                  padding-top: 20px;

                  padding-bottom: 20px;

                }



                .bg-color{

                  background-color: #f2f2fe;

                }



                .ul-text-2 b{

                  font-size: 17px;

                }

                .ul-text-2 li{

                  list-style: none;

                }

                .ul-text-2 i{

                  color: #9c5bd9;

                  margin-right: 10px;

                }

                .ul-text-2 p{

                  margin-top: -25px;

                  margin-left: 203px;

                }

                .ul-text-2{

                  margin-top: 20px;

                }

                .black h4{

                  color: black;

                }

                .black b{

                  color: black;

                }

                .ul-text{

                  margin-top: 30px!important;

                }

                .ul-text li{

                  list-style: none;

                  margin-bottom: 25px;

                }

                .ul-text i{

                  margin-right: 10px;

                  color: #9c5bd9!important;

                }

                .ul-text b{

                  font-size: 21px;

                  margin-bottom: 5px!important;

                 

                }

                .black h6{

                  color: black;

                }

                .black h5{

                  color: black;

                  font-size: 20px;

                }

                .keyword-section a:hover{

                  color: #a759d1!important;

                  font-weight: 500;

                  text-align: center!important;

                }

                .banner-text{

                  display: flex;

                 margin-left: 64px;

                  margin-top: 6px;

              }

              .banner-text a{

                color: white;

              }

              .banner-text li{

                margin-left: 4px;

              }









              .banner-text-1{

                display: flex;

               margin-left: -13px;

                margin-top: 6px;

            }

            .banner-text-1 a{

              color: white;

            }

            .banner-text-1 li{

              margin-left: 4px;

            }

             

                /* .banner-text li{

                  margin-left: 10px;

                } */

                .card-ht-1{

                  height: 254px!important;

                }

                

                .keyword-section .cards{

                  text-align: center!important;

                }

                .keyword-section .cards a{

                  float: none;

                }

                .cards-ht-2 p{

                  height: 70px;

                }

                .cards-ht-3 p{

                  height: 120px;

                  color: black;

                }

                .cards-ht-3 h5 {

                  height: 26px;

                  margin-top: 5px;

                  font-size: 17px!important;

                  font-weight: 600!important;

              }

                .bg-color-1{

                  background-color: #5a6fe26e;

                }





                .head-1{

                  font-size: 28px!important;

                }





                                

                        @media only screen and (max-width: 768px){

                          .header-area .main-nav .logo {

                            float: none;

                            margin-left: 0px;
                            
                            margin-top: 0px!important;


                          }

                          .text-font {

                            font-size: 24px!important;

                            padding: 6px;

                        }



                        .link-section .share-links a {

                          border-radius: 3px;

                          font-size: 20px;

                          padding: 6px 27px!important;

                          color: #fff;

                          background-color: #005555;

                          border: 1px solid #005555;

                      }

                      

                      .share-links a {

                          margin-right: 8px!important;

                          margin-left: 10px;

                      }



                        .social-tabs h2 {

                          color: black;

                          font-size: 16px!important;

                          margin-bottom: 16px;

                      }

                        .social-tabs button {

                          display: flex!important;

                          padding-left: 3px!important;

                          margin-left: 3px!important;

                          /* margin-right: -18px; */

                      }

                      .button-section {

                        display: flex!important;

                        margin-left: 0px!important;

                    }

                      

                      .btn-1 {

                          border: 2px solid black;

                          /* padding-left: 30px; */

                          padding-right: 22px!important;

                      }

                        .founder-img img {

                          width: 36%!important;

                          margin-bottom: 24px;

                      }

                        .mt-100{

                          margin-top: 0px!important;

                        }

                        .about-img{

                          margin-top: 75px;

                        }

                        .tab button.active{

                          padding: 14px 100px!important;

                        }

                        .mini .mini-content .mini-box{

                          height: 168px;

                        }

                        .para-padding-2{

                          padding: 14px;

                        }

                          .header-area .main-nav .nav{

                            height: 743px;

                            left: -113px;


                          }

                          .heading-1{

                            margin-top: 0px!important;

                          }

                          .dropdown-content {

                            display: none;

                            position: absolute;

                            background-color: white;

                            min-width: 223px;

                            box-shadow: none!important;

                            z-index: 1;

                            left: -108px!important;

                            height: 300px!important;

                            top: 50px;

                          }

                          .para-padding{

                            padding: 6px;

                            

                          }

                          .question-mark img{

                            width: 100%;

                            height: auto;

                            margin-top: 31px;

                          margin-bottom: -44px;

                          }

                          .service-img img{

                            width: 100%!important;

                            height: auto;

                          }

                          .banner-text {

                            display: flex;

                            margin-left: 0px;

                            margin-top: 6px;

                        }

                         h1{

                          font-size: 20px!important;

                        }

                        .welcome-area-1 {

                          overflow: hidden;

                          position: relative;

                          display: flex;

                          align-items: center;

                          justify-content: center;

                          background-image: url(../images/banner-bg.png);

                          background-repeat: no-repeat;

                          background-position: center center;

                          background-size: cover;

                          height: 38vh;

                      }

                      .welcome-area {

                       

                        height: 60vh;

                    }

                      .table th {

                        

                        vertical-align: top;

                        border-top: 1px solid #dee2e6;

                        padding: 0px;

                    }

                   

                    .tabs-ul{

                      margin-top: 15px;

                      display: inline!important;

                      padding-bottom: 0px;

                      margin-bottom: 0px;

                     

                    

                    }

                    .fb_reset{

                      width: 100%!important;

                    }

                    .tab-sec h3{

                      margin-top: 0px!important;

                    }

                    .tabs-ul li a{

                      font-size: 16px!important;

                    }

                    .ml-5{

                      margin-left: 0px!important;

                    }

                    .header-size h3{

                      font-size: 22px!important;

                     

                    }

                    .tab button {

                      background-color: inherit;

                      float: left;

                      border: none;

                      outline: none;

                      cursor: pointer;

                      width: 100%;

                      padding: 14px auto!important;

                      transition: 0.3s;

                      font-size: 17px;

                      color: white;

                    }

                    .tab button:hover {

                      background-color: #5470f2;

                      color: white;

                      width: 100%!important;

                    }

                    .tab button.active {

                      background-color: #5470f2;

                      color: white;

                      width: 100%!important;

                      

                    }

                    .ml-14{

                      margin-left: 14px;

                    }

                    .first-img img{

                      width: 100%;

                      height: auto;

                      margin-top: -36px;

                    }

                    .tabcontent{

                      padding: 5px 15px!important;

                      

                    }

                    .logo img{

                      width: 60%;

                      height: 58px;

                      margin-top: 12px;

                  }



                  .img-1 img {

                    width: 100%;

                    height: auto;

                }

                .img-2 img {

                  width: 100%;

                  height: auto;

              }

              .img-3 img {

                width: 100%;

                height: auto;

                margin-top: 0px;

            }

            .img-5 img {

              width: 100%;

              height: auto;

          }

          .service-section-1 img {

            width: 100%;

            height: auto;

        }

        .card-ht-4 {

          height: auto!important;

      }             

      .mini .mini-content .mini-box i {

        display: block;

        font-size: 40px;

        margin-bottom: 15px;

        color: #9f7fed;

        font-weight: 600;

    }

    .marketing-img img {

      width: 20%;

  }

  

  .features-small-item i {

    color: black;

    font-size: 40px;

    margin-bottom: 11px;

}   

.features-small-item .features-title {

  font-weight: 500;

  font-size: 24px;

  color: #1e1e1e;

  letter-spacing: 0.7px;

  margin-bottom: 15px;

  position: relative;

  z-index: 2;

}

.card-ht {

  height: auto!important;

} 

.img-4 img{

  width: 100%;

  height: auto;

}  

.black a {

  color: black;

  font-size: 18px;

}

.choose-img img{

  width: 100%;

  height: auto;

}  









}





                          .my-float2 {

                            margin-top: 16px;

                        }



                          .float2 {

                            position: fixed;

                            width: 60px;

                            height: 60px;

                            bottom: 25px;

                            right: 40px;

                            background-color: #25d366;

                            color: #FFF;

                            border-radius: 50px;

                            text-align: center;

                            font-size: 30px;

                            box-shadow: 2px 2px 3px #999;

                            z-index: 100;

                        }

                        .trin-trin{

                          animation-name: trin;

                          animation-duration: 1.8s;

                          animation-iteration-count: infinite;

                          animation-timing-function: linear;

                        }



                        @keyframes trin {

                          from {

                              transform:rotate3d(0, 0, 1, 0deg);

                          }

                          20%, 32%, 44%, 56%, 68% {

                              transform: rotate3d(0, 0, 1, 0deg);

                          }

                          23%, 35%, 47%, 59%, 71% {

                              transform: rotate3d(0,0,1,12deg);

                          }

                          26%, 38%, 50%, 62%, 74% {

                              transform: rotate3d(0,0,1,0deg);

                          }

                          29%, 41%, 53%, 65%, 77% {

                              transform: rotate3d(0,0,1,-12deg);

                          }

                          80% {

                              transform:rotate3d(0, 0, 1, 0deg);

                          }

                        

                      }



                        

                        .float {



                          bottom: 100px!important;

                          right: 40px;

                          background-color: #2583d3!important; 

                         

                      }

      

                        



.btn-ht{

  margin-top: 20px!important;

}



.ul-ankr{

  color: black!important;

  margin-left: 10px;

}

.tabs-ul{

  margin-top: 15px;

  display: flex;





}



.header-size h3{

    font-size: 26px;

    font-weight: 600;

    color: #4E47DE!important;

}

.ml-5{

  margin-left: 20px;

}

.tabs-ul-1 li{

  color: black;

 

}

.tabs-ul-1 i{

  color: #4E47DE;

  margin-right: 6px;

}

.table {

  width: 100%;

  margin-bottom: 1rem;

  color: #212529;

}



table {

  /* font-family: arial, sans-serif; */

  border-collapse: collapse;

  width: 50%;

}

table tr td{

  color: black;

}

table th{

  color: black;

}







/* Style the tab */

.tab {

  overflow: hidden;

  border: 1px solid #ccc;

  background-color: #7285de;

  /* margin-bottom: 40px!important; */

 

}

.tab-sec h3{

  padding-top: 35px!important;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: inherit;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 42px;

  transition: 0.3s;

  font-size: 17px;

  color: white;

}

.tabs-ul i{

 color: #4E47DE;

 

}

.tab-2{

  margin-top: 0px!important;

}





.tabs-ul b{

  margin-left: 8px;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #5470f2;

  color: white;

  

}

.service-top{

  margin-top: 0px!important;

  padding-top: 0px;

}



/* Create an active/current tablink class */

.tab button.active {

  background-color: #5470f2!important;

  color: white;

/* padding-right: 0px;*/

 

}



/* Style the tab content */

.tabcontent {

  visibility: hidden;

  padding: 0px 50px;

  border: 1px solid #ccc;

  border-top: none;

  opacity:0;

  transition:opacity 1s;

  height:0;

}

.tabcontent.activetab {visibility: visible;opacity:1;transition:1s;height:auto;}







.contact-text i{

  color: #000;



}

.about-logo{

  text-align: center;

}

.about-logo img{

  width: 30%;

  height: auto;

  margin-top: 10px;

  margin-bottom: 10px;



}

.black a{

  color: black;

 

}

.keyword-section p{

  height: 155px;

}

.keyword-section h5{

  height: 40px;

}

.cards{

  text-align: center!important;

}

.btn-11 a{

  color: white!important;

}

.font-text{

  font-size: 24px;

  margin-bottom: 8px;

}



.choose-section b{

  margin-bottom: 20px;

  margin-top: 10px!important;

}

.question-mark{

  text-align: center;

}



.question-mark img {

  width: 79%;

  margin-top: 24px;

}



.mini-box h5,p{

  color: black;

}

.mini-box h5{

  margin-bottom: 8px!important;

  margin-top: 10px!important;

}

.info h4{

  color: white;

  margin-top: -20px;

}

.card-ht{

  height: 200px!important;

}

.card-ht-2{

  height: 500px;

}

.card-ht-2 img{

  width: 100%;

}

.img-3{

  text-align: center;

}

.img-3 img {

  width: 100%;

  height: 240px;

/*  margin-top: 36px;*/

}

.service-img{

  text-align: center;

}

.service-img img{

  width: 100%!important;

  height: 220px;

}

.first-img img{

  width: 100%;

}





.p-10{

  padding: 10px 0px;

}

.p-20{

  padding: 20px 0px;

}

.p-30{

  padding: 30px 0px;

}

.p-40{

  padding: 40px 0px;

}

.p-50{

  padding: 50px 0px;

}

.p-60{

  padding: 60px 0px;

}

.p-70{

  padding: 70px 0px;

}

.p-80{

  padding: 80px 0px;

}

.p-90{

  padding: 90px 0px;

}

.p-100{

  padding: 100px 0px;

}

.pt-10{

  padding-top: 10px;

}

.pt-20{

  padding-top: 20px;

}

.pt-30{

  padding-top: 30px;

}

.pt-40{

  padding-top: 40px;

}

.pt-50{

  padding-top: 50px;

}

.pt-60{

  padding-top: 60px;

}

.pt-70{

  padding-top: 70px;

}

.pt-80{

  padding-top: 80px;

}

.pt-90{

  padding-top: 90px;

}

.pt-100{

  padding-top: 100px;

}

.pb-10{

  padding-bottom: 10px;

}

.pb-20{

  padding-bottom: 20px;

}

.pb-30{

  padding-bottom: 30px;

}

.pb-40{

  padding-bottom: 40px;

}

.pb-50{

  padding-bottom: 50px;

}

.pb-60{

  padding-bottom: 60px;

}

.pb-70{

  padding-bottom: 70px;

}

.pb-80{

  padding-bottom: 80px;

}

.pb-90{

  padding-bottom: 90px;

}

.pb-100{

  padding-bottom: 100px;

}

.img-1 img,

.img-2 img,

.img-3 img,

.img-4 img,

.img-5 img,

.img-6 img,

.img-7 img,

.img-8 img,

.img-9 img{

  width: 100%;

  height: auto;

}

.ml-20{

  margin-left: 20px!important;

}

.img-ht{

  padding-top: 50px;

}





.main-text p {

    margin-bottom: 15px;

}



.tabs-ul li .btn-11{

  background-color:#5470f2!important;

}

.card-ht-0{

  height: 224px!important;

}

.home-img{

  text-align: center;

}

.home-img img{

  width: 100%;

  height: 330px;

}

.three-img{

  text-align: center;

}

.three-img img{

  width: 30%;

}

.black-text h5,p,a{

color: black;

}

.black-text p{

  color: black!important;

}

#top .av-share-box ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  overflow: hidden;

  border-style: solid;

  border-width: 1px;

  display: table;

  width: 100%;

  text-align: center;

  table-layout: fixed;

  border-radius: 3px;

  background: 0 0;

}



.social-tabs ul li a {

  display: block;

  padding: 15px 0;

  text-decoration: none;

  color: inherit;

  font-size: 14px;

  -webkit-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

}

.social-tabs h5,i{

  color: black;

}

.social-tabs button{

  display: flex!important;

  padding-left: 5px;

  margin-left: 10px;

  

}

.social-tabs ul li{

 text-align: justify;

 justify-content: space-between;

}

.button-section{

  display: flex!important;

  margin-left: 20px;

}

.btn-1{

  border: 2px solid black;

  /* padding-left: 30px; */

  padding-right: 40px!important;

}

.btn-2{

  border: 2px solid black;

  /* padding-left: 30px; */

  padding-right: 40px!important;

}

.btn-3{

  border: 2px solid black;

  /* padding-left: 30px; */

  padding-right: 40px!important;

}



.btn-4{

  border: 2px solid black;

  /* padding-left: 30px; */

  padding-right: 40px!important;

}

.button-section i{

  text-align: center!important;

  margin-left: 20px;

  padding-left: 10px;

}

.social-tabs{

padding-top: 40px;

padding-bottom: 40px;

}

.btn-1:hover{

  border: 2px solid  #0866ff;

  background-color: #0866ff;

}



.btn-2:hover{

  border: 2px solid  #ff0000;

  background-color: #ff0000;

}

.btn-3:hover{

  border: 2px solid  #0866ff;

  background-image: linear-gradient(to bottom,  #4f5bd5, #962fbf, #d62976, #fa7e1e, #feda75);

}

.btn-4:hover{

  border: 2px solid  #2bb741;

  background-color: #2bb741;

}

.button-section button:hover a i{

color: white!important;

}

.social-tabs h2{

  color: black;

  font-size: 18px;

  margin-bottom: 10px;

}















                @media only screen and (max-width:768px){

                  .keyword-dropdown {

                       margin-top: 0px!important; 

                  }

                  .about-logo img {

                      width: 100%;

                      height: auto;

                  }

                  .img-ht{

                    padding-top: 0px;

                    margin-top: 0px;

                  }

                  .home-img img{

                    width: 100%;

                    height: auto;

                  }

                  .main-text p {

                    padding-left: 7px;

                    padding-right: 7px;

                  }

                  .font-text{

                    padding: 6px;

                  }

                  .img-1 img,

                  .img-2 img,

                  .img-3 img,

                  .img-4 img,

                  .img-5 img,

                  .img-6 img,

                  .img-7 img,

                  .img-8 img,

                  .img-9 img{

                    padding-bottom: 20px;

                    width: 100%;

                    height: auto;

                  }

                  .service-section-1 img{

                    width: 100%;

                    height: auto;

                  }



                  .p-60,

                  .p-70,

                  .p-80,

                  .p-90,

                  .p-100{

                    padding: 50px 0px;

                  }

                  .pt-60,

                  .pt-70,

                  .pt-80,

                  .pt-90,

                  .pt-100{

                    padding-top: 50px;

                  }

                  

                  .pb-60,

                  .pb-70,

                  .pb-80,

                  .pb-90,

                  .pb-100{

                    padding-bottom: 50px;

                  }

                  .tabs-ul li .btn-11{

                    margin-bottom: 20px;

                    background-color:#5470f2!important;

                  }

                  .ml-20{

                    margin-left: 0px!important;

                  }

                  .float {

                    bottom: 160px!important;

                  }

                  .float2 {

                    bottom: 90px!important;

                  }

                  .contact-text p a{

                    font-size: 14px!important;

                  }

                  .ml-14{

                      margin-left: 5px;

                    }



                }

                .why-choose {

                  background-color: #fff;

                  padding-bottom: 90px;

                  margin-top:0px;

                  position: relative;

                }

                .why-choose__box h3 {

                  font-size: 18px;

                  color: black;

                  font-family: "Inter";

                  font-weight: 600;

                  margin: 0;

                  line-height: 1;

                  display: flex;

                  flex-wrap: wrap;

                  align-items: center;

                  margin-bottom: 8px;

                }

                

                .why-choose__box h3 > i {

                  color: #5172fe;

                  margin-right: 10px;

                }

                

                .why-choose__box p {

                  margin: 0;

                  font-size: 16px;

                  line-height: 25px;

                  color: #555c63;

                  margin-bottom: 14px;

                }

                .choose-img{

                  text-align: center;

                }

                .choose-img img{

                  width: 100%;

                  height: 290px;

                }                





               



              /* .section-padding {

                  padding: 80px 0;

              }

               */

              /* .section-title {

                  text-align: center;

                  margin-bottom: 60px;

              }

              

              .section-borders span {

                  height: 5px;

                  background: #6aaf08;

                  width: 40px;

                  display: inline-block;

                  border-radius: 2px;

              }

              

              .section-borders span.black-border {

                  background: #333;

                  width: 30px;

                  margin: 0 6px;

              

              }

              

              .client-testimonial-carousel .owl-dots button {

                  height: 5px;

                  background: #6aaf08 !important;

                  width: 20px;

                  display: inline-block;

                  margin: 5px;

                  transition: .2s;

                  border-radius: 2px;

              }

              

              .client-testimonial-carousel button.owl-dot.active {

                  background: #000 !important;

                  width: 30px;

              }

              

              .client-testimonial-carousel .owl-dots {

                  text-align: center;

                  margin-top: 25px

              }

              

              .single-testimonial-item {

                  position: relative;

                  box-shadow: 0 0 2px #dadfd3;

                  margin: 2px;

                  padding: 20px;

                  font-style: italic;

                  padding-left: 85px;

              }

              

              .single-testimonial-item:before {

                  font-family: "Font Awesome 5 Free";

                  content: "\f10e";

                  font-weight: 900;

                  position: absolute;

                  left: 20px;

                  top: 50%;

                  font-size: 20px;

                  color: #6aaf08;

                  line-height: 30px;

                  margin-top: -15px;

              }

              

              .single-testimonial-item:after {

                  background: #ddd;

                  content: "";

                  height: 70%;

                  left: 60px;

                  position: absolute;

                  top: 10%;

                  width: 1px;

              }

              

              .single-testimonial-item h3 {

                  font-size: 20px;

                  font-style: normal;

                  margin-bottom: 0;

              }

              

              .single-testimonial-item h3 span {

                  display: block;

                  font-size: 12px;

                  font-weight: normal;

                  margin-top: 5px;

              } */







              /* General Styling and Structure

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





/*** TestimonialS Slider - Free Weebly Widget by Baamboo Studio - Style 2 ***/

.testimonial_slider_2{

	width:100%;

	border: 1px solid #ebebeb;

	overflow:hidden;

	box-sizing:border-box;

	padding-bottom:30px;

}

.testimonial_slider_2 input {

	display: none;

}



.testimonial_slider_2 #slide_2_1:checked ~ .boo_inner { margin-left:0; }

.testimonial_slider_2 #slide_2_2:checked ~ .boo_inner { margin-left:-100%; }

.testimonial_slider_2 #slide_2_3:checked ~ .boo_inner { margin-left:-200%; }

.testimonial_slider_2 #slide_2_4:checked ~ .boo_inner { margin-left:-300%; }

.testimonial_slider_2 .boo_inner {

	width:400%;

	-webkit-transform: translateZ(0);

	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 

	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 

    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 

    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 

    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */



	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 

	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 

    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 

    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 

    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

}

.testimonial_slider_2 .slide_content{

	width:25%;

	float:left;

}

.testimonial_slider_2 #controls {

	text-align:center;

}

.testimonial_slider_2 #controls label{

	width:8px;

	height:8px;

	margin:0 2px;

	display:inline-block;

	background:#999; /* Change controls background color */

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

.testimonial_slider_2 #slide_2_1:checked ~ #controls label:nth-child(1), 

.testimonial_slider_2 #slide_2_2:checked ~ #controls label:nth-child(2), 

.testimonial_slider_2 #slide_2_3:checked ~ #controls label:nth-child(3), 

.testimonial_slider_2 #slide_2_4:checked ~ #controls label:nth-child(4){

	background: #5272f7; /* Change controls background color when mouse click */

}

.testimonial_2 {

	font-size: 15px !important;

	color: #333; /* Change testimonial paragraph text color */

	padding: 30px 30px 23px;

}

.content_2 {

	position: relative;

	padding-left: 30px;

	margin-bottom: 30px;

}

.content_2:before,

.content_2:after {

	content: "";

	height: 15px;

	width: 19px;

	position: absolute;

}

.content_2:before {

	background: url(icon_testimonial_2_before.png) 0 0 no-repeat;

	left: 0;

}

.content_2:after {

	background: url(icon_testimonial_2_after.png) 0 0 no-repeat;

	margin: 5px 10px;

}

.testimonial_2 p {

	display: inline;

}

.author_2 {

	margin-left: 30px;

}

.author_2 h3 {

	color: #333; /* Change author text color */

	font-size: 17px;

	font-weight: 600;

	padding: 0 0 5px;

}

.author_2 h4 {

	color: #333; /* Change author text color */

	font-size: 12px;

	font-weight: 400;

	padding: 0 0 5px;

}

.author_2 h4 a {

	color: #999; /* Change company text link color */

	text-decoration: none;

	position: relative;

	padding-bottom: 1px;

	overflow: hidden;

	border-bottom: 1px solid;

}

.author_2 h4 a:after {

	background: #999; /* Change company border link background color */

	height: 1px;

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	width: 0;

	-o-transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.author_2 h4 a:hover {

	color: #000; /* Change company text link color when mouse over */

	border: none;

}

.author_2 h4 a:hover:after {

	border-color: #000;

	width: 100%;

}







                        /* about page */

              .testimonials-one__about-page {

                padding-bottom: 0px;

            }

            .testimonials-one {

                padding-top: 90px;

                padding-bottom: 50px;

                background-color: #eff2f6;

                background-image: url(../images/shapes/testimonials-map-1-1.png);

                background-position: top center;

                background-repeat: no-repeat;

            }



            .associate {

              height: 510px !important;

          }

          

          .testimonials-one__box {

              text-align: center !important;

          }

          .testimonials-one__box {

              text-align: left;

              background-color: #fff;

              border-radius: 0;

              background-color: #fff;

              transition: all 0.5s ease;

              margin-bottom: 0;

              position: relative;

              padding: 35px 50px;

              padding-bottom: 60px;

              border-left: 3px solid var(--thm-primary);

              transition: all 0.5s ease;

              margin-bottom: 40px;

          }



          .testimonials-one__box {

            text-align: left;

            background-color: #fff;

            border-radius: 0;

            background-color: #fff;

            transition: all 0.5s ease;

            margin-bottom: 0;

            position: relative;

            padding: 35px 50px;

            padding-bottom: 60px;

            border-left: 3px solid var(--thm-primary)!important;

            transition: all 0.5s ease;

            margin-bottom: 40px;

        }

        .testimonials-one__box h4{

          color: black;

          margin-bottom: 15px;

          margin-top: 15px;

          font-weight: 600;

        }

        .testimonials-one__box i{

          color: black;

          font-size: 50px;

          color: #7d5de3;

        }

        .testimonials-one__box p{

          height: 300px;

        }



        .mt-100{

          margin-top: 100px;

        }

        .mt-200{

          margin-top: 100px;

        }



        .text-black{

          color: black;

          text-align: center!important;

          font-weight: 600;

        }

        .founder-img{

          text-align: center;

        }

        .founder-img img{

          width: 10%;

          margin-bottom: 15px;

        }

       



        .link-section{

          padding: 50px 0px;

        }

        .link-section .share-links a{

          border-radius: 3px;

          font-size: 20px;

          padding: 8px 35px;

          color: #fff;

          background-color: #005555;

          border: 1px solid #005555;

        }

        .link-section .share-links a:hover{

          color: #005555;

          background-color: #fff;

          border: 1px solid #005555;

        }

        .link-section .share-links a.fb{

          color: #fff;

          background-color: #0866ff;

          border: 1px solid #0866ff;

        }

        .link-section .share-links a:hover.fb{

          color: #0866ff;

          background-color: #fff;

          border: 1px solid #0866ff;

          border-radius: 4px;

        }

        .link-section .share-links a.wp{

          color: #fff;

          background-color: #0dc143;

          border: 1px solid #0dc143;

        }

        .link-section .share-links a:hover.wp{

          color: #0dc143;

          border: 1px solid #0dc143;

          background-color: #fff;

          border-radius: 4px;

        }

        .link-section .share-links a.ig{

          color: #fff;

          background-color: #d62976;

          background-image: linear-gradient(188deg, #4f5bd5, #962fbf, #d62976, #fa7e1e, #feda75)!important;

          border: 1px solid #d62976;

        }

        .link-section .share-links a:hover.ig{

          color: #feda75;

          border: 1px solid #d62976;

          background-color: #fff;

          background-image: none;

          border-radius: 4px;

        }

        .link-section .share-links a.yt{

          color: #fff;

          background-color: #f70000;

          border: 1px solid #f70000;

        }

        .link-section .share-links a:hover.yt{

          color: #f70000;

          border: 1px solid #f70000;

          background-color: #fff;

          border-radius: 4px;

        }

        .link-section .share-links a.ln{

          color: #fff;

          background-color: #0077af;

          border: 1px solid #0077af;

        }

        .link-section .share-links a:hover.ln{

          color: #0077af;

          border: 1px solid #0077af;

          background-color: #fff;

          border-radius: 4px;

        }





        .link-section .share-links a.tw{

          color: #fff;

          background-color: black;

          border: 1px solid black;

        }

        .link-section .share-links a:hover.tw{

          color: black;

          background-color: white;

          border: 1px solid black;

        }

        .share-links a{

          margin-right: 10px;

        }

        .black-text h5{

          color: black;

        }

        .share-links i{

          color: white;

        }

        .link-section .share-links .fb:hover i{

          color: #0866ff;

        }

        .link-section .share-links .wp:hover i{

          color: #0dc143;

        }

        .link-section .share-links .tw:hover i{

          color: black;

        }

        .link-section .share-links .yt:hover i{

          color: red;

        }







/*mobile footer css starts*/

 

.navbar-footer a {

  float: left;

  display: none;

  width: 25%;

  color: #fff;

  text-align: center;

  padding: 25px 22px 38px 20px;

  text-decoration: none;

  font-size: 21px;

  /* margin-right: 22px;

  margin-left: 21px; */

}

.navbar-footer a:hover {

  background: #F1F1F1;

  color: black;

}

.w_app > i {

  color: #fff;

}

.w_app {

  background-color: #28A745;

}

.e_mail > i {

  color: #fff;

}

.e_mail {

  background-color: #DC3545;

}

.ems_call > i {

  color: #fff;

}

.ems_call {

  background-color: #007BFF;

}

.ems_enquiry > i {

  color: #fff;

}

.ems_enquiry {

  background-color: #FFC107;

}



.upside{

    display: none;

}

.mobile-hidden i {

  color: white;

}

@media screen and (min-width :315px) and (max-width :768px) {

.upside{

    display: block;

}

.funnal-mobile{

  display:none!important;

}



.mobile-footer{

display:block!important;

}

.social-mobile li a .fa{



display:none;

}



.navbar-footer

{

  overflow:scroll;

  z-index:9999999!important;

 background-color:#ccc;

position: fixed;

 bottom: -16px;

width: 100%;



}



.navbar-footer a:hover {

background: #f1f1f1;

color: black;

}



 

.main {

padding: 0px;

margin-bottom: 54px;

}

.navbar-footer{

  display:block!important;

}

 



}



.mobile-hidden a {

  font-size: 16px;

}

/* mobile footer css end*/



  @media only screen and (max-width:768px){



  .mobile-hidden{



    display: none;



  }

  .tab{

    margin: 4px 4px!important;

  }



  .brochures-prgs .fa-plus{

    margin-right: 30px!important;

  }

}





/* Funnel css start */



.btn-success {



    color: #fff !important;

    background-color: #5cb85c;

    border-color: #4cae4c;

    padding: 10px 24px;



  }

 .btn-success:hover {



    color: #fff;

    background-color: #449d44;

   border-color: #398439



  }





  .btn-danger {



    color: #fff!important;



    background-color: #d9534f;



    border-color: #d43f3a;



    padding: 10px 31px;



  }



  .btn-danger:hover {



    color: #fff;

    background-color: #c9302c;

    border-color: #ac2925

  }



  .btn-warning {

    color: #fff!important;

    background-color: #f0ad4e;

    border-color: #eea236;

    padding: 10px 23px;



  }

  .btn-warning:hover {



    color: #fff;

    background-color: #ec971f;



    border-color: #d58512

  }



  .btn-primary {



    color: #fff!important;



    background-color: #0084bd;



    border-color: #0d668d;



    padding: 10px 45px;



  }

  .btn-primary:hover {



    color: #fff;



    background-color: #0d668d;



    border-color: #204d74



  }

.pb-20{

  padding-top: 10px;

  padding-bottom: 30px;

}



 

.brochures-prgs {

    cursor: pointer;

    border-top: 4px solid #6553fb;

    border-left: 3px solid #6553fb;

    padding: 11px;

    /* font-weight: 500; */

    color: #ffffff;

    border-radius: 9px;

    background: #5371fb;

    font-size: 16px;

    margin-bottom: 15px;

    line-height: 1.6rem;

  }



.disp{

  display: none;

  padding: 20px;

  line-height: 1.6rem;

}





.rotate {

  transform: rotate(180deg);

}

.brochures-prgs .fa-plus{

    font-size: 14px;

    right: 0;

    position: absolute;

    border-radius: 6px;

    margin: 0px;

    margin-top: 4px;

    margin-right: 50px;

    color: #ededed;

  }

  .pd{

    padding: 20px;

  }

.trin-trin

{

    animation-name: trin;

    animation-duration: 1.8s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}

@keyframes trin {

    from {

        transform:rotate3d(0, 0, 1, 0deg);

    }

    20%, 32%, 44%, 56%, 68% {

        transform: rotate3d(0, 0, 1, 0deg);

    }

    23%, 35%, 47%, 59%, 71% {

        transform: rotate3d(0,0,1,12deg);

    }

    26%, 38%, 50%, 62%, 74% {

        transform: rotate3d(0,0,1,0deg);

    }

    29%, 41%, 53%, 65%, 77% {

        transform: rotate3d(0,0,1,-12deg);

    }

    80% {

        transform:rotate3d(0, 0, 1, 0deg);

    }

}



.key-se{  

    text-align: center;

    background: #8c5fe6;

    border-radius: 5px;

    padding: 15px;

}



.swal2-label{

  color: black!important;

}





  /*ends*/

.ptb-20{

  padding-top: 10px;

  padding-bottom: 30px;

}



 

.brx-pgs {

    cursor: pointer;

    border: 3px solid #8860e9;

    padding: 0px;

    color: #ffffff;

    border-radius: 9px;

    background: #9e5bd8;

    font-size: 16px;

    margin: 20px;

  }



.brchs-203 {

    cursor: pointer;

    border-bottom: 2px solid #000000;

    padding: 11px;

    color: #000000;

    border-radius: 9px;

    background: #ffffff;

    font-size: 16px;

    margin-bottom: 15px;

 }



.dips-x{

  display: none;

  padding: 20px;

  color: black;

}





.rotate {

  transform: rotate(180deg);

}

.fa-plus{

    font-size: 18px;

    right: 0;

    padding: 17px;

    border-radius: 6px;



    margin-right: 15px;

    /*background: #ebb2ff;*/

    color: #fff;

  }

.pt-50{

  padding-top: 50px;

}

  .ttl{

    font-size: 25px;

    text-align: center;

  }

  .dy-key{

    font-size: 21px;

    text-align: center;

    color: black;

  }
  

  /* Base styles */
nav.main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 10px; */
  background-color: #333;
}

nav.main-nav ul.nav {
  display: flex;
  list-style-type: none;
}

nav.main-nav ul.nav li {
  margin: 0 10px;
  position: relative;
}

nav.main-nav ul.nav li a {
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
}

nav.main-nav .dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: -98px;
  background-color: #f9f9f9;
  /* min-width: 160px; */
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
  height: 258px;
}

nav.main-nav .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

nav.main-nav .dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show dropdown on hover in desktop view */
nav.main-nav .keyword-dropdown:hover .dropdown-content {
  display: block;
}

/* Media query for small screens */
@media screen and (max-width: 768px) {
  nav.main-nav ul.nav {
      display: none;
      flex-direction: column;
      width: 100%;
  }

  nav.main-nav ul.nav li {
      margin: 0;
  }

  nav.main-nav ul.nav li a {
      padding: 15px;
      background-color: #444;
      text-align: center;
  }

  nav.main-nav .menu-trigger {
      display: block;
      cursor: pointer;
      color: #fff;
      font-size: 18px;
      text-decoration: none;
      /* background-color: #444; */
      padding: 10px 15px;
  }

  nav.main-nav .menu-trigger span {
      display: block;
  }

  nav.main-nav ul.nav.show {
      display: flex;
  }

  nav.main-nav .keyword-dropdown .dropdown-content {
      position: static;
      display: none;
      box-shadow: none;
      background-color: #444;
      width: 100%;
  }

  nav.main-nav .keyword-dropdown.active .dropdown-content {
      display: block;
  }

  nav.main-nav .dropdown-content a {
      background-color: #555;
      color: #fff;
  }

  nav.main-nav .dropdown-content a:hover {
      background-color: #666;
  }
}

/* Existing and new styles */
.header-area.header-sticky .logo.hide-logo {
  display: none;
}