/* figtree fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

:root{
    --white-color: #ffffff;
    --black-color: #000000;
    
    --theme-color:#00AFEF;
    --secondary-color:#444444;
    --gray-bg:#F2F2F2;
    --info-bg:#0C54A0;

    --figtree-font: "Figtree", sans-serif;
}

/* container */
.container{ max-width: 1475px; padding: 0 50px; margin: 0 auto; width: 100%; }

body{ font-size: 17px; line-height: 1.47; color: var(--secondary-color); font-family: var(--figtree-font); font-weight: 500;}
section{overflow: hidden;}

::-moz-selection{ background-color: var(--white-color); color: var(--theme-color); }
::selection{ background-color: var(--white-color); color: var(--theme-color); }

p{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0; font-family: var(--figtree-font);}

/* global anchor tag css */
a{text-decoration: none; color: var(--white-color); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: inline-block;}
a:hover{color: var(--primary-color);}

ul li, ol li{list-style-type: none; }
ol, ul { padding-left: 0rem; }

ul.listing { padding-left: 0; margin-bottom: 21px; margin-left: -2px; }
ul.listing li { position: relative; padding-left: 24px; margin-bottom: 4px; font-size: 15px; font-weight: 500; line-height: 1.34; list-style: none; }
ul.listing li::before { content: '•'; position: absolute; left: 0; top: 35%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 35px; color: var(--theme-color); line-height: 25px; }

svg path{-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
img{-o-object-fit: cover;object-fit: cover;}

/* custom scrollbar */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.3); background-color: #F5F5F5; }
::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb {border-radius:5px; background-color: var(--theme-color); }

