:root {
    --prim_color_laite: #145690;
    --prim_color_dark: #09314b;
    --scn_color_lait: #dfbc5aeb;
    --scn_color-dark: #b5862e;
    /**/
    --blue-lite: #dae5e7;
    --greenbg: #009B4D;
    /**/
    --stckymenu: 00247ec5;
    --tangerine-yellow: #FFCC00;
    --bg-ivory: (#FAF5E9);
    /**/
    --Light-blue: #E9F1FA;
    --bright-blue: #00ABE4;
    /**/
    --col-Beige: #DDD0C8;
    --dark-grey: #323232;
    /**/
    --Neon-blue: #2272FF;
    --black-n: #1D1D1;
    /**/
    --navy-blue: #213F99;
    /**/
    --Blue-grey: #96C2DB;
    --Blue-grey2: #E5EDF1;
    /**/
    --gold: #BFA181;
    --turquoise: #178582;
    /**/
    --Yellow: #FFCE32;
    --Prussian-blue: #1D63FF;
    /**/
    --light-coral-red: #FF595A;
    /**/
    --purple: #4F0341;
    /**/
    --Cardin-Green: #0C1A1A;
    --downy-teal: #6ACFC7;
    /**/
    --global_main_color_btn_text_color: #ffffff;
    --home_text_color: #ffffff;
    --home_third_background_color: #000000;
    --home_custom_image_size: 500px;
    --home_custom_image_width: px;
    --home_text_size_px: 60px;
    --home_text_size_2_px: 10px;
    --slogan_text_size_px: 24px;
    --home_text_size: 60;
    --home_text_size_2: 10;
    --slogan_text_size: 24;
    --home_text_size_px_media: 60px;
    --home_text_size_2_px_media: 10px;
    --slogan_text_size_px_media: 24px;
    --layout_text_align: center;
    --layout_text_align_rtl: center;
    --layout_text_box_width: 100%;
    --layout_left_side_width: 50%;
    --layout_left_side_width_vh: 50vh;
    --homepage_layout_height: 100%;
    --homepage_layout_height_vh: 100vh;
    --homepage_layout_height_menu_space: 0px;
    --mainNavMobileHeight: 0px;
    --homepage_layout_height_opacity_space_top: 0px;
    --homepage_layout_height_opacity_space_bottom: 0px;
    --mobileMenuFontSize: 14px;
    --mobileMenuPagesSpace: 5px;
    --homepageShapeDividerList_Size: 17%;
    --layout_bottom_spacing: 0px;
    --window-height: 100vh;
    --window-width: 100vw;
    --menu_font_size: 15px;
    --menu_pages_space: 5px;
    --menu_pages_side_padding: 15px;
    --menu_pages_letter_spacing: 1px;
    --menu_pages_word_spacing: 0px;
    --menu_thin_border: #2b2b2b;
    --mobileMenuTextAlign: center;
    --menu_text_color: #ffffff;
    --menu_text_hover_color: #7accb1;
    --menu_color: #2b2b2b;
    --modules_color_text: #252525;
    --modules_color_text_second: #252525;
    --inside_modules_color_text: #252525;
    --sectionsPadding: 100px;
    --home_text_top_space_1: 23px;
    --home_text_bottom_space_1: 10px;
    --home_text_top_space_2: 0px;
    --home_text_bottom_space_2: 10px;
    --home_text_top_space_3: 0px;
    --home_text_bottom_space_3: 10px;
    --homepage_padding_top: px;
    --homepage_padding_bottom: px;
    --homepage_main_goal_margin_top: 147px;
    --homepage_main_goal_margin_bottom: 34px;
    --homepage_second_goal_margin_top: 0px;
    --homepage_second_goal_margin_bottom: 0px;
    --modules_color_second: #ffffff;
    --modules_color: #ffffff;
    --footer_back: #2b2b2b;
    --footer_text_hover: #7accb1;
    --footer_links_color: #7accb1;
    --footer_text: #ffffff;
    --home_background_color: #000000;
    --inside_modules_color_box: #ffffff;
    --inside_modules_color_text_box: #252525;
    --module_separate_border_color: #ffffff;
    --modules_color_box: #ffffff;
    --modules_color_second_box: #ffffff;
    --modules_color_text_second_box: #252525;
    --inside_modules_color: #ffffff;
    --modules_color_text_box: #252525;
    --font_logo: Poppins;
    --font_menu: Almarai;
    --global_font: Almarai;
    --font_slogan: Almarai;
    --font_slogan_2: Almarai;
    --font_second_slogan: Mada;
    --font_modules_header: Tajawal;
    --sticky_menu: 1;
    --scrollHeaderSize: 0px;
}

.team_area.style-four {
    background: url(../images/banner/dark-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.more-a a {
    color: #fff;
    position: relative;
    transition: all 0.5s;
    display: inline-block;
    min-width: auto;
    text-align: center;
    padding: 5px 10px;
    font-size: 13px;
    margin-right: 2%;
    z-index: 2;
    overflow: hidden;
    background: var(--prim_color_dark) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #16197600;
    border: 2px solid var(--scn_color_lait);
    border-radius: 5px;
}

.more-a a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    top: 0px;
    right: 0;
    background-color: var(--scn_color_lait);
    transition: all 0.5s;
    z-index: -1;
}

.more-a a:hover,
.more-a a:hover::after {
    color: white;
    font-size: 15px;
}

.more-a a:hover::after {
    width: 100%;
}

.img_icon {
    height: 70%;
}

.bac-h-p {
    background-color: #fff;
    position: relative;
}

.ac-h-p::before {
    background-color: var(--prim_color_laite);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 57%;
    z-index: 1;
}

.bac-h-p::after {
    background-image: url(../images/Blue-Shape-Employers.png);
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 35%;
    z-index: 0;
}

.header-area .header-bottom .left-side .main-menu ul>li a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    top: 0px;
    right: 0;
    color: var(--Light-blue);
    background-color: var(--prim_color_laite);
    transition: all 0.3s;
    z-index: -1;
}

.kamm {
    color: var(--scn_color_lait);
    fill: var(--scn_color_lait)
}

.kamm:hover {
    fill: var(--prim_color_laite);
    color: var(--prim_color_laite);
}

.bac-img-s {
    background-image: url(../images/banner/saudi-arabia-new-company-laws.jpg);
    background-size: cover;
    box-shadow: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.69), 0.1px 0.8px 0.8px -1px hsl(var(--shadow-color) / 0.62), 0.3px 2.4px 2.5px -2.1px hsl(var(--shadow-color) / 0.55), 0.7px 6.2px 6.4px -3.1px hsl(var(--shadow-color) / 0.48);
}

