:root {
     --prim_color_laite: #145690;
     --prim_color_dark: #09314b;
     --scn_color_lait: #dfbb5a;
     --scn_color-dark: #b5862e;
     /**/
     --blue-lite: #dae5e7;
     --greenbg: #009B4D;
     /**/
     --stckymenu: 00247ec5;
     --tangerine-yellow: #ffc845;
     --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;
     --shadow-color: 286deg 36% 40%;
     --shadow-elevation-low: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.66), 0.1px 0.4px 0.4px -1.6px hsl(var(--shadow-color) / 0.57), 0.1px 1.2px 1.2px -3.1px hsl(var(--shadow-color) / 0.48);
     --shadow-elevation-medium: 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);
     --shadow-elevation-high: 0px 0.2px 0.2px hsl(var(--shadow-color) / 0.64), 0.2px 1.6px 1.7px -0.4px hsl(var(--shadow-color) / 0.61), 0.4px 3.2px 3.3px -0.9px hsl(var(--shadow-color) / 0.57), 0.7px 5.7px 5.9px -1.3px hsl(var(--shadow-color) / 0.54), 1.1px 9.6px 9.9px -1.8px hsl(var(--shadow-color) / 0.51), 1.8px 15.8px 16.3px -2.2px hsl(var(--shadow-color) / 0.47), 2.8px 24.8px 25.6px -2.7px hsl(var(--shadow-color) / 0.44), 4.3px 37.2px 38.5px -3.1px hsl(var(--shadow-color) / 0.41);
 }
 /*********************************
3. Header
*********************************/
 
 .header {
     position: absolute;
     left: 157px;
     top: 61px;
     width: calc(100% - 314px);
     height: 96px;
     background: whitesmoke;
     z-index: 100;
     border-bottom: solid 2px var(--tangerine-yellow);
 }
 
 .header_wrap {
     width: 100%;
     height: 100%;
     padding-top: 12px;
 }
 
 .logo {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 20px;
 }
 
 .logo img {
     height: 60px;
 }
 
 .main_nav ul li:not(:last-of-type) {
     margin-left: 10px;
 }
 
 .main_nav ul li {
     list-style-type: none;
     border-right: var(--col-Beige) solid 1px;
     border-bottom-right-radius: 30%;
 }
 
 .fixed_header .main_nav ul li {
     list-style-type: none;
     border: #fff double 0;
     border-bottom-right-radius: 0;
     border-right: 0;
 }
 
 [aria-current="page"] {
     --background-color: var(--scn_color-dark);
     --text-color: var(--scn_color-dark);
 }
 
 .main_nav ul li a {
     font-size: 14px;
     font-weight: 400;
     color: var(--prim_color_laite);
     text-transform: capitalize;
     min-width: 100%;
     min-height: 100%;
     display: block;
     position: relative;
     padding: 10px 10px;
 }
 
 .fixed_header .main_nav ul li a {
     font-size: 14px;
     font-weight: 400;
     color: var(--Blue-grey2);
     text-transform: capitalize;
     min-width: 100%;
     min-height: 100%;
     display: block;
     position: relative;
     padding: 10px 10px;
 }
 
 .main_nav ul li a:hover,
 .main_nav ul li.active a {
     color: var(--white);
     border-bottom: 0 solid var(--scn_color-dark);
     font-size: 16px;
 }
 
 .fixed_header ul li a:hover,
 .fixed_header ul li.active a {
     color: var(--white);
     border-bottom: 0 solid var(--scn_color-dark);
     font-size: 16px;
 }
 
 .main_nav ul>li:hover>a {
     color: var(--white);
 }
 
 .main_nav ul li.active a::after,
 .main_nav ul>li:hover>a::after {
     left: 0;
     right: auto;
     width: 100%;
     -webkit-transition: all .4s ease-out 0s;
     -moz-transition: all .4s ease-out 0s;
     -ms-transition: all .4s ease-out 0s;
     -o-transition: all .4s ease-out 0s;
     transition: all .4s ease-out 0s;
     border-bottom-right-radius: 30%;
 }
 
 .fixed_header ul li.active a::after,
 .fixed_header ul>li:hover>a::after {
     left: 0;
     right: auto;
     width: 100%;
     -webkit-transition: all .4s ease-out 0s;
     -moz-transition: all .4s ease-out 0s;
     -ms-transition: all .4s ease-out 0s;
     -o-transition: all .4s ease-out 0s;
     transition: all .4s ease-out 0s;
     border-bottom-right-radius: 0;
 }
 
 .main_nav ul>li a::after {
     position: absolute;
     content: "";
     width: 0%;
     height: 100%;
     top: 0px;
     left: 0;
     color: var(--Light-blue);
     background-color: #172430;
     transition: all 0.3s;
     z-index: -1;
 }
 
 .duration-300 {
     transition-duration: .3s;
 }
 
 .rotate-0 {
     --tw-rotate: 0deg;
 }
 
 -rotate-45,
 .rotate-0 {
     transform: rotate(50deg);
 }
 
 .ml-1\.5 {
     margin-right: .375rem;
 }
 
 .bg-gray {
     --tw-bg-opacity: 1;
     background-color: rgb(246 248 250/var(--tw-bg-opacity));
 }
 
 .dropdownnew a:hover span {
     transition-duration: .3s;
     transform: rotate(180deg);
 }
 
 .main_nav ul ul.submenu {
     position: absolute;
     width: 170px;
     background: #f4f4f2;
     top: 160%;
     visibility: hidden;
     opacity: 0;
     box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
     padding: 17px 0;
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -ms-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out .3s;
     text-align: right;
     border: var(--scn_color-dark) 1px;
     border-bottom-right-radius: 10%;
     border-bottom-left-radius: 10%;
 }
