@font-face {
    font-family: 'Gilroy-Black';
    src: url('../fonts/gilroy/Gilroy-Black.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('../fonts/gilroy/Gilroy-Medium.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../fonts/gilroy/Gilroy-Bold.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-ExtraBold';
    src: url('../fonts/gilroy/Gilroy-ExtraBold.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Regular';
    src: url('../fonts/gilroy/Gilroy-Regular.ttf');
    font-style: normal;
}

html{
    scroll-behavior: smooth;
}


#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #3F9B9A;
    border-color: #3F9B9A;
 
}
#btn-back-to-top:focus{
    box-shadow: none;
}

#btn-back-to-top:hover{
    box-shadow: 0px 1px 16px 6px rgb(73 179 179 / 49%);
}



.green {
    color: #49B3B3;
    background-color: #fff;
    border-radius: 25px;
    padding: 0.5rem 2rem;
    font-family: 'Gilroy-Medium';
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);


}

.green:hover {
    background-color: #49B3B3;
    color: #fff;
    border-color: #49B3B3;
}

.green:focus {
    box-shadow: none;
}

.white {
    color: #fff;
    background-color: #49B3B3;
    border-radius: 25px;
    padding: 0.5rem 2rem;
    font-family: 'Gilroy-Medium';
    box-shadow: 0px 8px 15px rgba(73, 179, 179, 0.49);
}

.white:hover {
    background-color: #fff;
    color: #49B3B3;
    border-color: #fff;
}

.white:focus {
    box-shadow: none;
}

.lorem h2 {
    color: #004747;
    font-family: 'Gilroy-Black';
    font-size: 37.22px;
    line-height: 43.62px;

}

.lorem p {
    color: #747474;
    font-family: 'Gilroy-Medium';
    font-size: 20px;
    line-height: 23.44px;

}

.greek {
    border-radius: 30px;
    background: linear-gradient(#2B9053, #5BB780);
    border-color: #5BB780;

    padding: 0.8rem 2rem;
    color: white;
    font-family: 'Gilroy-Medium';
    box-shadow: 0px 8px 15px rgba(77, 172, 115, 0.63);
}

.greek:hover {
    background: #fff;
    color: #2B9053;
    border-color: #fff;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);

}

.greek:focus {
    box-shadow: none;
}

@media only screen and (max-width: 820px) {
    .svg {
        padding-top: 30px;
    }
}

.ipsum h2 {
    font-family: 'Gilroy-Black';
    font-size: 49.36px;
    text-align: center;
    color: #004747;
    line-height: 50.51px;
    
}



@media only screen and (max-width: 820px) {
   
}

.part h2 {
    color: #000000;
    font-family: 'Gilroy-Bold';
    font-size: 29.69px;
    text-align: center;
    letter-spacing: 44px;


}

.g1,
.g2,
.g3,
.g4 {
    text-align: center;
}

@media only screen and (max-width: 820px) {
    .part h2 {
        letter-spacing: 8px;
    }

    .g3 {
        padding-top: 30px;
    }

}
 
.mac{
margin-top: 2rem;
}
.mac h2 {
    color: #004747;
    font-family: 'Gilroy-ExtraBold';
    font-size: 49.36px;
    line-height: 57.84px;

}

.mac p {
    color: #747474;
    font-family: 'Gilroy-Medium';
    font-size: 22.04px;
    line-height: 44.98px;
}

.greenish {
    border-radius: 51.43px;
    color: #fff;
    background-color: #49B3B3;
    border-color: #49B3B3;
    font-size: 22px;
    font-family: 'Gilroy-Medium';
    padding: 0.5rem 2.2rem;
    box-shadow: 0px 8px 15px rgba(73, 179, 179, 0.49);

}

.greenish:focus {
    box-shadow: none;
    outline: none;
}

.greenish:hover {
    color: #49B3B3;
    background-color: #fff;
    border-color: #fff;
}

.start {
    text-align: center;
}

.greenn {
    border-radius: 51.43px;
    color: #fff;
    background: linear-gradient(#2B9053, #5BB780);
    border-color: #5BB780;
    font-size: 22px;
    font-family: 'Gilroy-Medium';
    padding: 0.6rem 2.2rem;
    box-shadow: 0px 8px 15px rgba(68, 165, 107, 0.51);
}

.greenn:focus {
    box-shadow: none;
}

.greenn:hover {
    color: #2B9053;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-color: #fff;
}

@media only screen and (max-width: 820px) {
    .start {
        padding-top: 30px;
    }

}




.layout {

    max-width: 100%;
    height: auto;
    position: relative;
    background-image: url(../images/Group132.png);
    background-repeat: no-repeat;
      box-shadow: 0px 12px 17px 1px rgb(73 179 179);
      background-size: 100% 101%;
      border-radius: 77px;
      /* overflow: hidden; */
   
}
.butt{
    padding-bottom: 30px;
}
.aus h2{
    color: #FFFFFF;
    font-family: 'Gilroy-ExtraBold';
    font-size: 50.36px;
    line-height: 65.84px;
    
}
.prof img{
     /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.13); */
     
     position: absolute;
         top: -90px;
         height: 142%;
}
.aus p{
    font-size: 20.41px;
    line-height: 41.67px;
    font-family: 'Gilroy-Medium';
    color: #FFFFFF96;
}
.Fm {
    border-radius: 51.43px;
    color: #49B3B3;
   background-color: #FFFFFF;
    border-color: #49B3B3;
    font-size: 22px;
    font-family: 'Gilroy-Medium';
    padding: 0.6rem 2.2rem;
  
}
.butt a .Fm:hover{
    color: #FFFFFF;
    background-color: #49B3B3;
    box-shadow:0px 8px 15px rgba(191, 241, 241, 0.49);
}




.Fm:focus {
    box-shadow: none;
}

.Fm:hover {
    
    color: #49B3B3;
}



.gb {
    background-color: #fff;
    color: #004747;
    font-size: 23.08px;
    padding: .9rem 2.5rem;
    font-family: 'Gilroy-Bold';
}

.gb:hover {
    box-shadow: none;
}

.wht {
    background-color: #3F9B9A;
    color: #FFFFFF;
    font-family: 'Gilroy-Medium';
    font-size: 20.15px;
    padding: 1rem 3rem;

}
.wht:focus{
    box-shadow: none;
}

.wht:hover {
    box-shadow: none;
}

.gb:hover {
    background-color: #3F9B9A;
    color: #FFFFFF;
}
.gb:focus{
    box-shadow: none;
}

.wht:hover {
    color: #3F9B9A;
    background-color: #FFFFFF;
}

.left {
    text-align: end;
}

@media only screen and (max-width: 820px) {
    .log {
        text-align: center;
    }

    .left {
        text-align: center;
    }
}

.suscribe h2 {
    color: #004747;
    font-family: 'Gilroy-Bold';
    font-size: 26.08px;
    line-height: 30.57px;
}

#sus {
    background-color: #49B3B342;
    border-radius: 25px;
}

