@charset "UTF-8";




/*-----------------
    @Typography
-----------------*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,900;1,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');

@import url(css/bootstrap.min.css);
@import url(css/flaticon.css);
@import url(css/fontawesome.min.css);
@import url(css/owl.carousel.min.css);
@import url(css/owl.theme.default.min.css);
@import url(css/slicknav.css);
@import url(css/lightbox.min.css);
@import url(css/animate.min.css);
@import url(css/form-style.css);
@import url(css/azino-icons.css);
/*---------------------------
** Global css
---------------------------*/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
}

/* ================================================== */
/* 01. General Style */
/* ================================================== */

body { font-family:'Jost', sans-serif; font-weight: normal; font-size: 14px; color: #687377; line-height:1.1; }
body::-webkit-scrollbar { width:6px;}
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px;}
body::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);}

:root {
  --dark-color:#1c1f21;
  --theme-color1:#0093dd;
  --theme-color2:#2ba737;
  --theme-color3:#004e99;
  --white-color:#fff;
  --black-color:#000000;
  --theme-color1-rgb: 0,147,221;
}
/*---Typography---*/
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-family:'Jost', sans-serif; color:#00324c; line-height: 1.1; }
h1 { font-size: 68px; font-weight: 600; }
h2 { font-size: 42px; font-weight: 500; }
h3 { font-size: 36px; font-weight: 500; }
h4 { font-size: 28px; font-weight: 400; }
h5 { font-size: 24px; font-weight: 400; }
h6 { font-size: 20px; font-weight: 300; }
p { padding: 0px; margin: 0px; font-family:'Jost', sans-serif; color:#687377; line-height: 1.3;  font-size: 16px;}
p.large { font-size: 16px; line-height: 30px; }
p.medium { font-size: 14px; line-height: 24px; }
p.small { font-size: 12px; line-height: 22px; }
ol, ul, li { padding:0px; margin: 0px;}
ol { display: block; list-style-type: decimal !important; margin: 0; padding: 0 0 0 15px; }
ol li { color: #687377; font-size: 14px; }
ul{ list-style:inside;}
ul.list-unstyled { list-style: none; }
img{width:100%; max-width: 100%;}
a{ text-decoration: none !important; outline: none; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
button{ outline:none !important;}
.btn.focus, .btn:focus{ box-shadow:none;}
label { font-weight: normal; }
::-webkit-input-placeholder { opacity:1;}
:-moz-placeholder { /* Firefox 18- */ opacity:1;}
::-moz-placeholder {  /* Firefox 19+ */ opacity:1;}
:-ms-input-placeholder { opacity:1;}
input, textarea{ transition: all 0.3s ease 0s;}
input:focus, textarea:focus, select:focus { outline: none; }
.btn { display: inline-block; padding: 14px 45px; background: #57bce2; font-size: 16px; color: var(--white-color); font-weight: 700; text-transform: uppercase; border-radius: 5px; }
.btn:hover { background: #f29a32; color: var(--white-color); }
hr{ margin:0px; border-color:#e5e5e5;}
figure{ margin:0px;}

a.boxed-btn,
.boxed-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: var(--white-color);
    color: #000;
    font-size: 16px;
    padding: 13px 40px 13px;
    transition: all 0.5s linear;
    overflow: hidden;
    z-index: 1;
    border: 1px solid var(--theme-color1);
}

.boxed-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    background-color: var(--theme-color1);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    z-index: -1;
}

.boxed-btn:hover:after {
    width: 100%;
    opacity: 1;
}

.boxed-btn:hover {
    color: var(--white-color);
}

a.readmore {
    display: inline-block;
    position: relative;
    color: var(--theme-color1);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

a.readmore::after {
    content: "\f101";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    top: 2px;
    right: 0px;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

a.readmore:hover::after {
    opacity: 1;
    right: -13px;
}

.form-element {
    margin-bottom: 20px;
}
.form-element .span-text{padding:10px 0;color: #4e5861; display: block; text-align: center;}
.form-element .span-text a{padding:10px;color: #000;}
.select-wrapper {
    position: relative;
}

.form-element input[type="text"],
.form-element input[type="tel"],
.form-element input[type="number"],
.form-element input[type="url"],
.form-element input[type="email"],
.form-element input[type="file"],
.form-element input[type="address"],
.form-element select,
.form-element textarea {
    height: 48px;
    width: 100%;
    border: none;
    background: #f6f6f6;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    border-radius: 0px;
    outline: none;
    font-size: 14px;
    color: #4e5861;
    font-weight: 400;
    display: block;
    
}
.form-element .fileUpload  input[type="file"] {padding-left:15px; line-height: 32px; margin: 10px 0 0;}
.form-element textarea {
    height: 120px;
}

.form-element select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
 button.boxed-btn[type="button"],
.form-element button[type="submit"],
.form-element input[type="submit"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: var(--white-color);
    color:#000;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 40px 13px;
    transition: all 0.5s linear;
    overflow: hidden;
    z-index: 1;
    border: 1px solid var(--theme-color1);
}

 button.boxed-btn[type="button"]:after,
.form-element button[type="submit"]:after,
.form-element input[type="submit"]:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    background-color: var(--theme-color1);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    z-index: -1;
}

 button.boxed-btn[type="button"]:hover:after,
.form-element button[type="submit"]:hover:after,
.form-element input[type="submit"]:hover:after {
    width: 100%;
    opacity: 1;
}

 button.boxed-btn[type="button"]:hover,
.form-element button[type="submit"]:hover,
.form-element input[type="submit"]:hover{
    color: var(--white-color);
}



.select-wrapper::after {
    position: absolute;
    content: "\f078";
    font-weight: 700;
    font-size: 12px;
    color: #a2a7ac;
    font-family: "Font Awesome 5 Free";
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



::-webkit-input-placeholder {
    color: #a2a7ac;
}

:-ms-input-placeholder {
    color: #a2a7ac;
}

::-ms-input-placeholder {
    color: #a2a7ac;
}

::placeholder {
    color: #a2a7ac;
}

.back-to-top {
    bottom: 30px;
    right: 0px;
    position: fixed;
    color: var(--white-color);
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: var(--theme-color1);
    border: 1px solid var(--theme-color1);
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.back-to-top:hover {
    background-color: var(--white-color);
    color: var(--theme-color1);
}

.back-to-top.show {
    opacity: 1;
    right: 30px;
}



.lightbox {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000;
    width: 100%;
    font-weight: 400;
}

.lightboxOverlay {
    position: fixed;
}


/*---------------------------
** Helper Css
---------------------------*/

.height-100 {
    height: 100%;
}

.no-margin {
    margin: 0px;
}

.no-padding {
    padding: 0px;
}

.outer {
    display: table;
    height: 100%;
}

.inner {
    display: table-cell;
    vertical-align: middle;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.parallax {
    background-attachment: fixed;
}
.container{max-width: 1170px !important;}

/*---------------------------
** Preloader css
---------------------------*/

.loader-container {
    position: fixed;
    background-color: var(--white-color);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.loader {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border: 4px solid var(--theme-color1);
    -webkit-animation: loader 2s infinite ease;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: var(--theme-color1);
    -webkit-animation: loader-inner 2s infinite ease-in;
    animation: loader-inner 2s infinite ease-in;
}

.loader-fadeout {
    opacity: 0;
    visibility: hidden;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}


/*---------------------------
** Header Area Css
---------------------------*/
.header-area{ position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background:rgba(255,255,255,0);
    z-index: 999;
    transition: all 500ms ease;
}}
.header-area .info-bar {
    background-color:var(--theme-color3);
    width: 100%;
    color: var(--white-color);
    line-height:30px;
}
.header-area.sticky-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header-area.sticky-navbar .support-nav-area {
    background-color: var(--white-color);
}

.header-area.sticky-navbar .navbar-area {
    padding:0 0 0px;width: 100%;
    left: 0;
}
.header-area.sticky-navbar .info-bar{display: none;}
.header-area.sticky-navbar .navbar-area::before {
    width: 65px;
}
.header-area .right-content{ text-align: right;  width: auto; display: block; }
.header-area .right-content span{font-size: 14px;}
.header-area .right-content i{padding-left: 10px;}
.support-nav-container .logo-wrapper{max-width:140px;background:var(--white-color); padding:5px 15px;}
.sticky-navbar .support-nav-container, .header-area.sticky-navbar{background:var(--white-color);}


.social-links {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
}

.social-links li {
    display: inline-block;
    margin-right:10px;
    padding: 20px 0;
}

.social-links li a {
    color: var(--white-color);
    font-size: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sticky-navbar .social-links li a {
    color: #00324c;
}
.social-links li a:hover,.sticky-navbar .social-links li a:hover {
    color: var(--theme-color1);
}

/*----------------------------------
  ----  Nav Menu Styles  ------
------------------------------------*/
#mobileMenu {
    display: none;
}
.sticky-navbar {
    border: none;
    -webkit-animation: navFadeIn 1s;
    animation: navFadeIn 1s;
}
.nav-area{position:relative; display: block;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0); }
.nav-area:before{    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    content: "";width: 100%;
    height: 1px;
    background-color:rgba(255,255,255,0.4); z-index: 100001;}
    .nav-area:after{    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";width: 100%;
    height: 3px;
    background-color: var(--white-color); z-index: 100001;}
.nav-area .navbar-area {
     top: 0; left: 0; text-align: left;
    background-color:rgba(0,0,0,0);
    padding:0px; width: 100%;
}
.sticky-navbar .nav-area {box-shadow: 0 2px 2px 0 rgb(0 0 0 / 3%);}
.sticky-navbar .nav-area .navbar-area{background-color: var(--white-color);}
.sticky-navbar .logo-wrapper{display: block;}


.navbar-area nav ul {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    margin-top: -2px;
    text-align: left;
}

.navbar-area nav ul li {
    display: inline-block;
    margin: 0px 18px;
    position: relative;
    padding: 13px 0;
}

.navbar-area nav ul li.active::before {
    content: "";
    position: absolute;
    height: 9px;
    width: 2px;
    background-color: var(--theme-color1);
    top: 50%;
    left: -9px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sticky-navbar .navbar-area nav ul li.active a,.navbar-area nav ul li.active a {
    color: var(--theme-color1);
}

.navbar-area nav ul li.dropdown.active::after {
    color: var(--theme-color1);
}

.navbar-area nav ul li:last-child {
    margin-right: 0px;
}

.navbar-area nav ul li:first-child {
    margin-left: 20px;
}

.navbar-area nav ul li a {
    color: var(--white-color);
    padding: 0px;
    font-weight: 400;
    padding:0;
    line-height: 28px;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sticky-navbar .navbar-area nav ul li a{color:#00324c;}
.navbar-area nav ul li:hover a {
    color: var(--theme-color1);
}

.navbar-area nav ul li.dropdown {
    position: relative;
    margin-right: 32px;
}

.navbar-area nav ul li.dropdown::after {
    position: absolute;
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: var(--white-color);
    top: 40%;
    right: -13px;
    font-size: 12px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.navbar-area nav ul li.dropdown:hover::after {
    color: #333;
}

.navbar-area nav ul li.dropdown ul {
    position: absolute;
    z-index: 10;
    color: var(--white-color);
    visibility: hidden;
    -webkit-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
    opacity: 0;
    left: 50%;
    top:58px;
    width: 200px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.navbar-area nav ul li.dropdown:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.navbar-area nav ul li.dropdown ul li {
    display: block;
    text-align: center;
    background-color:#030418;
    margin: 0px; padding: 0;
    position: relative;
    z-index: -1;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}


.navbar-area nav ul li.dropdown ul li:last-child {
    border-bottom: none;
}

.navbar-area nav ul li.dropdown ul li a {
    display: block;
    padding:7px 20px;
    color: var(--white-color);
    position: relative;
    overflow: hidden;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.navbar-area nav ul li.dropdown ul li a:hover {
    background-color: var(--theme-color2);color: var(--white-color);
}

.navbar-area nav ul li.dropdown ul li a::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-bottom: 0px solid var(--white-color);
    border-right: 0px solid transparent;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: -1;
}

.navbar-area nav ul li.dropdown ul li a::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid var(--white-color);
    border-left: 0px solid transparent;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: -1;
}

.navbar-area nav ul li.dropdown ul li a:hover::before {
    border-bottom: 220px solid var(--white-color);
    border-right: 220px solid transparent;
}

.navbar-area nav ul li.dropdown ul li a:hover::after {
    border-top: 220px solid var(--white-color);
    border-left: 220px solid transparent;
}

.navbar-area nav ul li.dropdown ul li.active {
    background-color: var(--white-color);
}

.navbar-area nav ul li.dropdown ul li.active a {
    color: var(--theme-color1);
}

.navbar-area nav ul li.dropdown ul li.active::before {
    display: none;
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus {
    position: relative;
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus ul {
    position: absolute;
    width: 200px;
    left: 200px;
    top: 2px;
    opacity: 0;
    visibility: hidden;
    display: none;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus:hover ul {
    opacity: 1;
    visibility: visible;
    display: block;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus ul li a {
    color: var(--white-color);
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus ul li.active a {
    color: var(--theme-color1);
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus ul li:hover a {
    color: var(--theme-color1);
}

.navbar-area nav ul li.dropdown ul li.dropdown-submenus a i {
    font-size: 9px;
    margin-left: 2px;
}

/*........................................ 
        pop up style 
.........................................*/

.modal-pop-up-sec{position: relative;}

.modal-pop-up-sec .modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: 400;
}
.modal-pop-up-sec .form-element button[type="submit"]{ display: block; margin:0 auto 15px; width:170px; }
.modal-pop-up-sec .modal-body{}
.modal-pop-up-sec .modal-header{position: relative; display: block;border:none;}
.modal-pop-up-sec .modal-title{text-align: center;}
.modal-pop-up-sec .modal-dialog{max-width: 400px;}
.modal-pop-up-sec .modal{top:70px; padding:20px;}
.modal-pop-up-sec .modal-content{padding: 20PX;}
 .modal-content .form-element input[type="text"], 
 .modal-content .form-element input[type="tel"],
 .modal-content .form-element input[type="number"],
.modal-content .form-element input[type="address"],
 .modal-content .form-element input[type="url"],
 .modal-content .form-element input[type="email"],
 .modal-content .form-element input[type="file"],
 .modal-content .form-element select, .form-element textarea{ background: #f1f1f1; }


@-webkit-keyframes navFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes navFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}


@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}


/*---------------------------
** Search popup css
---------------------------*/

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 150;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.search-popup.popup {
    opacity: 1;
    visibility: visible;
}

.search-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #333;
    opacity: .9;
    cursor: pointer;
}

.search-popup form.search-form {
    position: fixed;
    z-index: 1;
    max-width: 768px;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search-popup form.search-form .form-element input[type="text"],
.search-popup form.search-form .form-element input[type="search"] {
    height: 60px;
    background-color: transparent;
    border-bottom: 1px solid var(--white-color);
    color: var(--white-color);
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::-webkit-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]::-webkit-input-placeholder {
    color: var(--white-color);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]:-ms-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]:-ms-input-placeholder {
    color: var(--white-color);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::-ms-input-placeholder,
.search-popup form.search-form .form-element input[type="search"]::-ms-input-placeholder {
    color: var(--white-color);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup form.search-form .form-element input[type="text"]::placeholder,
.search-popup form.search-form .form-element input[type="search"]::placeholder {
    color: var(--white-color);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.search-popup button {
    background-color: transparent;
    border: none;
    position: fixed;
    right: 20px;
    top: 20px;
    color: var(--white-color);
    font-size: 20px;
    cursor: pointer;
    outline: 0;
}


/*---------------------------
** Hero Area Css
---------------------------*/

.hero-bg {
    background-image: url('img/banner-3.jpg');
    background-size: cover;background-position: center;
}
.hero-bg1 {
    background-image: url('img/banner-1.jpg');
    background-size: cover;background-position: center;
}
.hero-bg2 {
    background-image: url('img/banner-2.jpg');
    background-size: cover;background-position: center;
}
.hero-area {
    padding:0;
    color: var(--white-color);
    position: relative;
}
 .highlight-btn-sec{    text-align: center;
    margin-top: -56px;
    position: relative;
    z-index: 11; }
  .highlight-btn-sec a.boxed-btn {
    font-size: 20px;
    border: none;
    height: 56px;
    line-height: 56px;
}
.single-hero-item{padding:180px 0; position: relative; }
.hero-txt {
    position: relative;max-width:800px; margin: 0 auto; display: block;
    z-index:200; text-align: center;
}

.single-hero-item .hero-overlay {
    position: absolute;
    background-color: #0b2b32;
    opacity: 0.2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; z-index: 100;
}

.hero-area .hero-txt > h2 {
    display: block;
    font-size: 38px;
    margin-bottom: 16px;
    color: var(--white-color);
}

.hero-area h5 {
    margin-bottom: 40px;
    line-height: 1.2;
    color: var(--white-color);
}

.hero-area a.boxed-btn {
    font-size: 20px;
}
.hero-carousel .owl-item.active .hero-txt h2 {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.hero-carousel .owl-item.active .hero-txt a.boxed-btn,
.hero-carousel .owl-item.active .hero-txt h5 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.hero-carousel {
    position: relative;
}

.hero-carousel.owl-theme .owl-dots {
    position: absolute;
    right: 0;
    width: 100%;
    top: 80%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%);
}

.hero-carousel.owl-theme .owl-dots .owl-dot {
    outline: none;
}

.hero-carousel.owl-theme .owl-dots .owl-dot span {
    background-color: rgba(255, 255, 255, .2);
    height: 10px;
    width: 10px;
}

.hero-carousel.owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--theme-color1);
}

.main-slider-overlay {
    background-color: rgba(31, 39, 50, 0.7);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

.main-slider-bottom:before {
    background-color: var(--white-color);
    bottom: -35px;
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    -webkit-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
    width: 50%;
    z-index: 4;
}

.main-slider-bottom:after {
    background-color: var(--white-color);
    bottom: -35px;
    content: "";
    height: 70px;
    position: absolute;
    right: 0;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    transform: skewY(-3deg);
    width: 50%;
    z-index: 4;
}

.main-slider-bottom .mouse-button {
    background-image: url("img/mouse_icon.png");
    background-repeat: no-repeat;
    bottom: 30px;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
    z-index: 4;
}
/*--------------------------------------------------------------
# Welcome One
--------------------------------------------------------------*/
.welcome-one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    background: #fafbfc;
}

.welcome-one__outer-img {
    position: absolute;
    top: 0;
    right: 0;
}

.welcome-one__outer-img img {
    filter: grayscale(100%);
}

.welcome-one__outer-img-overly {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--theme-color2);
    opacity: 0.8;
}

.welcome-one-shape-1 {
    width: 90px;
    position: absolute;
    top:50px;
    left: 0;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}



.welcome-one-shape-2 {
    position: absolute;
    bottom: 207px;
    left: 150px;
}

.welcome-one-shape-2 img {
    -webkit-animation: animation1 5s ease-in infinite;
    animation: animation1 5s ease-in infinite;
}

.welcome-one__left {
    position: relative;
    display: block;
    margin-right: 70px;
}

.welcome-one__left .section-title {
    margin-bottom: 39px;
}

.welcome-one__text-1 {
    color: #000;
    margin: 0;
    padding-bottom:25px;
}

.welcome-one__text-2 {
    margin: 0;
}

.welcome-one__points-box {
    position: relative;
    justify-content: space-between;
    margin-bottom:40px;
}

.welcome-one__points li {
    display: flex;
    align-items: center;
}

.welcome-one__points li .icon {
    height: 16px;
    width: 16px;
    font-size: 9px;
    border: 2px solid var(--theme-color1);
    border-radius: 50%;
    color: var(--theme-color1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcome-one__points li .text {
    margin-left: 10px;
}

.welcome-one__points li .text p {
    color: #000;
    margin: 0;    line-height: 1.5;
}

.welcome-one__right {
    position: relative;
    display: block;
}

.welcome-one__img-box {
    position: relative;
    display: block;
}

.welcome-one__img {
    position: relative;
    display: block;
    overflow: hidden;
}

.welcome-one__img::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
}

.welcome-one__img:hover:before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

.welcome-one__img img {
    width: 100%;
}

.welcome-one__completed {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color:var(--white-color);
    padding: 35px 60px 30px;
}

.welcome-one__completed:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--theme-color2);
    width: 4px;
}

.welcome-one__completed h3 {
    font-size: 36px;
    color: var(--theme-color2);
    font-weight: 400;
    line-height: 36px !important;
}

.welcome-one__completed p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.section-title {
    margin-top: -8px;
    margin-bottom: 40px;
}

.section-title__tagline {
    display: inline-flex;
    font-size: 20px;
    align-items: center;
    line-height: 1.4;
    margin-bottom: 3px;
}

.section-title__tagline::before {
    content: '';
    background-color: var(--theme-color1);
    width: 3px;
    height: 15px;
    margin-right: 10px;
}

.section-title__title {
    margin: 0 0 10px;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 400;
}
.about-inner-details__content ul.overview-points{margin-bottom:30px;}
.services-bottom{padding:50px 0 0;}
/*---------------------------
** About Area css
---------------------------*/
.about-area-sec{padding:100px 0;}
.about-area-sec.home{background:#eef9ff;}
.about-content-main{
    }
    .about-content-inner{
     position: relative;
    z-index: 1;
    color: #4e5861;}
    .about-content-main .text-area-sec{ padding:0 30px; }
    .about-content-main .img-wrapper{ position: relative; }
    .about-content-main .img-wrapper:after{background: transparent; position: absolute; width:50%; height: 50%; bottom:-7px;right:-7px;content: "";
border:3px solid var(--theme-color3); border-left:none; border-top: none;}
.about-content-main .img-wrapper:before{background: transparent; position: absolute; width:50%; height: 50%; top:-7px;left:-7px;content: "";
border:3px solid var(--theme-color3); border-right: none; border-bottom:none;}
    .about-content-main .text-area-sec p{margin: 0 0 10px;}
.about-content-main .boxed-btn{ margin-top: 20px; }
.welcome-content{text-align: center;}
.applynow .welcome-content{ margin: 0 0 50px; }
.welcome-content h6{margin: 0 0 60px; display: block;}
.welcome-content h1{margin:0 0 10px;}
h2.subtitle{font-size: 30px;}

/*--------------------------------------------------------------
# about-inner Details
--------------------------------------------------------------*/
.about-inner-details {
    position: relative;
    display: block;
    padding: 120px 0 ;
}

.about-inner-details__sidebar {
    position: relative;
    display: block;
}

.about-inner-details__sidebar-service {
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 48px 30px 23px;
}

.about-inner-details__sidebar-title {
    font-size: 20px;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 18px;
}

.about-inner-details__sidebar-service-list {
    margin: 0;
}

.about-inner-details__sidebar-service-list li+li {
    margin-top: 2px;
}

.about-inner-details__sidebar-service-list li a {
    color: var(--thm-gray);
    font-size: 18px;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    background: none;
    padding: 16px 20px;
}

.about-inner-details__sidebar-service-list li a:hover {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);
    color: #000;
}

.about-inner-details__sidebar-service-list li a span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.about-inner-details__sidebar-service-list li a span.icon-right-arrow-angle {
    font-weight: bold;
}

.about-inner-details__sidebar-service-list li a:hover span {
    color: var(--theme-color1);
}

.about-inner-details__need-help {
    position: relative;
    display: block;
    padding:60px 50px;
    text-align: center;
    z-index: 1;
}
.about-inner-details__right.services{padding-left: 30px;}
.about-inner-details__need-help-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    z-index: -1;
}

.about-inner-details__need-help-bg-overly {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--theme-color1-rgb), .90);
    z-index: -1;
}

.about-inner-details__need-help-icon {
    height: 85px;
    width: 85px;
    background-color: var(--theme-color3);
    color: var(--white-color);
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 30px;
    transition: all 500ms ease;
}

.about-inner-details__need-help-icon:hover {
    background-color: var(--white-color);
    color: var(--theme-color1);
}

.about-inner-details__need-help-title {
    font-size: 34px;
    color: var(--white-color);
    font-weight: 400;
    line-height: 46px;
    font-family: 'Reey';
}

.about-inner-details__need-help-contact {
    position: relative;
    display: block;
    margin-top: 27px;
}

.about-inner-details__need-help-contact p {
    font-size: 16px;
    color: var(--white-color);
    margin: 0;
    line-height: 18px;
}

.about-inner-details__need-help-contact a {
    font-size: 24px;
    color: var(--white-color);
}

.about-inner-details__right {
    position: relative;
    display: block;
}

.about-inner-details__img {
    position: relative;
    display: block;
    max-width: 200px;
}

.about-inner-details__img img {
    width: 100%;
}

.about-inner-details__content {
    position: relative;
    display: block;
    margin-top: 22px;
}

.about-inner-details__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 37px;
}

.about-inner-details__text {
    font-weight: 300;
    margin: 0;
}

.about-inner-details__benefits {
    position: relative;
    display: block;
    margin-top: 51px;
    margin-bottom: 60px;
}

.about-inner-details__benefits-img {
    position: relative;
    display: block;
}

.about-inner-details__benefits-img img {
    width: 100%;
}

.about-inner-details__benefits-title {
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 26px;
    margin-top: -8px;
}

.about-inner-details__benefits-text {
    font-size: 18px;
    margin: 0;
}

.about-inner-details__benefits-list {
    position: relative;
    display: block;
    margin: 30px 0 50px;
}

.about-inner-details__benefits-list li {
    position: relative;
    display: flex;
    align-items: center;
}

.about-inner-details__benefits-list li+li {
    margin-top: 6px;
}

.about-inner-details__benefits-list li .icon {
    height: 16px;
    width: 16px;
    border: 2px solid var(--theme-color2);
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color2);
}

.about-inner-details__benefits-list li .text {
    margin-left: 10px;
}

.about-inner-details__benefits-list li .text p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    margin: 0;
}

.about-inner-details__faq .faq-one-accrodion .accrodion {
    background-color: #f6f6f6;
}

.abt-inner-sec {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.abt-inner-sec__left {
    position: relative;
    display: block;
    margin-right: 70px;
}

.abt-inner-sec__left .section-title {
    margin-bottom: 28px;
}

.abt-inner-sec p {
    margin-bottom: 30px;
}

.abt-inner-sec__list {
    position: relative;
    display: block;
    margin-bottom: 39px;
}

.abt-inner-sec__list li {
    position: relative;
    display: flex;
    align-items: center;
}

.abt-inner-sec__list li .icon {
    height: 16px;
    width: 16px;
    border: 2px solid var(--theme-color1);
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color1);
}

.abt-inner-sec__list li .text {
    margin-left: 10px;
}

.abt-inner-sec__list li .text p {
    margin: 0;
    color: #000;
}

.abt-inner-sec__btn {
    border: 1px solid #000;
    background-color: transparent;
}

.abt-inner-sec__btn:after {
    background-color: #000;
}

.abt-inner-sec__right {
    position: relative;
    display: block;
    margin-left: -26px;
}

.abt-inner-sec__images {
    position: relative;
    display: flex;
    overflow: hidden;
}

.abt-inner-sec__images li {
    position: relative;
    display: inline-flex;
    float: left;
}

.abt-inner-sec__images li+li {
    margin-left: 12px;
}
/*---------------------------
** What We Offer Area css
---------------------------*/
    .wt-we-offer-area-sec{padding:100px 0 60px;}
    .wt-we-offer-area-sec p{margin: 0 0 10px;}
    .wt-we-offer-area-sec ul.overview-points{ margin: 20px 0 50px; }
    .wt-we-offer-area-sec .content-box{

        border: 2px solid rgb(250, 251, 252);
    background:var(--white-color);
    display: block;
    padding:30px 30px 40px;
    align-items: main--start;
    position: relative;
    border-radius: 5px;
    margin-bottom: 40px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    }
    .content-box:hover{background:rgb(250, 251, 252);}
    .content-box ul.overview-points li::before{color: var(--theme-color2);}
    .content-box:hover p,
    .content-box:hover ul.overview-points li,.content-box:hover ul.overview-points li::before{color:#00324c;}
     .wt-we-offer-area-sec .content-box .icon-wrapper i{font-size:65px; -webkit-transition: .5s;
        margin:10px 0 20px;display: block; color: var(--theme-color2);}
    
    
    .wt-we-offer-area-sec .content-box:hover .icon-wrapper i{color: var(--white-color)}
    .wt-we-offer-area-sec .text-area-sec.colored{background:#afe4ec; padding:30px;}
  
.wt-we-offer-area-sec .content-box:hover{border-color:rgb(250, 251, 252);;-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.content-inner:hover {
    border: 2px solid #afe4ec;-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.content-box .img-wrapper{ margin: 0 auto 30px ; max-width: 120px;}
.wt-we-offer-area-sec h2{margin:10px 0 40px;}
.about-content-main .text-area-sec h2{font-size: 24px; margin:10px 0 15px;}
.about-content-main .text-area-sec h4,.wt-we-offer-area-sec h4{font-size: 20px; margin:20px 0 10px; font-weight: 500;}
.content-box:hover h2,.content-box:hover h4{color:var(--theme-color3);}
.wt-we-offer-area-sec.inner-page h1{margin: 0 0 50px;}
.wt-we-offer-area-sec.inner-page .text-area-sec{position: relative; padding-left: 100px;}
.wt-we-offer-area-sec.inner-page .text-area-sec .icon-wrapper{position: absolute; top:0; left:0;width:100px;}
/*---------------------------
** oppurtunities Area css
---------------------------*/
.about-area-sec.oppurtunities {text-align: left;} 
.about-area-sec.oppurtunities .welcome-content{text-align: left; margin: 0 0 50px;}
/*--------------------------------------------------------------
# Portfolio Page
--------------------------------------------------------------*/
.project-page {
    padding:120px 0;
}
.project-one {
    position: relative;
    display: block;
    padding: 120px 0 170px;
}

.project-one:before {
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    content: "";
    height: 580px;
    background-color: #f6f6f6;
    z-index: -1;
}

.project-one .container {
    max-width: 1000px;
}


.project-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.project-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.project-one__img:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(var(--thm-black-rgb), .30);
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: top center;
    z-index: 1;
}

.project-one__single:hover .project-one__img:before {
    transform: scale(1, 1);
    transform-origin: bottom center;
}

.project-one__img img {
    width: 100%;
    transform: scale(1);
    transition: transform 500ms ease;
}

.project-one__single:hover .project-one__img img {
    transform: scale(1.05);
}

.project-one__content {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color:rgba(43,167,55,0.8);
    padding-top:18px;
    padding-bottom:18px;
    padding-left: 25px;
    padding-right: 50px;
    z-index: 2;
}

.project-one__content:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0%;
    content: "";
    background-color: var(--theme-color1);
    z-index: -1;
    transform: translateY(100%);
    transition: all 500ms ease;
}

.project-one__single:hover .project-one__content:before {
    transform: translateY(0);
    width: 100%;
}

.project-one__tagline {
    font-size: 12px;
    color: var(--thm-gray);
    font-weight: 300;
    line-height: 22px;
    transition: all 500ms ease;
}

.project-one__single:hover .project-one__tagline {
    color: var(--white-color);
}

.project-one__tagline span {
    padding-right: 3px;
    padding-left: 3px;
}

.project-one__tilte {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    color: var(--white-color);
}

.project-one__tilte>a {
    color: #000;
    transition: all 500ms ease;
}

.project-one__tilte>a:hover {
    color: var(--white-color);
}

.project-one__single:hover .project-one__tilte>a {
    color: var(--white-color);
}

.project-one__arrow {
    position: absolute;
    top: 0;
    right: 0;
}

.project-one__arrow>a {
    height: 30px;
    width: 30px;
    background-color:var(--white-color);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 500ms ease;
}

.project-one__arrow>a .icon-right-arrow-angle {
    font-weight: bold;
}

.project-one__single:hover .project-one__arrow>a {
    background-color: #000;
    color: var(--white-color);
}
/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.project-details__img {
    position: relative;
    display: block;
}

.project-details__img img {
    width: 100%;
}

.project-details__info {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--white-color);
    padding: 54px 60px;
}

.project-details__info-list {
    position: relative;
    display: flex;
    align-items: center;
}

.project-details__info-list li+li {
    margin-left: 105px;
}

.project-details__info-client {
    font-size: 18px;
    color: var(--thm-gray);
    font-weight: 400;
    margin-bottom: 2px;
}

.project-details__info-name {
    font-size: 16px;
    color: #000;
    margin: 0;
}

.project-details__content {
    position: relative;
    display: block;
    margin-top: 33px;
}

.project-details__title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 37px;
}

.project-details__text-1 {
    margin: 0;
    font-weight: 300;
    padding-bottom: 34px;
}

.project-details__text-2 {
    margin: 0;
    font-weight: 300;
    padding-bottom: 37px;
}

.project-details__points {
    position: relative;
    display: block;
}

.project-details__points li {
    position: relative;
    display: flex;
    align-items: center;
}

.project-details__points li+li {
    margin-top: 6px;
}

.project-details__points li .icon {
    height: 16px;
    width: 16px;
    border: 2px solid var(--theme-color1);
    border-radius: 50%;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color1);
}

.project-details__points li .text {
    margin-left: 10px;
}

.project-details__points li .text p {
    font-size: 20px;
    color: #000;
    margin: 0;
    line-height: 30px;
}

.project-details__pagination-box {
    position: relative;
    display: block;
    text-align: center;
    border-top: 1px solid var(--thm-extra);
    border-bottom: 1px solid var(--thm-extra);
    padding: 50px 0;
    margin-top: 113px;
}

.project-details__pagination li {
    display: inline-block;
}

.project-details__pagination li.next {
    float: left;
    position: relative;
}

.project-details__pagination li a {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    transition: all 500ms ease;
}

.project-details__pagination li a:hover {
    color: var(--theme-color1);
}

.project-details__pagination li.next i {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    font-size: 10px;
    transform: rotate(180deg);
}

.project-details__pagination li.previous {
    position: relative;
    float: right;
}

.project-details__pagination li.previous i {
    margin-left: 10px;
    font-size: 10px;
}

.project-details__pagination li.next .icon-right-arrow-angle,
.project-details__pagination li.previous .icon-right-arrow-angle {
    font-weight: bold;
}
/*--------------------------------------------------------------
# Discover World
--------------------------------------------------------------*/
.discover-world {
    position: relative;
    display: block;
}

.discover-world__container {
    position: relative;
    display: block;
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.discover-world__inner {
    position: relative;
    display: block;
    padding: 100px 0;
    z-index: 1;
}

.discover-world-shape-1 {
    position: absolute;
    top: -147px;
    right: 225px;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.discover-world-shape-2 {
    position: absolute;
    right: -95px;
    top: -90px;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: -1;
}
.discover-world-shape-3 {
    position: absolute;
    bottom: -125px;
    left: 225px;
    -webkit-animation-name: squareMover;
    animation-name: squareMover;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.discover-world-shape-4 {
    position: absolute;
    left: -70px;
    bottom: -70px;
    max-width: 160px;
    -webkit-animation-name: shapeMover;
    animation-name: shapeMover;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: -1;
}
.discover-world-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.discover-world-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(3,4,24,0.9);
    z-index: -1;
}

.discover-world__title {
    font-size: 60px;
    color: var(--white-color);
    font-weight: 500;
    line-height: 73px;
    margin-bottom: 45px;
    text-align: center;
}

.discover-world__video-link {
    position: relative;
    display: block;
}

.discover-world__video-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 108px;
    line-height: 108px;
    text-align: center;
    font-size: 25px;
    color: var(--white-color);
    background-color: var(--theme-color1);
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.discover-world__video-icon:hover {
    background-color:var(--white-color);
    color: var(--theme-color1);
}

.discover-world__video-icon:before {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    content: "";
    border-radius: 50%;
    background-color: var(--white-color);
    z-index: -1;
    opacity: 0.05;
}

.discover-world__video-link .ripple,
.discover-world__video-icon .ripple:before,
.discover-world__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--theme-color2-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--theme-color2-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--theme-color2-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    border-radius: 50%;
}

.discover-world__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.discover-world__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.discover-world__running {
    position: absolute;
    bottom: -190px;
    right: 120px;
    background-color: var(--theme-color2);
    padding:40px;
}

.discover-world__running span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--white-color);
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

.discover-world__running:hover span {
    transform: rotateY(360deg);
}

.discover-world__running h3 {
    font-size: 30px;
    color: var(--white-color);
    font-weight: 400;
    line-height: 32px;
    margin-top: 20px;
}

/*--------------------------------------------------------------
# We Shape
--------------------------------------------------------------*/
.we-shape {
    position: relative;
    display: block;
    background-color:#0d0d0d;
    margin:0;}

.we-shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.03;
}

.we-shape__top {
    position: relative;
    display: block;
    padding: 232px 0 100px;
    border-bottom: 1px solid rgba(var(--white-color-rgb), .10);
    margin-bottom: 93px;
}

.we-shape__top-title {
    position: relative;
    display: block;
}

.we-shape__top-title h2 {
    font-size: 60px;
    color: var(--white-color);
    font-weight: 500;
    line-height: 70px;
    margin-bottom: 46px;
}

.we-shape__top-btn {
    background-color: transparent;
    color: var(--white-color);
}

.we-shape__bottom {
    position: relative;
    display: block;
    padding:120px 0 90px;
}

.we-shape__single {
    position: relative;
    display: flex;
    margin-bottom: 30px;
}

.we-shape__icon {
    position: relative;
    display: block;
    top: 6px;
}

.we-shape__icon span {
    font-size: 60px;
    color: var(--theme-color2);
    position: relative;
    display: inline-block;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.we-shape__single:hover .we-shape__icon span {
    transform: scale(1.2);
    color: var(--theme-color1);
}

.we-shape__content {
    margin-left: 30px; padding-right: 10px;
}

.we-shape__content h4 {
    font-size: 20px;
    color: var(--white-color);
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 12px;
}

.we-shape__content p {
    color: var(--white-color);
    opacity: .7;
    margin: 0;
}

/*---------------------------
** Gallery Page CSS
---------------------------*/

.gallery-section {
    padding: 120px 0px;
    background: #f2f3f4;
}

.single-pic img {
    width: 100%;
    border-radius: 8px;
}

.gallery-section .single-pic {
    margin-bottom: 30px;
}

.single-pic {
    
    border-radius: 3px; padding: 15px;
 

 }
 .pic-inner{   padding: 15px;position: relative;
    background-color: #fff; border:1px solid rgb(250, 251, 252);}
.gallery-section .single-pic>img{ border:1px solid #f6f6f6;}
.single-pic-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background-color:var(--theme-color1);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-pic:hover .single-pic-overlay , .single-pic.active .single-pic-overlay{
    visibility: visible;
    opacity: .8;
}

.single-pic .outer,
.single-pic .inner {
    width: 100%;
}

.single-pic h4 {
    padding-bottom: 13px;
    position: relative;
    margin-bottom: 15px;
    font-size: 22px;
    opacity: 0;
    color:var(--white-color);
    visibility: hidden;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-pic:hover h4, .single-pic.active h4 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.single-pic h4::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 80px;
    bottom: 0;
    background-color:var(--white-color);
    left: 50%;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}

.single-pic a.icon-wrapper {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-pic:hover a.icon-wrapper, .single-pic.active a.icon-wrapper  {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.single-pic .txt-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
}

.gallery-section div[class*='col-']:nth-last-child(1) .single-pic,
.gallery-section div[class*='col-']:nth-last-child(2) .single-pic,
.gallery-section div[class*='col-']:nth-last-child(3) .single-pic {
    margin-bottom: 0px;
}


/*---------------------------
** Gallery Masonry Page CSS
---------------------------*/

.gallery-section.masonry .single-pic {
    float: left;
    width: 33.33%;
    margin-bottom: 0px;
    border-radius: 0px;
}

.grid-sizer {
    width: 33.33%;
}

.gallery-section.masonry .single-pic img {
    border-radius: 0px;
    width: 100%;
}

.gallery-section.masonry .single-pic-overlay {
    border-radius: 0px;
}


/*--------------------------------------------------------------
# Brand Area
--------------------------------------------------------------*/
.brand-area {
    position: relative;
    display: block;padding: 100px 0;
}

.brand-area .brand-carousel {
   border-top:1px solid #e8e8e8; padding-top: 50px;}
.brand-carousel .main-title h2{color:var(--white-color);}
.brand-carousel .main-title h2:before, .brand-carousel .main-title h2:after{background:var(--white-color) ;}
.brand-carousel .main-title span i{color:var(--white-color);}

.brand-carousel .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top:50px;
    line-height: .7;
}

.brand-carousel .owl-theme .owl-dots .owl-dot {
     outline: none;
}

.brand-carousel .owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid var(--theme-color1);
    width: 15px;
    height: 15px;
    margin: 0 7px;
}

.brand-carousel .owl-theme .owl-dots .owl-dot.active span,
.brand-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background:var(--theme-color1) ;
}

.brand-carousel .owl-theme .owl-dots .owl-dot.active span {
    display: inline-block;
    -webkit-transition: all .2s cubic-bezier(.47, 0, .745, .715);
            transition: all .2s cubic-bezier(.47, 0, .745, .715);
    -webkit-animation: pulse .7s infinite cubic-bezier(.66, 0, 0, 1);
            animation: pulse .7s infinite cubic-bezier(.66, 0, 0, 1);
    -webkit-box-shadow: 0 0 0 0 rgba(220, 165, 46, .6);
            box-shadow: 0 0 0 0 rgba(220, 165, 46, .6);
}



.brand-carousel .brand-item {
    position: relative;
    text-align: center;
    width: 180px;
    padding: 15px 30px;
    background: #f0f4f7;
    margin: auto;
}
.brand-item img{max-width: 100%; filter: grayscale(80%);}
.brand-item:hover img{filter: grayscale(0);}
/* --------------------------------------
  Testimonials
-----------------------------------------*/

.testimonials {
    padding-top: 100px;
    background:url(images/testimonial.jpg) no-repeat bottom left;
    background-size: cover; margin-bottom: 80px;
}

.testimonials .main-title h2{color:var(--white-color);}
.testimonials .main-title h2:before, .testimonials .main-title h2:after{background:var(--white-color) ;}
.testimonials .main-title span i{color:var(--white-color);}

.testimonials .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
    line-height: .7;
}
.testimonials .section-title__title{color:var(--white-color);}
.testimonials .owl-theme .owl-dots .owl-dot {
     outline: none;
}

.testimonials .owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid var(--white-color);
    width: 15px;
    height: 15px;
    margin: 0 7px;
}
.testimonial-inner-sec{padding:0 60px;}
.testimonials .owl-theme .owl-dots .owl-dot.active span,
.testimonials .owl-theme .owl-dots .owl-dot:hover span {
    background:var(--white-color) ;
}

.testimonials .owl-theme .owl-dots .owl-dot.active span {
    display: inline-block;
    -webkit-transition: all .2s cubic-bezier(.47, 0, .745, .715);
            transition: all .2s cubic-bezier(.47, 0, .745, .715);
    -webkit-animation: pulse .7s infinite cubic-bezier(.66, 0, 0, 1);
            animation: pulse .7s infinite cubic-bezier(.66, 0, 0, 1);
    -webkit-box-shadow: 0 0 0 0 rgba(220, 165, 46, .6);
            box-shadow: 0 0 0 0 rgba(220, 165, 46, .6);
}

@-webkit-keyframes pulse
{
    to
    {
        -webkit-box-shadow: 0 0 0 7px rgba(220, 165, 46, 0);
                box-shadow: 0 0 0 7px rgba(220, 165, 46, 0);
    }
}

@keyframes pulse
{
    to
    {
        -webkit-box-shadow: 0 0 0 7px rgba(220, 165, 46, 0);
                box-shadow: 0 0 0 7px rgba(220, 165, 46, 0);
    }
}

.testimonials .testimonial-box {
    position: relative;
    text-align: center;
    width: 90%;
    margin: auto;
}

.testimonials .testimonial-box .client-pic img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid var(--white-color);
    padding: 3px;
}

.testimonials .client-details {
    padding: 70px 0 40px;
    background: rgba(0,147,221,0.95);
    margin-top: -50px;
}
.testimonials .client-info {
}
.testimonials .client-details h6 {
    color: var(--white-color);
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.8;
}

.testimonials .client-details span {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--white-color);
    letter-spacing: .7px;
}

.testimonials .testimonial-box .description {
    position: relative;
    margin: 20px 0;
    padding:10px 40px 30px;}

.testimonials .testimonial-box .description .quote-left {
    position: absolute;
    top: -26px;
    left: 40px;
    color: var(--white-color);
    font-size: 20px;
}

.testimonials .testimonial-box .description .quote-right {
    position: absolute;
    bottom: 0;
    right: 40px;
    color: var(--white-color);
    font-size: 20px;
}

.testimonials .testimonial-box .description p {
    color: var(--white-color);
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
}

.lb-cancel {
    background: url(img/loading.gif) no-repeat;
}

.lb-nav a.lb-prev {
    background: url(img/prev.png) left 48% no-repeat;
}

.lb-nav a.lb-next {
    background: url(img/next.png) right 48% no-repeat;
}

.lb-data .lb-close {
    background: url(img/close.png) top right no-repeat;
}

.lightbox {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000;
    width: 100%;
    font-weight: 400;
}

.lightboxOverlay {
    position: fixed;
}

.lightbox .lb-data .lb-caption{font-size: 18px; font-weight: 400; display: block; margin: 0 0 10px;}




/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.contact-page__left {
    position: relative;
    display: block;
}

.contact-page__left .section-title {
    margin-bottom: 28px;
}

.contact-page__text {
    font-weight: 300;
    margin: 0;
}

.contact-page__points {
    position: relative;
    display: block;
    padding-top: 35px;
    padding-bottom: 41px;
}

.contact-page__points li {
    position: relative;
    display: flex;
    align-items: start;
    padding-bottom: 20px;
    line-height: 1.3;
}

.contact-page__points li .icon {
    height: 30px;
    width: 30px;
    border:1px solid var(--white-color);
    font-size:16px;
    display: inline-block;
    text-align: center;
    color: var(--theme-color2);
}

.contact-page__points li .text {
    margin-left: 10px; 
}

.contact-page__points li .text p {
    font-size: 16px;
    margin: 0;
}

.contact-page__social {
    display: flex;
    align-items: center;
}

.contact-page__social a {
    position: relative;
    height: 40px;
    width: 40px;
    font-size: 14px;
    border: 1px solid #687377;
    color: #000;
    background-color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.contact-page__social a:hover {
    color: #fff;
    background-color:var(--theme-color3);
}

.contact-page__social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--thm-primary);
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.contact-page__social a:hover:before {
    transform: scaleX(1.0);
}

.contact-page__social a+a {
    margin-left: 10px;
}

.pagination-sec{padding-top: 50px;}

.pagination-nav {
    font-size: 14px;
    margin-top: 30px;
}

.pagination-nav ul.pagination {
    margin-bottom: 0px;
}

.pagination-nav li.page-item {
    margin: 0px 5px;
}

.pagination-nav a.page-link {
    padding: 10px 15px;
    border: 2px solid #dddddd;
    color: #38383c;
}

.pagination-nav .page-item:first-child .page-link {
    border-radius: 0;
}

.pagination-nav .page-item:last-child .page-link {
    border-radius: 0;
}

.pagination-nav li.page-item.active a {
    background-color: var(--theme-color1);
    border: 2px solid var(--theme-color1);
}






/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
    position: relative;
    display: block;
}

.site-footer-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%);
    z-index: -1;
}

.site-footer-bg-overly {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(3,4,24, .9);
    z-index: -1;
}

.site-footer__top {
    position: relative;
    display: block;
    margin-bottom: 60px;
}
.site-footer__top-logo{width:110px;padding: 20px 0 0;}
.site-footer__call-and-social {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 70px;
}

.site-footer__call {
    margin-right: 40px;
}

.site-footer__call p {
    font-size: 24px;
    color: #9e9e9e;
    margin: 0;
    font-weight: 300;
}

.site-footer__call p a {
    color: var(--white-color);
    font-weight: 400;
    transition: all 500ms ease;
}

.site-footer__call p a:hover {
    color: var(--theme-color1);
}

.site-footer__social {
    display: flex;
    align-items: center;
}

.site-footer__social a {
    position: relative;
    height: 40px;
    width: 40px;
    font-size: 14px;
    border: 1px solid #404040;
    color: #9e9e9e;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.site-footer__social a:hover {
    color: var(--theme-color1);
    border: 1px solid transparent;
}

.site-footer__social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--white-color);
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.site-footer__social a:hover:before {
    transform: scaleX(1.0);
}

.site-footer__social a+a {
    margin-left: 10px;
}

.footer-widget__title {
    font-size: 22px;
    color: var(--white-color);
    line-height: 32px;
    margin-bottom: 30px;
}

.footer-widget__contact-text {
    font-size: 16px;
    color: #9e9e9e;
    line-height: 1.4;
    margin: 0;
}

.footer-widget__contact-phone-and-email {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
}

.footer-widget__contact-email {
    color: var(--white-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact-email:hover {
    color: var(--theme-color1);
}

.footer-widget__contact-phone {
    color: var(--white-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact-phone:hover {
    color: var(--theme-color1);
}

.footer-widget__links {
    position: relative;
    display: block;
    margin-right: 38px;
}

.footer-widget__links-list {
    position: relative;
    display: block;
    float: left;
}

.footer-widget__links-list li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    color: #9e9e9e;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__links-list li a:hover {
    color: var(--white-color);
}

.footer-widget__links-list li a:before {
    position: absolute;
    top: 11px;
    bottom: 11px;
    left: -10px;
    content: "";
    width: 3px;
    background-color: var(--theme-color1);
    transition: transform 500ms ease;
    transform: scale(0);
}

.footer-widget__links-list li a:hover:before {
    transform: scale(1);
}

.footer-widget__links-list-two {
    float: right;
}

.footer-widget__newsletter-form {
    position: relative;
    display: block;
    margin-top: -17px;
}

.footer-widget__newsletter-input-box {
    position: relative;
    display: block;
}

.footer-widget__newsletter-input-box:before {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    content: "";
    height: 3px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 0;
}

.footer-widget__newsletter-input-box input[type="email"] {
    font-size: 16px;
    color: #9e9e9e;
    font-weight: 400;
    height: 70px;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 0;
    padding-right: 60px;
    outline: none;
}

.footer-widget__newsletter-btn {
    position: absolute;
    top: 50%;
    right: 0;
    height: 70px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: #fff;
    border: 0;
    opacity: 1;
    transform: translateY(-50%);
    transition: all 500ms ease;
    padding: 0;
    cursor: pointer;
}
.footer-widget__newsletter-btn:hover{color:var(--theme-color1);transition: all 500ms ease;}
.footer-widget__newsletter-bottom {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.footer-widget__newsletter-bottom-icon {
    height: 18px;
    width: 18px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-widget__newsletter-bottom-icon i {
    font-size: 8px;
    color: #9e9e9e;
}

.footer-widget__newsletter-bottom-text {
    margin-left: 10px;
}

.footer-widget__newsletter-bottom-text p {
    font-size: 16px;
    margin: 0;
    color: #9e9e9e;
    font-weight: 400;
}

.site-footer__copy-right {
    position: relative;
    display: block;
    padding: 60px 0 52px;
}

.site-footer__copy-right-inner {
    position: relative;
    display: block;
}

.site-footer__copy-right-text {
    font-size: 16px;
    color: #9e9e9e;
    margin: 0;
}

.site-footer__copy-right-text a {
    color: #9e9e9e;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-footer__copy-right-text a:hover {
    color: var(--theme-color1);
}






ul.overview-points {
    list-style: none;
    padding-left: 0px;
    margin-top: 25px;
}

ul.overview-points li {
    position: relative;
    font-size: 14px; line-height: 1.3;
}

ul.overview-points li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

ul.overview-points li:last-child {
    margin-bottom: 0px;
}
ul.overview-points li.caps{margin-bottom:30px; text-transform: uppercase; font-weight: 600;}
ul.overview-points li::before {
    content: "\e907";
    position: absolute;
    left: 0px;
    top:0px;
    font-family: "azino-icon";
    font-weight: 600;
    font-size: 12px;
    color: var(--theme-color1);
}









/*---------------------------
** Breadcrumb  CSS
---------------------------*/

.breadcrumb-area {
    position: relative;
    padding:120px 0px 70px ;
}

.breadcrumb-area .breadcrumb-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #0b2b32;
    opacity: .6;
}

.breadcrumb-bg {
    background-image: url('img/banner-3.jpg');
    background-size: cover;
    background-position: center;
}

.breadcrumb-area .breadcrumb-txt {
    position: relative;
    z-index: 1;
}

.breadcrumb-area span {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--white-color);
    font-size: 16px;
    margin-bottom:20px;
}

.breadcrumb-area h1 {
   
    font-weight: 500;
    color: var(--white-color);
    font-size:30px;
    margin-bottom:30px;
}

.breadcrumb {
    background: transparent;
    padding: 0px;
    list-style: none !important;
}

.breadcrumb a,
.breadcrumb li {
    font-size: 18px;
    color: var(--white-color);
}

.breadcrumb-item.active {
    color: var(--white-color);
    font-weight: 400;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--white-color);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f054";
    font-size: 12px;
}

/*---------------------------
** Contact Page CSS
---------------------------*/
.home-contact-area-sec{padding:120px 0; background:#fafbfc;}
.home-contact-area-sec .contact-form-section{margin: 0; padding:0;}
.contact-breadcrumb-bg {
    background-image: url(img/contact-bg.jpg);
    background-size: cover;
}
.colored-bg{background:var(--theme-color3);}
.applynow{margin: 0 !important;}
.contact-section {
    padding: 100px 20px;
}
.boxed-btn.secondary{background-color: var(--theme-color2) !important;border-color: var(--theme-color2) !important;}
.boxed-btn.secondary:hover{color: var(--theme-color2) !important;}
.contact-section .single-info {
    margin-bottom: 30px;
    padding:25px;
}

.contact-section .single-info::after {
    content: "";
    display: block;
    clear: both;
}

.contact-section .single-info:last-child {
    margin-bottom: 0px;
}

.contact-section .single-info .icon-wrapper {
    border: 1px solid var(--theme-color1);
    height:40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    background-color: var(--white-color);
    float: left;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.contact-section .single-info:hover .icon-wrapper {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: var(--theme-color1);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.contact-section .single-info .icon-wrapper i {
    font-size: 18px;
    color: var(--theme-color1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.contact-section .single-info:hover .icon-wrapper i {
    color: var(--white-color);
}

.contact-section .single-info .info-txt {
    float: left;
    width: 73%;
}
.contact-section .single-info p {
    margin-bottom: 0px;
    font-size:15px;
    line-height: 28px;
}
.contact-section h5{padding:20px 0;}
.contact-section .single-info-col:first-child {
    border: 1px solid #f1f1f1;
}

.contact-section .single-info-col:nth-child(2) {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.contact-section .single-info-col:last-child {
    border: 1px solid #f1f1f1;
}

.contact-form-section .form-element input {
    border: 1px solid #e3e3e3;
}
.form-element select{    border: 1px solid #e3e3e3 !important;}
.form-element .inline{padding:;}

.contact-form-section {
}
.select-wrapper p{padding:20px 0;} 
.select-wrapper .inline{display: inline-block; margin-right:20px;}
.contact-form-section h2.subtitle {
    margin-bottom:40px;
}

.contact-form-section .form-element textarea {
    border: 1px solid #e3e3e3!important; font-size: 14px;
    color:#4e5861;
    font-weight: 400;
    height: 195px;
    width: 100%;
    background: #f6f6f6;
    padding: 20px 30px 30px;
    border: none;
    border-radius: 0px;
    outline: none;
    margin-bottom: 10px;
}

.map-wrapper {
    height: 100%;
}

div#map {
    height: 100%;
}


.contact-section .inner-box{ background:#eee;width: 100%; padding: 20px; border-radius: 10px;}
.inner-box.colored{background:var(--theme-color2); border-radius: 0px;}
.para-box{background-color: #eee; overflow: hidden;   border-radius: 10px; margin: 0 0 20px; }
.contact-section .colored h5{color:var(--white-color);}

@font-face {
    font-family: 'Reey';
    src: url('fonts/Reey-Regular.woff2') format('woff2'),
        url('fonts/Reey-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}