.btn1{ position: relative; z-index: 1; background-color: var(--theme-color); color: var(--white-color); border: 1px solid var(--theme-color); padding: 19px 31px 17px; font-size: 13px; font-weight: 500; line-height: 1.15; letter-spacing: 0.4px; text-transform: uppercase; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn1:hover{ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: var(--white-color); border: 1px solid var(--info-bg); }
.btn1::after { position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 100%; z-index: -1; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); background: var(--info-bg); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn1:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.custom-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; gap: 10px; }
.custom-prev, .custom-next { border: 1px solid transparent; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; background-color: var(--theme-color); border-radius: 50%; width: 39px; height: 39px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.custom-prev:hover,.custom-next:hover{ background-color: var(--info-bg); border-color: var(--white-color); }

/* section heading css */
.theme-subtitle{ font-size: 20px; font-weight: 500; line-height: 1.2; font-weight: 500; text-transform: capitalize;color: var(--theme-color); display: inline-block; }
.theme-title{ font-size: 35px; line-height: 1.172; font-weight: 600; color: var(--secondary-color); }
.left-space{ padding-left: 39px; }

/* image hover effect */
.img-effect { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; max-height: 100%; overflow: hidden; }
.img-effect img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; display: block; }
.img-effect::before, .img-effect::after { content: ""; position: absolute; background: #fff; height: 0; width: 0; z-index: 1; opacity: 0.7; -webkit-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all 1.3s ease; }
.img-effect::before { top: 0; left: 0; }
.img-effect::after { bottom: 0; right: 0; }
.img-effect:hover::before,
.img-effect:hover::after { width: 100%; height: 100%; opacity: 0; }

/* form css */
form.common-form .form-grp { position: relative; height: 100%; }
form.common-form .form-grp label { position: absolute; top: 18px; left: 16px; margin-bottom: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
form.common-form .form-grp .form-control{ height: 60px; border-radius:0; border: none; font-size: 17px; line-height: normal; color: var(--black-color); margin-top: 0; width: 100%; padding: 26px 16px 6px; caret-color: var(--info-bg); outline: none !important; background: #f2f2f2; background: -webkit-gradient(linear, left top, right top, from(#0c54a0), to(#0c54a0)) center bottom / 0 0.1em no-repeat, -webkit-gradient(linear, left top, right top, from(#f2f2f2), to(#f2f2f2)) left bottom / 100% 0.15em no-repeat, -webkit-gradient(linear, left top, right top, from(#f2f2f2), to(#f2f2f2)) left bottom / 100% no-repeat; background: -o-linear-gradient(left, #0c54a0, #0c54a0) center bottom / 0 0.1em no-repeat, -o-linear-gradient(left, #f2f2f2, #f2f2f2) left bottom / 100% 0.15em no-repeat, -o-linear-gradient(left, #f2f2f2, #f2f2f2) left bottom / 100% no-repeat; background: linear-gradient(90deg, #0c54a0, #0c54a0) center bottom / 0 0.1em no-repeat, linear-gradient(90deg, #f2f2f2, #f2f2f2) left bottom / 100% 0.15em no-repeat, linear-gradient(90deg, #f2f2f2, #f2f2f2) left bottom / 100% no-repeat; -webkit-transition: background-size 0.3s ease; -o-transition: background-size 0.3s ease; transition: background-size 0.3s ease; }
form.common-form input:-webkit-autofill, form.common-form textarea:-webkit-autofill, form.common-form select:-webkit-autofill { -webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s ; }
form.common-form .form-grp .form-control:focus { -webkit-box-shadow: none; box-shadow: none; background-size: 100% 0.1em, 100% 0.1em, 100%; }
form.common-form .form-grp .form-control:focus + label, form.common-form .form-grp .form-control.text-added + label{ font-size: 14px; top: 10px; opacity: 0.8; }
form.common-form .form-grp textarea{ min-height: 140px; resize: none; padding: 30px 16px 12px !important; }

/* header css */
.header_inr{ position: relative; }
.header_inr::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain;background: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, 1)), to(rgba(84, 84, 84, 0)));background: -o-linear-gradient(top,rgba(0, 0, 0, 1), rgba(84, 84, 84, 0));background: linear-gradient(180deg,rgba(0, 0, 0, 1), rgba(84, 84, 84, 0)); opacity: 25%; }
header .header_inr{ position: fixed; top: 0; z-index: 5; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.35); -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease;}
header .header_inr.scroll-down{-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); background: var(--white-color);}
header .header_inr.scroll-up{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); background: var(--white-color); -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
header .header_inr .navbar{ background-color: transparent; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }
header .header_inr .navbar .navbar-brand{ margin: 24px 32px 24px 30px; }
header .header_inr .navbar .navbar-brand img{ width: 63px; height: auto; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
header .header_inr.scroll-up .navbar .navbar-brand img, header .header_inr.scroll-down .navbar .navbar-brand img{width: 45px;}
header .header_inr .navbar .navbar-nav .nav-item a { color: var(--white-color); font-size: 17px; font-weight: 500; line-height: 1.2; margin: 0px 13.5px; padding: 0; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .header_inr .navbar .contact-info{ padding: 0 25px 0 30px; margin-left: 7px; height: 100%; }
header .header_inr .navbar .contact-info .nav-item a { color: var(--white-color); font-size: 17px; font-weight: 500; line-height: 20px; margin: 0px 20px; }
header .header_inr .navbar .contact-info .nav-item.contact-us { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.35); height: 100%; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language{ padding-left: 30px; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select select { display: none; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-selected { font-size: 17px; line-height: 30px; color: var(--white-color); cursor: pointer; border-radius: 5px; width: 37px;}
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-items { position: fixed; top: 80px; right: 30px; width: 60px; background-color: #fff; z-index: 2; border-radius: 5px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15); box-shadow: 0 2px 10px rgba(0,0,0,0.15); overflow: hidden;opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; visibility: visible; pointer-events: none; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s ease; transition: opacity 0.3s ease, -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease, opacity 0.3s ease; transition: transform 0.4s ease, opacity 0.3s ease; transition: transform 0.4s ease, opacity 0.3s ease, -webkit-transform 0.4s ease; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select.select-items.select-hide { visibility: hidden; pointer-events: none; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-items.active { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-items div { padding: 4px 18px; cursor: pointer; background-color: #fff; color: var(--secondary-color); }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-items div:hover { background-color: var(--theme-color); color: #fff; }
header .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-items .same-as-selected { background-color: var(--theme-color); color: #fff; }
header .header_inr .navbar .contact-info .translator .nav-link:focus,.translator .nav-link:hover{ color: var(--white-color); }
header .header_inr .navbar .contact-info.translator {border-left: 1px solid rgba(255, 255, 255, 0.35); }
header .header_inr .navbar .contact-info.translator .dropdown-toggle{ font-size: 17px; line-height: 21px; color: var(--white-color); font-weight: 500; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .translator .dropdown-toggle::after { content: none; }
header  .translator .dropdown-menu-end { top: calc(60% + 10px); right: 18px; left: auto; margin: 0; padding: 0; width: 64px; border: none; min-width: 65px; max-height: 144px; overflow-y: auto; overflow-x: hidden; background: var(--white-color); border-radius: 5px; z-index: 3;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
header .translator ul>li>a { font-size: 15px; font-weight: 500;  padding: 5px; background: var(--white-color); border-bottom: 1px solid rgba(0,0,0,0.35); text-align: center; }
header .translator ul>li>a:hover{background-color: var(--theme-color); color: var(--white-color);}
header .translator ul>li:last-child>a{border-bottom: 0;}
header .translator .dropdown-toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; }
header .header_inr .navbar-expand-lg .navbar-nav{ width: 100%; }
header .translator .dropdown-toggle .selected-lang{line-height: normal;}
header .header_inr .navbar-expand-lg .navbar-nav .nav-item:last-child{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }
header .header_inr .navbar-expand-lg .navbar-collapse{-webkit-box-flex: 0;-ms-flex: none;flex: none;}
/* mobile menu */
header .header_inr .navbar .mobile-drp .navbar-toggler { border: none; border-left: 1px solid rgba(255,255,255,0.35);border-radius: 0; height: 100%; width: 88px; padding: 5px 27px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; }
header .header_inr.scroll-up .navbar .mobile-drp .navbar-toggler , header .header_inr.scroll-down .navbar .mobile-drp .navbar-toggler  {border-left-color:rgba(0, 0, 0, 0.35) ;}
header .header_inr .navbar .mobile-drp{ margin-right: 40px; }
header .header_inr .navbar .mobile-drp .navbar-toggler .navbar-toggler-line { width: 100%; height: 3px; background: var(--white-color); display: block; }
header .header_inr.scroll-up .navbar .mobile-drp .navbar-toggler .navbar-toggler-line, header .header_inr.scroll-down .navbar .mobile-drp .navbar-toggler .navbar-toggler-line{background-color: var(--secondary-color);}
header .header_inr .navbar .mobile-drp .navbar-toggler .navbar-toggler-line:nth-child(1) { width: 100%; }
header .header_inr .navbar .mobile-drp .navbar-toggler .navbar-toggler-line:nth-child(2) { width: 70%; }
header .header_inr .navbar .mobile-drp .navbar-toggler .navbar-toggler-line:nth-child(3) { width: 50%; }
/* Offcanvas styles */
header .offcanvas {height: calc(100dvh - 60px); overflow-x: hidden; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); top: 0px; bottom: 0; right: 0; width: 280px; background-color: var(--theme-color); z-index: 1045; color: var(--white-color); }
header .offcanvas.offcanvas-end{ border-left: 0; top: 30px;}
header .offcanvas.offcanvas-end.showing, header .offcanvas.offcanvas-end.show{right: 30px;}
header .offcanvas-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .offcanvas .offcanvas-body{-webkit-box-flex: 1 !important;-ms-flex-positive: 1 !important;flex-grow: 1 !important; }
header .offcanvas-body ul li{ margin-bottom: 0px; }
header .btn-close { border: none; color: white; font-size: 18px; font-weight: 600; cursor: pointer; }
header .offcanvas a { color: var(--white-color); text-decoration: none; display: block; margin: 8px 0; padding: 0; }
header .offcanvas-header .btn-close { opacity: .9; border: 1px solid black; padding: 14px; border-radius: 50%; }
header .header_inr .navbar .contact-info .nav-item a{ min-height: 116px; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .header_inr .navbar .navbar-nav .nav-item a, header .header_inr .navbar .contact-info .nav-item a, .offcanvas-body .navbar-nav li a { text-decoration: none; position: relative; }
header .header_inr .navbar .navbar-nav .nav-item a::before{ content: ""; position: absolute; height: 3px; width:0%; top: 0px;  right: 0; background-color: var(--white-color); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
header .header_inr.scroll-up .navbar .navbar-nav .nav-item a::before{ background-color: var(--theme-color); }
header .header_inr .navbar .navbar-nav .nav-item a:hover::before, header .header_inr .navbar .navbar-nav .nav-item a.active::before{width: 100%; left: 0; right: 0; }
/* scroll header */
.header_inr.scroll-up{ background-color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }
.header_inr.scroll-up::before, .header_inr.scroll-down::before { background: rgba(255, 255, 255, 0.9); }
header .header_inr.scroll-up .navbar .nav-link,.header_inr.scroll-up .header_inr .navbar .contact-info .nav-item.lang-select .language .filter-select .select-selected  { color: var(--secondary-color) !important; }
header .header_inr.scroll-up .navbar .contact-info.translator { border-left: 1px solid rgba(0, 0, 0, 0.1); }
header .header_inr.scroll-up .navbar .contact-info .translator .dropdown-toggle .svg path , .header_inr.scroll-up .dropdown-toggle .svg path { fill: var(--secondary-color); }
/* mobile menu */
header .header_inr.scroll-up .mobile-menu .selected-lang{ color: var(--secondary-color); }

/* footer */
footer{ background-color: var(--info-bg); padding: 68px 0 0px 0; }  
footer .footer-top { padding-bottom: 52px; }
footer .footer-top .footer_logo{ margin: 0 0 0 67px; } 
footer .footer-top .footer_menu { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 49px; margin: 0 0 0 35px; }
footer .footer-top .footer_menu li a{ opacity: .85; text-transform: capitalize;line-height: 1.75; position: relative; color: var(--white-color); }
footer .footer-top .footer_menu li a::after{ content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background: var(--white-color); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
footer .footer-top .footer_menu li a:hover::after{ width: 100%; left: 0; right: auto; }
footer .footer-top .footer_menu li a:hover{ opacity: 1;}
footer .footer-bottom{ padding: 30px 0 60px 48px; border-top: 1px solid rgba(255, 255, 255, 0.25); }
footer .footer-bottom .contact{ margin-left: 5px; }
footer .footer-bottom .follow-us{ margin-left: 20px; }
footer .footer-bottom h5{ font-size: 13px; font-weight: 500; line-height: 15px; color: var(--white-color); text-transform: uppercase; letter-spacing: 1.3px; margin-bottom: 16px; }
footer .footer-bottom .contact h5{ margin-bottom: 17px; }
footer .footer-bottom .contact .contact-in a{ display: block; opacity: .65; line-height: 1.7; font-size: 16px; font-weight: 400; }
footer .footer-bottom .contact .contact-in a:hover{opacity: 1; color: var(--white-color)}
footer .footer-bottom .follow-us h5{ margin-bottom: 21px; }
footer .footer-bottom .follow-us .social-media{ gap: 8px; margin-bottom: 0; }
footer .footer-bottom .follow-us .social-media .social-icon { border: 1px solid white; border-radius: 50%; height: 44px; width: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.social-icon img { max-width: 60%; max-height: 60%; }
footer .footer-bottom p { color: var(--white-color); font-size: 16px; opacity: .65; line-height: 1.55; font-weight: 400;margin-bottom: 0; }
footer .footer-bottom p span{ display: block; }
footer .copyright{ background-color: var(--theme-color); padding: 27px 0; } 
footer .copyright p{ color: var(--white-color); opacity: .85; margin-bottom: 0; font-size: 15px; line-height: 18px; text-align: center;}
footer .copyright p a svg{ -webkit-filter: invert(1) grayscale(1) brightness(2); filter: invert(1) grayscale(1) brightness(2); opacity: 0.8; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; margin-left: 4px; }
footer .copyright p a svg:hover { opacity: 1;}
.footer_menu li a:hover::before{ -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.footer_menu li a::before{ height: 2px; width: 100%; top: 30px; }
footer .footer-bottom .follow-us .social-media .social-icon:hover{ background-color: var(--white-color); }
footer .footer-bottom .follow-us .social-media .social-icon:hover .svg path{ fill: var(--theme-color); }

/* ===== csr section ===== */
.csr{ background-color: var(--gray-bg);}
.csr .csr-left .theme-heading .theme-subtitle{ margin-bottom: 13px; }
.csr .csr-left .theme-heading .theme-title{ margin-bottom: 16px; white-space:pre-line; }
.csr .csr-left p{ margin-bottom: 30px; max-width: 455px; }
.csr .csr_img img{mix-blend-mode: multiply;}
.csr_img img{ -webkit-animation: slide-updown 4s ease-in infinite alternate; animation: slide-updown 4s ease-in infinite alternate; }
@-webkit-keyframes slide-updown { 100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);} }
@keyframes slide-updown { 100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);} }