@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Paytone+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Paytone+One&family=Rubik+Wet+Paint&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.CONTEINER {
    width: 100%;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}
.BG {
    width: 100%;
    background-image: linear-gradient(to left bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7);
    padding: 0;
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------HEADER----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

.HEADER {
    width: 100%;
    display: flex;
    padding: 5px;
    background-image: linear-gradient(to left bottom, #3783b7, #307db2, #2977ad, #2271a7, #196ba2);
    border-bottom: 6px solid #135582;
}
.HEADER_1 {
    width: 40%;
    display: flex;
}
.HEADER_2 {
    width: 50%;
    display: flex;
    align-items: center;
}

.boxlogo {
    width: 40%;
    margin: auto;
    display: block;
}
.logo {
    width: 140px;
    padding: 10px;
    margin: 10px auto;
    display: block;
    animation: loguito .5s ease-in-out alternate;
}
@keyframes rotacion {
    from {
        margin-left: 10px;
        transform: rotateZ(0deg);
    }
    to {
        margin-left: 80px;
        transform: rotateZ(360deg);
    }
}
@keyframes loguito {
    0% {scale: 0.1;transform: rotateZ(0deg);}
    100% {scale: 1.4;transform: rotateZ(360deg)}
}

/*----------------------------------------------------------------------------*/
/*-------------------------------------FIN------------------------------------*/
/*------------------------------------HEADER----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.BANNER {
    width: 100%;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.box_banners {
    width: 300%;
    display: flex;
    animation: cambi 12s infinite alternate;
    animation-timing-function: ease-in-out;
    transition: all .5s;
    margin: auto;
    padding: 0;
}

.banner1 {
    width: 100%;
    height: 400px;
    position: relative;
    display: block;
    margin: 0 auto;
}
.bnnr {
    width: 100%;
    display: block;
    margin: auto;
}
.Bnn1_Request_Quote {
    width: 160px;
    text-align: center;
    text-decoration: none;
    margin: 30px auto;
    color: white;
    font-size: 18px;
    font-weight: 400;
    background-image: linear-gradient(to left bottom, #255d97, #215993, #1c548f, #18508b, #134c87);
    padding: 10px;
    border-radius: 7px;
    display: block;
    position: absolute;
    bottom: 10%;
    right: 30%;
    animation: promo 0.3s ease-in-out infinite alternate;
    box-shadow: #222222 2px 2px 1px;
    z-index: 1;
}
.banner2 {
    width: 100%;
    max-width: 1600px;
    background-color: #6e2f80;
    position: relative;
    display: block;
    margin: auto;
}
.banner3 {
    width: 100%;
    max-width: 1600px;
    background-color: #95e451;
    position: relative;
    display: block;
    margin: auto;
}


@keyframes cambio {
    0% {margin-left: 0;}
    33% {margin-left: 0;}
    
    34% {margin-left: -100%;}
    75% {margin-left: -100%;}
    
    76% {margin-left: -200%;}
    100% {margin-left: -200%;}
}

/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------SECCIONS----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.Whoweare {
    width: 100%;
    display: block;
    margin: 30px auto;
}
.Tittle {
    width: 60%;
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    font-size: 40px;
    font-family: "Merriweather", serif;
    font-weight: 600;
    font-style: normal;
    color: #124261;
    border-bottom: #124261 5px solid;
}
.Box_Text {
    width: 60%;
    margin: 50px auto;
    padding: 5px;
    
}
.check_icon {
    width: 25px;
    display: inline-block;
    margin: auto 10px;
}
.BackGround_Text_list {
    width: 100%;
    background-image: url(Split_HVAC_MasterAppli.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.Text_List_Info {
    width: 100%;
    background: #124161be;
}
.Company_Bold {
    width: 100%;
    color: #124261;
}
.Text_Company {
    width: 100%;
    display: block;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    color: #202020;
    letter-spacing: 1px;
    text-align: justify;
    padding: 20px;
}
.FootTittle {
    width: 100%;
    display: inline-block;
    justify-self: center;
    color: rgb(255, 255, 255);
    margin: 10px auto;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
   
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------SECCION---------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.Services {
    width: 100%;
    display: block;
    margin: 30px auto;
    padding-bottom: 60px;
}
.Box_Ico {
    width: 80%;
    display: flex;
    gap: 10px;
    margin: 30px auto;
    flex-wrap: wrap;
}
.Ico {
    width: 250px;
    margin: 10px auto;
    display: block;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 20px;
}
.Icono {
    width: 100px;
    display: block;
    margin: auto;
    border-radius: 50%;
    border: #2f6080 5px solid;
    padding: 5px;
}
.more_info {
    width: 100%;
    display: block;
    text-decoration: none;
    color: white;
    background-color: #124261;
    padding: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
}
.IcoText {
    width: 100%;
    text-align: center;
    color: #124261;
    font-size: 20px;
    margin: 20px auto;
    padding: 5px;
}
.IcoDetail {
    width: 90%;
    display: block;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #202020;
    text-align: center;
    padding: 5px;
    margin: 10px auto;
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------SERVICES--------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.Box_Services {
    width: 80%;
    margin: 50px auto;
    display: flex;
    gap: 30px;
    padding: 10px;
}
.TITULO_SERVICIO {
    width: 100%;
    margin: 20px auto;
    padding: 5px;
    text-align: center;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 28px;
    font-weight: bold;
}
.SERVICE_A {
    width: 50%;
    padding: 5px;
    display: block;
    background-image: linear-gradient(to right top, #124261, #194d6f, #1f577c, #26638b, #2c6e99);
}
.SERVICE_B {
    width: 50%;
    padding: 5px;
    display: block;
    background-image: linear-gradient(to left bottom, #60d8d2, #54cdc7, #48c2bc, #3cb8b2, #2eada7);
}
.BOX_AC {
    width: 100%;
    display: block;
}

.AC_IMG {
    width: 400px;
    display: block;
    margin: auto;
}
.Contactar {
    width: 400px;
    margin: auto;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #f71111, #f31010, #ef0e0e, #eb0d0d, #e70b0b);
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 26px;
    font-weight: 600;
    padding: 10px;
    letter-spacing: 1px;
}
.TEXT_AC {
    width: 400px;
    display: block;
    padding: 5px;
    text-align: center;
    margin: 20px auto;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-weight: 500;
}

.AquaFeel_Box {
    width: 80%;
    display: block;
    margin: 50px auto;
    border: 10px solid #124261;
    padding: 20px;
}
.AquaFeel_Box_Titulo {
    width: 100%;
    display: flex;
    justify-items: center;
}
.Gota_Aqua {
    width: 50px;
    display: none;
    margin: auto;
    border: red 3px solid;
    justify-items: center;
}
.AquaFeel_Titulo {
    width: 60%;
    text-align: center;
    background-image: linear-gradient(to right top, #124261, #134d72, #145884, #156396, #176fa8);
    color: white;
    font-size: 30px;
    padding: 10px;
    display: block;
    margin: auto;
}
.AquaFeel {
    width: 80%;
    display: flex;
    justify-content: center;
    margin: auto;
}
.AquaFeel_Texto {
    width: 50%;
    display: block;
}
.AquaFeel_P {
    width: 100%;
    font-size: 18px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    color: #383838;
    font-weight: 400;
    margin: 30px auto;
    padding: 5px;
}
.AquaFeel_Imagen {
    width: 50%;
    display: block;
    position: relative;
}
.AquaFeel_I {
    width: 400px;
    display: block;
    margin: auto; 
}
.AquaFeel_Tag {
    width: 150px;
    height: 150px;
    background-image: url(HotSell.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30px;
    right: 0px;
    animation: promo 0.9s ease-in-out infinite alternate;
}
.AquaFeel_Contact {
    width: 160px;
    text-align: center;
    text-decoration: none;
    margin: 30px auto;
    color: white;
    font-size: 18px;
    font-weight: 600;
    background-color: #e01313;
    padding: 7px;
    border-radius: 10px;
    display: block;
    box-shadow: rgb(38, 38, 38) 2px 2px 4px;
}
@keyframes promo {
    0% {transform: scale(0.9);}
    100% {transform: scale(1.1);}
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*-------------------------------GAS REFRIGERANTE-----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.GasRefrigerante_Box {
    width: 80%;
    display: block;
    margin: auto;
}
.GasRefrigerante_Titulo {
    width: 60%;
    margin: auto;
    text-align: center;
    background-image: linear-gradient(to right top, #124261, #134d72, #145884, #156396, #176fa8);
    color: white;
    font-size: 30px;
    padding: 10px;
    display: block;
    margin: auto;
}
.GasRefrigerante_Detalle {
    width: 80%;
    margin: 50px auto;
}
.GasRefrigerante_Box1 {
    width: 100%;
    display: block;
}
.GasRefrigerante_Descripcion {
    width: 100%;
    color: #161616;
    padding: 10px;
    margin: 10px auto;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #383838;
    text-align: justify;
}
.GasRefrigerante_Box2 {
    width: 100%;
    display: flex;
    gap: 20px;
}
.GR_Box2_A {
    width: 50%;
    display: block;
    padding: 10px;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #212121;
}
.GR_Box2_B {
    width: 50%;
    display: block;
}
.Gases_Refrigerantes {
    width: 100%;
    margin: auto;
    background-color: #52c2bb;
}
.Tipos_De_Gases_Refrigerantes {
    width: 100%;
    font-size: 16px;
    color: #252525;
    justify-content: center;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}
.Tipos_De_Gases_Refrigerantes_A {
    border: #00d6e9 4px solid;
    padding: 5px;
    font-size: 16px;
    background-color: #c3f0f4;
    text-align: justify;
}
.Tipos_De_Gases_Refrigerantes_B {
    border: #ff90ad 4px solid;
    padding: 5px;
    font-size: 16px;
    background-color: #fce2e9;
    text-align: justify;
}
.Tipos_De_Gases_Refrigerantes_C {
    border: #f65530 4px solid;
    padding: 5px;
    font-size: 16px;
    background-color: #fcd2c8;
    text-align: justify;
}
.Tipo_De_Gases_404a {
    width: 100%;
    font-size: 18px;
    font-weight: 900;
    color: #00d6e9;
}
.Tipo_De_Gases_410a {
    width: 100%;
    font-size: 18px;
    font-weight: 900;
    color: #ff90ad;
}
.Tipo_De_Gases_134a {
    width: 100%;
    font-size: 18px;
    font-weight: 900;
    color: #f65530;
}
.Compra_GasRefrigerante {
    width: 180px;
    text-align: center;
    text-decoration: none;
    margin: 30px auto;
    color: white;
    font-size: 18px;
    font-weight: 600;
    background-image: linear-gradient(to left bottom, #e01313, #c91213, #b21112, #9b1011, #850f0f);
    padding: 7px;
    border-radius: 10px;
    display: block;
    animation: promo 0.3s ease-in-out infinite alternate;
    animation-delay: 1s;
}
.Ask4_GAS {
    font-size: 16px;
    font-weight: 400;
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------FOOTER----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.background_imgCompany {
    width: 80%;
    display: block;
    margin: auto;
    background-image: url(BackGroundOffice.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Info_Company {
    width: 100%;
    display: flex;
    margin: 20px auto;
    padding-top: 30px;
    background: #08375ecf;
}
.BoxA_Info {
    width: 50%;
}
.BoxA_Info h3 {
    width: 100%;
    font-size: 26px;
    text-align: center;
    color: #ffffff;
    font-weight: 800;
}
.footer_text {
    width: 90%;
    margin: auto;
    display:block;
    text-align: center;
    color: #ffffff;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
}
.BoxA_Info p {
    width: 90%;
    font-size: 18px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    padding: 10px 20px;
    margin: 10px auto;
    color: white;
}
.BoxB_Info {
    width: 50%;
}
.Img_Info {
    width: 500px;
    margin: auto;
    display: block;
    border: 10px solid white;
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------MINISHOW--------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.Products_MiniShow {
    width: 100%;
    padding: 30px 0px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.Box_SlideShow {
    width: 300%;
    display: flex;
    animation: cambio 10s infinite alternate;
    animation-timing-function: ease-in-out;
    transition: all .5s;
    margin: auto;
    padding: 0;
}
.SlideShow {
    width: 100%;
    position: relative;
    display: flex;
    margin: auto;
}

.Box_Product_Show {
    width: 300px;
    display: block;
    margin: auto;
    padding: 20px 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none;
    border-radius: 10px;
}
.Product_Img_Show {
    width: 200px;
    display: block;
    margin: auto;

}
.Name_Product_Show {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #124261;
    text-decoration: none;
}
.Detail_Product_Show {
    width: 100%;
    display: block;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 10px;
    color: #161616;
}
.Codigo_Product_Show {
    width: 100%;
    color: #383838;
}
.Price_Product_Show {
    width: 120px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: center;
    color: white;
    background: #e01e1e;
    border-radius: 5px;
    margin: auto;
    padding: 5px;
}
.Box_SlideShow {
    width: 300%;
    display: flex;
    animation: cambio 10s infinite alternate;
    animation-timing-function: ease-in-out;
    transition: all .5s;
    margin: auto;
    padding: 0;
}
.SlideShow {
    width: 100%;
    position: relative;
    display: flex;
    margin: auto;
}

.Box_Product_Show_Mini {
    width: 300px;
    display: block;
    margin: auto;
    padding: 20px 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none;
    border-radius: 10px;
}
.Product_Img_Show_Mini {
    width: 200px;
    display: block;
    margin: auto;

}
.Name_Product_Show_Mini {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #124261;
    text-decoration: none;
}
.Detail_Product_Show_Mini {
    width: 100%;
    display: block;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 10px;
    color: #161616;
}
.Codigo_Product_Show_Mini {
    width: 100%;
    color: #383838;
}
.Price_Product_Show_Mini {
    width: 120px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: white;
    background: #e01e1e;
    border-radius: 5px;
    margin: auto;
    padding: 5px;
}
@keyframes cambio_sencillo {
    0% {margin-left: 0;}
    50% {margin-left: 0;}

    51% {margin-left: -100%;}
    100% {margin-left: -100%;}
}
/*----------------------------------------------------------------------------*/
/*------------------------------------INICIO----------------------------------*/
/*------------------------------------FOOTER----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.BackGround_Footer {
    width: 100%;
    display: block;
    background-image: url(HVAC_Footer_BackGround.png);
    background-size: cover;
}
.FOOTER {
    width: 100%;
    background: #ecececd3;
    color: #161616;
}
.FOOTER_1 {
    width: 100%;
    background: #124261;
    display: flex;
    align-items: center;
}
.siguenos {
    width: 25%;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    justify-self: center;
    padding: 5px 10px;
}
.footer_redes {
    width: 75%;
    display: flex;
    justify-content: right;
    padding: 5px 10px;
}
.redesociales {
    width: 40px;
    height: 40px;
    display: inline-block;
}
.redesociales:hover {
    border: #ffffff 3px solid;
}
.redesociales img {
    width: 100%;
    height: 100%;
    padding: 5px;
    display: block;
}
.FOOTER_2 {
    width: 100%;
    margin: auto;
    display: flex;
}
.footer_company {
    width: 33%;
    margin: 20px auto;
    padding: 5px;
}
.footer_support {
    width: 33%;
    margin: 20px auto;
}
.footer_contact {
    width: 33%;
    margin: 20px auto;
}
.footer_titulo {
    width: 100%;
    text-align: center;
    margin: 20px auto;
    padding: 5px;
    font-size: 14px;
    font-weight: 700;
    color:#124261;
}
.footer_texto {
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
}
.footer_logo {
    width: 140px;
    display: block;
    margin: 30px auto;
}
.footer_links {
    width: 70%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px auto;
}
.footer_link {
    width: 100%;
    color: #161616;
    display: block;
    text-decoration: none;
    text-align: left;
    margin: 2px auto;
    padding: 5px;
    border-radius: 10px 10px 10px 10px;
    font-size: 14px;
    font-weight: 400;
}
.footer_link:hover {
    background: #124261;
    color: white;
}
.FOOTER_3 {
    width: 100%;
    color: #161616;
    text-align: center;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
}
.FOOTER_3 p {
    width: 80%;
    border-top: #161616 solid 3px;
    margin: auto;
    padding-top: 5px;
}
.Create_By {
    text-decoration: none;
    color: #124261;
    font-weight: 600;
}
.footer_cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.contacto {
    width: 80%;
    padding: 5px;
    margin: 3px auto;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
}
.contacto img {
    width: 40px;
    padding: 3px;
    display: block;

}
.contacto p {
    width: 100%;
    font-size: 14px;
    padding: 3px 9px;
}
/*----------------------------------------------------------------------------*/
/*-------------------------------------FIN------------------------------------*/
/*------------------------------------FOOTER----------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.BackGround_Service {
    width: 50%;
    display: block;
    margin: auto;
}
.Clean_Service_Image {
    width: 100%;
    display: block;
    border-radius: 20px;
}
.Get_Quote {
    width: 400px;
    margin: 30px auto;
    color: #ffffff;
    background-image: linear-gradient(to top, #e31919, #d71616, #cc1413, #c01111, #b50e0e);
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 26px;
    font-weight: 600;
    padding: 10px;
    letter-spacing: 1px;
    border-radius: 10px;
    animation: Quote 2s ease-in-out infinite alternate;
}
@keyframes Quote {
    0% {transform: scale(0.9);}
    100% {transform: scale(1);}
}
.Ask4 {
    font-weight: 300;
    font-size: 18px;
}
.Tittle_Jobs {
    width: 60%;
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    font-size: 40px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 900;
    font-style: normal;
    background: linear-gradient(to right, #124261, #3c83b2);
    background-clip: text;
    color: transparent;
    border-bottom: #124261 5px solid;
}
.Jobs {
    width: 100%;
    display: block;
    margin: 30px auto;
    padding-bottom: 60px;
}
.Tittle_J {
    width: 60%;
    margin: 50px auto;
    padding: 10px;
    text-align: left;
    font-size: 35px;
    font-family: "Merriweather", serif;
    font-weight: 600;
    font-style: normal;
    color: #124261;
    border-bottom: #124261 5px solid;
}
.Box_Jobs {
    width: 70%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.Job_Available {
    width: 400px;
    margin: auto;
    background-color: #f9f9f9;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.Tittle_Job {
    width: 100%;
    text-align: left;
    background-color: #e4e4e4;
    color: #124261;
    font-size: 20px;
    padding: 10PX;
}
.Numbers_Vacants {
    width: 100%;
    font-size: 16px;
    color: #124261;
    padding: 10px;
    font-weight: 400;
}
.Description_Job {
    width: 100%;
    font-size: 16px;
    color: #222222;
    padding: 10px;
    text-align: justify;
}
.Apply_jobs {
    width: 180px;
    padding: 10px;
    color: white;
    font-weight: 800;
    background-color: #124261;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin: 20px auto;
    display: block;
}
.Tittle_Services {
    width: 60%;
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    font-size: 40px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 900;
    font-style: normal;
    background: linear-gradient(to right, #124261, #3c83b2);
    background-clip: text;
    color: transparent;
    border-bottom: #124261 5px solid;
}
.Work_with_us_Image {
    width: 80%;
    display: block;
    border-radius: 10px;
    margin: auto;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*-----------------------------------PRODUCTS.PHP-----------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.Product_Master {
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.Product {
    width: 300px;
    display: block;
    margin: 30px auto;
    padding: 20px 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none;
    border-radius: 10px;
}
.Section_Products ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.List {
    list-style: none;
    background-color: #1c689a;
    padding: 12px 20px;
    margin: 5px;
    letter-spacing: 1px;
    cursor: pointer;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    border: #255d97 2px solid;
    transition: all ease-in .2s;
}
.active {
    background-color: white;
    color: #1c689a;
}
.hide {
    display: none;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.Icono_Service {
    width: 80%;
    max-width: 120px;
    min-width: 120px;
    display: block;
    margin: auto;
    padding: 5px;
}
.IcoText_Service {
    width: 80%;
    text-align: center;
    color: white;
    background-color: #124261;
    font-size: 16px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 5px;
}
.IcoDetail_Service {
    width: 100%;
    display: block;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: #383838;
    text-align: center;
    padding: 5px;
    margin: 10px auto;
}
.Tittle_about {
    width: 60%;
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    font-size: 40px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 900;
    font-style: normal;
    background: linear-gradient(to right, #124261, #3c83b2);
    background-clip: text;
    color: transparent;
    border-bottom: #124261 5px solid;
}