@font-face {
    font-family:header-text;
    src: url(font/EastmanRomanTrial-Bold.otf);
  }

  @font-face {
    font-family:body-text;
    src: url(font/EastmanRomanTrial-Regular.otf);
  }

  @font-face {
    font-family:body-text-m;
    src: url(font/EastmanRomanTrial-Medium.otf);
  }

  @font-face {
    font-family:body-text-italic;
    src: url(font/EastmanRomanTrial-MediumItalic.otf);
  }


  



  .black-background{
    background-color: black;
    margin-top: 50px;
    padding: 80px 80px 80px 125px;
}

.footer-background{
    background-color: black;
    padding: 80px 80px 80px 125px;  
}

.name-tags{

background: linear-gradient(93deg, rgba(0,124,124,1) 0%, rgba(71,84,103,1) 100%);
border: 1.5px solid #EAECF0;
color: white;
font-family:body-text-m;
border-radius: 7px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
margin-left:50px;

}

.mrg-top{
    margin-top:150px;
    margin-bottom:50px;
}


.hero-header-text{
    font-family:header-text;
    font-size:40px;
    margin-top:30px;
    padding-right:40px;
    padding-left:50px;
    padding-right:50px;
}

.hero-header-body{
    font-family:body-text;
    margin-top: 30px;  
    padding-right:200px; 
    padding-left:50px;
    padding-right:50px;
}

.clients-txt{
    font-family:header-text;
    margin-top: 40px;
    padding-left:50px;
    padding-right:50px;
    color: #007C7C;
  
}

.client-logo{
    width:450px;
    margin-top:20px;
    padding-left:50px;
    padding-right:50px;
}


.hero-img{
    margin-top: 120px;
    width:2000px;
     padding-right:30px;
  }

.line{
    border: 0.5px solid #E0E0E0;
    margin-top:75px;
    margin-bottom:75px;
}

.header-sub-1{
    font-family:header-text;
    margin-top: 100px;
    margin-bottom: 30px;
    padding-left:50px;
    padding-right:50px;
}


.body-sub-1{
    font-family:body-text;
    padding-left:50px;
    padding-right:50px;
}

.header-sub-2{
    font-family:header-text;
    margin-bottom:70px;
    text-align: center;
    color: white;    
}

.img-a1{
width: 500px;
display: block;
margin-left: auto;
margin-right: auto;
}

.icon{
width: 50px;
}

.values-header{
font-family:header-text;
color: #007C7C;
font-size: 17px;
margin-top:25px;

}

.values-body{
font-family:body-text;
color:#FFFFFF;
font-size:15px;
padding-right:100px;
margin-top:20px;
margin-bottom:50px;
}

.header-sub-3{
    font-family:header-text;
    color: #007C7C;
   padding-left:50px;
   margin-top:70px;
   margin-bottom:30px;
}


.values-body-2{
    font-family:body-text;
    color:#475467;
    font-size:15px;
    padding-right:100px;
    margin-top:20px;
    margin-bottom:50px;
    padding-left:50px;
    }

    .values-header-2{
        font-family:header-text;
        color: #007C7C;
        font-size: 17px;
        margin-top:25px;
        padding-left:50px;
        }

