/* Googel Fonts  */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');


/* Googel Fonts End  

*/

.ptSerif, .ptSerif *{
  font-family: "PT Serif", serif;
}

  body{
    color: #000;
    font-size: 18px;
  }

*{
  font-family: "Inter", sans-serif;
}

.bg-flat-color-1 {
  background: #8E297B;
}

.bg-transparent {
  background-color: transparent;
}

.text-uppercase{
  text-transform: uppercase !important;
}

.bg-grey{
  background: #ECECEC !important;
}

.bg-half-grey{
  background: linear-gradient(to bottom,  #ececec 0%,#ececec 50%,#ffffff 100%);
}


.flat-color-1 {
  color: #8E297B;
}

.bg-twitter {
  background: #1da1f2;
}

.bg-facebook {
  background: #3b5998;
}

.bg-instagram {
  background: #833ab4;
}


.fade-5 {
  opacity: 0.5;
}


.color-white {
  color: #fff !important;
}

.color-dark {
  color: #000 !important;
}

.color-red {
  color: #dc3545 !important;
}

.color-red-theme{
  color: #C32927 !important;
}

.color-yellow{
  color: #FFA71A !important;
}

.color-orange {
  color: #FFAA11 !important;
}

.color-blue {
  color: #4492E8 !important;
}

.color-green {
  color: #29BF05 !important;
}

.color-danger{
  color: #E21B1A !important;
}

.color-initiated{
  color: #2651CA !important;
}

.color-completed{
  color: #139B0E !important;
}

.color-progress{
  color: #F68147 !important;
}

.color-theme1{
  color: #FF021D !important;
}


.color-theme{
  color:#FFAA11 !important;
  background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.bg-dark{
  background: #000 !important;
}

.font-3xl {
  font-size: 2.8125em;
}

.font-4xl {
  font-size: 3.75em;
}

.text-style-italic{
  font-style: italic;
}


.inline-block {
  display: inline-block;
}

.mb-15 {
  margin-bottom: 15px;
}

.pt-30{
  padding-top:30px !important;
}

.pt-60{
    padding-top:60px !important;
}

.pt-70{
    padding-top:70px !important;
}

.pt-80{
    padding-top:80px !important;
}

.pt-90{
    padding-top:90px !important;
}

.pt-100{
    padding-top:100px !important;
}

.pt-110{
    padding-top:110px !important;
}

.pt-120{
    padding-top:120px !important;
}


.pb-60{
    padding-bottom:60px !important;
}

.pb-70{
    padding-bottom:70px !important;
}

.pb-80{
    padding-bottom:80px !important;
}

.pb-90{
    padding-bottom:90px !important;
}

.pb-100{
    padding-bottom:100px !important;
}

.pb-110{
    padding-bottom:110px !important;
}

.pb-120{
    padding-bottom:120px !important;
}


.mb-60{
  margin-bottom:60px !important;
}

.b_none {
    border: none;
}

.m0 {
    margin: 0;
}

.min-w125{
  min-width: 125px;
}

.min-w154{
  min-width: 154px;
}

.min-w175{
  min-width: 175px;
}

.mx480{
  max-width: 480px;
}

img{
  max-width: 100%;
  height: auto;
}

.fs-14{
  font-size: 14px !important;
}

.fs-15{
  font-size: 15px !important;
}

.fs-16{
  font-size: 16px !important;
}

.fs-18{
  font-size: 18px !important;
  line-height: 1.45;
}

.fs-20{
  font-size: 20px !important;
  line-height: 1.45;
}

.fs-24{
  font-size: 24px !important;
  line-height: 1.45;
}

.fw-100{
  font-weight: 100 !important;
}

.fw-200{
  font-weight: 200 !important;
}

.fw-300{
  font-weight: 300 !important;
}

.fw-400{
  font-weight: 400 !important;
}

.fw-500{
  font-weight: 500 !important;
}

.fw-600{
  font-weight: 600 !important;
}

.fw-700{
  font-weight: 700 !important;
}

.fw-800{
  font-weight: 800 !important;
}

.fw-900{
  font-weight: 900 !important;
}


h1, h1 *{
  font-size: 50px;
  font-family: "Sour Gummy", sans-serif;
}
h2, h2 *{
  font-size: 42px;
  font-family: "Sour Gummy", sans-serif;
}
h3, h3 *{
  font-size: 32px;
  font-family: "Sour Gummy", sans-serif;
}

h4, h4 *{
  font-size: 28px;
  font-family: "Sour Gummy", sans-serif;
}

h5, h5 *, h5 a{
  font-size: 24px;
  font-family: "Sour Gummy", sans-serif;
}

h6, h6 *{
  font-size: 20px;
  font-family: "Sour Gummy", sans-serif;
}

.btn, a{
  font-family: "Inter", sans-serif;
}


@media (max-width:992px) {
  h1, h1 *{
    font-size: 42px;
  }
  h2, h2 *{
    font-size: 32px;
  }
  h3, h3 *{
    font-size: 28px;
  }

  h4, h4 *{
    font-size: 24px;
  }

  h5, h5 *{
    font-size: 20px;
  }

  h6, h6 *{
    font-size: 18px;
  }

  body{
    font-size: 16px;
  }
}

@media (max-width:767px) {
  body{
    font-size: 15px;
  }
}

/* 


Googel Fonts  */
/* Googel Fonts End  

*/


.container{
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  }

  .container.container-1200{
    max-width: 1200px;
  }

  /* .topHeader .container{
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .homeBanner .container{
    max-width: 1440px;
    padding-left: 60px;
    padding-right: 60px;
  } */

}



.topHeader{
  background:transparent;
  position: absolute;
  top: 0;
  z-index: 9;
  left: 0;
  right: 0;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13); */
}


.topHeadIn{
  display: flex;
  align-items: center;
}

.topHeadIn .logo{
  flex: 0 0 210px;
  margin: 18px 10px 14px 0px;
}

.topHeadIn .logo.homeOnly {
  flex: 0 0 300px;
}

.topHeadIn .menuRight{
  flex: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.topHeadIn .menuRight > .menuRightIn > ul{
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
}

.topHeadIn .menuRight > .menuRightIn > ul li{
  padding:0;
  list-style: none;
}

.topHeadIn .menuRight > .menuRightIn > ul li a{
  padding:10px 8px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.topHeadIn .menuRight > .menuRightIn > ul li a:before{
  content: "\e90d";
  font-family: 'icomoon' !important;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 3px 0 0;
  font-size: 5px;
  transform: rotate(90deg);
  font-weight: bold;
}

.topHeadIn .menuRight > .menuRightIn > ul li:first-child a:before{
  display: none;
}


.topHeadIn .menuRight > .menuRightIn > ul li a.homeIC{
  border: 1px solid #BABABA;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 3px 6px  rgba(0, 0, 0, 0.16);
  padding: 5px 8px 5px 8px;
  width: 37px;
  text-align: center;
  margin-right: 4px;
}

.topHeadIn .menuRight > .menuRightIn > ul li a.homeIC:before{
  display: none;
}

.topHeadIn .menuRight > .menuRightIn > ul li a.current{
  font-weight: 700;
}

.topHeadIn .menuRight > .menuRightIn > ul li a:hover, .topHeadIn .menuRight > .menuRightIn > ul li a.current:hover{
  color: #000;
}

.callHead a {
  padding: 8px 20px;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  margin: 0 0 0 9px;
  background: linear-gradient(to right,  #fd011b 0%,#fea626 50%,#fea626 51%,#fd011b 100%);
  background-size: 200% auto;
  background-position: 0 0;
  border-radius: 4px;
  min-width: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background 0.25s ease-out;
}

.callHead a:hover {
  background-position: 100% 0;
}

.callHead a i.icon:before {
  color: inherit;
  margin: -3px 9px 0 0;
  font-size: 26px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}

.callHead a > span{
  display: block;
  max-width: 70px;
}

.callHead a > span span.title {
  font-size: 12px;
  line-height: 1.2;
  display: block;
  font-weight: 500;
}

.callHead a > span span.number {
  font-size: 16px;
  line-height: 1.2;
  display: block;
  font-weight: 700;
}

.helpLogoHead a {
  display: inline-block;
  vertical-align: middle;
  max-width: 85px;
  margin: 0 0 0 10px;
}

.topHeadIn .menuRight > .menuRightIn > ul li a.current{
  color: #000;
  font-weight: 700;
}

.topHeadIn .menuRight > .menuRightIn > ul li a.contact{
  min-width: 154px;
  background: #1468FB;
  color: #fff;
  border-radius: 10px;
  padding:13px 16px;
  margin-left: 20px;
}

.topHeadIn .menuRight > .menuRightIn > ul li a.contact:hover{
  background: #005DFF;
}


.topHeadIn .menuRight .langSelect .dropdown.bootstrap-select{
  width: auto;
}

.topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle {
  background:transparent;
  border: 1px solid #000;
  padding: 8px 12px 8px 30px;
  border-radius: 4px;
  color: #000;
  position: relative;
  box-shadow: none;
  outline: none !important;
  font-size: 14px;
}

.topHeadIn .menuRight .langSelect .dropdown .dropdown-menu {
  max-height: 190px !important;
}

.topHeadIn .menuRight .langSelect{
  margin-left: 8px;
}

.topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::before {
  content: "\e900";
  font-family: 'icomoon' !important;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-48%);
}

.topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::after {
  border-top: 9px solid #000;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
  margin: 0 0 0 10px;
}




/* banner css */


.homeBanner{
  background: url('../img/vi-banner-v2.jpg') no-repeat;
  background-size: cover;
  padding: 120px 0;
  min-height: 800px;
  background-position: top center;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  transform: translate(0px, 0px);
}

.homeBanner:after {
  content: "";
  position: absolute;
  background: url('../img/Hand.png') no-repeat;
  right: 0;
  bottom: 0;
  background-position: right center;
  height: 696px;
  width: 791px;
  background-size: cover;
}

.homeBanner .homeBanner-content{
  max-width: 50%;
  color: #fff;
}

.homeBanner-content h6 {
  font-weight: 200;
  font-size: 19px;
  margin: 0 0 0px 0;
  letter-spacing: 1px;
}

.homeBanner-content h1 {
  font-weight: 700;
  font-size: 72px;
  line-height: 1.2;
}

.homeBanner-content h1 img{
    margin: 20px 0 0px -3px;
    max-width: 520px;
    width: 100%;
}

.homeBanner-content h1 .titleText{
  display: block;
  font-weight: 200;
  font-size: 18px;
  line-height: 1.2;
}

.homeBanner-content .cont {
  margin: 40px 0 0 0;
  font-size: 19px;
  font-weight: 200;
  max-width: 540px;
  line-height: 1.7;
}

.homeBanner-content .btn-wrap{
  margin: 34px 0 0;
}

.homeBanner-content .btn-wrap .btn {
  flex: 0 0 auto;
}

.homeBanner-content .btn-wrap .btn-primary i.icon.icon-whatsapp {
  color: #23D366;
  font-weight: lighter;
}

.bgBanner{
  
  position: relative;
  min-height: calc(100vh - 26vh);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background-size: cover;
  background-position: center;
  padding: 108px 0;
}

.bgBanner:before{
  content: "";
  position: absolute;
  left: 20%;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,221,221,1) 99%);
  z-index: -1;
}

.bgBanner:after{
  content: "";
  position: absolute;
  width: 567px;
  height: 538px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url('../img/adsIc.svg') no-repeat;
  z-index: 0;
}

.bannerCont{
  max-width: 850px;
}

.bannerCont .icTitle{
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}

.bannerCont h2{
  font-weight: 700;
  color: #23262B;
  margin: 0 0 0px 0;
}

.bannerCont h2 *{
  font-size: inherit;
  font-weight: inherit;
}

.bannerCont .icTitle:before{
  content: "";
  background: url('../img/help.svg') no-repeat;
  width: 148px;
  height: 136px;
  flex: 0 0 148px;
  margin: 0 30px 0 0;
  background-size: cover;
}

.bannerCont p{
  font-weight: 400;
  color: #575757;
  margin: 0 0 0px 0;
  line-height: 1.6;
  text-align: justify;
}

.bannerCont p strong{
  color: #000;
}

.btn{
  font-size: 15px;
  padding: 10px 18px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  font-weight: 400;
  justify-content: center;
}

.btn i.icon {
  margin: 0 6px 0 0;
  font-weight: 400;
  font-size: 19px;
}

a.btn.btn-primary.btn-white {
  background: #fff;
  color: #FF021D;
  box-shadow: inset 0px 0px 0px 1px #FD021B;
}

a.btn.btn-primary.btn-white:hover{
  background: #FF021D;
  color: #fff;
}

a.btn.btn-primary.btn-white:hover svg path{
  fill: #fff;
}

a.btn.btn-primary.btn-white svg {
  max-width: 18px;
  margin: 0 6px 0 0;
  display: inline-block;
  line-height: 0;
  height: 19px;
}

.btn .icon.before {
    margin: 0 9px 0 0px;
    font-size: 0px;
    position: relative;
    display: block;
    /* align-items: center; */
    min-height: inherit;
    /* border-radius: 3px;
    overflow: hidden;
    background: #25d366; */
    flex: 0 0 22px;
    max-width: 22px;
}


.btn-primary{
  background: linear-gradient(to right,  #fd011b 0%,#fea626 50%,#fea626 51%,#fd011b 100%);
  background-size: 200% auto;
  background-position: 0 0;
  transition: background 0.25s ease-out;
  color: #fff;
  border: none;
}

.btn-primary:hover{
  background-position: 100% 0;
    color: #fff;
}


.btn-primary-red{
  background: #C61627;
  transition: background 0.25s ease-out;
  color: #fff;
  border: none;
}

.btn-primary-red:hover{
  background: #C61627;
  color: #fff;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  background-color: #999999;
  border-color: #989898;
}

.btn-outline-primary{
  border: 2px solid #FF021D;
  color: #000;
}

.btn-outline-primary:hover{
  color: #fff;
  background: #000;
  border-color: #000;
}

.btn-outline-secondary{
  border: 1px solid #AAAAAA;
  color: #000000;
}

.btn-outline-secondary:hover{
  background: #000;
  color: #fff;
  border-color: #000;
}

.btn-dark{
  border: 1px solid #000;
  color: #fff;
  background: #000;
}

.btn-dark:hover{
  background: #D60000;
  color: #fff;
  border-color: #D60000;
}

.bannerCont .btn-wrap{
  margin: 32px 0 0 0;
}

.bannerCont .btn-wrap .btn{
  min-width: 230px;
}

.bannerCont .btn-wrap .btn.btn-primary{
  padding-top: 11px;
  padding-bottom: 11px;
}

body.modal-open.modal-opened {
  overflow: visible !important;
}


/* Bubble Modal */

.modal.bubbleBlock {
  position: absolute;
  width: auto;
  height: auto;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  overflow: hidden;
}

.modal.bubbleBlock .modal-dialog.min-w650.modal-dialog-centered {
  margin: 0;
  transform: translate(0, 80px);
}

.modal.bubbleBlock.show .modal-dialog.min-w650.modal-dialog-centered{
  transform: none;
}

.modal.bubbleBlock .modal-content.helpModalWrap.bgModal{
  background: url('../img/bubble-yellow.svg') no-repeat;
  min-width: 470px;
  background-size: cover;
  min-height: 416px;
}

.modal.bubbleBlock .helpModalBody.selfTestPopup .helpModalCont{
  padding: 85px 52px 30px;
}

.modal.bubbleBlock .helpModalBody.selfTestPopup .cont h3{
  color: #fff;
  font-family: 'modernlove-capsunspecified';
}

.modal.bubbleBlock .helpModalWrap .btn-close {
  margin: 5px 46px 0 auto;
  font-size: 12px;
  color: #C1C1C1;
  position: absolute;
  right: 0;
  opacity: 1;
  z-index: 9;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  width: 32px;
  height: 32px;
  border-radius: 30px 30px 30px 0px;
}

.modal.bubbleBlock .btn-primary {
  background: #fff;
  color: #fd171c;
  transition: 0.25s ease-out;
}

.modal.bubbleBlock .btn-primary:hover {
  background: #feac12;
  color: #fff;
}

.testBlockWrap .btn{
  padding: 11px 18px;
}


.profileDropdownWrap{
  position: relative;
}

.profileDropdownWrap .headProfile {
    padding-right: 20px;
    position: relative;
}

.profileDropdownWrap .headProfile:after {
    content: "";
    position: absolute;
    right: 2px;
    border-top: 9px solid #000;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    margin: 0 0 0 0px;
    transition: 0.25s ease-out;
    transform: rotate(0deg);
}
.profileDropdownWrap .headProfile[aria-expanded="true"]:after {
  transform: rotate(-180deg);
}

.dropdown-menu-animated.dropdown-menu-end[style] {
    left: auto;
    right: 0;
}

.profileDropdownWrap .dropdown-menu-animated.show {
    top: 100%!important;
    left: 20px !important;
    margin-top: 18px !important;
}

.profile-dropdown.dropdown-menu {
    min-width: 170px;
    border-radius: 0 0 4px 4px;
    border-color: #dbe1e5;
    border-top: 0;
    box-shadow: 0 8px 14px -4px rgba(0, 0, 0, 0.10);
}

.profile-dropdown.dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 6px 18px;
    clear: both;
    font-weight: 400;
    color: #6c757d;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: none;
    font-size: 14px;
}

