@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");


.row.gutter-0 {
  margin-left: 0;
  margin-right: 0;
}
.row.gutter-0 [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.row.gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row.gutter-10 [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}
.row.gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row.gutter-20 [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}





html {

  scroll-behavior: smooth;

}

:root {

  --red: #d80e37;

  --white: #ffffff;

  --grey: #959595;

  --darkred: #bd0d31;

  --black: #000;

  --pink: #e92878;

  --rubik: "Rubik", sans-serif;

  --trirong: "Trirong", serif;

  --lt-spacing: 0.1px;

}

body {

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

  overflow-x: hidden;

  left: 0 !important;

}

h1,

h2,

h3,

h4,

h5,

h6,

p,

span,

ul,

li,

a,

.btn-default,

textarea,

label {

  margin: 0;

  padding: 0;

}

li {

  list-style: none;

}

* {

  margin: 0;

  padding: 0;

}

a:hover {

  text-decoration: none;

}

a:focus {

  text-decoration: none;

}

button,

input {

  outline: none !important;

}

::-webkit-scrollbar {

  width: 8px;

  background: #000;

}

::-webkit-scrollbar-track {

  background: #151a2d;

  border-radius: 0px;

}

::-webkit-scrollbar-thumb {

  background: #fff;

  border-radius: 0px;

}

::-webkit-scrollbar-thumb:hover {

  background: #fff;

}

.menu-bar {

  /*display: none;*/

}

.container {

  max-width: 1360px;

}

.header-main-wrapper {
  border-bottom: 1px solid rgb(0 0 0 / 05%);
  padding: 10px 0;
  max-width: 1440px;
  margin: auto;
}

.header-btn-menu {
  margin: 0px 0px 0px 15px;
}

.header-btn-menu img {

  box-shadow: -10px 10px 13px 0px rgb(63 54 148 / 29%);

}

.index-banner-wrapper {

  height: 600px;

  width: 100%;

  display: flex;

  align-items: center;

  position: relative;

}

.index-banner-wrap-btn {

  width: 200px;

  height: 68px;

  transform: rotate(-90deg);

  position: fixed;

  right: -4.5%;

  top: 25%;

  z-index: 9999;

}

.index-banner-wrap-btn a {

  font-size: 18px;

  font-weight: 400;

  color: #ffffff;

  background-color: #5cb1d4;

  width: 200px;

  height: 68px;

  border-radius: 10px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  box-shadow: -10px -10px 13px 0px rgb(63 54 148 / 29%);

}

.header-main-flex {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.header-main-flex-01 {
  display: flex;
  justify-content: flex-start;
  align-items: center;

}

.header-main-navbar {
  width: 100%;
}

.header-main-navbar ul {

  display: flex;

  /*gap: 30px;*/
  gap: 22px;
  justify-content: space-between;

}

.header-main-navbar ul li {

  position: relative;

}

.header-main-navbar ul li a {

  font-size: 14px;

  font-weight: 600;

  color: #9b9b9b;

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

  transition: 0.5s;

  position: relative;

  text-transform: uppercase;

  letter-spacing: -.01rem;

}

.header-main-navbar ul li a:hover {
  color: #39b3d8;
}

.header-main-number ul {
  display: flex;
  gap: 15px;
}

.header-main-number ul li a {
  font-size: 13px;
  font-weight: 700;
  color: #171721;
  font-family: "Montserrat", sans-serif;
}

.header-main-number ul li a img {
  padding: 0px 5px 0 0;
  max-height: 20px;
}

.header-main-number ul li a.message {
  font-size: 13px;
}

.header-btn-dropdown {

  margin: 0px 15px 0px 30px;

}

.header-btn-dropdown select {

  font-size: 12px;

  font-weight: 600;

  color: #000000;

  width: 150px;

  height: 32px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #dcd8fb;

  outline: none;

  padding: 0px 5px;

}

.header-main-navbar ul li a.active {

  color: #39b3d8;

  position: relative;

}

.header-main-navbar ul li a.active::before {

  content: "";

  position: absolute;

  width: 7px;

  height: 7px;

  background-color: #39b3d8;

  top: 33%;

  /*left: -38%;*/
  left: -12px;

  border-radius: 50px;

}

.header-btn {

  display: flex;

  align-items: center;

}

ul.active-dropdown {

  position: absolute;

  background: #f2f2f2;

  display: block;

  z-index: 99;

  top: 30px;

  transform: scaleY(0);

  transition: 0.5s;

  transform-origin: top;

}

ul.active-dropdown li {

  line-height: 2;

}

ul.active-dropdown li a {

  font-size: 12px;

  font-weight: 500;

  padding: 0px 20px;

  transition: 0.5s;

}

.header-main-navbar ul li:hover .active-dropdown {

  transform: scaleY(1);

}

.index-banner-wrap-text h6 {

  font-size: 30px;

  font-weight: 500;

  letter-spacing: -0.9px;

  color: #808080;

  text-align: center;

  margin: 0px 0px 10px 0px;

}

.index-banner-wrap-text h4 {

  font-size: 12px;

  font-weight: 500;

  font-style: italic;

  color: #3f3694;

  text-align: center;

  margin: 0px 0px 15px 0px;

}

.index-banner-wrap-box {

  width: 150px;

  height: 120px;

  box-shadow: -3px 4px 6px 0px rgb(170 170 170 / 16%);

  border-radius: 19px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 0px 10px;

  text-align: center;

  border: 2px solid rgb(170 170 170 / 9%);

  transition: 0.5s;

background: white;}

.index-banner-wrap-box:hover {

  border: 2px solid #5cb1d4;

  box-shadow: 0px 0px 6px 4px #5cb1d4;

}

.index-banner-wrap-box-text h6 {
  font-size: 17px;
  font-weight: 700;
  color: #9b9b9b;
  margin: 7px 0px;

}

.section-one-content ol li {
  list-style: inside;
  text-align: center;
  font-size: 18px;
}

.index-banner-wrap-box-text h6 span {
  display: block;
  padding: 5px 0px 0px 0px;
  color: #3f3694;
  font-size: 13px;
  font-weight: 600;

}

.index-banner-wrap-box-text p {

  font-size: 9px;

  color: #848484;

  line-height: 12px;

  font-weight: 500;

  min-height: 50px;

}

.index-banner-wrap-box-flex {

  display: flex;

  justify-content: space-between;

  gap: 10px;

  flex-wrap: wrap;

}

.index-banner-anchor {

  text-align: center;

  margin: 15px 0px 5px 0px;

}

.index-banner-anchor a {font-size: 19px;font-weight: 500;font-style: italic;color: #3f3694;}

.index-banner-wrap-text h5 {

  font-size: 30px;

  font-weight: 500;

  letter-spacing: -0.9px;

  color: #43b6da;

  text-align: center;

  margin: 0px 0px 5px 0px;

}

.index-banner-wrap-quote {

  text-align: center;

}

.index-banner-wrap-quote a {

  width: 185px;

  height: 42px;

  background-color: #808080;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: 500;

  color: #fff;

  transition: 0.5s;

}

.index-banner-wrap-quote a:hover {

  box-shadow: -10px 10px 13px 0px rgb(63 54 148 / 29%);

}

.index-first-wrapper {

  padding: 50px 0px;

  position: relative;

}

.index-first-wrap-bg {

  position: absolute;

  left: -8%;

  transform: rotate(-30deg);

  top: -45%;

z-index: -1;}

.index-first-wrap-bg-01 {

  position: absolute;

  right: -10%;

  transform: rotate(-110deg);

  top: 20%;

}

.index-first-wrap-text h6 {

  font-size: 35px;

  font-weight: 500;

  color: #808080;

  line-height: 48px;

  letter-spacing: -0.6px;

  text-align: center;

}

.index-first-wrap-text p {

  font-size: 12px;

  font-weight: 400;

  color: #8f8f8f;

  line-height: 24px;

  width: 60%;

  margin: 10px auto 0px;

  text-align: center;

}

.index-second-wrapper {

  padding: 50px 0px;

  position: relative;

}

.index-second-wrap-img {

  position: absolute;

  left: -12%;

  bottom: 0%;

  z-index: -1;

}

.index-second-wrap-text h6 {font-size: 60px;color: #5cb1d4;letter-spacing: -0.4px;text-align: center;font-weight: 700;}

.index-second-wrap-text {

  margin: 0px 0px 40px 0px;

}

.heading-active h6 {

  font-size: 15px;

}

.index-second-wrap-text h5 {font-size: 60px;letter-spacing: -0.4px;text-align: center;color: #727272;margin: 0px 0px 0px 0px;font-weight: 700;}

.index-second-wrapper .index-banner-wrap-box {

  width: 18%;

  padding: 30px 20px;

  height: 169px;

  background: #fff;

}

.index-second-wrapper .index-banner-wrap-box:hover {}

.index-second-wrap-btn {

  text-align: center;

  margin: 50px 0px 0px 0px;

}

.index-second-wrap-btn a {

  font-size: 12px;

  font-weight: 500;

  color: #fff;

  width: 185px;

  height: 42px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  background-color: #808080;

  transition: 0.5s;

}

.index-second-wrap-btn a:hover {

  box-shadow: -10px 10px 13px 0px rgb(63 54 148 / 29%);

}

.index-second-wrapper .index-banner-wrap-box-flex {

  gap: 20px;

}

.index-third-wrapper {

  padding: 100px 0px;

  position: relative;

}

.index-third-wrap-bg {

  position: absolute;

  right: -2%;

  top: 10%;

}

.index-third-wrap-text h6 {

  font-size: 40px;

  font-weight: 400;

  color: #727272;

  text-align: center;

  margin: 0px 0px 40px 0px;

}

.index-third-testimonial-img {

  margin: 0px 20px 0px 0px;

  position: relative;

}

.index-third-testimonial-img::before {

  content: "";

  position: absolute;

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

  width: 100px;

  height: 86px;

  z-index: -1;

  left: -60%;

  top: -40%;

}

.index-third-testimonial-01 p {

  font-size: 15px;

  font-style: italic;

  color: #8f8f8f;

  line-height: 2;

  margin: 0px 0px 30px 0px;

}

.index-third-testimonial-flex {

  display: flex;

  align-items: center;

}

.index-third-testimonial-text h6 {

  font-size: 16px;

  font-weight: 500;

  color: #000000;

  margin: 0px 0px 5px 0px;

}

.index-third-testimonial-text h5 {

  font-size: 12px;

  font-weight: 500;

  color: #6b6b6b;

}

.index-footer-wrapper {

  background-color: #515151;

  padding: 75px 0px 75px 0px;

}

.footer-wrap-logo {

  margin: 0px 0px 30px 0px;

}

.footer-wrap-01 p {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

  letter-spacing: -0.2px;

  line-height: 2;

  width: 80%;

}

.footer-link h6 {

  font-size: 13px;

  font-weight: 600;

  color: #fff;

  letter-spacing: 2px;

  margin: 0px 0px 30px 0px;

  position: relative;

}

.footer-link h6::before {

  content: "";

  position: absolute;

  background-color: #39b3d8;

  width: 9px;

  height: 1px;

  bottom: -13px;

}

.footer-link ul li a {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

  line-height: 2.2;

  transition: 0.5s;

}

.footer-link ul li a:hover {

  color: #39b3d8;

}

.footer-link-2 {

  margin: 45px 0px 0px 0px;

}

.footer-link-2 ul li a {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

}

.about-banner-wrapper {

  padding: 80px 0px 60px 0px;

}

.about-banner-wrap-text {

  text-align: center;

}

.about-banner-wrap-text h6 {
  font-size: 57px;
  font-weight: 500;
  color: #43b6da;
  letter-spacing: -0.6px;
  margin: 0px 0px 15px 0px;
}

.about-banner-wrap-text p {

  font-size: 12px;

  font-weight: 400;

  color: #8f8f8f;

  line-height: 24px;

  width: 30%;

  margin: 0 auto;

}

.about-first-wrapper {

  padding: 0px 0px 60px 0px;

  position: relative;

}

.about-first-wrap-bg-01 {

  position: absolute;

  right: -8%;

  top: 15%;

  transform: rotate(-100deg);

}

.about-first-wrap-box {

  border-radius: 19px;

  background-color: #fff;

  box-shadow: -3px 4px 6px 0px rgb(170 170 170 / 16%);

  padding: 10px;

  margin: 0px 0px 20px 0px;

}

.about-first-wrap-box img {

  border-radius: 19px;

}

.about-first-wrap-box-text {

  text-align: center;

  padding: 10px 0px 10px 0px;

}

.about-first-wrap-box-text h6 {

  font-size: 20px;

  color: #43b6da;

  margin: 0px 0px 4px 0px;

}

.about-first-wrap-box-text h5 {

  font-size: 14px;

  color: #8f8f8f;

}

.about-first-wrap-box-btn a {

  font-size: 11px;

  color: #8f8f8f;

  background-color: #f2f2f2;

  border-radius: 14px;

  height: 27px;

  width: 100%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

}

.about-first-wrap-box:hover .about-first-wrap-box-btn a {

  background-color: #43b6da;

  color: #fff;

}

.about-first-wrap-ft {

  margin: 50px 0px 0px 0px;

}

.about-first-wrap-ft h6 {

  font-size: 57px;

  font-weight: 500;

  letter-spacing: -3px;

  color: #43b6da;

  text-align: center;

}

.services-banner-wrapper {

  padding: 80px 0px 60px 0px;

}

.services-banner-wrap-text h6 {

  color: #5cb1d4;

  font-size: 40px;

  font-weight: 400;

  letter-spacing: -0.4px;

  text-align: center;

}

.services-banner-wrap-text h5 {

  font-size: 40px;

  font-weight: 400;

  color: #727272;

  letter-spacing: -0.4px;

  text-align: center;

}

.services-banner-wrap-box {

  padding: 30px;

  box-shadow: -3px 4px 6px 0px rgb(170 170 170 / 16%);

  border: 1px solid rgb(170 170 170 / 9%);

  border-radius: 19px;

  margin: 0px 0px 20px 0px;

  background: #fff;

  transition: 0.5s;

}

.services-banner-wrap-box:hover {

  background: rgb(92 177 212 / 10%);

}

.services-banner-wrap-box-img {

  margin: 0px 0px 10px 0px;

}

.services-banner-wrap-box-img h6 {

  display: flex;

  align-items: center;

  font-size: 18px;

  font-weight: 600;

  color: #020546;

  min-height: 43px;

}

.services-banner-wrap-box-img h6 span {

  margin: 0px 10px 0px 0px;

}

.services-banner-wrap-box-text p {

  font-size: 10px;

  color: #848484;

  line-height: 16px;

}

.services-first-wrapper {

  padding: 0px 0px 100px 0px;

  position: relative;

  overflow: hidden;

}

.services-first-wrap-bg-01 {

  position: absolute;

  left: -12%;

  bottom: 55%;

}

.services-first-wrap-bg-02 {

  position: absolute;

  right: -10%;

  bottom: 62%;

  transform: rotate(-100deg);

}

.services-first-wrap-bg-03 {

  position: absolute;

  left: -3%;

  bottom: -2%;

}

.blog-banner-wrapper {

  padding: 100px 0px 30px 0px;

  position: relative;

}

.blog-first-wrap-bg-01 {

  position: absolute;

  transform: rotate(-22deg);

  left: -10%;

  top: 15%;

}

.blog-first-wrap-bg-02 {

  position: absolute;

  top: 33%;

  left: 2%;

}

.blog-first-wrap-bg-03 {

  position: absolute;

  top: 30%;

  right: -12%;

  transform: rotate(-90deg);

}

.blog-first-wrap-bg-04 {

  position: absolute;

  bottom: 15%;

  right: -3.5%;

}

.blog-banner-wrap-text {

  text-align: center;

}

.blog-banner-wrap-text h6 {

  font-size: 57px;

  color: #43b6da;

  letter-spacing: -0.6px;

}

.blog-first-wrapper {

  padding: 0px 0px 100px 0px;

  position: relative;

}

.blog-first-wrap-box {

  background-color: rgb(236 236 236 / 32%);

  border-radius: 19px;

  padding: 15px;

  margin: 0px 0px 60px 0px;

  cursor: pointer;

}

.blog-first-wrap-box-text {

  text-align: center;

  padding: 20px 15px 0px 15px;

}

.blog-first-wrap-box-text h6 {font-size: 19px;font-weight: 600;color: #000000;min-height: 45px;}

.blog-first-wrap-box-text p {

  margin: 18px 0px 18px 0px;

  font-size: 12px;

  color: #8f8f8f;

}

.blog-first-wrap-box-text a {

  width: 151px;

  height: 42px;

  border: 1px solid #3f3694;

  border-radius: 21px;

  font-size: 12px;

  font-weight: 500;

  color: #3f3694;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s;

}

.blog-first-wrap-box:hover .blog-first-wrap-box-text a {

  background-color: #3f3694;

  color: #fff;

}

.services-second-wrapper {

  padding: 0px 0px 100px 0px;

  position: relative;

}

.services-second-wrapper .services-second-wrap-bg-02 {

  position: absolute;

  right: -3%;

  bottom: 40%;

}

.services-second-wrap-text {

  text-align: center;

  margin: 0px 0px 50px 0px;

}

.services-second-wrap-text h6 {

  font-size: 40px;

  color: #808080;

  letter-spacing: -0.4px;

}

.services-second-wrap-feild {

  margin: 0px 0px 20px 0px;

}

.services-second-wrap-feild label {

  font-size: 12px;

  color: #020546;

  display: block;

  margin: 0px 0px 10px 0px;

}

.services-second-wrap-feild input {

  height: 47px;

  width: 100%;

  border: 1px solid #707070;

  border-radius: 8px;

  font-size: 12px;

  color: #020546;

  padding: 0px 10px;

}

.services-second-wrap-check {

  margin: 0px 0px 30px 0px;

}

.services-second-wrap-check .form-group {

  display: block;

  margin: 0px;

}

.services-second-wrap-check .form-group input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}

.services-second-wrap-check .form-group label {

  position: relative;

  cursor: pointer;

  margin: 0px;

}

.services-second-wrap-check .form-group label:before {

  content: "";

  -webkit-appearance: none;

  background-color: transparent;

  border: 2px solid #000000;

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  border-radius: 3px;

  transition: 0.5s;

}

.services-second-wrap-check .form-group input:checked+label:before {

  background-color: #fff;

  border: 2px solid #5cb1d4;

}

.services-second-wrap-check .form-group input:checked+label:after {

  content: "";

  display: block;

  position: absolute;

  top: 4.5px;

  left: 9.5px;

  width: 6px;

  height: 13px;

  border: solid #5cb1d4;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}

.services-second-wrap-check .form-group label {

  font-size: 12px;

  font-weight: 400;

  color: #050d18;

}

.services-second-wrap-ft h6 {

  font-size: 40px;

  letter-spacing: -0.4px;

  color: #5cb1d4;

  text-align: center;

  margin: 0px 0px 15px 0px;

}

.services-second-wrap-ft {

  text-align: center;

}

.services-second-wrap-ft a {

  font-size: 12px;

  font-style: italic;

  color: #3f3694;

}

.services-second-wrap-btn {

  margin: 20px 0px 0px 0px;

  text-align: center;

}

.services-second-wrap-btn a,

.services-second-wrap-btn button {

  width: 185px;

  height: 42px;

  background-color: #808080;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: 500;

  color: #fff;

  transition: 0.5s;

  border: none;

}
.services-second-wrap-btn button[disabled] {
    background: #ccc;
    cursor: no-drop;
}
.services-second-wrap-btn a:hover,

.services-second-wrap-btn button:hover {

  box-shadow: -10px 10px 13px 0px rgb(63 54 148 / 29%);

}

.inner-services .services-first-wrap-bg-02 {

  right: -10%;

  bottom: -20%;

}

.thankyou-banner-wrapper {

  height: 600px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.thankyou-banner-wrap-text {

  text-align: center;

}

.thankyou-banner-wrap-text h6 {

  font-size: 45px;

  font-weight: 500;

  color: #39b3d8;

  letter-spacing: -0.6px;

  margin: 20px 0px 0px 0px;

}

.thankyou-banner-wrap-text p {

  font-size: 20px;

  color: #8f8f8f;

  width: 55%;

  margin: 20px auto 0px;

  text-align: center;

}

.custom-modal.show {

  display: flex;

  align-items: center;

}

.custom-modal .modal-dialog {

  max-width: 760px;

  margin: 1rem auto;

  height: 100%;

  display: flex;

  align-items: center;

}

.custom-modal .modal-content {

  border-radius: 32px;

  border: none;

}

.custom-modal .modal-body {

  padding: 50px;

}

.custom-modal .modal-head-body {

  text-align: center;

  margin: 0px 0px 30px 0px;

}

.custom-modal .modal-head-body h6 {

  font-size: 30px;

  font-weight: 500;

  color: #808080;

}

.modal-head-body-input label {font-size: 13px;margin-bottom: 10px;}

.modal-head-body-feild-icon {}

.modal-head-body-feild {

  position: relative;

}

.modal-head-body-feild-icon {

  position: absolute;

  bottom: 14%;

  left: 6%;

}

.modal-head-body-input {

  margin: 0px 0px 15px 0px;

}

.modal-head-body-input input {

  width: 100%;

  border: 1px solid #ececec;

  height: 40px;

  border-radius: 19px;

  font-size: 12px;

  color: #848484;

  padding: 0px 20px 0px 45px;

  box-shadow: -3px 4px 6px 0px rgb(170 170 170 / 16%);

}

.modal-head-body-input input::placeholder {

  color: #848484;

}

.modal-head-body-input textarea {

  width: 100%;

  border: 1px solid #ececec;

  height: 102px;

  border-radius: 19px;

  font-size: 12px;

  color: #848484;

  padding: 20px 20px 20px 45px;

  box-shadow: -3px 4px 6px 0px rgb(170 170 170 / 16%);

  outline: none;

  resize: none;

}

.modal-head-body-btn {

  text-align: right;

}

.modal-head-body-btn button {

  font-size: 12px;

  color: #fff;

  height: 42px;

  width: 185px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: #808080;

  border: none;

}
.modal-head-body-btn button[disabled] {
    cursor: not-allowed;
    background-color: #c9c9c9;
}

.socail-media {

  margin: 5px 0px 0px 0px;

}

.socail-media ul {

  display: flex;

  gap: 20px;

}







/*NEW CSS*/



.goog-logo-link {

  display: none !important;

}



.goog-te-gadget {

  color: transparent !important;

}





.skiptranslate iframe {

  display: none;

}



.goog-logo-link {

  display: none !important;

}



.goog-te-gadget {

  color: transparent !important;

}





.goog-text-highlight {

  box-shadow: none !important;

  background: initial !important;

}





#goog-gt-tt {

  display: none !important;

}





body {

  position: relative;

  min-height: 100%;

  top: 0px !important;

}





video#video1 {

  width: 100%;

}



body.test {

  overflow: hidden;

  margin-right: 8px;

}



.index-banner-wrap-box {

  cursor: pointer;

}

.index-banner-wrap-box.active {

  border: 2px solid #5cb1d4;
  box-shadow: 0px 0px 6px 4px #5cb1d4;
}



.hidden {
  display: none;
}

.bubblesec {
  color: #9b9b9b;
  width: 100%;
  height: 90vh;
  /*background: url(/assets/front/images/bubble_container.png) center center no-repeat;*/
  background-size: contain;
}

.bubblesec-content {
  position: absolute;
  width: 29vw;
  transform: translate(-50%, -50%);
  left: 48.5%;
  top: 35%;
}

.bubblesec h4 {
  text-align: left;
  font-size: 23px;
  font-weight: 600;
  line-height: 44px;
  left: 13px;
  position: relative;
  top: 50px;
}


.bubblesec p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}

.below-bubble-sec .below-bubble-sec-heading p {
  font-size: 25px;
  line-height: 1.5rem;
  width: 70%;
  font-weight: 500;
}

.below-bubble-sec-content p {
  color: #5cb1d4;
  font-size: 25px;
  font-weight: 400;
}

.below-bubble-sec-content {
  margin: 40px 10px;
}

@media screen {}


.mockup {
  display: inline-block;
  position: relative;
  z-index: 3;
  text-align: center;
  font-size: 0;
  perspective: 2400px;
  perspective-origin: 50% 100%;
  opacity: 0;
  transition: 500ms opacity;
}

.mockup.loaded {
  opacity: 1;
}

.mockup .part .top,
.mockup .part .bottom {
  position: absolute;
  top: 0;
  left: 0;
}

.mockup .part.top {
  /*transform: translate3d(0, 0, 0) rotateX(-90deg);*/
  /*transform: translate3d(0, 0, 0) rotateX(0deg);*/
}

.mockup:hover .part.top {
  transform: translate3d(0, 0, 0) rotateX(0deg);
}

.mockup .part {
  display: inline-block;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  transition: 900ms;
}

.mockup.opened .part .top {
  transform: translate3d(0, 0, -11px) rotateX(90deg) scale(1, 1);
}

.mockup .part .top {
  transform-origin: 50% 0;
  transform: translate3d(0, 0, -11px) rotateX(90deg);
  transition: 900ms;
}

.mockup img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
}

.mockup .part .cover {
  position: relative;
}

.mockup video {
  display: block;
  position: absolute;
  top: 8%;
  left: 4%;
  width: 92%;
  border-radius: 6px;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 1px);
}

.mockup .part.bottom {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0) rotateX(-90deg);
}

.mockup .part .bottom {
  transform-origin: 50% 0;
  transform: translate3d(0, 0, 0) rotateX(90deg);
}

div#chutiyapa {
  width: 80%;
  margin: 0 auto;
  display: block;
}
section.blog-comingsoon {
    height: 350px;
    padding: 50px;
}

