:root{
    --blue: #125875;
    --orange: #FF7451;
    --text_grey: #4A4A4A;
    --purple: #7C71FF;
    --maroon: #772A2A;
    --grey: #333333;
    --black: #1E1E1E;
    --brown: #856664;
    --pink: #FFDCDA;
    --light_grey: #6A7180;
    --lightest_grey: #7D7D7D;
    --border_grey: #D9D9D9;
    --red: #FF3300;

}


/* ----------Scrollbar------------------*/

::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }

.scroll-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.no-top-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 0; border-top-right-radius: 0;}
.no-bottom-border-radius::-webkit-scrollbar-thumb { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}


/* ------------Global------------ */

*{ padding: 0; margin: 0;}

body { color: var(--text_grey); font-family: 'Nunito', sans-serif;}

h1 { font-size: 71px; font-weight: 900;} /*  96 */
h2 { font-size: 61px; font-weight: 900;} /*  81 */
h3 { font-size: 43px; font-weight: 900;} /*  63 */
h4 { font-size: 32px; font-weight: 900;} /*  52 */
h5 { font-size: 30px; font-weight: 500;} /*  50 */
h6 { font-size: 48px; font-weight: 500;} /*  48 */
p, .fs-15 { font-size: 15px; font-weight: 400; line-height: 26px;}

 .fs-225 { font-size: 175px;} /*  225 */
.fs-92 { font-size: 62px;} /*  72 */
.fs-69 { font-size: 69px;} /*  69 */
.fs-40 { font-size: 40px;} /*  40 */
.fs-24 { font-size: 24px;}
.fs-20 { font-size: 20px;}
.fs-18 { font-size: 18px;}
.fs-16 { font-size: 16px;}
.fs-14 { font-size: 14px;}
.fs-13 { font-size: 13px;}


.desktop_nav {display: block;}
.mobile_nav{display: none;}

.extra_bold { font-weight: 900;}
.bold { font-weight: 700;}
.semi_bold { font-weight: 600;}
.light_bold { font-weight: 500;}
.regular { font-weight: 400;}