.suscribe {
    padding-top: 22px;

    padding-left: 20px;
    padding-right: 20px
}

.serve li {
    color: #747474;
    font-family: 'Gilroy-Regular';
    font-size: 17.78px;
    line-height: 51.84px;
    list-style: none;


}

.text {
    color: #747474;
    font-family: 'Gilroy-Regular';
    text-decoration: none;
}

.text:hover {
    color: #747474;
    font-family: 'Gilroy-Regular';
}

.ser {
    color: #004747;
    font-size: 20.15px;
    line-height: 20.84px;
    font-family: 'Gilroy-Bold';
}


.text1 {
    color: #004747;
    font-family: 'Gilroy-Bold';
    text-decoration: none;
}
.text2{
    color: #004747;
    font-family: 'Gilroy-Bold';
    text-decoration: none;
    padding-left: 7px;
}
.text2:hover {
    color: #004747;

}

.text1:hover {
    color: #004747;

}

.form-control {
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: none;
    background-color: transparent;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: none;
}

.path {
    background-color: #004747;
    width: 66.38px;
    height: 58.99px;

}

.path:focus {
    box-shadow: none;
}

#patt {
    color: white;
    font-size: 14px;
}

.icons {
    text-align: end;
}

.term p {
    font-family: 'Gilroy-Regular';
    font-size: 17.78px;


}

.term p a {
    text-decoration: none;
    color: #747474;
}

.icons a {
    color: #000000;
    text-decoration: none;


}

@media only screen and (max-width: 820px) {
    .icons {
        text-align: center;
    }

    .serve {
     
        padding-left: 0rem;
    }

    .term {
        text-align: center;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 820px){
    .aus h2{
        font-size: 39.36px;
        line-height: 42.84px;
    }
    .aus p{
        font-size: 16.41px;
        line-height: 38.67px;
    }
    .butt{
        padding-bottom: 10px;
    }
    .prof{
        text-align: center;
    }
    .prof img{
        height: 350px;
        position: unset;
    }
}
@media only screen and (max-width: 820px){
    .con-1{
        padding-top: 20px;
    }
}