section.blog-comingsoon h2 {
    font-size: 65px;
    background: #5cb1d4;
    color: #fff;
    padding: 20px;
}
.below-bubble-sec {
    display: none;
}


/*quote button css*/
.start-my-quote{
  width: 185px;
  height: 42px;
  background-color: #808080;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  transition: 0.5s;
  border: none;
}
.start-my-quote.disabled, .start-my-quote:disabled{
  opacity: .65;
}
.start-my-quote:hover {
  box-shadow: -10px 10px 13px 0px rgb(63 54 148 / 29%);
}

.blog_content-detail img{
  margin: 0 40px 30px 0;
}
.blog_content-detail{
  margin: 30px auto;
  text-align: justify;
}

@media (min-width: 1025px){
  .toggleChatBox{
    display: none !important;
  }
}

.second_section-container{
  background: #39b3da;
  padding: 50px;
  color: #fff;
  position: relative;
}
.second_section-container *{
  color: #fff !important;
}
.section_content_div{
  display: inline-block;
  margin-top: 22px;
  line-height: 19px;
  text-align: justify;
}

.section_content_div h4{
  line-height: 45px;
}

.captcha_quote{
  display: block;
  margin: auto;
  margin-top: 10px;
}

.header_mobile{
  border-bottom: 1px solid rgb(0 0 0 / 05%);
}
.menu_bar_xs_div{
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.menu_bars{
  width: 30px;
  height: 30px;
  background: #5cb1d4;
  font-size: 14px;
  color: #fff;
}

.menu_bars .fa-bars{
  top: 5px;
  position: relative;
}
@media (max-width: 767px) {

  .second_section-container h1{
    font-size: 24px;
  }

  .section_content_div h4{
    font-size: 16px;
  }

  .services-second-wrap-bg-02 {
    display: none;
  }

}

.visible-xs{
  display: none;
}

.goog-te-gadget .goog-te-combo {
  margin: 4px 0;
  position: absolute;
  right: 20px;
  bottom: -10px;
}

.pad30rl{
  padding: 0 30px;
}

@media (max-width: 1024px) {

  .hidden-xs{
    display: none;
  }

  .header-main-wrapper{
    padding: 0 !important;
    height: 0;
  }


  .visible-xs{
    display: block;
  }
}