/*general */
@import url("uikit.css");
@import url("font-awesome.min.css");
@import url("responsive.css");
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

body,
html {
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
color: #333;
}
.uk-dotnav > .uk-active > * {
background: var(--bg-primary);
}
.uk-grid-divider > :not(.uk-first-column)::before
{
    border-color: var(--light);
}
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
background: var(--bg-primary);
}

.uk-dotnav > * > * {
border-color: var(--blackk);
}
a,
.uk-link {
color: var(--primary);
text-decoration: none;
cursor: pointer;
}
.uk-input,
.uk-select,
.uk-textarea {
border: 2px solid rgb(0 0 0 / 30%);
border-radius: 5px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
font-family: "Roboto", sans-serif;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
color:var(--secondary);
text-decoration: none;
}
.uk-clearfix {
clear: both;
}
.uk-badge {
    border-radius: 0;
}
.uk-modal-dialog {
border-radius: 5px;
overflow: hidden;
}

.uk-overlay-primary {
background: rgb(34 34 34 / 50%);
}

.uk-card-body {
padding: 20px 20px;
}
.uk-card-header {
padding: 10px 20px;
}
.uk-pagination > * > * {
    width: 50px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
}

.uk-pagination > * > *:hover {
background: var(--bg-primary);
color: var(--white);
}
.uk-pagination li.uk-active span {
background: var(--bg-primary);
color: var(--white);
}
/*end  general */

/*about us */
.uk-pull-top {
margin-top: -210px;
}
.uk-about-home {
width: 350px;
height: 300px;
overflow: hidden;
border: solid 5px #fff;
box-shadow: 1px 1px 20px hsl(0deg 0% 0% / 28%);
border-radius: 8px;
}

.uk-about-home img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*end   */
/*single page*/

figure.uk-feature-image figcaption {
border-bottom: solid 1px var(--light);
padding: 5px 0;
text-align: center;
font-style: italic;
}
.uk-category-title {
border-bottom: solid 2px var(--primary);
}

.uk-category-title div h1 {
    background: var(--primary);
    padding: 5px 40px 5px 14px;
    border-radius: 10px 0 0 0;
    color: var(--white);
    -webkit-clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
}
zg-watermark {
display: none;
}
/*end*/

/* logos */
.uk-logo-inner {
    background: var(--light);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uk-logo-inner img {
    border-radius: 10px;
}
/* end */

/*testimonial*/
.uk-testimonial-body {
padding: 30px;
}
.uk-testimonial-body p {
margin: 0;
}
.uk-testimonial {
background: var(--bg-white);
}

.uk-testimonial-footer {
padding: 10px 23px;
border-top: solid 1px var(--light);
}
span.uk-testimonial--quote {
font-size: 60px;
color: #232323;
opacity: 0.07;
position: absolute;
right: 10px;
bottom: 0;
}

.uk-slider-btn-custom {
background: var(--bg-primary);
border-radius: 50%;
width: 30px;
height: 30px;
padding: 0px;
line-height: 30px;
text-align: center;
}

.uk-slider-btn-custom svg {
width: 10px !important;
}

.uk-slider-btn-custom svg polyline {
stroke-width: 3px !important;
}

/*end testimonial*/

/*list home*/
.uk-upadte-type {
padding: 2px 15px;
}
/*end*/
/*table*/
.uk-table th {
padding: 16px 12px;
text-align: left;
vertical-align: bottom;
font-size: 15px;
font-weight: normal;
color: #333;
font-weight: bold;
text-transform: uppercase;
}
.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
background: rgb(11 102 193 / 10%);
}
table {
width: 100%;
border-collapse: collapse;
}
table th {
padding: 16px 12px;
text-align: left;
vertical-align: bottom;
font-size: 15px;
font-weight: normal;
color: #333;
font-weight: bold;
text-transform: uppercase;
}
table td {
padding: 16px 12px;
vertical-align: top;
}
table tbody tr:hover {
background: rgb(11 102 193 / 10%);
}