.bac-gradient{
    background-image: url(images/gradient-background.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: fit-content;
    background-position: top-center;
    margin-top:30px;
}

.contact-header-text{
    font-family:header-text;
    color: white;
    font-size:35px;
    padding-left:50px;
    margin-top:150px;
    margin-bottom: 25px;
}

.contact-body-text{
    font-family:body-text;
    color: white !important; 
    padding-left:50px;
    margin-bottom: 30px;
}

input{
    width:90%;
    margin-bottom: 30px;
    padding:15px 15px 15px 15px;
    border-radius: 10px;
    border: solid transparent;
    margin-left: 50px !important;
    margin-top:22px !important;
    margin-bottom:22px !important;
    color: #292D32 !important;
    font-size:14px !important;
}

.rqt-btn{
    background-color: #292D32;
    width:90%;
    margin-bottom: 30px;
    padding:15px 15px 15px 15px;
    border-radius: 10px;
    border: solid transparent;
    margin-left: 50px !important;
    margin-top:22px !important;
    margin-bottom:130px !important;
    color: white !important;
    font-size:14px !important;
}

.phone{
    margin-right:20px;
    width:22px;
}

.socials{
    margin-top:20px;
    margin-right:20px;
}

.title-footer{
    font-family:header-text;
    color: #007C7C;
}

li{
    list-style: none !important;
    color: white;
    font-family:body-text;
    font-size: 14px;
    margin-top:28px;
}

.copyright{

    color: white;
    font-size: 14px;

}

.email{
    color: #007C7C;
    text-decoration: underline !important;
}


.bg-menu{
    background-color: white !important;
    margin-bottom:50px;
}

.logo{
    width:90px;
    margin-left: 50px;
    margin-top:20px;
}


.navbar-text{
   color: #475467;
    margin-left:30px;
    font-family:body-text-m;
    font-size:14px;
}

a{
    text-decoration: none !important;
}

.colo-force{
    color: #007C7C !important;
  }

  .span{
    font-family:body-text-italic;
    color: #475467 !important;
  }

  .card-align{
    margin-left:50px;
    margin-top: 55px;
  }

  .card-contact{
    background-color: #F9FAFB;
   padding:30px 50px 50px 30px;
  }

  .contact-line{
    font-family:header-text;
    color:#292D32;
    font-size: 17px;
    margin-top:25px;
    
    }
    

    .body-contact{
        font-family:body-text;
        color: #475467;
        font-size:14px;
        margin-top:30px;
    }

    .link-contact{
        font-family:header-text;
        font-size:14px;
        margin-top:30px;
        color: #007C7C;
    }



/*** css media query for Mobile responsive ***/ 


@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

    .card-align{
        margin-left:10px;
        margin-right:10px;
        margin-top: 50px !important;

      }

      .card-contact{
      margin-bottom: 30px;
      }

    .logo{
        width:70px;
        margin-left: 10px;
        margin-top:20px;
    }
    

    .navbar-text{
        color: #475467;
         margin-left:40px;
         font-family:body-text-m;
         font-size:14px;
    }


    .name-tags{

        background: linear-gradient(93deg, rgba(0,124,124,1) 0%, rgba(71,84,103,1) 100%);
        border: 1.2px solid #EAECF0;
        color: white;
        font-family:body-text-m;
        border-radius: 7px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-left:10px;
        
        }


        .hero-header-text{
            font-family:header-text;
            font-size:20px;
            margin-top:30px;
            padding-right:10px;
            padding-left:10px;
         
        }
        
        .hero-header-body{
            font-family:body-text;
            margin-top: 20px;  
           padding-left:10px;
            padding-right:10px;
            font-size:14px;
        }
        
        .clients-txt{
            font-family:header-text;
            margin-top: 40px;
            padding-left:10px;
            padding-right:50px;
            color: #007C7C;
          
        }
        
        .client-logo{
            width:380px;
            margin-top:20px;
            padding-left:10px;
            padding-right:50px;
        }

        .hero-img{
            margin-top: 70px;
            width:1500px;
             padding-right:30px;
           
          }


          .img-a1{
            width: 350px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            }



            .line{
                border: 0.5px solid #E0E0E0;
                margin-top:50px;
                margin-bottom:50px;
            }
            
            .header-sub-1{
                font-family:header-text;
                margin-top: 50px;
                margin-bottom: 30px;
                padding-left:30px;
                padding-right:10px;
            }
            
            
            .body-sub-1{
                font-family:body-text;
                padding-left:15px;
                padding-right:10px;
                font-size:14px;
            }
            
            .header-sub-2{
                font-family:header-text;
                margin-bottom:70px;
                text-align: left;
                color: white;    
            }




  .black-background{
    background-color: black;
    margin-top: 50px;
    padding: 50px 20px 20px 20px;
}

.header-sub-3{
    font-family:header-text;
    color: #007C7C;
   padding-left:15px;
   margin-top:70px;
   margin-bottom:30px;
}

.values-header-2{
    font-family:header-text;
    color: #007C7C;
    font-size: 17px;
    margin-top:25px;
    padding-left:15px;
    }


    .values-body-2{
        font-family:body-text;
        color:#475467;
        font-size:14px;
        padding-right:10px;
        margin-top:20px;
        margin-bottom:50px;
        padding-left:15px;
        }

        .bac-gradient{
            background-image: url(images/gradient-background.jpeg);
            background-repeat: no-repeat;
            background-size: cover;
            min-height: fit-content;
            background-position:center;
            margin-top:30px;
        }


        .contact-header-text{
            font-family:header-text;
            color: white;
            font-size:35px;
            padding-left:10px;
            margin-top:90px;
            margin-bottom: 25px;
        }
        
        .contact-body-text{
            font-family:body-text;
            color: white !important; 
            padding-left:10px;
            padding-right:20px;
            margin-bottom: 30px;
        }


        input{
            width:95%;
            margin-bottom: 30px;
            padding:15px 15px 15px 20px;
            border-radius: 10px;
            border: solid transparent;
        margin-left:10px !important;
            margin-top:22px !important;
            margin-bottom:22px !important;
            color: #292D32 !important;
            font-size:14px !important;
        }


        .rqt-btn{
            background-color: #292D32;
            width:95%;
            margin-bottom: 30px;
            padding:15px 0px 15px 0px;
            border-radius: 10px;
            border: solid transparent;
            margin-left:10px !important;
            margin-top:22px !important;
            margin-bottom:130px !important;
            color: white !important;
            font-size:14px !important;
        }


        .title-footer{
            font-family:header-text;
            color: #007C7C;
            margin-top: 50px;
          
        }
        
        li{
            list-style: none !important;
            color: white;
            font-family:body-text;
            font-size: 14px;
            margin-top:28px;
        }
        
        .copyright{
        
            color: white;
            font-size: 14px;
        
        }
        
        .email{
            color: #007C7C;
            text-decoration: underline !important;
        }
        

        .footer-background{
            background-color: black;
            padding: 80px 80px 80px 20px;  
        }

}