@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;800&display=swap');

body{

  box-sizing:border-box; 

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

  overflow-x:hidden;

}

body::-webkit-scrollbar {

  width: .5em;

} 

body::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px #999;

}

body::-webkit-scrollbar-thumb {

  background-color: var(--secondary-color);

  outline: 1px solid var(--secondary-color);

}

html{

  scroll-behavior: smooth;

}

:root {

  --primary-color:#ef5350;

  --secondary-color:#ef5350;

}

*,

*::after,

*::before,

h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  padding: 0;

}



p{

    font-size: 16px;

}

ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}

a, button {

    text-decoration: none;

    transition: all 0.5s ease-in-out;

}

a:hover

{

  text-decoration: none;

}

button:focus, input:focus, textarea:focus, select:focus, a:hover

{

  outline: none; box-shadow: none;

}

section{

  padding:70px 0;

}

.header{

  position: inherit;

  top: 0px;

  left: 0px;

  z-index: 9;

  background: rgb(243 243 243);

  width: 100%;

  padding: 0px 0;

}

.inlineHeader{

  display: flex;

  position: relative;

  align-items: center;

  justify-content: space-between;

  /*padding: 3px;*/

}

.leftLogo{

  width: 100%;

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

  padding: 25px 0;

}

.leftLogo a{

  color: var(--primary-color);

}

.leftLogo img{

  max-width: 100%;

}

.sticky .topHeader{

  display: none;

}

.sticky{

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  z-index: 99;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

  background: #212121;

  border-bottom: 1px solid #929292;

}

.sticky .leftLogo{

  padding: 15px 0;

}

.sticky .leftLogo a h2{

  color: #fff;

}

.leftTopbar ul, .rightTopbar ul {

  display: flex;

  align-items: center;

}

.leftTopbar ul, .rightTopbar ul {

  display: flex;

  align-items: center;

}

.leftTopbar ul li a {

  font-size: 16px;

  padding: 5px 10px;

  color: var(--secondary-color);

  font-weight: 500;

  display: inline-block;

}

.rightTopbar ul li a {

  font-size: 15px;

  padding: 5px 10px;

  color: #fff;

  font-weight: 500;

  display: inline-block;

  width: 100%;

}

.topHeader {

  border-bottom: 1px solid #e0e0e0;

  background: #fff;

}

.itemBanner {

  position: relative;

  width: 100%;

  height:100vh;

}

.rightMenu ul{

  display: flex;

  align-items: center;

}

.rightMenu ul li a i{

  font-size: 10px;

}

.rightTopbar ul li{

  margin-right: 15px;

}

.rightMenu ul li a{

 /* font-size: 18px;

  padding: 18px 10px;

  display: inline-block;

  font-weight: 600;*/

}

.rightMenu ul li a{

  color: #fff;

}

.rightMenu ul li a:hover{

  /*background: var(--primary-color);

  color: #fff;*/

}

.large_heading{

  font-size: 42px;

  font-weight: 700;

  line-height: 60px;

}

.heading{

  font-size: 32px;

  font-weight: 900;

}

.btnMenu i{

  font-size: 28px;

}

.sub_heading{

  font-size: 20px;

  font-weight: 700;

}

.small_heading{

  font-size: 18px;

  font-weight: 700;

}

.leftLogo a h2{

  font-weight: 800;

  color: var(--primary-color);

}

.banner-text {

  display: flex;

  justify-content: center;

  height: 90VH;

  flex-direction: column;

}