.fixed_header ul ul.submenu {
    position: absolute;
    width: 170px;
    background: var(--prim_color_dark);
    top: 160%;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
    padding: 17px 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out .3s;
    text-align: right;
    border: var(--scn_color_lait) solid 1px;
    border-bottom-right-radius: 10%;
    border-bottom-left-radius: 10%;
}
 
 .main_nav ul ul.submenu>li {
     margin-right: 7px;
     display: block;
     border: var(--col-Beige) solid 0;
     border-bottom-right-radius: 0;
 }
 
 .main_nav ul ul.submenu>li a {
     margin-top: 5px;
 }
 
 .main_nav ul ul li:not(:last-of-type) {
     margin-bottom: 8px;
 }
 
 .main_nav ul ul.submenu>li:last-child {
     margin: 0px 8px
 }
 
 .main_nav ul ul.submenu>li>a {
     padding: 6px 10px !important;
     font-size: 12px;
     font-weight: 400;
     text-transform: capitalize
 }
 
 .main_nav ul ul.submenu>li>a::after {
     position: absolute;
     content: "";
     width: 0%;
     height: 100%;
     top: 0px;
     left: 0;
     color: var(--Blue-grey2);
     background-color: var(--prim_color_laite);
     transition: all 0.3s;
     z-index: -1;
 }

 .fixed_header ul ul.submenu>li>a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    top: 0px;
    left: 0;
    color: white;
    background-color: var(--prim_color_laite);
    transition: all 0.3s;
    z-index: -1;
}
 
 .main_nav ul ul.submenu>li.active>a::after,
 .main_nav ul ul.submenu>li:hover>a::after {
     left: 0;
     right: auto;
     width: 100%;
     -webkit-transition: all .4s ease-out 0s;
     -moz-transition: all .4s ease-out 0s;
     -ms-transition: all .4s ease-out 0s;
     -o-transition: all .4s ease-out 0s;
     transition: all .4s ease-out 0s;
     color: white !important;
 }
 .fixed_header ul ul.submenu>li.active>a::after,
 .fixed_header ul ul.submenu>li:hover>a::after {
     left: 0;
     right: auto;
     width: 100%;
     -webkit-transition: all .4s ease-out 0s;
     -moz-transition: all .4s ease-out 0s;
     -ms-transition: all .4s ease-out 0s;
     -o-transition: all .4s ease-out 0s;
     transition: all .4s ease-out 0s;
     color: white;
     background-color: var(--prim_color_laite);
 }

 .main_nav ul ul.submenu>li:active>a 
 .main_nav ul ul.submenu>li:hover>a {
     color: white !important;
 }
 
 .main_nav ul>li:hover>ul.submenu {
     visibility: visible;
     opacity: 1;
     color: white !important;

     top: 100%;
     z-index: 8
 }
 
 .header_social {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 2%;
     padding-top: 12px;
 }
 
 .social ul {
     list-style: none;
 }
 
 .social ul li {
     position: relative;
 }
 
 .social ul li:not(:last-of-type) {
     margin-left: 5px;
 }
 
 .social ul li a {
     display: block;
     position: relative;
     height: 100%;
     padding: 5px;
 }
 
 .social ul li a img {
     width: 25px;
     color: #ffffff;
     font-size: 14px;
     -webkit-transition: all .4s ease-out 0s;
     -moz-transition: all .4s ease-out 0s;
     -ms-transition: all .4s ease-out 0s;
     -o-transition: all .4s ease-out 0s;
     transition: all .4s ease-out 0s;
     transform: rotateY(0deg);
     -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);
     -o-transform: rotateY(0deg);
 }
 
 .social ul li a:hover img {
     transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     width: 50px;
 }
 
 .fixed_header {
     position: fixed;
     top: -70px;
     left: 0;
     width: 100%;
     height: 70px;
     background: #293042;
     border-bottom: solid 2px var(--tangerine-yellow);
     z-index: 100;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }
 
 .fixed_header.scrolled {
     top: 0;
 }
 
 .hamburger {
     display: none;
     padding: 5px;
     cursor: pointer;
     direction: rtl;
     position: absolute;
     left: 5%;
 }
 
 .hamburger i {
     font-size: 22px;
     color: var(--prim_color_dark);
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 
 .fixed_header .hamburger i {
     font-size: 22px;
     color: var(--Blue-grey2);
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 
 .hamburger:hover i {
     color: var(--scn_color-dark);
 }
 /*********************************
4. Menu
*********************************/
 
 .menu {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     visibility: hidden;
     opacity: 0;
     z-index: 101;
     direction: rtl;
 }
 
 .menu li a i {
     position: absolute;
     margin-right: -30%;
     top: 20%;
 }
 
 .menu_door {
     position: absolute;
     top: 0;
     width: 0;
     height: 100%;
     background: hsla(60, 5%, 26%, 0.844);
 }
 
 .door_left {
     right: 50%;
 }
 
 .door_right {
     left: 50%;
 }
 
 .menu_content {
     width: 100%;
     height: 100%;
     padding-bottom: 10%;
     opacity: 0;
 }
 
 .menu_close {
     position: absolute;
     top: 5%;
     left: 10%;
     font-size: 20px;
     font-weight: 700;
     color: #ffffff;
     text-transform: uppercase;
     letter-spacing: 0.2em;
     cursor: pointer;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 
 .menu_close:hover {
     color: var(--scn_color-dark);
 }
 
 .menu_nav ul li:not(:last-of-type) {
     margin-bottom: 5px;
 }
 
 .menu_nav hr {
     margin: 0;
     position: relative;
     left: 16px;
     width: calc(100% - 32px);
     border: none;
     border-top: solid 1px var(--navbar-dark-secondary);
 }
 
 .menu_nav ul li {
     list-style: none;
     padding-bottom: 5%;
 }
 
 .menu_nav ul li a {
     font-size: 16px;
     font-weight: 400;
     color: #ffffff;
     text-transform: capitalize;
     letter-spacing: 0.0.5em;
     direction: rtl;
 }
 
 .menu_nav ul ul.submenu {
     visibility: hidden;
     opacity: 0;
     box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
     position: fixed;
     margin-right: 0%;
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -ms-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out .3s;
     text-align: right;
 }
 
 .menu_nav ul>li:hover>ul.submenu {
     position: relative;
     visibility: visible;
     opacity: 1;
     top: 100%;
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -ms-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out .3s;
     z-index: 8
 }
 
 .menu_nav ul ul.submenu>li:first-child {
     margin-top: 10%;
 }
 
 .menu_nav ul li a:hover,
 .menu_nav ul li.active a {
     color: var(--tangerine-yellow);
     border-bottom: 1px solid var(--tangerine-yellow);
     border-bottom-left-radius: 10%;
     font-size: 18px;
     font-weight: 400;
     padding: 0;
 }
 
 .menu ul ul.submenu a {
     font-size: 10px;
 }
 
 .menu_social {
     direction: rtl;
     position: absolute;
     bottom: 50px;
     left: 30%;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
 }
 /*********************************
5. Home
*********************************/
 
 .owl-carousel,
 .owl-carousel .owl-stage-outer,
 .owl-carousel .owl-stage,
 .owl-carousel .owl-item {
     height: 100%;
 }
 
 .super_container {
     width: 100%;
     overflow: hidden;
 }
 
 .slide {
     height: 100%;
 }
 
 .home {
     width: 100%;
     height: 70vh;
 }
 
 .home_slider_overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: var(--prim_color_dark);
     background-image: linear-gradient(to right, rgba(9, 13, 52, 0.34), rgba(26, 70, 250, 0.34));
     background: #2b00ff;
     background: linear-gradient(to right, rgba(9, 13, 52, 0.34), rgba(26, 70, 250, 0.34));
 }
 
 .home_slider_container {
     height: 100%;
 }
 
 .slide_wrap {
     width: 100%;
     height: 100%;
     padding-top: 15%;
 }
 
 .home_container {
     width: 100%;
 }
 
 .home_content {
     text-align: right;
     opacity: 0;
     -webkit-transition: all 2000ms 500ms ease;
     -moz-transition: all 2000ms 500ms ease;
     -ms-transition: all 2000ms 500ms ease;
     -o-transition: all 2000ms 500ms ease;
     transition: all 2000ms 500ms ease;
 }
 
 .home_content.active {
     opacity: 1;
 }
  .home_subtitle h1,
 .home_subtitle {
     text-shadow: rgba(0, 0, 0, .28);
     font-size: 40px;
     font-weight: 600;
     color: var(--Blue-grey2);
     text-transform: uppercase;
     letter-spacing: 0.0.5em;
     line-height: 1.2;
     padding-right: 6px;
 }
 
 .background_image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
 }
 
 .home_title {
     margin-top: 9px;
 }
 
 .home_title h1 {
     font-size: 26px;
     font-weight: 300;
     color: var(--Light-blue);
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 
 .home_title h2 {
     font-size: 26px;
     font-weight: 300;
     color: var(--Light-blue);
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 
 .home_title h3 {
     font-size: 26px;
     font-weight: 300;
     color: var(--Light-blue);
     text-transform: uppercase;
     word-spacing: 0.2em;
 }
 
 .home_title h4 {
     font-size: 25px;
     font-weight: 300;
     color: var(--Light-blue);
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 
 .home_title,
 .home_title,
 .home_b {
     text-align: right;
 }
 
 .home_b {
     margin-left: 0%;
     text-align: right;
 }
 
 .home_title h1:not(:last-of-type) {
     margin-bottom: -6px;
 }
 
 .home_title h1 span {
     font-weight: 700;
 }
 
 .home_title h2 span {
     font-weight: 700;
 }
 
 .home_button {
     margin-right: 40px;
     margin-top: 37px;
 }
 
 .home_slider .owl-dots {
     position: absolute;
     left: calc((100% - 1102px) / 2);
     bottom: 36px;
     z-index: 100;
 }
 
 .home_slider .owl-dots .owl-dot {
     outline: none;
     border-radius: 50%;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
     list-style: none;
 }
 
 .home_slider .owl-dots .owl-dot span {
     position: relative;
     background: transparent;
     width: auto;
     height: auto;
     font-size: 16px;
     font-weight: 300;
     color: #ffffff;
 }
 
 .home_slider .owl-dots .owl-dot:hover span {
     background: transparent;
 }
 
 .home_slider .owl-dots .owl-dot:not(.active):hover span::after {
     color: var(--scn_color_lait);
 }
 
 .home_slider .owl-dots .owl-dot.active {
     background: var(--tangerine-yellow);
     width: 44px;
     height: 44px;
     margin-right: 6px;
 }
 
 .home_slider .owl-dots .owl-dot.active span {
     background: transparent;
 }
 
 .home_slider .owl-dots .owl-dot span::after {
     display: block;
     position: relative;
     color: #ffffff;
 }
 
 .home_slider .owl-dots .owl-dot:first-child span::after {
     content: '01.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(2) span::after {
     content: '02.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(3) span::after {
     content: '03.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(4) span::after {
     content: '04.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(5) span::after {
     content: '05.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(6) span::after {
     content: '06.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(7) span::after {
     content: '07.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(8) span::after {
     content: '08.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(9) span::after {
     content: '09.';
 }
 
 .home_slider .owl-dots .owl-dot:nth-child(10) span::after {
     content: '10.';
 }
 
 .slide {
     height: 100%;
 }
 
 .button_p {
     width: 186px;
     height: 65px;
     background: transparent;
     text-align: center;
     border: solid 2px #ff0e3b;
     overflow: hidden;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 
 .button_p::before {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%) rotate(-45deg);
     -moz-transform: translate(-50%, -50%) rotate(-45deg);
     -ms-transform: translate(-50%, -50%) rotate(-45deg);
     -o-transform: translate(-50%, -50%) rotate(-45deg);
     transform: translate(-50%, -50%) rotate(-45deg);
     -webkit-transform-origin: center center;
     transform-origin: center center;
     width: 130%;
     height: 370%;
     background: #ff0e3b;
     content: '';
     z-index: 0;
     -webkit-transition: all 600ms ease;
     -moz-transition: all 600ms ease;
     -ms-transition: all 600ms ease;
     -o-transition: all 600ms ease;
     transition: all 600ms ease;
 }
 
 .button_p::after {
     display: block;
     position: absolute;
     right: -15px;
     bottom: -15px;
     width: 30px;
     height: 30px;
     background: #ff0e3b;
     content: '';
     transform: rotate(-45deg);
 }
 
 .button_p a {
     display: block;
     position: relative;
     height: 100%;
     font-size: 14px;
     font-weight: 700;
     color: #ffffff;
     letter-spacing: 0.075em;
     line-height: 61px;
     text-transform: uppercase;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }
 
 .button_p:hover::before {
     top: 160%;
     left: 160%;
 }
 
 .button_p:hover a {
     color: #ff0e3b;
 }
 
 .button_2 {
     width: 120px;
     height: 60px;
     background: transparent;
     text-align: center;
     border: solid 1px var(--Blue-grey2);
     overflow: hidden;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 400ms ease;
 }
 
 .sec_color {
     color: var(--scn_color_lait);
 }
 
 .button_2 a {
     display: block;
     position: relative;
     height: 100%;
     font-size: 15px;
     font-weight: 900;
     color: #ffffff;
     background-color: rgba(9, 45, 204, 0.221);
     letter-spacing: 0.075em;
     line-height: 61px;
     text-transform: uppercase;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }
 
 .button_2:hover {
     background: var(--prim_color_dark);
 }
 
 .button_3 {
     cursor: pointer;
     margin-right: 40%;
     padding: 10px 20px;
     width: 200px;
     height: 50px;
     align-content: center;
     align-items: center;
     text-align: center;
     vertical-align: middle;
     background: transparent;
     text-align: center;
     border: solid 2px var(--scn_color_lait);
     border-radius: 10px;
     overflow: hidden;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 400ms ease;
 }
 
 .button_3 a {
     align-content: center;
     text-align: center;
     align-self: center;
     font-size: 15px;
     font-weight: 900;
     color: #ffffff;
     letter-spacing: 0.075em;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }
 
 .button_3:hover {
     background: var(--prim_color_laite);
 }
 
 .button_4 {
     cursor: pointer;
     margin-right: 40%;
     padding: 10px 20px;
     width: 200px;
     height: 50px;
     align-content: center;
     align-items: center;
     text-align: center;
     vertical-align: middle;
     background: transparent;
     text-align: center;
     border: dashed 1px var(--prim_color_dark);
     border-radius: 10px;
     overflow: hidden;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 400ms ease;
 }
 
 .button_4 a {
     align-content: center;
     text-align: center;
     align-self: center;
     font-size: 15px;
     font-weight: 900;
     color: var(--prim_color_dark);
     letter-spacing: 0.075em;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
 }
 
 .button_4 a:hover,
 .button_4:hover {
     background: var(--prim_color_laite);
     color: white;
 }
 
 .section_subtitle {
    font-weight: 200;
    font-size: 25px;
    display: block;
    margin-bottom: 0;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    color: var(--scn_color-dark);
 }
 /*social*/
 
 .sbuttons {
     bottom: 5%;
     position: fixed;
     margin: 1em;
     left: 2%;
 }
 
 .sbutton {
     display: block;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     text-align: center;
     color: white;
     margin: 20px auto 0;
     box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
     cursor: pointer;
     -webkit-transition: all .1s ease-out;
     transition: all .1s ease-out;
     position: relative;
 }
 
 .sbutton>img {
     font-size: 38px;
     height: 50px;
     width: 50px;
     margin-top: 10%;
     line-height: 60px;
     transition: all .2s ease-in-out;
     transition-delay: 2s;
 }
 
 .sbutton:active,
 .sbutton:focus,
 .sbutton:hover {
     box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
 }
 
 .sbutton:not(:last-child) {
     width: 60px;
     height: 60px;
     margin: 20px auto 0;
     opacity: 0;
 }
 
 .sbutton:not(:last-child)>i {
     font-size: 25px;
     line-height: 60px;
     transition: all .3s ease-in-out;
 }
 
 .sbuttons:hover .sbutton:not(:last-child) {
     opacity: 1;
     width: 60px;
     height: 60px;
     margin: 15px auto 0;
 }
 
 .sbutton:nth-last-child(1) {
     -webkit-transition-delay: 25ms;
     transition-delay: 25ms;
 }
 
 .sbutton:not(:last-child):nth-last-child(2) {
     -webkit-transition-delay: 20ms;
     transition-delay: 20ms;
 }
 
 .sbutton:not(:last-child):nth-last-child(3) {
     -webkit-transition-delay: 40ms;
     transition-delay: 40ms;
 }
 
 .sbutton:not(:last-child):nth-last-child(4) {
     -webkit-transition-delay: 60ms;
     transition-delay: 60ms;
 }
 
 .sbutton:not(:last-child):nth-last-child(5) {
     -webkit-transition-delay: 80ms;
     transition-delay: 80ms;
 }
 
 .sbutton:not(:last-child):nth-last-child(6) {
     -webkit-transition-delay: 100ms;
     transition-delay: 100ms;
 }
 
 [tooltip]:before {
     font-weight: 600;
     border-radius: 2px;
     letter-spacing: 1px;
     background-color: #172430;
     border: solid 2px var(--prim_color_dark);
     color: #fff;
     content: attr(tooltip);
     font-size: 16px;
     visibility: hidden;
     opacity: 0;
     margin-left: 10px;
     position: absolute;
     left: 100%;
     bottom: 20%;
     white-space: nowrap;
     padding: 10% 20%;
 }
 
 [tooltip]:hover:before,
 [tooltip]:hover:after {
     visibility: visible;
     opacity: 1;
 }
 
 .sbutton.mainsbutton {}
 
 .sbutton.gplus {
     background: transparent;
 }
 
 .sbutton.pinteres {
     background: transparent;
 }
 
 .sbutton.twitt {
     background: transparent;
 }
 
 .sbutton.fb {
     background: transparent;
 }