.bac-img-s1 {
    background-image: url(../images/bac/kam.jpg);
    background-size: cover;
    box-shadow: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.69), 0.1px 0.8px 0.8px -1px hsl(var(--shadow-color) / 0.62), 0.3px 2.4px 2.5px -2.1px hsl(var(--shadow-color) / 0.55), 0.7px 6.2px 6.4px -3.1px hsl(var(--shadow-color) / 0.48);
}

.bac-img-s2 {
    background-image: url(../images/bac/kam1.jpg);
    background-size: cover;
    box-shadow: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.69), 0.1px 0.8px 0.8px -1px hsl(var(--shadow-color) / 0.62), 0.3px 2.4px 2.5px -2.1px hsl(var(--shadow-color) / 0.55), 0.7px 6.2px 6.4px -3.1px hsl(var(--shadow-color) / 0.48);
}

.bac-img-s3 {
    background-image: url(../images/bac/kam2.jpg);
    background-size: cover;
    box-shadow: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.69), 0.1px 0.8px 0.8px -1px hsl(var(--shadow-color) / 0.62), 0.3px 2.4px 2.5px -2.1px hsl(var(--shadow-color) / 0.55), 0.7px 6.2px 6.4px -3.1px hsl(var(--shadow-color) / 0.48);
}

.bg-tran-lait {
    background-color: rgba(255, 255, 255, 0.83);
}

.btn-d span {
    z-index: 2;
    position: relative;
    font-size: 90%;
}

.btn.btn-d {
    letter-spacing: .6em;
}

.btn.btn-d .overlay-b {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: var(--Blue-grey);
    transition: .3s;
}

.overlay-b {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: var(--bright-blue);
    transition: .3s;
}

.ct-fancybox-default::before {
    top: 0;
    z-index: 10;
}

.ct-fancybox-default:before,
.ct-fancybox-default:after {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    content: '';
    height: 2px;
    width: 0;
    left: 0;
    right: 0;
    margin: 0;
    position: absolute;
    background-color: var(--scn_color-dark)
}

.ct-fancybox-default:before {
    top: 0;
    margin-top: -0.5%;
}