.banner{

  height: 90vh;

  background: url(../images/parallax1.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

  z-index: 1;

  overflow:hidden;

}

.banner:before{

  position: absolute;

    content: "";

    background: #0000008c;

    width: 100%;

    height: 103vh;

    top: 0;

    left: -43%;

    z-index: -1;

    transform: skewX(-58deg);

}

.inner-banner{

  height: 55vh;

  background: url(../images/priva.jpg) no-repeat;

  background-size: cover;

  background-position: bottom;

  position: relative;

  z-index: 1;

  overflow:hidden;

}

.inner-banner:before{

  position: absolute;

    content: "";

    background: #0000008c;

    width: 100%;

    height: 55vh;

    top: 0;

    left: 0;

    z-index: -1;

}

.inner-banner-terms{

  height: 55vh;

  background: url(../images/terms.jpg) no-repeat;

  background-size: cover;

  background-position: top;

  position: relative;

  z-index: 1;

  overflow:hidden;

}

.inner-banner-terms:before{

  position: absolute;

    content: "";

    background: #0000008c;

    width: 100%;

    height: 55vh;

    top: 0;

    left: 0;

    z-index: -1;

}

.active{

  background: var(--primary-color);

}

.large_heading span{

  font-size: 70px;

  color: var(--primary-color);

}

.bannerform{

  color: #fff;

  margin-bottom: 24px;

  padding: 22px 24px;

  border-radius: 2px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 90vh;

  position: relative;

  z-index: 1;

  align-items: center;

}

.bannerform:before{

  content: '';

    background: rgb(255 255 255 / 83%);

    width: 100%;

    height: 72vh;

    position: absolute;

    top: 10vh;

    border-radius: 10px;

    z-index: -1;

}

.form-floating>label{

  padding-left: 5px;

  font-weight: 500;

  font-size: 17px;

}

.form-floating>.form-control{

  border: none;

  border-bottom: 2px solid #666;

  background:transparent;

  border-radius: 0;

  padding-left: 5px;

}

.form-floating>.form-control:focus{

  outline: none;

  box-shadow: none;

}

.form-floating>label{

  color: #000;

}

.btnlook{

  color: #fff;

    background: #757575;

    font-size: 14px;

    line-height: 1.7142857;

    font-weight: 700;

    border: 1px solid transparent;

    padding: 12px 20px;

    margin: 0 4px 0 0;

    text-transform: uppercase;

    letter-spacing: .5px;

    background-color: var(--primary-color);

    border-radius: 40px;

}

.btnlook:hover{

  background: rgb(243 243 243);

  border:1px solid var(--primary-color);

  color: var(--primary-color);

}

.servicebox:hover{

  box-shadow: none!important;

  transform: translateY(-10px);

}

.servicebox a{

  display: flex;

  color: #000;

}

.serviceicon i{

  font-size: 30px;

  color: #fff;

}

.serviceicon{

  width: 50px;

  height: 50px;

  background: var(--primary-color);

  display: flex;

  border-radius: 50%;

  justify-content: center;

  align-items: center;

}

.btnlook1{

  color: #fff;

  background: #757575;

  font-size: 16px;

  line-height: 1.7142857;

  font-weight: 700;

  border:1px solid transparent;

  padding: 14px 26px;

  margin: 0 auto;

  text-transform: uppercase;

  letter-spacing: .5px;

  background-color: var(--primary-color);

  border-radius: 40px;

}

.btnlook1:hover{

  background: transparent;

  border:1px solid var(--primary-color);

  color: var(--primary-color);

}

.networkbg{

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

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  position: relative;

  z-index: 1;

  background-attachment: fixed;

  color: #fff;

}

.networkbg:before{

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,.7);

  content: '';

  z-index: -1;

}

.width100{

  width: 100%;

}

.img2{

  position: relative;

  left: -115px;

}

.img1{

  position: relative;

  left: 0;

  margin-top: 60px;

}

.aboutleft{

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.stepbullet{

  background-color: var(--primary-color);

  border-radius: 50%;

  display: inline-block;

  height: 40px;

  position: relative;

  text-align: center;

  width: 40px;

  z-index: 1;

}

.stepbullet:before{

  color: #fff;

  content: '';

  counter-increment: step;

  line-height: 40px;

  transition: font-size .15s;

}

.stepbullet:after{

  background-color: var(--primary-color);

  bottom: 19px;

  content: "";

  height: 2px;

  left: 0;

  position: absolute;

  width: 309px;

  z-index: -1;

}

.nxtstep{

  display: flex;

}

.stepbox{

  margin-right: 15px;

  flex-wrap: wrap;

  width: calc(100% / 4);

}

.steptext{

  margin-bottom: 20px;

}

.networktext ul{

  border-left: 4px solid var(--primary-color);

}

.footer {

  background: var(--primary-color);

  padding: 10px 0;

  color: #fff;

  text-align: center;

}

.go-top {

  position: fixed;

  cursor: pointer;

  bottom: -200px;

  right: 10px;

  color: #fff;

  background-color: var(--primary-color);

  z-index: 4;

  width: 45px;

  text-align: center;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  visibility: hidden;

  border-radius: 50%;

  font-size: 18px;

  -webkit-transition: .9s;

  transition: .9s;

  overflow: hidden;

  -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);

  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);

}

