/*Banner sec*/
body {
  font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.rowpding {
  padding: 100px 0
}
.bannersec {
  background: #fff;
}
.banner {
  text-align: center
}
.banner h1 {
  width: 65%;
  margin: 0 auto;
}
.banner p {
  font-size: 18px;
  margin-top: 10px;
}
.bnrctadiv {
  margin: 40px 0;
  z-index: 1;
  position: relative;
}
a.bnrcta {
  display: inline-block;
  font-family: 'Zoho_Puvi_Bold', Arial, Helvetica, sans-serif;
  padding: 10px 35px;
  margin: 0;
  color: #333;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 1;
  background: #f0483e;
  color: #fff;
  /*text-transform: uppercase;*/
  text-decoration: none;
  border-radius: 2px;
  font-size: 22px;
  line-height: 1.1;
  opacity: 0.9;
}
a.bnrcta:hover {
  opacity: 1
}
.bannericons {
  display: block;
}
.bannericons ul {
  position: relative;
  height: 385px;
}
.bannericons ul li {
  transition: 1s all;
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bnricons {
  background-repeat: no-repeat;
  position: relative
}
.bnricons img {
  position: relative;
  width: 100%;
  max-width: 100%;
  animation-delay: 1s;
  z-index: 1;
}
/*.bnr1, .bnr1, .bnr1, .bnr1, .bnr8, .bnr1, .bnr1, .bnr1{ margin:0px;}*/
img.bnr1 {
  /* -webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
  left: 0;
  margin-top: 0px;
}
img.bnr2 {
  margin-top: 90px;
  left: -675px;
  /* -webkit-animation: floaticons-bottom-to-top  3s ease infinite;
    animation: floaticons-bottom-to-top  3s ease infinite;*/
}
img.bnr3 {
  margin-top: -239px;
  left: 470px;
  /*-webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
}
img.bnr4 {
  margin-top: -200px;
  left: -400px;
  /* -webkit-animation: floaticons-bottom-to-top  3s ease infinite;
    animation: floaticons-bottom-to-top  3s ease infinite;*/
}
img.bnr5 {
  margin-top: 230px;
  left: -280px;
  /* -webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
}
img.bnr6 {
  margin-top: 170px;
  left: 680px;
  /* -webkit-animation: floaticons-bottom-to-top  3s ease infinite;
    animation: floaticons-bottom-to-top  3s ease infinite;*/
}
img.bnr7 {
  margin-top: 255px;
  left: 350px;
  /* -webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
}
img.bnr1, img.bnr3, img.bnr4 {
  transform: translate(0, 0);
  animation: float1 9s linear 1s infinite;
}
img.bnr2, img.bnr5, img.bnr6, img.bnr7 {
  transform: translate(0, 0);
  animation: float2 9s linear 1s infinite;
}
/*Top-To-Bottom-float*/
@keyframes float1 {
  0% {
    transform: translate(0, 0)
  }
  50% {
    transform: translate(0, -20px)
  }
  100% {
    transform: translate(0, 0)
  }
}
@keyframes float2 {
  0% {
    transform: translate(0, 0)
  }
  50% {
    transform: translate(0, 20px)
  }
  100% {
    transform: translate(0, 0)
  }
}
/*Bottom-To-Top-float*/
@-webkit-keyframes floaticons-bottom-to-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes floaticons {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.slidersec {
  background: #171d2e;
}
.slider-main-con {
  background: #171d2e;
  padding: 100px;
}
.slider-container {
  width: 100%;
  border-radius: 10px;
  position: relative;
  margin: 0 auto;
  z-index: 2;
  display: flex;
  align-items: center;
}
.slider-top-cont {
  position: relative;
  margin-top: 70px
}
.slider-top-cont:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  background: #fff;
  bottom: -1px;
  left: 0
}
p.spotlight {
  color: #fbd157;
  text-transform: uppercase;
  font-family: 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;
}
.nextprev {
  position: absolute;
  width: 60px;
  bottom: 25px;
  right: 60px;
}
.arrow-sec {
  transition: .3s all ease;
  padding: 0;
  width: 46px;
  height: 46px;
  background-color: #ecb510;
  /*border-radius: 50%;*/
  pointer-events: all;
  z-index: 1;
  position: absolute;
  /*-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);*/
  display: inline-block;
  cursor: pointer;
  right: -17px;
  top: 50%;
  transform: translateY(-50%)
}
.arrow-sec:after {
  content: '';
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  background: url("../images/black-arrow.png") no-repeat center;
  width: 18px;
  height: 25px;
  transform: rotate(360deg)
}
.left-arrow.arrow-sec {
  left: -17px
}
.left-arrow:after {
  transform: rotate(180deg)
}
.rightsldr img {
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  width: 465px;
}
.slider-rightcont {
  width: 40%;
  /*float: left;*/
  overflow: hidden;
}
.right-sldrinner {
  margin-left: 0;
  transition: all ease .8s
}
.rightsldr {
  float: left;
  position: relative
}
.slider-leftcont {
  width: 60%;
  /*float: left;*/
  color: #000;
}
.left-sldrinner {
  max-width: 660px;
  width: 96%;
  position: relative;
  text-align: left;
  height: 450px;
}
.left-sldrsec {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-right: 90px;
}
p.testi-description {
  font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
  padding: 15px 0 30px;
  color: #fff;
}
.circle-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 2;
  background: #f0f0f0;
  padding: 0 10px;
  border-radius: 25px;
  bottom: -50px;
  display: none;
}
.circle {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px 1px 0;
  cursor: pointer;
  background: #b6b6b6
}
.circle.sld_active {
  background: #535353
}
h3.slide-title {
  font: 25px/1.3 'Zoho_Puvi_Bold';
  color: #fff;
  text-decoration: underline;
  margin-top: 10px;
}
.dwn-btn {
  background: #ecb510;
  color: #000;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  font-weight: 600;
  font-size: 15px;
  opacity: 0.9;
}
.dwn-btn:hover {
  opacity: 1
}
.mobilcont img {
  display: none
}
/*Main content css */
.maincontsec {
  background: #fff;
}
.contentflx {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}
.contentflx .left {
  width: 50%
}
.mR30 {
  margin-right: 30px
}
.contentflx .right {
  width: 50%
}
p.cont {
  margin-top: 20px
}
.ctamargin {
  margin-top: 50px
}
.content-cta {
  background: #000;
  color: #fff;
  padding: 12px 30px;
  text-decoration: none;
  border-radius: 3px;
  opacity: 0.8;
}
.content-cta:hover {
  opacity: 1
}
/*Aboutme sec*/
.aboutmesec {
  background: #fff;
}
.aboutme {
  width: 60%;
  margin: 0 auto;
  text-align: center
}
.aboutme img {
  text-align: center;
  margin: 0 auto
}
.aboutme h2 {
  margin-top: 20px;
}
.aboutme p {
  margin-top: 20px;
}
.aboutme a {
  color: #0d89df;
  text-decoration: underline
}
@media screen and (max-width:1920px) {
  .nextprev {
    bottom: 40px;
  }
}
@media screen and (max-width:1680px) {
  .rightsldr img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 465px;
  }
  .nextprev {
    bottom: 50px;
  }
}
@media screen and (max-width:1440px) {
  img.bnr2 {
    left: -585px;
  }
  img.bnr3 {
    left: 370px;
  }
  img.bnr4 {
    left: -320px;
  }
  img.bnr6 {
    left: 590px;
  }
  img.bnr7 {
    left: 310px;
  }
  .nextprev {
    bottom: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .nextprev {
    bottom: 50px;
  }
}
@media screen and (max-width: 1280px) {
  img.bnr2 {
    left: -535px;
  }
  img.bnr3 {
    left: 340px;
  }
  img.bnr7 {
    left: 280px;
  }
  img.bnr6 {
    left: 543px;
  }
}
@media screen and (max-width:1100px) {
  .bannersec {
    padding-bottom: 0;
  }
  .banner h1 {
    width: 70%;
    margin: 0 auto;
  }
  .bannericons ul li {
    top: 65%;
  }
  .bnricons img {
    width: 60%;
  }
  img.bnr1 {
    left: 50px;
    margin-top: -140px;
  }
  img.bnr2 {
    margin-top: -130px;
    left: -335px;
  }
  img.bnr3 {
    margin-top: -240px;
    left: 280px;
  }
  img.bnr4 {
    margin-top: -230px;
    left: -170px;
  }
  img.bnr5 {
    left: -138px;
    margin-top: -60px;
  }
  img.bnr6 {
    margin-top: -120px;
    left: 440px;
  }
  img.bnr7 {
    left: 250px;
    margin-top: -35px;
  }
  div#formCTAgdpr {
    max-width: 90%;
  }
  .slider-main-con {
    padding: 70px;
  }
  .nextprev {
    bottom: 50px;
  }
}
@media screen and (max-width:980px) {
  .bannersec {
    padding-bottom: 0px;
  }
  .banner h1 {
    width: 91%;
    margin: 0 auto;
  }
  img.bnr1 {
    left: 50px;
    margin-top: -140px;
  }
  img.bnr2 {
    margin-top: -130px;
    left: -265px;
  }
  img.bnr3 {
    margin-top: -200px;
    left: 222px;
  }
  img.bnr4 {
    margin-top: -210px;
    left: -120px;
  }
  img.bnr5 {
    left: -110px;
    margin-top: -60px;
  }
  img.bnr6 {
    margin-top: -120px;
    left: 360px;
  }
  img.bnr7 {
    left: 215px;
    margin-top: -35px;
  }
  p.spotlight {
    margin-top: 30px;
  }
  .rightsldr img {
    left: 50%;
    top: 50%;
    width: 395px;
  }
  .slider-main-con {
    padding: 70px 70px 100px 70px;
  }
  .slider-container {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .slider-top-cont {
    margin-top: 50px
  }
  .slider-leftcont {
    overflow: hidden;
    width: 100%;
    float: none;
    padding: 0;
    text-align: center;
    height: unset
  }
  .left-sldrinner {
    max-width: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    height: auto !important;
  }
  .left-sldrsec {
    position: relative;
    transform: translateY(0);
    margin-right: 0px;
  }
  .slider-rightcont {
    width: 56%;
  }
  .slick-dots {
    margin: 40px auto 0
  }
  .slick-dots li.slick-active {
    background: #535353;
    border: unset;
    width: 10px;
    height: 10px
  }
  .slick-dots li {
    height: 10px;
    width: 10px;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    background: #b6b6b6
  }
  .left-sldrsec img {
    width: 300px;
    box-shadow: 0 3px 5px 0 rgba(36, 56, 66, 0.15);
    margin-top: 30px;
    margin: 0 auto;
  }
  h3.slide-title {
    width: 100%;
  }
  .nextprev {
    position: relative;
    bottom: 30px;
    display: none;
  }
  .mobilcont img {
    display: none;
  }
  #sldr2 {
    padding-top: 50px;
  }
  .mobhide {
    display: none;
  }
  #sldr3 {
    display: none;
  }
  .left-sldrsec {
    display: block;
    text-align: left
  }
  .slider-rightcont {
    display: none;
  }
  .circle-container {
    display: none;
  }
  .contentflx {
    width: 60%;
    flex-wrap: wrap;
  }
  .contentflx .left {
    width: 100%;
  }
  .contentflx .right {
    width: 100%;
  }
  .contentflx.rowpding.flxd {
    flex-direction: column-reverse;
  }
  .contentflx img {
    width: 70%;
    margin: 0 auto 30px auto;
  }
  p.cont {
    margin-top: 20px;
    padding-right: 20px;
  }
  .aboutme {
    width: 80%;
  }
  .cont-wrap {
    transform: translateY(0px);
  }
}
@media screen and (max-width:767px) {
  .slick-dotted.slick-slider {
    margin-bottom: 20px
  }
  .left-sldrsec img {
    width: 250px;
    margin-top: 25px
  }
}
@media screen and (max-width:600px) {
  .banner h1 {
    width: 85%;
    margin: 0 auto;
  }
  h1 {
    font: 30px/1.25 'Zoho_Puvi_Bold';
    padding: 0 30px;
  }
  h2 {
    font: 25px/1.25 'Zoho_Puvi_Bold';
  }
  .banner p {
    font-size: 18px;
    margin: 10px auto;
    width: 74%;
  }
  .bannericons {
    display: block;
    padding-top: 0px;
  }
  .bnricons img {
    width: 40%;
  }
  img.bnr1 {
    left: 50px;
    margin-top: -140px;
  }
  img.bnr2 {
    margin-top: -90px;
    left: -85px;
  }
  img.bnr3 {
    margin-top: -190px;
    left: 160px;
  }
  img.bnr4 {
    margin-top: -170px;
    left: -60px;
  }
  img.bnr5 {
    left: 0px;
    margin-top: -10px;
  }
  img.bnr6 {
    margin-top: -100px;
    left: 200px;
  }
  img.bnr7 {
    left: 107px;
    margin-top: -35px;
  }
  .rowpding {
    padding: 50px 0;
  }
  .bannersec {
    padding-bottom: 0px;
  }
  .slider-main-con {
    padding: 20px 30px 40px 30px;
  }
  .slider-rightcont {
    height: 235px !important
  }
  .rightsldr img {
    top: 56%;
  }
  h3.slide-title {
    font: 20px/1.3 'Zoho_Puvi_Bold';
    color: #fff;
    text-decoration: underline;
    margin-top: 30px;
  }
  .slide-title {
    padding-top: 0px;
  }
  .nextprev {
    position: relative;
    bottom: 25px;
  }
  .arrow-sec {
    transition: .3s all ease;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #000;
    /* border-radius: 50%; */
    pointer-events: all;
    z-index: 1;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  .arrow-sec:after {
    content: '';
    position: absolute;
    top: 24%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    background: url(../images/next-white-arrow.png) no-repeat center;
    width: 13px;
    height: 16px;
  }
  .contentflx {
    width: 85%;
  }
  .mR30 {
    margin-right: 0;
  }
  p.cont {
    margin-top: 20px;
    padding-right: 0;
  }
  .form-fields {
    width: 90%;
    margin: 0 auto;
  }
  .aboutme {
    width: 100%;
    text-align: left;
  }
  .aboutme h2 {
    margin-top: 0;
  }
  .slidersec {
    padding: 0 0 20px 0;
  }
  .mobilcont img {
    display: none
  }
  .contentflx img {
    display: none
  }
  .aboutme img {
    display: none
  }
  section.aboutmesec.rowpding {
    padding: 50px 30px;
  }
  .ctamargin {
    margin-top: 40px;
  }
}
@media screen and (max-width:380px) {
  .left-sldrsec img {
    width: 225px
  }
}