@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    outline: none;
    list-style: none;
    color: #000000;
}
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
}
.container{
    width: 100%;
    max-width: 1280px !important;
}
:root{
    --nav-text-color: rgba(255, 255, 255, 1); 
    --gary-200:#D1D1D1;
    --gray-100: #E7E7E7;
    --gray-900: #3D3D3D;
    --x-dark-gray:#333333;
    --footer-links:rgba(246, 246, 246, 1);
    --title-span: rgba(229, 78, 26, 1);
    --global-white: rgba(255, 255, 255, 1);
    --global-title: rgba(18, 18, 18, 1);
    --global-paragraph: rgba(109, 109, 109, 1);
    --gray-title:rgba(79, 79, 79, 1);
    --font-blue:rgba(0, 91, 150, 1);
    --border-blue: rgba(0, 91, 150, 1);
    --dark-gray: rgba(93, 93, 93, 1);
    --x-dard-gray:rgba(61, 61, 61, 1);
    --red-color: rgba(255, 36, 0, 1);
    --dark-orange:rgba(229, 78, 26, 1);
    --light-gray: rgba(209, 209, 209, 1);
    --link-blue:#1570EF;
    --gray-950:#262626;
    --gray-300: #B0B0B0;
}
.text_gray_300{
    color: var(--gray-300);
}
.text_gray_950{
    color: var(--gray-950);
}
.text__blue{
    color: var(--link-blue);
}
.text_light_gray{
    color: var(--light-gray);
}
.text_gray_100{
    color: var(--gray-100);
}
.text_gray_200{
    color: var(--gary-200);
}
.text_x_gray{
    color: var(--x-dark-gray);
}
.text_gray_900{
    color: var(--gray-900);
}
.orange_on_hover{
    color: var(--dark-orange);
}
.text_footer_links{
    color: var(--footer-links);
}
.text_error{
    color: var(--red-color);
}
.text_x_dark{
    color: var(--x-dard-gray);
}
.text_dark_gray{
    color: var(--dark-gray);
}
.text_x_dark{
    color: var(--x-dard-gray);
}
.nav-text-color{
    color: var(--nav-text-color);
}
.text_global_white{
    color: var(--global-white);
}
.text_title_span{
    color: var(--title-span);
}
.text_global_title{
    color: var(--global-title);
}
.text_global_description{
    color: var(--global-paragraph);
}
.text_blue{
    color: var(--font-blue);
}
.text_gray_title{
    color: var(--gray-title);
}
/* @font-face {
    font-family:  'Ghawar', sans-serif;
    src: url('../font/Ghawar-Black.woff');
} */
@font-face {
    font-family:  'Ghawar';
    src: url('../font/Ghawar-Bold.woff') format('woff');
    font-weight: 700;
}
/* @font-face {
    font-family:  'Ghawar', sans-serif;
    src: url('../font/Ghawar-Hairline.woff');
}
@font-face {
    font-family:  'Ghawar', sans-serif;
    src: url('../font/Ghawar-Heavy.woff');
}
@font-face {
    font-family:  'Ghawar', sans-serif;
    src: url('../font/Ghawar-Hefty.woff');
}
@font-face {
    font-family:  'Ghawar', sans-serif;
    src: url('../font/Ghawar-Light.woff');
} */
@font-face {
    font-family:  'Ghawar';
    src: url('../font/Ghawar-Light.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family:  'Ghawar';
    src: url('../font/Ghawar-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family:  'Ghawar';
    src: url('../font/Ghawar-SmeiBold.woff') format('woff');
    font-weight: 600;
}
/* ----------- */
@font-face {
    font-family:  'Manifa';
    src: url('../font/ManifaPro2_2.224-Regular.otf') format('opentype');
    font-weight: 400;
}
@font-face {
    font-family:  'Manifa';
    src: url('../font/ManifaPro2_2.224-SemiBold.otf') format('opentype');
    font-weight: 600;
}

@font-face {
    font-family:  'Manifa';
    src: url('../font/ManifaPro2_2.224-Regular.ttf') format('truetype');
    font-weight: 400;
}
.font_Inter{
    font-family: Inter;
}
.font_poppins{
    font-family: Poppins;
}
.font__ghawar{
    font-family:  'Ghawar';
}
.font__manifa{
    font-family:  'Manifa';
}
.font__14_400{
    font-size: 14px;
    font-weight: 400;
}
.font__14_500{
    font-size: 14px;
    font-weight: 500;
}
.font__16_300{
    font-size: 16px;
    font-weight: 300;
}
.font__16_400{
    font-size: 16px;
    font-weight: 400;
}
.font__16_500{
    font-size: 16px;
    font-weight: 500;
}
.font__16_600{
    font-size: 16px;
    font-weight: 600;
}
.font__17_400{
    font-size: 17px;
    font-weight: 400;
}
.font__17_500{
    font-size: 17px;
    font-weight: 500;
}
.font__18_300{
    font-size: 18px;
    font-weight: 300;
}
.font__18_400{
    font-size: 18px;
    font-weight: 400;
}
.font__18_500{
    font-size: 18px;
    font-weight: 500;
}
.font__18_600{
    font-size: 18px;
    font-weight: 600;
}
.font__20_300{
    font-size: 20px;
    font-weight: 300;
}
.font__20_400{
    font-size: 20px;
    font-weight: 400;
}
.font__20_500{
    font-size: 20px;
    font-weight: 500;
}
.font__20_600{
    font-size: 20px;
    font-weight: 600;
}
.font__20_700{
    font-size: 18px;
    font-weight: 600;
}
.font__22_400{
    font-size: 22px;
    font-weight: 400;
}
.font__22_500{
    font-size: 22px;
    font-weight: 500;
}
.font__22_600{
    font-size: 22px;
    font-weight: 600;
}
.font__24_400{
    font-size: 24px;
    font-weight: 400;
}
.font__23_500{
    font-size: 23px;
    font-weight: 500;
}
.font__24_500{
    font-size: 24px;
    font-weight: 500;
}
.font__24_600{
    font-size: 24px;
    font-weight: 600;
}
.font__24_700{
    font-size: 24px;
    font-weight: 500;
}
.font__28_500{
    font-size: 28px;
    font-weight: 500;
}
.font__28_600{
    font-size: 28px;
    font-weight: 600;
}
.font__32_400{
    font-size: 32px;
    font-weight: 400;
}
.font__32_500{
    font-size: 32px;
    font-weight: 500;
}
.font__42_400{
    font-size: 42px;
    font-weight: 400;
}
.font__42_500{
    font-size: 42px;
    font-weight: 500;
}
.font__48_400{
    font-size: 48px;
    font-weight: 400;
}
.font__48_500{
    font-size: 48px;
    font-weight: 500;
}
.font__48_600{
    font-size: 48px;
    font-weight: 600;
}
.font__60_600{
    font-size: 60px;
    font-weight: 600;
}
.font_72_300{
    font-size: 72px;
    font-weight: 300;
}
.pt_12{
    padding-top: 12px;
}
.pt_16{
    padding-top: 16px;
}
.mx__792{
    max-width: 792px;
    width: 100%;
    margin: auto;
}
.mx__845{
    max-width: 845px;
    width: 100%;
    margin: auto;
}
.mt_32{
    margin-top: 32px;
}
.mt_35{
    margin-top: 35px;
}
.mt_40{
    margin-top: 40px;
}
.mx__800{
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.mx_837{
    max-width: 837px;
}
.mx__845{
    max-width: 845px;
    width: 100%;
    margin: 0 auto;
}
.mx_871{
    max-width: 871px;
}
.mx__952{
    max-width: 952px;
    width: 100%;
    margin: 0 auto;
}
.mx__993{
    max-width: 993px;
    width: 100%;
    margin: auto;
}
.mt_8{
    margin-top: 8px;
}
.mt_10{
    margin-top: 10px;
}
.mt_16{
    margin-top: 16px;
}
.mb_16{
    margin-bottom: 16px;
}
.mt_60{
    margin-top: 65px;
}
.mt_65{
    margin-top: 65px;
}
.mt_20{
    margin-top: 20px;
}
.mt_24{
    margin-top: 24px !important;
}
.mt_28{
    margin-top: 28px;
}
.mt_30{
    margin-top: 30px;
}
.mt_67{
    margin-top: 67px;
}
.mt_71{
    margin-top: 71px;
}
.pt_30{
    padding-top: 30px;
}
.pb_100{
    padding-bottom: 50px !important;
}
.mt_36{
    margin-top: 36px;
}
.mt_135{
    margin-top: 135px;
}
.w_h_20{
    width: 20px;
    height: 20px;
}
.w_h_24{
    width: 24px;
    height: 24px; 
}
.w_h_56{
    width: 56px;
    height: 56px;
}
.w_348{
    width: 100%;
    max-width: 348px;
}
.mx_1010{
    width: 100%;
    max-width: 1010px;
    margin: auto;
}
.p_lrtb{
    padding: 0px 15px 0px 15px !important;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.p_lr{
    padding: 0px 15px 0px 15px !important;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.border__50{
    border-radius: 50%;
}
.border__8{
    border-radius: 8px;
}
.border__solid_blue{
    border: 1px solid var(--border-blue);
}
.border_solid_white{
    border: 1px solid rgba(255, 255, 255, 1);
  }
  .border_top_1_gray{
    border-top: 1px solid #D1D1D1;
  }
.title{
    text-align: center;
}
.w_h_30{
    width: 30px;
    height: 30px;
}
.w_h_34{
    width: 34px;
    height: 34px;
}
.w_h_36{
    width: 36px;
    height: 36px;
}
.w_h_40{
    width: 40px;
    height: 40px;
}
.w_h_48{
    width: 48px;
    height: 48px;
}
.w_h_50{
    width: 50px;
    height: 50px;
}
.truncated-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(5 * 1.2em); 
    line-height: 1.2em; 
}
.services_truncated-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(5 * 1.2em); 
    line-height: 1.2em; 
}
.padd_tb_40{
    padding: 40px 0px;
}
.padd_tb_60{
    padding: 60px 0px;
}
.mt_80{
    margin-top: 80px;
}
/* .image__responsive{
    width: 100%;
    height: auto;
} */
.truncated-text__1_line {
    display: inline-block;
    max-width: 36ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
  }