.profile-dropdown.dropdown-menu .dropdown-item:hover {
  color: rgb(108 117 125);
  background-color: #f6f7fb;
}

.dropdown-header {
    display: block;
    padding: 8px 18px;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap;
    border-bottom: 1px solid #dbe1e5;
}

.dropdown-header h6{
  font-size: inherit;
  font-weight: 700;
}

.dropdown-menu-animated {
    
    animation-name: DropDownSlide;
    
    animation-duration: .3s;
    
    animation-fill-mode: both;
    position: absolute;
    margin: 0;
    z-index: 1000;
}

@keyframes DropDownSlide {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}





.headProfile{
  display: flex;
  align-items: center;
  margin: 0 0 0 18px;
}

.headProfile .img{
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 100px;
  margin: 0px 6px 0 0px;
}

.headProfile .cont {
  font-size: 15px;
  color: #000000;
  line-height: 17px;
}

.btn-wrap{
  display: flex;
  align-items: center;
  gap: 14px;
}

.brCont{
  font-size: 15px;
  color:#939393;
  font-weight: 700;
  margin: 16px 0 0 0;
}

.speakWrap {
  position: fixed;
  bottom: 14px;
  right: 10px;
  width: 58px;
  height: 58px;
  z-index: 9999999999;
}

.speakWrap img{
  cursor: pointer;
}

.speakWrap .close.closeArrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background:#fd061c;
    top: 0;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0 0 0;
    color: #fff;
    transform: scale(0);
    opacity: 0;
    transition: 0.25s ease-out;
}

.speakWrap .close.closeArrow .icon-arrow-right {
    font-size: 9px;
    transform: rotate(180deg);
}

.speakWrap.open .close.closeArrow {
  transform: scale(1);
  opacity: 1;
}

.chatBoxWrap {
  background: linear-gradient(to bottom, rgba(255,232,232,1) 0%,rgba(237,71,71,1) 100%);
  min-width: 386px;
  height: 534px;
  max-height: 534px;
  position: absolute;
  bottom: 68px;
  right: 12px;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  transform: scale(0);
  transition: transform, 0.25s ease-out;
  transform-origin: bottom right;
}

.speakWrap.open .chatBoxWrap {
  transform: scale(1);
}

.chatBoxWrap .chatBoxHead{
  display: flex;
  align-items: center;
  padding: 17px 38px 12px 18px;
  position: relative;
}


.chatBoxWrap .chatBoxHead  .close {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    width: 28px;
    height: 28px;
    padding: 0;
}


.speakWrap .close i{
  font-size: 12px;
}

.speakWrap .close .icon-cross:before{
  color: #000;
}


.chatBoxWrap .chatBoxHead .img{
  flex: 0 0 58px;
  margin: 0 12px 0 0;
}

.chatBoxWrap .chatBoxHead .cont{
    flex: auto;
}

.chatBoxWrap .chatBoxHead .cont h4{
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
  line-height: 1.2;
}

.chatBoxWrap .chatBoxHead .cont p{
  font-size: 13.5px;
  margin: 0px;
  line-height: 1.2;
  font-weight: 400;
  font-style: italic;
}

.chatBoxBody {
  background: #fff;
  border-radius: 16px;
  margin: 4px;
  /* min-height: calc(100% - 100px); */
  /* padding: 16px 14px; */
  padding: 0px;
  height: calc(100% - 100px);
}

.chatMessageBlock {
  display: flex;
  align-items: center;
  margin: 0 0 12px 0;
}

.chatMessageBlock .img{
  flex: 0 0 30px;
  margin: 0 8px 0 0;
}

.chatMessageBlock .cont{
  font-size: 12px;
  background: #f4f4f6;
  padding: 10px 12px;
  border-radius: 6px;
}

.chatMessageBlock.userMessage {
    justify-content: flex-end;
}

.chatMessageBlock.userMessage .cont {
    background: #fd061c;
    color: #fff;
    max-width: 80%;
}

.chatMessageBlock .cont p{
  margin: 0px;
  font-size: 14px;
  line-height: 1.2;
}

.langSelectCheckWrap{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}

.langSelectCheckWrap .langSelectCheck{
  flex: 0 0 auto;
  position: relative;
  margin: 5px 0;
}

.langSelectCheckWrap .langSelectCheck input{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}

.langSelectCheckWrap .langSelectCheck label{
  display: inline-block;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  padding: 6px 13px;
  border-radius: 100px;
  border: 1px solid #1476A1;
  cursor: pointer;
}

.langSelectCheckWrap .langSelectCheck input:checked + label{
  background: #1476A1;
  color: #fff;
}