.white{ color: #fff;}
.text_grey { color: var(--text_grey);}
.orange { color: var(--orange);}
.blue { color: var(--blue);}
.light_grey { color: var(--light_grey);}
.lightest_grey { color: var(--lightest_grey);}

.bg_orange { background-color: var(--orange);}
.bg_blue { background-color: var(--blue);}
.linear_orange {background: linear-gradient(92deg, var(--blue) 0.27%, var(--orange) 101.74%); }

.padding { padding: 5em 0;}
.p_top { padding-top: 3em;}
.p_bottom { padding-bottom: 3em;}

.b_radius { border-radius: 20px;}
.cust_border { border: 1px solid var(--blue);}
.b-none { border: none;}
.divider { border-bottom: 1px solid var(--border_grey);}


.button, .submit_btn, .border_btn { padding: 15px 20px; border-radius: 10px; background-color: var(--orange); color: #fff; border: none ; }
a, a:hover {background-color: unset; color: unset; text-decoration: none;}
.button:hover { background-color: var(--blue); color: #fff;}
.no_btn { background-color: transparent; border: none; outline: 0;}
.border_btn { background-color: #fff; border: 1px solid var(--orange); color: var(--orange);}

.img-fluid { height: 100%; width: 100%; object-fit: cover; border-radius: 20px;}

.img_land { width: 1260px; height: 500px; border-radius: 20px;}
.img_pot {  width: 515px; height: 370px; border-radius: 20px;}
.video { height: 35em;}
.sticky { position: sticky; top: 0;}
.limit { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.limit_3, .cust_card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
span.error-message { color: var(--red);}

/*-----------Header--------------*/

.header .header_sec { background-color: #fff; box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.05); border-radius: 10px;}
.header .navbar .nav-item { padding: 0 5px;}
.header .navbar .navbar-nav { gap: 6em;}
.header .navbar .nav-item>a, .body .navbar-nav .nav-link:focus { padding-inline: 0; color: var(--text_grey); font-size: 15px; font-weight: 400; }
.header button.button{ padding: 12px 28px;}
.header .nav-button .button { background-color: var(--blue);  margin-block: 10px; }
.navbar-brand { height: 90px; width: 90px; border-radius: 0; }
.navbar-brand img { height: 100%; width: 100%; object-fit: contain; border-radius: 0;}
.header .navbar .nav-item.active>a, .header .navbar .nav-item>a:hover { color: var(--orange);}
.header .navbar .nav-item::after { content: ''; display: block; height: 2px; width: 0%; background-color: var(--orange); transform-origin: left; transition: all 0.3s ease;}
.header .navbar .nav-item:not(.active):hover::after { width: 100%;}
.header .navbar .nav-item.active::after { width: 100%;}


/*------------------------ Footer -------------------------------*/


.footer .footer-sec { background-color: var(--blue); border-top-right-radius: 20px; border-top-left-radius: 20px; padding-top: 20px;}
.footer .footer-head{ padding-bottom: 20px;}
.footer li>a{ color: #fff; line-height: 50px;  font-size: 16px; transition: transform .8s ease-in;  }
.footer ul:not(.social-icons) > li:hover>a{ color: var(--orange);}
.footer .footer-social .icon {  font-size: 24px; /* height: 50px;  width: 50px; */ }
.footer .footer-social .social-icons>li:hover i{  transition: transform .5s ease-in-out;  transform: scale(1.1) ;  }
.footer .footerLinks ul>li:hover{ transform: translate(0, -5px);}
.footer .foot-copyright { border-top: 1px solid #fff; }
.footer .navbar-brand { display: inline-block; height: 110px; width: 130px; }

.footer .footer-social .icon { outline: 0px solid var(--orange); padding: 8px;border-radius: 50%;transition: 0.3s ease-in-out;}
.footer .footer-social .icon:hover { color: #fff; outline-width: 2px; transition: 0.3s ease-in-out; background: linear-gradient(340deg, var(--blue) 0.27%, var(--orange) 101.74%);}

/*------------------------ Global input fields ------------------------*/

input.form-control, textarea.form-control, select { border: 1px solid var(--blue); font-size: 16px; font-weight: 400; border-radius: 10px;}
input::placeholder, textarea::placeholder, label { font-size: 16px; font-weight: 500; color: var(--grey);}
input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 600000s 0s, color 600000s 0s;  }
input.form-control:focus, input:active, input:focus-visible, textarea:focus, textarea:focus-visible, textarea:active { outline: none; background-color: transparent; box-shadow: none;}
input:focus-visible { outline: unset;}
label.form-label { padding-bottom: 10px; color: var(--grey); font-weight: 500;}
select.form-control { appearance: auto;}

/* Home Page */

.counter_parent .counter { padding: 20px 30px;}
.sec-3 .img_pot.half_img { height: 185.65px; width: 60em;}
.sec-3 .lang_card { margin-block: 2em; }
.sec-3 .img_pot { width: 57em; height: 430px;}
.sec-4 .video_text {position: absolute;bottom: 0px;padding-left: 40px; height: 100%;width: 50%;display: flex;justify-content: end;flex-direction: column;justify-content: end;align-items: end;gap: 12em;padding-bottom: 20px;}
.sec-4 .video_btn { background-color: #fff; height: 50px; width: 50px; text-align: center; border-radius: 50%; border: 0; margin-bottom: 10px;}
.sec-4 .video_btn { color: var(--purple); }
.sec-5 .linear_orange{ box-shadow:  23px 40px 27px 0px rgba(124, 113, 255, 0.25);}
.sec-5 .content4 { width: 32em;}
.sec-5 .content4 .button { background-color: #fff; color: var(--orange);}



/*  Language Card */

/*.lang_card { row-gap: 20px;}*/

/* Contact Page */

.contact-sec-1 .img_pot { height: 47em; width: 46em;}
.contact-sec-1 .img_pot img { object-position: center;}
.contact-sec-1 .form-check .radio { padding: 8px; margin-right: 10px;}


/* Sameen code */


.cust_card:hover { box-shadow: -1px 0px 13px 5px rgba(0,0,0,0.2); background-color: #ffd8ce; border: none;}
/*.cust_card { min-height: 16em; margin-bottom: 48px;}*/
.cust_card{    min-height: 20em; height: 100%; }
.cust_card .short_desc, .cust_card p { padding-right: 10px; }


/* / Privacy section / */
.privacy { height: 100vh;}
.privacy p { font-size: 18px;}

.list_content {  font-size: 22px;  font-weight: 500; line-height: 26px;}

/* Login Page */



/* DASHBOARD CSS */

.card { box-shadow: 0px 1.582px 3.165px 0px rgba(0, 0, 0, 0.06), 0px 1.582px 4.747px 0px rgba(0, 0, 0, 0.10);}

/* Sidebar  */

[data-kt-app-layout=dark-sidebar] .app-sidebar { background-color: #fff; box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.06) inset;}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-title { color: var(--black); font-size: 16px; font-weight: 500; }
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-title:hover, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here), [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-icon:hover { color: var(--orange) !important; }
.menu-icon { display: inline-block; width: 6em;}

/* [data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active { border-radius: 10px; background-color: transparent; border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #FF7451, #125875) 1; border-image-source: linear-gradient(48.36deg, #125875 45.34%, #FF7451 113.86%);} */
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active { border-radius: 5px 10px 10px 5px ; background-color: transparent; border: 1px solid var(--blue);}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active .menu-title { color: var(--black);}
.menu-link.active { position: relative;}
.menu-link.active::before { content: ''; width: 8px; height: 42px; display: inline-block; background: linear-gradient(48.36deg, #125875 45.34%, #FF7451 113.86%); position: absolute; left: 0; border-radius: 20px;}


/* Navbar */
#kt_app_header { background: linear-gradient(92deg, #125875 0.27%, #FF7451 101.74%); border-radius: 0px 0px 20px 0px; height: 75px; /* width: 100%; position: relative; left: 0; z-index: 11; */}
#kt_app_sidebar_logo { border: 0; background: linear-gradient(92deg, #125875 100.27%, #FF7451 0%); border-radius: 0 0 0 20px;}
div.btn-icon.btn-custom { border-radius: 50%;  background-color: #fff;}
div.btn-icon.btn-custom i { color: #1F1F1F;}

/* Global table */
.table:not(.table-bordered).table-rounded { border-radius: 10px;}
.table-striped>tbody>tr:nth-of-type(odd)>* { background-color: #fff; --bs-table-bg-type: #fff; }
.table-striped>tbody>tr:nth-of-type(even)>* { background-color: var(--pink);}
.table.table-rounded.table-striped>tbody>tr>td{ font-size: 16px; font-weight: 500; text-transform: capitalize; padding-block: 12px;}
.table-striped>thead>tr { background-color: var(--brown); border-radius: 10px; }
.table-striped>thead>tr>th:first-child { border-radius: 10px 0 0 0; }
.table-striped>thead>tr>th:last-child { border-radius: 0 10px 0 0; }
.table-striped>tbody>tr:last-child>td:first-child { border-radius: 0 0 0 10px; }
.table-striped>tbody>tr:last-child>td:last-child { border-radius: 0 0 10px  0; }
.table.table-rounded.table-striped>thead>tr>th { color: #fff ; text-transform: uppercase; font-size: 12px; font-weight: 500;}
.btn-sm .fa-ellipsis { color: var(--red); font-size: 20px;}


/* Language View Page */

.lang_view p { color: var(--light_grey);}
.table_sec .cust_card p {width: 30em;}


/* Email */

.email .table.table-rounded.table-striped>tbody>tr>td:nth-child(1) { text-transform: lowercase;}
.email .table.table-rounded.table-striped>tbody>tr>td:nth-child(2) { width: 40em;}

/* Notification */

.user_img { height: 36px; width: 36px;}


/* Account Setting */

.profile_img { height: 200px; width: 200px; border: 2.5px solid #000; border-radius: 50%; overflow: hidden;}



/* Waqar Css */

.home_sec2 .media {display: flex; gap: 20px; background-color: white; padding: 20px; border-radius: 4%;}
.home_sec3 {  padding-block: 20px;}
.home_sec4 .custom_btn { display: flex; justify-content: space-between; align-items: baseline;}
.home_sec4 .custom_btn button {  background: #FF7451; color: #fff;}


.files {  padding: 5px 20px; cursor: pointer; }
.file { display: none;}
input.file[disabled]+ label { color: #eee; }

.form-control.profile_input { background-color: transparent; border: 0; padding: 0;}
.form-control.profile_input.date { width: 150px;}
.accSet .edit { cursor: pointer; font-size: 18px !important;}

.accSet .profile_input { color: #000;}
.accSet .profile_input::placeholder { color: var(--bs-gray-500);;}
.accSet .profile_input[disabled], .accSet .profile_input[disabled]::placeholder { color: #c5c5c5; }

svg.w-5.h-5 { height: 20px;  }