:root {  --thm-font: 'Poppins', sans-serif;
 --thm-font-2: 'Open Sans', sans-serif;
 --thm-gray: #878c8f;
 --thm-gray-rgb: 135, 140, 143;
 --thm-base: #024c9c;
 --thm-base-rgb: 98, 34, 204;
 --thm-black: #222429;
 --thm-black-rgb: 34, 36, 41;
 --thm-gray-bg: #f1f3f2;
 --thm-primary: #ffb400;
 --thm-primary-rgb: 255, 180, 0;
}
.fix_box{display:none!important}
.auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; }
.row {  --bs-gutter-x: 30px;
}
.gutter-y-30 {  --bs-gutter-y: 30px;
}
body { color: var(--thm-gray); font-size: 16px; line-height: 32px; font-weight: 400; font-family: var(--thm-font); }
body.locked { overflow: hidden; }
a { color: var(--thm-gray); }
a, a:hover, a:focus, a:visited { text-decoration: none; }

::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}

:-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

::-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

::placeholder {
 color: inherit;
 opacity: 1;
}
h1, h2, h3, h4, h5, h6 { color: var(--thm-black); font-family: var(--thm-font); margin: 0; }
p { margin: 0; }
dl, ol, ul { margin-top: 0; margin-bottom: 0; }

::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}

:-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

::-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

::placeholder {
 color: inherit;
 opacity: 1;
}
/***
=============================================
    Form Validation Styles
=============================================
***/
input:focus, textarea:focus, select:focus { border-color: #43c3ea; outline: none; }
#contact-form input[type="text"].error { border-color: red; }
#contact-form input[type="email"].error { border-color: red; }
#contact-form select.error { border-color: red; }
#contact-form textarea.error { border-color: red; }
#contact-form label.error { display: none !important; }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; }
.container { padding-left: 15px; padding-right: 15px; }
 @media (min-width: 1200px) {
 .container {
 max-width:1440px;
}
}

::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}

:-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

::-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}