.chatMessageWrap{
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.chatMessageWrap .inputMessageContainer {
    align-self: flex-start;
    flex: 0 0 100%;
    padding: 0px 8px 0px;
    position: relative;
}

.chatMessageWrap .inputMessageContainer textarea {
    width: 100%;
    line-height: 20px;
    height: 42px;
    min-height: 42px;
    max-height: 100px;
    font-size: 13px;
    padding: 10px 40px 4px 10px;
    color: #000;
    resize: none;
    background: #ffe2e2;
    border: none;
    outline: none;
    box-shadow: none;
    font-weight: 400;
    border-radius: 40px;
}

.chatMessageWrap .inputMessageContainer .submit-button {
    position: absolute;
    right: 16px;
    width: 30px;
    bottom: 14px;
    background: none;
    border: none;
    height: 30px;
    background: #fd061c;
    border-radius: 100px;
    padding: 0 0 2px 2px;
}

.chatMessageWrap .inputMessageContainer .submit-button svg{
  width: 16px;
  height: auto;
}

.chatMessageWrap .inputMessageContainer .submit-button svg path {
    fill: #fff;
} 

.chatMessageList {
    flex: 0 0 100%;
    overflow: auto;
    padding: 12px;
}

.socialFixedRight{
  position: fixed;
  bottom: 76px;
  right: 18px;
  z-index: 99;
}

.socialFixedRight a {
  float: right;
  margin: 4px 0;
  clear: both;
}

.socialFixedRight a img {
  width: 40px;
}

.socialFixedRight a.helpline img {
  width: 115px;
}

.modal-dialog.min-w650{
  max-width: 650px;
}

.modal-dialog.min-w730{
  max-width: 730px;
}

.modal-dialog.min-w810{
  max-width: 810px;
}

.modal-dialog.min-w900{
  max-width: 900px;
}


.modal-dialog.min-w930{
  max-width: 930px;
}

.helpModalWrap .btn-close{
  margin: 20px 22px 0 auto;
  font-size: 12px;
  color: #C1C1C1;
  position: absolute;
  right: 0;
  opacity: 0.4;
  z-index: 9;
}

.helpModalWrap .btn-close:hover{
  opacity: 0.8;
}

.helpModalBody{
  padding: 40px 60px;
}

.helpModalCont{
  text-align: center;
}

.helpModalCont .helpIc {
  margin: 0 0 10px 0;
}

.helpModalCont .cont h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
  background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.helpModalBody.selfTestPopup{
    padding: 0;
    display: flex;
    position: relative;
    /* align-items: center; */
}

.helpModalBody.selfTestPopup .imgWrap{
  content: "";
  position: relative;
  flex: 0 0 374px;
  /*background: url("../img/selfRiskPOPBg.png") no-repeat;
  background-size:cover;*/
/*  min-height: 441px;*/
}

.helpModalBody.selfTestPopup .imgWrap img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.helpModalBody.selfTestPopup .helpModalCont{
  text-align: center;
  padding: 55px 52px 50px;
  align-self: center;
  flex: auto;
}

.helpModalBody.selfTestPopup .helpModalCont .cont{
  max-width: 450px;
  margin: 0px auto;
}

.helpModalBody.selfTestPopup .cont h3{
  color: #FF021D;
  margin: 0 0 2px 0;
  font-weight: 700;
  font-size: 55px;
  line-height: 1.05;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
}

.helpModalBody.selfTestPopup .cont p{
  color: #000000;
  font-weight: 400;
  max-width: 590px;
  line-height: 1.5;
  font-size: 18px;
}

.selfTestPopupNote {
  background: #fff;
  border-radius: 5px;
  padding: 14px 24px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  font-size: 15px;
  color: #ff0000;
  display: inline-block;
  vertical-align: top;
  margin: 19px 0 18px 0;
  line-height: 1.6;
  letter-spacing: 0.3px;
}

.linkArrowDown{
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.linkArrowDown .icon-arrow-long {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transform: rotate(90deg);
  font-size: 12px;
  margin: 0 0 0 6px;
}

.modal-content.helpModalWrap {
  border: none;
  border-radius: 2px; 
}

.modal-content.helpModalWrap.bgModal{
  background: url(../img/popupBg.png) no-repeat;
  background-position: center;
  background-size: cover;
}

.helpModalBody.selfTestPopup .helpModalCont .helpIc{
  margin: 10px auto 24px;
  max-width: none;
}

.helpModalBody.selfTestPopup .btn.btn-primary.btn-arrow{
  margin-top: 22px;
}

.btn.btn-primary.btn-arrow {
  display: inline-block;
  padding: 10px 36px 10px 22px;
  min-width: 153px;
  text-align: left;
  position: relative;
}

.btn.btn-primary.btn-arrow::after {
  content: "\e916";
  font-family: 'icomoon' !important;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.25s ease-out;
  font-size: 14px;
}

.btn.btn-primary.btn-arrow.arrowBtn:after{
  content: "\e90d";
  font-size: 6.5px;
  transform: translateY(-50%) rotate(90deg);
  right: 16px;
}

.btn.btn-primary.btn-arrow.arrowBtn:hover:after{
  right: 14px;
}

.btn.btn-primary.btn-arrow:hover:after{
  right: 16px;
}

.helpModalCont .cont p {
  font-weight: 700;
  color: #000;
  max-width: 422px;
  margin: 0px auto;
  line-height: 1.4;
}

.helpModalCont .cont p.mxAuto{
  max-width: none;
}

.langLabelWrap {
  display: flex;
  align-items: center;
  border:1px solid #B1B1B1;
  background: #fff;
  border-radius: 3px;
  margin: 22px 0 0;
}

.langLabelWrap .langLabel {
  flex: 1;
  display: flex;
  align-items: center;
  background: #EBEBEB;
  border-radius: 3px 0 0 3px;
  padding: 9px 24px;
  font-size: 16px;
  font-weight: 700;
}

.langLabelWrap .langLabel img {
  width: 36px;
  margin: 0 12px 0 0;
}

.langLabelWrap .selectWrap {
  flex: 0 0 50%;
}

.langLabelWrap .selectWrap .dropdown.bootstrap-select{
  width: 100%;
}

.langLabelWrap .selectWrap .bootstrap-select > .dropdown-toggle{
  padding: 12px 17px;
  background: none;
  border: none;
  outline: none !important;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
}

.langLabelWrap .selectWrap .bootstrap-select .dropdown-toggle::after{
  border-top: 9px solid #000;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
  margin: 0 0 0 10px;
}

.langLabelWrap .selectWrap .bootstrap-select .dropdown-menu{
  border-radius: 0px;
}

.langLabelWrap .selectWrap  .dropdown-item.active, .langLabelWrap .selectWrap .dropdown-item:active {
  background-color: #FF021D;
}

.helpTypeCheckWrap{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 14px;
  margin: 24px 0 0;
}

.helpTypeCheckWrap .helpTypeCheck {
  flex: 1;
  position: relative;
  min-width: 136px;
}

.helpTypeCheckWrap .helpTypeCheck input{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  z-index: 4;
  cursor: pointer;
}

.helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont{
  border: 1px solid #feaa11;
  border-radius: 4px;
  padding: 16px 14px;
  background: #fff;
  color: #000000;
  height: 100%;
  transition:background, border-color, 0.25s ease-out;
  position: relative;
}

.helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont .icon{
  font-size: 42px;
  margin: 0 0 18px;
  min-height: 50px;
  display: block;
}

.helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont h4{
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0px;
}

.helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont h4 *{
  font-size: inherit;
  color: inherit;
  text-decoration: none;
  line-height: inherit;
}

.helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont h4 a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont:hover, .helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont.active, .helpTypeCheckWrap .helpTypeCheck input[type="radio"]:checked + .helpTypeCheckCont{
  background: #ffedcd;
  border-color: #feaa11;
  color: #000;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.26);
}

.secPages{
  position: relative;
  overflow: hidden;
}

.bgPages {
    position: relative;
    padding: 120px 0 60px;
    z-index: 0;
}

.whoWeAreSec .bgPages {
  padding: 0px;
}

.whoWeAreSec .bgPages:before{
  top: 0;
}

.bgPages:before {
    content: "";
    position: absolute;
    right: 0;
    top: 40px;
    background: url(../img/bgPages.svg) no-repeat;
    width: 323px;
    height: 403px;
    transform: rotate(-26deg);
    z-index: -1;
    opacity: 0.1;
}

.secTitle h3{
  font-weight: 700;
  margin: 0px 0 20px 0;
}

.icCont {
    display: flex;
    align-items: center;
}

.icCont .icon {
  margin: 0 24px 0 0;
}

.icCont .icon .icon-help{
  font-size: 62px;
}

.icCont .icon .icon-help:before{
  color: #ED3337;
  background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icCont .cont{
  flex: auto;
  font-size: 20px;
  color: #4D4D4D;
  font-weight: 400;
  line-height: 25px;
}

.icCont .cont strong{
  color: #000;
}

.questionWrap {
    margin: 28px 0 0;
}

.questionWrap .questionTitle {
    color: #000;
    margin: 0 0 20px 0px;
    font-weight: 700;
}

.questionWrap .questionSmallTitle {
    color: #707070;
    margin: 0 0 20px 0px;
    font-weight: 400; 
    font-size: 16px;
}

.customRadio{
  position: relative;
  display: flex;
}

.customRadio input{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}

.customRadio label{
  font-weight: 400;
  color: #000000;
  padding: 0 0 0 36px;
  line-height: 26px;
}

.customRadio label:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  border: 2px solid #9F9F9F;
  transition: border-color, 0.25s ease-out;
}

.customRadio label:after{
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: #FFAA11;
  transition: transform, 0.25s ease-out;
  transform: scale(0);
}

.customRadio input[type="radio"]:checked + label:before{
  border-color: #FFAA11;
}
.customRadio input[type="radio"]:checked + label:after{
  transform: scale(1);
}


.customCheckBox{
  position: relative;
  display: flex;
}

.customCheckBox input{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 5;
}

.customCheckBox label{
  font-weight: 400;
  color: #000000;
  padding: 0 0 0 36px;
  line-height: 26px;
}

.customCheckBox label:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 3px;
  border: 2px solid #707070;
  background: #fff;
  transition: border-color, 0.25s ease-out;
}

.customCheckBox label::after {
  content: "\e90c";
  font-family: 'icomoon' !important;
  position: absolute;
  left: 6.3px;
  top: 8px;
  font-size: 10px;
  color: #fea400;
  transition: transform, 0.25s ease-out;
  transform: scale(0);
  line-height: 1;
}

.customCheckBox input[type="checkbox"]:checked + label:before{
  border-color: #feaa11;
  background: #fff3dd;
}
.customCheckBox input[type="checkbox"]:checked + label:after{
  transform: scale(1);
}

.fullLine {
    clear: both;
    display: inline-block;
    width: 100%;
}

.fullLine .customRadio, .fullLine .customCheckBox{
  float: left;
  clear: both;
  margin: 10px 0;
}

.inline{
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
}

.inline .customRadio{
  flex: 0 0 auto;
  margin: 10px 0;
}

.questionGuidelines{
  position: relative;
  margin: -10px 0 10px 0;
}

.questionGuidelines ol{
  padding: 0px;
  margin: 0px;
}

.questionGuidelines ol li {
    padding: 7px 0 7px 10px;
    margin: 0 0 0 20px;
    color: #000000;
}

.form-group{
  margin: 0 0 20px 0;
  position: relative;
}

.form-group label{
  font-weight: 400;
  margin: 0 0 6px 0;
  font-size: 15px;
}

.form-group input{
  width: 100%;
  height: 46px;
  box-shadow:inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 14px;
  font-weight:400;
  border:1px solid #CBCBCB;
  color: #000;
  background: #fff;
  font-size: 15px;
}

.form-group textarea{
  width: 100%;
  height: 100px;
  font-size: 15px;
  box-shadow:inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 12px 14px;
  font-weight:400;
  border:1px solid #CBCBCB;
  color: #000;
  background: #fff;
}

.form-group   .input-group.date .form-control{
      border-radius: 4px !important;
}

.form-group   .input-group.date span.input-group-append .input-group-text {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    max-width: 20px;
    right: 10px;
    top: 9px;
}

.form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.form-group input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.form-group input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.form-group input:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.form-group .custom-select .dropdown.bootstrap-select {
    width: 100% !important;
}

.form-group .custom-select .dropdown.bootstrap-select>.dropdown-toggle{
  width: 100%;
  height: 46px;
  box-shadow:inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 9px 14px;
  font-weight:400;
  border:1px solid #CBCBCB;
  color: #000;
  background: #fff;
}

.form-group .custom-select .dropdown.bootstrap-select>.dropdown-toggle.bs-placeholder  .filter-option-inner-inner{
  color: rgba(0, 0, 0, 0.5);
}



.errorMessage{
  display: flex;
  align-items: center;
  color: #DC161B;
  font-weight: 700;
  font-size: 13px;
  margin: 10px 0 0 0;
}

.errorMessage img{
  max-width: 16.5px;
  margin: -1px 6px 0 0;
}

.errorField{
  background: rgba(247, 198, 200, 0.27) !important;
  border-color: #DC161B !important;
  color: #DC161B !important;
}

.note {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.2;
}

.note .icon-note{
  font-size: 26px;
  margin: 0 8px 0 0;
}

.locBlockWrap{
  position: relative;
  max-width: 744px;
  margin: 12px 0 0 0;
}

.locBlockWrap + .locBlockWrap{
  margin-top: 16px;
}

.locBlockWrap input{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}

.locBlockWrap .locBlock{
  display: flex;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  box-shadow: 0px 3px 2px rgba(0,0,0,0.16);
  background: #fff;
  padding: 20px 24px;
  align-items: center;
  position: relative;
  transition: box-shadow 0.25s ease-out;
}

.locBlockWrap .locBlock:hover{
  box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

.locBlockWrap .locBlock:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    position: absolute;
    font-size: 22px;
    color: #C6C6C6;
    top: 12px;
    right: 12px;
    line-height: 1;
}

.locBlockWrap.removeTick .locBlock:before{
  display: none;
}


.locBlockWrap input:checked + .locBlock{
  border-color: #179D05;
}

.locBlockWrap input:checked + .locBlock:before{
  color: #259810;
}

/*.locBlockWrap input:not(:checked) + .locBlock{
  opacity: 0.4;
}*/

.locBlockWrap.disabled .locBlock{
  opacity: 0.4;
}

.locBlockWrap .locBlock .cont .title {
    font-weight: 700;
    color: #D50101;
    margin: 0 0 10px 0;
    line-height: normal;
    background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.locBlockWrap .locBlock .cont .address{
  font-size: 16px;
  color: #000;
}

.locBlockWrap .locBlock .icon {
    order: 1;
    flex: 0 0 74px;
    text-align: center;
}

.locBlockWrap .locBlock .icon a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.locBlockWrap .locBlock .icon i{
  font-size: 44px;
}

.locBlockWrap .locBlock .cont{
  flex: auto;
}

.locBlockWrap .locBlock .cont .address{
  font-size: 16px;
  color: #000;
  line-height: 1.45;
}

.thnksMessageWrap{
  margin: 50px 0 0 0;
}

.thnksMessageWrap h5{
  color: #000;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.thnksMessageWrap h3{
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  margin: 0 0 8px 0;
}

.thnksMessageWrap p{
  margin-bottom: 8px;
  line-height: 1.4;
}

.instructionsWrap{
  margin:36px 0 0 0;
}

.instructionsWrap .title{
  font-weight: 700;
  line-height: normal;
  margin: 0 0 8px 0;
}

.instructionsWrap .cont{
  line-height: 36px;
}

.questionAnswerWrap .helpTypeCheckWrap {
  gap: 24px;
}

.questionAnswerWrap .helpTypeCheckWrap .helpTypeCheck{
  max-width: 313px;
  min-height: 162px;
}

.questionAnswerWrap  .helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont{
  border-color: #F52C2C;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.questionAnswerWrap .helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont h4 {
  font-size: 22px;
  font-weight: 700;
  /* min-height: 70px; */
  min-height: inherit;
  margin-bottom: 10px;
  line-height: 1.2;
}

.questionAnswerWrap .helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont p{
  font-size: 18px;
  line-height: 1.5;
  margin: 0px;
  /* align-self: flex-end; */
}

.questionAnswerWrap .helpTypeCheckWrap .helpTypeCheck .helpTypeCheckCont h4 + p{
  align-self: flex-end;
}

.questionAnswerWrap .helpTypeCheckWrap .helpTypeCheck input[type="radio"]:checked + .helpTypeCheckCont{
  background: #FFE5E5;
  border-color: #F52C2C;
}

.questionAnswerWrap .helpTypeCheckWrap 
 .helpTypeCheck.SHRAModerateRisklevel input[type="radio"]:checked + .helpTypeCheckCont, .questionAnswerWrap .helpTypeCheckWrap 
 .helpTypeCheck.SABModerateLevel input[type="radio"]:checked + .helpTypeCheckCont {
    background: #fff0e0;
    border-color: #ff8b11;
}


.questionAnswerWrap .helpTypeCheckWrap 
 .helpTypeCheck.SHRAlowRisklevel input[type="radio"]:checked + .helpTypeCheckCont, .questionAnswerWrap .helpTypeCheckWrap 
 .helpTypeCheck.SABlowRisklevel input[type="radio"]:checked + .helpTypeCheckCont {
    background: #ebfff7;
    border-color: #00bf77;
}

.questionAnswerWrap .helpTypeCheckWrap.articleWrap .helpTypeCheck .helpTypeCheckCont h4{
  min-height: inherit;
  margin: 0 0 10px 0;
}

.questionAnswerWrap .helpTypeCheckWrap.articleWrap .helpTypeCheck .helpTypeCheckCont p{
  align-self: inherit;
  line-height: 1.4;
  margin: 0 0 6px 0;
}

.questionAnswerWrap .helpTypeCheckWrap.articleWrap .helpTypeCheck{
  min-height: inherit;
}

.questionAnswerWrap .helpTypeCheckWrap.articleWrap .helpTypeCheck .helpTypeCheckCont{
  background: #fff;
  box-shadow: none;
  padding: 16px 18px;
}

.helpTypeCheckWrap.articleWrap .arrowBtn {
  position: relative;
  margin: 14px -19px -17px;
  padding: 12px 24px 12px 18px;
  border-radius: 4px 4px;
  background: #F0F0F0;
  flex: auto;
  border: 1px solid #F52C2C;
  line-height: 1;
  align-self: flex-end;
  font-size: 15px;
  text-decoration: none;
  color: #000000;
}

.helpTypeCheckWrap.articleWrap .arrowBtn:after{
  content: "\e90d";
  font-family: 'icomoon' !important;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  font-size: 8px;
  font-size: 6.5px;
  font-weight: bold;
  transition: right, 0.25s ease-out;
}

.helpTypeCheckWrap.articleWrap .arrowBtn:hover:after {
  right: 14px;
}

.helpLineNmber-img{
  margin: 48px 0;
}

.helpLineNmber-img img{
  max-width: 300px;
}

.healthCounsellorBlock {
  border: 1px solid #B9B9B9;
  max-width: 744px;
  margin: 15px 0 0;
  padding: 20px 23px;
  border-radius: 4px;
  box-shadow: 0px 3px 2px rgba(0,0,0,0.16);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.healthCounsellorBlockWrap .healthCounsellorBlock:first-child {
  margin-top: 24px;
}

.healthCounsellorBlock .profileWrap{
  display: flex;
  align-items: center;
}

.healthCounsellorBlock .profileWrap .img {
  flex: 0 0 77px;
  border-radius: 100px;
  overflow: hidden;
  width: 77px;
  height: 77px;
  margin: 0 20px 0 0;
}

.healthCounsellorBlock.bgBlock {
  /* background: #fff8ec;
  border-color: #FFAA11; */
}

.healthCounsellorBlock.bgBlock.active {
  background: #fff8ec;
  border-color: #FFAA11;
}

.healthCounsellorBlock.bgBlock.bgCounsellors{
  cursor: pointer;
}

.healthCounsellorBlock .profileWrap .img.icon{
  border-radius: 0px;
  overflow: visible;
  flex: 0 0 80px;
  width: 80px;
  height: auto;
}

.healthCounsellorBlock.bgBlock{
  padding: 20px 20px;
}

.healthCounsellorBlock.bgBlock.dualCounsellorBlock {
    padding: 0;
    flex-wrap: wrap;
}

.healthCounsellorBlockIn {
    flex: 1;
    padding: 24px 20px;
}

.healthCounsellorBlockIn + .healthCounsellorBlockIn {
    border-left: 1px solid #b9b9b9;
}

.healthCounsellorBlock  .healthCounsellorBlockIn .profileWrap {
    align-items: flex-start;
}

.healthCounsellorBlock .healthCounsellorBlockIn .profileWrap .cont .name{
    margin: 4px 0 14px 0;
}

.healthCounsellorBlock.bgBlock .profileWrap .img.icon{
  margin: 0 12px 0 0;
  flex: 0 0 auto;
  width: auto;
  max-width: 80px;
}

.healthCounsellorBlock.bgBlock.bgCounsellors .profileWrap .img.icon img{
  max-height: 50px;
}

.healthCounsellorBlock .profileWrap .img.icon img{
  object-fit: contain;
}

.healthCounsellorBlock .profileWrap .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.healthCounsellorBlock .profileWrap .cont{
  flex: auto;
}

.healthCounsellorBlock .profileWrap .cont .name {
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 4px 0;
}

.healthCounsellorBlock .profileWrap .cont .details{
  font-size: 16px;
  margin: 0 0 7px 0;
}

.healthCounsellorBlock .profileWrap .cont .ratings{
  display: flex;
  align-items: center;
}

.healthCounsellorBlock .profileWrap .cont .ratings i{
  font-size: 16px;
}

.healthCounsellorBlock .profileWrap .cont .ratings i + i{
  margin-left: 6px;
}

.healthCounsellorBlock .callCenter{
  display: flex;
  align-items: center;
}

.healthCounsellorBlock .callCenter a{
  text-decoration: none;
  display: flex;
  align-items: center;
}

.healthCounsellorBlock .callCenter a + a{
  margin-left: 40px;
}

.healthCounsellorBlock .callCenter a .icon{
  font-size: 35.5px;
  color: #FF5A5A;
}

.healthCounsellorBlock .callCenter a .icon.icon-call{
  background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.healthCounsellorBlock .callCenter a .icon.icon-whatsapp{
  color: #169D0D;
}

.healthCounsellorBlock .callCenter a img{
  max-width: 42px;
}

.hideBlock{
  display: none;
}

.btnHide{
  display: none;
}

.SHRABtnHide{
  display: none;
}

.footer-contactWrap{
  padding: 66px 0px;
  background: #F4F4F4;
}

.contactContBlock{
  display: flex;
  align-items: center;
}

.contactContBlock .text{
  flex: 0 0 44%;
  margin: 0 34px 0 0;
}

.contactContBlock .linkContact{
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  flex:auto;
  position: relative;
}

.contactContBlock .linkContact h3{
  font-size: 38px;
  font-weight: 500;
  margin: 0px 0 8px 0;
  line-height: 1.2;
}

.contactContBlock .linkContact p{
  font-weight: 400;
  margin: 0px 0 0px 0;
}

.contactContBlock .linkContact .circleArrowBtn{
  text-decoration: none;
  margin-left: 24px;
}

.contactContBlock .linkContact .circleArrowBtn .icon{
  font-size: 64.14px;
}

.contactContBlock .linkContact .circleArrowBtn:hover .icon:before{

  color: #FF0006;
}

.siteFooterWrap{
  background: #FEECCF;
  padding: 40px 0;
}

.footerCont{
  max-width: 498px;
}

.footerCont .footLogo {
    max-width: 210px;
    margin: 0 0 20px 0;
}

.footerCont .text{
  color: #000;
  text-align: justify;
  font-size: 15px;
  font-weight: 300;
}

.footerLinks h6{
  color: #fff;
  font-weight: 700;
  margin: 0 0 16px 0;
  display: inline-block;
  vertical-align: text-bottom;
  background: linear-gradient(to right,  #fd011b 0%,#fea626 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footerLinks ul{
  padding: 0px;
  margin: 0px;
}

.footerLinks ul li{
  display: block;
}

.footerLinks ul li a{
  text-decoration: none;
  color: #000;
  font-size: 15px;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  text-decoration: none;
  margin: 4px 0;
  white-space: nowrap
}

.footerLinks ul li a:before{
  content:"";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 1px;
  background: #000;
  margin: 0 4px 0 0;
}

.footerLinks ul li a:hover{
  color: #FFAA11;
}

.footerLinks ul li a:hover:before{
  background: #FFAA11;
}

.SocialLink.footerLinks ul li{
  display: inline-block;
}

.SocialLink.footerLinks ul li a{
  text-decoration: none;
  color: #fff;
}

.SocialLink.footerLinks ul li a:before{
  display: none;
}

.SocialLink.footerLinks ul li a:hover{
  color: #D0D0D0;
}

.SocialLink.footerLinks ul li a i{
  font-size: 34px;
}

.SocialLink.footerLinks ul li a img{
  max-width: 37px;
}

.SocialLink.footerLinks ul li + li{
  margin-left: 2px;
}

.footerCopyRight {
  background: #D8C09C;
  padding: 20px 0;
  font-size: 14px;
  /* text-align: center; */
  color: #333333;
  font-weight: 300;
}

.footerCopyRight .footerCopyIn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  color: #FFFFFF;
}

.footerCopyRight .footerCopyIn .copyRightText{
  font-weight: 400;
  font-size: 14px;
  color:#000;
}

.copyRightText .copyText {
    font-size: 14px;
    margin: 0 0 0px 0;
    font-weight: 300;
}

.rightCont {
    flex: 0 0 44%;
    font-size: 13px;
    font-weight: 300;
    color: #000;
    padding-right: 0;
}

.privacyLinks{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  padding: 0 0 0 2px;
}

.privacyLinks a{
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}


.privacyLinks a:hover{
   color: #D0D0D0;
}

.termsCheckBlock{
  margin: 20px 0 0;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  background: #F8F8F8;
  padding: 16px 20px;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.16);
}

.termsCheckBlock .customCheckBox label:before{
  border: 1px solid #9B9B9B;
}

.termsLink{
  color: #feac12;
  position: relative;
  z-index: 10;
}

.modalDefault .modal-header {
    padding: 20px 32px;
}

.modalDefault .modal-header .modal-title{
  font-size: 18px;
  font-weight: 700;
}

.modal-header .btn-close{
  font-size: 12px;
  opacity: 0.3;
}

.modalDefault .modal-body{
   padding: 20px 32px;
}

.modalDefault .modal-footer{
  padding: 20px 32px;
}

.terms-text p{
  color: 494949;
}

.terms-text ol {
  padding: 0;
}

.terms-text ol li {
  padding: 0 0 0 10px;
  margin: 0 0 0 18px;
  color: 494949;
  font-size: 18px;
  line-height: 1.5;
}

.terms-text ol li + li {
  margin-top: 12px;
} 

.questionTabsWrap.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 0;
    gap: 24px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.questionTabsWrap.nav-tabs li.nav-item {
    flex: 1;
    position: relative;
    min-width: 136px;
    max-width: 173px;
    min-height: 173px;
    list-style: none;
}

.questionTabsWrap.nav-tabs li.nav-item > div{
  height: 100%;
}


.questionTabsWrap.nav-tabs li.nav-item .helpTypeCheck{
  height: 100%;
}

.questionTabsWrap.nav-tabs li.nav-item  .helpTypeCheckCont {
    border: 1px solid #F52C2C;
    border-radius: 4px;
    padding: 16px 14px;
    background: #fff;
    color: #000000;
    height: 100%;
    transition: background, border-color, 0.25s ease-out;
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.questionTabsWrap.nav-tabs li.nav-item  > div.active .helpTypeCheckCont {
    background: #FFE5E5;
    border-color: #F52C2C;
    color: #000;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.26);
}

.questionTabsWrap.nav-tabs li.nav-item  .helpTypeCheckCont h4 {
    font-size: 18px;
    font-weight: 700;
    min-height: 70px;
    line-height: 20px;
    margin: 0px;
}

.questionTabsWrap.nav-tabs li.nav-item  .helpTypeCheckCont p {
    font-size: 15px;
    line-height: 18px;
    margin: 0px;
    align-self: flex-end;
}

.profilepageWrap {
    padding: 60px 0;
    background: rgba(255,221,221,0.18);
}


.profileBlockBg{
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  padding: 40px 48px 48px;
}

.profileBlockBg .secTitle h4 {
    font-size: 24px;
    margin: 0 0 32px 0;
    font-weight: 700;
}

.profileBlockBg .profileBlock{
  display: flex;
}

.userDetails .label {
    font-weight: 400;
    color: #969696;
    margin: 0;
    line-height: normal;
}

.userDetails .name{
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.userDetails .labelTest{
  font-size: 15px;
  line-height: 1.7;
}


.profileBlockBg .profileBlock .img {
    flex: 0 0 120px;
    margin: 0 24px 0 0;
    height: 120px;
    border-radius: 2px;
    border: 2px solid #df0000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffefef;
}

.profileBlockBg .profileBlock .img img{
  width: 60px;
}

.profileBlockBg .locBlockWrap{
  margin-top: 24px;
}

.profileBlockBg .locBlockWrap + .locBlockWrap{
  margin-top: 16px;
}

.profileBlockBg .locBlockWrap .locBlock{
  padding: 18px 20px;
}

.profileBlockBg .healthCounsellorsWrap{
      border-top: 1px dashed #b9b9b9;
    margin: 40px -48px 0px;
    padding: 40px 48px 0;
}

.profileBlockBg .healthCounsellorBlock{
  padding: 14px 20px 14px;
  max-width: inherit;
}



/* Register and Login Page css */

.bg-Register{
  background: url('../img/loginBg.png') no-repeat;
  background-size: cover;
  padding: 40px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register-content{
  flex:0 0 940px;
  max-width: 940px;
}

.registerBlockWrap {
  display: flex;
  background: #fff;
  border-radius: 12px;
  /* min-height: calc(100vh - 80px); */
}

.registerBlockWrap .registerBlockWrapLeft{
  flex: 0 0 418px;
  max-width: 418px;
  padding: 52px 52px 52px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('../img/loginBgLeft.svg') no-repeat;
  background-size: cover;
  border-radius: 12px 0 0 12px;
  background-position: 0px 0px;
  margin: -1px 0;
}

.registerBlockWrap .registerBlockWrapLeft .registerBlockLeftCont{
  flex: auto;
}

.registerBlockLeftCont h6{
  font-weight: 700;
  margin: 0px 0 6px 0;
  line-height: normal;
}

.registerBlockLeftCont p{
  margin: 0px 0 0px 0;
  line-height: 1.4;
  color:#404040;
}

.registerBlockLeftCont .arrow_Link{
  margin-top: 16px;
}

.arrow_Link{
  position: relative;
  padding: 0 20px 0 0;
  line-height: 22px;
  color:#DA201F;
  font-weight: 700;
  font-size:15px;
  text-decoration: none;
  display: inline-block;
}

.arrow_Link:after{
  content: "\e916";
  font-family: 'icomoon' !important;
  position: absolute;
  right:0px;
  font-size: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.25s ease-out;
  margin: 1px 0 0 0;
}
.arrow_Link:hove:after{
  right: -2px;
}

.registerBlockWrap .registerBlockWrapRight{
  flex: auto;
  padding:62px 52px;
}

.logoTitle{
  font-size: 23px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.signUpTitle{
  font-size:20px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 20px 0;
}

.registerBlockWrap .form-group label{
  font-size:15px;
  font-weight: 400;
  color: #000000;
  margin: 0 0 4px 0;
  line-height: normal;
}

.registerBlockWrap .form-group input{
  font-size:16px;
  font-weight: 400;
  color: #000000;
  background: #fff;
  box-shadow: none;
  margin: 0 0 0px 0;
  padding: 2px 16px;
  border: 0.5px solid rgba(0,0,0,0.4);
  border-radius: 5px;
}

.form-group .numberInput {
  display: flex;
  border: 0.5px solid rgba(0,0,0,0.4);
  border-radius: 5px;
}

.form-group .numberInput .nmSelect{
  flex: 0 0 74px;
  max-width: 74px;
  position: relative;
}

.form-group .numberInput .nmSelect .dropdown.bootstrap-select{
  width: 100%;
}

.form-group .numberInput .nmSelect .dropdown.bootstrap-select > .dropdown-toggle {
  border-radius: 5px 0 0 5px;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0 10px 0 16px;
  height: 44px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.form-group .numberInput .nmSelect .dropdown.bootstrap-select .dropdown-toggle .filter-option{
  display: flex;
  align-items: center;
}

.form-group .numberInput .nmSelect:after{
  content:"";
  position: absolute;
  right:0;
  top: 5px;
  bottom: 5px;
  width: 0.5px;
  background: rgba(0,0,0,0.4);
}

.numberInput .nminput {
  flex: auto;
}

.form-group  .numberInput .nminput input{
  border: none;
  border-radius: 0;
  height: 44px;
  background: none;
}

.registerBlockWrap .form-group .custom-select .dropdown.bootstrap-select > .dropdown-toggle {
  box-shadow: none;
}

.registerBlockWrap .form-group {
  margin-bottom: 15px;
}

.registerBlockWrap .customCheckBox label{
  font-size: 14px;
  padding: 0 0 0 26px;
  line-height: 16px;
  font-weight: 400;
}

.registerBlockWrap .customCheckBox label:before{
  width: 18px;
  height: 18px;
  border: 1px solid #6B6B6B;
  border-radius: 2px;
}

.registerBlockWrap .customCheckBox label:after{
  left: 3.3px;
  top: 5.5px;
  font-size: 8px;
}

.termsModalLogin .modal-dialog.min-w930{
  max-width: 940px;
}

.termsModalLogin  .modalDefault .modal-header {
  padding: 24px 32px;
  text-align: center;
  background: #E4E4E4;
  position: relative;
}

.termsModalLogin .modalDefault .modal-header .modal-title {
  text-align: center;
  flex: auto;
}

.termsModalLogin .modalDefault .modal-header .btn-close{
  position: absolute;
  right: 20px;
  top: 20px;
}

.termsModalLogin .modalDefault .modal-body {
  padding: 32px 42px;
  text-align: center;
}

.form-group .otpInputs{
  display: flex;
  margin: 20px 0 0;
  gap: 14px;
  max-width: 410px;
}

.form-group .otpInputs input{
  border-radius: 2px;
  height: 52px;
  padding: 0px;
  text-align: center;
}

.backArrow {
  font-size: 11px;
  position: relative;
  transform: rotate(180deg);
  margin: 2px 7px 0 0;
}

.text-muted.d-flex.align-items-center {
  text-decoration: none;
}

.text-muted.d-flex.align-items-center:hover{
  color: rgba(112, 117, 121, 0.75) !important;
}

.ContactBanner{
  /* background: linear-gradient(to bottom,  rgba(255,221,221,0.18) 0%,rgba(255,255,255,1) 100%); */
  background: linear-gradient(to bottom, #ffd9a5 0%, #ffffff 100%);
  padding: 120px 0 82px;
  min-height: inherit;
  position: relative;
}

.ContactBanner.testimonialBannerBG{
      background: linear-gradient(to bottom, #f2c78d 0%, #efcea2 100%);
}

/* .ContactBanner:before{
  content: "";
  position: absolute;
  height: 300px;
  background: url('../img/vi-banner-v2.jpg') no-repeat;
  top: 0;
  left: 0;
  right: 0;
} */

.ContactBanner .bannerCont h2{
  font-weight: 400;
  margin-bottom: 20px;
}

.ContactBanner .bannerCont h2 strong{
  font-weight: 700;
}

.contactFormRight {
  margin: 40px 0 0;
  max-width: 900px;
}

.contactFormRight.contactFormCenter {
    margin: 40px auto 0;
}

.advanceSearchWrap{
  margin: 40px 0 0;
  position: relative;
  max-width: 744px;
}

.advanceSearchWrapField{
  position: relative;
}

.advanceSearchWrapField input{
  width: 100%;
  height: 52px;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 20px 0px 20px;
  font-weight: 400;
  border: 1px solid #CBCBCB;
  color: #000;
  background: #fff;
  -webkit-appearance: textfield;
}

.advanceSearchWrapField .btn{
  position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 6px;
    padding: 10px 28px;
    min-width: 120px;
}

.ribbenBgRight{
  position: relative;
}

.ribbenBgRight:before {
    content: "";
    background: url(../img/ribben.svg) no-repeat;
    width: 584px;
    height: 366px;
    position: absolute;
    background-size: a 100%;
    z-index: 0;
    left: 50%;
    top: 40px;
    margin-left: 200px;
}

.pinLocBlock{
/*  background: #F5F7FE;*/
  padding: 80px 0;
  background: linear-gradient(to bottom,  rgba(245,247,254,1) 0%,rgba(255,255,255,1) 100%);
}

.getTestedModalCont .helpModalCont .cont p{
    max-width: 500px;
}





/*about us css*/

.whtWeDoSec{
  
  padding: 60px 0 100px;
  position: relative;
}

.whtWeDoSec:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -100px;
  bottom: 0;
  /* background: #FCF8F8; */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(252,248,248,1) 100%);
  z-index: -1;
}

.whtWeDoBlock{
  /* background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(250,207,210,1) 36%,rgba(246,233,233,1) 100%); */
  background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, #ffecd2 36%, #fff6eb 100%);
  position: relative;
  z-index: 1;
  padding: 62px 36px 32px;
  min-height: 525px;
}

.whtWeDoBlock:before{
  content: "";
  position: absolute;
  z-index: -1;
  width: 233px;
  height: 222px;
  background: url('../img/doImgBlock.svg') no-repeat;
  right: 0;
  bottom: 40px;
}

.whtWeDoBlock h1{
  font-weight: 700;
  line-height: 1.2;
  color: #FFAA11;
  margin: 0 0 16px 0;
  background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.whtWeDoBlock h2{
  font-weight: 700;
  line-height: 1.2;
  color: #FFAA11;
  margin: 0 0 16px 0;
  background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.whtWeDoBlock p{
  color: #575757;
  line-height: 28px;
  text-align: justify;
}

.whtWeDoBlock p strong{
  color: #000;
}

.whyChoseBlockWrap{
  max-width: 557px;
  margin: 24px 0 0;
}

.whyChoseTitle{
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  font-family: "Sour Gummy", sans-serif;
}

.whyChoseTitle *{
  font-family: "Sour Gummy", sans-serif;
}

.numberBlock{
  margin: 24px 0 0 0;
}

.numberBlock .number{
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #FFAA11;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(to right, #fd011b 0%, #fea626 50%, #fea626 51%, #fd011b 100%);
  background-size: 200% auto;
}

/* .numberBlockIn {
  display: flex;
  align-items: center;
}

.numberBlock .numberBlockIn .number{
  margin: 0 16px 0 0;
}

.numberBlock .numberBlockIn .title{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 4px 0;
    flex: auto;
} */


.numberBlock .colnt{
  margin: 14px 0 0 0;
}

.numberBlock .colnt h5{
  font-size: 19px;
  font-weight: 700;
  color: #000;
  margin: 0 0 4px 0;
  line-height: normal;
}

.numberBlock .colnt p{
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0 0 0px 0;
  line-height: 1.5;
}

.listNumberBlockWrap .numberBlock{
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px 24px 24px 0;
  margin: 0px;
  
}

.numberBlock .colnt h5 a{
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.numberBlock .colnt h5 a::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.listNumberBlockWrap .numberBlock:after{
  content: "\e90d";
  font-family: 'icomoon' !important;
  position: absolute;
  right: 0;
  top: 50%;
  transform:rotate(90deg) translateY(-50%);
  font-size: 6px;
  transition: 0.25s ease-out;
}

.listNumberBlockWrap .numberBlock:hover:after{
  right: -3px;
}

.listNumberBlockWrap .numberBlock .number{
  flex: 0 0 auto;
  margin: 0 16px 0 0;
}

.listNumberBlockWrap  .numberBlock .colnt{
  margin: 0px 0 0 0;
}

.listNumberBlockWrap .numberBlock + .numberBlock {
  border-top: 1px solid rgb(255 232 201);
  padding-top: 24px;
}

.scttionTitle5{
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px 0;
}

.scttionTitle5 .icon.hoverModalBtn {
  max-width: 22px;
  display: inline-block;
  margin: 0 0 0 3px;
  position: relative;
  top: -0.5px;
}

/* .howCanWeHelp .container{
  max-width: 1160px;
} */

.icContBlock{
  margin: 24px 0 0 0;
  text-align: center;
}

.icContBlock .icon{ 
  margin: 0 0 14px 0;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icContBlock .icon img{
  max-height:58px;
}



.icContBlock .cont h5{
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 2px 0;
}

.icContBlock .cont h5 a{
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.icContBlock .cont p{
  font-weight: 400;
  margin: 0 0 0px 0;
  color:#000;
  line-height: 1.4;
}

.icContBlock .cont p a{
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.whoWeAreSec{
  position: relative;
  padding: 120px 0 0;
  z-index: 1;
}

.whoWeAreSec:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  /* background: linear-gradient(to right,  rgba(255,221,221,1) 15%,rgba(255,255,255,1) 100%); */
  background: linear-gradient(to bottom, #ffd9a5 0%, #ffffff 100%);
  z-index: -1;
  /* background: url('../img/vi-banner-v2.jpg') no-repeat; */
}

.whoWeAreSec:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: url('../img/headerBgImg.png') no-repeat;
  background-size: 100% auto;
  background-position: 0 -99px;
  z-index: -1;
}



.bgAssPages{
  position: relative;
  z-index: 1;
}


.bgAssPages:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 500px;
  background: linear-gradient(to bottom, #ffd9a5 0%, #ffffff 100%);
  z-index: -1;
}

.bgAssPages .bgPages:before{
  top: 120px;
}

.bgAssPages:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: url('../img/headerBgImg.png') no-repeat;
  background-size: 100% auto;
  background-position: 0 -99px;
  z-index: -1;
}

/* .whoWeAreSec:after{
  content: "";
  position: absolute;
  left: 50%;
  margin-left: 200px;
  top: 42px;
  width: 549px;
  height: 396px;
  background: url('../img/ribben.svg') no-repeat;
  background-size: 100% auto;
  z-index: -1;
} */

.whoWeAreSec.faqSec {
    padding-bottom: 40px;
}

.zindex1{
  z-index: 1;
}

.faqSec.whoWeAreSec:before{
  height: 550px;
  /* bottom: -200px; */
}

.abtSecTitle {
    max-width: 795px;
}

.abtSecTitle h4{
  /* color: #feac12; */
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  /* background: linear-gradient(to right, #fd011b 0%, #fea626 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block; */
}

.abtSecTitle p{
  /* color: #1B1B1B; */
  color: #fff;
  line-height: 1.4;
  text-align: justify;
  font-weight: 300;
  font-size: 17px;
}

.abtSecTitle p small {font-size: 16px;}

.MissionBlockWrap{
  display: flex;
  flex-wrap: wrap;
  gap:0 18px;
}

.MissionBlockWrap .MissionBlock{
  flex: 1;
  max-width:  283px;
  background: #fff;
  border: 0.8px solid #feac12;
  padding: 24px 17px;
  border-radius: 2px;
  margin: 20px 0 0 0;
  position: relative;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
  transition: box-shadow, 0.25s ease-out;
}

.MissionBlockWrap .MissionBlock:hover {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}

.MissionBlockWrap .MissionBlock h5{
  font-size: 18px;
  line-height: normal;
  color: #414141;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.MissionBlockWrap .MissionBlock p{
  font-size: 14px;
  line-height: 1.4;
  color: #414141;
  font-weight: 400;
  margin: 0 0 0px 0;
}


.whoWeAreSec.findCareBlock{
  padding-bottom: 60px;
}



.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock{
    max-width: 270px;
    /* min-width: ; */
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .icon{
  min-height: 60px;
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .icon img{
  max-height: 48px;
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock h5{
  color: #000;
  line-height: normal;
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .arrowBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 17px 12px;
    margin: 22px -17px -24px;
    /* background: #de0100; */
    background: linear-gradient(to right,  #fd011b 0%,#fea626 50%,#fea626 51%,#fd011b 100%);
    background-size: 200% auto;
    background-position: 0 0;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.25s ease-out;
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .arrowBtn:hover {
  background-position: 100% 0;
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .arrowBtn:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}


.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .arrowBtn:after{
  content: "\e90d";
  font-family: 'icomoon' !important;
  font-size: 7px;
  transform: rotate(90deg);
  position: relative;
  transition: 0.25s ease-out;
  right: 0;
}

.whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .arrowBtn:hover:after{
  right: -3px;
}

.successModalCont {
  text-align: center;
  margin: 34px 0 0 0;
}

.successModalCont .img{
  margin: 0 0 20px 0;
}

.successModalCont .cont{
  max-width: 414px;
  margin: 0px auto;
}

.successModalCont .cont h4{
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.successModalCont .cont p{
  margin: 0px;
}

.successErrorModal.modal {
  background: url(../img/loginBg.png) no-repeat;
  background-size: cover;
  opacity: 1;
}

.otTitle {
	margin: 16px 0 8px;
	text-align: center;
	position: relative;
  max-width: 744px;
}

.otTitle span {
	/* font-size: 15px; */
	display: inline-block;
	background: #fff;
	position: relative;
	padding: 2px 4px;
	font-family: "Inter", sans-serif;
	border-radius: 100px;
	width: 40px;
	vertical-align: middle;
}

.otTitle::before{
  content: "";
  position: absolute;
  left: 0px;
  right: 0%;
  height: 1px;
  top: 50%;
  margin: 0 5px 0 0;
  background: #feac12;
}

.citySearch {
	max-width: 744px;
	display: flex;
	gap: 16px 20px;
  flex-wrap: wrap;
}

.citySearch .searchField {
	flex: 1;
	min-width: 200px;
}

.citySearch .searchField .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.citySearch .searchField label {
	font-size: 15px;
	margin: 0 0 4px 0;
	color: #383a3c;
	/* font-family: "Inter", sans-serif; */
}

.citySearch .searchField .nmSelect .form-control{
  width: 100%;
  height: 52px;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 14px;
  font-weight: 400;
  border: 1px solid #CBCBCB;
  color: #000;
  background: #fff;
  
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .6em;
    background-position: calc(100% - 1.3em) center;
    background-repeat: no-repeat;
}

.citySearch .searchField .nmSelect .bootstrap-select .btn.dropdown-toggle{
  width: 100%;
  height: 52px;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 14px;
  font-weight: 400;
  border: 1px solid #CBCBCB;
  color: #000;
  background: #fff;
}

.citySearch .searchField .nmSelect > input{
  width: 100%;
  height: 52px;
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 0 14px;
  font-weight: 400;
  border: 1px solid #CBCBCB;
  color: #000;
  background: #fff;
  -webkit-appearance: textfield;
}

.citySearch .searchField .nmSelect .bootstrap-select .dropdown-toggle::after{
  border-top: 0.5em solid #4f4f4f;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}

.citySearch .searchField .nmSelect .bootstrap-select.dropup .dropdown-toggle::after{
  border-bottom: 0.5em solid #4f4f4f;
  border-top: 0em solid #4f4f4f;
}



.citySearch .searchField .nmSelect .bootstrap-select .dropdown-toggle .filter-option{
  display: flex;
  align-items: center;
}

.searchField.btnWrap {
	align-self: flex-end;
  flex: 0 0 auto;
  min-width: 200px;
}

.searchField.btnWrap .btn {
	height: 52px;
	width: 100%;
}

.mxWidth710{
  max-width: 744px;
}

.Page404Wrap{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px;
}

.Page404Wrap .contWrap {
  flex: auto;
}

.Page404Wrap .img {
  flex: auto;
  text-align: center;
}

.Page404Wrap img {
  max-width: 540px;
  width: 100%;
}

.pageLinkWrap{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 20px;
}

.bgHumanBanner{
  /* background: linear-gradient(135deg,  #ffffff 0%,#ffdddd 100%); */
  background: linear-gradient(to bottom, #ffd9a5 0%, #ffffff 100%);
  padding: 120px 0 60px;
  position: relative;
}

/* .bgHumanBanner:before {
  content: "";
  background: url(../img/ribben.svg) no-repeat;
  width: 480px;
  height: 305px;
  position: absolute;
  background-size: 100% auto;
  z-index: 0;
  left: 50%;
  top: 80px;
  margin-left: 30%;
} */

.bgHumanBanner h2{
  margin: 0 0 42px 0;
}

.checkListWrap ul{
  position: relative;
  padding: 0px;
  margin: 0px;
}

.checkListWrap ul li{
  position: relative;
  padding:0 0 0 42px;
  list-style: none;
  font-size: 19px;
}

.checkListWrap ul li + li{
  margin-top: 14px;
}

.checkListWrap ul li::before {
  content: "\e90a";
  font-family: 'icomoon' !important;
  font-size: 26px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
  color: #FFAA11;
}

.checkListWrap ul li .color-theme{
  color: #FFAA11 !important;
}

.bgHumanBanner .img{
  max-width: 492px;
  margin: 20px auto 0 auto;
  position: relative;
  z-index: 1;
  
}

.bgHumanBanner .img .imgIn{
  border-radius: 5px;
  position: relative;
}

.bgHumanBanner .img .imgIn:before{
  content: "";
  position: absolute;
  right: -16px;
  top: -16px;
  left: 20px;
  bottom: 32px;
  /* background: #8F2218; */
  z-index: -1;
  border-radius: 5px;
  background: linear-gradient(to right, #fd011b 0%, #fea626 50%, #fea626 51%, #fd011b 100%);
  background-size: 200% auto;
}

.bgHumanBanner .img .text.imgCont {
  font-size: 20px;
  margin: 18px 0 0 0;
  text-align: center;
  font-weight: 700;
  color: #feaa11;
}

.img247Left{
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.img247Left img{
  width: 100%;
  border-radius: 6px 6px 0 0;
}

.icList {
  display: flex;
  align-items: center;
}

.icList + .icList {
  margin-top: 28px;
}

.icList .img{
  flex: 0 0 90px;
  margin: 0 14px 0 0;
}

.icList .cont{
  flex: auto;
}

.icList .cont h5{
  margin: 0 0 4px 0;
  line-height: 26px;
  font-size: 20px;
}

.icList .cont p{
  margin: 0 0 0px 0;
  line-height: 1.4;
  font-size: 18px;
}

.hpTitle {
  text-align: center;
  margin: 0 0 60px 0;
}

.hpTitle h2{
  font-size: 36px;
  margin: 0px;
}

.hpTextLgCenter {
  max-width: 1240px;
  margin: 0px auto;
}

.hpMdImgText{
  margin: 10px 0 0 0;
  display: none;
}

.hpMdImgText .img{
  max-width: 300px;
  margin: 0 0 20px 0px;
}

.numberListWrap ul{
  padding: 0px;
  margin: 0px;
  counter-reset: section;
}

.numberListWrap ul li {
  padding: 0;
  counter-increment: section;
  position: relative;
  list-style: none;
  margin: 28px 0px 0;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
}

.numberListWrap ul li:before {
  content: counter(section);
  height: 48px;
  border-radius: 5px;
  background: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  font-weight: 700;
  color: #fff;
  margin: 0 14px 0 0;
}

.numberListWrap ul li.green:before{
  background: #A9C037;
}
.numberListWrap ul li.red:before{
  background: #E20513;
}
.numberListWrap ul li.org:before{
  background: #EB6147;
}
.numberListWrap ul li.cyan:before{
  background: #12AEC7;
}
.numberListWrap ul li.yellow:before{
  background: #F59F26;
}
.numberListWrap ul li.blue:before{
  background: #0261A9;
}

.bglightTheme{
  background: rgba(255, 244, 244, 0.45);
}

.whtWeDoBlock p .icon {
  display: inline-block;
  max-width: 14px;
  cursor: pointer;
}

.modal-content.helpModalWrap.bgInfo {
  background: url('../img/bgInfo.png') no-repeat;
  background-size: cover;
}

.countListWrap{
  margin: 28px 0 0 0px;
}

.countListWrap ul {
  counter-reset: section;
  display: flex;
  gap: 20px;
  padding: 0;
  flex-wrap: wrap;
}

.countListWrap ul li {
  counter-increment: section;
  flex: 1;
  list-style: none;
  display: flex;
  text-align: left;
  font-size: 16px;
  margin: 0 0 0px 0;
  min-width: 48%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border-radius: 4px;
  padding: 19px 20px 18px;
  background: #fff;
  align-items: center;
}

.countListWrap ul li:before {
  content: counter(section);
  -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.16);
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  line-height: 45px;
  margin: 0 15px 0 0;
  text-align: center;
  font-size: 16px;
  -webkit-transition: .5s;
  transition: .5s;
  background-color: #f20100;
  color: #fff;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  display: block;
}


.nmSelect .bootstrap-select .dropdown-menu {
  max-height: 210px !important;
}



/* new Design Css */

.secTitle-wrap h4{
 text-transform: uppercase;
 font-weight: 600;
 color: #000;
 margin-bottom: 12px;
}

.secTitle-wrap p {
  color: #333333;
  font-weight: 300;
  font-size: 16px;
}


.icon-block {
  background: #fff;
  padding: 24px 10px 70px;
  margin: 0px 0 0;
  height: calc(100% - 0px);
  border-radius: 4px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.08);
  /* border: 1px solid #E2E2E2; */
  position: relative;
  text-align: center;
  width: 100%;
}


.icon-block .icon {
  margin: 12px 0 20px;
}

.icon-block > .icon {
  margin: 12px 0 20px;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #fd011b 0%, #fea626 50%, #fea626 51%, #fd011b 100%);
  background-size: 200% auto;
  border-radius: 100px;
}

.icon-block .icon img{
  max-height: 24px;
}

.icon-block .icon.icMx34 img{
  max-height: 28px;
}

.icon-block .img{
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-block .img .riskAssessment{
  max-width: 250px;
}

.icon-block .img img{
  max-height: 210px;
  mix-blend-mode: multiply;
}

.icon-block .img.talkUsImg{
    max-height: 210px;
}

.icon-block .img.talkUsImg img{
    max-height: 175px;
 
}

.icon-block .img.findUsImg{
    max-height: 210px;
}

.icon-block .img.findUsImg img{
    max-height: 260px;
    mix-blend-mode: multiply;
}

.icon-block .cont h4{
  font-size: 18px;
  font-weight: 700;
}

.icon-block .cont p{
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  font-weight: 300;
}

.icon-block .cont .btn.btn-primary {
  position: absolute;
  left: 50%;
  bottom: 26px;
  padding: 11px 16px;
  transform: translateX(-50%);
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
  align-items: center;
  white-space: nowrap;
}

.icon-block .cont .btn.btn-primary i.icon {
  max-width: 21px;
  flex: 0 0 21px;
  margin: 0 0 0 6px;
  vertical-align: middle;
  display: inline-block;
  line-height: 0;
}

.grIconCont {
  display: flex;
  align-items: center;
  margin: 34px 0 0;
}

.grIconCont .icon{
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  margin: 0 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right,  #fd011b 0%,#fea626 50%,#fea626 51%,#fd011b 100%);
  background-size: 200% auto;
  border-radius: 100px;
}

.grIconCont .cont {
  flex: auto;
}

.grIconCont .cont h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 4px 0;
}

.grIconCont .cont p {
  font-size: 15.5px;
  line-height: 1.5;
  color: #333333;
  margin: 0px;
  font-weight: 300;
}

.home-footer .footer-contactWrap {
  display: none;
}

.infoHelpQuestion {
    padding: 18px 20px 18px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 0 0;
    background: #f4f4f4;
}

.home-footer .infoHelpQuestion.bgDif, .faqPageBlock .infoHelpQuestion.bgDif{
  display: none;
}

.contactPage .infoHelpQuestion.bgDif{
  margin-top: 0;
}

.infoHelpQuestion.bgDif{
      background: #eaebee;
}

.aboutPageWrap .infoHelpQuestion.bgDif {
    margin: 0;
}

.infoHelpQuestion .text {
    margin: 0 16px 0 0;
    font-size: 17px;
}

.infoHelpQuestion .action{
  display: flex;
  align-items: center;
  gap: 10px 20px;
}

.infoHelpQuestion .action button{
  margin: 0 0 0 0px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  background: none;
}

.infoHelpQuestion .action button img{
  width: 20px;
  margin: 0 4px 0 0;
}

.infoHelpQuestion .action button .label {
    font-size: 15px;
    color: #e84949;
}



.faqAccordian .accordion-item{
  border-bottom: 1px solid #BCBCBC;
}

 .faqAccordian .accordion-item .accordion-button {
    padding: 15px 34px 15px 0;
    
    font-size: 17px;
    font-weight: 700;
    color: #000;
    position: relative;
    line-height: normal;

    
}

.faqAccordian .accordion-item .accordion-button.collapsed{
    font-weight: 400;
}

.faqAccordian .accordion-item .accordion-button:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #707070;

}

.faqAccordian .accordion-item .accordion-button:after {
    content: "\e918";
    align-items: center;
    justify-items: center;
    font-family: 'icomoon' !important;
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 1.9px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faqAccordian .accordion-item .accordion-button.collapsed:after {
    content: "\e919";
    font-size: 10px;
}


.accordion-body {
    margin: 0 0 20px 0;
    font-size: 15.5px;
}

.accordion-body *{
    font-size: inherit;
}


.speakUp .img {
    max-width: 450px;
    margin: 0px auto;
}

.speakUp .img img{
  cursor: pointer;
}

.cmImgWrap{
  margin: 40px 0 40px 0;
  display: flex;
  gap: 16px;
  align-items: center;
}

.cmImgWrap .cmImg {
    max-width: 110px;
}

.cmImgWrap .nhImg {
    max-width: 70px;
    margin: 0px 60px 0 0;
    flex: 0 0 auto;
}

.whyChooseSecBg .container {
    max-width: 1550px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width:1440px) {
  .footerCont {max-width: 430px;}
  .bannerCont {max-width: 780px;}
}

@media (max-width:991px) {
  .whtWeDoBlock{
     min-height: inherit; 
  }
  
  .whyChoseBlockWrap{
    max-width: inherit;
    text-align: center;
  }
  .whyChoseTitle{
    text-align: center;
  }
  .numberBlock .number{
    margin: 0px auto;
  }
  .ribbenBgRight:before{
    display: none;
  }
  .bgHumanBanner:before{
    display: none;
  }
  .callHead {
    display: none;
  }
}

@media (max-width:500px) {
  .MissionBlockWrap{
    flex-wrap: wrap;
  }  

  .MissionBlockWrap .MissionBlock{
    flex: auto;
    max-width: none;
  }

}


/*About us css end*/


.contactPage .footer-contactWrap {
  display: none;
}

.whyImg.imgLeftWrap {
  margin-left: -40px;
}

.WordBLock  img {
    cursor: pointer;
}

.condomImg img{
   cursor: pointer;
    mix-blend-mode: darken;
}

.availabilityTextBlock h5, .availabilityTextBlock h5 *{
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px 0;
}

.availabilityTextBlock p{
  font-size: 15px;
  font-weight: 400;
}

.sectionPadding{
    padding: 80px 0;
}

.bgBlueLight {
    /* background:#FBF8F8; */
    background: linear-gradient(to bottom, rgba(245, 247, 254, 1) 0%, rgba(245, 247, 252, 1) 100%);
}

.max-w-770px {
    max-width: 770px;
}

.secTitle h5 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.secTitle h2 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px 0;
    line-height: 1.15;
}

.secTitle p {
    font-size: 16px;
    line-height: 1.5;
    color:#707070;
}

.videoExperienceSliderWrap{
  position: relative;
  padding: 0 0px;
}

.videoExperienceSliderWrap.owl-carousel .owl-nav button{
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  background:#000;
  color: #fff;
  border-radius: 100px;
  margin: -2px 0 0 0;
}

.videoExperienceSliderWrap.owl-carousel .owl-nav button.disabled{
  color:#7e7e7e;
  background: #e2e2e2;
}

.videoExperienceSliderWrap.owl-carousel .owl-nav button span {
    margin: 0 2px 2px 0;
    line-height: 1;
    font-size: 28px;
}

.videoExperienceSliderWrap.owl-carousel .owl-nav button.owl-next{
  left: auto;
  right: 0;
}

.videoExperienceSliderWrap.owl-carousel .owl-nav button.owl-next span {
  margin: 0 0px 2px 2px;
}


.videoExperienceSliderWrap .owl-dots{
  margin: 38px 0 20px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.videoExperienceSliderWrap .owl-dots .owl-dot {
    background: rgba(255, 4, 28, 0.13);
    width: 12px;
    height: 12px;
    border-radius: 100px;
}

.videoExperienceSliderWrap .owl-dots .owl-dot.active {
    background: #FF041C;
}

.videoExperienceWrap {
    /* background: #fff;
    border-radius: 15px; */
    /* box-shadow: 0 3px 6px  rgba(0, 0, 0, 0.0.16); */
    margin: 0px 12px;
    position: relative;
    z-index: 0;
}

.videoExperienceWrap .cont:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 43px;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  z-index: -1;
}

.videoExperienceWrap .profileBlock {
    display: block;
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px dotted #AC9F9F;
    margin: 0 0 20px 0;
}

.videoExperienceWrap .profileBlock .img{
  width: 92px;
  height: 92px;
  margin: 0px auto 16px;
}

.videoExperienceWrap > .cont {
    padding: 0px 32px 24px;
    position: relative;
}

.videoExperienceWrap .profileBlock .cont h5 {
    font-weight: 700;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-family: "Inter", sans-serif;
}

.videoExperienceWrap .cont h5 a{
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.videoExperienceWrap .cont h5 a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.videoExperienceWrap .cont p {
    color: #333333;
    margin: 0 0 10px 0;
    font-size: 14px;
    text-align: center;
}

.whoWeAreSec .bgPages.voiceBg {
    padding-top: 90px;
}

.bgPages.voiceBg:before {
    display: block;
    background: url(../img/voisceImg.svg) no-repeat;
    opacity: 1;
    transform: rotate(0deg);
    width: 343px;
    height: 250px;
    margin: 0px 0 0 auto;
}

.profileBlock {
    display: flex;
    align-items: center;
}

.profileBlock .img {
    margin: 0 14px 0 0;
    flex: 0 0 50px;
    border-radius: 100px;
    overflow: hidden;
    height: 50px;
}

.profileBlock .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profileBlock .cont h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0 0px;
}

.profileBlock .cont p {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 0px;
    color: #9B34E3;
}


.homeTestimonialWrap {
    display: flex;
    gap: 0px 0px;
    margin: 40px 0 0 0;
}

.homeTestimonialWrap .videoExperienceWrap .cont:before{
    /* background: linear-gradient(to bottom, #ffebc7 15%, #ffffff 100%); */
    background: linear-gradient(to bottom,  rgba(255,240,214,1) 0%,rgba(255,255,255,1) 100%);
    margin: 0 0px;
}


.homeTestimonialWrap .owl-dots{
  margin: 16px 0 0 0;
}

.homeTestimonialWrap .owl-dots{
  margin: 32px 0 0 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.homeTestimonialWrap .owl-dots .owl-dot {
    background: #b8b2aa;
    width: 12px;
    height: 12px;
    border-radius: 100px;
}

.homeTestimonialWrap .owl-dots .owl-dot.active {
    background: #fea028;
}

.testimonialFormBlock {
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.testimonialFormBlockIn {
    background: #fff;
    padding: 20px 0 0 0;
    margin: 30px 0px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonialFormWrapMain{
    background: #fff;
    padding: 32px;
    border-radius: 8px;
    margin: 0 20px;
}

.testimonialFormWrapMain .circleArrowBtn{
  background: #ff041d;
  border-radius: 100px;
  color: #fff;
  width: 64px;
  height: 64px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonialFormWrapMain .circleArrowBtn  .icon-arrow-long{
    font-size: 26px;
    position: relative;
    display: block;
    transform: rotate(-35deg);
}

.testimonialFormWrapMain .circleArrowBtn:hover{
  background:#fe9f28;
}

.cursorPointer{
  cursor: pointer;
}


@media (min-width:767px) {
  .healthCounsellorBlock .profileWrap{
    padding-right: 16px;
  }
  .healthCounsellorBlock.bgBlock .profileWrap{
    padding-right: 10px;
  }
  
}
@media (min-width:992px) {
  

  .ContactBanner .bannerCont h2{
    font-size: 40px;
    margin-top: 0px;
  }
  .whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock h5{
    font-size: 20px;
    min-height: 78px;
  }
  .whyChoseBlockWrap{
    margin-left: 55px;
  }
  .icContBlock .cont p{
    font-size: 16.5px;
  }

  button.menuToggleBtn {
    display: none;
  }
  .footerLinks h6{
    font-size: 22px;
  }


  .bannerCont h2{
    font-size: 70px;
    margin-top: 18px;
  }

  .whtWeDoBlock h1{
    font-size: 62px;
    line-height: 1.2;
  }

  .gridlg14.row {
    margin-left: -7px;
    margin-right: -7px;
  }

  .gridlg14.row > [class^="col-"], .gridlg14.row > [class*=" col-"] {
      padding-left: 7px;
      padding-right: 7px;
  }

  .gridlg40.row {
    margin-left: -30px;
    margin-right: -30px;
  }

  .gridlg40.row > [class^="col-"], .gridlg40.row > [class*=" col-"] {
      padding-left: 30px;
      padding-right: 30px;
  }

  .gridlg70.row {
    margin-left: -35px;
    margin-right: -35px;
  }

  .gridlg70.row [class^="col-"], .gridlg70.row [class*=" col-"] {
      padding-left: 35px;
      padding-right: 35px;
  }

  /* .socialFixedRight .helpLogoHead {
    display: none;
  } */

  .socialFixedRight .helpLogoHead a{display: none;}
  .socialFixedRight .helpLogoHead a.teleManasLink{display: block; margin-right: -11px;}
  .socialFixedRight .helpLogoHead a.teleManasLink img{width: 64px;}

  .sectionPadding{
    padding:120px 0;
}

.secTitle h2 {
    font-size: 45px;
}



}

@media (min-width:1200px) {
  /* .topHeader.navigationFull .topHeadIn .menuRight > .menuRightIn > ul li{display: none;} */
  .topHeader.navigationFull .topHeadIn .menuRight > .menuRightIn > ul li.mobileHide{display: block;}

  .secTitle h5 {font-size: 20px;}
  .contactContBlock{justify-content: center;}
  .contactContBlock .linkContact{ flex: 0 0 auto; }
  .contactContBlock .linkContact .circleArrowBtn{ margin-left: 60px;}
}

@media (min-width:1500px) {

   .topHeadIn .menuRight ul li a{font-size: 19px;}
   .bgBanner:after{right: auto; margin-left: 850px;}
   .bgHumanBanner .img{max-width: 640px;}

}

@media (max-width:1700px) {
  .topHeadIn .menuRight > .menuRightIn > ul li a{padding: 8px 6px;}
  .topHeadIn .logo{flex: 0 0 200px; margin: 18px 6px 14px 0px;}
  .topHeadIn .logo.homeOnly { flex: 0 0 250px; }
}

@media (max-width:1600px) {

  .modal.bubbleBlock .modal-content.helpModalWrap.bgModal{
    min-width: 400px;
    min-height: 353px;
  }

  .modal.bubbleBlock .helpModalBody.selfTestPopup .helpModalCont {
    padding: 56px 48px 24px;
  }

  .modal.bubbleBlock{
    margin-left: -130px;
  }

  .helpModalBody.selfTestPopup .cont h3{
    font-size: 52px;
  }

}

@media (max-width:1440px) {
  .p_text {font-size: 16px;}
  .bgBanner:after{background-size: cover; right: 20px; width: 402px; height: 380px;}
  .modal.bubbleBlock {margin-left: -80px;}
  .homeBanner:after{ right: -120px;}
  
}

@media (max-width:1600px){
  .topHeadIn .menuRight > .menuRightIn > ul li a{
    font-size: 14px;
    padding: 10px 4px;
  }
  .helpLogoHead a{
        margin: 0 0 0 10px;
  }
  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{
        padding: 8px 10px 8px 28px;
  }
}

@media (max-width:1400px) {
  .topHeadIn .menuRight > .menuRightIn > ul li a{padding: 10px 4px; font-size: 13.5px;}
  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{font-size: 13px; padding: 6px 8px 6px 24px;}
  .topHeadIn .logo{flex: 0 0 190px;}
  .topHeadIn .menuRight > .menuRightIn > ul li a:before{display: none;}
}



@media (max-width:1200px) {
  .topHeadIn .logo{flex: 0 0 180px;}
  .bgBanner:after{ display: none; }
  .headProfile .img{margin-right: 0px;}
  .headProfile .cont{display: none;}
  .topHeadIn .menuRight > .menuRightIn > ul{padding-left: 10px;}
  .topHeadIn .menuRight > .menuRightIn > ul li a{ padding: 10px 5px; font-size: 15px;}
  .homeBanner:after{    right: 0; bottom: 0; background-position: right center; height: 100%; width: 45%; background-size: 100% auto;}
  .homeBanner .homeBanner-content{max-width: 72%; position: relative; z-index: 1;}
  .callHead a{padding: 8px 14px;}
  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{font-size: 14px;}
  .icon-block .cont h4{font-size: 18px;}
  .icon-block .cont p{font-size: 15px; line-height: 1.4;}
  .secTitle-wrap p{font-size: 15px;}
  .grIconCont .icon{flex: 0 0 50px; width: 50px; height: 50px; margin: 0 10px 0 0;}
  .grIconCont .icon img {max-height: 26px;}
  .whyImg.imgLeftWrap {margin-left: 0; text-align: center;}



  .responsive-menu-open header.topHeader {background: #000;  background-blend-mode: color; /* backdrop-filter: blur(20px); */}
  .topHeadIn .menuRight > .menuRightIn { position: absolute; left: 0; right: 0; top: 100%; background: #000; padding: 0 0 20px; border-top: 1px solid #232323; display: none;}
   .topHeadIn .menuRight > .menuRightIn > ul{display: block; padding: 0px 24px; }
  .navigationFull .topHeadIn .menuRight > .menuRightIn > ul{max-width: 890px; margin: 0px auto; padding: 0px 24px; display: block;}
  .topHeadIn .menuRight > .menuRightIn > ul li a{color: #fff;}
  button.menuToggleBtn { position: relative; width: 36px; height: 32px; border: none; background: none; margin: 0 12px 0 -8px; cursor: pointer; flex: 0 0 36px; padding: 0 6px; display: block;}
  button.menuToggleBtn span.icon { position: relative; display: block; height: 1.5px; background: #fff; width: 100%; transition:background, 0.25s ease-out; }
  button.menuToggleBtn span.icon:before{ content: ""; position: absolute; left: 0; right: 0; top: -7px; height: 1.5px; background: #fff; transform: rotate(0deg); transition:transform, 0.25s ease-out;}
  button.menuToggleBtn span.icon:after{content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 1.5px; background: #fff; transform: rotate(0deg); transition:transform, 0.25s ease-out;}
  .responsive-menu-open button.menuToggleBtn span.icon {background: transparent;}
  .responsive-menu-open button.menuToggleBtn span.icon:before{transform: rotate(45deg); top: 0px; }
  .responsive-menu-open button.menuToggleBtn span.icon:after{transform: rotate(-45deg); top: 0px;}
  .responsive-menu-open .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{border-color: #fff; color: #fff;}
  .responsive-menu-open .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::after{border-top: 9px solid #fff;}
  
  .navigationFull.topHeader button.menuToggleBtn span.icon{background: #000;}
  .navigationFull.topHeader button.menuToggleBtn span.icon:before{background: #000;}
  .navigationFull.topHeader button.menuToggleBtn span.icon:after{background: #000;}
  .responsive-menu-open .navigationFull.topHeader button.menuToggleBtn span.icon{background:transparent;}
  .responsive-menu-open .navigationFull.topHeader button.menuToggleBtn span.icon:before{background: #fff;}
  .responsive-menu-open .navigationFull.topHeader button.menuToggleBtn span.icon:after{background: #fff;}
  .navigationFull.topHeader .topHeadIn .logo a{display: block; position: relative;}
  .navigationFull.topHeader .topHeadIn .logo a::before{content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; background-image: url(../img/Breakfree_Logo_White.svg); background-repeat: no-repeat; background-size: cover; display: none;}
  .responsive-menu-open .navigationFull.topHeader .topHeadIn .logo a::before{display: block;}
  .topHeadIn .menuRight > .menuRightIn > ul li.mobileHide{display: none;}
}


@media (max-width:991px) {
  .fs-18 {font-size: 16px !important; line-height: 1.4;}
  
  .icCont .icon .icon-help {font-size: 48px;}
  .icCont .cont{font-size: 18px}
  .inline{gap:0px 16px;}
  .locBlockWrap .locBlock .icon{flex: 0 0 50px}
  .locBlockWrap .locBlock .cont .address{font-size: 14px}
  .locBlockWrap .locBlock{ padding: 20px 16px;}
  .footerLinks {margin: 16px 0 0;}
  .contactContBlock{flex-wrap: wrap; gap: 20px 0;}
  .contactContBlock .linkContact h3{font-size: 32px;}
  .contactContBlock .linkContact .circleArrowBtn .icon {font-size: 34.14px;}
  .rightCont{flex: auto;}
  .bgHumanBanner .img{margin: 60px 0 0 0;}
  .checkListWrap ul li{font-size: 17px;  padding-left: 32px;}
  .checkListWrap ul li::before{font-size: 22px; top: 2px;}

  .homeBanner{    padding: 150px 0 100px; min-height: inherit;}
  /* .homeBanner .homeBanner-content:before {content: ""; position: absolute; left: -40px; top: -40px; right: -40px; 
    bottom: -40px; background: rgba(255,255,255,0.1); backdrop-filter: blur(12px); z-index: -1; border-radius: 10px;} */
 
    .homeBanner-content h6{font-size: 16px; margin: 0 0 0px;}
    .homeBanner-content h1{font-size: 62px;}

    /* .homeBanner-content h1 img{max-height: 90px; margin: 0 0 10px -17px;} */
    .homeBanner-content h1 .titleText{font-size: 16px;}
    .homeBanner-content .cont{margin: 24px 0 0 0; font-size: 16px;}

    .grIconCont .cont h5{font-size: 18px;}
    .grIconCont .cont p{font-size: 14.5px;}
    .topHeadIn .menuRight > .menuRightIn > ul li a.current {color: #fff;}
    .topHeadIn .menuRight > .menuRightIn > ul li a:hover, .topHeadIn .menuRight > .menuRightIn > ul li a.current:hover{color: #fff;}
    
    .menuRight .helpLogoHead{display: none;}

    /* .helpLogoHead {position: fixed; bottom: 10px; left: 0;} */
    .helpLogoHead a{margin-left: 10px;}
    .footerCopyRight{margin-bottom: 70px;}

    .navigationFull.topHeader > .container{max-width: inherit;}
    .navigationFull .topHeadIn .menuRight > .menuRightIn > ul{max-width: inherit;}

    .videoExperienceWrap{margin: 0 10px;}
}

@media (max-width:767px) {
  .checkListWrap ul li{font-size: 16px;}
  .fs-18 {font-size: 15px !important; line-height: 1.4;}
  .bgBanner{padding: 80px 0px;}
  .homeBanner{    background-position: left center;}
  .bannerCont .icTitle{display: block; margin: 0 0 12px 0}
  .bannerCont .icTitle:before{display: block; width: 98px; height: 100px; margin: 0 0px 4px 0}
  .bannerCont .btn-wrap{flex-wrap: wrap;}
  .bannerCont .btn-wrap .btn {min-width: inherit; flex: auto;}
  .btn{padding: 8px 12px; font-size: 15px}
  .bannerCont .btn-wrap .btn.btn-primary{padding-top: 8px; padding-bottom: 8px;}
  /* .btn .icon.before{margin: 0 9px 0 0px; font-size: 23px;} */
  .topHeadIn .logo{flex: 0 0 196px; margin: 10px 16px 10px 0;}
  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{padding: 4px 8px 4px 28px;}
  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::before{font-size: 13px; left: 8px;}
  .topHeadIn .menuRight .langSelect .dropdown.bootstrap-select{margin: 0px;}
  .topHeadIn .menuRight .langSelect {margin-left: 0;}
  .brCont{font-size: 14px}
  /* .socialFixedRight{display: none;} */
  .socialFixedRight a img {width: 34px;}
  .socialFixedRight a.helpline img {width: 92px;}
  .topHeader > .container {padding-left: 16px;padding-right: 16px;}
  .helpModalBody {padding: 32px 24px 32px;}
  .helpModalCont .helpIc {margin: 0 auto 10px; max-width: 120px;}
  .helpModalCont .cont h2{font-size: 36px}
  .langLabelWrap .langLabel{padding: 7px 12px; font-size: 15px;}
  .langLabelWrap .langLabel img{width: 32px; margin: 0 9px 0 0;}
  .langLabelWrap .selectWrap .bootstrap-select > .dropdown-toggle{padding: 8px 14px; font-size: 15px;}
  .modal-dialog.min-w730{margin: 0px;}
  .modal-content.helpModalWrap { border-radius: 0;  border: none;}
  .icCont .icon .icon-help {font-size: 42px;}
  .icCont .icon {margin: 0 14px 0 0;}
  .icCont .cont{font-size: 16px}
  .fullLine .customRadio, .fullLine .customCheckBox{margin: 7px 0;}
  .note{font-size: 14px;}

  .customCheckBox label{line-height: 22px; padding: 0 0 0 34px;}
  .customCheckBox label:before{width: 22px; height: 22px;}
  .customCheckBox label::after{left: 5px; top: 7px; font-size: 9px;}

  .customRadio label{line-height: 21px;  padding: 0 0 0 34px; }
  .customRadio label:before{width: 22px; height: 22px;}
  .customRadio label:after{    left: 6px; top: 6px; width: 10px; height: 10px;}
  .questionAnswerWrap .helpTypeCheckWrap {gap: 18px;}
  .healthCounsellorBlock{padding: 16px 18px;}
  .healthCounsellorBlock .profileWrap .img{    width: 66px; height: 66px; margin: 0 10px 0 0; flex: 0 0 66px;}
  .healthCounsellorBlock .profileWrap .cont .name{ font-size: 16px; margin: 0 0 2px 0;}
  .healthCounsellorBlock .profileWrap .cont .details{font-size: 14px; margin: 0 0 4px 0;}
  .healthCounsellorBlock .callCenter a + a {margin-left: 14px;}
  .healthCounsellorBlock .callCenter a .icon{font-size: 24px;}
  .healthCounsellorBlock .callCenter a img {max-width: 24px;}

  .healthCounsellorBlock{display: block;}
  .healthCounsellorBlock .callCenter{margin: 10px -18px -16px;}
  .healthCounsellorBlock .callCenter a{justify-content: center; flex: 1; padding: 10px; background: #ff5a5a;}
  .healthCounsellorBlock .callCenter a .icon{color: #fff;}
  .healthCounsellorBlock .callCenter a .icon.icon-whatsapp {color: #fff;}
  .healthCounsellorBlock .callCenter a:first-child{ border-radius: 0 0 0px 3px;}
  .healthCounsellorBlock .callCenter a + a {margin-left: 1px; border-radius: 0 0 3px 0px;}

  .helpModalBody.selfTestPopup {padding: 0;}
  .helpModalBody.selfTestPopup .imgWrap {flex: 0 0 350px; }
  .helpModalBody.selfTestPopup .helpModalCont{padding: 20px;}
  .rightCont{padding-right: 0px;}
  .hpTextLgCenter{display: none;}
  .hpMdImgText{display: block;}
  .hpTitle {text-align: left; margin: 0 0 40px 0;}
  .icList .img{flex: 0 0 64px;}
  .icList .cont h5{font-size: 18px;}
  .icList .cont p{font-size: 16px;}
  .hpTitle h2 {font-size: 28px;}
  .bgHumanBanner .img .text.imgCont{font-size: 16px;}

  .modal.bubbleBlock{margin-left: -40%;}


  .homeBanner .homeBanner-content{max-width: inherit;}
  

  .homeBanner {padding:90px 0 280px;}
  .homeBanner:after{background-position: bottom right; width: 310px;}
  .whoWeAreSec{padding-top: 100px;}
  .whoWeAreSec:before{height: 500px;}
  .abtSecTitle p{font-size: 15px;}
  .abtSecTitle p small {font-size: 14px;}
  .findCareBlock.whoWeAreSec:before { height: 460px;}

  .whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock {max-width: inherit; min-width: 240px;}

  .modal.bubbleBlock .modal-content.helpModalWrap.bgModal {min-width: 318px; min-height: 280px;}
  .helpModalBody.selfTestPopup .cont h3 {font-size: 40px;}
  .modal.bubbleBlock .helpModalBody.selfTestPopup .helpModalCont {padding: 38px 32px 20px;}
  .linkArrowDown{font-size: 14px;}
  .modal.bubbleBlock .helpModalWrap .btn-close{    margin: 1px 5px 0 auto;}
  .homeBanner-content h6{font-size: 15px; margin: 0 0 2px;}
  .homeBanner-content h1 .titleText {font-size: 15px;}
  .homeBanner-content .cont {margin: 20px 0 0 0;font-size: 15px;}
  .homeBanner-content .btn-wrap {margin: 24px 0 20px;}
  .videoExperienceWrap{margin: 0 0px;}
}

@media (max-width:599px) {
  .headProfile{display: none;}
  .langLabelWrap{flex-wrap: wrap;}
  .langLabelWrap .langLabel{flex: auto;}
  .langLabelWrap .selectWrap{flex: 0 0 100%;}
  .helpLineNmber-img img {max-width: 250px;}
  .helpModalBody.selfTestPopup .cont h3{font-size: 32px;}
/*  .helpModalBody.selfTestPopup:before{flex: 0 0 5px;}*/
  .helpModalBody.selfTestPopup .helpModalCont{padding-bottom: 42px; padding-top: 42px}
  .helpModalBody.selfTestPopup{display: block;}
  .helpModalBody.selfTestPopup .imgWrap { height: 290px; overflow: overlay;}
  .helpModalBody.selfTestPopup .imgWrap img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
  .homeBanner-content h1 {font-size: 36px;}
  .homeBanner-content h1 img {max-height:80px;}

  .homeBanner{transform: none;}
  /* .modal.bubbleBlock {position: fixed; width: auto; height: auto; top: 0; bottom: 0; left: 0;
    margin-left: 0;  right: 0;  bottom: 0; z-index: 99999999999; background: rgba(0,0,0,0.25);} */
    .modal.bubbleBlock { width: auto; height: auto; bottom: 0; left: 20px; margin-left: 0; bottom: 0; z-index: 99999999999; padding: 0px !important;}
  .modal.bubbleBlock .helpModalBody.selfTestPopup .helpModalCont {padding: 53px 30px 30px;}
  .modal.bubbleBlock .modal-dialog.min-w650.modal-dialog-centered {margin: 0; align-items: center; display: flex; min-height: 100%;}
  .modal.bubbleBlock .modal-content.helpModalWrap.bgModal{min-height: 283px; width: 320px; margin: 0px auto; min-width: inherit;}
  
  /* body.modal-open.modal-opened {overflow: hidden !important;} */
  body.modal-open.modal-opened {
    padding-right: 0 !important;
}
}

@media (max-width:480px) {
  .topHeadIn .logo{flex: auto;}  
  .topHeadIn .logo.homeOnly {flex: auto;}
}



/* Blog Css */

.pageHeader{
  background: #F3F3F3;
  padding:51px 0px 55px;
  position: relative;
  overflow: hidden;
}
.pageHeader:before{
  content: "";
    position: absolute;
    background: url(../img/Pattern-PM.svg) no-repeat;
    display: block !important;
    width: 612px;
    height: 595px;
    top: 0px;
    right: 0;
}

.titleGroup .categoryType{
  font-weight: 700;
  color: #F52C2C;
}

.titleGroup h2{
  line-height: 1.22;
  margin: 4px 0 0px;
  text-transform: uppercase;
  font-weight: 700;
}

.titleGroup p{
   letter-spacing: -0.3px;
}

.titleGroup p:last-child{
  margin-bottom: 0px;
}

.newsGrid{
  position: relative;
  margin:30px 0 0 0px;
}

.newsGrid .overlapLink{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}


.newsGrid .img{
  margin:0px;
  overflow: hidden;
}

.newsGrid .content{
  position: relative;
  margin: 0 40px 0 0px;
  z-index:0;
  padding: 0 10px 0 0;
}

.newsGrid .content:before{
  content:"";
  position: absolute;
  left: 0;
  top: -40px;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
  transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
}

.newsGrid .content h5{
  font-weight: 700;
  font-size: 24px;
  margin:10px 0 10px 0px;
  text-transform: uppercase;
}

.newsGrid .content .date.categoryType {
    font-weight: 700;
    color: #F52C2C;
}

.newsGrid .content .date{
  color: #7C7C7C;
  letter-spacing: -0.3px;
  display: block;
  font-size: 17px;
  line-height: 28px;  
}

.newsGrid .img img{
  transform: scale(1);
  transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
}

.newsGrid .overlapLink:hover + .img img{
  transform: scale(1.05);
}


.details-side-btn{
  text-align: right;
}

.iconBtn{
  background-color: #FFFFFF;
  border: 1px solid #FF021D;
  border-radius: 22px;
  font-size: 14px;
  min-width: 240px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
  padding:0px 20px;
  text-align: center;
  color:#D50101;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.iconBtn .icon{
  vertical-align: middle;
  vertical-align: middle;
    margin: -2px 10px 0 0;
    display: inline-block;
    font-size: 16px;
}

.iconBtn:hover{
  text-decoration: none;
  background: #D50101;
  color: #fff;
}
  
.socialShare h6{  
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #2D2D2D;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  line-height: 1;
  margin: 0px 0 20px 0;
}

.socialShare ul{
  padding: 0px;
  margin: 0px;
  font-size: 0px;
}

.socialShare ul li{
  display: inline-block;
  margin: 0 14px 0 0px;
}

.socialShare ul li a{
  color: #007CC2;
  font-weight: 400;
  text-decoration: none;

}

.socialShare ul li a:hover{
  text-decoration: none;
}

.socialShare ul li a i:before{
  color: #007CC2;
  font-size: 28px;
}

.socialShare ul li a:hover i:before{
  color: #005586;
}

.newsDetails .img{
  margin: -200px 0 80px 0px;
  position: relative;
  max-height: 400px;
  overflow: hidden;
}

.newsDetails .img img{
  width: 100%;
}

.newsDetails .socialShare{
  margin:9px 0 0px;
}

.newsDetails .content h4{
  font-size: 24px;
  font-weight: 700;
  color: #000;
}

.newsDetails .content h5{
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.newsDetails .content h6{
  font-weight: 700;
  font-size: 18px;
  color: #000;
}

.newsDetails .content{
  font-size: 16px;
  color: #414141;
}

.newsDetails .content strong{
  color: #000;
}

.newsDetails .content ul li, .newsDetails .content ol li {
    line-height: 1.5;
    margin: 10px 0;
}
.min-height400 {
    min-height: 400px;
}

body #chat-bot-launcher-container.chat-bot-launcher-left{
  right: 10px;
  left: auto;
}

body #chat-bot-frame-container.chat-bot-frame-left {
  left: auto;
  right: initial;
  right: 20px;
}

body  #chat-bot-message-container.chat-bot-message-left{
  left: auto;
  right:20px;
}

.instaPostWrap {
    display: flex;
    align-items: center;
    gap: 0px;
    margin: 0px 0 0px;
    justify-content: center;
    position: relative;
}

.instaPostContainerWrap{
  max-width: 1590px;
  margin: 0px auto;
  padding: 0 24px;
}

.instaFrame {
    padding: 0 10px;
}

.instaPostWrap iframe {
    flex: 0 0 auto;
    width: 100%;
    min-width: inherit !important;
    /* max-width: 220px; */
}

.instaPostWrap.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    left: -10px;
    width: 42px;
    height: 42px;
    background: #fff !important;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 6px rgba(0,0,0,0.10);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 2px 3px 0px !important;
    font-size: 27px;
    margin: -16px 0 0 0;
    z-index: 9;
}

.instaPostWrap.owl-carousel .owl-nav button.owl-next{
  left: auto;
  right: -10px;
  padding: 0 0px 3px 2px !important;
}

.instaPostWrap .owl-dots {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

.instaPostWrap .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 100px;
}

.instaPostWrap .owl-dots .owl-dot.active{
  background: #000;
}

.instaLogoBlock{
    background: linear-gradient(to right, #fd011b 0%, #fea626 50%, #fea626 51%, #fd011b 100%);
    background-size: 200% auto;
    background-position: 0 0;
    width: 170px;
    height: 170px;
    margin: 0 0 10px 0;
    border-radius: 100px;
    overflow: hidden;
    padding: 3px;
}

.instaLogoBlock .img {
    width: 100%;
    height: 100%;
    border-radius: 140px;
    overflow: hidden;
}

.instaLogoBlock .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.instaLogoBlockLogo{
  display: flex;
  align-items: center;
  gap: 20px;
}

.siteFooterWrap .footerLinks ul {
    display: flex;
    align-items: center;
    gap: 10px 32px;
    flex-wrap: wrap;
}

.teleManasLink{
  display: block;
}

h5.mb-4, h5.mb-4 * {
    font-size: 18px;
    font-weight: 600;
}

.instaLogoBlockLogo h4 {font-size: 20px;}


.instaPostWrapBlock {
    max-width: 710px;
    margin: 0px auto;
}



#wordcloud {
    width: 100%;
    height: 550px;
    /* border: 1px solid #ccc; */
}

#wordcloud canvas { cursor: pointer;}

.three-cards-wrapper {
  max-width: 1080px;
  margin: 0px auto;
  padding-top: 20px;
}

.whyChooseSecBg{
  padding: 0px 0;
  position: relative;
  background: url('../img/breakfree-bg.png') no-repeat;
  background-size: cover;
}


.instaBlockWrap{
  /* background: linear-gradient(to bottom,  rgba(255,230,196,1) 0%,rgba(255,255,255,1) 100%); */
  /* background: linear-gradient(to bottom,  rgba(255,230,196,1) 0%,rgba(255,255,255,1) 100%); */
  background: url('../img/breakfree-bg.png') no-repeat;
  background-size: cover;
  padding: 80px 0 60px;
}

/* .instaBlockWrap::before{
  content: "";
  background: linear-gradient(to bottom,  rgba(255,230,196,0) 0%,rgba(255,255,255,1) 100%);
} */

.fontModernlove, .fontModernlove *{
   /* font-family: 'modernlove_regularregular'; */
   font-family: 'modernlove_regularregular';
}

.fontSerifont, .fontSerifont *{
   /* font-family: 'modernlove_regularregular'; */
   font-family: 'times';
}

.fsLarge, .fsLarge *{
  font-size: 48px;
}

.fnBtnWrap {
    margin: 24px 0 0;
    max-width: 558px;
}

.fnBtnWrap .arrowBtn.btn{
    padding: 12px 17px 12px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.25s ease-out;
    border-radius: 0px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fnBtnWrap .arrowBtn.btn:after {
    content: "\e90d";
    font-family: 'icomoon' !important;
    font-size: 7px;
    transform: rotate(90deg);
    position: relative;
    transition: 0.25s ease-out;
    right: 0;
}

.fnBtnWrap .arrowBtn.btn:hover:after {
    right: -3px;
}


.findCenterSearchForm {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border-radius: 8px;
    padding: 32px;
    margin: 48px 0 0 0;
    max-width: 809px;
}

.findCenterSearchForm > h2, .findCenterSearchForm > h2 *{
  font-size: 36px;
}

.findCenterSearchFormHIDESHOW{
  display: none;
}

.getTestedTabs.nav-tabs {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 4px;
    border-radius: 2px;
    border: none;
    max-width: 744px;
}

.getTestedTabs.nav-tabs.withWhiteBg {
    margin: 10px 0 0 0;
    background: #f8f8f8;
    border: 1px solid #eaeaea;
}

.getTestedTabs.nav-tabs > div{
  flex: 1;
  padding: 14px 16px;
}

.getTestedTabs.nav-tabs > div h4{
  margin: 0px;
  font-size: 17px;
  text-align: center;
}

.getTestedTabs.nav-tabs > div.active{
  /* background:#f2dab3; */
  color: #fff;
    background: #fea025;
}

@media (min-width:992px){
  /* .teleManasLink{ position: fixed; bottom: 10px; left: 10px;} */
  .instaLogoBlockLogo h4 {font-size: 22px;}
  .fs-lg-17{font-size: 17px !important;}
  .fs-lg-18{font-size: 18px !important;}
}

@media (min-width:1500px){
  .newsGrid .content{
      margin-right: 60px;
      padding-right: 40px;
  }
}

@media (max-width:1900px){
  .container {padding-left: 60px; padding-right: 60px;}
}




@media (max-width:1200px){
  
  .instaPostWrap{
    margin: 10px 0 0px;
    justify-content: flex-start;
    padding: 0 0px;
  }
}


@media (max-width:992px){
  .details-side-btn {text-align: left; margin-top: 16px;}
  .container {padding-left: 20px; padding-right: 20px;}
  .contactContBlock .text{flex: auto;}
  .whtWeDoBlock{padding: 34px 24px 30px;}
  .whyChoseBlockWrap{margin: 54px 0 0;}
  .img247Left{margin: 0 0 32px 0;}
  .homeBanner-content .btn-wrap{flex-wrap: wrap;}
  .teleManasLink {display: block !important; margin-bottom: 10px !important; max-width: 80px !important;}

  .socialFixedRight .helpLogoHead {margin: 0 -9px 0 0;}
  .socialFixedRight .helpLogoHead a img{width: 64px;}
}

@media (max-width:768px){
  .instaLogoBlock{
    width: 110px;
    height: 110px;
  } 

  .three-cards-wrapper{
        padding-top: 20px;
  }
  
  
}




/* Other designer css */ 


/*  */
.container-padding{
  padding-top:60px;
  padding-bottom:60px;
}

.main-container-padding{
    padding-left: 80px;
    padding-right: 80px;
}

@media (max-width:1520px) {
  .main-container-padding{
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width:1440px) {
  .main-container-padding{
    padding-left: 20px;
    padding-right: 20px;
  }
}

   .chat-section {
            /* background: linear-gradient(135deg, #faebbc 0%, #ffa9a9 100%); */
            padding: 80px 0;
            /* color: white; */
            text-align: center;
            color: #fff;
        }

        .chat-icon {
            width: 200px;
            height: 200px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px;
            font-size: 3rem;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
            @keyframes move-aurora { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    .aurora-bg {
      background: linear-gradient(-45deg, #1e293b, #334155, #0f172a, #4f46e5, #be185d);
      background-size: 400% 400%;
      animation: move-aurora 30s ease infinite;
    }
   /* .single-service{
            box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
            padding: 40px 40px 40px 40px;
            position: relative;
            z-index: 10;
            transition: all linear 0.3s;
      } */
   /* Make service cards same height */

.icon-block {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    transition: all linear 0.3s;
}
.icon-block:hover {
  background-color: #eee;
    box-shadow: none;
    transform: translateY(-15px);
}
.single-service {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  background: #fff;
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all linear 0.3s;
}
.single-service:hover{
    /* color: #fff;
    background: linear-gradient(-45deg, #1e293b, #334155, #0f172a, #4f46e5, #be185d);
    background-size: 400% 400%;
    animation: move-aurora 30s ease infinite; */
     background-color: #eee;
    box-shadow: none;
    transform: translateY(-15px);
}

/* Reserve same space for logos */
.logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Fixed space for logo container */
.flex-shrink-1 {
  width: 220px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Square in top-right corner */
.single-service::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  background: #cdcdcd;
}
.single-service p {
    font-size: 15px;
    line-height: 1.5;
    color: #333333;
    font-weight: 300;
}
/* .single-service:hover p {
  color:#fff;
} */
/*  */



@media (max-width:768px){
  .main-container-padding{
      padding-left: 20px;
      padding-right: 20px;
  }
  .container-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .instaPostWrap iframe{
    max-width: inherit;
    width: 100%;
  }

   .speakWrap{
    right: 2px;
  }
  .socialFixedRight{
    right: 12px;
  }

  .whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock{
    text-align: center;
  }

  .whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .icon{
    justify-content: center;
  }

  .whoWeAreSec.findCareBlock .MissionBlockWrap .MissionBlock .arrowBtn{
    justify-content: center; gap: 10px;
  }

  .fnBtnWrap .arrowBtn.btn{
    justify-content: center;
    gap: 10px;
  }

  .healthCounsellorBlockIn + .healthCounsellorBlockIn{
        border-top: 1px solid #b9b9b9;
        border-left: 0px;
  }

  .healthCounsellorBlock .healthCounsellorBlockIn .profileWrap {
    display: block;
    text-align: center;
  }

  .healthCounsellorBlock .healthCounsellorBlockIn .profileWrap .img.icon {
    max-width: 60px;
    margin: 0px auto 10px;
  }

  .testimonialFormWrapMain{
    padding: 0px;
    margin-top: 20px;
  }

}



/* Landing Page Css */


.topHeader.headerWhite{
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.topHeader.headerWhite .topHeadIn .logo{
  flex: 0 0 196px;
  margin: 22px 10px 22px 0px;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li{
  position: relative;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li a{
  padding:10px 15px;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li a:hover{
  color: #FFAC0F;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li a:before{
  display: none;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li .subNav{
  position: absolute;
  top: 100%;
  padding: 0px;
  min-width: 180px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  margin: 10px 0 0 10px;
  visibility: hidden;
  opacity: 0;
  transition:top, opacity, visibility, margin, 0.2s ease-out;
  padding: 4px 0 4px 0;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li:hover .subNav{
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li .subNav li a{
  font-size: 14px;
}

.topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li.has-menu > a:after{
  content: "\e90d";
  font-family: 'icomoon' !important;
  display: inline-block;
  vertical-align: middle;
  margin: -2px -6px 0 6px;
  font-size: 6px;
  transform: rotate(180deg);
  font-weight: bold;
}

.topHeader.headerWhite .helpLogoHead a{
  margin-left: 24px;
}

.topHeader.headerWhite  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::before{
  font-size: 20px;
}

.topHeader.headerWhite  .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{
  padding-left: 36px;
}

.topHeader.headerWhite .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::after{
  border: none;
  content: "\e90d";
  font-family: 'icomoon' !important;
  display: inline-block;
  font-size: 6px;
  transform: rotate(180deg);
  font-weight: bold;
}


.homeBanner.homeBannerV2 {
  background: transparent;
  position: relative;
  background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
  padding: 0px;
  min-height: inherit;
}

.homeBanner.homeBannerV2:before {
  content: "";
  position: absolute;
  left:-144px;
  top: -120px;
  background: url('../img/bannerBg.svg') no-repeat;
  background-size: cover;
  width: 541px;
  height: 540px;
}

.homeBanner.homeBannerV2:after{
  width: 536px;
  height: 581px;
  background-image: url(../img/hand-dark.png);
}

.homeBanner.homeBannerV2 .homeBannerV2-bgRight{
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 120px 0;
  min-height: 710px;
}

.homeBanner.homeBannerV2 .homeBannerV2-bgRight:after {
  content: "";
  position: absolute;
  right:-114px;
  bottom: -10px;
  background: url('../img/bannerBgRight.svg') no-repeat;
  background-size: cover;
  width: 597px;
  height: 595px;
}

.homeBanner.homeBannerV2 .homeBanner-content{
  color: #000;
  position: relative;
  z-index: 1;
}

.homeBanner.homeBannerV2 .homeBanner-content h6{
  font-weight: 700;
}

.homeBanner.homeBannerV2  .homeBanner-content h1 img{
    margin: 12px 0 0px 0px;
    max-width: 555px;
}

.homeBanner.homeBannerV2  .homeBanner-content h1 .titleText{
  font-weight: 700;
}

.homeBanner.homeBannerV2 .homeBanner-content .cont{
  margin: 30px 0 0 0;
  font-weight: 400;
  color: #3B3B3B;
  letter-spacing: -0.1px;
}


.whyChooseSecBg.bgGreCloud{
  background: linear-gradient(to bottom,  #ffebc7 0%,#ffffff 100%);
  padding: 90px 0;
}



.whyChooseSecBg.bgGreCloud .secTitle-wrap h4 .color-theme1 {
    color: #E51D1D !important;
}

.icon-block .img.talkUsImg img{
    filter: hue-rotate(142deg) saturate(110%);
}

.icon-block .img.talkUsImg.filterNoneWrap img{
    filter: none;
}

.CardBgGrey .icon-block{
  /* background: #EFEFEF; */
  background: linear-gradient(to bottom, #ffebc7 0%, #ffffff 100%);
  box-shadow: none;
  padding-bottom: 40px;
}

.CardBgGrey  .icon-block .img{
      min-height: 190px;
      max-height: 190px;
}

.CardBgGrey .icon-block .img .riskAssessment{
  max-width: 190px;
}

.CardBgGrey .icon-block .img.static .riskAssessment{
  max-width: 230px;
}

.CardBgGrey  .icon-block .img.talkUsImg img{
  max-height: 155px;
}

.CardBgGrey  .icon-block .img.talkUsImg.static img{
  max-height: 145px;
}

.CardBgGrey .icon-block .img.findUsImg img{
  max-height: 235px;
}

.CardBgGrey .icon-block .img.findUsImg.static img{
  max-height: 108px;
}

.CardBgGrey .icon-block .cont h4{
  font-size: 16px;
}

.CardBgGrey .icon-block .cont p{
  font-size: 15px;
  color: #626262;
  font-weight: 500;
}

.CardBgGrey .icon-block .cont .btn.btn-primary{
      width: auto;
    display: inline-block;
    min-width: 132px;
    font-weight: 500;
    margin: 16px 0 0;
    position: relative;
    left: auto;
    bottom: auto;
    padding: 13px 18px;
    transform: none;
}

.aurora-bg.aurora-bgYellow{
  background: linear-gradient(to bottom,  #ffebc7 0%,#ffffff 100%);
  animation: none;
  color: #404040;
}

.aurora-bg.aurora-bgYellow .chat-icon{
      width: 250px;
      height: auto;
}

.aurora-bg.aurora-bgYellow .section-title{
  color: #E51D1D;
  font-weight: 700;
}

.aurora-bg.aurora-bgYellow p *{
  font-size: inherit;
}

.section-subtitle {
    margin-top: 14px;
}

.instaPostContainerWrap{
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 20px;
}


.CardBgGrey.bgYellow .icon-block{
      background: #FFF7ED;
}

.topHeadIn .menuRight a.teleManasLink {
    display: none;
}



@media (max-width:1200px) {
  .headerWhite button.menuToggleBtn span.icon{background: #000;}
  .headerWhite button.menuToggleBtn span.icon:before{background: #000;}
  .headerWhite button.menuToggleBtn span.icon:after{background: #000;}
   .responsive-menu-open .headerWhite button.menuToggleBtn span.icon{background: transparent;}
  /* .responsive-menu-open  .headerWhite button.menuToggleBtn span.icon:before, .responsive-menu-open .headerWhite button.menuToggleBtn span.icon:after{background: #fff;} */
  .newLand .container{max-width: inherit;}
  .homeBanner.homeBannerV2:after{width: 406px;}
  .responsive-menu-open .topHeader.headerWhite{background: #fff;}
  .topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn{background: #ffffff; border-color: #e2e2e2;}
  .responsive-menu-open .topHeader.headerWhite .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{border-color: #000; color: #000;}
  .topHeader.headerWhite .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{padding: 8px 8px 8px 36px;}
  .topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li a{color: #000;}
  .topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li .subNav{position: relative; top: 0; display: none; box-shadow: none; border-radius: 0px;}
  .topHeader.headerWhite .topHeadIn .menuRight > .menuRightIn > ul li:hover .subNav{display: block;}
}

@media (min-width:992px) {
  .homeBanner.homeBannerV2 .homeBanner-content .cont{font-size: 18px; line-height: 28px; max-width: 600px;}
  .homeBanner.homeBannerV2 .homeBanner-content h6{ font-size: 18px;}
  .homeBanner.homeBannerV2  .homeBanner-content .btn-wrap .btn{ font-size: 16px;}
  .whyChooseSecBg.bgGreCloud .secTitle-wrap h4, .whyChooseSecBg.bgGreCloud .secTitle-wrap h4 * { font-size: 38px;}

  .topHeader.withDropDown.homeOnly:before {
    content: "";
    /* background: linear-gradient(to bottom, rgb(255 255 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); */
    background: linear-gradient(to bottom, rgb(255 255 255 / 60%) 0%, rgb(255 255 255 / 25%) 50%,  rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: -40px;
    position: absolute;
    z-index: -1;
    opacity:1;
}

}

@media (max-width:992px) {
  .homeBanner.homeBannerV2:after {width: 350px;}
  .homeBanner.homeBannerV2 .homeBanner-content h1 img{max-width: 530px;}
  .homeBanner.homeBannerV2 .homeBannerV2-bgRight{min-height: inherit; padding: 140px 0 240px;}
  .homeBanner.homeBannerV2:after { width: 240px; background-position: bottom right; bottom: 0; right: 0; height: 262px;}
  .homeBanner.homeBannerV2:before { left: -60px; top: -80px; width: 386px; height: 380px; background-size: 100% auto;}
  .homeBanner.homeBannerV2 .homeBannerV2-bgRight:after{    width: 430px; height: 430px;}

    .topHeader.withDropDown.homeOnly:before {
    content: "";
    /* background: linear-gradient(to bottom, rgb(255 255 255 / 20%) 0%, rgba(255, 255, 255, 0) 100%); */
    background: linear-gradient(to bottom, rgb(255 255 255 / 60%) 0%, rgb(255 255 255 / 25%) 50%,  rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: -40px;
    position: absolute;
    z-index: -1;
    opacity:1;
  }
}

@media (max-width:767px) {
  .homeBanner.homeBannerV2 .homeBanner-content{padding-right: 24px;}
  .topHeader.headerWhite .topHeadIn .logo{flex: auto; max-width: 196px;}

  
}

@media (max-width:500px) {
  .homeBanner.homeBannerV2:before{ width: 360px; height: 358px;}
}



/* with old */

.withDropDown .topHeadIn .menuRight > .menuRightIn > ul li a:before{
  display: none;
}

.withDropDown .topHeadIn .menuRight > .menuRightIn > ul li{
  position: relative;
}

.withDropDown .topHeadIn .menuRight > .menuRightIn > ul li a{
  padding: 10px 15px;
}

.withDropDown.topHeader .topHeadIn .menuRight > .menuRightIn > ul li .subNav{
  position: absolute;
  top: 100%;
  padding: 0px;
  min-width: 180px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  margin: 10px 0 0 10px;
  visibility: hidden;
  opacity: 0;
  transition:top, opacity, visibility, margin, 0.2s ease-out;
  padding: 4px 0 4px 0;
}


.withDropDown.topHeader .topHeadIn .menuRight > .menuRightIn > ul li:hover .subNav{
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.withDropDown.topHeader .topHeadIn .menuRight > .menuRightIn > ul li .subNav li a{
  font-size: 14px;
}

.withDropDown.topHeader .topHeadIn .menuRight > .menuRightIn > ul li.has-menu > a:after{
  content: "\e90d";
  font-family: 'icomoon' !important;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0px 0 6px;
  font-size: 6px;
  transform: rotate(180deg);
  font-weight: bold;
}

.homeVoiceSec{position: relative;}
/* .homeVoiceSec > .max-w-770px.m-auto:after {
    content: "";
    display: block;
    background: url(../img/voiceImg.svg) no-repeat;
    opacity: 1;
    transform: rotate(0deg);
    width: 387px;
    height: 226px;
    right: 0px;
    margin: 30px auto 0 auto;
} */

.oruVoiceIfCOntImg{
  position: relative;
  margin: 32px 0 0 0;
  text-align: center;
}

.oruVoiceIfCOntImg p{
  font-size: 28px;
  font-weight: 700;
}

.oruVoiceIfCOntImg .img{
 text-align: center;
 margin: 0 0 30px 0;
}

@media (max-width:1200px) {
  .topHeadIn .menuRight > .menuRightIn > ul li a:hover, .topHeadIn .menuRight > .menuRightIn > ul li a.current:hover {
    color: #fff;
}

  .withDropDown.topHeader .topHeadIn .menuRight > .menuRightIn > ul li .subNav{
    background: transparent;
    position: static;
    margin: 4px 0 4px 7px;
    padding: 0;
    opacity: 1;
    display: none;
    box-shadow: none;
    transition: none;
  }

  .withDropDown.topHeader .topHeadIn .menuRight > .menuRightIn > ul li:hover .subNav {
    display: block;
  }
  .topHeadIn .menuRight > .menuRightIn > ul li a.current{
    color: #ffac13;
  }
  

  .responsive-menu-open .topHeader.withDropDown.homeOnly:before{
    background: #fff;
  }

  .responsive-menu-open header.topHeader.homeOnly{
    background: #fff;
  }

  .responsive-menu-open .homeOnly button.menuToggleBtn span.icon{
    background: #000;
  }

  .responsive-menu-open  .homeOnly button.menuToggleBtn span.icon{
    background: transparent;
  }

  .responsive-menu-open .homeOnly button.menuToggleBtn span.icon:before, .responsive-menu-open .homeOnly button.menuToggleBtn span.icon:after{
    background: #000;
  }

  .responsive-menu-open .homeOnly .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle{
        border-color: #000000;
        color: #000000;
  }

  .responsive-menu-open .homeOnly .topHeadIn .menuRight .langSelect .dropdown .btn.dropdown-toggle::after{
            border-top: 9px solid #000;
  }

  .homeOnly .topHeadIn .menuRight > .menuRightIn{
    background: #fff;
    border-top: 1px solid #e1e1e1;
  }

  .homeOnly .topHeadIn .menuRight > .menuRightIn > ul li a{
    color: #000;
  }
  

  .bgAssPages:after, .whoWeAreSec:after{background-position: 0 -60px;}
  

}

@media (max-width:767px) {
  .bgAssPages:after, .whoWeAreSec:after{background-position: 0 -40px;}
}

.instaPostContainerWrap{
  margin-bottom: 24px;
}

.instaPostWrap .juicer-feed .j-stacker {
    display: flex;
    gap: 10px;
    overflow: auto;
    padding-bottom: 20px;
}

.instaPostWrap .juicer-feed.modern .j-text{
  display: none;
}

.juicer-feed .j-stacker .j-stack.galcolumn {
    display: flex !important;
    width: auto !important;
    margin: 0px;
    gap: 0 20px;
    padding: 0px;
    flex: 0 0 100%;
}

.juicer-feed .j-stacker .j-stack.galcolumn li.feed-item {
    margin: 0px !important;
    flex: 1;
    /* flex: 0 0 20%; */
    /* max-width: calc(20% - 16px); */
}

.instaPostWrap  h1.referral {
    display: none !important;
}

.juicer-feed.loaded .juicer-feed.loaded{
  max-width: inherit !important;
}

.instaPostWrap .juicer-feed .slick-list{
  margin: 0 -10px;
}
.instaPostWrap .juicer-feed .slick-track li.feed-item{
    margin: 0 10px;
}

@media (max-width:599px) {
  .juicer-feed .j-stacker .j-stack.galcolumn li.feed-item {
    max-width: inherit;
    flex: 0 0 20%;
  }
}

@media (max-width:400px) {
  .juicer-feed .j-stacker .j-stack.galcolumn li.feed-item {
    max-width: calc(100% - 16px);
  }
}