.go-top.active {

  opacity: 1;

  visibility: visible;

  bottom: 50px;

}

.stepbottom{

  margin-top:20px;

}

.bgback{

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

  background-size: cover;

  background-position: center center;

  position: relative;

  z-index: 1;

}



.servicetext{

  width: 82%;

  margin-left: 15px;

}

.rightimg img{

  border-radius: 15px;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

}

.clrred{

  color: var(--primary-color);

}

.packagebox .large_heading span{

  font-size: 34px;

  font-weight: 900;

}

.packagebox{

  border: 20px solid var(--primary-color);

  position: relative;

  background: #fff;

  z-index: 1;

}

.packagebox:after{

  content: '';

  position: absolute;

  right: -20px;

  width: 20px;

  transform: skewY(10deg);

  height: 150px;

  background: #000;

  top: 20vh;

  z-index: -1;

}

.packagebox:before{

  content: '';

  position: absolute;

  left: -20px;

  width: 20px;

  transform: skewY(10deg);

  height: 150px;

  background: #fff;

  top: 10vh;

  z-index: -1;

}

.iframevideo{

  border: 20px solid #fff;

}

.wegive{

  padding: 15px 10px;

  border: 1px solid;

  margin-top: 15px;

  display: flex;

  align-items: center;

}

.wegaveicon{

  width: 70px;

  height: 70px;

  background: #eef6fd;

  border-radius: 50%;

  padding: 10px;

  margin-right: 15px;

}

.wegive:hover{

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

}

.expbox{

  display: flex;

  height: 100%;

  align-items: center;

  color: #000;

  border-radius: 25px;

}

.expbox ul li{

  display: flex;

  margin-bottom: 15px;

  border-bottom: 1px dotted #fff;

  background: transparent;

  padding: 20px 25px;

  /*height: 145px;*/

  align-items: center;

  border-radius: 5px;

  border: 2px solid var(--primary-color);

  justify-content: space-between;

}

.packagebox ul li{

  padding: 10px;

  font-size: 16px;

  border-bottom: 1px dotted #000;

  font-weight: 600;

}

.packagehead{

  padding: 10px 20px;

  background: #eef6fd;

}

.packagetext{

  padding: 20px;

}

.testibox{

  background: #fff;

}

.testitop{

  padding: 50px 40px;

}

.testislider .slick-slide, .blogSlider .slick-slide, .testiSlider .slick-slide {

    margin: 0 10px;

}

.testibotom{

  background: var(--primary-color);

  color: #fff;

  text-align: center;

  padding: 15px;

  height: 100%;

  z-index: 1;

  /*clip-path: polygon(100% 39%, 100% 100%, 100% 100%, 0 100%, 0 39%, 49% 0);*/

  border-top-right-radius: 50%;

  border-top-left-radius: 50%;

}

.testiimg img{

  margin: 0 auto;

  border: 5px solid #fff;

  border-radius: 50%;

  width: 100%;

}

.social li{

  padding:0 20px;

}

.social li a{

  color: #fff;

  font-size: 18px;

}

.clrblue{

  background: #6281a1;

}

.testitop p{

  position: relative;

  margin-left: 15px;

}

.testitop p:before{

  content: "\f10d";

  font-size: 28px;

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

}

.testiimg{

  width: 50px;

  height: 50px;

  margin: 0 auto;

}

.fn12{

    font-size:14px;

}

.clrred{

    color:var(--primary-color);

}

.fn28{

    font-size:28px;

}

.wavetext{

    width:75%;

}

.banner-text p{

    font-size:18px;

}

.btnmb{

    color:#fff;

    background:var(--primary-color);

    font-size: 14px;

    line-height: 1.7142857;

    font-weight: 700;

    border: 1px solid transparent;

    padding: 12px 20px;

    border-radius: 40px;

}

.thanksBlock {

    padding: 120px 25px;

    border-radius: 5px;

    background: #fff;

    border: 1px solid #e0e0e0;

    text-align: center;

}

.copyright{

    display:flex;

    justify-content:space-between;

}

.copyright a {

    color:#f1f1f1;

}

.copyright a:hover{

    color:#000;

}

.copyright ul li{

    margin-right:15px;

}