/* Scroll-bar styling */
/* width */
::-webkit-scrollbar {
  width: 0.25em;
  height: 0.25em;
  border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f11f;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #561aa069;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  border-radius: 3px;
  background: #47318595;
}



/* Scrolling effect */

.tag {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.tag.visible {
  opacity: 1;
  transform: translate(0, 0);
}








.get-started {
    position: absolute;
    top: calc(50% - 13.5px);
    left: 33.53%;
    letter-spacing: -1px;
  }
  .button {
    position: absolute;
    top: calc(50% + 95.5px);
    left: 33px;
    border-radius: var(--br-8xs);
    background-color: #ffa85b;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    width: 170px;
    height: 55px;
	cursor:pointer;
  }
  .skola-is-simply,
  .statistics-widgets1 {
    position: absolute;
    width: 100.21%;
    top: calc(50% - 27px);
    left: 0;
    letter-spacing: -0.31px;
    display: inline-block;
  }
  .statistics-widgets1 {
    top: calc(50% - 103px);
    font-size: var(--font-size-25xl);
    letter-spacing: -1px;
    line-height: 46px;
    font-family: var(--font-roboto-medium);
    color: var(--color-white);
  }
  .text {
    position: absolute;
    top: calc(50% - 126.5px);
    left: 0;
    width: 470px;
    height: 206px;
    text-align: left;
    font-size: var(--font-size-xl);
    color: #d0d6e4;
    font-family: var(--font-roboto-regular);
  }
  .graphic-icon {
    position: absolute;
    height: 50%;
    width: calc(50%);
    top: 10%;
    bottom: 0;
    left: 30%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
  }
  .statistics-widgets {
    position: absolute;
    width: calc(100% + 92px);
    top: calc(50% + 313px);
    right: -227px;
    left: 135px;
    height: 887px;
    text-align: center;
    font-size: var(--font-size-base);
    color: var(--color-white);
    font-family: var(--font-poppins);
  }
  .get-started1 {
    position: absolute;
    top: calc(50% - 11.5px);
    left: 32.94%;
    letter-spacing: -1px;
  }
  .button1 {
    position: absolute;
    top: calc(50% - 112.5px);
    right: 299px;
    border-radius: var(--br-8xs);
    background-color: #ff4182;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    width: 170px;
    height: 55px;
    text-align: center;
    font-family: var(--font-poppins);
	cursor:pointer;
  }
  .submitComment{
	  cursor:pointer;
  }
  .bg-icon {
    height: 100%;
    width: calc(100% - 535.16px);
    right: 535.16px;
    bottom: 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
  }
  .bg-icon,
  .image,
  .image-icon {
    position: absolute;
    top: 0;
    left: 0;
  }
  .conversation {
  }
  .image-icon {
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
  }
  .image {
    border-radius: var(--br-21xl);
    background-color: var(--color-gainsboro-100);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 60px;
    height: 60px;
    top: calc(100% + 20px);
  }
  .am,
  .great-see-you {
    position: absolute;
    top: calc(70% + 22.5px);
    left: 80.71%;
    line-height: 16px;
  }
  .great-see-you {
    top: calc(50% - 7px);
    left: 7.88%;
    line-height: 22px;
  }
  .message {
    position: absolute;
    top: 100px;
    right: 0;
    border-radius: var(--br-8xs);
    background-color: var(--color-white);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 203px;
    height: 52px;
    font-size: var(--font-size-mid);
    color: var(--color-darkslateblue);
  }
  .am1,
  .left-message {
    position: absolute;
    font-size: var(--font-size-xs);
  }
  .left-message {
    bottom: 0;
    left: 0;
    width: 278px;
    height: 77px;
  }
  .am1 {
    top: calc(50% + 57px);
    left: 75.47%;
    line-height: 16px;
    color: var(--color-darkgray);
  }
  .sure-your-gi {
    margin: 0;
  }
  .sure-just-give-container {
    position: absolute;
    top: calc(12%);
    left: 7.08%;
    line-height: 22px;
  }
  .message1 {
    position: absolute;
    width: 100%;
    right: 0;
    top: 55%;
    left: 0;
    border-radius: var(--br-8xs);
    background: linear-gradient(225deg, #ffa85b, #ff4182);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    height: 130px;
  }
  .hey-emily {
    position: absolute;
    top: calc(50% - 7px);
    left: 14.29%;
    line-height: 22px;
  }
  .message2 {
    position: absolute;
    top: 10%;
    right: 0;
    border-radius: var(--br-8xs);
    background: linear-gradient(225deg, #ffa85b, #ff4182);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 105px;
    height: 52px;
  }
  .right-message {
    position: absolute;
    top: calc(50% - 46.5px);
    right: 0;
    width: 212px;
    height: 146px;
    color: var(--color-white);
  }

  .right-message .b {
    top: 45%;
    left: 100%;
  }


  .right-message .t {
    left: 100%;
  }
  
  .image1 {
    position: absolute;
    top: calc(50% - 39.5px);
    left: 0;
    border-radius: var(--br-21xl);
    background-color: var(--color-gainsboro-100);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 60px;
    height: 60px;
  }


  .hi-doc {
    font-family: var(--font-roboto-regular);
  }
  .span {
    font-family: var(--font-applecoloremoji);
  }
  .hi-there-container {
    position: absolute;
    width: calc(100% - 29px);
    top: 10px;
    left: 15px;
    line-height: 22px;
    display: inline-block;
  }
  .am2,
  .message3 {
    position: absolute;

  }
  .message3 {
    top: 0;
    right: 0;
    border-radius: var(--br-8xs);
    background-color: var(--color-white);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 315px;
    height: 144px;
  }
  .am2 {
    top: calc(65% + 41.5px);
    left: 81.67%;
    font-size: var(--font-size-xs);
    line-height: 16px;
    color: var(--color-darkgray);
  }
  .left-message1 {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    height: 115px;
    color: var(--color-darkslateblue);
  }
  .conversation {
    position: absolute;
    top: calc(50% - 387.5px);
    left: calc(50% - 17.58px);
    width: 390px;
    height: 387px;
    font-size: var(--font-size-mid);
    color: var(--color-darkgray);
  }
  .group-chat-widgets1,
  .skola-is-simply1 {
    position: absolute;
    width: 100.21%;
    top: calc(50% + 18.5px);
    left: 0;
    letter-spacing: -0.31px;
    display: inline-block;
  }
  .group-chat-widgets1 {
    top: calc(50% - 96.5px);
    font-size: var(--font-size-25xl);
    letter-spacing: -1px;
    line-height: 46px;
    font-family: var(--font-roboto-medium);
    color: var(--color-white);
  }
  .text1 {
    position: absolute;
    top: calc(50% - 337.5px);
    right: 0;
    width: 470px;
    height: 193px;
    font-size: var(--font-size-xl);
    color: #dbe1eb;
  }
  .group-chat-widgets {
    position: absolute;
    top: calc(50% - 582.94px);
    left: -899.84px;
    width: 2104.84px;
    height: 1336.88px;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-white);
    font-family: var(--font-roboto-regular);
  }
  .follow-your-stats,
  .skola-is-simply2 {
    position: absolute;
    width: 100.27%;
    top: calc(50% - 89px);
    left: 0;
    letter-spacing: -1px;
    display: inline-block;
  }
  .skola-is-simply2 {
    width: 84.59%;
    top: calc(50% - 41px);
    left: 7.84%;
    font-size: var(--font-size-xl);
    letter-spacing: -0.31px;
    font-family: var(--font-roboto-regular);
    color: #d4d7e5;
  }
  .text2 {
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 178px;
  }
  .feature,
  .icon,
  .text2 {
    position: absolute;
  }
  .icon1 {
    top: 0;
    left: calc(50% - 70px);
    border-radius: var(--br-3xs);
    background: linear-gradient(225deg, #ffa85b, #ff4182);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    width: 140px;
    height: 140px;
  }
  .feature {
    bottom: 0;
    left: 0;
    width: 370px;
    height: 378px;
  }
  .chat-with-co-workers {
    position: absolute;
    width: 100.27%;
    top: calc(50% - 76px);
    left: 0;
    letter-spacing: -1px;
    display: inline-block;
  }
  .it-is-a {
    width: 84.05%;
    top: calc(50% - 28px);
    left: 8.11%;
    font-size: var(--font-size-xl);
    letter-spacing: -0.31px;
    font-family: var(--font-roboto-regular);
    color: #d9ddea;
    display: inline-block;
  }
  .icon1,
  .it-is-a,
  .text3 {
    position: absolute;
  }
  .text3 {
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 152px;
  }
  .icon1:hover {
    top: 0;
    left: calc(50% - 70px);
    border-radius: var(--br-3xs);
    background-color: var(--color-white);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    width: 140px;
    height: 140px;
  }
  .feature1 {
    position: absolute;
    bottom: 26px;
    left: calc(50% - 185px);
    width: 370px;
    height: 352px;
  }
  .there-are-many {
    position: absolute;
    width: 84.05%;
    top: calc(50% - 28px);
    left: 8.11%;
    font-size: var(--font-size-xl);
    letter-spacing: -0.31px;
    font-family: var(--font-roboto-regular);
    color: #d4d8e9;
    display: inline-block;
  }
  .feature2 {
    position: absolute;
    right: 0;
    bottom: 26px;
    width: 370px;
    height: 352px;
  }
  .awesome-features-to-container {
    position: absolute;
    top: calc(50% - 50.5px);
    left: 0;
    letter-spacing: -1px;
    line-height: 46px;
  }
  .about-our-app {
    position: absolute;
    top: calc(50% - 99.5px);
    left: 43.65%;
    font-size: var(--font-size-base);
    letter-spacing: 2px;
    color: var(--color-aliceblue);
  }
  .title {
    position: absolute;
    top: 0;
    left: calc(50% - 357.5px);
    width: 716px;
    height: 199px;
    font-size: var(--font-size-25xl);
  }
  .features,
  .get-started2 {
    position: absolute;
    color: var(--color-white);
    text-align: center;
  }
  .features {
    height: 12.19%;
    width: calc(100% - 270px);
    top: 25.3%;
    right: 135px;
    bottom: 62.52%;
    left: 135px;
    font-size: var(--font-size-5xl);
    font-family: var(--font-roboto-medium);
  }
  .get-started2 {
    top: calc(50% - 13.5px);
    left: 33.53%;
    font-size: var(--font-size-base);
    letter-spacing: -1px;
    font-family: var(--font-poppins);
  }
  .button2 {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--br-8xs);
    background: linear-gradient(225deg, #ffa85b, #ff4182);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    width: 170px;
  }
  .copyright-skola {
    position: absolute;
    top: calc(50% - 19px);
    left: 0;
    letter-spacing: -0.32px;
    font-size: 17px;
    font-family: sans-serif;
  }
  .copyright {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 424px;
    height: 38px;
  }
  .chat-statistics-test {
    position: absolute;
    top: calc(50% - 11.5px);
    left: 0;
    letter-spacing: -1.07px;
    font-size: 17px;
    font-family: sans-serif;
  }
  .footer,
  .links {
    position: absolute;
  }
  .links {
    top: calc(50% - 12.5px);
    left: calc(50% + 119px);
    width: 216px;
    height: 23px;
    text-align: right;
    font-size: var(--font-size-base);
    color: #d1d4e0;
    font-family: var(--font-poppins-regular);
  }
  .footer {
    width: calc(100% - 170px);
    top: calc(50% - 28px);
    right: 0;
    left: 170px;
    height: 55px;
  }
  .global-health-links-logo {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    width: 144px;
    object-fit: cover;
  }
  .footer-parent {
    position: absolute;
    width: calc(100% - 200px);
    right: 135px;
    bottom: 123px;
    left: 65px;
    height: 122px;
    text-align: left;
    font-size: 14px;
    color: #cddae3;
    font-family: var(--font-roboto-light);
  }
  .medical-historydocumentclipb-icon {
    position: absolute;
    top: calc(10%);
    left: calc(50% - 424px);
    width: 100px;
    height: 100px;
  }
  .medical-historydocumentclipb-icon {
    left: calc(50% - 20px);
    width: 40px;
  }
  .stethoscopemedical-equipment-icon {
    position: absolute;
    top: calc(50% - 975px);
    left: calc(50% + 374px);
    width: 50px;
    height: 50px;
  }
  .ghl-landing-page-child {
    text-decoration: none;
    position: absolute;
    top: 944px;
    left: calc(16%);
    border-radius: var(--br-mini);
    background-color: var(--color-black);
    width: 209px;
    height: 79px;
    opacity: 0.74;
  }
  .path-2-icon {
    position: absolute;
    height: calc(100% - 94px);
    top: 0;
    right: 0;
    bottom: 94px;
    max-height: 100%;
    width: 1398px;
  }
  .bg-child {
    position: absolute;
    top: calc(50% - 214.5px);
    left: 0;
    border-radius: var(--br-551xl);
    background: linear-gradient(-36.91deg, rgba(255, 255, 255, 0), #fff);
    width: 570px;
    height: 570px;
    opacity: 0.41;
    mix-blend-mode: soft-light;
  }
  .bg,
  .bg-item {
    position: absolute;
    bottom: 0;
  }
  .bg-item {
    right: 84px;
    border-radius: var(--br-551xl);
    background: linear-gradient(17.1deg, rgba(255, 255, 255, 0), #fff);
    width: 570px;
    height: 570px;
    opacity: 0.41;
    mix-blend-mode: soft-light;
  }
  .bg {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
  }
  .iphone-x-icon {
    position: absolute;
    bottom: 35.87px;
    left: calc(50% - 130.28px);
    width: 566.73px;
    height: 853.46px;
    object-fit: cover;
  }
  .join {
    position: absolute;
    top: calc(56.5%);
    left: calc(60%);
    letter-spacing: -0.23px;
  }
  .continue,
  .ghl,
 
  .join1 {
    position: absolute;
    top: calc(50% + 12.5px);
    left: calc(50% + 68.5px);
    letter-spacing: -0.23px;
  }
  .continue,
  .ghl,
  .join1 {
    top: calc(70%);
    left: calc(60%);
  }
  .continue,
  .ghl {
    left: calc(50% + 58.5px);
  }
  .ghl {
    top: calc(48%);
    left: calc(59%);
    font-size: 15px;
    letter-spacing: -0.34px;
  }
  .physical-mental-health {
    position: absolute;
    top: calc(51%);
    left: calc(59%);
    font-size: 8.5px;
    letter-spacing: -0.19px;
    font-weight: 300;
    font-family: var(--font-roboto);
    text-align: left;
  }
  .hero-header-child {
    position: absolute;
    top: calc(50%);
    left: calc(50% + 95.5px);
    border-radius: 50%;
    width: 6px;
    height: 4px;
  }
  .ghl-primary {
    position: absolute;
    top: calc(62%);
    left: calc(53%);
    font-size: var(--font-size-smi);
    letter-spacing: -0.3px;
  }
  .groupkids05312206-ai-icon {
    position: absolute;
    top: calc(64%);
    left: calc(59%);
    width: 67px;
    height: 67px;
    object-fit: cover;
  }
  .kokum-blanket {
    position: absolute;
    top: calc(62%);
    left: calc(59%);
    font-size: var(--font-size-smi);
    letter-spacing: -0.3px;
  }
  .hero-header {
    position: absolute;
    height: 100%;
    width: calc(100% - 10px);
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10px;
    font-size: var(--font-size-3xs);
  }
  .about-us,
  .home {
    text-decoration: none;
  }
  .home {
    position: absolute;
    top: -0.5px;
    left: -0.5px;
    letter-spacing: 0.5px;
    color: #93c4fd;
    -webkit-text-stroke: 1px #8199b5;
  }
  .about-us {
    left: calc(50% - 207.5px);
    color: inherit;
  }
  .home:hover, .about-us:hover, .contact-us:hover, .register:hover {
    color: #93c4fd;
    -webkit-text-stroke: 1px #8199b5;
    cursor: pointer;
    text-decoration: none;
  }
  .about-us,
  .contact-us,
  .register {
    position: absolute;
    top: 0;
    letter-spacing: 0.5px;
  }
  .contact-us {
    left: calc(50% + 15.5px);
  }
  .register {
    text-decoration: none;
    right: -1px;
    color: inherit;
  }
  .home-parent {
    position: absolute;
    top: 76px;
    left: calc(50% - 350.5px);
    width: 40%;
    height: auto;
    text-align: left;
    font-size: 20px;
    color: var(--color-lavenderblush);
    font-family: var(--font-open-sans);
  }
  .welcome-to-ghl-container {
    margin: 0;
    position: absolute;
    top: calc(50% - 328.5px);
    left: 51px;
    font-size: 51px;
    letter-spacing: 1.53px;
    font-weight: 700;
    font-family: var(--font-arial-rounded-mt);
    text-align: left;
    text-shadow: 0 3px 6px rgba(65, 35, 78, 0.74);
  }
  .global-health-links-logo1 {
    position: absolute;
    top: calc(50% - 108.5px);
    left: 70px;
    width: 399px;
    height: 341px;
    object-fit: cover;
  }
  .awesome-features-to {
    position: absolute;
    top: calc(50% + 269.5px);
    left: 10.26%;
    font-size: 30px;
    letter-spacing: -0.68px;
    opacity: 0.66;
  }
  .group-child {
    text-decoration: none;
    position: absolute;
    bottom: 180px;
    left: 0;
    border-radius: var(--br-mini);
    background-color: var(--color-black);
    width: 206px;
    height: 79px;
    opacity: 0.76;
  }
  .awesome-features-to1,
  .awesome-features-to2 {
    position: absolute;
    top: calc(50% + 381.5px);
    left: 3.71%;
    letter-spacing: -0.45px;
  }
  .awesome-features-to2 {
    left: 20.37%;
  }
  .about-our-app1,
  .about-our-app2 {
    position: absolute;
    top: calc(50% + 360.5px);
    left: 4.41%;
    font-size: var(--font-size-base);
    letter-spacing: 0.8px;
    color: var(--color-aliceblue);
    opacity: 0.9;
  }
  .about-our-app2 {
    left: 20.63%;
    opacity: 0.79;
  }
  .google-play-icon {
    position: absolute;
    top: calc(50% + 358.5px);
    left: 11px;
    width: 50px;
    height: 49px;
    object-fit: cover;
  }
  .apple-logo-svgrepo-com-icon {
    position: absolute;
    top: calc(50% + 360.5px);
    left: 325px;
    width: 38.16px;
    height: 40.77px;
  }
  .hero-header-parent {
    position: absolute;
    height: 23.72%;
    width: calc(100% + 421px);
    top: -25px;
    right: -487px;
    bottom: 76.77%;
    left: 66px;
    text-align: center;
    font-size: var(--font-size-xl);
    color: var(--color-white);
    font-family: var(--font-roboto-medium);
  }
  .your-message {
    position: absolute;
    bottom: 845px;
    left: calc(50% + 67px);
    letter-spacing: 1.2px;
    font-weight: 300;
    opacity: 0.77;
  }
  .testimonials1 {
    position: absolute;
    width: 100.21%;
    top: calc(50% - 29px);
    left: 0;
    letter-spacing: -1px;
    line-height: 46px;
    display: inline-block;
  }
  .text5 {
    position: absolute;
    top: 97px;
    right: 0;
    width: 470px;
    height: 58px;
  }
  .icon3,
  .testimonials {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .icon3 {
    max-height: 100%;
    width: 648px;
    object-fit: cover;
  }
  .testimonials {
    width: calc(100% - 133px);
    right: 133px;
    text-align: left;
    font-size: var(--font-size-25xl);
    font-family: var(--font-roboto-medium);
  }
  .path-3491-icon {
    position: absolute;
    top: calc(50% - 156.5px);
    right: -51px;
    width: 669px;
    height: 410.67px;
    opacity: 0.87;
  }
  .path-3489 {
    border: 1.5px solid #b2d9f7;
    top: calc(50% - 91.5px);
    left: calc(50% + 61px);
    box-shadow: 0 3px 6px #73a4ca;
    width: 232px;
    height: 37px;
  }
  .group-item,
  .path-3489,
  .path-3490 {
    background-color: var(--color-slategray);
    outline: 0;
    position: absolute;
    box-sizing: border-box;
  }
  .path-3490 {
    border: 1.5px solid #b9daf5;
    top: calc(50% - 91.5px);
    right: 32px;
    box-shadow: 0 3px 6px rgba(112, 181, 234, 0.73);
    width: 239px;
    height: 37px;
  }
  .group-item {
    border: 1px solid #c5e2f9;
    top: calc(50% - 20.5px);
    left: calc(50% + 61px);
    border-radius: var(--br-3xs);
    box-shadow: 0 3px 6px rgba(197, 226, 249, 0.34);
    width: 294px;
    height: 173px;
  }
  .path-4482,
  .rectangle-input,
  .rectangle-input1 {
    margin: 0;
    position: absolute;
    top: calc(50% - 4.5px);
    border: 1px solid var(--color-dimgray);
    box-sizing: border-box;
    width: 45px;
    height: 37px;
  }
  .path-4482 {
    cursor: pointer;
    left: calc(50% + 377px);
    background-color: var(--color-white);
  }
  .rectangle-input,
  .rectangle-input1 {
    right: 131px;
    border-radius: var(--br-3xs);
  }
  .rectangle-input1 {
    top: calc(50% - 6.5px);
    right: 55px;
  }
  .button-child {
    position: absolute;
    height: calc(100% - 15px);
    width: 100%;
    top: 0;
    right: 0;
    bottom: 15px;
    left: 0;
    border-radius: var(--br-10xl);
    background-color: var(--color-gray);
    box-shadow: 0 5px 20px rgba(197, 226, 249, 0.6);
  }
  .button-item,
  .tick-icon {
    position: absolute;
    top: calc(50% - 15.88px);
    right: 24.99px;
    width: 19.3px;
    height: 9.76px;
  }
  .button-item {
    top: calc(50% - 26.5px);
    right: 28px;
    border-radius: var(--br-10xl);
    background-color: var(--color-gray);
    width: 133px;
    height: 29px;
  }
  .submit {
    position: absolute;
    top: calc(50% - 21.5px);
    left: calc(50% - 32.5px);
    letter-spacing: 1.8px;
    font-weight: 300;
  }
  .button3 {
    position: absolute;
    top: calc(50% + 111.5px);
    right: 25px;
    width: 231px;
    height: 53px;
    font-size: 18px;
  }
  .female,
  .male {
    top: calc(50% - 22.5px);
    color: var(--color-slategray);
    opacity: 0.79;
  }
  .male {
    position: absolute;
    right: 218px;
    letter-spacing: 1.2px;
  }
  .female {
    right: 130px;
  }
  .email,
  .female,
  .other,
  .username {
    position: absolute;
    letter-spacing: 1.2px;
  }
  .other {
    top: calc(50% - 22.5px);
    right: 59px;
    color: var(--color-slategray);
    opacity: 0.79;
  }
  .email,
  .username {
    top: calc(50% - 80.5px);
    font-weight: 300;
  }
  .username {
    left: calc(50% + 82px);
  }
  .email {
    right: 211px;
  }
  .envelope-icon-2 {
    position: absolute;
    height: 2.12%;
    width: 1.89%;
    top: 38.61%;
    right: 5.14%;
    bottom: 59.27%;
    left: 92.97%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
  }
  .person-icon {
    position: absolute;
    top: calc(50% - 82.08px);
    left: calc(50% + 250.07px);
    width: 10.04px;
    height: 19.16px;
  }
  .medical-historydocumentclipb-icon1 {
    position: absolute;
    top: calc(50% - 4.5px);
    left: calc(50% + 293px);
    width: 40px;
    height: 50px;
    opacity: 0.71;
  }
  .your-message1 {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% + 82px);
    letter-spacing: 1.2px;
    font-weight: 300;
  }
  .testimonials-parent {
    position: absolute;
    width: calc(100% - 174px);
    right: 102px;
    bottom: 496px;
    left: 72px;
    height: 707px;
    text-align: right;
    font-size: var(--font-size-xs);
    color: var(--color-white);
    font-family: var(--font-roboto);
  }
  .hd-l269-010-ai-icon{
    position: absolute;
    top: 11.2%;
    left: calc(71%);
    width: 114px;
    height: 76px;
    object-fit: cover;
  }
  .image-icon2 {
    position: absolute;
    object-fit: cover;
    top: 10.8%;
    left: calc(83%);
    width: 50px;
    height: 93px;
  }
  .ghl-landing-page-item {
    position: absolute;
    top: 12%;
    left: calc(50% + 376.5px);
    border-radius: 50%;
    width: 7px;
    height: 5px;
  }
  .disabled-3-ai-icon {
    position: absolute;
    top: 14.5%;
    left: calc(71%);
    width: 104px;
    height: 74px;
    object-fit: cover;
  }
  .ghl-landing-page {
    position: relative;
    background: conic-gradient(
      from 90.62deg at 50% 50%,
      #655e7b 0deg,
      #a9b0bf 149.43deg,
      #5a4660 360deg
    );
    width: 100vw;
    height: 5080px;
    text-align: right;
    font-size: var(--font-size-xs);
    color: var(--color-white);
    font-family: var(--font-roboto);
    overflow: hidden;
  }



.proper {
  height: 80vh;
  width: 90%;
  position: absolute;
  top: 80%;
  left: 5%;
  padding: 0%;
  border-radius: 10px;
  background-color: rgba(230, 230, 230, 0.368);
}

.proper input, .proper textarea {
  border: none;
  padding: 1% 5%;
  color: #333;
  border-radius: 5px;
}
.proper textarea {
  position: absolute;
  width: 70%;
  left: 15%;
  top: 25%;
  z-index: 1;
}
.proper .gro {
  position: absolute;
  top: 70%;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1;


}
.proper button {
  border: none;
  border-radius: 5px;
  padding: 1% 5%;
  background-color: rgb(74, 59, 100);
  color: white;
  position: absolute;
  bottom: 5%;
  right: 5%;
}
.proper button:hover {
  background-color: rgb(65, 55, 83);
}
.proper input {
  margin: 1%;
}
.proper input:focus, .proper textarea:focus {
  border: none;
  outline: none;
  background-color: rgb(74, 59, 100);;
  color: white;
}


/* .proper #fn, .proper #ln {
  position: absolute;
  top: 60%;
  left: 0%;
} */
  .new-icon-2 {
    position: absolute;
    top: 20%;
    right: 30%;
  }
  .new-icon1 {
    position: absolute;
    top: 20%;
    right: 30%;
  }
  

 



@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
 }
@media (max-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

  .about-us,
  .home {
    text-decoration: none;
  }
  .proper .gro {
    display: block;
  }
  .home {
    position: absolute;
    top: -0.5px;
    left: -0.5px;
    letter-spacing: 0.5px;
    color: #93c4fd;
    -webkit-text-stroke: 1px #8199b5;
  }
  .about-us {
    left: calc(20% );
    color: inherit;
  }
  .about-us:hover, .contact-us:hover, .register:hover {
    color: #93c4fd;
    -webkit-text-stroke: 1px #8199b5;
    text-decoration: none;
    cursor: pointer;
  }
  .about-us,
  .contact-us,
  .register {
    text-decoration: none;
    position: absolute;
    top: 0;
    letter-spacing: 0.5px;
  }z
  .contact-us {
    left: calc(80%);
  }
  .register {
    text-decoration: none;
    right: -1px;
    color: inherit;
  }
  .home-parent {
    position: absolute;
    top: 76px;
    left: calc(50% - 350.5px);
    width: 30%;
    height: auto;
    text-align: left;
    font-size: 10px;
    color: var(--color-lavenderblush);
    font-family: var(--font-open-sans);
  }
  .hero-header {
    position: absolute;
    height: 100%;
    width: calc(100% - 10px);
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10px;
    font-size: var(--font-size-3xs);
  }
  .bg-child {
    position: absolute;
    top: calc(20% - 214.5px);
    left: 40%;
    border-radius: var(--br-551xl);
    background: linear-gradient(-36.91deg, rgba(255, 255, 255, 0), #fff);
    width: 30%;
    height: 30%;
    opacity: 0.41;
    mix-blend-mode: soft-light;
  }
  .bg,
  .bg-item {
    position: absolute;
    bottom: 30%;
  }
  .bg-item {
    right: 80%;
    border-radius: var(--br-551xl);
    background: linear-gradient(17.1deg, rgba(255, 255, 255, 0), #fff);
    width: 100%;
    height: 60%;
    opacity: 0.41;
    mix-blend-mode: soft-light;
  }
  .bg {
    height: 50%;
    width: 40%;
    top: 10%;
    right: -10%;
    left: 50%;}

  .welcome-to-ghl-container {
      margin: 0;
      position: absolute;
      top: calc(50% - 328.5px);
      left: 11px;
      font-size: 25px;
      letter-spacing: 1.53px;
      font-weight: 700;
      font-family: var(--font-arial-rounded-mt);
      text-align: left;
      text-shadow: 0 3px 6px rgba(65, 35, 78, 0.74);
    }

  .global-health-links-logo1 {
      position: absolute;
      top: calc(22%);
      left: 30px;
      width: 15%;
      object-fit: contain;
    }
    .iphone-x-icon {
      position: absolute;
      bottom: 50%;
      left: calc(24%);
      width: 183.73px;
      height: 423.46px;
      object-fit: cover;
    }

    .awesome-features-to {
      position: absolute;
      top: calc(48%);
      left: 10.26%;
      font-size: 30px;
      letter-spacing: -0.68px;
      opacity: 0.66;
    }
    .group-child {
      text-decoration: none;
      position: absolute;
      bottom: 480px;
      left: -20px;
      border-radius: var(--br-mini);
      background-color: var(--color-black);
      width: 186px;
      height: 79px;
      opacity: 0.76;
    }
    .awesome-features-to1,
    .awesome-features-to2 {
      position: absolute;
      top: calc(57%);
      left: 5.71%;
      letter-spacing: -0.45px;
    }
    .awesome-features-to2 {
      left: 25.37%;
    }
    .about-our-app1,
    .about-our-app2 {
      position: absolute;
      top: calc(54%);
      left: 5.41%;
      font-size: var(--font-size-base);
      letter-spacing: 0.8px;
      color: var(--color-aliceblue);
      opacity: 0.9;
    }
    .about-our-app2 {
      left: 25.63%;
      opacity: 0.79;
    }
    .google-play-icon {
      position: absolute;
      top: calc(54.5%);
      left: -11px;
      width: 50px;
      height: 49px;
      object-fit: cover;
    }
    .apple-logo-svgrepo-com-icon {
      position: absolute;
      top: calc(54.5%);
      left: 185px;
      width: 38.16px;
      height: 40.77px;
    }
    .ghl-landing-page-child {
      text-decoration: none;
      position: absolute;
      top: 53.5%;
      left: calc(18%);
      border-radius: var(--br-mini);
      background-color: var(--color-black);
      width: 209px;
      height: 79px;
      opacity: 0.74;
    }
    .awesome-features-to-container {
      position: absolute;
      top: calc(50% );
      left: 20%;
      letter-spacing: -1px;
      line-height: 46px;

      font-size: 30px;
    }
    .about-our-app {
      position: absolute;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      top: calc(-100%);
      left: 21.65%;
      font-size: 80px;
      letter-spacing: 2px;
      font-weight: 100;
      color: rgba(241, 240, 241, 0.6);
    }
    .title {
      position: absolute;
      top: 0;
      left: calc(50% - 357.5px);
      width: 716px;
      height: 199px;
      font-size: var(--font-size-25xl);
    }
    .icon1 {
      top: 0;
      left: calc(20% );
      border-radius: var(--br-3xs);
      background: linear-gradient(225deg, #ffa85b, #ff4182);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
      width: 100px;
      height: 100px;
    }
    .icon1:hover {
      top: 0;
      left: calc(20%);
      border-radius: var(--br-3xs);
      background-color: var(--color-white);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      width: 140px;
      height: 140px;
    }

    .feature {
      bottom: 0;
      left: -50%;
      width: 70%;
      max-height: 80vh;
      overflow-y: auto;
    }
    .chat-with-co-workers {
      position: absolute;
      width: 100.27%;
      top: calc(50% - 76px);
      left: 0;
      letter-spacing: -1px;
      display: inline-block;
    }
    .it-is-a {
      width: 84.05%;
      top: calc(50% - 28px);
      left: 8.11%;
      font-size: var(--font-size-xl);
      letter-spacing: -0.31px;
      font-family: var(--font-roboto-regular);
      color: #d9ddea;
      display: inline-block;
    }
    .icon1,
    .it-is-a,
    .text3 {
      position: absolute;
    }
    .text3 {
      width: 100%;
      right: 0;
      bottom: 0;
      left: 0;
      height: 152px;
    }
    .icon1:hover {
      top: 0;
      left: calc(50% - 70px);
      border-radius: var(--br-3xs);
      background-color: var(--color-white);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      width: 140px;
      height: 140px;
    }
    .feature1 {
      position: absolute;
      bottom: 26px;
      left: calc(10%);
      width: 70%;
      max-height: 80vh;
      overflow-y: auto;
    }
    .there-are-many {
      position: absolute;
      width: 84.05%;
      top: calc(50% - 28px);
      left: 8.11%;
      font-size: var(--font-size-xl);
      letter-spacing: -0.31px;
      font-family: var(--font-roboto-regular);
      color: #d4d8e9;
      display: inline-block;
    }
    .feature2 {
      position: absolute;
      right: -50%;
      bottom: 26px;
      width: 70%;
      max-height: 80vh;
      overflow-y: auto;
    }

  .medical-historydocumentclipb-icon {
    position: absolute;
    top: calc(25.5%);
    left: calc(25%);
    width: 50px;
    height: 50px;
  }

  .new-icon1, .new-icon-2 {
    position: absolute;
    top: 20%;
    right: 20%;
  }
  .skola-is-simply,
  .statistics-widgets1 {
    position: absolute;
    width: 100.21%;
    top: calc(65% - 27px);
    left: 0;
    letter-spacing: -0.31px;
    display: inline-block;
  }
  .statistics-widgets1 {
    top: calc(0% );
    font-size: var(--font-size-25xl);
    letter-spacing: -1px;
    line-height: 46px;
    font-family: var(--font-roboto-medium);
    color: var(--color-white);
  }
  .text {
    position: absolute;
    top: calc(0% );
    left: 0;
    width: 470px;
    height: 206px;
    text-align: left;
    font-size: var(--font-size-xl);
    color: #d0d6e4;
    font-family: var(--font-roboto-regular);
  }
  .graphic-icon {
    position: absolute;
    height: 30%;
    width: calc(40%);
    top: 20%;
    right: 0%;
    bottom: 0;
    left: 0px;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
  }
  .statistics-widgets {
    position: absolute;
    width: calc(100% + 92px);
    top: calc(50% + 313px);
    right: -227px;
    left: 135px;
    height: 887px;
    text-align: center;
    font-size: var(--font-size-base);
    color: var(--color-white);
    font-family: var(--font-poppins);
  }
  .button:hover {
    background-color: rgb(205, 140, 18);
    cursor: pointer;
  }
  .contact-form {
    width: 80%;
    position: absolute;
    bottom: 8%;
    padding: 5%;
    left: 10%;
    min-height: 50vh;
    overflow-y: auto;
    background-color: rgba(211, 211, 211, 0.5);
    border-radius: 15px;
  }
  .contact-form .container {
    width: 100%;
    height: 100%;
    z-index: 1000;
  }
  .names .col-md-6 {
    height: 10%;
  }

  .contact-form .fname { 
    margin-right: 1%;
    left:-3%;
    z-index: 1000;
  }
  .contact-form .row {
    margin-bottom: 3%;
  }
  .contact-form .email {
    z-index: 1000;
    position: absolute;
    top: 0%;
    left: 4%;
  }
 form .holder {
    position: absolute;
    width: 50% ;
    top: 90%;
    overflow: hidden ;

  }
  .contact-form .holder button {
    position: absolute;
    top: 0;
    right: 15%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: rgb(80, 43, 226);
  }
  .contact-form .holder button:hover {
    background-color:rgb(77, 80, 229) ;
  }

  .contact-form input,   .contact-form button, 
  .contact-form textarea {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #3333335b;
  }

  .footer-parent {
    position: absolute;
    width: calc(100% - 200px);
    right: 135px;
    bottom: 123px;
    left: 65px;
    height: 122px;
    text-align: left;
    font-size: 14px;
    color: #cddae3;
    font-family: var(--font-roboto-light);
  }
  .features,
  .get-started2 {
    position: absolute;
    color: var(--color-white);
    text-align: center;
  }
  .features {
    height: 12.19%;
    width: calc(100% - 270px);
    top: 25.3%;
    right: 135px;
    bottom: 62.52%;
    left: 135px;
    font-size: var(--font-size-5xl);
    font-family: var(--font-roboto-medium);
  }
  .get-started2 {
    top: calc(50% - 13.5px);
    left: 33.53%;
    font-size: var(--font-size-base);
    letter-spacing: -1px;
    font-family: var(--font-poppins);
  }
  .button2 {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    bottom: 0;
    border-radius: var(--br-8xs);
    background: linear-gradient(225deg, #ffa85b, #ff4182);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    width: 170px;
  }
  .button2:hover {
    background: linear-gradient(225deg, #ffa85b, #8b284b);
  }
  .copyright-skola {
    position: absolute;
    top: calc(100%);
    left: -50%;
    font-size: 17px;
    letter-spacing: -0.32px;
  }
  .copyright {
    position: absolute;
    bottom: 5px;
    left: -30%;
    top: 100%;
    width: 174px;
    height: 38px;
  }
  .chat-statistics-test {
    position: absolute;
    top: calc(40% - 11.5px);
    left: 0;
    letter-spacing: -1.07px;
  }
  .footer,
  .links {
    position: absolute;
  }
  .links {
    top: calc(100%);
    left: calc(20% );
    width: 216px;
    height: 23px;
    text-align: right;
    font-size: var(--font-size-base);
    color: #d1d4e0;
    font-family: var(--font-poppins-regular);
  }
  .footer {
    width: calc(100% - 170px);
    top: calc(50% - 28px);
    right: 0;
    left: 170px;
    height: 55px;
  }
  .global-health-links-logo {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    width: 144px;
    object-fit: cover;
  }

}
@media (max-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:962px) { /* big landscape tablets, laptops, and desktops */ }