.ct-fancybox-default:after {
    bottom: 0
}

.ct-fancybox-default .ct-fancybox-inner:before,
.ct-fancybox-default .ct-fancybox-inner:after {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    content: '';
    width: 2px;
    height: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    position: absolute;
    background-color: var(--scn_color-dark)
}

.ct-fancybox-default .ct-fancybox-inner:before {
    right: 0
}

.ct-fancybox-default .ct-fancybox-inner:after {
    left: 0
}

.ct-fancybox-default:hover:before,
.ct-fancybox-default:hover:after {
    width: 100%
}

.ct-fancybox-default:hover .ct-fancybox-inner:before,
.ct-fancybox-default:hover .ct-fancybox-inner:after {
    height: 100%
}

.practice-area1 .icon {
    margin: 0 auto;
    width: 130px;
    height: 130px;
    margin-bottom: 10px;
    background-image: url(../images/back-sh/wk1.png);
    background-size: cover;
    border: 0 solid var(--scn_color-dark);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 20%;
    border-radius: 30%;
}

.practice-area1 .icon span {
    font-size: 50px;
    color: var(--scn_color-dark);
}

.practice-area1 h3 {
    font-size: 20px;
}

.practice-area1 h3 a {
    color: var(--prim_color_dark);
}

.practice-area1:hover .icon,
.practice-area1:focus .icon {
    background-image: url(../images/back-sh/wk2.png);
    background-size: cover;
}

.practice-area1:hover .icon span,
.practice-area1:focus .icon span {
    color: var(--footer_text);
}

.practice-area1 p {
    font-size: 15px;
    word-spacing: 2px;
    text-overflow: ellipsis;
}

.practice-area1 {
    min-height: 100%;
}

.icon_local_ {
    /**/
    width: 20px;
}

.bg-white {
    background-color: #fff!important;
}

.banner_ship1 {
    background-image: url(../images/back-sh/bb.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.banner_ship2 {
    background-image: url(../images/back-sh/pngwing.com\(2\).png);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.word-space-5 {
    word-spacing: 5px;
}

.banner_ship3 {
    background-image: url(../images/back-sh/jj.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-clip: content-box;
    box-shadow: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.69), 0.1px 0.8px 0.8px -1px hsl(var(--shadow-color) / 0.62), 0.3px 2.4px 2.5px -2.1px hsl(var(--shadow-color) / 0.55), 0.7px 6.2px 6.4px -3.1px hsl(var(--shadow-color) / 0.48);
}

.banner_ship4 {
    background-image: url(../images/video-area-bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

.banner_ship_map {
    background-image: url(../images/back-sh/used/map.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

.shadow_lait {
    box-shadow: 0 0 3px #CACACA;
}

.overlay-them {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--prim_color_laite);
    opacity: 0.5;
    border: var(--scn_color-dark) 3px solid;
}

.bg_new {
    background: linear-gradient(135deg, rgb(68, 118, 139) 0%, rgb(12, 68, 127) 100%);
}

.overlay-them:hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--scn_color-dark);
    opacity: 0.5;
    border: var(--scn_color-dark) 3px solid;
}

.overlay-them-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--scn_color-dark);
    opacity: 0.5;
}

.image_fixed {
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home_layout_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--prim_color_dark);
    background-image: linear-gradient(to right, rgba(0, 26, 255, 0.51), rgba(251, 255, 14, 0.521));
    background: var(--prim_color_laite);
    background: linear-gradient(to right, rgba(47, 0, 255, 0.54), rrgba(255, 247, 14, 0.545));
}

.home_layout_overlay_whait {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Blue-grey2);
    background-image: linear-gradient(to left, rgba(131, 139, 212, 0.548), rgba(212, 213, 140, 0.674));
    background: var(--blue-lite);
    background: linear-gradient(to right, rgba(47, 0, 255, 0.54), rgba(255, 247, 14, 0.545));
}

.bac_new_blue {
    z-index: 1;
    position: relative;
    background-image: url(../images/banner/bluebac.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bac_new_blue::before {
    content: "";
    top: 0;
    right: 0;
    opacity: 0.70;
    left: 0;
    bottom: 0;
    background: var(--prim_color_dark);
    z-index: -1;
    position: absolute;
}

l {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.kam_background_overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #033820;
    opacity: 0.75;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.kam_background_overlay {
    pointer-events: none;
}