::placeholder {
 color: inherit;
 opacity: 1;
}
button { cursor: pointer; border: none; background: transparent; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
ol, li { margin: 0; padding: 0; }
/***
=============================================
    Rating Box 
=============================================
***/
.rating-box { position: relative; display: block; overflow: hidden; }
.rating-box ul { overflow: hidden; }
.rating-box ul li { position: relative; float: left; margin-right: 4px; }
.rating-box ul li:last-child { margin-right: 0; }
.rating-box ul li span { position: relative; display: inline-block; color: #FFC93D; font-size: 16px; line-height: 16px; font-weight: 400; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; }
/***
=============================================
   Sec Title 
=============================================
***/
.sec-title { position: relative; display: block; margin-top: -8px; padding-bottom: 57px; }
.sec-title .sub-title { position: relative; display: inline-block; padding-bottom: 19px; }
.sec-title .sub-title .round-one { position: absolute; top: 10px; left: -25px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--thm-base); content: ""; margin: 0 auto; }
 .sec-title .sub-title .round-one::before {
 position: absolute;
 top: 3px;
 left: -32px;
 width: 25px;
 height: 2px;
 background: var(--thm-base);
 content: "";
}
.sec-title .sub-title .round-two { position: absolute; top: 10px; right: -25px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--thm-base); content: ""; margin: 0 auto; }
 .sec-title .sub-title .round-two::before {
 position: absolute;
 top: 3px;
 right: -32px;
 width: 25px;
 height: 2px;
 background: var(--thm-base);
 content: "";
}
.sec-title .sub-title h3 { color: var(--thm-base); font-size: 22px; line-height: 32px; font-weight: 600; text-transform: capitalize; }
.sec-title h2 { color: var(--thm-black); font-size:30px; line-height: 1.2em; font-weight: 700; font-family: var(--thm-font); }
/***
=============================================
   Thm Btn
=============================================
***/
.thm-btn { position: relative; display: inline-block; border-radius: 27px; padding: 0px 35px 0px; line-height: 55px; color: #ffffff; font-size: 16px; font-weight: 500; background: var(--thm-base); overflow: hidden; font-family: var(--thm-font); text-transform: capitalize; transition: all 0.3s ease-in-out 0.1s; }
.thm-btn:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; border-radius: 27px; background-color: var(--thm-black); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); }
 .thm-btn:hover::before {
 opacity: 1;
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
.thm-btn .txt { position: relative; z-index: 1; }
.thm-btn:hover, .thm-btn:focus { color: #ffffff; }
/***
=============================================
   Owl Dot Style1
=============================================
***/
.owl-carousel.owl-dot-style1 .owl-dots { position: relative; text-align: center; line-height: 0; margin-top: 50px !important; display: block; }
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot { position: relative; display: inline-block; width: 30px; height: 5px; background-color: #e7e7e7; border: 0px solid #a5a5a5; margin: 0px 10px; padding: 0px; border-radius: 0%; transition: all 100ms linear; transition-delay: 0.1s; }
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot:before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: var(--thm-base); border-radius: 0%; transform: scale(0); transition: all 500ms ease; }
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active:before { transform: scale(1.0); }
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span { display: none; }
img { max-width: 100%; height: auto;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; }
/***
=============================================
   Scroll To Top
=============================================
***/
.scroll-to-top { position: fixed; right: 15px; bottom: 20px; width: 60px; height: 60px; border-radius: 50%; background-color: var(--thm-base); border: 2px solid var(--thm-base); color: #ffffff; font-size: 20px; line-height: 56px; font-weight: 700; text-align: center; text-transform: uppercase; display: none; cursor: pointer; transform: rotate(0deg); transition: all 200ms linear; transition-delay: 0.1s; z-index: 999999999; }
.scroll-to-top:after { position: absolute; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; z-index: -1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); }
.scroll-to-top:before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; background: transparent; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  -webkit-animation-delay: .9s;
 animation-delay: .9s;
content: ""; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite;  -webkit-transition: all .4s ease;
 transition: all .4s ease;
}
.scroll-to-top:hover { color: #ffffff; background-color: var(--thm-black); border-color: var(--thm-black); }
 .scroll-to-top i::before {
 position: relative;
 display: inline-block;
 transform: rotate(180deg);
}
/***
=============================================
   Styled Pagination
=============================================
***/
.styled-pagination { position: relative; display: block; width: 100%; height: auto; padding-top: 20px; }
.styled-pagination li { position: relative; display: inline-block; margin-right: 15px; }
.styled-pagination li:last-child { margin-right: 0; }
.styled-pagination li a { position: relative; display: inline-block; width: 60px; height: 60px; background: transparent; border-radius: 50%; color: var(--thm-black); font-size: 16px; line-height: 60px; font-weight: 500; border: 1px solid #dee0e2; text-align: center; transition: all 500ms ease; font-family: var(--thm-font); z-index: 1; }
.styled-pagination li:hover a, .styled-pagination li.active a { color: #ffffff; background: var(--thm-base); border-color: var(--thm-base); }
.styled-pagination li.prev a, .styled-pagination li.next a { border-radius: 50%; color: var(--thm-base); transition: all 200ms linear; transition-delay: 0.1s; }
.styled-pagination li.prev a:hover, .styled-pagination li.next a:hover { color: #ffffff; }
.styled-pagination li a span:before { position: relative; top: 1px; color: var(--thm-black); font-size: 17px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; }
.styled-pagination li a:hover span:before, .styled-pagination li.active a span:before { color: #ffffff; }
.checked-box1 { position: relative; display: block; min-height: 20px; }
.checked-box1 label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: var(--thm-gray); font-size: 16px; line-height: 20px; font-weight: 500; cursor: pointer; min-height: 20px; font-family: var(--thm-font); }
.checked-box1 input[type="checkbox"] { display: none; }
.checked-box1 input[type="checkbox"]+label span { position: absolute; top: 0px; left: 0; width: 20px; height: 20px; vertical-align: middle; background-color: transparent; border: 1px solid #80868d; cursor: pointer; border-radius: 4px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.checked-box1 label span:before { font-family: 'icomoon' !important; position: absolute; top: 0px; left: 0px; bottom: 0; right: 0; content: "\e922"; font-size: 10px; font-weight: 700; width: 20px; height: 20px; margin: 0px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: flex; align-items: center; justify-content: center; }
.checked-box1 input[type="checkbox"]:checked+label span { border-color: #80868d; }
.checked-box1 input[type="checkbox"]:checked+label span:before { opacity: 1.0; }
/***
=============================================
   Search Popup
=============================================
***/
.search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; padding-left: 20px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease; transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; }
.search-popup.active { -webkit-transform: translateY(0%); transform: translateY(0%); }
.search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0.75; cursor: pointer; }
.search-popup__content { width: 100%; max-width: 560px; }
.search-popup__content form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: #fff; border-radius: 10px; overflow: hidden; }
.search-popup__content form input[type="search"], .search-popup__content form input[type="text"] { width: 100%; background-color: #fff; font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; padding-right: 75px; }
.search-popup__content .thm-btn { padding: 0; width: 68px; height: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; right: -1px; border-radius: 0; background-color: var(--thm-base); border: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: all 200ms linear; transition-delay: 0.1s; }
 .search-popup__content .thm-btn::before {
 border-radius: 0;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
}
 .search-popup__content .thm-btn i::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 20px;
 font-weight: 700;
 background-color: transparent;
 margin-left: 0;
 z-index: 5;
}
 .bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show>.btn-light.dropdown-toggle {
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
 outline: none !important;
}
.bootstrap-select>.dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; }
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: none !important; }
.bootstrap-select .dropdown-menu { border: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; z-index: 991; border-radius: 0; }
.bootstrap-select .dropdown-menu>li+li>a { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.bootstrap-select .dropdown-menu>li.selected>a { background: var(--brote-primary); color: #fff; }
.bootstrap-select .dropdown-menu>li>a { font-size: 16px; font-weight: 500; padding: 4px 20px; color: #ffffff; background: var(--brote-base); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.bootstrap-select .dropdown-menu>li>a:hover { background: var(--brote-white); color: var(--brote-base); cursor: pointer; }
/* Preloader Css*/
.handle-preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--thm-base); display: flex; display: -ms-flexbox; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; z-index: 9999999; }
.preloader-close { position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; border-radius: 50%; font-size: 18px; line-height: 30px; background: #fff; text-align: center; cursor: pointer; z-index: 99999999; }
.handle-preloader .animation-preloader { position: absolute; z-index: 100; }
.handle-preloader .animation-preloader .spinner { width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 45px auto; animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; }
.handle-preloader .animation-preloader .txt-loading { text-align: center; user-select: none; }
.handle-preloader .animation-preloader .txt-loading .letters-loading { position: relative; display: inline-block; color: transparent; font-size: 70px; line-height: 70px; font-weight: 600; letter-spacing: 15px; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.30); font-family: var(--thm-font); }
.handle-preloader .animation-preloader .txt-loading .letters-loading:before { position: absolute; top: 0; left: 0; animation: letters-loading 4s infinite; content: attr(data-text-preloader); opacity: 0; }
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
 animation-delay: 0.2s;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
 animation-delay: 0.4s;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
 animation-delay: 0.6s;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
 animation-delay: 0.8s;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
 animation-delay: 1s;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
 animation-delay: 1.3s;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
 animation-delay: 1.5s;
}
/**
animation: spinner 1s infinite linear;


.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
**/
section{ width:100%; float:left}
.preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; }
.handle-preloader .animation-preloader .txt-loading .letters-loading { }
.handle-preloader .animation-preloader .txt-loading .letters-loading:before { color: #ffffff; }
.handle-preloader .animation-preloader .spinner { border: 3px solid #ffffff;/**border-top-color: rgba(255, 255, 255, 0.5); **/
}


/* Animation preloader */
@keyframes spinner {  to {
 transform: rotateZ(360deg);
}
}
 @keyframes letters-loading {  0%,  75%,  100% {
 opacity: 0;
 transform: rotateY(-90deg);
}
 25%,  50% {
 opacity: 1;
 transform: rotateY(0deg);
}
}
 @media screen and (max-width: 767px) {
 .handle-preloader .animation-preloader .spinner {
 height: 8em;
 width: 8em;
}
}
 @media screen and (max-width: 500px) {
 .handle-preloader .animation-preloader .spinner {
 height: 7em;
 width: 7em;
}
 .handle-preloader .animation-preloader .txt-loading .letters-loading {
 font-size: 30px;
 letter-spacing: 10px;
}
}
/*--------------------------------------------------------------
  # Mobile Nav
  --------------------------------------------------------------*/
.mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; visibility: hidden; }
.mobile-nav__wrapper.expanded { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; }
.mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; }
.mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0.7; cursor: pointer; }
.mobile-nav__content { position: relative; width: 300px; background-color: var(--thm-base); height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms; z-index: 10; }
.mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms; }
.mobile-nav__close { position: absolute; display: flex; align-items: center; justify-content: center; top: 20px; right: 15px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.2); color: #ffffff; font-size: 18px; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; }
.mobile-nav__close:hover { background-color: var(--thm-black); }
.mobile-nav__close i:before { position: relative; display: inline-block; transform: rotate(45deg); }
.mobile-nav__content .logo-box { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.mobile-nav__container { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list>li>ul, .mobile-nav__content .main-menu__list>li>ul>li>ul { margin: 0; padding: 0; list-style-type: none; }
.mobile-nav__content .main-menu__list>li>ul, .mobile-nav__content .main-menu__list>li>ul>li>ul { display: none; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-left: 20px; }
 .mobile-nav__content .main-menu__list>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 30px; color: #ffffff; font-size: 15px; font-family: var(--thm-font-2); font-weight: 500; height: 46px; transition: 500ms; }
.mobile-nav__content .main-menu__list>li>ul>li>a { font-size: 14px; font-weight: 400; }
.mobile-nav__content .main-menu__list>li>a.expanded, .mobile-nav__content .main-menu__list>li>ul>li>a.expanded, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded { color: var(--thm-black); }
.mobile-nav__content .main-menu__list>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button { width: 30px; height: 30px; background-color: var(--thm-black); border: none; outline: none; color: #fff; 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; text-align: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; padding: 0; }
.mobile-nav__content .main-menu__list>li>a>button.expanded, .mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: #fff; color: var(--thm-base); }
.mobile-nav__content .home-showcase__title { background-color: rgba(255, 255, 255, 0.1); margin-top: 0px; }
.mobile-nav__contact { position: relative; display: block; margin-top: 40px; margin-bottom: 30px; }
.mobile-nav__contact li { position: relative; display: flex; align-items: center; color: #ffffff; font-size: 15px; font-weight: 500; }
.mobile-nav__contact li+li { margin-top: 15px; }
.mobile-nav__contact li a { color: #ffffff; -webkit-transition: 500ms; transition: 500ms; }
.mobile-nav__contact li a:hover { color: var(--thm-black); }
.mobile-nav__contact li>i { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 0%; background-color: rgba(255, 255, 255, 0.1); color: #fff; font-size: 12px; margin-right: 10px; }
.mobile-nav__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.mobile-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mobile-nav__social a { position: relative; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 16px; line-height: 40px; text-align: center; transition: 500ms; }
.mobile-nav__social a+a { margin-left: 10px; }
.mobile-nav__social a:hover { color: var(--thm-base); background-color: #ffffff; }
/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul { display: none !important; }
/*--------------------------------------------------------------
# Main Header Css
--------------------------------------------------------------*/
.main-header { position: relative; display: block; width: 100%; background: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 99; }
.main-menu { position: relative; display: block; }
.main-menu__wrapper { position: relative; display: block; }
.main-menu__wrapper-inner { position: relative; display: flex; align-items: center; }
.main-menu-box { display: block; float: right; margin-left: auto; }
/****
  .main-menu__right {
    position: relative;
    display: block;
    float: right;
  }
  
  .main-menu__search-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 23px 0;
  }
  
  .main-menu__search-box:before {
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: -30px;
    content: "";
    width: 1px;
    background-color: var(--brote-white);
    opacity: .10;
  }
  
  .main-menu__search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    color: var(--brote-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .main-menu__search:hover {
    color: var(--brote-primary);
  }
  ***/


.main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { margin: 0; padding: 0; list-style-type: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; }
 @media (min-width: 1200px) {
 .main-menu .main-menu__list,  .main-menu .main-menu__list>li>ul,  .main-menu .main-menu__list>li>ul>li>ul,  .stricky-header .main-menu__list,  .stricky-header .main-menu__list>li>ul,  .stricky-header .main-menu__list>li>ul>li>ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
}
.main-menu .main-menu__list>li, .stricky-header .main-menu__list>li { position: relative; padding-top: 38px; padding-bottom: 39px; }
.main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 35px; }
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { position: relative; color: var(--thm-black); font-size: 18px; line-height: 23px; font-weight: 600; text-transform: capitalize; display: flex; align-items: center; font-family: var(--thm-font); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li:hover>a { color: var(--thm-base); }
.main-menu .main-menu__list>li.dropdown>a, .stricky-header .main-menu__list>li.dropdown>a { padding-right: 20px; }
.main-menu .main-menu__list>li.dropdown>a:before { position: absolute; top: 1px; right: 2px; font-family: 'icomoon' !important; content: "\e911"; color: var(--thm-black); font-size: 11px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; }
.main-menu .main-menu__list>li.current.dropdown>a:before, .main-menu .main-menu__list>li:hover.dropdown>a:before { color: var(--thm-base); }
.main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { position: absolute; top: 100%; left: 0; min-width: 270px; background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; visibility: hidden; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); transform-origin: top; transform-style: preserve-3d;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .3s;
transition-property: all; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); z-index: 99; }
.main-menu .main-menu__list>li>ul>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul>li>ul { display: none; }
.main-menu .main-menu__list>li:hover>ul, .main-menu .main-menu__list>li>ul>li:hover>ul, .stricky-header .main-menu__list>li:hover>ul, .stricky-header .main-menu__list>li>ul>li:hover>ul { opacity: 1; visibility: visible; transform: rotateX(0deg); transition: all 700ms ease; }
.main-menu .main-menu__list>li>ul>li, .main-menu .main-menu__list>li>ul>li>ul>li, .stricky-header .main-menu__list>li>ul>li, .stricky-header .main-menu__list>li>ul>li>ul>li { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.main-menu .main-menu__list>li>ul>li+li, .main-menu .main-menu__list>li>ul>li>ul>li+li, .stricky-header .main-menu__list>li>ul>li+li, .stricky-header .main-menu__list>li>ul>li>ul>li+li { border-top: 1px solid rgba(var(--thm-base-rgb, 53, 84, 209), 0.05); }
.main-menu .main-menu__list>li>ul>li>a, .main-menu .main-menu__list>li>ul>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>ul>li>a { position: relative; display: flex; font-size: 15px; line-height: 30px; color: var(--thm-gray); letter-spacing: 0; font-weight: 500; display: -webkit-box; display: -ms-flexbox; padding: 10px 25px; -webkit-transition: 500ms; transition: 500ms; font-family: var(--thm-font); }
.main-menu .main-menu__list>li>ul>li:hover>a, .main-menu .main-menu__list>li>ul>li>ul>li:hover>a, .stricky-header .main-menu__list>li>ul>li:hover>a, .stricky-header .main-menu__list>li>ul>li>ul>li:hover>a { color: #ffffff; background-color: var(--thm-base); }
.main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { top: 0; left: 100%; }
.main-menu .main-menu__list li ul li>ul.right-align, .stricky-header .main-menu__list li ul li>ul.right-align { top: 0; left: auto; right: 100%; }
/*-------------------------------------
    Stricky Header Css
  ---------------------------------------*/
.stricky-header { position: fixed; z-index: 991; top: 0; left: 0; background-color: #fff; width: 100%; visibility: hidden; -webkit-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, visibility 500ms ease; transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
 @media (max-width: 1199px) {
 .stricky-header {
 display: none !important;
}
}
.stricky-header.stricky-fixed { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }
/***
  .mobile-nav__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 0px;
  }
  
  @media (min-width: 1200px) {
    .mobile-nav__buttons {
      display: none;
    }
  }
  
  .mobile-nav__buttons a {
    font-size: 20px;
    color: var(--thm-base);
    cursor: pointer;
  }
  
  .mobile-nav__buttons a+a {
    margin-left: 10px;
  }
  
  .mobile-nav__buttons a:hover {
    color: var(--brote-base);
  }
  **/

.main-menu .mobile-nav__toggler { position: relative; display: inline-block; color: var(--thm-base); font-size: 25px; cursor: pointer; -webkit-transition: 500ms; transition: 500ms; }
.main-menu .mobile-nav__toggler:hover { color: var(--brote-black); }
 @media (min-width: 1200px) {
 .main-menu .mobile-nav__toggler {
 display: none;
}
}
.stricky-header.main-menu { background-color: #ffffff; }
.stricky-header .main-menu-box { display: block; 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; }
.stricky-header .main-menu__wrapper { background-color: #ffffff; }
.stricky-header .main-menu__wrapper-inner { justify-content: space-between; }
.stricky-header .phone-number-box-style1 { display: none; }
.stricky-header .main-menu__list>li { padding-top: 48px; padding-bottom: 49px; }
.stricky-header .main-menu__list>li+li { margin-left: 30px; }
.stricky-header .main-menu-style1-right { margin-left: 30px; }
/*----------------------------------------
    Main Header One
  ---------------------------------------*/
.main-header-one { position: relative; display: block; }
.main-header-one__inner { position: relative; display: block; }
.logo-box-one { position: absolute; top: -60px; left: 0; bottom: 0; width: 290px; display: flex; align-items: center; z-index: 10; }
.logo-box-one:before { content: ""; position: absolute; top: 0; left: -100000px; bottom: 0; right: 81px; z-index: -1; border-top: 160px solid var(--thm-base); border-right: 50px solid transparent; }
.logo-box-one:after { content: ""; position: absolute; top: 0px; right: 31px; height: 50px; width: 85px; border-bottom: 60px solid rgba(var(--thm-base-rgb), .80); border-left: 10px solid transparent; border-right: 50px solid transparent; z-index: -1; }
.main-header-one__top { position: relative; display: block; background: #161735; padding: 0px 0px 0px; }
.main-header-one__top .auto-container { max-width: 1530px; width: 100%; }
.main-header-one__top-inner { position: relative; display: flex; padding-left: 300px; align-items: center; justify-content: space-between; }
.main-header-one__top-left { position: relative; display: block; overflow: hidden; }
.header-contact-info { position: relative; display: block; }
.header-contact-info li { position: relative; display: flex; align-items: center; float: left; margin-right: 100px; }
.header-contact-info li:last-child { margin-right: 0; }
.header-contact-info li .icon { position: relative; display: block; }
.header-contact-info li .icon span:before { position: relative; display: inline-block; top: 2px; color: #ffffff; font-size: 16px; }
.header-contact-info li .text { position: relative; display: block; margin-left: 15px; }
.header-contact-info li .text h6 { color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 0.025em; font-family: var(--thm-font); }
.header-contact-info li .text h6 a { color: #fff; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.header-contact-info li .text h6 a:hover { color: var(--thm-base); }
.main-header-one__top-right { position: relative; display: flex; align-items: center; }
.main-header-one__top-right-btn { position: relative; display: block; margin-left: 20px; }
.main-header-one__top-right-btn a { position: relative; display: inline-block; color: #ffffff; font-size: 15px; text-transform: capitalize; letter-spacing: 0.030em; background: var(--thm-base); padding: 13px 30px 15px; }
.main-header-one__bottom { position: relative; display: block; background: #f1f3f2; }
.main-header-one__bottom-inner { position: relative; display: block; }
.main-menu__wrapper .auto-container { max-width: 1530px; width: 100%; }
.main-menu__wrapper-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 300px; }
.main-header-one__bottom .main-menu-box { margin-left: 0; }
.main-header-one__bottom-left { position: relative; display: flex; align-items: center; line-height: 0; }
.header-one-social-links { position: relative; display: block; padding-right: 40px; }
.header-one-social-links ul { position: relative; display: block; }
.header-one-social-links ul li { position: relative; display: inline-block; margin-right: 20px; }
.header-one-social-links ul li:last-child { margin-right: 0; }
.header-one-social-links ul li a { position: relative; display: block; color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
 .header-one-social-links ul li a::before {
 position: relative;
 display: inline-block;
 font-size: 17px;
}
.header-one-social-links ul li a:hover { color: var(--thm-base); }
.header-search-box { position: relative; display: block; padding-left: 40px; }
 .header-search-box::before {
 position: absolute;
 top: -10px;
 left: 0;
 bottom: -10px;
 width: 1px;
 background: var(--thm-black);
 content: "";
}
.header-search-box a { color: var(--thm-black); font-size: 17px; font-weight: 700; }
.main-header-one__bottom-middle { position: relative; display: block; }
.main-header-one__bottom-right { position: relative; display: block; line-height: 0; }
.main-header-one__bottom-right .contact-box { position: relative; display: flex; align-items: center; }
.main-header-one__bottom-right .contact-box .icon { position: relative; display: block; }
 .main-header-one__bottom-right .contact-box .icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 50px;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .main-header-one__bottom-right .contact-box:hover .icon span::before {
 color: var(--thm-base);
}
.main-header-one__bottom-right .contact-box .text { position: relative; display: block; margin-left: 10px; }
.main-header-one__bottom-right .contact-box .text p { color: var(--thm-black); font-size: 16px; line-height: 26px; font-weight: 600; }
.main-header-one__bottom-right .contact-box .text a { color: var(--thm-black); font-size: 18px; line-height: 26px; font-weight: 600; }
.main-header-one__bottom-right .contact-box .text a:hover { color: var(--thm-base); }
.stricky-header .main-header-one__bottom-left { display: none; }
.stricky-header .main-header-one__bottom-right { display: none; }
.stricky-header .logo-box-one:before { border-top: 0px solid var(--thm-base); border-right: 0px solid transparent; background: var(--thm-base); }
.stricky-header .logo-box-one:after { display: none; }
.stricky-header .logo-box-one { padding-top: 59px; }
/*----------------------------------------
    Main Header Two
  ---------------------------------------*/
.main-header-one.style2 { position: relative; display: block; }
.main-header-one.style2 .main-menu__wrapper .auto-container { max-width: 1590px; width: 100%; }
.main-header-one.style2 .main-header-one__bottom { position: relative; display: block; background: var(--thm-base); }
.main-header-one.style2 .main-menu__wrapper-inner { padding-left: 0px; }
.logo-box-two { position: relative; display: block; padding-right: 60px; z-index: 1; }
 .logo-box-two::before {
 position: absolute;
 top: -30px;
 left: -9999999px;
 bottom: -30px;
 right: 0;
 background: rgba(var(--thm-black-rgb), .20);
 content: "";
 z-index: -1;
}
.main-header-one.style2 .header-one-social-links ul li a { color: #ffffff; }
.main-header-one.style2 .header-one-social-links ul li a:hover { color: var(--thm-black); }
 .main-header-one.style2 .header-search-box::before {
 background: rgba(255, 255, 255, 0.2);
}
.main-header-one.style2 .header-search-box a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.main-header-one.style2 .header-search-box a:hover { color: var(--thm-black); }
.main-header-one.style2 .main-menu .main-menu__list>li>a, .main-header-one.style2 .stricky-header .main-menu__list>li>a { color: #ffffff; }
.main-header-one.style2 .main-menu .main-menu__list>li.current>a, .main-header-one.style2 .main-menu .main-menu__list>li:hover>a, .main-header-one.style2 .stricky-header .main-menu__list>li.current>a, .main-header-one.style2 .stricky-header .main-menu__list>li:hover>a { color: var(--thm-black); }
.main-header-one.style2 .main-menu .main-menu__list>li.dropdown>a:before { color: #fff; }
.main-header-one.style2 .main-menu .main-menu__list>li.current.dropdown>a:before, .main-header-one.style2 .main-menu .main-menu__list>li:hover.dropdown>a:before { color: var(--thm-black); }
.main-header-one.style2 .main-header-one__bottom-right { position: relative; display: block; padding-left: 35px; }
 .main-header-one.style2 .main-header-one__bottom-right::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 1px;
 background: rgba(255, 255, 255, 0.2);
 content: "";
}
 .main-header-one.style2 .main-header-one__bottom-right .contact-box .icon span::before {
 color: #ffffff;
}
.main-header-one.style2 .main-header-one__bottom-right .contact-box .text p { color: #ffffff; }
.main-header-one.style2 .main-header-one__bottom-right .contact-box .text a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.main-header-one.style2 .main-header-one__bottom-right .contact-box .text a:hover { color: var(--thm-black); }
.main-header-one.style2 .main-menu .mobile-nav__toggler { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; top: 2px; }
.main-header-one.style2 .main-menu .mobile-nav__toggler:hover { color: var(--thm-black); }
.stricky-header.style2 .main-menu__wrapper { background-color: var(--thm-base); }
.stricky-header.style2 .main-header-one__bottom-left { display: inherit; margin-left: 80px; }
.stricky-header.style2 .main-header-one__bottom-right { display: none; }
 .stricky-header.style2 .logo-box-two::before {
 display: none;
}
.stricky-header.style2 .main-menu__list>li>a { color: #ffffff; }
.stricky-header.style2 .main-menu__list>li.current>a, .stricky-header.style2 .main-menu__list>li:hover>a { color: #fff; }
.stricky-header.style2.main-menu .main-menu__list>li.dropdown>a:before { color: #ffffff; }
.stricky-header.style2.main-menu .main-menu__list>li.current.dropdown>a:before, .stricky-header.style2.main-menu .main-menu__list>li:hover.dropdown>a:before { color:#fff; }
.stricky-header.style2 .main-menu__wrapper-inner { padding-left: 0px; }
.stricky-header.style2 .header-one-social-links ul li a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.stricky-header.style2 .header-one-social-links ul li a:hover { color: var(--thm-black); }
 .stricky-header.style2 .header-search-box::before {
 background: #ffffff;
}
.stricky-header.style2 .header-search-box a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.stricky-header.style2 .header-search-box a:hover { color: var(--thm-black); }
/*----------------------------------------
    Main Header Three
  ---------------------------------------*/
.main-header-three { position: absolute; top: 0; left: 0; right: 0; z-index: 999; }
.main-header-three__inner { position: relative; display: block; }
.main-header-three__top { position: relative; display: block; background-color: #1a1a1a; padding: 0px 0px 0px; }
.main-header-three__top .auto-container { max-width: 1530px; width: 100%; }
.main-header-three__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; }
.main-header-three__top-inner .text { position: relative; display: block; }
.main-header-three__top-inner .text p { color: #ffffff; font-size: 15px; line-height: 25px; font-weight: 500; text-transform: capitalize; letter-spacing: 0.03em; }
.main-header-three__btn { position: relative; display: block; }
.main-header-three__btn a { position: relative; display: inline-block; color: #ffffff; font-size: 15px; text-transform: capitalize; letter-spacing: 0.03em; background: var(--thm-base); padding: 13px 30px 15px; }
.main-header-three__bottom { position: relative; display: block; z-index: 1; }
 .main-header-three__bottom::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: -100px;
 right: 0;
 background-image: -moz-linear-gradient(-90deg, rgb(4, 4, 0) 10%, rgba(4, 4, 0, 0.58) 48%, rgba(194, 182, 151, 0) 100%);
 background-image: -webkit-linear-gradient(-90deg, rgb(4, 4, 0) 10%, rgba(4, 4, 0, 0.58) 48%, rgba(194, 182, 151, 0) 100%);
 background-image: -ms-linear-gradient(-90deg, rgb(4, 4, 0) 10%, rgba(4, 4, 0, 0.58) 48%, rgba(194, 182, 151, 0) 100%);
 opacity: 0.839;
 content: "";
 z-index: -1;
}
.main-header-three__bottom-inner { position: relative; display: block; }
.main-header-three__bottom-inner .auto-container { max-width: 1530px; width: 100%; }
.main-header-three__bottom-inner .inner { position: relative; display: flex; align-items: center; justify-content: space-between; }
.main-header-three__bottom-inner .logo-box-two { position: relative; display: block; padding-right: 175px; z-index: 1; }
 .main-header-three__bottom-inner .logo-box-two::before {
 position: absolute;
 top: -12px;
 left: -9999999px;
 bottom: -30px;
 right: 0;
 background: var(--thm-base);
 content: "";
 z-index: -1;
}
.main-header-three__bottom-inner .main-menu-box { margin-left: 0; }
.main-header-three__bottom-right { position: relative; display: flex; align-items: center; line-height: 0; }
.main-header-three__bottom-inner .header-search-box { position: relative; display: block; padding-right: 55px; padding-left: 0; }
.main-header-three__bottom-inner .header-search-box a { color: #ffffff; font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; }
.main-header-three__bottom-inner .header-search-box a:hover { color: var(--thm-base); }
 .main-header-three__bottom-inner .header-search-box::before {
 position: absolute;
 top: -10px;
 left: auto;
 right: 0;
 bottom: -10px;
 width: 1px;
 background: #ffffff;
 content: "";
}
.main-header-three__bottom-right .contact-box { position: relative; display: block; padding-left: 60px; margin-left: 55px; }
.main-header-three__bottom-right .contact-box .icon { position: absolute; top: 5px; left: 0; line-height: 0; }
 .main-header-three__bottom-right .contact-box .icon span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 35px;
}
.main-header-three__bottom-right .contact-box .text { position: relative; display: block; }
.main-header-three__bottom-right .contact-box .text p { color: #ffffff; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: capitalize; }
.main-header-three__bottom-right .contact-box .text a { color: #ffffff; font-size: 18px; line-height: 24px; font-weight: 500; letter-spacing: -0.011em; transition: all 200ms linear; transition-delay: 0.1s; }
.main-header-three__bottom-right .contact-box .text a:hover { color: var(--thm-base); }
.main-header-three__bottom .main-menu .main-menu__list>li>a { color: #ffffff; }
.main-header-three__bottom .main-menu .main-menu__list>li.dropdown>a:before { color: #ffffff; }
.stricky-header.style2 .main-header-three__bottom-right { display: none; }
.stricky-header.style2 .inner { position: relative; display: flex; align-items: center; justify-content: space-between; }
/*----------------------------------------
    Main Header Four
  ---------------------------------------*/
.main-header-four { position: relative; display: block; }
.main-header-four__inner { position: relative; display: block; }
.main-header-four__top { position: relative; display: block; background: var(--thm-black); padding: 14px 0px 14px; }
.main-header-four__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 145px; }
.main-header-four__top-left { position: relative; display: flex; align-items: center; }
.main-header-four__top-left .text-box { position: relative; display: block; margin-right: 50px; }
.main-header-four__top-left .text-box p { color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 400; text-transform: capitalize; letter-spacing: 0.03em; }
.main-header-four__top-left .header-contact-info li { margin-right: 50px; }
.main-header-four__top-right { position: relative; display: block; margin-right: -165px; }
 .main-header-four__top-right::before {
 position: absolute;
 top: -17px;
 left: -38px;
 bottom: -17px;
 right: -99999999px;
 background: var(--thm-base);
 content: "";
}
.main-header-four__top-right .social-links { position: relative; display: flex; align-items: center; padding-left: 25px; }
.main-header-four__top-right .social-links .title-box { position: relative; display: block; margin-right: 55px; }
.main-header-four__top-right .social-links .title-box p { color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 500; text-transform: capitalize; }
.main-header-four__top-right .social-links ul { position: relative; display: block; line-height: 0; }
.main-header-four__top-right .social-links ul li { position: relative; display: inline-block; margin-right: 14px; }
.main-header-four__top-right .social-links ul li:last-child { margin-right: 0px; }
.main-header-four__top-right .social-links ul li a { position: relative; display: block; }
 .main-header-four__top-right .social-links ul li a span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 18px;
 line-height: 20px;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .main-header-four__top-right .social-links ul li a:hover span::before {
 color: var(--thm-black);
}
.main-header-four__bottom { position: relative; display: block; }
 .main-header-four__bottom::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 width: 250px;
 background: var(--thm-black);
 content: "";
}
.main-header-four__bottom-inner { position: relative; display: block; }
.main-header-four__bottom-left { position: relative; display: block; }
.main-header-four__bottom-right { position: relative; display: flex; align-items: center; }
.main-header-four__bottom-right .header-search-box { position: relative; display: block; padding-right: 40px; }
.main-header-four__bottom-right .header-search-box a { color: var(--thm-black); font-size: 20px; }
 .main-header-four__bottom-right .header-search-box::before {
 position: absolute;
 top: -10px;
 left: auto;
 right: 0;
 bottom: -10px;
 width: 1px;
 background: #cbcbcb;
 content: "";
}
.main-header-four__bottom-right .contact-box { position: relative; display: block; padding-left: 60px; margin-left: 40px; margin-right: 35px; }
.main-header-four__bottom-right .contact-box .icon { position: absolute; top: 5px; left: 0; line-height: 0; }
 .main-header-four__bottom-right .contact-box .icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 35px;
}
.main-header-four__bottom-right .contact-box .text { position: relative; display: block; }
.main-header-four__bottom-right .contact-box .text p { color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: capitalize; }
.main-header-four__bottom-right .contact-box .text a { color: var(--thm-black); font-size: 18px; line-height: 24px; font-weight: 500; letter-spacing: -0.011em; transition: all 200ms linear; transition-delay: 0.1s; }
.main-header-four__bottom-right .contact-box .text a:hover { color: var(--thm-base); }
.main-header-four__bottom-right .btn-box { position: relative; display: block; }
.main-header-four__bottom-right .btn-box a { position: relative; display: inline-block; color: #ffffff; font-size: 15px; font-weight: 400; text-transform: capitalize; background: var(--thm-base); line-height: 65px; padding-left: 40px; padding-right: 40px; }
 .main-header-four .main-menu .main-menu__list>li>a::after {
 position: absolute;
 top: 30px;
 left: 5px;
 bottom: -39px;
 right: 0;
 margin: 0 auto;
 width: 2px;
 height: 0;
 background: var(--thm-base);
 transition: all 0.4s ease-in-out 0.3s;
 content: "";
}
 .main-header-four .main-menu .main-menu__list>li:hover>a::after, .main-header-four .main-menu .main-menu__list>li.current>a:after {
 transition: all 0.4s ease-in-out 0.3s;
 height: 32px;
}
.stricky-header.style3 .main-header-four__bottom-right { display: none; }
.stricky-header.style3 .main-header-four__bottom-left { float: right; margin-left: auto; }
/***
=============================================
  Main Slider One
=============================================
***/
.main-slider { position: relative; display: block; z-index: 10; }
.main-slider-one { position: relative; overflow: hidden; }
.main-slider .swiper-slide { position: relative; }
.main-slider .image-layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; z-index: 1; }
.main-slider .swiper-slide-active .image-layer { -webkit-transform: scale(1.15); transform: scale(1.15); }
.main-slider .image-layer:before { position: absolute; top: 0px; left: 0; bottom: 0; width: 100%; content: ""; background: rgb(255, 255, 255); background:linear-gradient(90deg, rgb(0 10 85) 0%, rgb(0 15 119 / 70%) 41%, rgb(28 104 243 / 0%) 64%); z-index: -1; }
.main-slider-one .shape1 { position: absolute; top: -160px; left: 0; opacity: 0; transform: translateX(-100%); z-index: 1; }
.main-slider-one .shape1 img { opacity: 0.1; }
.main-slider.main-slider-one .swiper-slide-active .shape1 { opacity: 1; transform: translate(0); transition: all 1000ms ease; transition-delay: 2000ms; }
.main-slider-one .container { position: relative; padding: 230px 0px 240px; }
.main-slider__content { position: relative; display: block; overflow: hidden; z-index: 5; }
.main-slider__content .title { position: relative; display: block; margin-bottom: 19px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px); transform: perspective(400px) rotateY(0deg) translateY(-80px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider__content .title { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.main-slider__content .title h2 { color: var(--thm-black); font-size: 90px; font-weight: 600; line-height: 1.1em; text-transform: capitalize; }
.main-slider__content .title h2 span { color: var(--thm-base); }
.main-slider__content .text { position: relative; display: block; margin-bottom: 47px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px); -ms-transform: perspective(400px) rotateY(0deg) translateX(80px); transform: perspective(400px) rotateY(0deg) translateX(80px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider__content .text { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px); -ms-transform: perspective(400px) rotateY(0deg) translateX(0px); transform: perspective(400px) rotateY(0deg) translateX(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.main-slider__content .text p { color: var(--thm-black); font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: -0.02em; text-transform: capitalize; }
.main-slider__content .btn-box { position: relative; display: block; line-height: 0; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(80px); transform: perspective(400px) rotateY(0deg) translateY(80px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider__content .btn-box { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; }
.main-slider__content .btn-box .thm-btn { border-radius: 30px; line-height: 60px; }
 .main-slider__content .btn-box .thm-btn::before {
 border-radius: 20px;
}
.main-slider__nav { position: absolute; top: 41%; left: 50%; transform: translateY(-50%) translateX(-50%); display: flex; align-items: flex-end; flex-direction: column; max-width: 1500px; width: 100%; padding: 0 15px; height: 0; line-height: 0; z-index: 100; }
.main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { position: relative; display: block; height: 60px; width: 60px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; color: #ffffff; font-size: 20px; text-align: center; line-height: 60px; opacity: 1; margin: 0; transition: all 500ms ease; z-index: 100; }
.main-slider__nav .swiper-button-prev { float: left; left: 0; margin-bottom: 10px; }
.main-slider__nav .swiper-button-next { float: right; right: 0; }
.main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { color: #ffffff; background: var(--thm-base); }
 .main-slider__nav .swiper-button-next::after, .main-slider__nav .swiper-button-prev::after {
 display: none;
}
 .main-slider__nav .swiper-button-prev i::before {
 position: relative;
 display: inline-block;
 font-size: 20px;
 line-height: 60px;
 font-weight: 700;
}
 .main-slider__nav .swiper-button-next i::before {
 position: relative;
 display: inline-block;
 font-size: 20px;
 line-height: 60px;
 font-weight: 700;
}
/***
=============================================
  Main Slider Two
=============================================
***/
.main-slider-two { position: relative; display: block; z-index: 1; }
.main-slider-two__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: -1; }
.main-slider-two__outer-content { position: absolute; display: flex; align-items: center; justify-content: space-between; top: 50px; left: 62px; bottom: 50px; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(0deg) translateX(0%); width: max-content; text-align: center; line-height: 0; z-index: 5; }
.main-slider-two__outer-content .date-box { position: relative; display: block; }
.main-slider-two__outer-content .date-box p { color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; }
.main-slider-two__outer-content .date-box p span { position: relative; display: inline-block; margin-top: 15px; }
.main-slider-two__outer-content .social-links { position: relative; display: block; }
.main-slider-two__outer-content .social-links ul { position: relative; display: block; }
.main-slider-two__outer-content .social-links ul li { position: relative; display: inline-block; margin-bottom: 35px; }
.main-slider-two__outer-content .social-links ul li:last-child { margin-bottom: 0px; }
.main-slider-two__outer-content .social-links ul li:last-child { margin-right: 0; }
.main-slider-two__outer-content .social-links ul li a { color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; }
.main-slider-two__outer-content .social-links ul li a:hover { color: var(--thm-black); }
.main-slider-two .swiper-slide { position: relative; background: var(--thm-base); }
.main-slider-two__img { position: absolute; top: 0; right: 0; clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 80%, 100% 100%, 13% 100%, 10% 80%, 4% 29%); }
.main-slider-two .shape1 { position: absolute; left: -240px; bottom: -270px; width: 800px; height: 800px; border-radius: 50%; background: rgba(255, 255, 255, .1); opacity: 0; transform: translateX(-100%); z-index: -1; }
.main-slider-two .swiper-slide-active .shape1 { opacity: 1; transform: translate(0); transition: all 1500ms ease; transition-delay: 2500ms; }
.main-slider-two .container { padding: 183px 0px 190px; }
.main-slider-two__content { position: relative; display: block; }
.main-slider-two__content .text { position: relative; display: inline-block; margin-bottom: 20px; opacity: 0; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }
.main-slider-two .swiper-slide-active .main-slider-two__content .text { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; }
 .main-slider-two__content .text::before {
 position: absolute;
 left: 0;
 bottom: 0;
 right: 0;
 width: 0%;
 height: 1px;
 background: #ffffff;
 content: "";
 -webkit-transition: all 1000ms ease;
 -moz-transition: all 1000ms ease;
 -ms-transition: all 1000ms ease;
 -o-transition: all 1000ms ease;
 transition: all 1000ms ease;
}
 .main-slider-two .swiper-slide-active .main-slider-two__content .text::before {
 width: 100%;
 -webkit-transition-delay: 1500ms;
 -moz-transition-delay: 1500ms;
 -ms-transition-delay: 1500ms;
 -o-transition-delay: 1500ms;
 transition-delay: 1500ms;
}
.main-slider-two__content .text p { color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; font-family: var(--thm-font); }
.main-slider-two__content .title { position: relative; display: block; opacity: 0; -webkit-transition: all 1300ms ease; transition: all 1300ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }
.main-slider-two .swiper-slide-active .main-slider-two__content .title { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1800ms; transition-delay: 1800ms; }
.main-slider-two__content .title h2 { color: #ffffff; font-size: 100px; line-height: 1.1em; font-weight: 700; text-transform: capitalize; }
.main-slider-two__content .btn-box { position: relative; display: block; margin-top: 40px; line-height: 0; position: relative; display: block; opacity: 0; -webkit-transition: all 1300ms ease; transition: all 1300ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }
.main-slider-two .swiper-slide-active .main-slider-two__content .btn-box { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 2300ms; transition-delay: 2300ms; }
.main-slider-two__content .btn-box .thm-btn { background: var(--thm-black); color: #ffffff; }
 .main-slider-two__content .btn-box .thm-btn::before {
 background: #ffffff;
}
.main-slider-two__content .btn-box .thm-btn:hover { color: var(--thm-black); }
/***
=============================================
  Main Slider Three
=============================================
***/
.main-slider-three { position: relative; display: block; margin-top: 60px; z-index: 1; }
.main-slider-three .shape1 { position: absolute; top: 195px; left: 180px; z-index: 1; }
.main-slider-three .shape2 { position: absolute; top: 260px; left: 790px; transform: rotate(45deg); -webkit-animation: animation1 5s ease-in infinite; animation: animation1 5s ease-in infinite; z-index: 1; }
.main-slider-three .shape3 { position: absolute; left: 160px; bottom: 230px; transform: rotate(45deg); -webkit-animation: animation1 5s ease-in infinite; animation: animation1 5s ease-in infinite; z-index: 1; }
.main-slider-three .shape4 { position: absolute; left: 530px; bottom: 150px; z-index: 1; }
.main-slider-three__bg-shape { position: absolute; left: 0; bottom: 0; right: 0; height: 200px; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom center; z-index: 100; overflow: hidden; }
.main-slider-three .container { padding: 333px 15px 258px; }
.main-slider-three__content { position: relative; display: block; z-index: 5; }
.main-slider-three__content .text { position: relative; display: inline-block; margin-bottom: 20px; opacity: 0; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }
.main-slider-three .swiper-slide-active .main-slider-three__content .text { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; }
 .main-slider-three__content .text::before {
 position: absolute;
 left: 0;
 bottom: 0;
 right: 0;
 width: 0%;
 height: 1px;
 background: var(--thm-black);
 content: "";
 -webkit-transition: all 1000ms ease;
 -moz-transition: all 1000ms ease;
 -ms-transition: all 1000ms ease;
 -o-transition: all 1000ms ease;
 transition: all 1000ms ease;
}
/*.main-slider-three .swiper-slide-active .main-slider-three__content .text::before {
  width: 100%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}*/

.main-slider-three__content .text p { color:#fff; font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; font-family: var(--thm-font); }
.main-slider-three__content .title { position: relative; display: block; opacity: 0; -webkit-transition: all 1300ms ease; transition: all 1300ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }
.main-slider-three .swiper-slide-active .main-slider-three__content .title { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1800ms; transition-delay: 1800ms; }
.main-slider-three__content .title h2 { color: #fff; font-size: 60px; line-height: 1.1em; font-weight: 700; text-transform: capitalize; }
.main-slider-three__content .btn-box { position: relative; display: block; margin-top: 45px; line-height: 0; opacity: 0; -webkit-transition: all 1300ms ease; transition: all 1300ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }
.main-slider-three .swiper-slide-active .main-slider-three__content .btn-box { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 2300ms; transition-delay: 2300ms; }
.main-slider-three__content .btn-box .thm-btn { background: transparent; border: 2px solid #fff; color:#fff; border-top-left-radius: 0px; }
.main-slider-three__content .btn-box .thm-btn:hover { border-color: var(--thm-base); }
 .main-slider-three__content .btn-box .thm-btn::before {
 background: transparent;
}
.main-slider-three__content .btn-box .thm-btn:hover { color: var(--thm-base); }
.main-slider__nav.style2 { top: 43%; }
/***
=============================================
  Main Slider Four
=============================================
***/
.main-slider-four { position: relative; display: block; }
.main-slider-four.main-slider .image-layer:before { position: absolute; top: 0px; left: 0; bottom: 0; width: 100%; content: ""; background: rgba(var(--thm-black-rgb), 0.88); z-index: -1; }
.main-slider-four__img { position: absolute; top: 0; right: 0; z-index: 2; }
.main-slider-four .container { padding: 216px 15px 224px; }
.main-slider-four__content { position: relative; display: block; z-index: 2; }
.main-slider-four__content .menu-box { position: relative; display: block; margin-bottom: 33px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px); transform: perspective(400px) rotateY(0deg) translateY(-80px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider-four__content .menu-box { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.main-slider-four__content .menu-box ul { position: relative; display: block; }
.main-slider-four__content .menu-box ul li { position: relative; display: inline-block; padding-left: 15px; padding-right: 20px; }
.main-slider-four__content .menu-box ul li:first-child { padding-left: 0; }
 .main-slider-four__content .menu-box ul li::before {
 position: absolute;
 top: 8px;
 bottom: 8px;
 right: 0;
 width: 2px;
 background: #ffffff;
 content: "";
}
.main-slider-four__content .menu-box ul li:last-child:before { display: none; }
.main-slider-four__content .menu-box ul li p { color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: capitalize; }
.main-slider-four__content .title { position: relative; display: block; margin-bottom: 26px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px); -ms-transform: perspective(400px) rotateY(0deg) translateX(80px); transform: perspective(400px) rotateY(0deg) translateX(80px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider-four__content .title { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px); -ms-transform: perspective(400px) rotateY(0deg) translateX(0px); transform: perspective(400px) rotateY(0deg) translateX(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.main-slider-four__content .title h2 { color: #ffffff; font-size: 80px; line-height: 1.1em; font-weight: 700; text-transform: capitalize; }
.main-slider-four__content .text { position: relative; display: block; margin-bottom: 52px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px); -ms-transform: perspective(400px) rotateY(0deg) translateX(80px); transform: perspective(400px) rotateY(0deg) translateX(80px); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider-four__content .text { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px); -ms-transform: perspective(400px) rotateY(0deg) translateX(0px); transform: perspective(400px) rotateY(0deg) translateX(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.main-slider-four__content .text p { color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: -0.02em; text-transform: capitalize; }
.main-slider-four__content .btn-box { position: relative; display: block; line-height: 0; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(80px); transform: perspective(400px) rotateY(0deg) translateY(80px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }
.main-slider .swiper-slide-active .main-slider-four__content .btn-box { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; }
/***
=============================================
  Page Header
=============================================
***/
.page-header { position: relative; display: block; padding: 257px 0px 257px; z-index: 1; }
.page-header__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; z-index: -1; }
 .page-header__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-black-rgb), 0.88);
 content: "";
 z-index: -2;
}
.page-header__img { position: absolute; top: 0; right: 0; }
.page-header__inner { position: relative; display: block; }
.page-header__inner h2 { color: #ffffff; font-size: 80px; line-height: 1em; font-weight: 700; text-transform: capitalize; margin-bottom: 25px; }
.page-header__inner .thm-breadcrumb { position: relative; display: block; }
.page-header__inner .thm-breadcrumb li { position: relative; display: inline-block; color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: capitalize; }
.page-header__inner .thm-breadcrumb li a { color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.page-header__inner .thm-breadcrumb li a:hover { color: var(--thm-base); }
/***
=============================================
  Services Two
=============================================
***/
.services-two { position: relative; display: block; background: var(--thm-gray-bg); padding: 120px 0px 90px; overflow: hidden; z-index: 1; }
.services-two .shape1 { position: absolute; top: -30px; left: 0; opacity: 0.03; z-index: -1; }
.services-two .shape2 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-position: bottom right; opacity: 0.03; z-index: -1; }
.services-two__top { position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 58px; }
.services-two__top .sec-title { padding-bottom: 0px; }
.services-two__top .text-box { position: relative; display: block; }
.services-two__top .text-box p { color: #a09baa; }
.services-two__single { position: relative; display: block; border-radius: 10px; overflow: hidden; margin-bottom: 30px; padding: 40px 40px 26px; z-index: 1; }
.services-two__single__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; transform: scaleX(0.7) rotateX(0deg); transition: all 0.4s linear; border-radius: 10px; opacity: 0; z-index: -1; }
.services-two__single:hover .services-two__single__bg { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; }
.services-two__single:hover .services-two__single__bg, .services-two__single.active .services-two__single__bg { transform: scaleX(1.0) rotateX(0deg); opacity: 1; }
 .services-two__single__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-base-rgb), 0.9);
 border-radius: 10px;
 content: "";
 z-index: -2;
}
.services-two__single-icon { position: relative; display: inline-block; margin-bottom: 20px; transition-delay: 0.1s; transition: all 500ms ease; z-index: 1; }
.services-two__single:hover .services-two__single-icon { transform: rotateY(180deg); transition-delay: 0.3s; }
 .services-two__single-icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 60px;
 line-height: 60px;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .services-two__single:hover .services-two__single-icon span::before, .services-two__single.active .services-two__single-icon span::before {
 color: #ffffff;
}
.services-two__single h3 { font-size: 20px; line-height: 30px; font-weight: 600; text-transform: capitalize; margin-bottom: 12px; }
.services-two__single h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.services-two__single:hover h3 a, .services-two__single.active h3 a { color: #ffffff; }
.services-two__single p { color: #717178; transition: all 200ms linear; transition-delay: 0.1s; }
.services-two__single:hover p, .services-two__single.active p { color: #ffffff; }
.services-two__single .btn-box { position: relative; display: inline-block; margin-top: 21px; }
.services-two__single .btn-box a { position: relative; display: block; color: #717178; transition: all 200ms linear; transition-delay: 0.1s; }
 .services-two__single .btn-box a span::before {
 position: relative;
 display: inline-block;
 font-size: 20px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .services-two__single:hover .btn-box a span::before, .services-two__single.active .btn-box a span::before {
 color: #ffffff;
}
 .services-two__single:hover .btn-box a:hover span::before {
 color: var(--thm-black);
}
.services-two__single .btn-box a:hover { color: var(--thm-black); }
/***
=============================================
  About One
=============================================
***/
.about-one { position: relative; display: block; background: #ffffff; padding: 140px 0px 120px; z-index: 1; }
.about-one .shape1 { position: absolute; top: 0; left: 0; opacity: 0.28; z-index: -1; }
.about-one .shape2 { position: absolute; top: 0; right: 0; mix-blend-mode: luminosity; opacity: 0.05; z-index: -1; }
.about-one__img { position: relative; display: block; max-width: 540px; width: 100%; }
.about-one__experience-box { position: absolute; top: 25px; right: 20px; display: flex; align-items: center; background: var(--thm-base); padding: 32px 35px 27px; border-radius: 10px; border-bottom-left-radius: 0px; z-index: 2; }
 .about-one__experience-box::before {
 position: absolute;
 top: 10px;
 left: 10px;
 bottom: 10px;
 right: 10px;
 border: 2px dashed rgba(255, 255, 255, 0.3);
 border-radius: 10px;
 border-bottom-left-radius: 0px;
 content: "";
}
.about-one__experience-box .count-box { position: relative; display: block; }
.about-one__experience-box .count-box h2 { color: #ffffff; font-size: 60px; line-height: 0.8em; font-weight: 700; letter-spacing: -0.02em; }
.about-one__experience-box .count-box h2 .odometer.odometer-auto-theme, .about-one__experience-box .count-box h2 .odometer.odometer-theme-default { font-family: var(--thm-font); line-height: 0.8em; letter-spacing: -0.02em; }
.about-one__experience-box .title-box { position: relative; display: block; margin-left: 23px; margin-top: -3px; }
.about-one__experience-box .title-box h3 { color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; }
.about-one__img1 { position: relative; display: block; max-width: 370px; width: 100%; z-index: 1; }
 .about-one__img1::before {
 position: absolute;
 top: -20px;
 left: 20px;
 bottom: 0;
 right: -20px;
 background: var(--thm-black);
 content: "";
 z-index: -1;
}
.about-one__img1 img { width: 100%; }
.about-one__img2 { position: absolute; right: 0; bottom: 15px; z-index: 1; }
 .about-one__img2::before {
 position: absolute;
 top: -15px;
 left: -15px;
 bottom: -15px;
 right: 0;
 background: var(--thm-black);
 content: "";
 z-index: -1;
}
.about-one__img2 img { width: 100%; }
.about-one__content { position: relative; display: block; margin-right: -60px; margin-top: -27px; }
.about-one__content .sec-title { padding-bottom: 22px; }
.about-one__content-inner { position: relative; display: block; }
.about-one__content-inner .text { position: relative; display: block; }
.about-one__content-inner .text p { font-weight: 500; }
.about-one__content-counter { position: relative; display: block; margin-top: 24px; }
.about-one__content-counter .top-text { position: relative; display: flex; align-items: center; margin-bottom: 35px; }
.about-one__content-counter .top-text .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #f1f3f2; border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; }
.about-one__content-counter .top-text:hover .icon-box { background: var(--thm-base); }
.about-one__content-counter .top-text .icon-box span { position: relative; display: block; line-height: 0; }
 .about-one__content-counter .top-text .icon-box span::before {
 position: relative;
 display: inline-block;
 color: #161735;
 font-size: 15px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .about-one__content-counter .top-text:hover .icon-box span::before {
 color: #ffffff;
}
.about-one__content-counter .top-text .text-box { position: relative; display: block; margin-left: 20px; }
.about-one__content-counter .top-text .text-box p { font-size: 18px; line-height: 26px; font-weight: 500; text-transform: capitalize; }
.counter-one__single { position: relative; display: flex; align-items: center; }
.counter-one__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; background: #e7e7ea; width: 100px; height: 115px; }
 .counter-one__single .icon-box span::before {
 position: relative;
 display: inline-block;
 color: #54556b;
 font-size: 65px;
 transition: all 500ms linear;
 transition-delay: 0.1s;
 transform: scale(1);
}
 .counter-one__single:hover .icon-box span::before {
 transform: scale(0.9);
}
.counter-one__single .title-box { position: relative; display: block; margin-left: 20px; }
.counter-one__single .title-box h2 { color: var(--thm-black); font-size: 40px; line-height: 40px; font-weight: 600; margin-bottom: 8px; }
.counter-one__single .title-box h2 .odometer.odometer-auto-theme, .counter-one__single .title-box h2 .odometer.odometer-theme-default { font-family: var(--thm-font); line-height: 40px; }
.counter-one__single .title-box p { font-size: 18px; line-height: 28px; font-weight: 500; text-transform: capitalize; }
.about-one__content-bottom { position: relative; display: flex; align-items: center; margin-top: 41px; }
.about-one__client-info-box { position: relative; display: flex; align-items: center; }
.about-one__client-info-box .img-box { position: relative; display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.about-one__client-info-box .img-box img { width: 100%; }
.about-one__client-info-box .title-box { position: relative; display: block; margin-left: 25px; }
.about-one__client-info-box .title-box h3 { font-size: 22px; line-height: 30px; font-weight: 600; text-transform: capitalize; }
.about-one__client-info-box .title-box p { font-size: 14px; line-height: 24px; font-weight: 500; text-transform: capitalize; }
.about-one__content-bottom .btn-box { position: relative; display: block; margin-left: 50px; line-height: 0; }
/***
=============================================
   Video One
=============================================
***/
.video-one { position: relative; display: block; padding: 300px 0px 300px; z-index: 1; }
.video-one__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; }
 .video-one__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-black-rgb), 0.1);
 content: "";
 z-index: -2;
}
.video-one__inner { position: relative; display: flex; align-items: center; justify-content: center; }
.video-one__inner .video-box { position: relative; display: flex; align-items: center; justify-content: center; }
.video-one__inner .video-box a { position: relative; display: inline-block; z-index: 5; }
.video-one__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; line-height: 90px; text-align: center; font-size: 25px; color: #ffffff; background-color: var(--thm-base); border-radius: 50%; margin: 0 auto; }
 .video-one__icon::before {
 position: absolute;
 top: -15px;
 left: -15px;
 right: -15px;
 bottom: -15px;
 border: 1px solid var(--thm-base);
 border-radius: 50%;
 content: "";
}
.video-one__inner .video-box .border-animation { position: absolute; top: -15px; left: -15px; bottom: -15px; right: -15px; border: 1px solid var(--thm-base); animation: squares 2.9s linear 0s infinite; -webkit-animation: squares 2.9s linear 0s infinite; -ms-animation: squares 2.9s linear 0s infinite; -o-animation: squares 2.9s linear 0s infinite; -webkit-animation-play-state: running; animation-play-state: running; opacity: 0; border-radius: 50%; }
.video-one__inner .video-box .border-animation.border-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.video-one__inner .video-box .border-animation.border-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
/***
=============================================
  Faq One
=============================================
***/
.faq-one { position: relative; display: block; background: var(--thm-gray-bg); overflow: hidden; padding: 120px 0px 95px; z-index: 1; }
.faq-one__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.02; z-index: -1; }
.faq-one .shape1 { position: absolute; top: -15px; left: 0; opacity: 0.05; z-index: -1; }
.faq-one .shape2 { position: absolute; bottom: 0; right: 0; opacity: 0.05; z-index: -1; }
.faq-one__content { position: relative; display: block; max-width: 540px; width: 100%; }
.faq-one__content .sec-title { padding-bottom: 31px; }
.faq-one__content-middle { position: relative; display: flex; align-items: center; max-width: 500px; width: 100%; }
.faq-one__content-middle .img-box { position: relative; display: block; border-radius: 10px; overflow: hidden; }
.faq-one__content-middle .img-box img { width: 100%; }
.faq-one__content-middle .text-box { position: relative; display: block; flex: 1; padding-left: 30px; }
.faq-one__content-middle .text-box p { color: var(--thm-gray); font-size: 14px; line-height: 34px; font-weight: 300; letter-spacing: 0.1em; }
.faq-one__progress { position: relative; display: block; width: 100%; margin-top: 27px; }
.faq-one__progress-single { position: relative; display: block; }
.faq-one__progress-single .title { position: relative; display: block; margin-bottom: 13px; }
.faq-one__progress-single .title h4 { color: var(--thm-black); font-size: 20px; line-height: 30px; font-weight: 500; }
.faq-one__progress .bar { position: relative; width: 100%; height: 7px; background-color: #ffffff; border-radius: 5px; margin-bottom: 25px; }
.faq-one__progress .bar-inner { position: relative; display: block; width: 0px; height: 7px; border-radius: 5px; background: var(--thm-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; }
.faq-one__progress .count-text { position: absolute; right: -40px; bottom: 20px; color: #ffffff; line-height: 22px; font-size: 12px; text-align: center; font-weight: 500; opacity: 0; background-color: var(--thm-base); padding-left: 10px; padding-right: 10px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--thm-font); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.faq-one__progress .count-text:before { position: absolute; bottom: -6px; left: 0; border: 3px solid var(--thm-base); content: ""; border-right: 4px solid transparent; border-bottom: 3px solid transparent; }
.faq-one__progress .bar-inner.counted .count-text { opacity: 1; }
.faq-one__accordion { position: relative; display: block; margin-top: 30px; }
.accordion-box { position: relative; display: block; }
.accordion-box .block { position: relative; display: block; margin-bottom: 20px; transition: all 500ms ease; background: rgba(255, 255, 255); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05); border-radius: 8px; }
.accordion-box .block.mb20 { margin-bottom: 0px; }
.accordion-box .block:last-child { margin-bottom: 0px; }
.accordion-box .block .acc-btn { position: relative; display: block; cursor: pointer; transition: all 500ms ease; padding-top: 23px; padding-left: 40px; padding-bottom: 22px; padding-right: 40px; }
.accordion-box .block .acc-btn.active { padding-bottom: 19px; }
.accordion-box .block .acc-btn h3 { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 400; transition: all 500ms ease; }
.accordion-box .block .acc-btn.active h3 { color: var(--thm-black); }
.accordion-box .block .acc-btn .icon-outer { position: absolute; top: 50%; right: 40px; width: 20px; height: 20px; color: var(--thm-black); font-size: 15px; text-align: right; line-height: 20px; font-weight: 700; cursor: pointer; transform: translateY(-50%) rotate(0deg); transition: all 500ms ease; z-index: 1; }
.accordion-box .block .acc-btn.active .icon-outer { color: var(--thm-black); transform: translateY(-50%) rotate(0deg); }
.accordion-box .block .acc-btn .icon-outer i:before { font-weight: 700; }
.accordion-box .block .acc-btn.active .icon-outer i:before { position: relative; font-size: 20px; font-family: 'icomoon' !important; font-weight: 700; margin: 0px; content: "\e90a"; }
.accordion-box .block .acc-content { position: relative; display: none; padding-top: 0px; padding-left: 40px; padding-bottom: 39px; padding-right: 40px; }
.accordion-box .block .acc-content.current { display: block; }
.accordion-box .block .acc-content p { margin: 0; color: var(--thm-black); line-height: 28px; font-weight: 300; }
/***
=============================================
Portfolio One
=============================================
***/
.portfolio-one { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; }
.portfolio-one__single { position: relative; display: block; }
.portfolio-one__single-img { position: relative; display: block; z-index: 1; }
.portfolio-one__single-img .inner { position: relative; display: block; padding-top: 15px; padding-bottom: 15px; overflow: hidden; }
.portfolio-one__single-img img { width: 100%; transition: all 900ms ease 100ms; }
.portfolio-one__single:hover .portfolio-one__single-img img { transform: scale(1.2, 1.2); }
.portfolio-one__single-img .icon-box { position: absolute; top: 45px; left: 45px; opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: all 900ms ease; transition: all 900ms ease; z-index: 5; }
.portfolio-one__single:hover .portfolio-one__single-img .icon-box { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
.portfolio-one__single-img .icon-box .shape1 { position: absolute; top: -95px; left: -118px; width: 250px; height: 200px; background: var(--thm-base); border-radius: 8px; transform: rotate(45deg); z-index: 3; }
.portfolio-one__single-img .icon-box span:before { position: relative; display: inline-block; color: #ffffff; font-size: 80px; z-index: 5; }
.portfolio-one__single-img .overlay-content { position: absolute; left: 0; bottom: 20px; right: 0; width: 430px; margin: 0 auto; background: #ffffff; padding: 22px 30px 22px; opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all 900ms ease; transition: all 900ms ease; z-index: 3; }
.portfolio-one__single:hover .portfolio-one__single-img .overlay-content { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
 .portfolio-one__single-img .overlay-content::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 4px;
 background: var(--thm-base);
 content: "";
}
.portfolio-one__single-img .overlay-content p { color: var(--thm-base); font-size: 14px; line-height: 24px; font-weight: 500; text-transform: capitalize; }
.portfolio-one__single-img .overlay-content h2 { font-size: 26px; line-height: 34px; font-weight: 600; text-transform: capitalize; }
.portfolio-one__single-img .overlay-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-one__single-img .overlay-content h2 a:hover { color: var(--thm-base); }
.portfolio-one__link { position: absolute; top: 0; right: 0; }
.portfolio-one__link a { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background: var(--thm-base); line-height: 0; }
.portfolio-one__link a span:before { position: relative; display: inline-block; color: #ffffff; font-size: 25px; }
.portfolio-one__carousel.owl-carousel { display: block; max-width: 770px; width: 100%; margin: 0 auto; }
.portfolio-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; padding: 0px 0px 0px; }
.portfolio-one__carousel.owl-carousel .owl-stage-outer .owl-item.active .portfolio-one__single-img .overlay-content { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.portfolio-one__carousel.owl-carousel .owl-stage-outer .owl-item.active .portfolio-one__single-img img { transform: scale(1.2, 1.2); }
.portfolio-one__carousel.owl-carousel .owl-stage-outer .owl-item.active .portfolio-one__single-img .icon-box { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
.portfolio-one .owl-theme .owl-nav { position: absolute; top: 50%; left: 0%; right: 0; max-width: 100%; padding-left: 30px; padding-right: 30px; transform: translateY(-50%); z-index: 100; }
.portfolio-one .owl-carousel .owl-nav button.owl-prev, .portfolio-one .owl-carousel .owl-nav button.owl-next { position: relative; display: inline-block; width: 55px; height: 55px; border-radius: 50%; background-color: rgba(255, 255, 255, .8); color: var(--thm-black); font-size: 20px; outline: none; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-one .owl-carousel .owl-nav button.owl-prev { float: left; left: -100px; }
 .portfolio-one .owl-carousel .owl-nav button.owl-prev span::before {
 position: relative;
 display: inline-block;
 transform: rotate(180deg);
 font-weight: 700;
 line-height: 55px;
}
 .portfolio-one .owl-carousel .owl-nav button.owl-next span::before {
 font-weight: 700;
 line-height: 55px;
}
.portfolio-one .owl-carousel .owl-nav button.owl-next { float: right; right: -100px; }
.portfolio-one .owl-carousel .owl-nav button.owl-prev:hover, .portfolio-one .owl-carousel .owl-nav button.owl-next:hover { background: var(--thm-base); color: #ffffff; }
/***
=============================================
Why Choose One
=============================================
***/
.why-choose-one { position: relative; display: block; background: var(--thm-gray-bg); z-index: 1; }
.why-choose-one .row {  --bs-gutter-x: 0px;
}
.why-choose-one .container { max-width: 100%; width: 100%; padding: 0; }
.why-choose-one__img { position: relative; display: block; min-height: 1000px; z-index: 1; }
.why-choose-one__img-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center; clip-path: polygon(0 0, 91% 0, 95% 45%, 97% 69%, 100% 100%, 0 100%, 0% 80%, 0% 20%); z-index: -1; }
.why-choose-one__content { position: relative; display: block; padding: 120px 0px 90px; z-index: 1; }
.why-choose-one__content .shape1 { position: absolute; right: 0; bottom: 0; opacity: 0.04; z-index: -1; }
.why-choose-one__content .inner { max-width: 710px; width: 100%; float: left; padding-left: 140px; }
.why-choose-one__content .row {  --bs-gutter-x: 30px;
}
.why-choose-one__content .sec-title { padding-bottom: 27px; }
.why-choose-one__content-box { position: relative; display: block; }
.why-choose-one__content-single { position: relative; display: block; background: var(--thm-base); margin-bottom: 30px; padding: 40px 30px 32px; box-shadow: 0px 2px 30px 0px rgba(9, 24, 84, 0.08); }
.why-choose-one__content-single.style2 { box-shadow: 0px 2px 30px 0px rgba(9, 24, 84, 0.08); background: #ffffff; }
.why-choose-one__content-single.style2 .icon-box .round-box { background: rgba(0, 0, 0, 0.05); }
 .why-choose-one__content-single.style2 .icon-box span::before {
 color: var(--thm-base);
}
.why-choose-one__content-single.style2 h3 a { color: var(--thm-black); }
.why-choose-one__content-single.style2 p { color: var(--thm-gray); }
.why-choose-one__content-single.mt30 { margin-top: 30px; }
.why-choose-one__content-single .icon-box { position: relative; display: block; margin-bottom: 22px; padding-left: 30px; z-index: 1; }
.why-choose-one__content-single .icon-box .round-box { position: absolute; top: 0; left: 0px; width: 55px; height: 55px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); z-index: -1; }
 .why-choose-one__content-single .icon-box span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 65px;
 transition-delay: 0.1s;
 transition: all 500ms ease;
}
 .why-choose-one__content-single:hover .icon-box span::before {
 transform: rotateY(180deg);
 transition-delay: 0.1s;
}
.why-choose-one__content-single h3 { font-size: 20px; line-height: 30px; font-weight: 500; text-transform: capitalize; margin-bottom: 2px; }
.why-choose-one__content-single h3 a { color: #ffffff; }
.why-choose-one__content-single p { color: #ffffff; }
/***
=============================================
   Team One
=============================================
***/
.team-one { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; }
.team-one .auto-container { max-width: 1600px; width: 100%; }
.team-one__single { position: relative; display: block; margin-bottom: 30px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); }
.team-one__single-img { position: relative; display: block; }
 .team-one__single-img::before {
 position: absolute;
 left: 0;
 right: -1px;
 bottom: -89px;
 background: #ffffff;
 clip-path: polygon(31% 24%, 78% 8%, 100% 0, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0 34%);
 height: 135px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 overflow: hidden;
 content: "";
 z-index: 2;
}
.team-one__single-img .inner { position: relative; display: block; border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; z-index: 1; }
.team-one__single-img .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; background: rgba(var(--thm-base-rgb), 0.7); opacity: 0; z-index: 1; content: ""; }
 .team-one__single:hover .team-one__single-img .inner::before {
 opacity: 1;
}
.team-one__single-img .inner img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.team-one__single:hover .team-one__single-img .inner img { transform: scale(1); }
.team-one__single-content { position: relative; display: block; background: #f3f3f5; border-radius: 10px; padding: 35px 10px 40px; margin-top: -95px; margin-left: 40px; margin-right: 40px; z-index: 2; }
.team-one__single-content .title-box { position: relative; display: block; }
.team-one__single-content .title-box h2 { font-size: 24px; line-height: 28px; font-weight: 600; }
.team-one__single-content .title-box h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.team-one__single-content .title-box h2 a:hover { color: var(--thm-base); }
.team-one__single-content .title-box p { color: var(--thm-black); font-size: 15px; font-weight: 500; text-transform: capitalize; }
.team-one__single-content .social-link { position: relative; display: block; margin-top: 4px; }
.team-one__single-content .social-link li { position: relative; display: inline-block; margin-right: 6px; }
.team-one__single-content .social-link li:last-child { margin-right: 0; }
.team-one__single-content .social-link li a { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #ffffff; border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; }
 .team-one__single-content .social-link li a::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-base);
 transform: scale(0.5);
 opacity: 0;
 transition: all 300ms linear;
 transition-delay: 0.1s;
 content: "";
}
 .team-one__single-content .social-link li a:hover::before {
 transform: scale(1);
 opacity: 1;
}
 .team-one__single-content .social-link li a span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 15px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .team-one__single-content .social-link li a:hover span::before {
 color: #ffffff;
}
/***
=============================================
Digital Agency One
=============================================
***/
.digital-agency-one { position: relative; display: block; padding: 0px 0px 240px; background: #ffffff; z-index: 1; }
.digital-agency-one__top { position: relative; display: block; padding: 120px 0px 283px; }
.digital-agency-one__top-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; }
 .digital-agency-one__top-bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: #161735;
 opacity: 0.88;
 content: "";
 z-index: -2;
}
.digital-agency-one__top .inner { position: relative; display: block; }
.digital-agency-one__top .inner .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 150px; height: 120px; background: var(--thm-base); border-radius: 9px; margin: 0 auto 43px; }
 .digital-agency-one__top .inner .icon-box span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 75px;
 line-height: 75px;
}
.digital-agency-one__top .inner h2 { color: #ffffff; font-size: 70px; line-height: 1.2em; font-weight: 600; text-transform: capitalize; }
.digital-agency-one__bottom { position: relative; display: block; margin-top: -110px; z-index: 5; }
.digital-agency-one__bottom-inner { position: relative; display: block; }
 .digital-agency-one__bottom-inner::before {
 position: absolute;
 top: -60px;
 right: -160px;
 left: -160px;
 bottom: 0;
 background: #ffffff;
 content: "";
}
.digital-agency-one__tab-box { position: relative; display: block; z-index: 2; }
.digital-agency-one__tab-box .tab-buttons { position: relative; display: block; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 80px; }
.digital-agency-one__tab-box .tab-buttons .tab-btn { position: relative; float: left; max-width: 390px; width: 100%; }
.digital-agency-one__tab-box .tab-buttons .tab-btn+.tab-btn { margin-left: 0px; }
 .digital-agency-one__tab-box .tab-buttons .tab-btn:nth-child(1) span {
 border-top-left-radius: 10px;
}
 .digital-agency-one__tab-box .tab-buttons .tab-btn:nth-child(3) span {
 border-top-right-radius: 10px;
}
.digital-agency-one__tab-box .tab-buttons .tab-btn span { position: relative; display: inline-block; color: #ffffff; font-size: 24px; font-weight: 600; text-transform: capitalize; background-color: var(--thm-base); padding: 43px 0px 42px; cursor: pointer; transition: all 0.3s ease; max-width: 390px; width: 100%; text-align: center; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; }
.digital-agency-one__tab-box .tab-buttons .tab-btn.active-btn span { color: var(--thm-black); background-color: #f3f3f5; }
.digital-agency-one__tab-box .tab-buttons .tab-btn span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 0%; content: ""; background-color: #f3f3f5; transition: all 0.3s ease; z-index: -1; }
.digital-agency-one__tab-box .tab-buttons .tab-btn.active-btn span:before { height: 100%; }
.digital-agency-one__tab-box .tabs-content { position: relative; display: block; }
.digital-agency-one__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; }
.digital-agency-one__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.tabs-content__inner { position: relative; display: block; background-color: #ffffff; }
.tabs-content__img { position: relative; display: block; border-radius: 8px; overflow: hidden; z-index: 1; }
 .tabs-content__img::before {
 position: absolute;
 top: 0;
 left: -100%;
 display: block;
 content: '';
 width: 50%;
 height: 100%;
 background: linear-gradient(to right, rgba(var(--thm-base-rgb), .7) 0%, rgba(var(--thm-base-rgb), .3) 100%);
 transform: skewX(25deg);
 z-index: 2;
}
 .tabs-content__img:hover::before {
 -webkit-animation: shine 1.9s;
 animation: shine 1.9s;
}
.tabs-content__img img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.tabs-content__img:hover img { transform: scale(1); }
.tabs-content__content { position: relative; display: block; margin-top: -6px; margin-left: 45px; }
.tabs-content__content h2 { font-size: 30px; line-height: 34px; font-weight: 600; text-transform: capitalize; margin-bottom: 23px; }
.tabs-content__content p { margin: 0; }
.tabs-content__content .middle-text { position: relative; display: flex; align-items: center; margin-top: 20px; }
.tabs-content__content .middle-text .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; background: #f3f5f4; }
 .tabs-content__content .middle-text .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 50px;
 transition: all 500ms linear;
 transition-delay: 0.1s;
 transform: scale(1);
}
 .tabs-content__content .middle-text:hover .icon-box span::before {
 transform: scale(0.9);
}
.tabs-content__content .middle-text .text-box { position: relative; display: block; margin-left: 25px; flex: 1; }
.tabs-content__content .middle-text .text-box h3 { font-size: 22px; line-height: 32px; font-weight: 600; text-transform: capitalize; margin-bottom: 11px; }
.tabs-content__content .middle-text .text-box p { margin: 0; }
.tabs-content__content .progress-box { position: relative; display: block; margin-top: 37px; }
.tabs-content__content .progress-box .progress-single { position: relative; display: block; }
.tabs-content__content .progress-box .progress-single .top { position: relative; display: flex; align-items: center; margin-bottom: 16px; }
.tabs-content__content .progress-box .progress-single .top h3 { font-size: 22px; line-height: 32px; font-weight: 700; text-transform: capitalize; letter-spacing: 0.02em; }
.tabs-content__content .progress-box .progress-single .top .count-text { position: relative; color: var(--thm-black); font-size: 22px; line-height: 22px; font-weight: 700; padding-left: 7px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; font-family: var(--thm-font); }
.tabs-content__content .progress-box .progress-single .bar { position: relative; width: 100%; height: 0px; background: transparent; margin-bottom: 0px; }
 .tabs-content__content .progress-box .progress-single .bar::before {
 position: absolute;
 left: 0;
 bottom: -9px;
 right: 0;
 width: 100%;
 height: 2px;
 background: var(--thm-base);
 content: "";
}
.tabs-content__content .progress-box .progress-single .bar-inner { position: relative; display: block; width: 0px; height: 5px; background: var(--thm-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; z-index: 1; }
/***
=============================================
Testimonial One
=============================================
***/
.testimonial-one { position: relative; display: block; background: var(--thm-gray-bg); }
.testimonial-one .container-fluid { padding: 0; }
.testimonial-one__content { position: relative; display: block; max-width: 780px; width: 100%; float: right; padding: 120px 0px 110px; }
#testimonial-one__thumb { width: 350px; margin-left: 0; }
.testimonial-one__img { position: relative; display: block; cursor: pointer; transition: all 500ms ease; }
.testimonial-one__img .inner { width: 105px; height: 105px; border-radius: 50%; overflow: hidden; transition: all 500ms ease; }
 .testimonial-one__img .inner::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgb(255, 255, 255, 0.2);
 transition: all 500ms ease;
 border-radius: 50%;
 content: "";
}
 #testimonial-one__thumb .swiper-slide-thumb-active .testimonial-one__img .inner::before {
 background-color: rgba(var(--moniz-base-rgb, 255, 255, 255), .0);
}
.testimonial-one__img .inner>img { width: 105px; border-radius: 50%; transition: all 0.5s ease-in-out 0.6s; }
.testimonial-one__img .icon { position: absolute; bottom: 15px; right: -5px; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; text-align: center; color: #ffffff; font-size: 10px; font-weight: 700; background: var(--thm-base); transform: scale(0); transition: all 500ms ease; }
#testimonial-one__thumb .swiper-slide-thumb-active .testimonial-one__img .icon { transform: scale(1); }
.testimonial-one__content-box { position: relative; display: block; margin-top: 62px; }
.testimonial-one__content-box-single { position: relative; display: block; }
.testimonial-one__content-box-single .inner { position: relative; display: block; padding-left: 150px; }
.testimonial-one__content-box-single .inner .icon-box { position: absolute; right: 0; bottom: 5px; }
 .testimonial-one__content-box-single .inner .icon-box span::before {
 position: relative;
 display: inline-block;
 color: #878c8f;
 font-size: 50px;
 line-height: 50px;
}
.testimonial-one__content-box-single .inner .img-box { position: absolute; top: 8px; left: 0; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; }
.testimonial-one__content-box-single .inner .img-box img { width: 100%; }
.testimonial-one__content-box-single .inner .content-box { position: relative; display: block; }
.testimonial-one__content-box-single .inner .content-box h4 { color: rgba(var(--thm-black-rgb), 0.8); font-size: 20px; line-height: 30px; font-weight: 400; }
.testimonial-one__content-box-single .inner .content-box .name { position: relative; display: block; margin-top: 27px; }
.testimonial-one__content-box-single .inner .content-box .name h4 { color: var(--thm-black); font-size: 20px; line-height: 22px; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; }
.testimonial-one__content-box-single .inner .content-box .name span { color: #838691; font-size: 14px; line-height: 24px; font-weight: 600; text-transform: capitalize; letter-spacing: 0.01em; }
#testimonial-one__carousel-pagination { position: absolute; display: flex; justify-content: flex-end; align-items: center; top: -117px; right: 0; left: auto; width: 100%; z-index: 20; }
#testimonial-one__carousel-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 0px; background-color: rgba(var(--thm-base-rgb), .3); border: 0px solid var(--thm-black); border-color: transparent; transition: all 500ms ease; opacity: 1; margin: 0; display: block; }
#testimonial-one__carousel-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 6px; }
#testimonial-one__carousel-pagination .swiper-pagination-bullet-active { background-color: var(--thm-base); }
.testimonial-one__right { position: relative; display: block; z-index: 1; height: 100%; }
.testimonial-one__right-bg { position: absolute; top: -120px; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: top right; clip-path: polygon(0 0, 80% 0%, 100% 0, 100% 100%, 80% 100%, 33% 100%, 16% 100%, 6% 36%); z-index: -1; }
 .testimonial-one__right-bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: var(--thm-base);
 opacity: 0.88;
 content: "";
 z-index: -2;
}
.testimonial-one__right-img { position: absolute; bottom: 0px; left: 0px; text-align: center; right: 0; }
.testimonial-one__right-img img { width: auto; }
/***
=============================================
Blog One
=============================================
***/
.blog-one { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; }
.blog-one__single { position: relative; display: block; margin-bottom: 30px; }
.blog-one__single-img { position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; background: var(--thm-black); }
.blog-one__single-img .date-box { position: absolute; right: 20px; bottom: -35px; background: var(--thm-base); border-radius: 10px; text-align: center; padding: 11px 15px 15px; z-index: 2; }
.blog-one__single-img .date-box p { color: #ffffff; font-size: 15px; line-height: 20px; font-weight: 600; }
.blog-one__single-img .inner { position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; overflow: hidden; z-index: 1; }
 .blog-one__single-img .inner::before {
 position: absolute;
 top: 0%;
 left: 0%;
 display: block;
 content: '';
 width: 0;
 height: 0;
 background: rgba(255, 255, 255, .7);
 border-radius: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 opacity: 0;
 z-index: 1;
}
 .blog-one__single:hover .blog-one__single-img .inner::before {
 -webkit-animation: circle .75s;
 animation: circle .75s;
}
 .blog-one__single-img .inner::after {
 position: absolute;
 bottom: 0%;
 right: 0%;
 display: block;
 content: '';
 width: 0;
 height: 0;
 background: rgba(255, 255, 255, .7);
 border-radius: 50%;
 -webkit-transform: translate(50%, 50%);
 transform: translate(50%, 50%);
 opacity: 0;
 z-index: 10;
}
 .blog-one__single:hover .blog-one__single-img .inner::after {
 -webkit-animation: circle .75s;
 animation: circle .75s;
}
.blog-one__single-img .inner img { width: 100%; transform: scale(1.0);  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
border-top-left-radius: 10px; }
.blog-one__single:hover .blog-one__single-img .inner img { transform: scale(1.2) rotate(1deg); }
.blog-one__single__content { position: relative; display: block; background: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); padding: 30px 40px 29px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.blog-one__single__content .meta-box { position: relative; display: block; overflow: hidden; margin-bottom: 22px; }
.blog-one__single__content .meta-box li { position: relative; display: flex; align-items: center; float: left; margin-right: 30px; line-height: 0; }
.blog-one__single__content .meta-box li:last-child { margin-right: 0px; }
.blog-one__single__content .meta-box li .icon { position: relative; display: block; }
 .blog-one__single__content .meta-box li .icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 15px;
 font-weight: 700;
}
.blog-one__single__content .meta-box li .text { position: relative; display: block; margin-left: 8px; margin-top: 0; }
.blog-one__single__content .meta-box li .text p { font-size: 15px; font-weight: 600; font-family: var(--thm-font-2); margin: 0; }
.blog-one__single__content .meta-box li .text p a { color: var(--thm-gray); transition: all 200ms linear; transition-delay: 0.1s; }
.blog-one__single__content .meta-box li .text p a:hover { color: var(--thm-base); }
.blog-one__single__content h2 { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: capitalize; margin-bottom: 26px; }
.blog-one__single__content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.blog-one__single__content h2 a:hover { color: var(--thm-base); }
.blog-one__single__content p { position: relative; margin: 0; margin-bottom: 34px; }
.blog-one__single__content .bottom-box { position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e4e4ea; padding-top: 9px; }
.blog-one__single__content .bottom-box .read-more-btn { position: relative; display: block; }
.blog-one__single__content .bottom-box .read-more-btn a { color: var(--thm-gray); font-size: 14px; line-height: 24px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
.blog-one__single__content .bottom-box .read-more-btn a:hover { color: var(--thm-base); }
.blog-one__single__content .bottom-box .icon-box { position: relative; display: inline-block; }
.blog-one__single__content .bottom-box .icon-box a { position: relative; display: inline-block; color: var(--thm-gray); transition: all 200ms linear; transition-delay: 0.1s; }
.blog-one__single__content .bottom-box .icon-box a:hover { color: var(--thm-base); }
.blog-one__single__content .bottom-box .icon-box a span:before { position: relative; display: inline-block; font-size: 20px; font-weight: 700; }
/***
=============================================
Cta One
=============================================
***/
.cta-one { position: relative; display: block; padding: 113px 0px 120px; z-index: 1; }
.cta-one__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; z-index: -1; }
 .cta-one__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-base-rgb), 0.9);
 content: "";
 z-index: -2;
}
.cta-one__inner { position: relative; display: block; }
.cta-one__inner p { color: rgba(255, 255, 255, .7); font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 20px; }
.cta-one__inner h2 { color: #ffffff; font-size: 50px; line-height: 60px; font-weight: 700; text-transform: capitalize; }
.cta-one__inner .btn-box { position: relative; display: block; margin-top: 37px; line-height: 0; }
.cta-one__inner .btn-box .thm-btn { background: var(--thm-black); }
 .cta-one__inner .btn-box .thm-btn::before {
 background: var(--thm-base);
}
/***
=============================================
Cta Style2
=============================================
***/
.cta-one.style2 { position: relative; display: block; }
 .cta-one.style2 .cta-one__bg::before {
 background: rgba(var(--thm-black-rgb), 0.9);
}
.cta-one.style2 .cta-one__inner .btn-box .thm-btn { background: var(--thm-base); }
 .cta-one.style2 .cta-one__inner .btn-box .thm-btn::before {
 background: var(--thm-black);
}
/***
=============================================
Footer One
=============================================
***/
.footer-one { position: relative; display: block; padding: 118px 0px 0px; z-index: 1;width: 100%;float: left;}
.footer-one__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; }
 .footer-one__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: #161735;
 opacity: 0.95;
 z-index: -2;
 content: "";
}
.footer { position: relative; display: block; padding-bottom: 112px; }
.footer-widget__single { position: relative; display: block; }
.footer-widget__single.ml30 { margin-left: 30px; }
.footer-widget__single .title { position: relative; display: block; margin-bottom: 46px; margin-top: -5px; }
.footer-widget__single .title h2 { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 700; }
.footer-widget__single-about { position: relative; display: block; }
.footer-widget__single-about .logo-box { position: relative; display: block; margin-bottom:10px; }
.footer-widget__single-about .logo-box a { position: relative; display: inline-block; }
.footer-widget__single-about .text-box { position: relative; display: block; margin-bottom: 24px; }
.footer-widget__single-about .text-box p { color: #9e9ea7; }
.footer-widget__single-about .social-link { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.10); padding-top: 20px; }
.footer-widget__single-about .social-link li { position: relative; display: inline-block; margin-right: 6px; }
.footer-widget__single-about .social-link li a { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: #17171a; }
 .footer-widget__single-about .social-link li a::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-base);
 transform: scale(0.5);
 opacity: 0;
 transition: all 300ms linear;
 transition-delay: 0.1s;
 content: "";
}
 .footer-widget__single-about .social-link li a:hover::before {
 transform: scale(1);
 opacity: 1;
}
 .footer-widget__single-about .social-link li a span::before {
 position: relative;
 display: inline-block;
 color: #9e9ea7;
 font-size: 15px;
 transition: all 300ms linear;
 transition-delay: 0.1s;
}
 .footer-widget__single-about .social-link li a:hover span::before {
 color: #ffffff;
}
.footer-widget__single-explore { position: relative; display: block; }
.footer-widget__single-list { position: relative; display: block; }
.footer-widget__single-list li { position: relative; display: block; margin-bottom: 15px; }
.footer-widget__single-list li:last-child { margin-bottom: 0; }
.footer-widget__single-list li a { position: relative; display: block; color: #9e9ea7; font-size: 16px; line-height: 26px; font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget__single-list li a:hover { padding-left: 20px; }
 .footer-widget__single-list li a::before {
 position: absolute;
 top: 11px;
 left: 0;
 width: 6px;
 height: 6px;
 background: var(--thm-base);
 border-radius: 50%;
 transform: scale(0.5);
 opacity: 0;
 content: "";
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .footer-widget__single-list li a:hover::before {
 opacity: 1;
 transform: scale(1);
}
.footer-widget__single-list li a:hover { color: #ffffff; }
.footer-widget__single-contact { position: relative; display: block; }
.footer-widget__single-contact .text { color: #9e9ea7; font-size: 16px; line-height: 30px; font-weight: 600; margin-bottom: 29px; }
.footer-widget__single-contact .number { font-size: 16px; line-height: 26px; font-weight: 600; }
.footer-widget__single-contact .number a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget__single-contact .number a:hover { color: var(--thm-base); }
.footer-widget__single-contact .email { font-size: 16px; line-height: 26px; font-weight: 600; margin-top: 3px; }
.footer-widget__single-contact .email a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget__single-contact .email a:hover { color: var(--thm-base); }
.footer-widget__single-newsletter { position: relative; display: block; background: #17171a; padding: 48px 50px 44px; border-radius: 10px; margin-top: 2px; }
.footer-widget__single-newsletter .title { position: relative; display: block; margin-bottom: 18px; }
.footer-widget__single-newsletter .title h3 { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 700; }
.footer-widget__single-newsletter-form { position: relative; display: block; }
.footer-widget__single-newsletter-form .input-box { position: relative; display: block; }
.footer-widget__single-newsletter-form .input-box:before { position: absolute; bottom: 0px; left: 0; right: 0; content: ""; height: 5px; background-color: rgba(255, 255, 255, 0.10); border-radius: 3px; }
.footer-widget__single-newsletter-form .input-box input[type="email"] { font-size: 16px; color: #9e9ea7; font-weight: 400; height: 60px; width: 100%; background: transparent; border: none; border-radius: 0; padding-right: 40px; outline: none; }
.footer-widget__newsletter-btn { position: absolute; top: 50%; right: 0; height: 60px; width: 60px; display: flex; justify-content: flex-end; align-items: center; border-radius: 50%; background: transparent; border: 0; transform: translateY(-50%); transition: all 500ms ease; padding: 0; }
.footer-widget__newsletter-btn i { font-size: 16px; color: #ffffff; transition: all 500ms ease; }
.footer-widget__newsletter-btn:hover i { color: var(--thm-base); }
.checked-box { position: relative; display: block; min-height: 30px; margin-top: 23px; }
.checked-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: #9e9ea7; font-size: 15px; line-height: 26px; font-weight: 400; cursor: pointer; min-height: 30px; font-family: var(--thm-font); }
.checked-box input[type="checkbox"] { display: none; }
.checked-box input[type="checkbox"]+label span { position: absolute; top: 4px; left: 0; width: 20px; height: 20px; vertical-align: middle; background-color: transparent; border: 1px solid #67676d; border-radius: 50%; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.checked-box label span:before { position: absolute; top: 4px; left: 5px; display: block; border-bottom: 2px solid #69696f; border-right: 2px solid #69696f; content: ''; width: 5px; height: 9px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0; }
.checked-box input[type="checkbox"]:checked+label span { border-color: #69696f; }
.checked-box input[type="checkbox"]:checked+label span:before { opacity: 1; }
.footer-one__bottom { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 35px 0px 34px; }
.footer-one__bottom .bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; }
.footer-one__bottom .bottom-inner .copyright { position: relative; display: block; }
.footer-one__bottom .bottom-inner .copyright p { color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 400; }
.footer-one__bottom-menu { position: relative; display: block; }
.footer-one__bottom-menu li { position: relative; display: inline-block; padding-right: 10px; margin-right: 5px; }
 .footer-one__bottom-menu li::before {
 position: absolute;
 top: 8px;
 bottom: 8px;
 right: 0;
 width: 1px;
 background: #ffffff;
 content: "";
}
.footer-one__bottom-menu li:last-child:before { display: none; }
.footer-one__bottom-menu li a { color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-one__bottom-menu li a:hover { color: var(--thm-base); }
/***
=============================================
Brand One
=============================================
***/

.brand-one { position: relative; display: block; padding: 100px 0 100px; z-index: 1; }
.brand-one__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; }
.brand-one__bg:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgb(98, 34, 204); background: linear-gradient(90deg, rgba(var(--thm-base-rgb), 0.8491771708683473) 0%, rgba(var(--thm-base-rgb), 1) 40%, rgba(var(--thm-base-rgb), 1) 60%, rgba(var(--thm-base-rgb), 0.8491771708683473) 100%); }
.brand-one .swiper-slide { 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; border: 1px solid rgba(255, 255, 255, 0.5); height: 130px;  transition: .5s ease;
}
.brand-one .swiper-slide:hover { border-color: #ffffff; }
.brand-one .swiper-slide img {
 transition: .5s ease; transform: scale(1.02); opacity: 0.5; width: auto; }
.brand-one .swiper-slide:hover img { opacity: 1; transform: scale(1); }
/***
=============================================
Brand Two
=============================================
***/
.brand-one--two { position: relative; display: block; border-top: 2px solid var(--thm-gray-bg); }
/***
=============================================
About Two
=============================================
***/
.about-two { position: relative; display: block; background: #ffffff; padding: 120px 0px 0px; z-index: 1; }
.about-two .auto-container { max-width: 1530px; width: 100%; }
.about-two__img-box { position: relative; display: block; margin-right: 120px; margin-left: -70px; }
.about-two__img-box .experience-box { position: absolute; display: flex; align-items: center; left: -25px; padding: 30px 0px 30px; padding-left: 43px; bottom: 20px; background: var(--thm-base); width: 300px; z-index: 3; border-radius: 30px; border-top-left-radius: 0px; }
.about-two__img-box .experience-box h2 { color: #ffffff; font-size: 30px; line-height: 1.3em; font-weight: 700; text-transform: capitalize; letter-spacing: -0.01em; }
.about-two__img-box .experience-box h2 span { font-size: 40px; font-weight: 600; }
.about-two__img1 { position: relative; display: block; z-index: 1; }
.about-two__img1:before { position: absolute; left: -25px; bottom: 170px; top: 0; width: 15px; background: var(--thm-base); content: ""; }
.about-two__img1 .inner { position: relative; display: block; overflow: hidden; z-index: 1; }
.about-two__img1 .inner img { width: 100%; }
.about-two__counter { position: absolute; top: 50%; right: -85px; transform: translateX(0%) translateY(-50%); width: 175px; height: 175px; border-radius: 50%; background: var(--thm-base); display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 5; }
 .about-two__counter::before {
 position: absolute;
 top: 13px;
 left: 13px;
 right: 13px;
 bottom: 13px;
 border: 1px dashed #ffffff;
 border-radius: 50%;
 content: "";
}
.about-two__counter p { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 700; }
.about-two__counter h2 { color: #ffffff; font-size: 36px; font-weight: 700; line-height: 46px; }
.about-two__img2 .inner { position: relative; display: block; border-radius: 50%; overflow: hidden; width: 400px; }
.about-two__content { position: relative; display: block; max-width: 615px; width: 100%; }
.about-two__content .sec-title { position: relative; display: block; margin-top: -8px; padding-bottom: 28px; }
.about-two__content-text { position: relative; display: block; }
.about-two__content-text .text1 { color: var(--thm-black); font-size: 20px; line-height: 32px; font-weight: 500; margin-bottom: 16px; }
.about-two__content-text .text2 { margin: 0; }
.about-two__content-text2 { position: relative; display: block; margin-top: 29px; }
.about-two__content-text2 .row {  --bs-gutter-x: 20px;
}
.about-two__content-text2-single { position: relative; display: flex; align-items: center; border: 1px solid #e4e4ea; padding: 19px 38px 17px; border-radius: 5px; }
.about-two__content-text2-single .icon { position: relative; display: block; }
 .about-two__content-text2-single .icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 26px;
}
.about-two__content-text2-single .text { position: relative; display: block; margin-left: 16px; }
.about-two__content-text2-single .text p { color: var(--thm-black); font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; }
.about-two__content-bottom { position: relative; display: flex; align-items: center; margin-top: 44px; }
.about-two__client-info-box { position: relative; display: flex; align-items: center; }
.about-two__client-info-box .img-box { position: relative; display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.about-two__client-info-box .img-box img { width: 100%; }
.about-two__client-info-box .title-box { position: relative; display: block; margin-left: 25px; }
.about-two__client-info-box .title-box h3 { font-size: 22px; line-height: 30px; font-weight: 600; text-transform: capitalize; }
.about-two__client-info-box .title-box p { font-size: 14px; line-height: 24px; font-weight: 500; text-transform: capitalize; }
.about-two__content-bottom .btn-box { position: relative; display: block; margin-left: 50px; line-height: 0; }
/***
=============================================
Contact One
=============================================
***/
.contact-one { position: relative; display: block; padding: 120px 0px 120px; z-index: 1; margin-top: -310px; }
.contact-one .row {  --bs-gutter-x: 0px;
}
.contact-one .shape1 { position: absolute; top: -40px; left: -200px; opacity: 0.2; z-index: -1; }
.contact-one__form { position: relative; display: block; margin-left: -165px; padding-right: 50px; z-index: 1; }
.contact-one__form .row {  --bs-gutter-x: 30px;
}
 .contact-one__form::before {
 position: absolute;
 top: -112px;
 left: -9999999px;
 bottom: -120px;
 right: 0;
 background: var(--thm-base);
 content: "";
 z-index: -1;
}
.contact-one__form .sec-title .sub-title .round-two { border: 2px solid #ffffff; }
 .contact-one__form .sec-title .sub-title .round-two::before {
 background: #ffffff;
}
.contact-one__form .sec-title .sub-title h3 { color: #ffffff; }
.contact-one__form .sec-title h2 { color: #ffffff; }
.contact-one__form .input-box { position: relative; display: block; margin-bottom: 20px; }
.contact-one__form .input-box input[type="text"], .contact-one__form .input-box input[type="email"], .contact-one__form .input-box textarea { position: relative; display: block; background: rgba(255, 255, 255, .3); width: 100%; height: 50px; border: none; color: #ffffff; font-size: 14px; font-weight: 400; font-style: normal; padding-left: 30px; padding-right: 20px; border-radius: 10px; transition: all 500ms ease; font-family: var(--thm-font); outline: none; }
.contact-one__form .input-box textarea { color: #ffffff; font-size: 14px; font-weight: 400; width: 100%; height: 120px; border: none; background: rgba(255, 255, 255, .3); padding: 10px 30px 30px; border-radius: 10px; margin-bottom: 20px; outline: none; resize: none; transition: all 200ms linear; transition-delay: 0.1s; }
 .contact-one__form form input[type="text"]::-webkit-input-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="text"]:-moz-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="text"]::-moz-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="text"]:-ms-input-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="email"]::-webkit-input-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="email"]:-moz-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="email"]::-moz-placeholder {
 color: #ffffff;
}
 .contact-one__form form input[type="email"]:-ms-input-placeholder {
 color: #ffffff;
}
 .contact-one__form form textarea::-webkit-input-placeholder {
 color: #ffffff;
}
 .contact-one__form form textarea:-moz-placeholder {
 color: #ffffff;
}
 .contact-one__form form textarea::-moz-placeholder {
 color: #ffffff;
}
 .contact-one__form form textarea:-ms-input-placeholder {
 color: #ffffff;
}
.contact-one__form .input-box .select-box { position: relative; display: block; width: 100%; height: 50px; }
.contact-one__form .input-box .nice-select { background: rgba(255, 255, 255, .3); width: 100%; height: 50px; line-height: 50px; border: none; color: #ffffff; font-size: 14px; font-weight: 400; font-style: normal; padding-left: 30px; padding-right: 20px; border-radius: 10px; }
.contact-one__form .input-box .nice-select:after { width: 8px; height: 8px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; right: 30px; margin-top: 0px; top: 19px; z-index: 10; }
.contact-one__form .nice-select .list { background-color: rgba(255, 255, 255, .3); }
.contact-one__form-btn { position: relative; }
.contact-one__form-btn .thm-btn { background: rgba(255, 255, 255, .3); }
.contact-one__content { position: relative; display: block; margin-right: -130px; padding-left: 75px; padding-right: 30px; z-index: 1; }
 .contact-one__content::before {
 position: absolute;
 top: -120px;
 left: 0;
 right: 0;
 bottom: -120px;
 background: var(--thm-gray-bg);
 content: "";
 z-index: -1;
}
.contact-one__content-list { position: relative; display: block; counter-reset: count; }
.contact-one__content-list li { position: relative; display: flex; align-items: center; border-bottom: 1px solid #fff; margin-bottom: 50px; padding-bottom: 45px; }
.contact-one__content-list li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
.contact-one__content-list li .count-box { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; width: 60px; height: 60px; color: var(--thm-black); font-size: 22px; font-weight: 400; background: #ffffff; border-radius: 50%; z-index: 1; transition: all 200ms linear; transition-delay: 0.1s; }
.contact-one__content-list li:hover .count-box { color: #ffffff; }
 .contact-one__content-list li .count-box::after {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-base);
 transform: scale(0.5);
 opacity: 0;
 transition: all 300ms linear;
 transition-delay: 0.1s;
 content: "";
 z-index: -1;
}
 .contact-one__content-list li:hover .count-box::after {
 transform: scale(1);
 opacity: 1;
}
 .contact-one__content-list li .count-box::before {
 counter-increment: count;
 content: "0"counter(count);
}
.contact-one__content-list li .title { position: relative; display: block; margin-left: 30px; flex: 1; }
.contact-one__content-list li .title h2 { font-size: 30px; line-height: 36px; font-weight: 600; text-transform: capitalize; margin-bottom: 6px; }
.contact-one__content-list li .title h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.contact-one__content-list li .title h2 a:hover { color: var(--thm-base); }
.contact-one__content-list li .title h4 { font-size: 20px; line-height: 30px; font-weight: 600; letter-spacing: 0.1em; text-transform: capitalize; }
/***
=============================================
Portfolio Two
=============================================
***/
.portfolio-two { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; z-index: 1; }
.portfolio-two__menu-box { position: relative; display: block; padding-bottom: 70px; }
.portfolio-two__menu-box .project-filter { position: relative; display: flex; text-align: center; align-items: center; justify-content: center; z-index: 1; }
.portfolio-two__menu-box .project-filter li { position: relative; display: inline-block; float: left; border-right: 1px solid rgba(255, 255, 255, .2); }
.portfolio-two__menu-box .project-filter li:last-child { border-right: none; }
.portfolio-two__menu-box .project-filter li .filter-text { position: relative; display: block; padding: 14px 25px 12px; color: var(--thm-black); font-size: 16px; font-weight: 500; line-height: 26px; text-transform: capitalize; background: var(--thm-gray-bg); cursor: pointer;  transition: all .4s ease;
font-family: var(--thm-font-2); z-index: 1; }
 .portfolio-two__menu-box .project-filter li .filter-text i::before {
 position: relative;
 display: inline-block;
 color: rgba(255, 255, 255, .7);
 font-size: 16px;
 line-height: 16px;
 font-weight: 500;
 padding-right: 6px;
 top: 1px;
}
.portfolio-two__menu-box .project-filter li .filter-text:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: -1px; content: ""; background: var(--thm-base); border-radius: 0px; opacity: 1; transform: perspective(400px) rotateX(90deg); transform-origin: bottom; transition: all 300ms linear; transition-delay: 0.1s; z-index: -1; }
.portfolio-two__menu-box .project-filter li:hover .filter-text:before, .portfolio-two__menu-box .project-filter li.active .filter-text:before { opacity: 1; transform: perspective(400px) rotateX(0deg); transition: all 300ms linear; transition-delay: 0.1s; }
.portfolio-two__menu-box .project-filter li:hover .filter-text, .portfolio-two__menu-box .project-filter li.active .filter-text { color: #ffffff; }
.portfolio-two__menu-box .project-filter li .count { display: none; }
.portfolio-two__single { position: relative; display: block; margin-bottom: 30px; }
.portfolio-two__single-img { position: relative; display: block; overflow: hidden; }
.portfolio-two__single-img .inner { position: relative; display: block; overflow: hidden; border-radius: 10px; z-index: 1; }
.portfolio-two__single-img .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; background: rgba(var(--thm-base-rgb), 0.7); opacity: 0; z-index: 1; content: ""; }
 .portfolio-two__single:hover .portfolio-two__single-img .inner::before {
 opacity: 1;
}
.portfolio-two__single-img .inner img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.portfolio-two__single:hover .portfolio-two__single-img .inner img { transform: scale(1); }
.portfolio-two__single-img .content-box { position: absolute; left: 20px; bottom: 20px; right: 20px; background: var(--thm-black); padding: 25px 35px 29px; border-radius: 8px; opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; }
.portfolio-two__single:hover .portfolio-two__single-img .content-box { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.portfolio-two__single-img .content-box p { color: #ffffff; font-size: 15px; text-transform: uppercase; margin-bottom: 5px; }
.portfolio-two__single-img .content-box h2 { font-size: 22px; text-transform: uppercase; font-weight: 400; }
.portfolio-two__single-img .content-box h2 a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
/***
=============================================
Services One
=============================================
***/
.services-one { position: relative; display: block; background: var(--thm-gray-bg); padding: 180px 0px 120px; margin-top: -60px; z-index: 1; }
.services-one__inner { position: relative; display: block; counter-reset: count; }
.services-one__single { position: relative; display: block; }
.services-one__single-img { position: relative; display: block; overflow: hidden; max-width: 325px; width: 100%; z-index: 1; }
 .services-one__single-img::before {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transition-delay: .1s;
 transition-timing-function: ease-in-out;
 transition-duration: .7s;
 transition-property: all;
 background: rgba(var(--thm-base-rgb), 0.7);
 opacity: 0;
 z-index: 1;
 content: "";
}
 .services-one__single:hover .services-one__single-img::before {
 opacity: 1;
}
.services-one__single-img img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.services-one__single:hover .services-one__single-img img { transform: scale(1); }
.services-one__single-content { position: absolute; left: 140px; bottom: 0; padding-top: 40px; z-index: 3; }
.services-one__single-content .count-box { position: absolute; top: 0px; left: 40px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; font-size: 25px; font-weight: 600; background: var(--thm-base); border-radius: 0%; z-index: 1; transition: all 200ms linear; transition-delay: 0.1s; }
 .services-one__single-content .count-box::before {
 counter-increment: count;
 content: ""counter(count);
}
 .services-one__single-content .count-box span::before {
 color: #ffffff;
}
.services-one__single-content .inner { position: relative; display: block; background: #ffffff; border: 1px solid #e8e7e7; padding: 63px 40px 36px; }
.services-one__single-content h2 { font-size: 26px; line-height: 30px; font-weight: 700; margin-bottom: 20px; }
.services-one__single-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.services-one__single-content h2 a:hover { color: var(--thm-base); }
.services-one__single-content p { margin: 0; }
.services-one .owl-theme .owl-nav { margin-top: 10px; position: absolute; top: -160px; right: 0; }
.services-one .owl-carousel .owl-nav button.owl-prev, .services-one .owl-carousel .owl-nav button.owl-next { position: relative; display: inline-block; width: 55px; height: 55px; border-radius: 0px; background-color: #ffffff; color: var(--thm-base); font-size: 20px; outline: none; transition: all 200ms linear; transition-delay: 0.1s; }
.services-one .owl-carousel .owl-nav button.owl-prev:hover, .services-one .owl-carousel .owl-nav button.owl-next:hover { background: var(--thm-base); color: #ffffff; }
/***
=============================================
Video Two
=============================================
***/
.video-one--two { position: relative; display: block; padding: 185px 0px 477px; }
 .video-one--two .video-one__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(0, 0, 0, .4);
 content: "";
 z-index: -2;
}
.video-one--two .video-one__inner { flex-direction: column; text-align: center; }
.video-one--two h2 { color: #ffffff; font-size: 50px; line-height: 1.2em; font-weight: 600; text-transform: capitalize; margin-top: 59px; }
/***
=============================================
Features One
=============================================
***/
.features-one { position: relative; display: block; padding: 120px 0px 0px; z-index: 5; }
.features-one .row {  --bs-gutter-x: 0px;
}
.features-one__single { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); padding: 40px 50px 40px; border-radius: 5px; }
.features-one__single-left { position: relative; display: flex; align-items: center; }
.features-one__single-left .icon-box { position: relative; display: block; }
 .features-one__single-left .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 60px;
 line-height: 60px;
 transition-delay: 0.1s;
 transition: all 500ms ease;
}
 .features-one__single:hover .features-one__single-left .icon-box span::before {
 transform: rotateY(180deg);
 transition-delay: 0.1s;
}
.features-one__single-left .text-box { position: relative; display: block; margin-left: 30px; }
.features-one__single-left .text-box h4 { font-size: 20px; line-height: 30px; font-weight: 600; }
.features-one__single-left .text-box h4 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.features-one__single-left .text-box h4 a:hover { color: var(--thm-base); }
.features-one__single-right { position: relative; display: block; }
.features-one__single-right .btn-box { position: relative; display: block; }
.features-one__single-right .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #f1f1f5; border-radius: 50%; }
 .features-one__single-right .btn-box a::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-base);
 transform: scale(0.7);
 opacity: 0;
 transition: all 300ms linear;
 transition-delay: 0.1s;
 content: "";
}
 .features-one__single-right .btn-box a:hover::before {
 transform: scale(1);
 opacity: 1;
}
 .features-one__single-right .btn-box a span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 20px;
 font-weight: 700;
 transition: all 300ms linear;
 transition-delay: 0.1s;
}
 .features-one__single-right .btn-box a:hover span::before {
 color: #ffffff;
}
/***
=============================================
Features Two
=============================================
***/
.features-two { position: relative; display: block; padding: 120px 0px 120px; z-index: 1; }
.features-two__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 395px; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; }
 .features-two::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 395px;
 background: var(--thm-base);
 content: "";
 z-index: -1;
}
 .features-two::after {
 position: absolute;
 top: 120px;
 left: 40%;
 right: 00;
 bottom: 0;
 background: var(--thm-gray-bg);
 clip-path: polygon(14% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 6% 58%, 11% 21%);
 border-top-left-radius: 20px;
 content: "";
 z-index: -1;
}
.features-two .auto-container { max-width: 1530px; width: 100%; }
.features-two__left { position: relative; display: block; max-width: 590px; width: 100%; }
.features-two__left .title { position: relative; display: block; margin-bottom: 43px; }
.features-two__left .title h2 { color: #ffffff; font-size: 38px; line-height: 60px; font-weight: 700; text-transform: capitalize; }
.features-two__left-list { position: relative; display: block; }
.features-two__left-list li { position: relative; display: flex; align-items: center; margin-bottom: 13px; }
.features-two__left-list li:last-child { margin-bottom: 0px; }
.features-two__left-list li .icon { position: relative; display: block; line-height: 0; }
 .features-two__left-list li .icon span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 25px;
}
.features-two__left-list li .text { position: relative; display: block; left: 16px; }
.features-two__left-list li .text p { color: #ffffff; font-size: 20px; }
.features-two__counter { position: relative; display: flex; margin-top: 42px; align-items: center; }
.features-two__counter-single { position: relative; display: block; }
.features-two__counter-single h2 { color: #ffffff; font-size: 40px; font-weight: 600; }
.features-two__counter-single+.features-two__counter-single { margin-left: 60px; }
.features-two__counter-single h2 .k { position: relative; display: inline-block; color: #ffffff; font-size: 26px; top: -8px; right: 8px; }
.features-two__counter-single p { color: #ffffff; font-size: 20px; line-height: 26px; font-weight: 600; }
.features-two__left-btn { position: relative; display: block; margin-top: 44px; line-height: 0; }
.features-two__left-btn .thm-btn { background: #ffffff; color: var(--thm-base); }
.features-two__left-btn .thm-btn:hover { color: #ffffff; }
.features-two__right { position: relative; display: flex; align-items: center; padding: 120px 0px 0px; padding-left: 5px; z-index: 1; }
.features-two__progress { position: relative; display: block; max-width: 120px; width: 100%; }
.features-two__progress-single { position: relative; display: block; }
.features-two__progress-single.style2 { position: relative; display: block; margin-top: 22px; padding-top: 30px; }
 .features-two__progress-single.style2::before {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 1px;
 background: #c1c7c0;
 content: "";
}
.features-two__progress-single .progress-box { position: relative; display: block; line-height: 0; }
.features-two__progress-single .progress-box .graph-outer { position: relative; display: inline-block; text-align: center; z-index: 1; }
.features-two__progress-single .progress-box .graph-outer .count-box { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.features-two__progress-single .progress-box .graph-outer .count-text { position: relative; display: inline-block; color: var(--thm-base); font-size: 24px; line-height: 34px; font-weight: 500; font-family: var(--thm-font); }
.features-two__progress-single .progress-box .graph-outer .count-Parsent { position: relative; display: inline-block; color: var(--thm-base); font-size: 24px; font-weight: 500; }
.features-two__progress-single .title-box { position: relative; display: block; text-align: center; margin-top: 13px; }
.features-two__progress-single .title-box h5 { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 700; text-transform: capitalize; }
.features-two__right-accordion { position: relative; display: block; max-width: 570px; width: 100%; margin-left: 45px; }
.features-two__right .accordion-box .block .acc-content { border-top: 1px solid #bdc0c2; padding-top: 23px; }
/***
=============================================
Features Three
=============================================
***/
.features-three { position: relative; display: block; background: #ffffff; padding: 0px 0px 80px; z-index: 1; }
.features-three .row {  --bs-gutter-x: 0px;
}
.features-three__inner { position: relative; }
.features-three__single { position: relative; margin-bottom: 40px; }
.features-three__single:first-child .features-three__single-inner { padding-left: 0px; }
.features-three__single:last-child .features-three__single-inner { padding-right: 0px; }
.features-three__single-inner { position: relative; display: block; padding-left: 45px; padding-right: 45px; }
 .features-three__single-inner::before {
 position: absolute;
 top: 100px;
 right: 0;
 bottom: -24px;
 width: 1px;
 background: #e8e5e0;
 content: "";
}
 .features-three__single:last-child .features-three__single-inner::before {
 display: none;
}
.features-three__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 145px; height: 145px; border-radius: 50%; margin: 0 auto; z-index: 1; }
 .features-three__single .icon-box::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-gray-bg);
 content: "";
}
 .features-three__single .icon-box::after {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: var(--thm-base);
 transform: scale(0.5);
 opacity: 0;
 transition: all 400ms linear;
 transition-delay: 0.1s;
 border-radius: 50%;
 content: "";
 z-index: 1;
}
 .features-three__single:hover .icon-box::after {
 transform: scale(1);
 opacity: 1;
}
.features-three__single .icon-box .icon-box-bg { position: absolute; top: -6px; left: -6px; z-index: -1; }
 .features-three__single .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 80px;
 transition: all 500ms linear;
 transition-delay: 0.1s;
 transform: scale(1);
 z-index: 3;
}
 .features-three__single:hover .icon-box span::before {
 color: #ffffff;
}
 .features-three__single:hover .icon-box span::before {
 transform: scale(0.9);
}
.features-three__single .content-box { position: relative; display: block; margin-top: 17px; }
.features-three__single .content-box h3 { font-size: 20px; line-height: 30px; font-weight: 700; text-transform: capitalize; margin-bottom: 12px; }
.features-three__single .content-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.features-three__single .content-box h3 a:hover { color: var(--thm-base); }
/***
=============================================
Counter Two
=============================================
***/
.counter-two { position: relative; display: block; background: #150b2f; padding: 50px 0px 20px; z-index: 1; }
 .counter-two::before {
 position: absolute;
 top: 0;
 left: 160px;
 right: 0;
 bottom: 0;
 background: #FFFFFF;
 content: "";
 z-index: 1;
}
.counter-two__inner { position: relative; display: block; }
.counter-two__box { position: relative; display: block; overflow: hidden; width: 100%; margin-left: -15px; margin-right: -15px; }
.counter-two__single { position: relative; display: block; float: left; width: 20%; padding: 0px 15px 0px; margin-bottom: 30px; z-index: 3; }
.counter-two__single .inner { position: relative; display: block; border: 1px solid #dddddd; padding: 40px 22px 26px; border-radius: 5px; }
 .counter-two__single .inner::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 transform: scaleX(0.8) rotateX(0deg);
 transition: all 0.4s linear;
 border: 1px solid var(--thm-base);
 border-radius: 5px;
 opacity: 0;
 content: "";
 z-index: -1;
}
 .counter-two__single :hover.inner::before {
 transform: scaleX(1.0) rotateX(0deg);
 transition: all 0.4s linear;
 opacity: 1;
}
.counter-two__single .icon-box { position: relative; display: inline-block; margin-bottom: 20px; }
.counter-two__single .icon-box span:before { position: relative; display: inline-block; color: var(--thm-base); font-size: 50px; transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); }
.counter-two__single:hover .icon-box span:before { transform: scale(0.9); }
.counter-two__single .text-box { position: relative; display: block; }
.counter-two__single .text-box p { color: var(--thm-black); font-size: 18px; margin-bottom: 15px; }
.counter-two__single .text-box h2 { font-size: 38px; line-height: 48px; font-weight: 500; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: var(--thm-font); line-height: 48px; }
.odometer-formatting-mark { display: none; }
/***
=============================================
Team Two
=============================================
***/
.team-two { position: relative; display: block; padding: 120px 0px 90px; background: #150b2f; z-index: 1; }
.team-two .sec-title .sub-title h3 { color: #ffffff; }
.team-two .sec-title .sub-title .round-one { border: 2px solid #ffffff; }
 .team-two .sec-title .sub-title .round-one::before {
 background: #ffffff;
}
.team-two .sec-title .sub-title .round-two { border: 2px solid #ffffff; }
 .team-two .sec-title .sub-title .round-two::before {
 background: #ffffff;
}
.team-two .sec-title h2 { color: #ffffff; }
 .team-two::before {
 position: absolute;
 left: 0;
 bottom: 0;
 right: 0;
 height: 373px;
 background: var(--thm-gray-bg);
 content: "";
 z-index: -1;
}
.team-two__single { position: relative; display: block; margin-bottom: 30px; z-index: 3; }
.team-two__single-img { position: relative; display: block; overflow: hidden; }
 .team-two__single-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: 1;
}
 .team-two__single:hover .team-two__single-img::before {
 -webkit-animation: circle .75s;
 animation: circle .75s;
}
.team-two__single-img img { width: 100%; transform: scale(1.01); transition: all 700ms ease; }
.team-two__single:hover .team-two__single-img img { transform: scale(1.2); }
.team-two__single-content { position: relative; display: block; background: #ffffff; padding: 31px 5px 39px; z-index: 1; }
 .team-two__single-content::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 transform: scaleX(0.8) rotateX(0deg);
 transition: all 0.4s linear;
 background: var(--thm-base);
 opacity: 0;
 content: "";
 z-index: -1;
}
 .team-two__single:hover .team-two__single-content::before {
 transform: scaleX(1.0) rotateX(0deg);
 transition: all 0.4s linear;
 opacity: 1;
}
.team-two__single-content h2 { font-size: 25px; line-height: 35px; font-weight: 400; margin-bottom: 1px; }
.team-two__single-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.team-two__single:hover .team-two__single-content h2 a { color: #ffffff; }
.team-two__single-content h2 a:hover { color: var(--thm-base); }
.team-two__single-content p { margin: 0; transition: all 200ms linear; transition-delay: 0.1s; }
.team-two__single:hover .team-two__single-content p { color: #ffffff; }
.team-two__single-content .social-links { position: relative; display: block; margin-top: 19px; }
.team-two__single-content .social-links li { position: relative; display: inline-block; margin-right: 6px; }
.team-two__single-content .social-links li:last-child { margin-right: 0px; }
.team-two__single-content .social-links li a { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: #f1f3f8; }
 .team-two__single-content .social-links li a::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-base);
 transform: scale(0.5);
 opacity: 0;
 transition: all 300ms linear;
 transition-delay: 0.1s;
 content: "";
}
 .team-two__single-content .social-links li a:hover::before {
 transform: scale(1);
 opacity: 1;
}
 .team-two__single-content .social-links li a span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-gray);
 font-size: 15px;
 transition: all 300ms linear;
 transition-delay: 0.1s;
}
 .team-two__single-content .social-links li a:hover span::before {
 color: #ffffff;
}
/***
=============================================
Testimonial Two
=============================================
***/
.testimonial-two { position: relative; display: block; padding: 0px 0px 120px; background: var(--thm-gray-bg); }
.testimonial-two__single { position: relative; display: block; padding-top: 35px; z-index: 1; }
.testimonial-two__single .quote-icon { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 80px; width: 60px; height: 60px; background: var(--thm-base); border-radius: 10px; border-top-right-radius: 0px; content: ""; z-index: 2; }
.testimonial-two__single .quote-icon span:before { color: #ffffff; font-size: 18px; }
.testimonial-two__single-inner { position: relative; display: block; background: #ffffff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); padding: 70px 80px 70px; border-radius: 10px; }
.testimonial-two__single-inner:before { position: absolute; left: 50px; bottom: -25px; border-right: 25px solid #ffffff; border-bottom: 25px solid transparent; border-left: 25px solid transparent; content: ""; z-index: 5; overflow: hidden; }
.testimonial-two__single-inner .rating-box { position: absolute; top: -22px; right: 80px; display: block; background: var(--thm-base); padding: 6px 30px 6px; border-radius: 10px; border-top-right-radius: 0px; z-index: 5; }
.testimonial-two__single-inner .rating-box ul li span { position: relative; display: inline-block; color: #ffffff; font-size: 13px; line-height: 13px; }
.testimonial-two__single .text-box { position: relative; display: block; }
.testimonial-two__single .text-box p { font-size: 20px; line-height: 34px; }
.testimonial-two__single .client-info { position: relative; display: flex; align-items: center; margin-top: 30px; margin-left: 95px; }
.testimonial-two__single .client-info .img-box { position: relative; display: block; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }
.testimonial-two__single .client-info .img-box img { width: 100%; }
.testimonial-two__single .client-info .text-box { position: relative; display: block; margin-left: 20px; flex: 1; }
.testimonial-two__single .client-info .text-box h3 { color: var(--thm-black); font-size: 20px; line-height: 25px; font-weight: 500; }
.testimonial-two__single .client-info .text-box p { font-size: 14px; line-height: 20px; }
/***
=============================================
Blog Two
=============================================
***/
.blog-two { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; }
.blog-two .container { max-width: 1530px; width: 100%; }
.blog-two__single { position: relative; display: block; margin-bottom: 30px; }
.blog-two__single-img { position: relative; display: block; }
.blog-two__single-img .date-box { position: absolute; left: 30px; bottom: -15px; background: var(--thm-base); border-radius: 10px; text-align: center; padding: 13px 15px 17px; z-index: 5; }
.blog-two__single-img .date-box p { color: #ffffff; font-size: 22px; line-height: 28px; font-weight: 600; text-transform: capitalize; }
.blog-two__single-img .inner { position: relative; display: block; border-top-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden; z-index: 1; }
 .blog-two__single-img .inner::before {
 position: absolute;
 top: 0%;
 left: 0%;
 bottom: 0%;
 right: 0%;
 content: '';
 background-color: rgba(var(--thm-base-rgb), .70);
 transform: scaleY(1.0);
 opacity: 0;
 transition-delay: .1s;
 transition-timing-function: ease-in-out;
 transition-duration: .7s;
 transition-property: all;
 z-index: 1;
}
 .blog-two__single:hover .blog-two__single-img .inner::before {
 opacity: 0.70;
 transform: scaleY(1.0);
}
.blog-two__single-img .inner img { width: 100%; transform: scale(1.0);  transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}
.blog-two__single:hover .blog-two__single-img .inner img { transform: scale(1.1) rotate(1deg); }
.blog-two__single-content { position: relative; display: block; background: #ffffff; padding: 33px 30px 34px; border-top-right-radius: 10px; border: 1px solid #eaeaea; margin-top: -35px; z-index: 2; }
.blog-two__single-content .meta-box { position: relative; display: block; overflow: hidden; margin-bottom: 22px; padding-left: 121px; }
.blog-two__single-content .meta-box li { position: relative; display: flex; align-items: center; float: left; margin-right: 30px; line-height: 0; }
.blog-two__single-content .meta-box li:last-child { margin-right: 0px; }
.blog-two__single-content .meta-box li .icon { position: relative; display: block; }
 .blog-two__single-content .meta-box li .icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 15px;
 font-weight: 700;
}
.blog-two__single-content .meta-box li .text { position: relative; display: block; margin-left: 8px; margin-top: 0; }
.blog-two__single-content .meta-box li .text p { font-size: 15px; font-weight: 600; font-family: var(--thm-font-2); margin: 0; }
.blog-two__single-content .meta-box li .text p a { color: var(--thm-gray); transition: all 200ms linear; transition-delay: 0.1s; }
.blog-two__single-content .meta-box li .text p a:hover { color: var(--thm-base); }
.blog-two__single-content h2 { font-size: 27px; line-height: 37px; font-weight: 700; text-transform: capitalize; letter-spacing: -0.025em; margin-bottom: 11px; }
.blog-two__single-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.blog-two__single-content h2 a:hover { color: var(--thm-base); }
.blog-two__single-content p { margin: 0; }
/***
=============================================
Features Four
=============================================
***/
.features-four { position: relative; display: block; background: #edf3f7; padding: 120px 0px 90px; z-index: 1; }
.features-four .big-title { position: absolute; left: 0; bottom: -20px; right: 0; text-align: center; }
.features-four .big-title h2 { color: rgba(0, 35, 90, .03); font-size: 400px; line-height: 0.8em; font-weight: 800; text-transform: uppercase; }
.features-four__single { position: relative; display: block; background: #fdf9f9; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05); padding: 0px 30px 52px; border: 1px solid #f2f4fb; border-top-right-radius: 100px; border-bottom-left-radius: 100px; margin-bottom: 30px; z-index: 1; }
 .features-four__single::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 transform: scaleX(0.8) rotateX(0deg);
 transition: all 0.4s linear;
 background: var(--thm-base);
 border-top-right-radius: 100px;
 border-bottom-left-radius: 100px;
 opacity: 0;
 content: "";
 z-index: -1;
}
.features-four__single:hover:before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; }
.features-four__single-icon { position: relative; display: inline-block; background-color: #f3f6f8; text-align: center; padding: 30px 30px 30px; line-height: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 5; }
 .features-four__single-icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 80px;
 line-height: 80px;
 transition: all 500ms linear;
 transition-delay: 0.1s;
 transform: scale(1);
}
 .features-four__single:hover .features-four__single-icon span::before {
 transform: scale(0.9);
}
.features-four__single-content { position: relative; display: block; margin-top: 41px; }
.features-four__single-content h2 { font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: 0.03em; margin-bottom: 10px; text-transform: capitalize; }
.features-four__single-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.features-four__single:hover .features-four__single-content h2 a { color: #ffffff; }
.features-four__single-content p { margin: 0; transition: all 200ms linear; transition-delay: 0.1s; }
.features-four__single:hover .features-four__single-content p { color: #ffffff; }
.features-four__single-content ul { position: relative; display: block; margin-top: 24px; }
.features-four__single-content ul li { position: relative; display: flex; align-items: center; margin-bottom: 7px; }
.features-four__single-content ul li:last-child { margin-bottom: 0px; }
.features-four__single-content ul li .icon { position: relative; display: block; margin-right: 12px; }
 .features-four__single-content ul li .icon span::before {
 position: relative;
 display: inline-block;
 color: #f95729;
 font-size: 15px;
 line-height: 15px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .features-four__single:hover .features-four__single-content ul li .icon span::before {
 color: #ffffff;
}
.features-four__single-content ul li .text { position: relative; display: block; }
.features-four__single-content ul li .text p { color: var(--thm-gray); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: capitalize; font-family: var(--thm-font-2); transition: all 200ms linear; transition-delay: 0.1s; }
.features-four__single:hover .features-four__single-content ul li .text p { color: #ffffff; }
/***
=============================================
About Three
=============================================
***/
.about-three { position: relative; display: block; background: #ffffff; padding:120px 0px; z-index: 1; }
.about-three__bg-shape { position: absolute; top: 0; left: 0; right: 0; height:72px; background-repeat: no-repeat; background-size: 100% 100%; background-position: top center; z-index: 100; overflow: hidden; }
.about-three__img { position: relative; display: block; margin-left: -85px; max-width: 655px; width: 100%; }
.about-three__img1 { position: relative; display: block; border-radius: 10px; overflow: hidden; }
 .about-three__img1::before {
 position: absolute;
 top: 0;
 left: -100%;
 display: block;
 content: '';
 width: 50%;
 height: 100%;
 background: linear-gradient(to right, rgba(var(--thm-base-rgb), .7) 0%, rgba(var(--thm-base-rgb), .3) 100%);
 transform: skewX(25deg);
 z-index: 2;
}
 .about-three__img1:hover::before {
 -webkit-animation: shine 1.9s;
 animation: shine 1.9s;
}
.about-three__img1 img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.about-three__img:hover .about-three__img1 img { transform: scale(1); }
.about-three__img2 { position: absolute; left: -80px; bottom: -115px; overflow: hidden; border-radius: 10px; z-index: 5; }
.about-three__img2 img { width: 100%; }
.about-three__content { position: relative; display: block; }
.about-three__content .sec-title { padding-bottom: 37px; }
.about-three__content-text1 { position: relative; display: block; margin-top: 0px; }
.about-three__content-text1 .row {  --bs-gutter-x: 15px;
}
.about-three__content-text1-single { position: relative; display: flex; align-items: center; border: 1px solid #e4e4ea; padding: 19px 35px 17px; border-radius: 5px; }
.about-three__content-text1-single .icon { position: relative; display: block; }
 .about-three__content-text1-single .icon span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 26px;
}
.about-three__content-text1-single .text { position: relative; display: block; margin-left: 16px; }
.about-three__content-text1-single .text p { color: var(--thm-black); font-size: 16px; line-height: 26px; font-weight: 700; text-transform: none; }
.about-three__content-text2 { position: relative; display: block; margin-top: 28px; }
.about-three__content-text2 p { color: var(--thm-black); font-size: 17px; line-height: 36px; font-weight: 500; }
.about-three__content-text3 { position: relative; display: block; border: 1px solid rgb(242, 244, 251); background-color: rgb(255, 255, 255); box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05); padding: 60px 55px 60px; margin-left: -240px; margin-top: 43px; z-index: 5; }
.about-three__content-text3 ul { position: relative; display: block; overflow: hidden; margin-left: -15px; margin-right: -15px; }
.about-three__content-text3-single { position: relative; display: block; float: left; padding: 0px 15px 0px; }
.about-three__content-text3-single .inner { position: relative; display: block; border: 1px solid rgb(242, 244, 251); border-radius: 5px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05); padding: 40px 0px 35px; width: 210px; overflow: hidden; z-index: 1; }
 .about-three__content-text3-single .inner::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 transform: scaleX(0.8) rotateX(0deg);
 transition: all 0.4s linear;
 background: var(--thm-base);
 border-radius: 5px;
 opacity: 0;
 content: "";
 z-index: -1;
}
 .about-three__content-text3-single:hover .inner::before {
 transform: scaleX(1.0) rotateX(0deg);
 transition: all 0.4s linear;
 opacity: 1;
}
 .about-three__content-text3-single .inner::after {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border: 1px solid #fff;
 transform: rotate(40deg) scale(0.9);
 opacity: 0;
 transition: all 500ms linear;
 transition-delay: 0.4s;
 content: "";
}
 .about-three__content-text3-single:hover .inner::after {
 transform: rotate(40deg) scale(1.0);
 opacity: 1;
}
.about-three__content-text3-single .icon-box { position: relative; display: inline-block; }
 .about-three__content-text3-single .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 60px;
 line-height: 60px;
 transition: all 500ms linear;
 transition-delay: 0.1s;
 transform: scale(1);
}
 .about-three__content-text3-single:hover .icon-box span::before {
 color: #ffffff;
}
 .about-three__content-text3-single:hover .icon-box span::before {
 transform: scale(0.9);
}
.about-three__content-text3-single .title-box { position: relative; display: block; margin-top: 15px; }
.about-three__content-text3-single .title-box h2 { font-size: 25px; line-height: 35px; font-weight: 600; text-transform: capitalize; transition: all 500ms linear; transition-delay: 0.1s; }
.about-three__content-text3-single:hover .title-box h2 { color: #ffffff; }
/***
=============================================
Services Three
=============================================
***/
.services-three { position: relative; display: block; background: #edf3f7; padding: 120px 0px 90px; z-index: 1; }
.services-three .big-title { position: absolute; top: -17px; left: -8px; right: 0; text-align: center; z-index: -1; }
.services-three .big-title h2 { color: rgba(0, 35, 90, 0.03); font-size: 400px; line-height: 0.8em; font-weight: 700; text-transform: uppercase; }
.services-three .auto-container { max-width: 1530px; width: 100%; }
.services-three__img { position: relative; display: block; border-radius: 10px; overflow: hidden; max-width: 535px; width: 100%; }
.services-three__img img { width: 100%; }
.services-three__content { position: relative; display: block; margin-left: -232px; margin-top: 80px; }
.services-three__content-single { position: relative; display: block; background: #ffffff; padding: 47px 0px 65px; padding-right: 35px; border: 1px solid #e8e7e7; margin-bottom: 30px; }
.services-three__content-single .inner { position: relative; display: block; padding-left: 140px; }
.services-three__content-single .inner .number-box { position: absolute; display: flex; align-items: center; justify-content: center; top: 2px; left: -1px; width: 100px; height: 100px; background-color: #024c9c; }
.services-three__content-single .inner .number-box h2 { color: #ffffff; font-size: 35px; line-height: 40px; font-weight: 600; }
.services-three__content-single .inner .content-box { position: relative; display: block; }
.services-three__content-single .inner .content-box h3 { font-size: 22px; line-height: 30px; font-weight: 600; text-transform: capitalize; margin-bottom: 13px; }
.services-three__content-single .inner .content-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.services-three__content-single .inner .content-box h3 a:hover { color: var(--thm-base); }
.services-three__content-single .inner .content-box p { font-size: 14px; line-height: 28px; margin: 0; }
/***
=============================================
Case One
=============================================
***/
.case-one { position: relative; display: block; background:#edf3f7; padding: 120px 0 90px; z-index: 1; }
.case-one .auto-container { max-width: 1690px; width: 100%; }
.case-one__single { position: relative; display: block; margin-bottom: 30px; }
.case-one__single.active { position: relative; }
.case-one__single-img { position: relative; display: block; overflow: hidden; border: 1px #e4edf7 solid; z-index: 1; }
.case-one__single-img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; background: rgb(10 128 255 / 20%); opacity: 0; z-index: 1; content: ""; }
.case-one__single.active .case-one__single-img:before { opacity: 1; }
 .case-one__single:hover .case-one__single-img::before {
 opacity: 1;
}
.case-one__single-img img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.case-one__single:hover .case-one__single-img img { transform: scale(1); }
.case-one__single-content { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 30px 0px rgba(9, 24, 84, 0.08); padding: 31px 30px 31px; margin-left: 30px; margin-right: 30px; margin-top: -110px; transform: scaleX(0.8) rotateX(0deg); transition: all 0.4s linear; opacity: 0; z-index: 5; }
.case-one__single:hover .case-one__single-content { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; }
.case-one__single.active .case-one__single-content { transform: scaleX(1.0) rotateX(0deg); opacity: 1; }
.case-one__single-content .text-box { position: relative; display: block; max-width: 275px; }
.case-one__single-content .text-box h2 { font-size: 20px; line-height: 35px; font-weight: 600; margin-bottom: 7px; }
.case-one__single-content .text-box h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.case-one__single-content .text-box h2 a:hover { color: var(--thm-base); }
.case-one__single-content .text-box p { margin: 0; line-height: 29px; }
.case-one__single-content .btn-box { position: relative; display: block; }
.case-one__single-content .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--thm-base); border-radius: 10px; }
 .case-one__single-content .btn-box a::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 10px;
 background: var(--thm-black);
 transform: scale(0.5);
 opacity: 0;
 transition: all 300ms linear;
 transition-delay: 0.1s;
 content: "";
}
.case-one__single-content .btn-box a:hover:before { transform: scale(1); opacity: 1; }
.case-one__single-content .btn-box a span:before { position: relative; display: inline-block; color: #ffffff; font-size: 25px; }
/***
=============================================
Features Five
=============================================
***/
.features-two.style5 { position: relative; display: block; z-index: 1; }
.features-style5__bg { position: absolute; top: 35px; bottom: 35px; right: 0;  width: calc((100% - -300px) / 2);
background-position: top right; background-repeat: no-repeat; background-size: cover; clip-path: polygon(14% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 6% 58%, 11% 21%); z-index: 1; }
 .features-two.style5::after {
 display: none;
}
.features-two.style5 .features-two__left-btn .thm-btn { background: var(--thm-black); color: #ffffff; }
.features-two.style5 .features-two__left-btn .thm-btn:before { background-color: var(--thm-base); }
/***
=============================================
Team Three
=============================================
***/
.team-three { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; }
.team-three .auto-container { max-width: 1320px; width: 100%; }
.team-three__single { position: relative; display: block; margin-bottom: 30px; }
.team-three__single-img { position: relative; display: block; }
.team-three__single-img .social-links { position: absolute; bottom: 15px; right: 20px; z-index: 5; }
.team-three__single-img .social-links li { position: relative; display: inline-block; transform: scale(0.7); opacity: 0; -webkit-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
.team-three__single:hover .team-three__single-img .social-links li { transform: scale(1.0); opacity: 1; }
.team-three__single-img .social-links li.share { position: relative; }
.team-three__single-img .social-links>li>a { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; }
 .team-three__single-img .social-links>li>a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: var(--thm-base);
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 transform: scale(0.5);
 opacity: 0;
 -webkit-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 transition: all 0.4s linear;
 z-index: -1;
}
 .team-three__single-img .social-links>li>a:hover::before {
 transform: scale(1.0);
 opacity: 1;
}
.team-three__single-img .social-links>li>a>span { position: relative; display: block; }
 .team-three__single-img .social-links>li>a>span::before {
 position: relative;
 display: inline-block;
 top: -1px;
 color: var(--thm-black);
 font-size: 13px;
 line-height: 13px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .team-three__single-img .social-links>li>a:hover span::before {
 color: #ffffff;
}
.team-three__single-img .social-links .share .social-links-inner { position: absolute; top: -150px; left: 0px; right: 0; line-height: 0; transform: scaleY(0); transform-origin: center; transform-style: preserve-3d; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; transform-origin: bottom center; }
.team-three__single-img .social-links .share:hover .social-links-inner { transform: scaleY(1.0); -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
.team-three__single-img .social-links .share .social-links-inner li { position: relative; display: block; margin-bottom: 10px; }
.team-three__single-img .social-links .share .social-links-inner li:last-child { margin-bottom: 0px; }
.team-three__single-img .social-links .share .social-links-inner li a { position: relative; display: block; position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ffffff; border-radius: 0%; z-index: 1; }
 .team-three__single-img .social-links .share .social-links-inner li a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: var(--thm-base);
 border-radius: 0%;
 transform: scale(0.5);
 opacity: 0;
 -webkit-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 transition: all 0.4s linear;
 z-index: -1;
}
 .team-three__single-img .social-links .share .social-links-inner li a:hover::before {
 transform: scale(1.0);
 opacity: 1;
}
.team-three__single-img .social-links .share .social-links-inner li a i { position: relative; display: block; }
 .team-three__single-img .social-links .share .social-links-inner li a i::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 15px;
 line-height: 15px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .team-three__single-img .social-links .share .social-links-inner li a:hover i::before {
 color: #ffffff;
}
.team-three__single-img .inner { position: relative; display: block; overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.team-three__single-img .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; background: rgba(var(--thm-base-rgb), 0.7); opacity: 0; z-index: 1; content: ""; }
.team-three__single:hover .team-three__single-img .inner:before { opacity: 1; }
.team-three__single-img .inner img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.team-three__single:hover .team-three__single-img .inner img { transform: scale(1); }
.team-three__single-content { position: relative; display: block; background: #edebeb; margin-right: 90px; padding: 17px 0px 0px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -55px; z-index: 5; }
.team-three__single-content .name { position: relative; display: block; padding-left: 20px; margin-bottom: 12px; }
.team-three__single-content .name h4 { font-size: 20px; line-height: 30px; font-weight: 700; text-transform: capitalize; }
.team-three__single-content .name h4 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.team-three__single-content .name h4 a:hover { color: var(--thm-base); }
.team-three__single-content .text { position: relative; display: block; background: var(--thm-base); max-width: 180px; width: 100%; padding: 10px 5px 10px; border-top-right-radius: 10px; }
.team-three__single-content .text p { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 500; text-transform: capitalize; }
/***
=============================================
Faq Two
=============================================
***/
.faq-two { position: relative; display: block; padding: 0px 0px 0px; z-index: 1; }
.faq-two__bg { position: absolute; top: 0px; left: 0; bottom: 0px; right: 0; width: calc((100% - 0px) / 2); background-position: top left; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.faq-two .auto-container { max-width: 1530px; width: 100%; }
.faq-two__accordion { position: relative; display: block; padding: 120px 0px 106px; padding-left: 60px; padding-right: 10px; z-index: 1; }
.faq-two__accordion-pattern { position: absolute; top: 0; left: -30px; bottom: 0; right: -999999px; background-repeat: repeat; z-index: -1; }
.faq-two__accordion .sec-title { padding-bottom: 37px; }
 .faq-two__accordion::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: -999999px;
 background: #ffffff;
 content: "";
 z-index: -1;
}
.faq-two__accordion .accordion-box { padding-right: 75px; }
.faq-two__accordion .accordion-box .block .acc-content { border-top: 1px solid #bdc0c2; padding-top: 23px; }
.faq-two__accordion .accordion-box .block .acc-btn h3 { color: var(--thm-black); font-weight: 700; }
.faq-two__accordion .accordion-box .block .acc-content { padding-bottom: 35px; }
.faq-two__accordion .accordion-box .block { margin-bottom: 15px; }
.faq-two__accordion .accordion-box .block .acc-btn { padding-right: 60px; }
/***
=============================================
Pricing plan One
=============================================
***/
.pricing-plan-one { position: relative; display: block; padding: 120px 0px 90px; z-index: 1; }
 .pricing-plan-one::before {
 position: absolute;
 left: 0;
 bottom: 0;
 right: 0;
 height: 350px;
 background: #edf3f7;
 content: "";
}
.pricing-plan-one__bg-shape { position: absolute; left: 0; right: 0; bottom: 350px; height: 200px; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom center; z-index: -1; overflow: hidden; }
.pricing-plan-one__single { position: relative; display: block; margin-bottom: 30px; background: #ffffff; border-radius: 10px; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05); border: 1px solid rgb(242, 244, 251); padding: 47px 50px 55px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; z-index: 1; }
 .pricing-plan-one__single::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 transform: scaleX(0.8) rotateX(0deg);
 transition: all 0.4s linear;
 background: var(--thm-base);
 opacity: 0;
 border-radius: 10px;
 border-top-left-radius: 50px;
 border-bottom-right-radius: 50px;
 content: "";
 z-index: -1;
}
 .pricing-plan-one__single:hover::before, .pricing-plan-one__single.active::before {
 transform: scaleX(1.0) rotateX(0deg);
 transition: all 0.4s linear;
 opacity: 1;
}
.pricing-plan-one__single-inner { position: relative; display: block; }
.pricing-plan-one__single .table-header { position: relative; display: block; }
.pricing-plan-one__single .table-header .top-text h3 { font-size: 16px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-header .top-text h3, .pricing-plan-one__single.active .table-header .top-text h3 { color: #ffffff; }
.pricing-plan-one__single .table-header .top-text .rating-box { position: relative; display: block; }
.pricing-plan-one__single .table-header .top-text .rating-box ul li span { color: var(--thm-base); transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-header .top-text .rating-box ul li span, .pricing-plan-one__single.active .table-header .top-text .rating-box ul li span { color: #ffffff; }
.pricing-plan-one__single .table-header .bottom-text { position: relative; display: flex; align-items: center; margin-top: 15px; }
.pricing-plan-one__single .table-header .left { position: relative; display: block; }
.pricing-plan-one__single .table-header .left h2 { position: relative; display: inline-block; font-size: 50px; line-height: 50px; font-weight: 600; padding-left: 20px; transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-header .left h2, .pricing-plan-one__single.active .table-header .left h2 { color: #ffffff; }
.pricing-plan-one__single .table-header .left h2 span { position: absolute; top: 5px; left: 0; color: var(--thm-base); font-size: 30px; line-height: 30px; transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-header .left h2 span, .pricing-plan-one__single.active .table-header .left h2 span { color: #ffffff; }
.pricing-plan-one__single .table-header .right { position: relative; display: block; margin-top: 13px; margin-left: 15px; }
.pricing-plan-one__single .table-header .right p { font-size: 16px; line-height: 26px; font-weight: 400; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-header .right p, .pricing-plan-one__single.active .table-header .right p { color: #ffffff; }
.pricing-plan-one__single .table-content { position: relative; display: block; margin-top: 29px; }
.pricing-plan-one__single .table-content ul { position: relative; display: block; }
.pricing-plan-one__single .table-content ul li { position: relative; display: flex; align-items: center; margin-bottom: 25px; }
.pricing-plan-one__single .table-content ul li:last-child { margin-bottom: 0px; }
.pricing-plan-one__single .table-content ul li .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-content ul li .icon-box, .pricing-plan-one__single.active .table-content ul li .icon-box { border-color: #ffffff; }
 .pricing-plan-one__single .table-content ul li .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 18px;
 line-height: 18px;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .pricing-plan-one__single:hover .table-content ul li .icon-box span::before, .pricing-plan-one__single.active .table-content ul li .icon-box span::before {
 color: #ffffff;
}
.pricing-plan-one__single .table-content ul li .text-box { position: relative; display: block; margin-left: 20px; }
.pricing-plan-one__single .table-content ul li .text-box p { color: var(--thm-gray); font-size: 15px; line-height: 25px; letter-spacing: -0.025em; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single:hover .table-content ul li .text-box p, .pricing-plan-one__single.active .table-content ul li .text-box p { color: #ffffff; }
.pricing-plan-one__single .table-footer { position: relative; display: block; margin-top: 40px; }
.pricing-plan-one__single .table-footer .btn-box { position: relative; display: block; line-height: 0; transition: all 200ms linear; transition-delay: 0.1s; }
.pricing-plan-one__single .table-footer .btn-box .thm-btn { background: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
 .pricing-plan-one__single .table-footer .btn-box .thm-btn::before {
 background: rgba(255, 255, 255, .5);
}
.pricing-plan-one__single:hover .table-footer .btn-box .thm-btn, .pricing-plan-one__single.active .table-footer .btn-box .thm-btn { background: rgba(255, 255, 255, .5); color: #ffffff; }
/***
=============================================
Testimonial Three
=============================================
***/
.testimonial-three { position: relative; display: block; background: #edf3f7; padding: 0px 0px 120px; z-index: 1; }
.testimonial-three .big-title { position: absolute; right: 0; bottom: 0; z-index: -1; }
.testimonial-three .big-title h2 { color: rgba(0, 35, 90, 0.03); font-size: 380px; line-height: 0.8em; font-weight: 700; text-transform: uppercase; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(0deg) translateX(0%); width: max-content; }
.testimonial-three__inner { position: relative; display: block; }
.testimonial-three__single { position: relative; display: block; padding-top: 65px; }
.testimonial-three__single .img-box { position: absolute; top: 0; left: 0; right: 0; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; z-index: 5; margin: 0 auto; text-align: center; border: 8px solid #ffffff; }
.testimonial-three__single .img-box img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.testimonial-three__single:hover .img-box img { transform: scale(1); }
.testimonial-three__single .img-box:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; background: rgba(var(--thm-base-rgb), 0.3); opacity: 0; z-index: 1; content: ""; }
.testimonial-three__single:hover .img-box:before { opacity: 1; }
.testimonial-three__single .inner { position: relative; display: block; background: #ffffff; padding: 92px 60px 65px; border-radius: 10px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
.testimonial-three__single .inner .text-box { position: relative; display: block; }
.testimonial-three__single .inner .text-box p { margin: 0; }
.testimonial-three__single .inner .client-info { position: relative; display: block; margin-top: 25px; }
.testimonial-three__single .inner .client-info h3 { font-size: 20px; line-height: 30px; font-weight: 700; }
.testimonial-three__single .inner .client-info h3 span { color: var(--thm-gray); font-size: 15px; font-weight: 600; }
/***
=============================================
Blog Three
=============================================
***/
.blog-one--three { position: relative; display: block; }
.blog-one--three .blog-one__single-img { border-top-left-radius: 0px; border-top-right-radius: 10px; background: transparent; }
.blog-one--three .blog-one__single-img .inner { position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; overflow: hidden; z-index: 1; }
.blog-one--three .blog-one__single__content .meta-box { position: absolute; top: -25px; left: 0; background: #fbf7f7; padding: 22px 28px 22px; border-radius: 10px; z-index: 8; }
.blog-one--three .blog-one__single__content .meta-box li .text p a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.blog-one--three .blog-one__single__content .meta-box li .text p a:hover { color: var(--thm-base); }
.blog-one--three .blog-one__single__content { padding: 57px 40px 29px; }
/***
=============================================
Services Four
=============================================
***/
.services-four { position: relative; display: block; background: var(--thm-black); padding: 120px 0px 90px; z-index: 1; }
.services-four .shape1 { position: absolute; right: 0; bottom: 0px; opacity: 0.05; z-index: -1; }
.services-four .shape2 { position: absolute; left: 0; bottom: 0; opacity: 0.12; z-index: -1; }
.services-four__top { position: relative; display: block; margin-bottom: 58px; }
.services-four__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; }
.services-four__top-inner .sec-title { padding-bottom: 0px; }
.services-four__top-inner .sec-title h2 { color: #fff; }
.services-four__top-inner .text-box { position: relative; display: block; }
.services-four__top-inner .text-box p { color: #a09baa; }
.services-four__single { position: relative; display: block; border-radius: 10px; background: var(--thm-base); overflow: hidden; margin-bottom: 30px; padding: 40px 40px 40px; z-index: 1; }
.services-four__single-icon { position: relative; display: inline-block; margin-bottom: 15px; transition-delay: 0.1s; transition: all 500ms ease; }
.services-four__single:hover .services-four__single-icon { transform: rotateY(180deg); transition-delay: 0.1s; }
 .services-four__single-icon span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 60px;
 line-height: 60px;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
.services-four__single h3 { font-size: 20px; line-height: 30px; font-weight: 600; text-transform: capitalize; margin-bottom: 12px; }
.services-four__single h3 a { color: #ffffff; }
.services-four__single h3 a:hover { color: #ffffff; }
.services-four__single p { color: #ffffff; }
.services-four__single .btn-box { position: relative; display: inline-block; margin-top: 21px; }
.services-four__single .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .3); color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
 .services-four__single .btn-box a span::before {
 position: relative;
 display: inline-block;
 font-size: 16px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .services-four__single .btn-box a:hover span::before {
 color: var(--thm-black);
}
/***
=============================================
About Four
=============================================
***/
.about-four { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; z-index: 1; }
.about-four .shape1 { position: absolute; top: 0; left: 0; opacity: 0.94; z-index: -1; }
.about-four .shape2 { position: absolute; top: 0; right: 0; opacity: 0.4; z-index: -1; }
.about-four__left { position: relative; display: block;}
.about-four__left-img { position: relative; display: block; overflow: hidden;width: 100%; float: left; }
 .about-four__left-img::before {
 position: absolute;
 top: 0;
 left: -100%;
 display: block;
 content: '';
 width: 30%;
 height: 100%;
 background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .6) 100%);
 transform: skewX(5deg);
 z-index: 2;
}
 .about-four__left-img:hover::before {
 -webkit-animation: shine 1.6s;
 animation: shine 1.6s;
}
.about-four__left-img img { width: 100%; transform: scale(1); transition: all 0.9s ease 0s; }
.about-four__left-img:hover img { transform: scale(1.1); }
.about-four__left-content { position: relative; display: block; float: left; margin-left: 30px; }
.about-four__left-content .counter-box { position: relative; display: block; width: 270px; background-color: var(--thm-base); padding: 65px 0px 60px; padding-left: 33px; padding-right: 10px; margin-bottom: 60px; }
 .about-four__left-content .counter-box::before {
 position: absolute;
 top: 35px;
 right: -60px;
 bottom: 35px;
 width: 20px;
 background: var(--thm-base);
 content: "";
}
.about-four__left-content .counter-box h2 { position: relative; color: #ffffff; font-size: 60px; line-height: 1em; font-weight: 700; }
.about-four__left-content .counter-box h2 .plus { position: absolute; top: -8px; display: inline-block; font-size: 30px; }
.about-four__left-content .counter-box h3 { color: #ffffff; font-size: 40px; line-height: 55px; font-weight: 700; text-transform: capitalize; margin-top: 9px; }
.about-four__left-content .img-box { position: relative; display: block; }
.about-four__left-content .img-box .inner { position: relative; display: block; z-index: 1; }
 .about-four__left-content .img-box .inner::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-black-rgb), 0.6);
 content: "";
 z-index: 1;
}
.about-four__left-content .img-box .inner img { width: 100%; }
.about-four__left-content .img-box .inner .video-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 5; }
.about-four__left-content .img-box .inner .video-box a { position: relative; display: inline-block; z-index: 5; }
.about-four__video { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; line-height: 90px; text-align: center; font-size: 25px; color: #ffffff; background-color: var(--thm-base); border-radius: 50%; margin: 0 auto; }
 .about-four__video::before {
 position: absolute;
 top: -15px;
 left: -15px;
 right: -15px;
 bottom: -15px;
 border: 1px solid #ffffff;
 border-radius: 50%;
 content: "";
}
.about-four__content { position: relative; display: block; margin-left: 70px; }
.about-four__content .sec-title { padding-bottom: 39px; }
.about-four__content-text1 { position: relative; display: block; padding-left: 80px; margin-bottom: 40px; }
.about-four__content-text1 .icon-box { position: absolute; top: 7px; left: 0; }
 .about-four__content-text1 .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 60px;
}
.about-four__content-text1 .text { position: relative; display: block; }
.about-four__content-text1 .text h2 { font-size: 24px; line-height: 34px; font-weight: 600; letter-spacing: -0.02em; }
.about-four__content-text2 { position: relative; display: block; }
.about-four__content-text2 .single-box { position: relative; display: block; margin-bottom: 20px; }
.about-four__content-text2 .single-box h2 { font-size: 22px; line-height: 32px; font-weight: 600; text-transform: capitalize; margin-bottom: 6px; }
.about-four__content-text2 .single-box p { margin: 0; }
.about-four__content-text3 { position: relative; display: block; }
.about-four__content-text3 p { margin: 0; }
.about-four__content-text4 { position: relative; display: flex; align-items: center; margin-top: 41px; }
.about-four__content-text4 .counter-box { position: relative; display: flex; align-items: center; border: 1px dashed var(--thm-black); max-width: 240px; border-radius: 5px; width: 100%; padding: 13px 20px 14px; }
.about-four__content-text4 .counter-box h2 { position: relative; color: var(--thm-black); font-size: 50px; line-height: 60px; font-weight: 500; letter-spacing: -0.005em; }
.about-four__content-text4 .counter-box h2 .k { position: relative; display: inline-block; top: -13px; font-size: 30px; }
.about-four__content-text4 .counter-box .text { position: relative; display: block; margin-left: 10px; }
.about-four__content-text4 .counter-box .text p { color: var(--thm-black); font-size: 20px; line-height: 30px; font-weight: 500; }
.about-four__client-info-box { position: relative; display: flex; align-items: center; margin-left: 35px; }
.about-four__client-info-box .img-box { position: relative; display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.about-four__client-info-box .img-box img { width: 100%; }
.about-four__client-info-box .title-box { position: relative; display: block; margin-left: 25px; }
.about-four__client-info-box .title-box h3 { font-size: 22px; line-height: 30px; font-weight: 600; text-transform: capitalize; }
.about-four__client-info-box .title-box p { font-size: 14px; line-height: 24px; font-weight: 500; text-transform: capitalize; }
/***
=============================================
Features Seven
=============================================
***/
.features-seven { position: relative; display: block; }
.features-seven .auto-container { max-width: 1530px; width: 100%; }
.features-seven__inner { position: relative; display: block; padding: 0px 0px 120px; padding-left: 165px; z-index: 1; }
.features-seven__pattern { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; z-index: -1; opacity: 0.04; }
 .features-seven__inner::before {
 position: absolute;
 top: 120px;
 left: 0;
 bottom: 0;
 right: 0;
 background: var(--thm-black);
 content: "";
 z-index: -1;
}
.features-seven__img { position: relative; display: block; max-width: 735px; width: 100%; }
.features-seven__img-inner { position: relative; display: block; }
.features-seven__img-inner img { width: 100%; }
.features-seven__img-inner .content-box { position: absolute; display: flex; align-items: flex-start; left: 0; bottom: 0; background: var(--thm-base); padding: 55px 0px 50px; padding-left: 58px; padding-right: 40px; }
.features-seven__img-inner .content-box .icon { position: relative; display: block; }
 .features-seven__img-inner .content-box .icon span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 40px;
 line-height: 40px;
 top: 4px;
}
.features-seven__img-inner .content-box .text-box { position: relative; display: block; margin-left: 16px; }
.features-seven__img-inner .content-box .text-box h2 { color: #ffffff; font-size: 30px; line-height: 34px; font-weight: 600; }
.features-seven__img-inner .content-box .text-box .btn-box { position: relative; display: block; margin-top: 30px; }
.features-seven__img-inner .content-box .text-box .btn-box a { position: relative; display: inline-block; color: #ffffff; font-size: 12px; line-height: 22px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em; }
 .features-seven__img-inner .content-box .text-box .btn-box a::before {
 position: absolute;
 left: 0;
 bottom: 2px;
 right: 0;
 height: 1px;
 background: #ffffff;
 content: "";
}
.features-seven__content { position: relative; display: block; margin-top: 260px; }
.features-seven__content ul { position: relative; display: block; }
.features-seven__content ul li { position: relative; display: flex; align-items: center; background: rgba(255, 255, 255, .1); padding: 30px 30px 30px; transition: all 200ms linear; transition-delay: 0.1s; overflow: hidden; }
.features-seven__content ul li:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; border-radius: 0px; background-color: rgba(255, 255, 255, .2); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: top center; -webkit-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; }
.features-seven__content ul li:hover:after, .features-seven__content ul li.active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: bottom center; }
.features-seven__content ul li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ffffff; border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; }
.features-seven__content ul li:hover .icon, .features-seven__content ul li.active .icon { background: var(--thm-base); }
.features-seven__content ul li .icon span:before { position: relative; display: inline-block; color: var(--thm-black); font-size: 20px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; }
.features-seven__content ul li:hover .icon span:before { color: #ffffff; }
.features-seven__content ul li.active .icon span:before { color: #ffffff; }
.features-seven__content ul li .text { position: relative; display: block; margin-left: 20px; flex: 1; }
.features-seven__content ul li .text a { color: #ffffff; font-size: 18px; line-height: 28px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
/***
=============================================
Working Process One
=============================================
***/
.working-process-one { position: relative; display: block; padding: 135px 0px 83px; z-index: 3; }
.working-process-one__bg { position: absolute; top: 0; left: 210px; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; }
 .working-process-one__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-base-rgb), .88);
 content: "";
 z-index: -2;
}
.working-process-one__single { position: relative; display: block; margin-bottom: 30px; }
.working-process-one__single .shape1 { position: absolute; top: 25px; right: -130px; }
.working-process-one__single .shape2 { position: absolute; top: 15px; right: -139px; }
.working-process-one__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; background: #ffffff; border-radius: 50%; margin: 0 auto; z-index: 1; }
 .working-process-one__single .icon-box::before {
 position: absolute;
 top: -15px;
 left: -15px;
 bottom: -15px;
 right: -15px;
 border: 1px dashed #bdbdbd;
 border-radius: 50%;
 content: "";
}
 .working-process-one__single .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-black);
 font-size: 70px;
 line-height: 70px;
 transition: all 500ms linear;
 transition-delay: 0.1s;
 transform: scale(1);
}
 .working-process-one__single:hover .icon-box span::before {
 transform: scale(0.9);
}
.working-process-one__single .text-box { position: relative; display: block; margin-top: 38px; }
.working-process-one__single .text-box h4 { font-size: 18px; line-height: 28px; font-weight: 600; text-transform: capitalize; margin-bottom: 7px; }
.working-process-one__single .text-box h4 a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; }
.working-process-one__single .text-box p { color: rgba(255, 255, 255, .6); }
/***
=============================================
Features Six
=============================================
***/
.features-six { position: relative; display: block; padding: 340px 0px 90px; z-index: 1; margin-top: -220px; }
.features-six .shape1 { position: absolute; top: 0; right: 0; opacity: 0.1; z-index: -1; }
.features-six .shape2 { position: absolute; top: 122px; left: -80px; opacity: 0.15; z-index: -1; }
 .features-six::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 380px;
 right: 0;
 background: var(--thm-black);
 content: "";
 z-index: -1;
}
.features-six .sec-title h2 { color: #ffffff; }
.features-six__single { position: relative; display: block; margin-bottom: 30px; }
.features-six__single-img { position: relative; display: block; overflow: hidden; z-index: 1;background: url(../images/proback.jpg) no-repeat ;background-size: 100%;}
.features-six__single-img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--thm-black-rgb), 0.5); width: 0%; transform: translateY(100%); transition: all 500ms ease; z-index: 1; }
.features-six__single:hover .features-six__single-img:before { transform: translateY(0); width: 100%; }
.features-six__single-img .icon-box { position: absolute; display: flex; align-items: center; justify-content: center; left: 40px; bottom: 20px; width: 105px; height: 105px; background: var(--thm-black); z-index: 5; }
 .features-six__single-img .icon-box::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 0%;
 background: var(--thm-base);
 transform: scale(0.7);
 opacity: 0;
 transition: all 400ms linear;
 transition-delay: 0.2s;
 content: "";
}
 .features-six__single:hover .features-six__single-img .icon-box::before {
 transform: scale(1);
 opacity: 1;
}
 .features-six__single-img .icon-box span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 60px;
 line-height: 60px;
 transition: all 500ms linear;
 transition-delay: 0.3s;
 transform: scale(1);
}
 .features-six__single:hover .features-six__single-img .icon-box span::before {
 transform: scale(0.9);
}
.features-six__single-img img { width: 100%; -webkit-transition: all 700ms ease; transition: all 700ms ease; }
.features-six__single:hover .features-six__single-img img { transform: scale(1.1); }
.features-six__single-content { position: relative; display: block; background: #ffffff; border: 1px solid #e2ddda; padding: 31px 40px 29px; }
.features-six__single-content h2 { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: capitalize; margin-bottom: 6px; }
.features-six__single-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.features-six__single-content h2 a:hover { color: var(--thm-base); }
.features-six__single-content p { margin: 0px; }
/***
=============================================
Portfolio Three
=============================================
***/
.portfolio-three { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; z-index: 1; }
.portfolio-three__single { position: relative; display: block; margin-bottom: 30px; }
.portfolio-three__single-img { position: relative; display: block; border-radius: 10px; overflow: hidden; }
.portfolio-three__single-img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: rgb(22, 23, 53); background: linear-gradient(180deg, rgba(22, 23, 53, 0.028448879551820738) 9%, rgba(22, 23, 53, 0.5634628851540616) 37%, rgba(22, 23, 53, 0.9500175070028011) 70%); border-radius: 10px; opacity: 0; transform-origin: center; transform-style: preserve-3d; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; }
.portfolio-three__single:hover .portfolio-three__single-img:before { opacity: 1; }
.portfolio-three__single-img img { width: 100%; transition: all 500ms ease; transform: scale(1); }
.portfolio-three__single:hover .portfolio-three__single-img img { transform: scale(1.05); }
.portfolio-three__single-img .text-box { position: absolute; left: 40px; bottom: 40px; z-index: 5; }
.portfolio-three__single-img .text-box h2 { font-size: 24px; line-height: 35px; font-weight: 600; margin-bottom: 6px; opacity: 0; transform: translateY(-30px); transition: all 700ms ease; }
.portfolio-three__single:hover .portfolio-three__single-img .text-box h2 { opacity: 1; transform: translateY(0%); transition-delay: 500ms; }
.portfolio-three__single-img .text-box h2 a { color: #ffffff; }
.portfolio-three__single-img .text-box p { color: var(--thm-base); font-weight: 700; font-size: 15px; line-height: 21px; text-transform: uppercase; opacity: 0; transform: translateY(30px); transition: all 700ms ease; }
.portfolio-three__single:hover .portfolio-three__single-img .text-box p { opacity: 1; transform: translateY(0%); transition-delay: 700ms; }
.portfolio-three__link { position: absolute; top: 25px; right: 25px; transform: scale(0.5); opacity: 0; transition: all 700ms ease; z-index: 3; }
.portfolio-three__single:hover .portfolio-three__link { transform: scale(1); opacity: 1; transition-delay: 500ms; }
.portfolio-three__link a { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: var(--thm-base); font-size: 15px; color: #ffffff;  transition: .4s;
 -webkit-transition: all .4s ease-in-out;
}
.portfolio-three__link a:hover { color: #ffffff; }
 .portfolio-three__link a span::before {
 position: relative;
 display: inline-block;
 z-index: 5;
}
/***
=============================================
Team Four
=============================================
***/
.team-four { position: relative; display: block; background: #ffffff; padding: 0px 0px 90px; z-index: 1; }
.team-four .auto-container { max-width: 1450px; width: 100%; }
.team-four__single { position: relative; display: block; margin-bottom: 30px; }
.team-four__single-img { position: relative; display: block; overflow: hidden; }
.team-four__single-img .inner { position: relative; display: block; overflow: hidden; background: url(../images/proback.jpg) no-repeat;background-size: 100%;}
.team-four__single-img .inner img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.team-four__single:hover .team-four__single-img .inner img { transform: scale(1); }
.team-four__single-img .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; background: rgba(var(--thm-black-rgb), 0.4); opacity: 0; z-index: 1; content: ""; }
 .team-four__single:hover .team-four__single-img .inner::before {
 opacity: 1;
}
.team-four__single-content { position: absolute; left: 0; bottom: 15px; background: rgba(255, 255, 255, .85); padding: 22px 30px 22px; opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: all 700ms ease; transition: all 700ms ease; z-index: 5; }
.team-four__single:hover .team-four__single-content { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
 .team-four__single-content::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 4px;
 background: var(--thm-black);
 content: "";
}
.team-four__single-content h4 { font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 5px; }
.team-four__single-content h4 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.team-four__single-content h4 a:hover { color: var(--thm-base); }
.team-four__single-content p { color: #7f8080; font-size: 16px; line-height: 26px; font-weight: 400; }
.team-four__single-img .social-links { position: absolute; bottom: 80px; right: 20px; z-index: 5; }
.team-four__single-img .social-links li { position: relative; display: inline-block; transform: scale(0.7); opacity: 0; -webkit-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
.team-four__single:hover .team-four__single-img .social-links li { transform: scale(1.0); opacity: 1; }
.team-four__single-img .social-links li.share { position: relative; }
.team-four__single-img .social-links>li>a { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: var(--thm-base); border-radius: 10px; z-index: 1; }
 .team-four__single-img .social-links>li>a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(255, 255, 255, 0.20);
 border-radius: 10px;
 transform: scale(0.5);
 opacity: 0;
 -webkit-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 transition: all 0.4s linear;
 z-index: -1;
}
 .team-four__single-img .social-links>li>a:hover::before {
 transform: scale(1.0);
 opacity: 1;
}
.team-four__single-img .social-links>li>a .team-four__single-img .social-links>li>a>span { position: relative; display: block; }
 .team-four__single-img .social-links>li>a>span::before {
 position: relative;
 display: inline-block;
 top: -1px;
 color: #ffffff;
 font-size: 13px;
 line-height: 13px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .team-four__single-img .social-links>li>a:hover span::before {
 color: #ffffff;
}
.team-four__single-img .social-links .share .social-links-inner { position: absolute; top: -190px; left: 0px; right: 0; line-height: 0; transform: scaleY(0); transform-origin: center; transform-style: preserve-3d; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; transform-origin: bottom center; padding: 0px 0px 31px; background: var(--thm-base); border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }
.team-four__single-img .social-links .share:hover .social-links-inner { transform: scaleY(1.0); -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
.team-four__single-img .social-links .share .social-links-inner li { position: relative; display: block; margin-bottom: 0px; }
.team-four__single-img .social-links .share .social-links-inner li:last-child { margin-bottom: 0px; }
.team-four__single-img .social-links .share .social-links-inner li a { position: relative; display: block; position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: var(--thm-base); border-radius: 0%; z-index: 1; }
 .team-four__single-img .social-links .share .social-links-inner li a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(255, 255, 255, 0.22);
 border-radius: 0%;
 transform: scale(0.5);
 opacity: 0;
 -webkit-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 transition: all 0.4s linear;
 z-index: -1;
}
 .team-four__single-img .social-links .share .social-links-inner li a:hover::before {
 transform: scale(1.0);
 opacity: 1;
}
.team-four__single-img .social-links .share .social-links-inner li a i { position: relative; display: block; }
 .team-four__single-img .social-links .share .social-links-inner li a i::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 15px;
 line-height: 15px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .team-four__single-img .social-links .share .social-links-inner li a:hover i::before {
 color: #ffffff;
}
/***
=============================================
Video Three
=============================================
***/
.video-one--two.style3 { position: relative; display: block; padding: 0px 0px 0px; }
 .video-one--two.style3 .video-one__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-black-rgb), 0.8);
 content: "";
 z-index: -2;
}
.video-one--two.style3 .auto-container { max-width: 1630px; width: 100%; }
.video-one--two.style3 .video-one__inner { padding: 160px 30px 243px; }
 .video-one--two.style3 .video-one__icon::before {
 position: absolute;
 top: -15px;
 left: -15px;
 right: -15px;
 bottom: -15px;
 border: 1px solid #787889;
 border-radius: 50%;
 content: "";
}
.video-one--two.style3 .video-one__inner .video-box .border-animation { position: absolute; top: -15px; left: -15px; bottom: -15px; right: -15px; border: 1px solid #787889; animation: squares 2.9s linear 0s infinite; -webkit-animation: squares 2.9s linear 0s infinite; -ms-animation: squares 2.9s linear 0s infinite; -o-animation: squares 2.9s linear 0s infinite; -webkit-animation-play-state: running; animation-play-state: running; opacity: 0; border-radius: 50%; }
.video-one--two.style3 .video-one__inner .video-box .border-animation.border-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.video-one--two.style3 .video-one__inner .video-box .border-animation.border-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
/***
=============================================
Contact Two
=============================================
***/
.contact-two { position: relative; display: block; padding: 0px 0px 0px;z-index: 3; }
.contact-two__pattern { position: absolute; top: 140px; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.35; z-index: -1; }
.contact-two__form { position: relative; display: block; background-color: var(--thm-base); padding: 55px 50px 65px; z-index: 2; }
.contact-two__form .title-box { position: relative; display: block; }
.contact-two__form .title-box h2 { color: #ffffff; font-size: 36px; line-height: 46px; font-weight: 500; text-transform: capitalize; }
.contact-two__form .form-box { position: relative; margin-top: 30px; }
.contact-two__form .form-box form { position: relative; }
.contact-two__form .form-box form .form-group { position: relative; margin-bottom: 15px; }
.contact-two__form .form-box form .form-group input[type="text"], .contact-two__form .form-box form .form-group input[type="email"], .contact-two__form .form-box form .form-group input[type="tel"], .contact-two__form .form-box form .form-group input[type="url"], .contact-two__form .form-box form .form-group textarea, .contact-two__form .form-box form .form-group select { position: relative; display: block; font-size: 13px; line-height: 22px; color: rgba(var(--thm-black-rgb), 0.8); font-weight: 600; text-transform: uppercase; padding: 0px 20px 0px; width: 100%; height: 65px; background-color: #ffffff; border-radius: 0px; outline: none; border: none; font-family: var(--thm-font-2); }
.contact-two__form .form-box form .form-group textarea { height: 135px; resize: none; padding-top: 13px; }
.contact-two__form .form-box form .form-group .select-box { position: relative; display: block; width: 100%; height: 65px; }
.contact-two__form .form-box form .form-group .nice-select { background: #ffffff; width: 100%; height: 65px; line-height: 65px; border: none; color: rgba(var(--thm-black-rgb), 0.8); font-size: 13px; font-weight: 600; text-transform: uppercase; font-style: normal; padding: 0px 20px 0px; border-radius: 0px; font-family: var(--thm-font-2); }
.contact-two__form .form-box form .form-group .nice-select:after { width: 8px; height: 8px; border-bottom: 2px solid rgba(var(--thm-black-rgb), 0.8); border-right: 2px solid rgba(var(--thm-black-rgb), 0.8); right: 23px; margin-top: 0px; top: 27px; z-index: 10; }
.contact-two__form .form-box form .form-group .nice-select .list { background-color: rgba(255, 255, 255, 1.0); }
.contact-two__form .form-box form .button-box { position: relative; display: block; }
.contact-two__form .form-box form .button-box button { position: relative; z-index: 5; }
.contact-two__form .form-box form .button-box button.thm-btn { background-color: var(--thm-black); position: relative; display: block; width: 100%; border-radius: 0; line-height: 65px; z-index: 5; }
 .contact-two__form .form-box form .button-box button.thm-btn::before {
 background: var(--thm-black);
 color: #ffffff;
}
.contact-two__content { position: relative; display: block; background: #dddddd; padding: 100px 125px 100px; margin-right: -215px; margin-left: 40px; z-index: 1; }
.contact-two__content__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: repeat; z-index: -1; }
.contact-two__content .features-two__right-accordion { max-width: none; width: 100%; margin-left: 0px; }
.contact-two__content .accordion-box .block .acc-content { border-top: 1px solid #bdc0c2; padding-top: 20px; padding-bottom: 30px; }
/***
=============================================
Testimonial Four
=============================================
***/
.testimonial-four { position: relative; display: block; padding: 120px 0px 120px; z-index: 1; }
.testimonial-four .shape1 { position: absolute; top: 0; left: 0; opacity: 0.1; z-index: 1; }
.testimonial-four__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; }
 .testimonial-four__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-black-rgb), 0.88);
 content: "";
 z-index: -2;
}
.testimonial-four__left { position: relative; display: block; z-index: 5; }
.testimonial-four__left .sec-title { padding-bottom: 27px; }
.testimonial-four__left .sec-title h2 { color: #ffffff; }
.testimonial-four__left .text-box { position: relative; display: block; }
.testimonial-four__left .text-box p { color: #ffffff; }
.testimonial-four__right { position: relative; display: block; width: 1160px; }
.testimonial-four__single { position: relative; display: block; background: #f6f6f6; border-radius: 10px; padding-bottom: 30px; overflow: hidden; }
.testimonial-four__single .text-box { position: relative; display: block; background: #ffffff; box-shadow: 0px 0px 32px 0px rgb(243, 232, 232, 0.8); padding: 40px 50px 29px; border-radius: 10px; z-index: 1; }
.testimonial-four__single .text-box:before { position: absolute; left: 55px; bottom: -25px; border-right: 25px solid #ffffff; border-bottom: 25px solid transparent; border-left: 25px solid transparent; content: ""; z-index: 5; overflow: hidden; transition: all 0.4s linear; }
.testimonial-four__single:hover .text-box:before { border-right: 25px solid var(--thm-base); }
.testimonial-four__single .text-box:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scaleX(0.8) rotateX(0deg); transition: all 0.4s linear; background: var(--thm-base); border-radius: 5px; opacity: 0; content: ""; z-index: -1; }
.testimonial-four__single:hover .text-box:after { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; }
.testimonial-four__single .text-box .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: #f4f7ec; border-radius: 10px; border-top-right-radius: 0px; margin-bottom: 15px; }
 .testimonial-four__single .text-box .icon-box span::before {
 position: relative;
 display: inline-block;
 color: var(--thm-base);
 font-size: 17px;
 line-height: 17px;
}
.testimonial-four__single .text-box p { margin: 0; transition: all 0.4s linear; }
.testimonial-four__single:hover .text-box p { color: #ffffff; }
.testimonial-four__single .client-info { position: relative; display: flex; align-items: center; padding-left: 105px; margin-top: 30px; }
.testimonial-four__single .client-info .img-box { position: relative; display: block; }
.testimonial-four__single .client-info .img-box .icon { position: absolute; top: 18px; right: -15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--thm-base); }
 .testimonial-four__single .client-info .img-box .icon span::before {
 position: relative;
 display: inline-block;
 color: #ffffff;
 font-size: 23px;
}
.testimonial-four__single .client-info .img-box .inner { position: relative; display: block; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; }
.testimonial-four__single .client-info .img-box .inner img { width: 100%; }
.testimonial-four__single .client-info .title-box { position: relative; display: block; line-height: 0; padding-left: 35px; }
.testimonial-four__single .client-info .title-box h4 { font-size: 18px; line-height: 25px; font-weight: 500; text-transform: capitalize; }
.testimonial-four__single .client-info .title-box p { color: var(--thm-base); font-size: 12px; line-height: 20px; font-weight: 400; letter-spacing: 0.082em; }
.testimonial-four__carousel.owl-carousel .owl-dots { position: relative; display: block; text-align: center; max-width: 320px; margin: 0 auto !important; background: rgba(255, 255, 255, .1); border-radius: 15px; height: 10px; line-height: 10px; overflow: hidden; margin-top: 50px !important; }
.testimonial-four__carousel.owl-carousel .owl-dots button { position: relative; display: inline-block; background: transparent; width: 33.333%; height: 10px; float: left; background: transparent; border-radius: 15px; transition: all 500ms ease; }
.testimonial-four__carousel.owl-carousel .owl-dots button.active, .testimonial-four__carousel.owl-carousel .owl-dots button:hover { background: var(--thm-base); }
.testimonial-four__carousel.owl-carousel .owl-dots .owl-dot span { display: none; }
/***
=============================================
Testimonial Four
=============================================
***/
.footer-two { position: relative; display: block; padding-top: 120px; z-index: 1; }
.footer-two__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; z-index: -1; }
 .footer-two__bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(var(--thm-black-rgb), 0.97);
 content: "";
 z-index: -2;
}
.footer-two__top { position: relative; display: block; }
.footer-two__top .title { position: relative; display: block; margin-bottom: 51px; }
.footer-two__top .title h2 { color: #ffffff; font-size: 50px; line-height: 0.8em; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; }
.footer-two__top .title p { color: var(--thm-base); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
.footer-two__top-subscribe { position: relative; display: block; max-width: 625px; width: 100%; margin: 0 auto; }
.footer-two__top-subscribe-form { position: relative; display: block; }
.footer-two__top-subscribe-input-box { position: relative; display: block; max-width: 450px; width: 100%; padding-top: 2px; }
.footer-two__top-subscribe-input-box input[type="email"] { color: #bfbfbf; font-size: 14px; height: 65px; width: 100%; font-weight: 500; padding-left: 30px; padding-right: 30px; background: #343434; outline: none; border: none; border: 0px solid #423e40; text-transform: none; }
 .footer-two__top-subscribe-input-box input[type="email"]::-webkit-input-placeholder {
 color: #bfbfbf;
}
 .footer-two__top-subscribe-input-box input[type="email"]:-moz-placeholder {
 color: #bfbfbf;
}
 .footer-two__top-subscribe-input-box input[type="email"]::-moz-placeholder {
 color: #bfbfbf;
}
 .footer-two__top-subscribe-input-box input[type="email"]:-ms-input-placeholder {
 color: #bfbfbf;
}
.footer-two__top-subscribe-btn { position: absolute; display: inline-block; right: -167px; background: var(--thm-base); line-height: 65px; padding: 0px 40px 0px; border: none; outline: none; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-two__top-subscribe-btn:hover { background: #343434; }
.footer-two__top-subscribe-btn .txt { position: relative; display: inline-block; color: #ffffff; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; }
.footer-two__middle { position: relative; display: block; padding-top: 120px; }
.footer-widget-two__single { position: relative; display: block; }
.footer-widget-two__single .title { position: relative; display: block; margin-bottom: 34px; margin-top: -7px; }
.footer-widget-two__single .title h2 { color: #ffffff; font-size: 24px; line-height: 34px; font-weight: 700; text-transform: capitalize; }
.footer-widget-two__list { position: relative; display: block; }
.footer-widget-two__list li { position: relative; display: block; margin-bottom: 16px; }
.footer-widget-two__list li:last-child { margin-bottom: 0; }
.footer-widget-two__list li a { position: relative; display: inline-block; color: #bfbfbf; font-size: 16px; line-height: 26px; font-weight: 500; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget-two__list li a:hover { color: #ffffff; }
.footer-widget-two__about { position: relative; display: block; }
.footer-widget-two__explore { position: relative; display: block; margin-left: 20px; }
.footer-widget-two__links { position: relative; display: block; margin-left: 33px; }
.footer-widget-two__blog { position: relative; display: block; margin-left: 45px; }
.footer-widget-two__contact { position: relative; display: block; }
.footer-widget-two__contact-box { position: relative; display: block; }
.footer-widget-two__contact-box li { position: relative; display: block; margin-bottom: 15px; }
.footer-widget-two__contact-box li:last-child { margin-bottom: 0; }
.footer-widget-two__contact-box li p { color: #bfbfbf; font-size: 16px; line-height: 26px; font-weight: 500; }
.footer-widget-two__contact-box li p a { color: #bfbfbf; font-size: 16px; line-height: 26px; font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget-two__contact-box li p a:hover { color: var(--thm-base); }
.footer-widget-two__contact .social-links { position: relative; display: block; margin-top: 21px; }
.footer-widget-two__contact .social-links li { position: relative; display: inline-block; margin-right: 15px; }
.footer-widget-two__contact .social-links li:last-child { margin-right: 0; }
.footer-widget-two__contact .social-links li a { position: relative; display: block; color: #ffffff; font-size: 16px; transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget-two__contact .social-links li a:hover { color: var(--thm-base); }
/***
=============================================
Features Seven Services
=============================================
***/
.features-seven--services { position: relative; display: block; padding-top: 120px; z-index: 1; }
.features-seven__inner .shape1 { position: absolute; right: 50px; bottom: 30px; z-index: -1; opacity: 0.02; }
.features-seven__inner .shape2 { position: absolute; right: 130px; bottom: 200px; z-index: -1; }
/***
=============================================
Working Process One Services
=============================================
***/
.working-process-one--services { position: relative; display: block; }
 .working-process-one--services .working-process-one__bg::before {
 background: rgba(var(--thm-black-rgb), .88);
}
 .working-process-one--services .working-process-one__single .icon-box::after {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50%;
 background: var(--thm-base);
 transform: scale(0.7);
 opacity: 0;
 transition: all 400ms linear;
 transition-delay: 0.2s;
 content: "";
 z-index: -1;
}
 .working-process-one--services .working-process-one__single:hover .icon-box::after {
 transform: scale(1);
 opacity: 1;
}
 .working-process-one--services .working-process-one__single:hover .icon-box span::before {
 color: #ffffff;
}
.working-process-one--services .working-process-one__single .text-box h4 a:hover { color: var(--thm-base); }
/***
=============================================
Features Seven Counter
=============================================
***/
.features-seven__counter { position: relative; display: block; margin-top: 120px; z-index: 1; }
.features-seven__counter .counter-one__single .title-box h2 { color: #ffffff; }
.features-seven__counter .counter-one__single .title-box p { color: #9aadbd; }
.features-seven__counter .counter-one__single .icon-box { background: rgba(255, 255, 255, .2); width: 125px; height: 125px; }
 .features-seven__counter .counter-one__single .icon-box span::before {
 color: #ffffff;
}
/***
=============================================
Services Details
=============================================
***/
.services-details { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; }
.services-details__content { position: relative; display: block; }
.services-details__content-img1 { position: relative; display: block; margin-bottom: 45px; }
.services-details__content-img1 img { width: 100%; }
.services-details__content .text-box1 { position: relative; display: block; }
.services-details__content .text-box1 h2 { font-size: 32px; line-height: 42px; font-weight: 700; text-transform: capitalize; margin-bottom: 20px; }
.services-details__content .text-box1 .text1 { position: relative; display: block; margin-bottom: 15px; }
.services-details__content .text-box1 .text2 { position: relative; display: block; }
.services-details__content .text-box1 ul { position: relative; display: block; margin-top: 45px; }
.services-details__content .text-box1 ul li { position: relative; display: flex; align-items: center; margin-bottom: 20px; }
.services-details__content .text-box1 ul li:last-child { margin-bottom: 0px; }
.services-details__content .text-box1 ul li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f2f2f2; }
 .services-details__content .text-box1 ul li .icon span::before {
 position: relative;
 display: inline-block;
 color: #8a8d97;
 font-size: 17px;
}
.services-details__content .text-box1 ul li .text { position: relative; display: block; margin-left: 15px; flex: 1; }
.services-details__content .text-box1 ul li .text p { margin: 0; }
.services-details__content .text-box2 { position: relative; display: block; margin-top: 30px; }
.services-details__content .text-box2 p { margin: 0; }
.services-details__content .text-box2 ul { position: relative; display: block; margin-top: 28px; }
.services-details__content .text-box2 ul li { position: relative; display: block; margin-bottom: 13px; }
.services-details__content .text-box2 ul li:last-child { margin-bottom: 0; }
.services-details__content .text-box2 ul li p { position: relative; margin: 0; padding-left: 25px; }
.services-details__content .text-box2 ul li p:before { position: absolute; top: 11px; left: 0; width: 10px; height: 10px; background: #bfc2c3; border-radius: 50%; content: ""; }
.services-details__content-img2 { position: relative; display: block; margin-top: 54px; }
.services-details__content-img2 img { width: 100%; }
.services-details__content .text-box3 { position: relative; display: block; margin-top: 30px; }
.services-details__content .text-box3 .text1 { position: relative; display: block; margin-bottom: 15px; }
.services-details__content .text-box3 .text2 { position: relative; display: block; }
.services-details__content .text-box4 { position: relative; display: flex; align-items: center; margin-top: 34px; }
.services-details__content .text-box4 .img-box { position: relative; display: block; }
.services-details__content .text-box4 .img-box img { width: auto; }
.services-details__content .text-box4 .content-box { position: relative; display: block; margin-left: 30px; margin-top: -11px; flex: 1; }
.services-details__content .text-box4 .content-box p { margin: 0; margin-bottom: 29px; }
.services-details__content .text-box4 ul { position: relative; display: block; }
.services-details__content .text-box4 ul li { position: relative; display: flex; align-items: center; margin-bottom: 20px; }
.services-details__content .text-box4 ul li:last-child { margin-bottom: 0; }
.services-details__content .text-box4 ul li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: #f2f2f2; }
.services-details__content .text-box4 ul li .icon span:before { position: relative; display: inline-block; color: #8a8d97; font-size: 17px; }
.services-details__content .text-box4 ul li .text { position: relative; display: block; margin-left: 15px; flex: 1; }
.services-details__content .text-box4 ul li .text p { margin: 0; }
.services-details__content .text-box5 { position: relative; display: block; margin-top: 39px; }
.services-details__content .text-box5 p { margin: 0; }
.services-details__content-accordion { position: relative; display: block; margin-top: 39px; }
.services-details__content-accordion .accordion-box .block { border-radius: 4px; border: 1px solid #eaeaea; }
.services-details__content-accordion .accordion-box .block .acc-btn h3 { font-weight: 600; }
.services-details__content-accordion .accordion-box .block .acc-content p { color: var(--thm-gray); }
/***
=====================================================
    Sidebar
=====================================================
***/
.sidebar { position: relative; display: block; }
.sidebar__single+.sidebar__single { margin-top: 30px;display: inline-block;}
.sidebar__title { position: relative; margin: 0; font-size:25px; line-height: 40px; font-weight: 600; text-transform: capitalize; margin-bottom: 30px; padding-left: 40px; }
 .sidebar__title::before {
 position: absolute;
 left: 0;
 bottom: 10px;
 height: 2px;
 width: 30px;
 background: var(--thm-base);
 content: "";
}
.sidebar__search { position: relative; display: block; background-color: #f1f3f8; padding: 50px 30px 50px; }
.sidebar__search-form { position: relative; }
.sidebar__search-form input[type="search"] { display: block; border: none; outline: none; background-color: #ffffff; color: var(--thm-gray); font-size: 14px; font-weight: 600; padding-left: 20px; height: 60px; width: 100%; padding-right: 60px; border-radius: 3px; border: 1px solid #dcdfe2; }
 .sidebar__search-form ::-webkit-input-placeholder {
 color: var(--thm-gray);
 opacity: 1;
}
 .sidebar__search-form ::-moz-placeholder {
 color: var(--thm-gray);
 opacity: 1;
}
 .sidebar__search-form :-ms-input-placeholder {
 color: var(--thm-gray);
 opacity: 1;
}
 .sidebar__search-form ::-ms-input-placeholder {
 color: var(--thm-gray);
 opacity: 1;
}
 .sidebar__search-form ::placeholder {
 color: var(--thm-gray);
 opacity: 1;
}
 .sidebar__search-form :-ms-input-placeholder {
 color: var(--thm-gray);
}
 .sidebar__search-form ::-ms-input-placeholder {
 color: var(--thm-gray);
}
.sidebar__search-form button[type="submit"] { background-color: var(--thm-base); color: #ffffff; font-size: 18px; position: absolute; top: 5px; right: 5px; bottom: 5px; width: 50px; outline: none; border: none; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 3px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.sidebar__search-form:hover button[type="submit"] { background-color: var(--thm-black); color: #ffffff; }
.sidebar__category { position: relative; display: block; background-color: #f1f3f8; padding: 42px 30px 50px; }
.sidebar__category-list { position: relative; display: block; margin: 0; }
.sidebar__category-list li+li { position: relative; margin-top: 15px; }
.sidebar__category-list li a { position: relative; display: block; color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 500; padding: 17px 20px 18px; background-color: #ffffff; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--thm-font); z-index: 1; }
 .sidebar__category-list li a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 100%;
 background: var(--thm-base);
 z-index: -1;
 transform: scaleY(0.0);
 transform-origin: left;
 transform-style: preserve-3d;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
.sidebar__category-list li a:hover:before { transform: scaleY(1.0); }
.sidebar__category-list li a:hover { color: #ffffff; }
.sidebar__category-list li.active a { background-color: var(--thm-base); color: #ffffff; }
.sidebar__category-list li a span { position: absolute; top: 0; bottom: 0; width: 60px; right: 0; color: var(--thm-black); font-size: 15px; font-weight: 600; background-color: #dcdde0; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--thm-font); z-index: 1; }
.sidebar__category-list li a:hover span, .sidebar__category-list li.active a span { background: rgba(255, 255, 255, .05); color: #ffffff; }
.sidebar__single-button-box { position: relative; display: block; background-color: #f1f3f8; padding: 50px 30px 50px; }
.sidebar__single-button-box .btn-one { position: relative; display: block; }
.sidebar__single-button-box .btn-one a { position: relative; display: block; color: var(--thm-black); font-size: 17px; line-height: 26px; font-weight: 700; text-transform: capitalize; background: #ffffff; padding: 18px 25px 19px; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; }
.sidebar__single-button-box .btn-one a:hover { color: #ffffff; background: var(--thm-base); }
 .sidebar__single-button-box .btn-one a span::before {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 25px;
 display: flex;
 align-items: center;
 color: var(--thm-black);
 font-size: 20px;
 font-weight: 700;
 transition: all 200ms linear;
 transition-delay: 0.1s;
}
 .sidebar__single-button-box .btn-one a:hover span::before {
 color: #ffffff;
}
.sidebar__single-button-box .btn-one.btn-one--two { position: relative; display: block; margin-top: 20px; }
.sidebar__tags { position: relative; display: block; background-color: #f1f3f8; padding: 41px 30px 40px; overflow: hidden; }
.sidebar__tags-list { position: relative; display: block; margin-left: -5px; margin-right: -5px; }
.sidebar__tags-list li { position: relative; display: inline-block; float: left; padding: 0px 5px 0px; margin-bottom: 10px; }
.sidebar__tags-list li a { position: relative; display: block; color: #7d7d7d; font-size: 15px; font-weight: 400; background: #ffffff; padding: 6px 24px; border-radius: 3px; text-transform: capitalize; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.sidebar__tags-list li a:hover { color: #ffffff; background: var(--thm-base); }
.sidebar__support { position: relative; display: block; text-align: center; padding: 77px 40px 90px; z-index: 1; }
.sidebar__support-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; }
 .sidebar__support-bg::before {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-color: rgb(0, 0, 0, 0.85);
 content: "";
 z-index: -2;
}
.sidebar__suppot-title { color: #ffffff; font-size: 48px; line-height: 58px; font-weight: 500; }
.sidebar__suppot-text { color: #ffffff; font-size: 15px; line-height: 25px; margin: 0; padding-top: 25px; padding-bottom: 38px; }
.sidebar__support-btn-box { position: relative; display: flex; align-items: center; justify-content: center; }
.sidebar__post { position: relative; display: block; padding: 42px 30px 42px; background-color: #f1f3f8; }
.sidebar__post-box { position: relative; display: block; }
.sidebar__post-single { position: relative; display: block;margin-top: 27px; width:50%; float:left;}
.sidebar-post__img { position: relative; display: block; background: var(--thm-black); overflow: hidden;background: url(../images/proback.jpg) no-repeat;background-size: 100%;margin: 0 auto;width:80%;}
 .sidebar-post__img::before {
 content: '';
 position: absolute;
 top: 0%;
 right: 0%;
 width: 0;
 height: 100%;
 background-color: rgba(var(--thm-base-rgb), .80);
 border-radius: 0%;
 -webkit-transform: translateX(90%, 90%);
 transform: translateX(90%, 90%);
 opacity: 0.70;
 z-index: 1;
}
 .sidebar__post-single:hover .sidebar-post__img::before {
 -webkit-animation: circle .95s;
 animation: circle .95s;
 opacity: 1.0;
}
.sidebar-post__img img { width: 100%; transform: scale(1.0);  transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
 transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; }
.sidebar__post-single:hover .sidebar-post__img img { opacity: 0.70; transform: scale(1.1) rotate(1deg); }
.sidebar__post-content-box { position: relative; margin-top: 18px; }
.sidebar__post-content-box h3 {font-size: 16px;text-align: center;line-height:25px; font-weight: 500; }
.sidebar__post-content-box h3 a { color: var(--thm-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.sidebar__post-single:hover .sidebar__post-content-box h3 a { color: var(--thm-base); }
/***
=============================================
Team Details
=============================================
***/
.team-details { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; z-index: 1; }
.team-details .shape1 { position: absolute; top: 140px; right: -20px; z-index: -1; opacity: 0.5; }
.team-details__top { position: relative; display: block; }
.team-details__top-left { position: relative; display: block; }
.team-details__top-left .team-four__single-content { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); bottom: 70px; }
.team-details__top-left .team-four__single-img .social-links li { transform: scale(1.0); opacity: 1; }
.team-details__top-left .team-four__single-img .social-links { bottom: 70px; }
.team-details__top-content { position: relative; display: block; margin-left: 67px; }
.team-details__top-content h2 { color: var(--thm-black); font-size: 50px; line-height: 1em; font-weight: 700; text-transform: capitalize; margin-bottom: 32px; }
.team-details__top-content p { margin: 0px; }
.team-details__top-content-list { position: relative; display: block; margin-top: 24px; }
.team-details__top-content-list li { position: relative; display: flex; align-items: center; margin-bottom: 20px; }
.team-details__top-content-list li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ffffff; box-shadow: 0px 0px 25px 0px rgb(183, 168, 168, 0.4); border-radius: 50%; }
.team-details__top-content-list li .icon span:before { position: relative; display: inline-block; color: #161735; font-size: 17px; }
.team-details__top-content-list li .text-box { position: relative; display: block; margin-left: 15px; flex: 1; }
.team-details__top-content-list li .text-box p { margin: 0; }
.team-details__top-content-bottom { position: relative; display: block; margin-top: 41px; }
.team-details__top-content-bottom .single-box { position: relative; display: block; }
.team-details__top-content-bottom .single-box ul { position: relative; display: block; }
.team-details__top-content-bottom .single-box ul li { position: relative; display: block; margin-bottom: 23px; }
.team-details__top-content-bottom .single-box ul li:last-child { margin-bottom: 0px; }
.team-details__top-content-bottom .single-box ul li p { color: var(--thm-gray); font-size: 18px; line-height: 22px; font-weight: 500; margin: 0; }
.team-details__top-content-bottom .single-box ul li p span { position: relative; color: var(--thm-black); font-weight: 700; margin-right: 9px; }
.team-details__top-content-bottom .single-box ul li p a { color: var(--thm-gray); font-size: 18px; line-height: 22px; font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; }
.team-details__top-content-bottom .single-box ul li p a:hover { color: var(--thm-base); }
.team-details-qualifications { position: relative; display: block; margin-top: 50px; }
.team-details-qualifications__single { position: relative; display: block; background: #f1f7fc; padding: 55px 55px 55px; border-radius: 8px; max-width: 425px; width: 100%; }
.team-details-qualifications__single.style2 { position: relative; display: block; margin-left: -45px; }
.team-details-qualifications__single .title { position: relative; display: block; margin-bottom: 30px; }
.team-details-qualifications__single .title h2 { font-size: 26px; line-height: 36px; font-weight: 600; text-transform: capitalize; letter-spacing: -0.02em; }
.team-details-qualifications__single .top-text { position: relative; display: block; }
.team-details-qualifications__single .top-text h3 { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 400; text-transform: capitalize; letter-spacing: -0.02em; margin-bottom: 7px; }
.team-details-qualifications__single .top-text p { color: #798593; margin: 0; }
.team-details-qualifications__single .bottom-text { position: relative; display: block; margin-top: 35px; }
.team-details-qualifications__single .bottom-text h3 { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 400; text-transform: capitalize; letter-spacing: -0.02em; margin-bottom: 7px; }
.team-details-qualifications__single .bottom-text p { color: #798593; margin: 0; }
.team-details-qualifications__single-list { position: relative; display: block; }
.team-details-qualifications__single-list li { position: relative; display: block; padding-left: 35px; margin-bottom: 27px; }
.team-details-qualifications__single-list li:last-child { margin-bottom: 0; }
.team-details-qualifications__single-list li .icon-box { position: absolute; top: 4px; left: 0; }
.team-details-qualifications__single-list li .icon-box i:before { position: relative; display: inline-block; color: var(--thm-black); font-size: 15px; }
.team-details-qualifications__single-list li .text-box { position: relative; display: block; }
.team-details-qualifications__single-list li .text-box p { color: #798593; font-size: 17px; line-height: 27px; font-weight: 400; letter-spacing: -0.02em; }
.why-choose-two { position: relative; display: block; background: #f1f3f2; padding: 120px 0px 120px; z-index: 1; }
.why-choose-two__bg { position: absolute; top: 120px; right: 0; bottom: 120px; width: calc((100% - 150px) / 2); background-position: top left; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1; }
.why-choose-two__content { position: relative; display: block; margin-right: 20px; }
.why-choose-two__content h2 { font-size: 48px; line-height: 1.2em; font-weight: 700; text-transform: capitalize; margin-bottom: 42px; }
.why-choose-two__content p { margin: 0; }
.why-choose-two__content ul { position: relative; display: block; margin-top: 38px; }
.why-choose-two__content ul li { position: relative; display: block; padding-left: 100px; margin-bottom: 34px; }
.why-choose-two__content ul li:last-child { margin-bottom: 0; }
.why-choose-two__content ul li .icon-box { position: absolute; top: 6px; left: 0; width: 80px; height: 80px; text-align: center; background: var(--thm-base); border-radius: 50%; border: 5px solid #ffffff; }
 .why-choose-two__content ul li .icon-box span::before {position: relative;display: inline-block;color: #ffffff;font-size: 30px;line-height: 70px;}
.why-choose-two__content ul li .text-box { position: relative; display: block; }
.why-choose-two__content ul li .text-box h3 { color: var(--thm-black); font-size: 22px; line-height: 30px; font-weight: 700; text-transform: capitalize; margin-bottom: 12px; }
.why-choose-two__content ul li .text-box p { margin: 0; }
.blog-sidebar { position: relative; display: block; background-color: #ffffff; padding: 120px 0px 120px; }
.blog-sidebar__content { position: relative; display: block; }
.blog-sidebar__single { position: relative; display: block; margin-bottom: 40px; }
.blog-sidebar__single-img { position: relative; display: block; }
.blog-sidebar__single-img .date-box { position: absolute; display: flex; text-align: center; align-items: center; justify-content: center; right: 70px; bottom: -20px; width: 70px; height: 70px; border-radius: 5px; background: var(--thm-base); z-index: 3; }
.blog-sidebar__single-img .date-box h4 { color: #ffffff; font-size: 18px; line-height: 22px; font-weight: 600; }
.blog-sidebar__single-img .inner { position: relative; display: block; overflow: hidden; z-index: 1; }
 .blog-sidebar__single-img .inner::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;background: rgba(var(--thm-black-rgb), 0.5);opacity: 0;z-index: 1;content: "";}
 .blog-sidebar__single:hover .blog-sidebar__single-img .inner::before {
 opacity: 1;
}
.blog-sidebar__single-img .inner img { width: 100%;  transition: .5s ease;
transform: scale(1.05); }
.blog-sidebar__single:hover .blog-sidebar__single-img .inner img { transform: scale(1); }
.blog-sidebar__single-content { position: relative; display: block; margin-top: 27px; }
.blog-sidebar__single-content .meta-box { position: relative; display: block; margin-bottom: 11px; }
.blog-sidebar__single-content .meta-box li { position: relative; display: inline-block; margin-right: 35px; }
.blog-sidebar__single-content .meta-box li:last-child { margin-right: 0; }
.blog-sidebar__single-content .meta-box li a { position: relative; display: block; color: var(--thm-gray); font-size: 15px; line-height: 25px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
.blog-sidebar__single-content .meta-box li a:hover { color: var(--thm-base); }
 .blog-sidebar__single-content ul li a i::before {position: relative;display: inline-block;color: var(--thm-base);font-size: 15px;line-height: 15px;padding-right: 10px;}
.blog-sidebar__single-content h2 { font-size: 32px; line-height: 42px; font-weight: 700; text-transform: capitalize; margin-bottom: 20px; }
.blog-sidebar__single-content h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.blog-sidebar__single-content h2 a:hover { color: var(--thm-base); }
.blog-sidebar__single-content .text1 { position: relative; margin-bottom: 10px; }
.blog-sidebar__single-content .text2 { position: relative; }
.blog-sidebar__single-content .btn-box { position: relative; display: inline-block; margin-top: 20px; }
.blog-sidebar__single-content .btn-box a { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 23px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; transition: all 200ms linear; transition-delay: 0.1s; }
.blog-sidebar__single-content .btn-box a:hover { color: var(--thm-base); }
 .blog-sidebar__single-content .btn-box a span::before {position: relative;display: inline-block;color: var(--thm-black);font-size: 30px;font-weight: 700;margin-left: 20px;transition: all 200ms linear;transition-delay: 0.1s;}
 .blog-sidebar__single-content .btn-box a:hover span::before {
 color: var(--thm-base);
}
.portfolio-details { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; z-index: 1; }
.portfolio-details__content { position: relative; display: block; }
.portfolio-details__content-img1 { position: relative; display: block; }
.portfolio-details__content-img1 img { width: 100%; }
.portfolio-details__content .text-box1 { position: relative; display: block; }
.portfolio-details__content .text-box1 h2 { font-size: 32px; line-height: 40px; font-weight: 700; text-transform: capitalize; margin-top: 36px; margin-bottom: 21px; }
.portfolio-details__content .text-box1 .text1 { position: relative; margin-bottom: 14px; }
.portfolio-details__content .text-box1 .text2 { position: relative; }
.portfolio-details__content .text-box2 { position: relative; display: flex; align-items: center; margin-top: 34px; }
.portfolio-details__content .text-box2 .img-box { position: relative; display: block; }
.portfolio-details__content .text-box2 .img-box img { width: 100%; }
.portfolio-details__content .text-box2 .content-box { position: relative; display: block; flex: 1; margin-left: 30px; }
.portfolio-details__content .text-box2 .content-box h2 { font-size: 32px; line-height: 42px; font-weight: 700; text-transform: capitalize; margin-bottom: 15px; }
.portfolio-details__content .text-box2 .content-box p { margin: 0; }
.portfolio-details__content .text-box2 ul { position: relative; display: block; margin-top: 29px; }
.portfolio-details__content .text-box2 ul li { position: relative; display: flex; align-items: center; margin-bottom: 20px; }
.portfolio-details__content .text-box2 ul li:last-child { margin-bottom: 0; }
.portfolio-details__content .text-box2 ul li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f2f2f2; border-radius: 50%; }
 .portfolio-details__content .text-box2 ul li .icon span::before {position: relative;display: inline-block;color: #92949e;font-size: 17px;}
.portfolio-details__content .text-box2 ul li .text { position: relative; display: block; margin-left: 15px; flex: 1; }
.portfolio-details__content .text-box2 ul li .text p { margin: 0; }
.portfolio-details__content .text-box3 { position: relative; display: block; margin-top: 55px; }
.portfolio-details__content .text-box3 p { margin: 0px; }
.portfolio-details-sidebar { position: relative; display: block; }
.portfolio-details-sidebar-single { position: relative; display: block; }
.portfolio-details-sidebar-single.project-details { position: relative; display: block; background: #f2f2f2; padding: 41px 30px 50px; }
.portfolio-details-sidebar-single .title { position: relative; display: block; margin-bottom: 31px; }
.portfolio-details-sidebar-single .title h2 { font-size: 25px; line-height: 35px; font-weight: 600; text-transform: capitalize; }
.portfolio-details-sidebar-single-list { position: relative; display: block; }
.portfolio-details-sidebar-single-list li { position: relative; display: flex; align-items: center; justify-content: space-between; background: #ffffff; padding: 15px 20px 14px; margin-bottom: 15px; transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-details-sidebar-single-list li:hover { background: var(--thm-base); }
.portfolio-details-sidebar-single-list li:last-child { margin-bottom: 0; }
.portfolio-details-sidebar-single-list li .left-box { position: relative; display: flex; align-items: center; justify-content: space-between; width: 105px; }
.portfolio-details-sidebar-single-list li .left-box p { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-details-sidebar-single-list li:hover .left-box p { color: #ffffff; }
.portfolio-details-sidebar-single-list li .left-box .dots { position: relative; display: inline-block; color: var(--thm-gray); transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-details-sidebar-single-list li:hover .left-box .dots { color: #ffffff; }
.portfolio-details-sidebar-single-list li .right-box { position: relative; display: block; }
.portfolio-details-sidebar-single-list li .right-box p { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-details-sidebar-single-list li:hover .right-box p { color: #ffffff; }
.portfolio-details-sidebar-single-list li .right-box ul { position: relative; display: block; }
.portfolio-details-sidebar-single-list li .right-box ul li { position: relative; display: inline-block; padding: 0; margin: 0; background: transparent; margin-right: 5px; }
.portfolio-details-sidebar-single-list li .right-box ul li a { position: relative; display: block; color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.portfolio-details-sidebar-single-list li:hover .right-box ul li a { color: #ffffff; }
.portfolio-details-sidebar-single.img-box { position: relative; display: block; margin-top: 30px; }
.portfolio-details-sidebar-single-img { position: relative; display: block; }
.portfolio-details-sidebar-single-img img { width: 100%; }
.portfolio-one--portfolio { position: relative; display: block; padding: 0px 0px 120px; }
.blog-details { position: relative; display: block; padding: 120px 0 120px; }
.blog-details__left { position: relative; display: block; }
.blog-details__img { position: relative; display: block; background-color: var(--thm-black); overflow: hidden; }
.blog-details__img img { width: 100%; transform: scale(1.0);  transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;transition-delay: .1s;transition-timing-function: ease-in-out;  transition-duration: .7s;transition-property: all; }
.blog-details__img:hover img { opacity: 0.70; transform: scale(1.1) rotate(1deg); }
.blog-details__content { position: relative; display: block; margin-top: 27px; }
.blog-details__meta { position: relative; display: flex; align-items: center; }
.blog-details__meta li+li { margin-left: 20px; }
.blog-details__meta li a { font-size: 15px; color: var(--thm-base); }
 .blog-details__meta li a i::before {position: relative;display: inline-block;color: var(--thm-base);font-size: 15px;line-height: 15px;padding-right: 2px;}
.blog-details__meta li a span { position: relative; color: var(--thm-gray); font-size: 15px; line-height: 25px; font-weight: 600; margin-left: 6px; }
.blog-details__meta li a span:hover { color: var(--thm-base); }
.blog-details__title { font-size: 32px; line-height: 42px; font-weight: 700; margin-top: 20px; margin-bottom: 17px; }
.blog-details__text-1 { margin: 0; }
.blog-details__text-2 { margin: 0; padding-top: 19px; }
.blog-details__content-two { position: relative; display: block; margin-top: 59px; }
.blog-details__content-two-img { position: relative; display: block; background-color: var(--thm-black); overflow: hidden; }
.blog-details__content-two-img img { width: 100%; transform: scale(1.0);  transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
 transition-delay: .1s;
transition-timing-function: ease-in-out;  transition-duration: .7s;
transition-property: all; }
.blog-details__content-two-img:hover img { opacity: 0.70; transform: scale(1.1) rotate(1deg); }
.blog-details__content-two-details { position: relative; display: block; margin-top: 26px; }
.blog-details__content-two-text-1 { margin: 0; }
.blog-details__content-two-text-2 { margin: 0; padding-top: 30px; }
.blog-details__content-two-points { position: relative; display: block; margin-top: 20px; }
.blog-details__content-two-points li { position: relative; display: block; padding-left: 24px; }
.blog-details__content-two-points li:before { position: absolute; top: 10px; left: 0; height: 10px; width: 10px; background-color: #bfc2c3; border-radius: 50%; content: ""; }
.blog-details__content-two-points li+li { margin-top: 17px; }
.blog-details__content-two .blockquote-box { position: relative; display: block; padding-left: 60px; margin-top: 19px; }
.blog-details__content-two .blockquote-box .icon-box { position: absolute; top: 8px; left: 0; }
.blog-details__content-two .blockquote-box .icon-box span:before { position: relative; display: inline-block; color: var(--thm-black); font-size: 35px; }
.blog-details__content-two .blockquote-box .text-box { position: relative; display: block; }
.blog-details__content-two .blockquote-box .text-box p { margin: 0; }
.blog-details__content-two-text-3 { position: relative; margin-top: 35px; margin-bottom: 20px; }
.blog-details__bottom { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; padding: 47px 0 40px; }
.blog-details__bottom p { margin: 0; }
.blog-details__tags a { position: relative; display: inline-block; color: var(--thm-gray); font-size: 14px; font-weight: 400; text-transform: capitalize; background-color: #ffffff; border: 1px solid #dcdfe2; padding: 5px 30px; font-family: var(--thm-font-2); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.blog-details__tags a:hover { background-color: var(--thm-base); border: 1px solid var(--thm-base); color: #ffffff; }
.blog-details__tags a+a { margin-left: 6px; }
.blog-details__social-list { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }
.blog-details__social-list a { position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; color: var(--thm-black); font-size: 15px; height: 40px; width: 40px; border-radius: 50%; background-color: #f2f2f2; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; }
.blog-details__social-list a:hover { color: #ffffff; background-color: var(--thm-base); }
.blog-details__social-list a+a { margin-left: 10px; }
.blog-details__social-list a:hover:before { transform: scaleX(1); }
.author-one { background-color: #f2f2f2; padding: 32px 30px 30px; display: -webkit-box; display: flex; margin-bottom: 51px; }
.author-one .inner { position: relative; display: block; padding-left: 130px; }
.author-one__image { position: absolute; top: 7px; left: 0; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; }
.author-one__image img { width: 100%; }
.author-one__content { position: relative; display: block; }
.author-one__content h3 { font-size: 22px; line-height: 32px; font-weight: 700; text-transform: capitalize; margin-bottom: 8px }
.author-one__content p { margin: 0; }
.author-one__content { position: relative; display: block; }
.author-one__content ul { position: relative; display: block; margin-top: 16px; }
.author-one__content ul li { position: relative; display: inline-block; margin-right: 15px; }
.author-one__content ul li:last-child { margin-right: 0px; }
.author-one__content ul li a { position: relative; display: inline-block; color: var(--thm-black); font-size: 17px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.author-one__content ul li a:hover { color: var(--thm-base); }
.comment-one { position: relative; display: block; }
.comment-one__title { color: var(--thm-black); font-size: 32px; line-height: 42px; font-weight: 600; text-transform: capitalize; margin: 0; margin-bottom: 31px; }
.comment-one__single { position: relative; display: -webkit-box; display: flex; align-items: center; margin-bottom: 53px; }
.comment-one__image { position: relative; display: block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; }
.comment-one__image img { width: auto; }
.comment-one__content { position: relative; margin-left: 30px; flex: 1; }
.comment-one__content h3 { margin: 0; font-size: 22px; margin-bottom: 11px; font-weight: 600; }
.comment-one__content p { margin: 0; margin-bottom: 13px; }
.comment-one__content span { color: var(--thm-gray); font-size: 15px; line-height: 25px; font-weight: 600; }
.comment-one__btn { position: relative; color: var(--thm-base); font-size: 15px; line-height: 25px; font-weight: 600; text-transform: capitalize; font-family: var(--thm-font); -webkit-transition: all 500ms ease; transition: all 500ms ease; padding-left: 16px; }
.comment-one__btn:hover { color: var(--thm-black); }
.comment-form { position: relative; display: block; }
.comment-form__title { color: var(--thm-black); font-size: 32px; line-height: 42px; font-weight: 600; text-transform: capitalize; margin: 0; margin-bottom: 40px; }
.comment-one__form { position: relative; display: block; }
.comment-form__input-box { position: relative; display: block; margin-bottom: 20px; }
.comment-form__input-box input[type="text"], .comment-form__input-box input[type="email"] { position: relative; display: block; background: #ffffff; width: 100%; height: 60px; border: 1px solid #dcdfe2; color: #999999; font-size: 12px; font-weight: 600; text-transform: uppercase; font-style: normal; padding-left: 20px; padding-right: 20px; border-radius: 3px; transition: all 500ms ease; font-family: var(--thm-font-2); outline: none; }
.comment-form__input-box textarea { width: 100%; height: 200px; background-color: #ffffff; border: 1px solid #dcdfe2; outline: none; color: #999999; font-size: 12px; font-weight: 600; text-transform: uppercase; border-radius: 3px; padding: 12px 20px 20px; font-family: var(--thm-font-2); resize: none; height: 200px; }
.comment-form__btn-box { position: relative; display: block; padding-top: 2px; }
.comment-form__btn { position: relative; outline: none; border-radius: 40px; padding: 19px 45px 17px; }
.contact-page-google-map { position: relative; display: block; padding: 120px 0px 108px; z-index: 1; }
.contact-page-google-map__one { position: relative; display: block; border: none; height: 560px; width: 100%; }
.contact-page { position: relative; display: block; background: #ffffff; padding: 0px 0px 120px; }
.contact-page__content { position: relative; display: block; }
.contact-page__content .title { position: relative; display: block; margin-bottom: 60px; }
.contact-page__content .title h2 { font-size: 48px; line-height: 58px; font-weight: 700; text-transform: capitalize; }
.contact-page__content-single { position: relative; display: block; margin-bottom: 39px; }
.contact-page__content-single-inner { position: relative; display: block; padding-left: 70px; }
.contact-page__content-single-inner .icon-box { position: absolute; top: 8px; left: 0; color: var(--thm-base); font-size: 45px; }
.contact-page__content-single-inner .content-box { position: relative; display: block; }
.contact-page__content-single-inner .content-box h2 { font-size: 27px; line-height: 37px; font-weight: 700; margin-bottom: 14px; }
.contact-page__content-single-inner .content-box p { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; }
.contact-page__content-single-inner .content-box .number1 { margin: 0px; margin-bottom: 1px; }
.contact-page__content-single-inner .content-box .number1 a { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
.contact-page__content-single-inner .content-box .number1 a:hover { color: var(--thm-base); }
.contact-page__content-single-inner .content-box .number2 { margin: 0px; }
.contact-page__content-single-inner .content-box .number2 a { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
.contact-page__content-single-inner .content-box .number2 a:hover { color: var(--thm-base); }
.contact-page__content-single-inner .content-box .email1 { margin: 0px; margin-bottom: 1px; }
.contact-page__content-single-inner .content-box .email1 a { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
.contact-page__content-single-inner .content-box .email1 a:hover { color: var(--thm-base); }
.contact-page__content-single-inner .content-box .email2 { margin: 0px; }
.contact-page__content-single-inner .content-box .email2 a { color: var(--thm-gray); font-size: 16px; line-height: 26px; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; }
.contact-page__content-single-inner .content-box .email2 a:hover { color: var(--thm-base); }
.contact-page__form { position: relative; display: block; margin-top: 126px; }
.contact-page__form .comment-form__input-box input[type="text"], .contact-page__form .comment-form__input-box input[type="email"] { text-transform: capitalize; font-size: 15px; }
.contact-page__form .comment-form__input-box textarea { text-transform: capitalize; font-size: 15px; }
.case-details { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; z-index: 1; }
.case-details__inner { position: relative; display: block; }
.case-details-img { position: relative; display: block; border-radius: 10px; overflow: hidden; }
.case-details-img img { width: 100%; }
.case-details__info-box { position: relative; display: block; background: #fff; border-radius: 10px; box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07); padding: 32px 60px 30px; margin-left: 40px; margin-right: 40px; margin-top: -75px; z-index: 5; }
.case-details__info-box>ul { position: relative; display: flex; align-items: center; }
.case-details__info-box>ul>li { position: relative; display: inline-block; padding-left: 70px; padding-right: 70px; }
.case-details__info-box>ul>li:first-child { padding-left: 0; }
.case-details__info-box>ul>li:last-child { padding-right: 0; }
 .case-details__info-box>ul>li::before {position: absolute;top: 8px;right: 0;bottom: 10px;width: 1px;background: #e4e4ea;content: "";}
.case-details__info-box>ul>li:last-child:before { display: none; }
.case-details__info-box ul li h3 { font-size: 20px; line-height: 30px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; }
.case-details__info-box ul li p { color: var(--thm-base); font-size: 18px; line-height: 28px; font-weight: 700; }
.case-details__info-box ul li>.social-links { position: relative; display: block; }
.case-details__info-box ul li>.social-links>li { position: relative; display: inline-block; margin-right: 13px; }
.case-details__info-box ul li>.social-links>li:last-child { margin-right: 0; }
.case-details__info-box ul li>.social-links>li>a { position: relative; display: block; color: var(--thm-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; }
.case-details__info-box ul li>.social-links>li>a:hover { color: var(--thm-base); }
.case-details__text-box { position: relative; display: block; margin-top: 51px; }
.case-details__text-box h2 { font-size: 30px; line-height: 40px; font-weight: 700; text-transform: capitalize; margin-bottom: 40px; }
.case-details__text-box .text1 { position: relative; margin-bottom: 40px; }
.case-details__text-box .text2 { position: relative; }
.case-details__pagination { position: relative; display: block; border-top: 1px solid #e4e4ea; border-bottom: 1px solid #e4e4ea; padding-top: 39px; padding-bottom: 42px; margin-top: 79px; }
.case-details__pagination>ul { position: relative; display: flex; align-items: center; justify-content: space-between; }
.case-details__pagination>ul>li { position: relative; display: block; }
.case-details__pagination>ul>li .previous { position: relative; display: block; }
.case-details__pagination>ul>li .previous p { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 600; text-transform: capitalize; }
.case-details__pagination>ul>li .previous p a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.case-details__pagination>ul>li .previous p a:hover { color: var(--thm-base); }
 .case-details__pagination>ul>li .previous p a span::before {position: relative;display: inline-block;color: var(--thm-black);font-size: 20px;line-height: 30px;padding-left: 10px;font-weight: 700;transform: rotate(180deg);transition: all 200ms linear;transition-delay: 0.1s;top: 2px;}
 .case-details__pagination>ul>li .previous p a:hover span::before {color: var(--thm-base);}
.case-details__pagination>ul>li .next { position: relative; display: block; }
.case-details__pagination>ul>li .next p { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 600; text-transform: capitalize; }
.case-details__pagination>ul>li .next p a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; }
.case-details__pagination>ul>li .next p a:hover { color: var(--thm-base); }
 .case-details__pagination>ul>li .next p a span::before {position: relative;display: inline-block;color: var(--thm-black);font-size: 20px;line-height: 30px;padding-left: 5px;font-weight: 700;transform: rotate(0deg);transition: all 200ms linear;transition-delay: 0.1s;top: 2px;}
 .case-details__pagination>ul>li .next p a:hover span::before {
 color: var(--thm-base);
}