table tbody tr:nth-of-type(odd) {
background: #f8f8f8;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

/*table end*/

/*accordion*/

.uk-accordion {
margin: 0;
}
.uk-accordion > :nth-child(n + 2) {
margin-top: 16px;
}
.uk-accordion-title {
font-size: 18px;
position: relative;
overflow: hidden;
margin: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.87);
-webkit-transition: color 280ms cubic-bezier(0.55, 0, 0.1, 1);
transition: color 280ms cubic-bezier(0.55, 0, 0.1, 1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.uk-accordion-title:focus,
.uk-accordion-title:hover {
color: rgba(0, 0, 0, 0.87);
}
.uk-accordion-title:before {
display: none;
}
.uk-accordion-title:after {
background: 0 0 !important;
content: "\f107";
color: var(--primary);
font: normal normal normal 14px/1 FontAwesome;
font-size: 24px;
font-size: 1.5rem;
position: absolute;
right: 0;
top: 50%;
width: auto;
height: auto;
margin-top: -16px;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
transition: -webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 140ms cubic-bezier(0.55, 0, 0.1, 1),
-webkit-transform 140ms cubic-bezier(0.55, 0, 0.1, 1);
}
.uk-accordion-title .mdi {
font-size: 22px;
margin-right: 8px;
color: rgba(0, 0, 0, 0.54);
}
.uk-accordion .uk-open .uk-accordion-title:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.uk-accordion .uk-open .uk-accordion-title .mdi {
color: rgba(0, 0, 0, 0.87);
}
.uk-accordion-content {
margin: 12px 0 0;
/* font-size: 14px;
     font-size: .875rem*/
}
.uk-accordion-content-expand {
padding: 16px;
margin-left: -16px;
margin-right: -16px;
}
.uk-accordion-outline .uk-accordion-title {
border: 1px solid #e1e1e1;
border-radius: 3px;
padding: 12px 36px 12px 16px;
}
.uk-accordion-outline .uk-accordion-title:after {
right: 8px;
}
.uk-accordion-outline .uk-accordion-content {
padding: 24px 16px;
margin: 0;
border-width: 0 1px 1px;
border-color: transparent;
border-style: solid;
}
.uk-accordion-outline > li {
-webkit-transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
transition: all 140ms cubic-bezier(0.55, 0, 0.1, 1);
}
.uk-accordion-outline > li:first-child .uk-accordion-title {
border-radius: 3px 3px 0 0;
}
.uk-accordion-outline > li:nth-child(n + 2) {
margin-top: -1px;
}
.uk-accordion-outline > li:nth-child(n + 2) .uk-accordion-title {
border-radius: 0;
}
.uk-accordion-outline > li:last-child .uk-accordion-title {
border-radius: 0 0 3px 3px;
}
.uk-accordion-outline > li.uk-open {
padding-bottom: 12px;
}
.uk-accordion-outline > li.uk-open .uk-accordion-title {
border-radius: 3px 3px 0 0;
border-width: 1px;
/*border-color: #bdbdbd;
    */
color: rgba(0, 0, 0, 0.87);
/*background: #f5f5f5*/
}
.uk-accordion-outline > li.uk-open .uk-accordion-content {
border-color: #e1e1e1;
border-radius: 0 0 3px 3px;
}
.uk-accordion-outline > li.uk-open:nth-child(n + 2) {
padding-top: 12px;
}
.uk-accordion-alt .uk-accordion-title {
border-radius: 3px;
padding: 12px 36px 12px 16px;
background: rgba(0, 0, 0, 0.08);
}
.uk-accordion-alt .uk-accordion-title:after {
right: 8px;
}
.uk-accordion-alt .uk-accordion-title.md-color-white:after {
color: #fff;
}
.uk-accordion-alt .uk-accordion-content {
padding: 16px;
}
.uk-accordion-alt > li.uk-open .uk-accordion-title {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.87);
}
/*end accordion*/

/* button solid*/

.uk-button-small {
padding: 5px 15px;
outline: 0;
line-height: 18px;
}
.uk-button {
position: relative;
outline: 0;
border-radius: 30px !important;
}

.uk-button:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.4);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.uk-button:hover:after,
.uk-button:focus:after {
width: 100%;
background-color: rgba(255, 255, 255, 0);

-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

.uk-button span.uk-icon {
border: solid 1px;
border-radius: 50%;
width: 20px;
height: 20px;
margin-left: 10px;
}

.uk-button:hover span.uk-icon {
background: var(--bg-white);
color: var(--primary);
border-color: var(--white);
}
.uk-button {
font-size: inherit;
text-transform: inherit;
line-height: 40px;
transition: 0.25s ease-in-out;
-webkit-transition: ease-out 0.4s;
-moz-transition: ease-out 0.4s;
transition: ease-out 0.4s;
cursor: pointer;
border-radius: 5px;
overflow: hidden;
}

.uk-button-primary {
background: var(--bg-primary);
color: var(--white);
cursor: pointer;
}
.uk-button-primary:hover,
.uk-button-primary:focus {
background:var(--bg-secondary);
opacity: 0.9;
}
.uk-button-secondary {
background: var(--bg-secondary);
color: var(--white);
cursor: pointer;
}
.uk-button-secondary:hover,
.uk-button-secondary:focus {
background: var(--bg-primary);
}

.uk-button-white {
background: var(--bg-white);
color: var(--primary);
cursor: pointer;
}
.uk-button-white:hover,
.uk-button-white:focus {
background: var(--bg-primary);
color: var(--white);
}
.uk-button-black {
background: var(--bg-black);
color: var(--white);
cursor: pointer;
}

.uk-button-black:hover,
.uk-button-black:focus {
background: var(--bg-primary);
color: var(--white);
}
/* end button solid*/

/* button outline*/

.uk-button-primary-outline {
border: solid 1px var(--primary);
color: var(--primary);
background: none;
cursor: pointer;
}
.uk-button-primary-outline:hover,
.uk-button-primary-outline:focus {
background: var(--bg-secondary);
border: solid 1px var(--secondary);
color: var(--white);
}

.uk-button-white-outline {
border: solid 1px var(--white);
color: var(--white);
background: none;
cursor: pointer;
}
.uk-button-white-outline:hover,
.uk-button-white-outline:focus {
background: var(--bg-white) !important;
color: var(--back);
background: none;
cursor: pointer;
}

.uk-button-black-outline {
border: solid 1px var(--black);
color: var(--black);
background: none;
cursor: pointer;
}
.uk-button-black-outline:hover,
.uk-button-white-black:focus {
background: var(--bg-black);
color: var(--white);
border-color: var(--black);
cursor: pointer;
}

/* end button solid*/


/*boarder corner*/
.uk-corner-borders::before, .uk-corner-borders::after {
     border-color:  var(--white);
     border-width: 3px;
     content: '';
     display: block;
     height: 25px;
     pointer-events: none;
     position: absolute;
     width: 25px;
     z-index: 99;
     margin: 10px;
     opacity:1;
     transition: opacity .4s linear;
 }
 .uk-corner-hover:hover .uk-corner-borders::before,
 .uk-corner-hover:hover .uk-corner-borders::after {opacity: 1;}
  .uk-corner-borders--left::before, .uk-corner-borders--left::after {
      left: 0;
 }
  .uk-corner-borders--left::before {
      border-left-style: solid;
      border-top-style: solid;
      top: 0;
 }
  .uk-corner-borders--left::after {
      border-bottom-style: solid;
      border-left-style: solid;
      bottom: 0;
      display: block;
 }
  .uk-corner-borders--right::before, .uk-corner-borders--right::after {
      right: 0;
 }
  .uk-corner-borders--right::before {
      border-right-style: solid;
      border-top-style: solid;
      top: 0;
      display: block;
 }
  .uk-corner-borders--right::after {
      border-bottom-style: solid;
      border-right-style: solid;
      bottom: 0;
 }

  /*end*/

/*color*/
:root {
--primary: #045999;
--secondary: #65a624;
--white: #fff;
--light: #eeeeee;
--black: #000300;
--yellow: #ff7d00;
--green: #639c01;
--red: #ea050a;

--bg-primary: #045999 ;
--bg-secondary: #65a624;
--bg-white: #fff;
--bg-light: #eeeeee;
--bg-black: #000300;
--bg-yellow: #ff7d00;
--bg-green: #639c01;
--bg-red: #ea050a;
}

.text-primary,
.text-primary > * {
color: var(--primary);
}
.text-secondary,
.text-secondary > * {
color: var(--secondary);
}
.text-white,
.text-white > * {
color: var(--white);
}

.text-light,
.text-light > * {
color: var(--light);
}

.text-black,
.text-black > * {
color: var(--black);
}
.text-yellow,
.text-yellow > * {
color: var(--yellow);
}
.text-light,
.text-light > * {
color: var(--black-light);
}

.text-green,
.text-green > * {
color: var(--green);
}
.text-red,
.text-red > * {
color: var(--red);
}

.bg-primary {
background: var(--bg-primary);
}
.bg-secondary {
background: var(--bg-secondary);
}
.bg-white {
background: var(--bg-white);
}

.bg-light {
background: var(--bg-light);
}

.bg-black {
background: var(--bg-black);
}

.bg-black-light {
background: var(--bg-black-light);
}

.bg-green {
background: var(--bg-green);
}

.bg-red {
background: var(--red);
}

.bg-gradient-1 {
background-image: linear-gradient(45deg, #5065cd 0%, #c366bd 100%) !important;
}

.bg-gradient-2 {
background-image: linear-gradient(62deg, #d6875a 0%, #f7ce68 100%) !important;
}

.bg-gradient-3 {
background-image: linear-gradient(45deg, #0877b9 0%, #80d0c7 100%) !important;
}

.bg-gradient-4 {
background-image: linear-gradient(45deg, #31d0f5 0%, #2c61e6 100%) !important;
}

.bg-1 {
background-color: #8c43ff !important;
}

.bg-2 {
background-color: #28d5a7 !important;
}

.bg-3 {
background-color: #f9b851 !important;
}

.bg-4 {
background-color: #cc08e9 !important;
}

.bg-5 {
background-color: #ff8c2a !important;
}

.bg-6 {
background-color: #25b15f !important;
}

.bg-7 {
background-color: #307cf3 !important;
}

.bg-8 {
background-color: #4267b2 !important;
}

.bg-9 {
background-color: #71c9f8 !important;
}

.bg-10 {
background-color: #7b68ee !important;
}

.bg-none {
background: none !important;
}
.bg-transparent {
background: transparent !important;
}
/*end color*/

/*border*/

.uk-border-light {
border: solid 1px var(--light);
}
.uk-border-light-top {
border-top: solid 1px var(--light);
}

.uk-border-light-left {
border-left: solid 1px var(--light);
}

.uk-border-light-right {
border-right: solid 1px var(--light);
}
.uk-border-light-bottom {
border-bottom: solid 1px var(--light);
}

.uk-border-primary {
border: solid 1px var(--primary);
}
.uk-border-primary-top {
border-top: solid 1px var(--primary);
}

.uk-border-primary-left {
border-left: solid 1px var(--primary);
}

.uk-border-primary-right {
border-right: solid 1px var(--primary);
}
.uk-border-primary-bottom {
border-bottom: solid 1px var(--primary);
}

.uk-border-primary-top {
border-top: solid 1px var(--primary);
}

.uk-border-primary-left {
border-left: solid 1px var(--primary);
}

.uk-border-primary-right {
border-right: solid 1px var(--primary);
}
.uk-border-primary-bottom {
border-bottom: solid 1px var(--primary);
}
/*end border*/

/* image size */
@media (max-width: 960px) {
.uk-media-650,
.uk-media-450,
.uk-media-520 {
height: 300px !important;
}
}
.uk-media-author-lg img,
.uk-media-author-sm img {
width: 100%;
height: 100%;
object-fit: cover;
}
.uk-media-author-lg {
width: 100px;
height: 100px;
}

.uk-media-author-sm {
width: 70px;
height: 70px;
}
.uk-media-home {
    width: 180px;
    height: 140px;
    overflow: hidden;
}

.uk-media-small img,
.uk-media-home img,
.uk-media-40 img,
.uk-media-50 img,
.uk-media-60 img,
.uk-media-70 img,
.uk-media-80 img,
.uk-media-100 img,
.uk-media-110 img,
.uk-media-120 img,
.uk-media-130 img,
.uk-media-140 img,
.uk-media-150 img,
.uk-media-160 img,
.uk-media-170 img,
.uk-media-180 img,
.uk-media-190 img,
.uk-media-200 img,
.uk-media-205 img,
.uk-media-240 img,
.uk-media-250 img,
.uk-media-260 img,
.uk-media-270 img,
.uk-media-280 img,
.uk-media-290 img,
.uk-media-300 img,
.uk-media-350 img,
.uk-media-400 img,
.uk-media-450 img,
.uk-media-480 img,
.uk-media-500 img,
.uk-media-520 img,
.uk-media-550 img,
.uk-media-560 img,
.uk-media-570 img,
.uk-media-580 img,
.uk-media-590 img,
.uk-media-600 img,
.uk-media-650 img {
width: 100%;
height: 100%;
object-fit: cover;
}

.uk-media-small {
width: 79px;
height: 79px;
overflow: hidden;
}

.uk-media-40 {
width: 40px;
height: 40px;
overflow: hidden;
}

.uk-media-50 {
width: 50px;
height: 50px;
overflow: hidden;
}
.uk-media-60 {
width: 60px;
height: 60px;
overflow: hidden;
}
.uk-media-70 {
width: 70px;
height: 70px;
overflow: hidden;
}

.uk-media-80 {
width: 80px;
height: 80px;
overflow: hidden;
}

.uk-media-100 {
width: 100px;
height: 100px;
overflow: hidden;
}

.uk-media-110 {
width: 100%;
height: 110px;
overflow: hidden;
}

.uk-media-120 {
width: 100%;
height: 120px;
overflow: hidden;
}

.uk-media-130 {
width: 100%;
height: 130px;
overflow: hidden;
}
.uk-media-140 {
width: 100%;
height: 140px;
overflow: hidden;
}

.uk-media-150 {
width: 100%;
height: 150px;
overflow: hidden;
}

.uk-media-160 {
width: 100%;
height: 160px;
overflow: hidden;
}

.uk-media-170 {
width: 100%;
height: 170px;
overflow: hidden;
}

.uk-media-180 {
width: 100%;
height: 180px;
overflow: hidden;
}

.uk-media-190 {
width: 100%;
height: 190px;
overflow: hidden;
}

.uk-media-200 {
width: 100%;
height: 200px;
overflow: hidden;
}

.uk-media-205 {
width: 100%;
height: 205px;
overflow: hidden;
}

.uk-media-240 {
width: 100%;
height: 240px;
overflow: hidden;
}

.uk-media-250 {
width: 100%;
height: 250px;
overflow: hidden;
}

.uk-media-260 {
width: 100%;
height: 260px;
overflow: hidden;
}

.uk-media-270 {
width: 100%;
height: 270px;
overflow: hidden;
}

.uk-media-280 {
width: 100%;
height: 280px;
overflow: hidden;
}

.uk-media-290 {
width: 100%;
height: 290px;
overflow: hidden;
}

.uk-media-300 {
width: 100%;
height: 300px;
overflow: hidden;
}

.uk-media-350 {
width: 100%;
height: 350px;
overflow: hidden;
}

.uk-media-400 {
width: 100%;
height: 400px;
overflow: hidden;
}

.uk-media-450 {
width: 100%;
height: 450px;
overflow: hidden;
}

.uk-media-480 {
width: 100%;
height: 480px;
overflow: hidden;
}

.uk-media-500 {
width: 100%;
height: 500px;
overflow: hidden;
}

.uk-media-520 {
width: 100%;
height: 520px;
overflow: hidden;
}
.uk-media-550 {
width: 100%;
height: 550px;
overflow: hidden;
}

.uk-media-560 {
width: 100%;
height: 560px;
overflow: hidden;
}
.uk-media-570 {
width: 100%;
height: 570px;
overflow: hidden;
}
.uk-media-580 {
width: 100%;
height: 580px;
overflow: hidden;
}

.uk-media-590 {
width: 100%;
height: 590px;
overflow: hidden;
}

.uk-media-600 {
width: 100%;
height: 600px;
overflow: hidden;
}

.uk-media-650 {
width: 100%;
height: 650px;
overflow: hidden;
}

/* image size end */

/*top header*/

.uk-top-header {
background: #e40b16;
padding: 5px 0;
font-size: 14px;
}

.uk-top-header ul {
list-style: none;
margin: 0;
padding: 0;
}

/*end*/

/* header icon */

ul.uk-social-media-small {
display: flex;
/* display: inline-block;
     */
/* top: 50%;
     */
margin: 0;
/* left: 50%;
     */
/* transform: translate(-50%, -50%);
     */
padding: 0;
}

ul.uk-social-media-small li {
list-style: none;
display: inline-block;
}

ul.uk-social-media-small li a {
width: 25px;
height: 25px;
background-color: none;
text-align: center;
line-height: 25px;
font-size: 16px;
margin: 0 5px;
display: block;
border-radius: 50%;
position: relative;
overflow: hidden;
border: 0;
z-index: 1;
color: #fff;
}

ul.uk-social-media-small li a .icon {
position: relative;
color: #fff;
transition: 0.5s;
z-index: 3;
}

ul.uk-social-media-small li a:hover .icon {
color: #fff;
/*transform: rotateY(360deg);*/
}

ul.uk-social-media-small li a:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #d01e1e;
transition: 0.5s;
z-index: 2;
}

ul.uk-social-media-small li a:hover:before {
top: 0;
}

ul.uk-social-media-small li:nth-child(1) a:before {
background: #3b5999;
}

ul.uk-social-media-small li:nth-child(2) a:before {
background: #55acee;
}

ul.uk-social-media-small li:nth-child(3) a:before {
background: #0077b5;
}

ul.uk-social-media-small li:nth-child(4) a:before {
background: #184f85;
}

ul.uk-social-media-small li:nth-child(5) a:before {
background: #00af87;
}

/*end*/

/*header*/

.uk-mega-tab li a {
     text-transform: capitalize;
     font-size: inherit;
     font-weight: 500;
     padding:8px 20px 8px 8px;
     position: relative;
 }

 .uk-mega-tab>.uk-active>a, .uk-mega-tab>li a:hover {
     color: var(--primary);
     border-color: var(--primary);
     transition: .25s ease-in-out;
 }
 .uk-mega-tab>*>.uk-active {
     width: 20px;
     height: 20px;
     background: transparent;
     text-indent: -9999px;
     border-top: 2px solid #bfbfbf;
     border-left: 2px solid #bfbfbf;
     transition: all 250ms ease-in-out;
     text-decoration: none;
     color: transparent;
 }

 .uk-mega-tab>.uk-active>a:before  {
     position: absolute;
     content: "";
     display: inline-block;
     width: 30px;
     height: 30px;
     background: var(--bg-white);
     text-indent: -9999px;
     border-top: 3px solid var(--light);
     border-left: 3px solid var(--light);
     transition: all 250ms ease-in-out;
     text-decoration: none;
     color: transparent;
     right: -18px;
     transform: rotate(135deg);
     top: 5px;
 }
 .uk-padding-menu {
     padding: 30px 0;
 }


 .uk-mega-tab::before {
     border-color: var(--primary);
     border-left: solid 3px var(--light);
 }
  .mega-border-top
  {
     border-top: solid 3px var(--black-light);
  }
 .uk-mega-tab>*>a {
     border-right: 3px solid transparent;
 }
 .mega-border-top {
     border-top: solid 3px var(--light);
 }
 .uk-megamenu-viewall {
     margin: 15px 0;
     padding: 15px 0;
     border-top: solid 1px var(--light);
 }

header.uk-sticky.uk-sticky-fixed {
background: #fff;
}

.uk-middle-header {
border-bottom: solid 1px #eee;
/* padding: 18px 0; */
display: block;
}
.uk-offcanvas-bar {
    background: var(--bg-primary);
}
.uk-offcanvas-close {
top: 8px;
right: 8px;
color: #003374 !important;
border-radius: 50%;
}

.uk-navbar-toggle.uk-open,
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
color: #d01e1e !important;
}

.uk-navbar-right {
position: relative;
color: #fff;
}

.uk-headertop-bg {
border-bottom: solid 1px #f3f3f3;
}

.uk-navbar-nav > li > a::before {
content: "";
display: block;
position: absolute;
z-index: 1;
bottom: -1px;
border-radius: 0;
height: 4px;
background-color: transparent;
transition: 0.8s ease-in-out;
transition-property: background-color, border-color, box-shadow, height, right;
left: 0;
right: calc(102% - 14px);
}

.uk-navbar-nav > li:hover > a::before,
.uk-navbar-nav > li > a.uk-open::before,
.uk-navbar-nav > li > a:focus::before,
.uk-navbar-nav > li > a.uk-active::before {
right: 0;
background-color: var(--secondary);
}

.uk-navbar-right .uk-contact-icon {
border: dashed 1px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
}

/* menu */

.uk-navsidebar li a {
border-bottom: solid 1px #eee;
}

ul.uk-navsidebar li {
display: block;
}

ul.uk-navsidebar li a {
border-bottom: solid 1px hsla(0, 0%, 0%, 0.19);
padding: 10px 15px;
font-size: 15px;
font-weight: 400;
color: var(--white);
}

ul.uk-navsidebar li a:hover,
ul.uk-navsidebar li a:focus {
background: rgba(4, 4, 4, 0.19);
}

li.uk-parent ul {
background-color: rgb(0 0 0 / 40%);
}

li.uk-parent ul li a {
padding: 8px 20px;
}

li.uk-parent ul ul {
background-color: rgb(0 0 0 / 30%);
}

li.uk-parent ul ul a {
font-size: 13px;
}

/* */

.uk-h-sticky.uk-sticky.uk-active.uk-sticky-fixed.uk-sticky-below
.uk-inner-navigation {
/*background: #003374 !important;*/
border: 0;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}

.uk-h-sticky.uk-sticky.uk-active.uk-sticky-fixed.uk-sticky-below
.uk-navbar-nav
> li
> a {
color:var(--white);
}

header .uk-navbar-nav > li > a {
color: var(--white);
font-weight: 500;
font-family: "Roboto", sans-serif;
position: relative;
transition: all 0.5s ease;
padding: 0 20px;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a.uk-open,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-active {
color: var(--white);
outline: 0;
text-decoration: none;
background: rgb(0 0 0 / 5%);
}

/*header inner*/

.uk-inner-navigation {
    background: var(--bg-primary) !important;
 }

/*end*/

ul.uk-sub-child {
width: 100%;
display: inline-block;
position: relative;
padding-left: 24px;
margin-top: 24px;
list-style: none;
}

ul.uk-sub-child li {
width: 100%;
height: auto;
padding: 0;
margin-right: 0;
/* margin-bottom: 9px;
     */
float: left;
word-wrap: break-word;
}

ul.uk-sub-child > li > a {
font-weight: 600;
width: 100%;
font-size: 15px;
float: left;
/* padding: 0!important;
     */
color: var(--primary);
text-transform: inherit;
letter-spacing: 0.4px;
padding: 8px 0;
position: relative;
border-bottom: solid 1px #eee;
font-family: "Roboto", "Open Sans", Montserrat, sans-serif;
}

ul.uk-sub-child li a:hover,
ul.uk-sub-child li a:focus,
ul.uk-sub-child li a.active {
color: #d01e1e;
}
/*
ul.uk-sub-child:after {
    content: '';
    position: absolute;
    left: 0;
    width: 3px;
    height: 100%;
    background: #ececec;
}

ul.uk-sub-child li:hover a:after {
    display: block;
}

ul.uk-sub-child li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: 3px;
    height: 100%;
    background: #d01e1e;
    z-index: 999;
    display: none;
} */

.uk-offcanvas-bar .uk-nav .uk-nav-sub a {
color: #fff !important;
border-bottom: 0 !important;
}

.uk-offcanvas-bar .uk-nav .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus {
color: #d01e1e !important;
}

.uk-navbar-dropdown,
.uk-dropdown {display: none;position: absolute;z-index: 1020;box-sizing: border-box;width: 230px;margin: 0;padding: 0;background: rgb(99 165 34 / 90%) !important;color: #fff;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);}

.uk-dropdown-nav {
white-space: inherit;
}
.uk-nav > li {
border-bottom: solid 1px rgb(0 0 0 / 12%);
}
.uk-nav > li:last-child {
border-bottom: 0;
}
.uk-nav-list-mega  li a{
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
    padding: 8px 15px;
    display: block;
}
.uk-nav-list-mega  li a:hover{
    color: var(--white);background: rgb(0 0 0 / 23%);
    border-radius: 30px;
}
.uk-nav > li > a {padding: 8px 15px;color: var(--white);    font-weight: 400;
    font-size: 16px;}
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {color: var(--white);background: rgb(0 0 0 / 23%);}

/*header end */
/* banner */

.uk-slidenav svg {
width: 16px;
}

.uk-slidenav svg polyline {
stroke-width: 3px;
stroke: var(--white) !important;
}

/* end */

/*tab*/
.uk-home-tab {
    background: #fff;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
}
.uk-home-tab li {
    margin: 0;
    padding: 0;
    flex: auto;
}
.uk-home-tab a {
    text-transform: initial;
    font-size: inherit;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
}

.uk-home-tab .uk-active > a {
    background: var(--bg-primary);
    color: var(--white);
    border-color: transparent;
}

ul.uk-home-tab::before {
    display: none;
}
/*tab end*/

/* home list */
ul.uk-theme-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.uk-theme-list li {
    list-style: none;
    background: url(../images/list-icon.png) left center no-repeat;
    padding-left: 30px;
}
ul.uk-theme-list li a {
    font-weight: bold;
    font-size: 15px;

}
ul.uk-list-resources {
    margin: 0;
    padding: 0;
    list-style: none;
    background: var(--bg-light);
}

ul.uk-list-resources li {
    display: block;
    padding: 20px 30px;
    border-bottom: solid 1px #00000012;
}
ul.uk-list-resources li:first-child {
    background: var(--bg-white);
}
select.uk-select-home {
    width: 150px;
    height: 35px;
    margin-bottom: 10px;
    border: solid 2px var(--primary);
    padding: 0 10px;
    border-radius: 5px;
    font-weight: bold;
}
/* end */
/* youtube video toggle */
.youtube-player {
    position: relative;

    width: 100%;
    height: 300px;
    background: #000;
    margin: 0;
    overflow: hidden;
  }
  .youtube-player img{
    width: 100%;
    min-height: 300px;
    height: 100%;
    object-fit: cover;
  }
  .youtube-player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }
/*
  .youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  } */

  .youtube-player img:hover {
    -webkit-filter: brightness(75%);
  }

  .youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../images/play.png") no-repeat;
    cursor: pointer;
  }


  /* end */

/* team */
.uk-member-holder .uk-social-icon svg path {
    fill: #848484;
}
.uk-member-holder .uk-social-icon a:hover svg path {
    fill: var(--primary);
}
.uk-member-header {
background: #003374;
padding: 5px 20px;
}
.uk-member-holder {
/* background: url('../images/member-holder.png') no-repeat 0 100% #f4f4f4; */
/*padding: 50px 15px;*/
font-size: 15px;
}
.uk-member-holder ul {
list-style: none;
margin: 0;
padding: 0;
}
.uk-member-img {
width: 130px;
height: 130px;
overflow: hidden;
border-radius: 50%;
margin: 15px auto;
}

.uk-member-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-small-list {
height: 300px;
overflow: auto;
}
.sm-team-img {
padding: 0.18rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}

.uk-list-member {
background: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 16%);
border-radius: 5px;
overflow: hidden;
}

.uk-list-member .uk-list-title {
background: #003374;
padding: 5px 10px;
}

.uk-list-member .uk-list-title > * {
color: #fff;
line-height: 1;
margin: 0;
padding: 2px 0;
font-size: 13px;
}

.uk-list-body {
padding: 5px 10px;
}

.uk-list-footer:hover {
background: rgb(208 30 30 / 78%);
color: #fff;
}
.uk-list-footer {
background: #d01e1e;
text-align: center;
display: block;
color: #fff;
margin: 0;
padding: 3px 0;
font-size: 13px;
}

.uk-list-footer > * {
color: var(--primary);
font-weight: bold;
}
ul.uk-list-aside {
margin: 0;
padding: 0;
list-style: none;
}

ul.uk-list-aside li {
margin-bottom: 15px;
}
ul.uk-list-aside li:last-child {
margin-bottom: 0;
}
.uk-border-image {
padding: 0.18rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
}
/* end */

/*footer start*/

footer li a {
color: #fff;
}

footer li a:hover,
footer li a:focus {
color: #ddd;
text-decoration: underline;
}

/*social media*/

div#social a:hover {
text-decoration: none;
}
.uk-icon-small {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
}
.smGlobalBtn {
display: inline-block;
position: relative;
cursor: pointer;
width: 40px;
height: 40px;
padding: 0px;
text-decoration: none;
text-align: center;
color: #fff;
 line-height: 40px;
border-radius: 50%;
}

/* facebook button class*/

.facebookBtn {
background: #4060a5;
}

.facebookBtn:before {
/* use :before to add the relevant icons */
font-family: "FontAwesome";
content: "\f09a";
/* add facebook icon */
}

.facebookBtn:hover {
    color: var(--white);
    background: var(--bg-primary);
}

/* twitter button class*/

.twitterBtn {
background: #00abe3;
}

.twitterBtn:before {
font-family: "FontAwesome";
content: "\f099";
/* add twitter icon */
}

.twitterBtn:hover {
    color: var(--white);
    background: var(--bg-primary);
 }

/* google plus button class*/

.youtubeBtn {
background: #e64522;
}

.youtubeBtn:before {
font-family: "FontAwesome";
content: "\f16a";
 }

.youtubeBtn:hover {
    color: var(--white);
    background: var(--bg-primary);
 }

/* linkedin button class*/

.linkedinBtn {
background: #0094bc;
}

.linkedinBtn:before {
font-family: "FontAwesome";
content: "\f0e1";
/* add linkedin icon */
}

.linkedinBtn:hover {
    color: var(--white);
    background: var(--bg-primary);
}

/* pinterest button class*/

.pinterestBtn {
background: #cb2027;
}

.pinterestBtn:before {
font-family: "FontAwesome";
content: "\f0d2";
/* add pinterest icon */
}

.pinterestBtn:hover {
color: #cb2027;
background: #fff;
border-color: #cb2027;
}

/* instagram button class*/

.instagramBtn {
background: #184f85;
}

.instagramBtn:before {
font-family: "FontAwesome";
content: "\f16d";
/* add pinterest icon */
}

.instagramBtn:hover {
    color: var(--white);
    background: var(--bg-primary);
}

/* instagram button class*/


/*form panel*/
.uk-form-header {
padding: 8px 20px;
border-radius: 8px 8px 0 0;
border: solid 1px #eee;
background: #003374;
}
.uk-form-header > * {
color: #fff;
}
.uk-form-header p {
margin: 3px 0 0;
color: #fff;
}

.uk-form-body {
padding: 20px;
border: solid 1px #eee;
border-top: 0;
border-radius: 0 0 8px 8px;
background: #eee;
}
.uk-form-body label {
color: #000;
font-weight: bold;
}
.uk-form-panel {
margin-bottom: 30px;
}
.uk-form-footer {
border: solid 1px #eee;
margin-top: -8px;
background: #fff;
padding: 15px;
border-radius: 0 0 8px 8px;
}
.uk-clearfix {
clear: both !important;
}
/*pagination*/


ul.pagination li {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
}

ul.pagination {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center;
    margin: 0;
    padding: 15px;
    background: var(--bg-white) !important;
    box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
}

ul.pagination li a {
    color: var(--primary);
}

ul.pagination li.active,ul.pagination li:hover,ul.pagination li:focus {
    background: var(--bg-primary);
    color: var(--white); !important;
}

ul.pagination li.active a, ul.pagination li:hover a, ul.pagination li:focus a {
    color: var(--white);
}

/*footer end*/