@charset "UTF-8";.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-black); 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.3); color: #ffffff; font-size: 16px; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; } .mobile-nav__close:hover { background-color: var(--thm-primary-color); } .mobile-nav__close i:before { position: relative; display: inline-block; transform: rotate(0deg); } .mobile-nav__content .logo-box { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 150px; height: 80px; border-radius: 6px; background-color: var(--thm-white); font-size: 30px; } .sticky-logo-box-style1 { width: 15%; } .mobile-nav-search-box { position: relative; display: block; margin-bottom: 30px; } .mobile-nav-search-box form.search-form { position: relative; display: block; width: 100%; } .mobile-nav-search-box .search-form input[type="text"] { position: relative; display: block; width: 100%; height: 52px; background-color: #ffffff; border: 1px solid #ffffff; color: #909090; font-size: 16px; font-weight: 500; padding-left: 20px; padding-right: 60px; border-radius: 0px; font-family: var(--thm-font); transition: all 500ms ease 0s; } .mobile-nav-search-box .search-form button { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 50px; height: 52px; color: #ffffff; font-size: 15px; background: rgba(var(--thm-primary-color-rgb), 0.80); text-align: center; border: 0px solid #e7e7e8; border-top-right-radius: 0px; border-bottom-right-radius: 0px; transition: all 500ms ease 0s; } .mobile-nav-search-box .search-form button i { position: relative; top: 0px; } .mobile-nav-search-box .search-form input[type="text"]:focus { color: var(--thm-black); } .mobile-nav-search-box .search-form input[type="text"]:focus+button, .mobile-nav-search-box .search-form button:hover { color: #ffffff; background-color: var(--thm-black); } .mobile-nav-search-box .search-form input::-webkit-input-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav-search-box .search-form input:-moz-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav-search-box .search-form input::-moz-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav-search-box .search-form input:-ms-input-placeholder { color: rgba(var(--thm-black-rgb), .70); } .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); 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-base); } .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: rgba(var(--thm-primary-color-rgb), 0.3); 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); color: var(--thm-primary-color); } .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-base); } .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; } .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 { 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 { display: flex; align-items: center; } .main-menu-box { display: block; float: right; margin-left: auto; } .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: 26px; padding-bottom: 26px; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 45px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { position: relative; display: inline-block; color: var(--thm-black); font-size: 16px; line-height: 20px; font-weight: 500; text-transform: capitalize; 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-primary-color); } .main-menu .main-menu__list>li.dropdown>a, .stricky-header .main-menu__list>li.dropdown>a { padding-right: 18px; } .main-menu .main-menu__list>li.dropdown>a:after { position: absolute; right: 0px; font-family: 'icomoon' !important; content: "\e904" !important; color: #a5b1ad; font-size: 10px; font-weight: 400; transform: rotate(0deg); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .main-menu .main-menu__list>li.current.dropdown>a:after, .main-menu .main-menu__list>li:hover.dropdown>a:after, .stricky-header .main-menu__list>li.current.dropdown>a:after, .stricky-header .main-menu__list>li:hover.dropdown>a:after { color: var(--thm-primary-color); } .main-menu .main-menu__list>li.dropdown>a::before { position: absolute; right: -5px; font-family: 'icomoon' !important; content: "\e904" !important; color: #a5b1ad; font-size: 10px; font-weight: 400; transform: rotate(0deg); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: bottom right; -webkit-transform: scale(0, 1); transform: scale(0, 1); z-index: 1; } .main-menu .main-menu__list>li.current.dropdown>a:before, .main-menu .main-menu__list>li:hover.dropdown>a:before, .stricky-header .main-menu__list>li.current.dropdown>a:before, .stricky-header .main-menu__list>li:hover.dropdown>a:before { color: var(--thm-primary-color); -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left center; } .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; border-top: 10px solid transparent; min-width: 270px; padding: 15px 30px 15px; background-color: transparent; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; transform: scale(1, 0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: none; border-radius: var(--thm-border-radius); z-index: 99; } .main-menu .main-menu__list>li>ul:before, .main-menu .main-menu__list>li>ul>li>ul:before, .stricky-header .main-menu__list>li>ul:before, .stricky-header .main-menu__list>li>ul>li>ul:before { content: ""; position: absolute; top: 0px; left: 0; bottom: 0; right: 0; background-color: var(--thm-white); border-radius: 6px; z-index: -1; } .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: scale(1); } .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>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%; padding: 0 0px; -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: 0px solid #29282c; } .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: inline-flex; font-size: 16px; line-height: 30px; color: var(--thm-black); letter-spacing: 0; font-weight: 500; font-style: normal; padding: 7px 0px; -webkit-transition: 500ms; transition: 500ms; font-family: var(--thm-font); text-transform: capitalize; z-index: 1; } .main-menu .main-menu__list>li>ul>li>a:after, .main-menu .main-menu__list>li>ul>li>ul>li>a:after { content: ""; position: absolute; left: 0; bottom: 12px; right: 0; height: 1px; background-color: var(--thm-primary-color); z-index: 2; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: bottom right; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .main-menu .main-menu__list>li>ul>li:hover>a:after, .main-menu .main-menu__list>li>ul>li>ul>li:hover>a:after { color: var(--thm-primary-color); -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left center; } .main-menu .main-menu__list>li>ul>li:last-child>a, .main-menu .main-menu__list>li>ul>li>ul>li:last-child>a, .stricky-header .main-menu__list>li>ul>li:last-child>a, .stricky-header .main-menu__list>li>ul>li>ul>li:last-child>a { border-bottom: none; } .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: var(--thm-primary-color); padding-left: 0px; } .main-menu .main-menu__list>li>ul>li.dropdown:before { font-family: 'icomoon' !important; content: "\e904"; position: absolute; top: 0px; right: 0px; display: block; color: #a5b1ad; font-size: 10px; line-height: 44px; font-weight: 100; z-index: 5; transition: all 500ms ease; } .main-menu .main-menu__list>li>ul>li.dropdown:hover::before { color: var(--thm-primary-color); } .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { top: 0; left: 100%; border-left: 40px solid transparent; background-color: transparent; min-width: 310px; } .main-menu .main-menu__list>li>ul>li>ul:before, .stricky-header .main-menu__list>li>ul>li>ul:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--thm-white); border-radius: var(--thm-border-radius); } .main-menu .main-menu__list li ul.right-align { left: auto; right: 0; } .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%; border-left: 0px solid transparent; border-right: 10px solid transparent; } .main-menu__wrapper .main-menu__list>.megamenu { position: static; } .main-menu__wrapper .main-menu__list>.megamenu>ul { top: 100% !important; left: 0 !important; right: 0 !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0; border-top: none; } .main-menu__wrapper .main-menu__list>.megamenu>ul>li { padding: 0 !important; } .megamenu-content-box { position: relative; display: block; } .megamenu-content-box>.container { max-width: 1290px !important; padding: 0 !important; } .megamenu-content-box__inner { background-color: #ffffff; padding: 20px 20px 20px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); border-radius: 15px; border-top: 2px solid var(--thm-base); } .mobile-nav__wrapper .megamenu-content-box__inner { padding: 15px 0px; background-color: rgba(0, 0, 0, 0); } .megamenu-content-box .row { --bs-gutter-x: 20px; --bs-gutter-y: 21px; } .home-showcase__image { position: relative; display: block; overflow: hidden; border-radius: 10px; border: 1px solid rgba(var(--thm-base-rgb), .80); z-index: 1; } .home-showcase__image:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 1; } .home-showcase__item:hover .home-showcase__image:before { opacity: 0.80; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .home-showcase__image>img { width: 100%; -webkit-transition: 500ms ease; transition: 500ms ease; -webkit-transform: scale(1); transform: scale(1); } .home-showcase__image:hover>img { opacity: 1.0; } .home-showcase__image:hover .home-showcase__buttons { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; } .home-showcase__buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-transform: scale(1, 0); transform: scale(1, 0); opacity: 0; visibility: hidden; transform-origin: bottom center; -webkit-transition: 500ms ease; transition: 500ms ease; z-index: 3; } .home-showcase__buttons a { position: relative; display: inline-block; color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 600; font-family: var(--thm-font); text-transform: uppercase; letter-spacing: 0.1em; } .home-showcase__buttons .home-showcase__buttons__item.top { opacity: 0; transform: translateY(-50px); transition: all .4s ease-in-out .1s; } .home-showcase__image:hover .home-showcase__buttons .home-showcase__buttons__item.top { opacity: 1; transform: translateY(0px); transition: all .4s ease-in-out .2s; } .home-showcase__buttons__item { position: relative; display: flex; text-align: center; justify-content: center; transition: color 0.5s ease; transition: all 0.5s ease; } .home-showcase__buttons__item:hover { color: var(--thm-base) !important; } .home-showcase__buttons__item+.home-showcase__buttons__item { margin-top: 0px; } .home-showcase__title { position: relative; display: block; background-color: rgba(var(--thm-base-rgb), .01); padding: 8px 0 7px; margin: 0; text-align: center; font-size: 16px; font-weight: 600; color: var(--thm-black); text-transform: uppercase; margin-top: 5px; border-radius: 10px; } .mobile-nav__wrapper .home-showcase__title { color: #ffffff; } .mobile-nav__wrapper .megamenu-content-box .row [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .megamenu-box { position: relative; display: block; } .megamenu-box .container { max-width: 900px !important; } .megamenu-box__inner { position: relative; display: block; background-color: #fff; padding: 10px 20px 10px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .megamenu-box .row { --bs-gutter-x: 20px; --bs-gutter-y: 0px; } .megamenu-box ul { position: relative; } .megamenu-box ul li { position: relative; display: block; border-bottom: 1px solid rgba(var(--thm-base-rgb, 53, 84, 209), 0.05); } .megamenu-box ul li:last-child { border-bottom: none; } .megamenu-box ul li a { position: relative; display: block; padding-left: 20px; color: var(--thm-gray); font-size: 15px; line-height: 50px; font-weight: 500; text-align: left; text-transform: capitalize; letter-spacing: normal; font-family: var(--thm-font-2); transition-timing-function: ease-in-out; transition-duration: .2s; z-index: 1; } .megamenu-box ul li a:before { content: ""; position: absolute; top: 0; left: 0px; bottom: 0px; right: 0; background-color: var(--thm-base); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; z-index: -1; } .megamenu-box ul li:hover a:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; } .megamenu-box ul li:hover a { color: #ffffff; } .mobile-nav__wrapper .megamenu-box ul {} .mobile-nav__wrapper .megamenu-box ul li { margin-bottom: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__wrapper .megamenu-box ul li a { position: relative; display: block; padding-left: 0; line-height: 46px; color: #ffffff; font-size: 14px; font-family: var(--thm-font-2); font-weight: 400; transition: all 500ms ease; } .mobile-nav__wrapper .megamenu-box .row { --bs-gutter-x: 20px; --bs-gutter-y: 0px; } .mobile-nav__wrapper .megamenu-box__inner { padding: 0px 0px; background-color: transparent; box-shadow: none; } .mobile-nav__wrapper .megamenu-box__inner .row [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .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; } .main-menu .mobile-nav__toggler { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 30px; line-height: 28px; cursor: pointer; -webkit-transition: 500ms; transition: 500ms; } .main-menu .mobile-nav__toggler:hover { color: #000000; } @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 { background-color: #ffffff; justify-content: space-between; } .main-header-style1 { position: absolute; padding-left: 315px; } .logo-box-style1 { position: absolute; top: 0px; left: 0; display: flex; align-items: center; justify-content: center; width: 315px; height: 160px; z-index: 2; } .logo-box-style1::before { content: ""; position: absolute; top: 0; left: 0; bottom: 37px; right: 0; background-color: var(--thm-black-bg); z-index: -1; } .logo-box-style1 .shape { position: absolute; left: 0; bottom: 0; right: 0; } .main-header-style1__box { position: relative; display: block; } .main-header-style1__box-top { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--thm-black-bg); padding: 2.5px 65px 2.5px; } .main-header-style1__box-top__left { position: relative; display: flex; align-items: center; } .language-switcher-style1 { position: relative; display: flex; align-items: center; } .language-switcher-style1 .icon { position: relative; display: block; line-height: 0; margin-right: 10px; } .language-switcher-style1 .icon span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 18px; } .language-switcher-style1 .text { position: relative; display: block; margin-right: 10px; color: #a3a0a7; font-size: 17px; line-height: 40px; font-weight: 700; font-family: var(--thm-font-2); } .language-switcher-style1 .select-box { position: relative; display: flex; align-items: center; width: 100%; } .language-switcher-style1 .nice-select { position: relative; display: block; background-color: transparent; border-radius: 0; border: none; width: 100%; height: 40px; color: #a5b1ad; font-size: 17px; font-weight: 400; line-height: 40px; outline: none; padding-left: 0px; padding-right: 25px; transition: all 0.2s ease-in-out; font-family: var(--thm-font); } .language-switcher-style1 .nice-select:after { display: flex; align-items: center; justify-content: center; position: absolute; content: "\e904" !important; font-family: 'icomoon' !important; content: "\e90e"; color: #a5b1ad; font-size: 12px; top: 12px; right: -27px; bottom: 0; margin: 0px; font-weight: 400; border: none !important; transform: rotate(90deg) !important; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; height: 100%; width: 15px; } .language-switcher-style1 .nice-select .list { background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 0px 0 0px; margin-top: 10px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.0) translateY(30px); -ms-transform: scale(1.0) translateY(30px); transform: scale(1.0) translateY(30px); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; height: 0; width: 120px; right: 0 !important; left: auto !important; } .language-switcher-style1 .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: auto; } .language-switcher-style1 .nice-select .option { color: var(--thm-black); padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 40px; min-height: 40px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .language-switcher-style1 .nice-select .option+.option { border-top: 1px solid rgba(0, 0, 0, 0.10); } .language-switcher-style1 .nice-select .option:hover, .language-switcher-style1 .nice-select .option.focus, .language-switcher-style1 .nice-select .option.selected.focus { color: var(--thm-black) !important; background-color: var(--thm-primary-color); } .header-subscribe-box-one { position: relative; display: flex; align-items: center; padding-left: 37px; } .header-subscribe-box-one .icon { position: relative; display: block; line-height: 0; } .header-subscribe-box-one .icon span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 18px; } .header-subscribe-box-one .text { position: relative; display: block; padding-left: 10px; } .header-subscribe-box-one .text a { color: #a5b1ad; transition: all 200ms linear; transition-delay: 0.1s; } .header-subscribe-box-one .text a:hover { color: var(--thm-primary-color); } .main-header-style1__box-top__right { position: relative; display: block; } .header-contact-info-style1 { position: relative; display: flex; align-items: center; } .header-contact-info-style1 .text { position: relative; display: block; } .header-contact-info-style1 .text p { color: #a5b1ad; } .header-contact-info-style1 ul { position: relative; display: flex; align-items: center; padding-left: 25px; } .header-contact-info-style1 ul li { position: relative; display: flex; align-items: center; } .header-contact-info-style1 ul li+li { margin-left: 40px; } .header-contact-info-style1 ul li .icon { position: relative; display: block; margin-right: 10px; line-height: 0; } .header-contact-info-style1 ul li:last-child .icon { top: 1px; } .header-contact-info-style1 ul li .icon span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 25px; } .header-contact-info-style1 ul li p { margin: 0; } .header-contact-info-style1 ul li p a { color: #a5b1ad; transition: all 200ms linear; transition-delay: 0.1s; } .header-contact-info-style1 ul li p a:hover { color: var(--thm-primary-color); } .main-header-style1__box-bottom { position: relative; display: block; margin-top: 10px; margin-left: 10px; z-index: 1; } .main-header-style1__top { position: relative; display: block; padding: 11px 0px 11px; } .main-header-style1__top-inner { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; z-index: 10; } .main-header-style1__top-inner .icon { position: relative; display: block; padding-right: 10px; line-height: 0; } .main-header-style1__top-inner .icon span { color: var(--thm-white); font-size: 20px; } .main-header-style1__top-inner p { color: var(--thm-white); } .main-header-style1__top-inner .btn-box { position: relative; display: block; margin-left: 20px; padding-left: 20px; line-height: 0; } .main-header-style1__top-inner .btn-box:before { content: ""; position: absolute; top: 5px; left: 0; bottom: 5px; width: 1px; background: var(--thm-white); opacity: 0.40; } .main-header-style1__top-inner .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 16px; font-weight: 700; font-family: var(--thm-font-2); } .main-header-style1__top-inner .btn-box a:hover { color: var(--thm-primary-color); } .main-header-style1__top-inner .btn-box a span { position: relative; display: inline-block; padding-right: 5px; font-size: 30px; font-weight: 100; } .main-header-style1__top-inner .icon.right { padding-left: 20px; padding-right: 0; } .main-menu-style1 { position: relative; display: block; background-color: var(--thm-white); border-top-left-radius: 6px; border-bottom-left-radius: 6px; z-index: 10; } .main-menu-style1 .main-menu__wrapper { position: relative; } .main-menu-style1 .main-menu__wrapper .container { max-width: 1750px; } .main-menu-style1 .main-menu__wrapper-inner { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; z-index: 10; } .main-menu-style1__left { position: relative; display: flex; align-items: center; } .main-menu-style1__left { position: static; display: flex; } .main-menu-style1__left .main-menu-box { position: static; display: block; margin-left: 50px; } .main-menu-style1__right { position: relative; display: flex; align-items: center; padding-right: 50px; } .header-btn-style1 { position: relative; display: block; } .box-search-style1 { position: relative; display: inline-block; } .box-search-style1 a { position: relative; display: inline-flex; align-items: center; } .box-search-style1 a p { color: #a5b1ad; font-size: 18px; line-height: 24px; font-family: var(--thm-font); font-weight: 500; } .box-search-style1 a span { position: relative; display: inline-block; color: var(--thm-black); font-size: 26px; margin-left: 15px; transform: rotate(270deg); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .box-search-style1 a:hover span { color: var(--thm-primary-color); } .hedaer-style1-request-call-box { position: relative; display: flex; align-items: center; border-left: 1px solid var(--thm-border-color); padding-left: 40px; } .hedaer-style1-request-call-box .icon { position: relative; display: block; line-height: 0; } .hedaer-style1-request-call-box .icon span { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 6px; background-color: var(--thm-primary-color); color: var(--thm-white); font-size: 24px; } .hedaer-style1-request-call-box .text { position: relative; display: block; padding-left: 15px; } .hedaer-style1-request-call-box .text p { color: #a5b1ad; font-size: 18px; line-height: 22px; font-weight: 500; } .hedaer-style1-request-call-box .text a { position: relative; display: inline-block; color: var(--thm-black); font-size: 14px; line-height: 20px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .hedaer-style1-request-call-box .text a:hover { color: var(--thm-primary-color); } .side-content-button { position: relative; display: block; margin-left: 40px; } .side-content-button.marleft0 { margin-left: 0; } .side-content-button a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: transparent; border: 1px solid var(--thm-black); border-radius: 6px; transition: all 500ms ease; } .side-content-button a:hover { background-color: var(--thm-black); } .side-content-button a:hover img { filter: invert(1); } .stricky-header--style1.main-menu { background-color: var(--thm-white); z-index: 999999; } .stricky-header--style1 .main-menu__wrapper { max-width: 1320px; margin: 0 auto; padding: 0 15px; background-color: var(--thm-white); } .stricky-header--style1 .main-menu__wrapper-inner { background-color: var(--thm-white); } .stricky-header--style1 .main-menu__list>li { position: relative; padding-top: 31px; padding-bottom: 31px; } .stricky-header--style1 .main-menu-style1__right { display: none; } .stricky-header--style1 .main-menu-style1__left { width: 100%; } .stricky-header--style1 .main-menu-style1__left .main-menu-box { margin-left: auto; margin-right: 40px; } .sticky-logo-box-style1 { position: relative; display: none; } .sticky-logo-box-style1 a { position: relative; display: inline-block; } .stricky-header .main-menu__wrapper-inner .sticky-logo-box-style1 { display: block; } .main-header-style2 { position: relative; } .main-header-style2 .container { max-width: 1850px; } .main-header-style2__inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .main-header-style2__left { position: relative; display: flex; align-items: center; } .logo-box-style2 { position: relative; display: block; margin-left: 60px; margin-right: 50px; } .logo-box-style2 a { position: relative; display: inline-block; } .main-header-style2__right { position: relative; display: flex; align-items: center; } .main-header-style2__left .main-menu .main-menu__list>li { padding-top: 31px; padding-bottom: 31px; } .main-header-style3 { position: relative; } .main-header-style3__top { position: relative; display: block; background-color: var(--thm-black); padding: 9px 0; } .main-header-style3__top .container { max-width: 100%; padding: 0 50px; } .main-header-style3__inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .main-header-style3__top-left { position: relative; display: block; } .main-header-style3__top-left ul { position: relative; display: block; overflow: hidden; } .main-header-style3__top-left ul li { position: relative; display: flex; align-items: center; float: left; padding-right: 29px; margin-right: 31px; color: #a5b1ad; } .main-header-style3__top-left ul li:last-child { padding-right: 0; margin-right: 0; } .main-header-style3__top-left ul li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #23423f; } .main-header-style3__top-left ul li:last-child::before { display: none; } .main-header-style3__top-left ul li .icon { position: relative; display: block; line-height: 0; margin-right: 10px; } .main-header-style3__top-left ul li .icon span { color: var(--thm-primary-color); font-size: 20px; line-height: 20px; } .main-header-style3__top-left ul li a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .main-header-style3__top-left ul li:first-child a { margin-left: 10px; } .main-header-style3__top-left ul li a:hover { color: var(--thm-primary-color); } .main-header-style3__top-left ul li a span { font-size: 12px; margin-left: 6px; } .main-header-style3__top-right { position: relative; display: block; } .main-header-style3__top-right ul { position: relative; display: block; overflow: hidden; } .main-header-style3__top-right ul li { position: relative; display: flex; align-items: center; float: left; padding-right: 29px; margin-right: 31px; color: #a5b1ad; } .main-header-style3__top-right ul li:last-child { padding-right: 0; margin-right: 0; } .main-header-style3__top-right ul li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #23423f; } .main-header-style3__top-right ul li:last-child::before { display: none; } .main-header-style3__top-right ul li .icon { position: relative; display: block; line-height: 0; margin-right: 10px; } .main-header-style3__top-right ul li .icon span { color: var(--thm-primary-color); font-size: 20px; line-height: 20px; } .main-header-style3__top-right ul li a { color: #a5b1ad; transition: all 200ms linear; transition-delay: 0.1s; } .main-header-style3__top-right ul li a:hover { color: var(--thm-primary-color); } .main-header-style3__top-right ul li a span { font-size: 12px; margin-left: 6px; } .main-header-style3__bottom { position: relative; display: block; background-color: var(--thm-white); } .main-header-style3__bottom .container { max-width: 100%; padding-left: 50px; padding-right: 0; } .main-header-style3__bottom-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .main-header-style3__bottom-left { position: relative; display: flex; align-items: center; } .main-header-style3__bottom-left::before { content: ""; position: absolute; left: -50px; bottom: 0; right: 0; height: 1px; background-color: #dde6e3; z-index: 100; } .logo-box-style3 { position: relative; display: block; margin-right: 50px; } .logo-box-style3 a { position: relative; display: inline-block; } .main-header-style3__bottom-left .main-menu .main-menu__list>li { padding-top: 31px; padding-bottom: 31px; } .main-header-style3__bottom-right { position: relative; display: flex; align-items: center; } .join-us-box-style1 { position: relative; display: flex; align-items: center; padding-left: 20px; border-radius: 6px; border-left: 1px solid #dde6e3; margin-left: 40px; } .join-us-box-style1 .icon { position: relative; display: block; margin-right: 15px; color: var(--thm-black); font-size: 25px; } .join-us-box-style1 .select-box { position: relative; display: flex; align-items: center; width: 100%; flex: 1; } .join-us-box-style1 .nice-select { position: relative; display: block; background-color: transparent; border-radius: 0; border: none; width: 100%; height: 55px; color: #a5b1ad; font-size: 18px; font-weight: 500; line-height: 55px; outline: none; padding-left: 0px; padding-right: 40px; transition: all 0.2s ease-in-out; font-family: var(--thm-font); } .join-us-box-style1 .nice-select:after { position: absolute; content: "\e904" !important; font-family: 'icomoon' !important; color: #a5b1ad; font-size: 12px; top: 22px; right: -12px; margin: 0px; font-weight: 400; border: none !important; transform: rotate(90deg) !important; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; height: 100%; width: 12px; height: 50px; } .join-us-box-style1 .nice-select .list { background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 0px 0 0px; margin-top: 10px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.0) translateY(30px); -ms-transform: scale(1.0) translateY(30px); transform: scale(1.0) translateY(30px); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; height: 0; width: 170px; right: 0 !important; left: auto !important; } .join-us-box-style1 .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: auto; } .join-us-box-style1 .nice-select .option { color: var(--thm-black); padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 40px; text-transform: capitalize; min-height: 40px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .join-us-box-style1 .nice-select .option+.option { border-top: 1px solid rgba(0, 0, 0, 0.10); } .join-us-box-style1 .nice-select .option:hover, .join-us-box-style1 .nice-select .option.focus, .join-us-box-style1 .nice-select .option.selected.focus { color: var(--thm-black) !important; background-color: var(--thm-primary-color); } .hedaer-style1-request-call-box--style2 { background: var(--thm-gray-bg); padding-top: 20px; padding-bottom: 20px; padding-right: 40px; border-left: none; border-bottom-left-radius: 6px; } .main-header-style4 { position: absolute; } .main-header-style4__bottom { position: relative; display: block; background-color: transparent; } .main-header-style4__bottom .container { max-width: 1850px; } .main-header-style4__bottom-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .main-header-style4__bottom-left { position: relative; display: flex; align-items: center; } .logo-box-style4 { position: relative; display: block; margin-right: 170px; } .logo-box-style4 a { position: relative; display: inline-block; } .main-header-style4__bottom-left .main-menu-style1 { background-color: transparent; border-radius: 0; } .main-header-style4__bottom-left .main-menu-style1__left .main-menu-box { margin-left: 0px; } .main-header-style4__bottom-left .main-menu .main-menu__list>li { padding-top: 31px; padding-bottom: 31px; } .main-header-style4__bottom-left .main-menu .main-menu__list>li>a { color: var(--thm-white); } .main-header-style4__bottom-left .main-menu .main-menu__list>li.current>a, .main-header-style4__bottom-left .main-menu .main-menu__list>li:hover>a { color: var(--thm-primary-color); } .main-header-style4__bottom-right { position: relative; display: flex; align-items: center; } .join-us-box-style1--style2 { background-color: rgba(255, 255, 255, 0.06); border-left: none; } .join-us-box-style1--style2 .icon { color: var(--thm-primary-color); } .join-us-box-style1--style2 .nice-select { color: var(--thm-white); } .phone-number-box-style1 { position: relative; display: block; text-align: right; margin-left: 40px; } .phone-number-box-style1 p { color: #a5b1ad; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; margin: 0 0 3px; } .phone-number-box-style1 p span { color: var(--thm-primary-color); font-size: 16px; margin-left: 8px; } .phone-number-box-style1 a { color: var(--thm-white); font-size: 18px; font-weight: 500; font-family: var(--thm-font-2); } .phone-number-box-style1 a:hover { color: var(--thm-primary-color); } .main-header-style5 { position: absolute; } .main-header-style5__top { position: relative; display: block; padding: 5px 0; z-index: 1; } .main-header-style5__top::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-white); opacity: 0.10; z-index: -1; } .main-header-style5__top .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } .main-header-style5__top-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .main-header-style5__top-left { position: relative; display: block; } .header-contact-info-style2 { position: relative; display: flex; align-items: center; } .header-contact-info-style2 .title-box { position: relative; display: block; } .header-contact-info-style2 .title-box h5 { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 18px; line-height: 24px; font-weight: 500; } .header-contact-info-style2 .title-box h5 span { color: var(--thm-primary-color); font-size: 20px; margin-right: 7px; } .header-contact-info-style2 .text-box { position: relative; display: block; padding-left: 10px; } .header-contact-info-style2 .text-box p { color: #a5b1ad; } .header-contact-info-style2 .text-box p a { color: var(--thm-white); font-size: 14px; font-weight: 600; text-transform: uppercase; margin-left: 5px; } .header-contact-info-style2 .text-box p a span { font-weight: 400; margin-left: 8px; } .main-header-style5__top-right { position: relative; display: flex; align-items: center; } .box-search-style1--style2 { margin-right: 250px; } .box-search-style1--style2 a p { color: var(--thm-white); font-size: 18px; } .box-search-style1--style2 a span { color: var(--thm-primary-color); } .header-social-link-style1 { position: relative; display: block; margin-right: 40px; } .header-social-link-style1 ul { position: relative; display: block; overflow: hidden; } .header-social-link-style1 ul li { position: relative; display: block; float: left; margin-right: 25px; } .header-social-link-style1 ul li:last-child { margin-right: 0; } .header-social-link-style1 ul li a { color: var(--thm-white); font-size: 20px; line-height: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .header-social-link-style1 ul li a:hover { color: var(--thm-primary-color); } .language-switcher-style1--style2 .nice-select { color: var(--thm-white); } .main-header-style5__bottom { position: relative; display: block; background-color: transparent; } .main-header-style5__bottom .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } .main-header-style5__bottom-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .main-header-style5__bottom-left { position: relative; display: flex; align-items: center; } .logo-box-style5 { position: relative; display: block; margin-right: 70px; } .logo-box-style5 a { position: relative; display: inline-block; } .main-header-style5__bottom-left .main-menu-style1 { background-color: transparent; border-radius: 0; } .main-header-style5__bottom-left .main-menu-style1__left .main-menu-box { margin-left: 0px; } .main-header-style5__bottom-left .main-menu .main-menu__list>li { padding-top: 31px; padding-bottom: 31px; } .main-header-style5__bottom-left .main-menu .main-menu__list>li+li { margin-left: 40px; } .main-header-style5__bottom-left .main-menu .main-menu__list>li>a { color: var(--thm-white); } .main-header-style5__bottom-left .main-menu .main-menu__list>li.current>a, .main-header-style5__bottom-left .main-menu .main-menu__list>li:hover>a { color: var(--thm-primary-color); } .main-header-style5__bottom-right { position: relative; display: flex; align-items: center; } .hedaer-style1-request-call-box--style3 .text p { color: #ffffff; } .hedaer-style1-request-call-box--style3 .text a { color: var(--thm-primary-color); } .banner-bg5 { position: absolute; top: 0; left: 0; bottom: 0; width: 1245px; background-size: cover; background-position: right center; z-index: -1; } .submenu-grid { display: grid; grid-template-columns: repeat(2, 1fr); width: 400px; max-width: 90vw; background: #fff; border-radius: 0 0 8px 8px; max-height: 60vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--thm-primary) #f0f0f0; } .submenu-grid h4 { grid-column: 1 / -1; margin: 5px 0; padding: 10px 0; border-bottom: 1px solid #e0e0e0; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .submenu-grid li { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .submenu-grid a { font-size: 12px; color: #444; transition: all 0.2s ease; display: block; padding: 3px 5px; border-radius: 3px; } .submenu-grid a:hover { color: var(--thm-primary-color); background: var(--thm-primary); text-decoration: none; padding-left: 8px; } .dropdown-menu .submenu-grid { display: none; position: absolute; left: 0; top: 100%; z-index: 1000; min-width: 100%; } .dropdown:hover > .submenu-grid { display: grid; } @media (max-width: 1199px) { .submenu-grid{ display: contents; } .submenu-grid a{ color: var(--thm-white); } .submenu-grid h4{ color: var(--thm-white) !important; } } .main-slider { position: relative; display: block; z-index: 10; } .main-slider-style1 { min-height: 500px; } .image-layer img { aspect-ratio: 16 / 9; } .main-slider-style1 .image-layer { position: relative; overflow: hidden; } .main-slider-style1 .image-layer picture, .main-slider-style1 .image-layer img { display: block; width: 100%; height: 100%; object-fit: cover; } .main-slider-style1 .image-layer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6, 42, 38, .9) 0%, rgba(6, 42, 38, .75) 30%, rgba(6, 42, 38, 0) 70%); z-index: 1; pointer-events: none; } .main-slider-style1 .content, .main-slider-style1 .slide-content, .main-slider-style1 .container { position: relative; z-index: 2; } .main-slider .swiper-slide { position: relative; } .main-slider .container { position: relative; padding-top: 150px; padding-bottom: 150px; z-index: 30; } .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.0); transform: scale(1.0); } .main-slider-style1 .image-layer:before { position: absolute; top: 0px; left: 0; bottom: 0; width: 100%; content: ""; background-color: #000000; opacity: 0.25; z-index: 1; } .main-slider .main-slider-content { position: relative; display: block; width: 100%; } .main-slider .main-slider-content__inner { position: relative; display: block; overflow: hidden; } .main-slider .main-slider-content .big-title { position: relative; display: block; margin-bottom: 45px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px); -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px); transform: perspective(400px) rotateY(0deg) translateY(-120px); -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 .big-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 .main-slider-content .big-title h2 { color: #ffffff; font-size: 70px; line-height: 1.1em; font-weight: 500; text-transform: capitalize; } .main-slider .main-slider-content .bottom-box { position: relative; } .main-slider .main-slider-content .bottom-box .left { position: relative; display: block; width: 770px; height: 1px; background-color: var(--thm-white); opacity: 0.30; -webkit-transform: perspective(400px) rotateY(0deg) scaleX(0); -ms-transform: perspective(400px) rotateY(0deg) scaleX(0); transform: perspective(400px) rotateY(0deg) scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -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 .bottom-box .left { -webkit-transform: perspective(400px) rotateY(0deg) scaleX(1.0); -ms-transform: perspective(400px) rotateY(0deg) scaleX(1.0); transform: perspective(400px) rotateY(0deg) scaleX(1.0); -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .main-slider .main-slider-content .bottom-box .right { position: relative; display: block; margin-top: 20px; } .main-slider .main-slider-content .text { position: relative; display: block; width: 100%; 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 .main-slider-content .text p { color: #e2ece9; font-size: 17px; line-height: 28px; font-weight: 400; font-family: var(--thm-font); } .main-slider .main-slider-content .btn-box { position: relative; line-height: 0; padding-top: 22px; 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-fact-counter-box { position: absolute; left: 0; bottom: 350px; right: 0; margin: 0 auto; max-width: 1200px; padding: 0 15px; height: 0; z-index: 2; } .main-slider-fact-counter-box ul { position: relative; display: inline-block; overflow: hidden; } .main-slider-fact-counter-box ul li { position: relative; display: block; width: 220px; float: left; } .main-slider-fact-counter-box ul li:first-child { border-right: 1px solid rgba(255, 255, 255, 0.3); } .main-slider-fact-counter-box ul li:last-child { padding-left: 70px; width: 260px; } .slide-single-fact-counter { position: relative; display: block; } .slide-single-fact-counter .dot-box { position: relative; display: block; width: 15px; height: 15px; border: 3px solid var(--thm-primary-color); border-radius: 50%; margin-left: 3px; margin-bottom: 32px; } .slide-single-fact-counter .outer-box { position: relative; display: block; } .slide-single-fact-counter .outer-box .count-outer { position: relative; display: inline-flex; align-items: center; } .slide-single-fact-counter .outer-box .count-outer span { color: var(--thm-white); font-size: 60px; font-weight: 500; font-family: var(--thm-font-2); } .slide-single-fact-counter .outer-box .count-outer .k { color: var(--thm-white); font-size: 60px; font-weight: 500; font-family: var(--thm-font-2); font-style: normal; } .slide-single-fact-counter .outer-box .title { position: relative; display: block; } .slide-single-fact-counter .outer-box .title p { color: var(--thm-white); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-left: 3px; margin-top: 16px; } .main-slider__nav { position: absolute; top: 0; right: 100px; bottom: 0px; transform: translateY(0%) translateX(0); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 100; } .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #ffffff; background-color: #062a26; border: 1px solid #062a26; border-radius: 6px; margin: 10px 0; text-align: center; transition: all 500ms ease; z-index: 100; } .main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { color: #ffffff; background-color: var(--thm-primary-color); border-color: var(--thm-primary-color); } .main-slider__nav .swiper-button-next::after, .main-slider__nav .swiper-button-prev::after { display: none; } .main-slider__nav .swiper-button-prev { transform: rotate(0deg); } .main-slider__nav .swiper-button-prev .angle-left { position: relative; transform: rotate(0deg); } #main-slider-pagination { position: absolute; left: 0; bottom: 50px; right: 0; display: block; max-width: 1320px; width: 100%; padding: 0 12px; margin: 0 auto; z-index: 10; line-height: 0; text-align: right; display: none; } #main-slider-pagination .swiper-pagination-bullet { position: relative; display: inline-block; width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; transition: all 100ms linear; transition-delay: 0.1s; } #main-slider-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; top: 3px; left: 3px; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.5); border-radius: 3px; transform: scale(1.0); transition: all 100ms linear; transition-delay: 0.1s; } #main-slider-pagination .swiper-pagination-bullet { margin: 0; opacity: 1; background-color: transparent; } #main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet { margin-left: 10px; } #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--thm-base); background-color: transparent; } #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { transform: scale(1); background-color: var(--thm-base); } .main-slider-style2 { background-color: var(--thm-white); } .main-slider-style2__inner { position: relative; display: block; max-width: 1850px; width: 100%; margin: 0 auto; padding: 0 15px; } .main-slider-style2__inner-container { position: relative; display: block; background-color: var(--thm-gray-bg); border-radius: 6px; } .main-slider-style2__inner-container .swiper-container { padding-bottom: 0px; } .main-slider-style2__inner .container { padding-top: 120px; padding-bottom: 170px; } .main-slider-style2 .main-slider-content { margin-left: -70px; } .main-slider-style2 .main-slider-content__inner { position: relative; display: block; } .main-slider-style2 .main-slider-content .sec-title { padding-bottom: 0; } .main-slider-style2 .main-slider-content .sub-title { position: relative; display: block; margin-bottom: 12px; 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: 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-style2 .swiper-slide-active .main-slider-content .sub-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-style2 .main-slider-content .big-title { margin-bottom: 12px; } .main-slider-style2 .main-slider-content .big-title h2 { color: var(--thm-black); font-size: 60px; } .main-slider-style2 .main-slider-content .text p { color: var(--thm-body-font-color); font-size: 19px; line-height: 29px; } .main-slider-style2 .main-slider-content .btn-box { padding-top: 32px; } .main-slider-style2__img-box { position: absolute; top: 0; right: 0; bottom: 0; max-width: 895px; width: 100%; z-index: 1; } .main-slider-style2__img-box ul { position: relative; display: block; } .main-slider-style2__img-box ul li { position: relative; display: block; float: left; } .main-slider-style2__img-box ul li:first-child .single-img-box { opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(-40px); -ms-transform: perspective(400px) rotateY(0deg) translateY(-40px); transform: perspective(400px) rotateY(0deg) translateY(-40px); -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-style2 .swiper-slide-active .main-slider-style2__img-box ul li:first-child .single-img-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-style2__img-box ul li:last-child .single-img-box { opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(40px); -ms-transform: perspective(400px) rotateY(0deg) translateX(40px); transform: perspective(400px) rotateY(0deg) translateX(40px); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -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-style2 .swiper-slide-active .main-slider-style2__img-box ul li:last-child .single-img-box { 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-style2__img-box ul li::before { content: ""; position: absolute; right: -1px; bottom: 0; width: 50px; height: 50px; background-color: var(--thm-gray-bg); clip-path: polygon(100% 0, 100% 100%, 0 100%); z-index: 100; } .main-slider-style2__img-box ul li:last-child { margin-top: 50px; } .main-slider-style2__img-box ul li.last-child::before { top: 0; left: 0; width: 50px; height: 50px; background-color: var(--thm-gray-bg); clip-path: polygon(100% 0, 0 0, 0 100%); z-index: 100; } .main-slider-style2__img-box ul li .single-img-box { position: relative; display: block; overflow: hidden; border-radius: 7px; } .main-slider-style2__img-box ul li:last-child .single-img-box { border-bottom-left-radius: 0; } .main-slider-style2__img-box ul li .single-img-box img { width: 100%; } .main-slider-scrooling-content { position: absolute; left: 0; bottom: 0; right: 447px; background-color: var(--thm-black-bg); padding: 11px 0; border-bottom-left-radius: 6px; z-index: 1; } .main-slider-scrooling-content .container-inner { position: relative; display: block; max-width: 1120px; width: 100%; margin-left: 255px; } .main-slider-scrooling-content .container-inner .container-inner__box { position: relative; display: flex; align-items: center; overflow: hidden; margin-left: 0px; padding-left: 190px; } .main-slider-scrooling-content .inner-title { position: absolute; top: 0; left: 0; width: 190px; display: flex; align-items: center; background-color: var(--thm-black-bg); z-index: 2; } .main-slider-scrooling-content .inner-title span { position: relative; left: 1px; color: var(--thm-primary-color); font-size: 22px; margin-right: 9px; } .main-slider-scrooling-content .inner-title h5 { color: var(--thm-white); font-size: 18px; font-weight: 500; line-height: 30px; } .main-slider-scrooling-content .content-box { position: relative; display: block; } .main-slider-scrooling-content .content-box ul { display: flex; align-items: center; flex-wrap: nowrap; width: fit-content; } .main-slider-scrooling-content .content-box ul li { position: relative; display: block; white-space: nowrap; float: left; color: #a5b1ad; font-size: 17px; line-height: 28px; font-weight: 400; text-transform: capitalize; font-family: var(--thm-font); margin-left: 110px; transition: all .4s ease; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .main-slider-scrooling-content .content-box ul li::before { content: ""; position: absolute; top: 13px; left: -82px; width: 50px; height: 1px; background-color: var(--thm-primary-color); } .main-slider-scrooling-content .content-box ul li a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 14px; font-weight: 600; text-transform: uppercase; } .main-slider-scrooling-content .content-box ul li a span { font-size: 12px; margin-left: 7px; } .main-slider-style3 { background-color: var(--thm-white); } .main-slider-style3__bg { position: absolute; top: 0; left: 0; bottom: 0; max-width: 1245px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center; z-index: 1; } .main-slider-style3 .container { padding-top: 278px; padding-bottom: 400px; } .main-slider-style3 .main-slider-content .big-title { margin-bottom: 19px; } .main-slider-style3 .main-slider-content .big-title h2 { font-size: 60px; line-height: 1.2em; } .main-slider-style3 .main-slider-content__inner .btn-box-right { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; z-index: 11; } .main-slider-style3 .main-slider-content__inner .btn-box-right a { position: relative; display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; overflow: hidden; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-white); color: var(--thm-white); font-size: 80px; transition: all 200ms linear; transition-delay: 0.1s; } .main-slider-style3 .main-slider-content__inner .btn-box-right a:hover { color: var(--thm-primary-color); background-color: var(--thm-white); } .slider-style3-highlights { background-color: transparent; position: absolute; left: 0; bottom: 60px; right: 0; } .slider-style3-highlights .container { padding-top: 0; padding-bottom: 0; } .slider-style3-highlights-single { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-white); border: 1px solid var(--thm-border-color); padding: 116px 40px 32px; } .slider-style3-highlights-single .icon-box { position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; width: 85px; height: 85px; border-radius: 6px; background-color: #edf4f2; } .slider-style3-highlights-single .icon-box::before { content: ""; position: absolute; left: 0px; bottom: 0; width: 20px; height: 20px; background-color: var(--thm-white); clip-path: polygon(0 100%, 100% 100%, 0 0); } .slider-style3-highlights-single .icon-box::after { content: ""; position: absolute; top: 0; right: -1px; width: 20px; height: 20px; background-color: var(--thm-white); clip-path: polygon(0 0, 100% 100%, 100% 0); } .slider-style3-highlights-single .title-box { position: relative; display: block; padding-bottom: 8px; } .slider-style3-highlights-single .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .slider-style3-highlights-single .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .slider-style3-highlights-single .title-box h3 a:hover { color: var(--thm-primary-color); } .slider-style3-highlights-single .count-box { position: absolute; top: 19px; right: 35px; color: transparent; -webkit-text-stroke: 1px var(--thm-border-color); font-size: 100px; line-height: 1.1em; font-family: var(--thm-font-2); font-weight: 500; } .banner-style1 { background-color: var(--thm-white); padding: 114px 0px 113px; } .banner-style1__content-social-links { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); z-index: 1; } .banner-style1__content-social-links ul { position: relative; display: block; } .banner-style1__content-social-links ul li { position: relative; display: block; } .banner-style1__content-social-links ul li+li { margin-top: 21px; } .banner-style1__content-social-links ul li a { position: relative; display: inline-block; color: var(--thm-black); font-size: 20px; } .banner-style1__content-social-links ul li:hover a { color: var(--thm-primary-color); } .banner-style1 .container { max-width: 1330px; } .banner-style1__tab { position: relative; display: flex; overflow: hidden; } .banner-style1-tab__button { position: relative; display: block; } .banner-style1-tab__button .title-box { position: relative; display: block; margin-bottom: 12px; } .banner-style1-tab__button .title-box h2 { color: var(--thm-primary-color); font-size: 48px; line-height: 1.1em; font-weight: 500; text-transform: uppercase; } .banner-style1-tab__button ul { position: relative; display: block; } .banner-style1-tab__button ul li { position: relative; display: block; } .banner-style1-tab__button ul li span { position: relative; display: inline-flex; align-items: center; color: #e3ebe8; font-size: 72px; line-height: 1.2em; font-weight: 500; text-transform: uppercase; font-family: var(--thm-font-2); transition: all 400ms linear; transition-delay: 0.1s; cursor: pointer; } .banner-style1-tab__button ul li:hover span, .banner-style1-tab__button ul li.active-btn-item span { color: var(--thm-black); } .banner-style1-tab__button ul li .arrow-hover { position: relative; display: inline-flex; align-items: center; justify-content: center; margin-left: 25px; float: left; width: 65px; height: 65px; border-radius: 50%; background-color: var(--thm-primary-color); color: var(--thm-white); font-size: 30px; opacity: 0; transform: translateX(0px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1; } .banner-style1-tab__button ul li:hover .arrow-hover, .banner-style1-tab__button ul li.active-btn-item .arrow-hover { opacity: 1; transform: translateX(0px); } .banner-style1__tab .tabs-content-box { position: relative; display: block; } .banner-style1__tab .tab-content-box-item { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .banner-style1__tab .tab-content-box-item.tab-content-box-item-active { position: relative; visibility: visible; z-index: 5; } .banner-style1__tab .tab-content-box-item .banner-style1-tab-content-box-item { opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .banner-style1__tab .tab-content-box-item.tab-content-box-item-active .banner-style1-tab-content-box-item { opacity: 1.0; transform: translateY(0px); } .banner-style1__tab .tabs-content-box { position: relative; display: block; width: 700px; margin-left: 90px; } .banner-style1-tab-content-box-item { position: relative; display: block; margin-top: -4px; } .banner-style1-tab-content-box-item .title { position: relative; display: block; padding-bottom: 26px; } .banner-style1-tab-content-box-item .title h2 { font-size: 60px; line-height: 1.2em; font-weight: 500; } .banner-style1-tab-content-box-item .border-line { position: relative; display: block; width: 100px; height: 1px; background-color: var(--thm-primary-color); } .banner-style1-tab-content-box-item .text { position: relative; display: block; padding-top: 33px; } .banner-style1-tab-content-box-item .text p { font-size: 19px; line-height: 29px; } .banner-style1-tab-content-box-item .btn-box { position: relative; display: block; padding-top: 25px; } .banner-style1-tab-content-box-item .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; } .banner-style1-tab-content-box-item .btn-box a i { font-size: 12px; margin-left: 6px; } .banner-style1-tab-content-box-item .btn-box a:hover { color: var(--thm-primary-color); } .banner-style2 { background-color: var(--thm-black-bg); padding: 120px 0px 120px; } .banner-style2__shape1 { position: absolute; top: 0; left: 0; opacity: 0.7; } .banner-style2__shape2 { position: absolute; left: 280px; z-index: -1; } .banner-style2__top-text { position: absolute; top: 123px; left: 50px; } .banner-style2__top-text p { color: #a5b1ad; } .banner-style2__top-text p a { position: relative; top: -1px; display: inline-block; color: #a5b1ad; font-size: 12px; padding-left: 3px; } .banner-style2__top-text p a:hover { color: var(--thm-white); } .banner-style2__content-social-links { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); z-index: 1; } .banner-style2__content-social-links ul { position: relative; display: block; } .banner-style2__content-social-links ul li { position: relative; display: block; } .banner-style2__content-social-links ul li+li { margin-top: 24px; } .banner-style2__content-social-links ul li a { position: relative; display: inline-block; color: var(--thm-white); font-size: 20px; } .banner-style2__content-social-links ul li:hover a { color: var(--thm-primary-color); } .banner-style2__contant { position: relative; display: block; } .banner-style2__contant .sub-title { position: relative; display: block; margin-bottom: 2px; } .banner-style2__contant .sub-title h3 { color: var(--thm-white); font-size: 30px; line-height: 40px; font-weight: 500; } .banner-style2__contant .big-title { position: relative; display: block; color: var(--thm-white); font-size: 140px; line-height: 1.2em; font-weight: 500; font-family: var(--thm-font-2); } .banner-style2__contant .title { position: relative; display: block; margin-bottom: 2px; } .banner-style2__contant .title h3 { color: var(--thm-white); font-size: 30px; line-height: 40px; font-weight: 500; } .banner-style2__contant .text { position: relative; display: block; padding: 21px 0px 32px; } .banner-style2__contant .text p { color: #a5b1ad; } .banner-style2__contant .btn-box { position: relative; display: block; line-height: 0; } .banner-style2__contant .btn-box .btn-one::before { background: #a5b1ad; } .banner-style2__img { position: absolute; top: 126px; right: 50px; bottom: 0; z-index: 1; } .banner-style2__bottom-bg-left { position: absolute; left: 0; bottom: -40px; width: 710px; height: 128px; z-index: 10; } .banner-style2__bottom-bg-right { position: absolute; right: -134px; bottom: -72px; width: 966px; height: 115px; z-index: 10; transform: rotate(-10deg); } .about-style1 { padding: 120px 0px 120px; } .about-style1__img { position: relative; display: block; overflow: hidden; border-radius: 6px; max-width: 530px; } .about-style1__img::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; opacity: 1; z-index: 2; } .about-style1__img:hover::before { width: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .about-style1__img img { width: 100%; transition: .5s ease; transform: scale(1.03); } .about-style1__img:hover img { transform: scale(1); } .about-style1__content { position: relative; display: block; } .started-year-box { position: relative; display: flex; align-items: center; padding-bottom: 32px; } .started-year-box .title { position: relative; display: block; } .started-year-box .title h5 { position: relative; display: block; color: var(--thm-primary-color); font-size: 14px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; } .started-year-box .title h5::before { content: ""; position: absolute; top: 8px; left: 50px; right: 0; bottom: 0; height: 1px; background-color: #dde6e3; } .started-year-box .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-top: 7px; } .started-year-box .title h3 span { color: var(--thm-primary-color); font-size: 48px; line-height: 1.1em; } .started-year-box .btn-box { position: relative; display: block; margin-left: 30px; line-height: 0; } .started-year-box .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; color: var(--thm-primary-color); font-size: 25px; width: 65px; height: 65px; border-radius: 50%; background-color: var(--thm-gray-bg); transition: background-color 0.5s ease; transition: all 0.5s ease; } .started-year-box .btn-box a:hover { color: var(--thm-white); background-color: var(--thm-primary-color); } .about-style1__content .text1 { position: relative; display: block; } .about-style1__content .text1 p { margin: 0; } .about-awards-box { position: relative; display: flex; align-items: center; padding-top: 32px; } .about-awards-box__img { position: relative; display: block; overflow: hidden; width: 150px; border-radius: 4px; } .about-awards-box__img img { width: 100%; } .about-awards-box__content { position: relative; display: block; padding-left: 30px; } .about-awards-box__content h5 { color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .about-awards-box__content h3 { font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 7px; } .about-awards-box__content span { color: #a8a4a5; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .about-style1__content .text2 { position: relative; display: block; padding-top: 32px; } .about-style1__content .text2 p { margin: 0; } .about-style1__btn-box { position: relative; display: block; line-height: 0; padding-top: 33px; } .about-style2 { background-color: var(--thm-black-bg); padding: 60px 0px 60px; } .about-style2__content { position: relative; display: block; } .about-style2__content .sec-title.withtext { padding-bottom: 32px; } .about-style2__content .sec-title h2 { color: var(--thm-white); } .about-style2__content .sec-title .text { padding-top: 28px; } .about-style2__content .sec-title .text p { color: #a5b1ad; } .about-style2__tab-btn { position: relative; display: block; } .about-style2__tab-btn ul { position: relative; display: block; } .about-style2__tab-btn ul li { position: relative; display: block; float: left; margin-top: 10px; margin-right: 10px; } .about-style2__tab-btn ul li:last-child { margin-right: 0; } .about-style2__tab-btn ul li span { position: relative; display: block; background-color: var(--thm-white); padding: 0 30px; padding-right: 35px; color: var(--thm-black); font-size: 14px; line-height: 50px; font-weight: 700; text-transform: uppercase; border-radius: 6px; cursor: pointer; transition: background-color 0.5s ease; transition: all 0.5s ease; min-width: 211px; } .about-style2__tab-btn ul li:hover span, .about-style2__tab-btn ul li.active-btn-item span { color: var(--thm-white); background-color: var(--thm-primary-color); } .about-style2__tab-btn ul li span .arrow-hover { position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center; color: var(--thm-white); font-size: 14px; opacity: 0; transform: translateX(-20px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .about-style2__tab-btn ul li:hover span .arrow-hover, .about-style2__tab-btn ul li.active-btn-item span .arrow-hover { opacity: 1; transform: translateX(-15px); } .about-style2__content .btn-box2 { position: relative; display: block; padding-top: 50px; line-height: 0; } .about-style2__content .btn-box2 a { color: var(--thm-white); font-size: 14px; font-weight: 600; text-transform: uppercase; } .about-style2__content .btn-box2 a i { position: relative; display: inline-block; padding-left: 4px; font-size: 12px; font-weight: 100; } .about-style2__img { position: relative; display: block; max-width: 570px; width: 100%; margin-left: 100px; min-height: 509px; } .about-style2__shape1 { position: absolute; top: -60px; left: -90px; } .about-style2__shape2 { position: absolute; bottom: 0; right: 45px; } .about-style2__img .icon-box { position: absolute; top: 45px; left: 80px; } .about-style2__img .icon-box img { width: auto; } .about-style2__img .img-box { position: absolute; top: 0; right: 0; max-width: 325px; overflow: hidden; border-radius: 6px; } .about-style2__img .img-box::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; z-index: 1; } .about-style2__img .img-box:hover::before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .about-style2__img .img-box img { width: 100%; transition: .5s ease; transform: scale(1.05); } .about-style2__img .img-box:hover img { transform: scale(1); } .about-style2__img .content-box { position: absolute; top: 185px; left: 0px; border-radius: 6px; background-color: var(--thm-white); padding: 25px; z-index: 2; width: 60%; } .about-style2__img .content-box h3 { font-size: 22px; line-height: 34px; font-weight: 500; } .about-style2__img .content-box .line { position: absolute; left: 0; width: 50%; height: 1px; background-color: var(--thm-primary-color); margin-top: 11px; } .about-style2__img .content-box p { margin: 0; margin-top: 30px; } .about-style2__img .content-box .btn-box { position: relative; display: inline-block; padding-top: 20px; } .about-style2__img .content-box .btn-box a { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .about-style2__img .content-box .btn-box a:hover { color: var(--thm-primary-color); } .about-style2__img .content-box .btn-box a i { margin-left: 6px; } .about-style2__tab .tabs-content-box { position: relative; display: block; } .about-style2__tab .tab-content-box-item { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .about-style2__tab .tab-content-box-item.tab-content-box-item-active { position: relative; visibility: visible; z-index: 5; } .about-style2__tab .tab-content-box-item .about-style2-tab-content-box-item { opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .about-style2__tab .tab-content-box-item.tab-content-box-item-active .about-style2-tab-content-box-item { opacity: 1.0; transform: translateY(0px); } .about-style3 { background-color: var(--thm-white); padding: 60px 0px 60px; } .about-style3__img { position: relative; display: block; max-width: 540px; margin-right: 30px; } .about-style3__img .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; } .about-style3__img .inner::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; opacity: 1; z-index: 2; } .about-style3__img .inner:hover::before { width: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .about-style3__img .inner img { width: 100%; transition: .5s ease; transform: scale(1.03); } .about-style3__img .inner:hover img { transform: scale(1); } .about-style3__img .overlay-box { position: absolute; display: flex; align-items: center; justify-content: center; overflow: hidden; top: 50%; left: 0; transform: translateY(-50%); width: 250px; height: 250px; border-radius: 50%; background-color: var(--thm-black-bg); padding-top: 5px; z-index: 3; } .about-style3__img .overlay-box .overlay-box__shape1 { position: absolute; left: 0; bottom: -150px; right: 0; } .about-style3__img .overlay-box .overlay-box__shape2 { position: absolute; bottom: -70px; right: -155px; } .about-style3__img .overlay-box .fact-counter { position: relative; display: block; } .about-style3__img .overlay-box .fact-counter .cercle-box { position: relative; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: transparent; border: 3px solid var(--thm-primary-color); margin: 0 auto; } .about-style3__img .overlay-box .fact-counter .counter-box { position: relative; display: flex; align-items: center; justify-content: center; margin: 10px 0px 6px; } .about-style3__img .overlay-box .fact-counter .counter-box h2 { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 60px; line-height: 1.0em; font-weight: 500; } .about-style3__img .overlay-box .fact-counter .counter-box h2 span.ziro { position: relative; top: -3px; } .about-style3__img .overlay-box .fact-counter .counter-box h2 span.plus { position: relative; top: -3px; display: inline-block; line-height: 40px; } .about-style3__img .overlay-box .fact-counter p { color: var(--thm-white); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .about-style3__content { position: relative; display: block; } .about-style3__content .sec-title.withtext { padding-bottom: 25px; } .about-style3__content .sec-title .text { } .about-style3__content .list-item { position: relative; display: block; } .about-style3__content .list-item ul { position: relative; display: block; } .about-style3__content .list-item ul li { position: relative; display: block; padding-left: 30px; } .about-style3__content .list-item ul li+li { margin-top: 20px; } .about-style3__content .list-item ul li .icon-box { position: absolute; top: 4px; left: 0; font-size: 31px; } .about-style3__content .list-item ul li .title-box { position: relative; display: block; } .about-style3__content .list-item ul li .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 3px; } .about-style3__content .list-item ul li .title-box p { color: #757575; } .about-style3__content .customer-info { position: relative; display: flex; align-items: center; padding-top: 38px; } .about-style3__content .customer-info .img-box { position: relative; display: block; overflow: hidden; border-radius: 50%; border: 2px solid var(--thm-white); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); } .about-style3__content .customer-info .img-box img { width: 100%; } .about-style3__content .customer-info .title { position: relative; display: block; padding-left: 10px; } .about-style3__content .customer-info .title h4 { font-size: 20px; line-height: 22px; font-weight: 500; margin-bottom: 6px; } .about-style3__content .customer-info .title p { color: var(--thm-primary-color); font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase; } .about-style4 { background-color: var(--thm-gray-bg); padding: 60px 100px; } .about-style4::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 270px; background-color: var(--thm-gray-bg); z-index: -1; } .about-style4__inner { position: relative; display: block; overflow: hidden; border-radius: 6px; } .about-style4__inner-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; } .about-style4__tab { position: relative; display: block; padding: 120px; } .about-style4-tab__button { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-white); width: 270px; } .about-style4-tab__button .years-experience { position: relative; display: flex; align-items: center; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 24.42px 30px 25px; } .about-style4-tab__button .years-experience .left { position: relative; display: block; color: var(--thm-primary-color); font-size: 46px; line-height: 1.1em; font-family: var(--thm-font-2); font-weight: 500; } .about-style4-tab__button .years-experience .right { position: relative; display: block; margin-left: 15px; } .about-style4-tab__button .years-experience .right p { color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .about-style4-tab__button .tabs-button-box { position: relative; display: block; padding: 32px 30px 0px; } .about-style4-tab__button .tabs-button-box li { position: relative; display: block; border-bottom: 1px solid #e4e7ee; padding-bottom: 17px; } .about-style4-tab__button .tabs-button-box li:last-child { border-bottom: 0px solid; } .about-style4-tab__button .tabs-button-box li+li { margin-top: 17px; } .about-style4-tab__button .tabs-button-box li h4 { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 20px; line-height: 30px; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .about-style4-tab__button .tabs-button-box li h4 span { font-size: 20px; margin-left: 10px; } .about-style4-tab__button .tabs-button-box li:hover h4, .about-style4-tab__button .tabs-button-box li.active-btn-item h4 { color: var(--thm-primary-color); } .about-style4__tab .tabs-content-box { position: absolute; top: 0; right: 0; bottom: 0; max-width: 600px; width: 100%; z-index: 1; } .about-style4__shape { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: top left; background-repeat: no-repeat; z-index: -1; } .about-style4__content-tab-item { position: relative; display: block; padding-top: 280px; padding-left: 130px; padding-right: 100px; } #leadership .about-style4__content-tab-item { padding-top: 210px !important; padding-right: 30px !important; } .about-style4__content-tab-item .title-box { position: relative; display: block; } .about-style4__content-tab-item .title-box h3 { color: var(--thm-white); font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 13px; } .about-style4__content-tab-item .title-box p { color: #a5b1ad; } .about-style4__content-tab-item .btn-box { position: relative; display: block; padding-top: 25px; } .about-style4__content-tab-item .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .about-style4__content-tab-item .btn-box a i { margin-left: 10px; } .about-style4__content-tab-item .btn-box a:hover { color: var(--thm-primary-color); } .about-style4__tab .tab-content-box-item { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .about-style4__tab .tab-content-box-item.tab-content-box-item-active { position: relative; visibility: visible; z-index: 5; } .about-style4__tab .tab-content-box-item .about-style4__content-tab-item__inner { opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .about-style4__tab .tab-content-box-item.tab-content-box-item-active .about-style4__content-tab-item__inner { opacity: 1.0; transform: translateY(0px); } .about-style3__content .list-item ul li .icon i { color: var(--thm-primary-color); position: absolute; top: 20px; left: 0; font-weight: 800; font-size: larger; } .about-intro p { padding: 20px 0px; } .fact-counter-style1 { padding: 120px 0px 120px; background-color: var(--thm-gray-bg); } .fact-counter-style1__single { position: relative; display: block; border-left: 1px solid var(--thm-primary-color); } .fact-counter-style1__single .fact-counter-box { position: relative; display: block; padding-left: 40px; } .fact-counter-style1__single .circle-box { position: relative; display: block; width: 15px; height: 15px; border-radius: 50%; background-color: transparent; border: 3px solid var(--thm-primary-color); margin-bottom: 11px; } .fact-counter-style1__single .counter-box { position: relative; display: block; padding-bottom: 6px; } .fact-counter-style1__single .counter-box h2 { font-size: 60px; line-height: 65px; font-weight: 500; } .fact-counter-style1__single .counter-box h2 .k { position: relative; display: inline-block; top: 4px; margin-left: -14px; line-height: 50px; } .fact-counter-style1__single .fact-counter-box p { color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .fact-counter-style2 { padding: 120px 0px 60px; background-color: var(--thm-white); } .fact-counter-style2.pdb120 { padding-bottom: 120px; } ul.fact-counter-style2--row { --bs-gutter-x: 0px; } ul.fact-counter-style2--row li { border-right: 1px solid var(--thm-border-color); } ul.fact-counter-style2--row li:last-child { border-right: 0px solid var(--thm-border-color); } .fact-counter-style1__single--style2 .fact-counter-box { padding-left: 0px; } .fact-counter-style1__single--style2 { border-left: 0px solid var(--thm-primary-color); } .fact-counter-style1__single--style2 .round-box { position: relative; display: block; width: 15px; height: 15px; border-radius: 50%; background-color: transparent; border: 3px solid var(--thm-primary-color); margin: 0 auto 11px; } .fact-counter-style1__single--style2 .counter-box h2 .k { position: relative; display: inline-block; top: 4px; margin-left: -14px; } .fact-counter-style1__single--style2 .fact-counter-box p { color: var(--thm-body-font-color); } .testimonial-style1 { background-color: var(--thm-gray-bg); padding: 60px 0px 80px; } .testimonial-style1__single { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06); padding: 77px 50px 44px; margin-top: 50px; } .testimonial-style1__single .overlay-icon { position: absolute; top: 20px; right: 50px; line-height: 0; } .testimonial-style1__single .overlay-icon span { position: relative; display: inline-block; color: transparent; font-size: 74px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--thm-primary-color); } .testimonial-style1__single-img { position: absolute; top: -50px; left: 50px; } .testimonial-style1__single-img img { border-radius: 50%; height: 100px; display: block; width: 70px !important; zoom: 1.5; height: 70px; object-fit: cover; transform-origin: top center; } .testimonial-style1__single-content { position: relative; display: block; } .testimonial-style1__single-content .title-box { position: relative; display: block; } .testimonial-style1__single-content .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 13px; } .testimonial-style1__single-content .title-box p { font-size: var(--thm-body-font-size); line-height: 29px; } .testimonial-style1__single-content .customer-info { position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 27px; } .testimonial-style1__single-content .customer-info .rating-box { position: relative; display: inline-flex; align-items: center; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 12px 15px 12px; visibility: hidden; } .testimonial-style1__single-content .customer-info .rating-box .icon-box { position: relative; display: block; line-height: 0; } .testimonial-style1__single-content .customer-info .rating-box .icon-box span { color: var(--thm-primary-color); font-size: 20px; } .testimonial-style1__single-content .customer-info .rating-box .rating-number { position: relative; display: block; margin-left: 6px; } .testimonial-style1__single-content .customer-info .rating-box .rating-number h3 { font-size: 20px; line-height: 25px; font-weight: 500; } .testimonial-style1__single-content .customer-info .company-name { position: relative; display: block; text-align: right; } .testimonial-style1__single-content .customer-info .company-name h3 { font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 2px; } .testimonial-style1__single-content .customer-info .company-name span { color: #a5b1ad; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .testimonial-style1.instyle--2 { padding-bottom: 90px; } .testimonial-style1__single.instyle--2 { margin-bottom: 30px; } .testimonial-style2 { background-color: var(--thm-black-bg); padding: 120px 0px 0px; } .testimonial-style2__img { position: relative; display: block; margin-left: -100px; z-index: 1; } .testimonial-style2__img::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 550px; background: rgb(6, 42, 38); background: linear-gradient(0deg, rgba(6, 42, 38, 1) 0%, rgba(6, 42, 38, 0.9500175070028011) 40%, rgba(6, 42, 38, 0) 91%); } .testimonial-style2__img img { width: 100%; } .testimonial-style2__img .overlay-content { position: absolute; left: 50px; bottom: 210px; right: 50px; border-radius: 6px; background-color: var(--thm-white); padding: 22px 30px 22px; } .testimonial-style2__img .overlay-content .rating-box { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .testimonial-style2__img .overlay-content .rating-box ul { position: relative; display: flex; align-items: center; } .testimonial-style2__img .overlay-content .rating-box ul li { position: relative; display: block; } .testimonial-style2__img .overlay-content .rating-box ul li+li { margin-left: 5px; } .testimonial-style2__img .overlay-content .rating-box ul li .icon { position: relative; display: block; line-height: 0; } .testimonial-style2__img .overlay-content .rating-box ul li .icon i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 16px; } .testimonial-style2__img .overlay-content .rating-box .title { position: relative; display: block; padding-left: 10px; padding-right: 10px; } .testimonial-style2__img .overlay-content .rating-box .title h4 { font-size: 20px; line-height: 30px; font-weight: 500; } .testimonial-style2__img .overlay-content .text { position: relative; display: block; } .testimonial-style2__img .overlay-content .text p { margin: 0; } .testimonial-style2__img .overlay-content .text h4 { color: var(--thm-primary-color); font-size: 18px; line-height: 28px; font-weight: 500; margin-top: 5px; } .testimonial-style2__content { position: relative; display: block; } .testimonial-style2__content .sec-title h2 { color: var(--thm-white); } .testimonial-style2__single { position: relative; display: block; } .testimonial-style2__single+.testimonial-style2__single { margin-top: 43px; } .testimonial-style2__single .img-box { position: absolute; top: 0; left: 0; overflow: hidden; } .testimonial-style2__single .img-box img { width: auto; } .testimonial-style2__single-inner { position: relative; display: block; padding-left: 135px; } .testimonial-style2__single-inner .content-box { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); padding: 33px 40px 32px; } .testimonial-style2__single-inner .content-box .icon { position: absolute; top: 33px; line-height: 0; } .testimonial-style2__single-inner .content-box .icon i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 43px; } .testimonial-style2__single-inner .content-box .title-box { position: relative; display: block; padding-left: 60px; } .testimonial-style2__single-inner .content-box .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 8px; } .testimonial-style2__single-inner .content-box .title-box p { margin: 0; } .testimonial-style2__single-inner .customer-info { position: relative; display: block; padding-top: 38px; } .testimonial-style2__single-inner .customer-info h4 { color: var(--thm-white); font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 5px; } .testimonial-style2__single-inner .customer-info p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .testimonial-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -115px; right: 0; } .testimonial-style3 { background-color: var(--thm-gray-bg); padding: 117px 0px 120px; } .testimonial-style3__shape { position: absolute; top: 100px; left: 375px; } .testimonial-style3__inner { position: relative; display: block; } .testimonial-style3__single { position: relative; display: block; } .testimonial-style3__single-content-box { position: relative; display: block; } .testimonial-style3__single-content-box .rating-box { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .testimonial-style3__single-content-box .rating-box ul { position: relative; display: flex; align-items: center; } .testimonial-style3__single-content-box .rating-box ul li { position: relative; display: block; } .testimonial-style3__single-content-box .rating-box ul li+li { margin-left: 6px; } .testimonial-style3__single-content-box .rating-box ul li span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 18px; cursor: pointer; } .testimonial-style3__single-content-box .title { position: relative; display: block; padding-bottom: 22px; } .testimonial-style3__single-content-box .title h3 { font-size: 30px; line-height: 40px; font-weight: 500; } .testimonial-style3__single-content-box .text { position: relative; display: block; } .testimonial-style3__single-content-box .text p { color: var(--thm-black); font-size: 24px; line-height: 34px; font-weight: 500; } .testimonial-style3__single .customer-info { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 42px; } .testimonial-style3__single .customer-info .img-box { position: relative; display: block; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; } .testimonial-style3__single .customer-info .title-box { position: relative; display: block; padding-left: 20px; } .testimonial-style3__single .customer-info .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 1px; } .testimonial-style3__single .customer-info .title-box span { color: #93a09c; font-size: 14px; line-height: 20px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .testimonial-style3__items-nav { position: absolute; left: 130px; bottom: 0; right: 130px; height: 70px; } .testimonial-style3__items-nav .swiper-button-next, .testimonial-style3__items-nav .swiper-button-prev { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 50px; height: 70px; margin-top: 0; cursor: pointer; color: var(--thm-primary-color); font-size: 20px; font-weight: 600; font-family: var(--thm-font-2); transform: translateY(-50%); z-index: 10; } .testimonial-style3__items-nav .swiper-button-next:after, .testimonial-style3__items-nav .swiper-button-prev:after { display: none; } .testimonial-style3__items-nav .swiper-button-next i, .testimonial-style3__items-nav .swiper-button-prev i { font-size: 25px; line-height: 25px; } .testimonial-style3__items-nav .swiper-button-prev i.left { transform: rotate(180deg); } .testimonial-style3__items-nav .swiper-button-prev i { margin-right: 7px; } .testimonial-style3__items-nav .swiper-button-next i { margin-left: 7px; } .testimonial-style3__items-nav .swiper-button-prev { left: 0; } .testimonial-style3__items-nav .swiper-button-next { right: 0; } .testimonial-style3__items-nav--style2 .swiper-button-next, .testimonial-style3__items-nav--style2 .swiper-button-prev { color: var(--thm-black); } .partner-style1 { background-color: var(--thm-white); padding: 120px 0px 113px; } .partner-style1 .container { max-width: 1208px; } .partner-style1__single { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-white); border: 1px solid var(--thm-border-color); margin-bottom: 30px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .partner-style1__single:hover { box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); } .partner-style1__single a img { position: relative; display: block; width: 100%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .partner-style1__single a:hover img:first-child { -webkit-transform: translatex(-50%) scalex(2); transform: translatex(-50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .partner-style1__single a img:nth-child(2) { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; -webkit-transform: translatex(50%) scalex(2); transform: translatex(50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .partner-style1__single a:hover img:nth-child(2) { -webkit-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .partner-style1__btn { position: relative; display: block; padding-top: 23px; } .partner-style1__btn a { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .partner-style1__btn a:hover { color: var(--thm-primary-color); } .partner-style1__btn a span { font-size: 14px; margin-left: 10px; } .partner-style2 { overflow: hidden; background-color: var(--thm-gray-bg); padding: 100px 0px 100px; } .partner-style2 .container { max-width: 1920px; padding: 0; } .partner-style2__single { position: relative; display: flex; align-items: center; justify-content: center; border-right: 1px solid #cad8d4; } .partner-style2__single a { position: relative; display: inline-block; } .partner-style2__single a img { opacity: 1; transition: all 0.2s ease-in-out 0.1s; filter: grayscale(0%); } .partner-style2__single a:hover img { opacity: 0.6; filter: grayscale(0%); transition: all 0.8s ease-in-out 0.1s; } .partner-style2-carousel { position: relative; } .partner-style2-carousel::before { content: ""; position: absolute; top: 0; right: -1px; bottom: 0; width: 2px; background-color: var(--thm-gray-bg); z-index: 2; } .bottom-parallax { position: relative; height: 860px; opacity: 0; z-index: -999; } .bottom-parallax .footer-style1 { position: fixed; left: 0px; bottom: 0px; right: 0px; height: 860px; } .parallax-visible .bottom-parallax { opacity: 1; z-index: 1; } .footer-style1 { position: relative; display: block; background: var(--thm-black-bg); overflow: hidden; padding: 0px 0px 0px; z-index: 10; } .footer-style1::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background-color: var(--thm-white); } .footer-style1.instyle--1::before { background-color: var(--thm-gray-bg); } .footer-style1 .footer-top { position: relative; display: block; } .footer-style1 .footer-top__inner { position: relative; display: flex; align-items: center; background-color: var(--thm-black-bg); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 1px solid #23423f; padding: 44px 50px 44px; } .footer-style1 .subscribe-box { position: relative; display: flex; align-items: center; } .footer-style1 .subscribe-box .title-box { position: relative; display: flex; align-items: center; } .footer-style1 .subscribe-box .title-box .icon { position: relative; display: inline-block; font-size: 55px; } .footer-style1 .subscribe-box .title-box h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; margin-left: 20px; } .footer-style1 .subscribe-box-form { position: relative; display: block; margin-left: 40px; } .footer-style1 .subscribe-box-form form { position: relative; display: block; max-width: 440px; width: 100%; } .footer-style1 .subscribe-box-form form .form-group { position: relative; display: block; } .footer-style1 .subscribe-box-form form .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 55px; color: var(--thm-body-font-color); font-size: 17px; font-weight: 400; background: var(--thm-white); border: none; padding-left: 20px; padding-right: 190px; border-radius: 6px; } .footer-style1 .subscribe-box-form form .form-group button { position: absolute; top: 0; right: 0; line-height: 35px; } .footer-style1 .subscribe-box-social-links { position: relative; display: block; margin: auto; } .footer-style1 .subscribe-box-social-links ul { position: relative; display: inline-flex; align-items: center; } .footer-style1 .subscribe-box-social-links ul li { position: relative; display: block; margin-left: 10px; margin-top: auto; } .footer-style1 .subscribe-box-social-links ul li+li { margin-left: 10px; } .footer-style1 .subscribe-box-social-links ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 55px; width: 55px; background: transparent; border: 1px solid #23423f; border-radius: 6px; color: var(--thm-white); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .footer-style1 .subscribe-box-social-links ul li:hover a { color: #ffffff; border-color: var(--thm-primary-color); background-color: var(--thm-primary-color); } .footer-main { position: relative; display: block; padding: 60px 0px 60px; } .single-footer-widget { position: relative; display: block; } .single-footer-widget .title { position: relative; display: block; margin-top: -8px; } .single-footer-widget .title h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; } .footer-meeting-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 150px; height: 80px; ; border-radius: 6px; background-color: var(--thm-white); font-size: 30px; margin-bottom: 30px; } .footer-widget-meeting-info { position: relative; display: block; } .footer-widget-meeting-info .text { position: relative; display: block; padding-top: 8px; margin-bottom: 3px; } .footer-widget-meeting-info .text p { color: #a5b1ad; } .footer-widget-meeting-info .line-box { position: relative; display: block; width: 55px; height: 1px; background-color: var(--thm-primary-color); margin-top: 22px; } .footer-widget-meeting-info .btn-box { position: relative; display: block; margin-top: 20px; } .footer-widget-meeting-info .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 14px; line-height: 20px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition: 0.1s; } .footer-widget-meeting-info .btn-box a:hover { color: var(--thm-primary-color); } .footer-widget-meeting-info .btn-box a span { font-size: 14px; margin-left: 6px; } .footer-widget-contact-info { position: relative; display: block; padding-top: 26px; } .footer-widget-contact-info ul { position: relative; display: block; } .footer-widget-contact-info ul li { position: relative; display: block; } .footer-widget-contact-info ul li+li { margin-top: 22px; } .footer-widget-contact-info ul li .text { position: relative; display: block; } .footer-widget-contact-info ul li .text h6 { color: var(--thm-white); font-size: 14px; line-height: 20px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; margin-bottom: 7px; } .footer-widget-contact-info ul li .text p { color: #a5b1ad; } .footer-widget-contact-info ul li .text p a { color: #a5b1ad; transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-contact-info ul li .text p a:hover { color: var(--thm-primary-color); } .footer-widget-contact-info ul li .text h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-top: 10px; } .footer-widget-contact-info ul li .text h3 a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-contact-info ul li .text h3 a:hover { color: var(--thm-primary-color); } .footer-widget-contact-info .btn-box { position: relative; display: block; margin-top: 21px; } .footer-widget-contact-info .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 14px; line-height: 20px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-contact-info .btn-box a:hover { color: var(--thm-primary-color); } .footer-widget-contact-info .btn-box a span { font-size: 14px; margin-left: 6px; } .single-footer-widget-link-box { position: relative; display: block; } .footer-widget-links { position: relative; display: block; padding-top: 24px; } .footer-widget-links ul { position: relative; display: block; } .footer-widget-links ul li { position: relative; display: block; } .footer-widget-links ul li+li { margin-top: 10px; } .footer-widget-links ul li a { position: relative; display: inline-flex; align-items: center; color: #a5b1ad; font-size: var(--thm-body-font-size); line-height: 25px; font-family: var(--thm-body-font-family); font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-links ul li a:hover { color: var(--thm-primary-color); margin-left: 5px; } .footer-widget-links ul li a i { position: relative; display: inline-block; font-size: 14px; font-weight: 400; top: 1px; margin-left: 7px; opacity: 0; transform: translateX(-7px); transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-links ul li a i.arrow-hover { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .footer-widget-links ul li a:hover i.arrow-hover { opacity: 1; transform: translateX(0px); } .footer-bottom { position: relative; display: block; border-top: 1px solid #23423f; padding: 21px 0px 20px; } .footer-bottom .bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .copyright-text { position: relative; display: block; } .copyright-text p { color: #a5b1ad; margin: 0; } .copyright-text p a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; font-weight: bold; } .copyright-text p a:hover { color: var(--thm-white); } .footer-menu { position: relative; display: block; } .footer-menu ul { position: relative; display: flex; align-items: center; } .footer-menu ul li { position: relative; display: block; } .footer-menu ul li::before { content: ""; position: absolute; left: -15px; bottom: 8px; right: 0; width: 2px; height: 2px; background-color: #a5b1ad; } .footer-menu ul li:first-child::before { display: none; } .footer-menu ul li+li { margin-left: 30px; } .footer-menu ul li a { position: relative; display: inline-block; color: #a5b1ad; font-size: 17px; line-height: 27px; font-family: var(--thm-font); font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .footer-menu ul li a:hover { color: var(--thm-primary-color); } .footer-style2 { background-color: var(--thm-black-bg); } .single-footer-widget.mr60 { padding-right: 55px; } .footer-widget-info-box { position: relative; display: block; } .footer-widget-info-box .logo-box { position: relative; display: block; } .footer-widget-info-box .logo-box a { position: relative; display: inline-block; } .footer-widget-info-box .logo-box a img { width: auto; } .footer-widget-info-box .text-box { position: relative; display: block; padding-top: 27px; } .footer-widget-info-box .text-box p { color: #a5b1ad; } .footer-widget-info-box .social-links { position: relative; display: block; padding: 27px 0px 37px; } .footer-widget-info-box .social-links ul { position: relative; display: flex; align-items: center; } .footer-widget-info-box .social-links ul li { position: relative; display: block; } .footer-widget-info-box .social-links ul li+li { margin-left: 10px; } .footer-widget-info-box .social-links ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 55px; width: 55px; background: transparent; border: 1px solid #23423f; border-radius: 6px; color: var(--thm-white); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .footer-widget-info-box .social-links ul li:hover a { color: #ffffff; border-color: var(--thm-primary-color); background-color: var(--thm-primary-color); } .copyright-text__style2 p { color: #a5b1ad; } .single-footer-widget-upload-resume { position: relative; display: block; border-radius: 6px; background-color: #103934; padding: 41px 30px 40px; } .single-footer-widget-upload-resume .title { position: relative; display: block; margin-bottom: 26px; } .single-footer-widget-upload-resume .title h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; } .single-footer-widget-upload-resume .upload-resume-form { position: relative; display: block; } .single-footer-widget-upload-resume .upload-resume-form form { position: relative; display: block; } .single-footer-widget-upload-resume .upload-resume-form form .form-group { position: relative; display: block; } .single-footer-widget-upload-resume .upload-resume-form form .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 55px; color: var(--thm-body-font-color); font-size: 17px; font-family: var(--thm-font); font-weight: 400; background: var(--thm-white); border: none; padding-left: 20px; padding-right: 110px; border-radius: 6px; } .single-footer-widget-upload-resume .upload-resume-form form .form-group button { position: absolute; top: 5px; right: 5px; bottom: 5px; } .single-footer-widget-upload-resume .upload-resume-form form .form-group button.btn-one { padding-left: 20px; padding-right: 21px; } .single-footer-widget-upload-resume .upload-resume-form form .form-group button.btn-one::before { background-color: var(--thm-primary-color); } .single-footer-widget-upload-resume .upload-resume-form form .form-group button.btn-one::after { background-color: var(--thm-black); } .single-footer-widget-upload-resume .upload-resume-btn { position: relative; display: flex; align-items: center; margin-top: 25px; } .single-footer-widget-upload-resume .upload-resume-btn .img-box { position: relative; display: block; overflow: hidden; border-radius: 6px; } .single-footer-widget-upload-resume .upload-resume-btn .img-box img { width: 100%; } .single-footer-widget-upload-resume .upload-resume-btn a { position: relative; display: inline-block; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; margin-left: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget-upload-resume .upload-resume-btn a:hover { color: var(--thm-primary-color); } .single-footer-widget-upload-resume .upload-resume-btn a i { margin-left: 4px; } .footer-style3 { background-color: var(--thm-white); } .footer-top__style3 { position: relative; display: block; z-index: 1; } .footer-top__style3-single { position: relative; display: block; overflow: hidden; border-radius: 6px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); z-index: 1; } .footer-top__style3-single-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .footer-top__style3-single-bg::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(6, 42, 38, 0.9); } .footer-top__style3-single-inner { position: relative; display: block; padding: 50px 35px 50px; } .footer-top__style3-single-inner .sec-title.withtext { padding-bottom: 27px; } .footer-top__style3-single-inner .sec-title .sub-title { margin-bottom: 8px; } .footer-top__style3-single-inner .sec-title h2 { color: var(--thm-white); font-size: 36px; font-weight: 500; } .footer-top__style3-single-inner .sec-title .text { position: relative; display: block; padding-top: 6px; } .footer-top__style3-single-inner .sec-title .text p { color: #a5b1ad; } .footer-top__style3-single-inner .btn-box { position: relative; display: block; line-height: 0; } .footer-top__style3-single-inner .btn-box .btn-one { padding-top: 7.5px; padding-bottom: 7.5px; padding-left: 55px; padding-right: 55px; } .footer-top__style3-single-inner .btn-box .btn-one.style2 { padding-left: 60px; padding-right: 60px; } .footer-top__style3-single-inner .btn-box a+a { margin-left: 6px; } .footer-top__style3-single-inner .btn-box .btn-one:hover { color: var(--thm-black); } .footer-top__style3-single-inner .btn-box .btn-one::before { background: var(--thm-white); } .footer-top__style3-single-inner .btn-box .btn-one::after { border-radius: 6px; background: transparent; border: 1px solid var(--thm-white); } .footer-top__style3-single-inner-form { position: relative; display: block; } .footer-top__style3-single-inner-form form { position: relative; display: block; } .footer-top__style3-single-inner-form form .form-group { position: relative; display: flex; align-items: center; margin-top: 0px; } .footer-top__style3-single-inner-form form .form-group input[type='email'] { position: relative; display: block; max-width: 310px; width: 100%; height: 55px; color: #a5b1ad; font-size: 17px; font-weight: 400; font-family: var(--thm-font); border-radius: 6px; background: transparent; border: 1px solid #4a615c; padding-left: 20px; padding-right: 20px; } .footer-top__style3-single-inner-form form .form-group .btn-one { padding-top: 7.5px; padding-left: 35px; padding-right: 35px; padding-bottom: 7.5px; margin-left: 10px; } .footer-top__style3-single-inner-form form .form-group .btn-one:hover { color: var(--thm-black); } .footer-top__style3-single-inner-form form .form-group .btn-one::before { background: var(--thm-white); } .footer-top__style3-single-inner-form form .form-group .btn-one::after { border-radius: 6px; background: transparent; border: 1px solid var(--thm-white); } .footer-style3 .footer-main { position: relative; display: block; padding: 120px 0px 114px; } .footer-main__shape { position: absolute; left: 0; bottom: 0; } .single-footer-widget--style3 { position: relative; } .single-footer-widget--style3 .footer-widget-info-box .logo-box { padding-top: 0px; } .footer-widget-address-select-box { position: relative; display: flex; align-items: center; max-width: 190px; width: 100%; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 0px 15px 0px; padding-right: 42px; margin-top: 40px; } .footer-widget-address-select-box .icon { position: relative; display: block; line-height: 0; margin-right: 10px; } .footer-widget-address-select-box .icon span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 18px; } .footer-widget-address-select-box .text { position: relative; display: block; margin-right: 10px; color: #a3a0a7; font-size: 17px; line-height: 40px; font-weight: 700; font-family: var(--thm-font-2); } .footer-widget-address-select-box .select-box { position: relative; display: flex; align-items: center; width: 100%; } .footer-widget-address-select-box .nice-select { position: relative; display: block; background-color: transparent; border-radius: 0; border: none; width: 100%; height: 40px; color: #a5b1ad; font-size: 17px; font-weight: 400; line-height: 40px; outline: none; padding-left: 0px; padding-right: 25px; transition: all 0.2s ease-in-out; font-family: var(--thm-font); } .footer-widget-address-select-box .nice-select:after { display: flex; align-items: center; justify-content: center; position: absolute; content: "\e904" !important; font-family: 'icomoon' !important; content: "\e90e"; color: #a5b1ad; font-size: 12px; top: 12px; right: -27px; bottom: 0; margin: 0px; font-weight: 400; border: none !important; transform: rotate(90deg) !important; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; height: 100%; width: 15px; } .footer-widget-address-select-box .nice-select.wide .list { margin-top: 10px; margin-right: -13px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .footer-widget-address-select-box .nice-select .option { color: var(--thm-black); padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 40px; min-height: 40px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .footer-widget-address-select-box .nice-select .option+.option { border-top: 1px solid rgba(0, 0, 0, 0.10); } .footer-widget-address-select-box .nice-select .option:hover, .footer-widget-address-select-box .nice-select .option.focus, .footer-widget-address-select-box .nice-select .option.selected.focus { color: var(--thm-black) !important; background-color: var(--thm-primary-color); } .footer-widget-language-select-box { position: relative; display: block; max-width: 125px; width: 100%; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 0px 15px 0px; margin-top: 10px; } .footer-widget-language-select-box .language-switcher-style1 .nice-select:after { right: -20px; } .footer-widget-language-select-box .language-switcher-style1 .nice-select.wide .list { margin-right: -15px; } .single-footer-widget.in-style-2 .title h3 { color: var(--thm-black); } .footer-widget-links.in-style-2 ul li a { color: var(--thm-body-font-color); } .footer-widget-links.in-style-2 ul li a:hover { color: var(--thm-primary-color); } .single-footer-widget-blog-post { position: relative; display: block; } .single-footer-widget-blog-post .title h3 { color: var(--thm-black); } .single-footer-widget-blog-post .blog-list { position: relative; display: block; padding-top: 21px; } .single-footer-widget-blog-post .blog-list ul { position: relative; display: block; } .single-footer-widget-blog-post .blog-list ul li { position: relative; display: block; } .single-footer-widget-blog-post .blog-list ul li+li { margin-top: 8px; } .single-footer-widget-blog-post .blog-list ul li span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .single-footer-widget-blog-post .blog-list ul li h4 { position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 500; margin-top: 5px; } .single-footer-widget-blog-post .blog-list ul li h4 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget-blog-post .blog-list ul li h4 a:hover { color: var(--thm-primary-color); } .single-footer-widget-blog-post .blog-list ul li>a { position: relative; display: inline-block; color: var(--thm-black); font-size: 25px; margin-top: 12px; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget-blog-post .blog-list ul li>a:hover { color: var(--thm-primary-color); } .footer-bottom-style3 { border-top: 1px solid var(--thm-border-color); } .footer-bottom-style3 .copyright-text p { color: var(--thm-black); } .footer-bottom-style3 .copyright-text p a:hover { color: var(--thm-black); } .footer-bottom-style3 .footer-menu ul li::before { background-color: var(--thm-black-bg); } .footer-bottom-style3 .footer-menu ul li a { color: var(--thm-black); } .footer-bottom-style3 .footer-menu ul li a:hover { color: var(--thm-primary-color); } .footer-style4 { background-color: var(--thm-gray-bg); } .footer-style4 .container { max-width: 1850px; } .footer-style4__inner { position: absolute; top: 0; left: 0; bottom: 0; right: 50px; max-width: 910px; width: 100%; margin: 0 auto; } .footer-style4__inner ul { position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; } .footer-style4__inner ul li { position: relative; display: block; width: 1px; height: 100%; background-color: #cad8d4; } .single-footer-widget.instyle3 .title h3 { color: var(--thm-black); } .check-employer-box1.check-employer-box1--style2 li { float: none; } .check-employer-box1.check-employer-box1--style2 ul li+li { margin-left: 0px; margin-top: 10px; } .footer-widget-info-box .logo-box { position: relative; display: block; } .footer-widget-info-box .logo-box a { position: relative; display: inline-block; } .footer-widget-info-box .logo-box a img { width: auto; } .footer-widget-links.instyle3 ul li a { color: var(--thm-body-font-color); } .footer-widget-links.instyle3 ul li a:hover { color: var(--thm-primary-color); margin-left: 5px; } .footer-widget-links .fab.fa-whatsapp { font-size: larger; font-weight: 600; } .footer-widget-contact-info2 { position: relative; display: block; padding-top: 24px; } .footer-widget-info-box.four { position: relative; display: block; } .footer-widget-info-box.four .title { position: relative; display: block; margin-top: -8px; } .footer-widget-info-box.four .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .footer-widget-contact-info2>ul { position: relative; display: block; } .footer-widget-contact-info2>ul li { position: relative; display: block; } .footer-widget-contact-info2>ul li+li { margin-top: 10px; } .footer-widget-contact-info2>ul li .text { position: relative; display: block; } .footer-widget-contact-info2>ul li .text p { color: #93a09c; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .footer-widget-contact-info2>ul li .text a { position: relative; display: inline-block; color: var(--thm-black); font-size: 17px; line-height: 27px; font-family: var(--thm-font); font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-contact-info2>ul li .text a:hover { color: var(--thm-primary-color); } .footer-widget-contact-info2 .social-links { position: relative; display: block; padding-top: 65px; } .footer-widget-contact-info2 .social-links p { color: #93a09c; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .footer-widget-contact-info2>.social-links ul { position: relative; display: flex; align-items: center; margin-top: 13px; } .footer-widget-contact-info2>.social-links ul li { position: relative; display: block; } .footer-widget-contact-info2>.social-links ul li+li { margin-left: 30px; } .footer-widget-contact-info2>.social-links ul li a { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 18px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .footer-widget-contact-info2>.social-links ul li:hover a { color: var(--thm-primary-color); } .footer-bottom3 { border-top: 1px solid #cad8d4; } .footer-bottom3 .bottom-inner { justify-content: normal; } .footer-bottom3 .footer-menu ul li::before { background-color: var(--thm-black); } .footer-bottom3 .footer-menu ul li a { color: var(--thm-black); } .footer-bottom3 .footer-menu ul li a:hover { color: var(--thm-primary-color); } .footer-bottom3 .copyright-text { margin-left: 345px; } .footer-bottom3 .copyright-text p { color: var(--thm-black); } .footer-bottom3 .copyright-text p a { color: var(--thm-primary-color); transition: all 200ms linear; transition-delay: 0.1s; } .footer-bottom3 .copyright-text p a:hover { color: var(--thm-black); } .footer-style5 { background-color: var(--thm-black-bg); } .footer-style5__main { position: relative; display: block; padding: 120px 0px 112px; } .single-footer-widget-mobile-app { position: relative; display: block; } .footer-widget-mobile-app { position: relative; display: block; padding-top: 23px; } .footer-widget-mobile-app .text { position: relative; display: block; } .footer-widget-mobile-app .text p { color: #a5b1ad; } .footer-widget-mobile-app .store-app { position: relative; display: block; padding-top: 22px; } .footer-widget-mobile-app .store-app ul { position: relative; display: flex; align-items: center; } .footer-widget-mobile-app .store-app ul li { position: relative; display: block; } .footer-widget-mobile-app .store-app ul li+li { margin-left: 10px; } .footer-widget-mobile-app .store-app ul li a { position: relative; display: flex; align-items: center; justify-content: center; color: var(--thm-white); font-size: 20px; line-height: 20px; width: 55px; height: 55px; border-radius: 6px; background-color: transparent; border: 1px solid #23423f; transition: border-color 0.5s ease; transition: all 0.5s ease; } .footer-widget-mobile-app .store-app ul li a:hover { color: var(--thm-primary-color); border-color: var(--thm-primary-color); } .footer-widget-mobile-app .copyright-text { padding-top: 92px; } .footer-widget-gallery { position: relative; display: block; padding-top: 31px; } .footer-widget-gallery ul { position: relative; display: block; margin-left: -7.5px; margin-right: -7.5px; } .footer-widget-gallery ul li { position: relative; display: block; float: left; padding: 0 7.5px 15px; } .footer-widget-gallery ul li .img-box { position: relative; display: block; overflow: hidden; border-radius: 6px; z-index: 1; } .footer-widget-gallery ul li .img-box::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: rgb(255, 255, 255, 0.85); transition: opacity 0.5s ease; transition: all 0.5s ease; z-index: 1; } .footer-widget-gallery ul li:hover .img-box::before { opacity: 1; } .footer-widget-gallery ul li .img-box img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .footer-widget-gallery ul li:hover .img-box img { transform: scale(1.0) rotate(0deg); } .footer-widget-gallery ul li .img-box a { position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; left: 0; bottom: 0; right: 0px; opacity: 0; color: var(--thm-black); font-size: 26px; line-height: 26px; transition: all 200ms linear; transition-delay: 0.1s; -webkit-transform: perspective(400px) rotateY(20deg) translateY(100%); -ms-transform: perspective(400px) rotateY(20deg) translateY(100%); transform: perspective(400px) rotateY(20deg) translateY(100%); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; z-index: 2; } .footer-widget-gallery ul li:hover .img-box a { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%); -ms-transform: perspective(400px) rotateY(0deg) translateY(0%); transform: perspective(400px) rotateY(0deg) translateY(0%); transition-delay: .3s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; } .footer-widget-gallery ul li .img-box a:hover { color: var(--thm-primary-color); } .footer-widget-gallery .btn-box { position: relative; display: block; padding-top: 30px; } .footer-widget-gallery .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 14px; font-weight: 600; text-transform: uppercase; } .footer-widget-gallery .btn-box a i { position: relative; display: inline-block; padding-left: 7px; font-weight: 400; } .footer-style5__middle { position: relative; display: block; background-color: var(--thm-white); } .footer-style5__middle ul li { border-right: 1px solid var(--thm-border-color); padding-top: 23px; padding-bottom: 23px; } .footer-style5__middle ul li:last-child { border-right: 0px solid transparent; } .footer-style5__middle ul li+li .single-box { padding-left: 15px; } .footer-style5__middle .logo-box { position: relative; display: block; } .footer-style5__middle .logo-box a { position: relative; display: inline-block; } .footer-style5__middle .logo-box a img { width: auto; } .footer-style5__middle .single-box { position: relative; display: block; } .footer-style5__middle .single-box h6 { color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .footer-style5__middle .single-box p { color: var(--thm-black); } .footer-style5__middle .single-box p a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .footer-style5__middle .single-box p a:hover { color: var(--thm-primary-color); } .footer-style5__bottom { position: relative; display: block; overflow: hidden; padding: 120px 0px 115px; } .footer-style5__bottom-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; } .footer-style5__bottom .sec-title h2 { color: var(--thm-white); } .footer-style5__bottom .sec-title p { color: #a5b1ad; } .footer-style5__bottom-form { position: relative; display: block; z-index: 2; } .footer-style5__bottom-form form { position: relative; display: block; } .footer-style5__bottom-form form .form-group { position: relative; display: block; } .footer-style5__bottom-form form .form-group .input-box { position: relative; display: block; } .footer-style5__bottom-form form .form-group input[type="text"] { position: relative; display: block; background: transparent; border: 1px solid rgb(255, 255, 255, 0.15); width: 100%; height: 55px; color: #a5b1ad; font-size: 17px; font-family: var(--thm-font); font-weight: 400; font-style: normal; padding-left: 20px; padding-right: 20px; border-radius: 6px; transition: all 500ms ease; } .footer-style5__bottom-form form .form-group input[type="text"]:focus { border: 1px solid var(--thm-primary-color); outline: none; } .footer-style5__bottom-form form .form-group input[type="text"]::-webkit-input-placeholder { color: #a5b1ad; } .footer-style5__bottom-form form .form-group input[type="text"]:-moz-placeholder { color: #a5b1ad; } .footer-style5__bottom-form form .form-group input[type="text"]::-moz-placeholder { color: #a5b1ad; } .footer-style5__bottom-form form .form-group input[type="text"]:-ms-input-placeholder { color: #a5b1ad; } .footer-style5__bottom-form form .form-group .select-box { position: relative; display: block; width: 100%; } .footer-style5__bottom-form form .form-group .nice-select { position: relative; display: block; background-color: transparent; border-radius: 6px; border: 1px solid rgb(255, 255, 255, 0.15); width: 100%; height: 55px; color: #a5b1ad; font-size: 17px; font-weight: 400; line-height: 53px; outline: none; padding-left: 20px; padding-right: 20px; transition: all 0.2s ease-in-out; font-family: var(--thm-font); } .footer-style5__bottom-form form .form-group .nice-select:focus { border: 1px solid var(--thm-primary-color); outline: none; } .footer-style5__bottom-form form .form-group .nice-select:after { position: absolute; content: "\e973"; font-family: 'icomoon' !important; color: #a5b1ad; font-size: 16px; top: 45px; right: 20px; bottom: 0; margin: 0px; font-weight: 400; border: none !important; transform: rotate(180deg) !important; } .footer-style5__bottom-form form .form-group .nice-select .list { background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 0px 0 0px; margin-top: 10px; z-index: 4; } .footer-style5__bottom-form form .form-group .nice-select .option { padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 40px; min-height: 40px; } .footer-style5__bottom-form form .form-group .button-box { position: relative; display: block; } .footer-style5__bottom-form form .form-group .button-box .btn-one { color: var(--thm-black); line-height: 35px; width: 100%; justify-content: center; } .footer-style5__bottom-form form .form-group .button-box .btn-one:hover { color: var(--thm-white); } .footer-style5__bottom-form form .form-group .button-box .btn-one::before { background-color: var(--thm-primary-color); } .footer-style5__bottom-form form .form-group .button-box .btn-one::after { background-color: var(--thm-white); } .footer-style5__bottom-text { position: relative; display: block; text-align: center; padding-top: 42px; z-index: 1; } .footer-style5__bottom-text p { position: relative; display: flex; align-items: center; justify-content: center; color: var(--thm-primary-color); } .footer-style5__bottom-text p a { position: relative; display: flex; align-items: center; color: var(--thm-white); font-size: 17px; margin-left: 5px; transition: all 200ms linear; transition-delay: 0.1s; } .footer-style5__bottom-text p a:hover { color: var(--thm-primary-color); } .footer-style5__bottom-text p a i { margin-left: 7px; } .place-blog-form { background-color: var(--thm-gray-bg); padding: 60px 0 60px; } .blog-style1 { position: relative; display: block; background-color: var(--thm-white); padding: 60px 0px 60px; z-index: 10; } .blog-style1__single { position: relative; display: block; border: 1px solid gray; border-radius: 6px; padding-bottom: 28px; margin-bottom: 30px; transition: all 200ms linear; transition-delay: 0.1s; } .blog-style1__single:hover { box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); } .blog-style1__single .author-info { position: relative; display: flex; align-items: center; background-color: var(--thm-gray-bg); border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 20px 30px 19px; padding-right: 0; } .blog-style1__single .author-info::before { } .blog-style1__single .author-info__img { position: relative; display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 2px solid var(--thm-white); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); } .blog-style1__single .author-info__img img { width: 100%; padding: 5px 10px; } .blog-style1__single .author-info__text { position: relative; display: block; padding-left: 10px; flex: 1; } .blog-style1__single .author-info__text h5 { font-size: 14px; line-height: 20px; font-family: var(--thm-font); text-transform: uppercase; margin-bottom: 1px; } .blog-style1__single .author-info__text ul { position: relative; display: flex; align-items: center; } .blog-style1__single .author-info__text ul li { position: relative; display: block; } .blog-style1__single .author-info__text ul li::before { content: ""; position: absolute; left: -10px; bottom: 8px; right: 0; width: 2px; height: 2px; background-color: #93a09c; } .blog-style1__single .author-info__text ul li:first-child::before { display: none; } .blog-style1__single .author-info__text ul li+li { margin-left: 16px; } .blog-style1__single .author-info__text ul li a { position: relative; display: inline-block; color: #93a09c; font-size: 16px; line-height: 22px; font-family: var(--thm-font); font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; } .blog-style1__single .author-info__text ul li a:hover { color: var(--thm-black); } .blog-details-form .title{ text-align: center !important; } .blog-single-page-content .blog-style1__single-img{ height: auto !important; } .blog-single-page-content .blog-style1__single--3{ padding: 0 !important; } .blog-style1__single-img { position: relative; display: block; overflow: hidden; border-radius: 6px; width: 100%; height: 300px; background: #8080809e; } .blog-actions .dropdown { margin-right: 20px; } .blog-actions .dropdown-menu{ left: 180px !important; z-index: 5; } .blog-style1__single-img .category-box { position: absolute; top: 0; left: 15px; background-color: var(--thm-primary-color); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 6px 20px 6px; z-index: 2; } .blog-style1__single-img .category-box p { position: relative; display: inline-block; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .blog-style1__single-img::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; z-index: 1; } .blog-style1__single:hover .blog-style1__single-img::before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .blog-style1__single-img img { width: 100%; height: 300px; object-fit: cover; transition: .5s ease; transform: scale(1.05); } .blog-style1__single:hover .blog-style1__single-img img { transform: scale(1); } .blog-style1__single-title { position: relative; display: block; min-height: 160px; padding: 23px 30px 0; } .blog-style1__single-title h3{ min-height: 100px; } .blog-style1__single-title.coming-soon { padding: 195px 20px; background-color: var(--thm-black-bg); color: var(--thm-white); text-align: center; opacity: 0.5; } .blog-style1__single-title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .blog-style1__single-title.coming-soon h3 a { color: var(--thm-white); font-weight: 700; } .blog-style1__single-title.coming-soon p { color: var(--thm-white); } .blog-style1__single-title h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-style1__single-title h3 a:hover { color: var(--thm-primary-color); } .blog-style1__single-btn { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 30px 0px; margin-top: 20px; } .blog-style1__single-btn .left { position: relative; display: block; } .blog-style1__single-btn .left p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .blog-style1__single-btn .right { position: relative; display: block; overflow: hidden; line-height: 0; width: 140px; } .blog-style1__single-btn .right a { position: relative; display: block; float: right; color: var(--thm-black); font-size: 24px; opacity: 1; transform: translateX(0px); -webkit-transition: all 400ms linear; transition: all 400ms linear; } .blog-style1__single:hover .blog-style1__single-btn .right a { transform: translateX(50px); } .blog-style1__single:hover .blog-style1__single-btn .right a {} .blog-style1__single-btn .right .overlay-btn { position: absolute; top: 0; right: 0; bottom: 0; opacity: 0; transform: translateX(100px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .blog-style1__single:hover .blog-style1__single-btn .right .overlay-btn { opacity: 1; transform: translateX(0px); } .blog-style1__single-btn .right .overlay-btn a { position: relative; display: inline-flex; align-items: center; float: none; color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transform: translateX(0px); -webkit-transition: all 400ms linear; transition: all 400ms linear; } .blog-style1__single:hover .blog-style1__single-btn .right .overlay-btn a { opacity: 1; transform: translateX(0px); } .blog-style1__single-btn .right .overlay-btn a span { margin-left: 6px; } .blog-style2 { background-color: var(--thm-white); padding: 120px 0px 120px; } .blog-style2__title { position: relative; display: block; } .blog-style2__title .sec-title { padding-bottom: 26px; } .blog-style2__title .border-line { position: relative; display: block; width: 55px; height: 1px; background-color: var(--thm-primary-color); } .blog-style2__title .newsletter-box { position: relative; display: block; padding-top: 43px; } .blog-style2__title .newsletter-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 8px; } .blog-style2__title .newsletter-box p { margin: 0; } .blog-style2__form { position: relative; display: block; } .check-employer-box1 { position: relative; display: block; padding: 22px 0 25px; } .check-employer-box1 ul { position: relative; display: block; overflow: hidden; } .check-employer-box1 ul li { position: relative; display: block; float: left; } .check-employer-box1 ul li+li { margin-left: 20px; } .check-employer-box1 ul li input[type=radio] { position: absolute; top: 0; left: 0; opacity: 0; } .check-employer-box1 ul li label { position: relative; display: block; padding-left: 25px; color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; } .check-employer-box1 ul li input[type=radio]+label span { position: absolute; top: 5px; left: 0; width: 14px; height: 14px; border: 2px solid #a5b1ad; border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; } .check-employer-box1 ul li label span:before { content: ""; position: absolute; top: 3px; left: 3px; bottom: 4px; right: 4px; width: 4px; height: 4px; transform: scale(0); background-color: var(--thm-primary-color); border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; } .check-employer-box1 ul li input[type=radio]:checked+label { color: var(--thm-black); } .check-employer-box1 ul li input[type=radio]:checked+label span { border-color: var(--thm-primary-color); } .check-employer-box1 ul li input[type=radio]:checked+label span::before { transform: scale(1.0); } .blog-style2__form form { position: relative; display: block; } .blog-style2__form form .form-group { position: relative; display: block; max-width: 350px; width: 100%; margin: 0px 0 0px; } .blog-style2__form form .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 55px; color: var(--thm-body-font-color); font-size: 17px; font-weight: 400; border-radius: 6px; border: 1px solid var(--thm-border-color); background: transparent; padding-left: 20px; padding-right: 10px; } .blog-style2__form .checked-box1 { position: relative; display: block; padding-top: 12px; } .blog-style2__form .checked-box1 label { position: relative; padding-left: 25px; color: var(--thm-body-font-color); font-size: 15px; line-height: 26px; font-family: var(--thm-font); font-weight: 400; cursor: pointer; } .blog-style2__form .checked-box1 input[type="checkbox"]+label span { top: 6px; left: 0; width: 15px; height: 15px; border: 1px solid var(--thm-border-color); border-radius: 4px; } .blog-style2__form .checked-box1 label span:before { top: -1px; width: 9px; height: 9px; border-radius: 4px; } .blog-style2__form .checked-box1 input[type="checkbox"]:checked+label span { border-color: var(--thm-primary-color); } .blog-style2__form .btn-box { position: relative; display: inline-block; line-height: 0; padding-top: 25px; } .blog-style2__inner { position: relative; display: block; } .blog-style2__inner>li+li { margin-top: 30px; } .blog-style2__single { position: relative; display: block; } .blog-style2__single .row { --bs-gutter-x: 0px; } .blog-style2__single-img { position: relative; display: block; overflow: hidden; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .blog-style2__single-img::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; z-index: 1; } .blog-style2__single:hover .blog-style2__single-img::before { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .blog-style2__single-img img { width: 100%; transition: .5s ease; transform: scale(1.05); } .blog-style2__single:hover .blog-style2__single-img img { transform: scale(1); } .blog-style2__single-img .category-box { position: absolute; top: 20px; right: 0px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-color: var(--thm-primary-color); padding: 20px 6px 20px; writing-mode: vertical-lr; z-index: 3; } .blog-style2__single-img .category-box p { position: relative; display: inline-block; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .blog-style2__single-content { position: relative; display: block; border: 1px solid var(--thm-border-color); border-left: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; padding: 0px 30px 31px; padding-right: 0; } .blog-style2__single-content .author-info { position: relative; display: flex; align-items: center; background-color: var(--thm-gray-bg); margin-left: -30px; padding: 19px 30px 18px; } .blog-style2__single-content .author-info .author-info__img { position: relative; display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 2px solid var(--thm-white); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); } .blog-style2__single-content .author-info .author-info__img img { width: 100%; } .blog-style2__single-content .author-info .author-info__text { position: relative; display: block; padding-left: 10px; } .blog-style2__single-content .author-info .author-info__text h5 { font-size: 14px; line-height: 20px; font-family: var(--thm-font); text-transform: uppercase; margin-bottom: 1px; } .blog-style2__single-content .author-info .author-info__text ul { position: relative; display: flex; align-items: center; } .blog-style2__single-content .author-info .author-info__text ul li { position: relative; display: block; } .blog-style2__single-content .author-info .author-info__text ul li::before { content: ""; position: absolute; left: -10px; bottom: 8px; right: 0; width: 2px; height: 2px; background-color: #93a09c; } .blog-style2__single-content .author-info .author-info__text ul li:first-child::before { display: none; } .blog-style2__single-content .author-info .author-info__text ul li+li { margin-left: 16px; } .blog-style2__single-content .author-info .author-info__text ul li a { position: relative; display: inline-block; color: #93a09c; font-size: 16px; line-height: 22px; font-family: var(--thm-font); font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; } .blog-style2__single-content .author-info .author-info__text ul li a:hover { color: var(--thm-black); } .blog-style2__single-content .title-box { position: relative; display: block; padding-top: 33px; } .blog-style2__single-content .title-box h3 { font-size: 24px; line-height: 34px; font-family: var(--thm-font-2); font-weight: 500; } .blog-style2__single-content .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-style2__single-content .title-box h3 a:hover { color: var(--thm-primary-color); } .blog-style2__single-btn { position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 19px; padding-right: 30px; } .blog-style2__single-btn p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .blog-style2__single-btn a { position: relative; display: inline-block; color: var(--thm-black); font-size: 22px; transition: all 200ms linear; transition-delay: 0.1s; } .blog-style2__single-btn a:hover { color: var(--thm-primary-color); } .blog-style3 { background-color: var(--thm-white); padding: 120px 0px 120px; } .blog-style3 .container { max-width: 100%; padding-left: 0; padding-right: 0; margin-left: 30px; } .blog-style3__single { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 0px 30px 33px; padding-right: 20px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .blog-style3__single:hover { box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); } .blog-style3__single .author-info { position: relative; display: flex; align-items: center; background-color: var(--thm-gray-bg); margin: 0px -30px 0px; padding: 19px 30px 18px; } .blog-style3__single .author-info .author-info__img { position: relative; display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 2px solid var(--thm-white); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); } .blog-style3__single .author-info .author-info__img img { width: 100%; } .blog-style3__single .author-info .author-info__text { position: relative; display: block; padding-left: 10px; } .blog-style3__single .author-info .author-info__text h5 { font-size: 14px; line-height: 20px; font-family: var(--thm-font); text-transform: uppercase; margin-bottom: 1px; } .blog-style3__single .author-info .author-info__text ul { position: relative; display: flex; align-items: center; } .blog-style3__single .author-info .author-info__text ul li { position: relative; display: block; } .blog-style3__single .author-info .author-info__text ul li::before { content: ""; position: absolute; left: -10px; bottom: 8px; right: 0; width: 2px; height: 2px; background-color: #93a09c; } .blog-style3__single .author-info .author-info__text ul li:first-child::before { display: none; } .blog-style3__single .author-info .author-info__text ul li+li { margin-left: 16px; } .blog-style3__single .author-info .author-info__text ul li a { position: relative; display: inline-block; color: #93a09c; font-size: 16px; line-height: 22px; font-family: var(--thm-font); font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; } .blog-style3__single .author-info .author-info__text ul li a:hover { color: var(--thm-black); } .blog-style3__single .category-box { position: relative; display: inline-block; background-color: var(--thm-primary-color); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 6px 20px 6px; } .blog-style3__single .category-box p { position: relative; display: inline-block; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .blog-style3__single .title-box { position: relative; display: block; padding-top: 33px; } .blog-style3__single .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .blog-style3__single .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-style3__single .title-box h3 a:hover { color: var(--thm-primary-color); } .blog-style3__single .text { position: relative; display: block; padding-top: 23px; } .blog-style3__single .text.text-style2 { padding-top: 57px; } .blog-style3__single .text p { margin: 0; } .blog-style3__single-btn { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 25px; } .blog-style3__single-btn .left { position: relative; display: block; } .blog-style3__single-btn .left p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .blog-style3__single-btn .right { position: relative; display: block; overflow: hidden; line-height: 0; width: 140px; } .blog-style3__single-btn .right a { position: relative; display: block; float: right; color: var(--thm-black); font-size: 24px; opacity: 1; transform: translateX(0px); -webkit-transition: all 400ms linear; transition: all 400ms linear; } .blog-style3__single:hover .blog-style3__single-btn .right a { transform: translateX(50px); } .blog-style3__single-btn .right .overlay-btn { position: absolute; top: 0; right: 0; bottom: 0; opacity: 0; transform: translateX(100px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .blog-style3__single:hover .blog-style3__single-btn .right .overlay-btn { opacity: 1; transform: translateX(0px); } .blog-style3__single-btn .right .overlay-btn a { position: relative; display: inline-flex; align-items: center; float: none; color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transform: translateX(0px); -webkit-transition: all 400ms linear; transition: all 400ms linear; } .blog-style3__single:hover .blog-style3__single-btn .right .overlay-btn a { opacity: 1; transform: translateX(0px); } .blog-style3__single-btn .right .overlay-btn a span { margin-left: 6px; } .blog-page-one { background-color: var(--thm-white); padding: 60px 0px 60px; } .blog-page-one__inner { padding-bottom: 30px; } .blog-page-two { background-color: var(--thm-white); padding: 60px 0px 60px; } .blog-page-two__inner { padding-bottom: 30px; } .blog-style2__single--style4 { margin-bottom: 30px; } .blog-page-three { background-color: var(--thm-white); padding: 120px 0px 120px; } .blog-page-three__inner { padding-bottom: 10px; } .sidebar-box-style1.sidebar-box-style1--style2 { margin-left: 20px; margin-right: 0; } .blog-style1__single--2 { margin-bottom: 50px; } .blog-style-2__single-content { position: relative; display: block; padding: 28px 40px 5px; } .blog-style-2__single-content .title-box { position: relative; display: block; padding-bottom: 17px; } .blog-style-2__single-content .title-box h3 { font-size: 36px; line-height: 1.2em; font-weight: 500; } .blog-style-2__single-content .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-style-2__single-content .title-box h3 a:hover { color: var(--thm-primary-color); } .blog-style-2__single-content .text-box { position: relative; display: block; padding-bottom: 5px; } .blog-style-2__single-content .text-box p { margin: 0; } .blog-style1__single-btn--2 { padding: 0px 0px 0px; } .blog-style1__single-btn--2 .right { width: 185px; } .blog-style1__single-btn--2 .right a { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; font-family: var(--thm-font); text-transform: uppercase; -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .blog-style1__single-btn--2 .right a:hover { color: var(--thm-primary-color); } .blog-style1__single:hover .blog-style1__single-btn--2 .right a { transform: translateX(0px); } .blog-style1__single-btn--2 .right a span { position: relative; display: inline-block; font-size: 12px; margin-left: 7px; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .blog-style1__single:hover .blog-style1__single-btn--2 .right a span { opacity: 0; } .blog-style1__single-btn--2 .right a span.arrow-hover { margin-left: -7px; opacity: 0; transform: translateX(-7px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 24px; } .blog-style1__single:hover .blog-style1__single-btn--2 .right a span.arrow-hover { opacity: 1; transform: translateX(0px); } .styled-pagination.blog-three-page { justify-content: flex-start; } .blog-page-four { background-color: var(--thm-white); padding: 120px 0px 120px; } .sidebar-box-style1 { position: relative; display: block; margin-right: 20px; } .sidebar-search-box-one { position: relative; display: block; } .sidebar-search-box-one form.search-form { position: relative; display: block; width: 100%; } .sidebar-search-box-one .search-form input[type="text"] { position: relative; display: block; width: 100%; height: 55px; border-radius: 6px; background-color: var(--thm-white); border: 1px solid var(--thm-border-color); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12); color: #a5b1ad; font-size: 17px; font-weight: 400; font-family: var(--thm-font); padding-left: 25px; padding-right: 70px; transition: all 500ms ease 0s; } .sidebar-search-box-one .search-form input[type="text"]:focus { color: var(--thm-black); border-color: var(--thm-primary-color); } .sidebar-search-box-one .search-form input::-webkit-input-placeholder { color: #a5b1ad; } .sidebar-search-box-one .search-form input:-moz-placeholder { color: #a5b1ad; } .sidebar-search-box-one .search-form input::-moz-placeholder { color: #a5b1ad; } .sidebar-search-box-one .search-form input:-ms-input-placeholder { color: #a5b1ad; } .sidebar-search-box-one .search-form button { position: absolute; top: 0px; right: 25px; bottom: 0px; background-color: transparent; color: var(--thm-black); font-size: 20px; transform: rotate(270deg); transition: all 500ms ease 0s; } .sidebar-search-box-one .search-form button i { position: relative; top: 0px; } .sidebar-search-box-one .search-form input[type="text"]:focus+button, .sidebar-search-box-one .search-form button:hover { color: var(--thm-primary-color); } .single-sidebar-box { position: relative; display: block; padding-top: 42px; } .single-sidebar-box .sidebar-title { position: relative; display: block; padding-left: 25px; padding-bottom: 26px; } .single-sidebar-box .sidebar-title::before { content: ""; position: absolute; top: 9px; left: 0; bottom: 0; width: 15px; height: 15px; background-color: var(--thm-primary-color); clip-path: polygon(0 0, 0% 100%, 100% 50%); } .single-sidebar-box .sidebar-title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .sidebar-categories-box { position: relative; display: block; } .sidebar-categories-box .list-item { position: relative; display: block; border-radius: 6px; border: 1px solid var(--thm-border-color); padding: 10px 25px 12px; } .sidebar-categories-box .list-item li { position: relative; display: block; border-bottom: 1px solid var(--thm-border-color); padding-left: 22px; padding-bottom: 12px; margin-bottom: 10px; transition: all .5s; } .sidebar-categories-box .list-item li:last-child { border-bottom: 0px solid transparent; padding-bottom: 0px; margin-bottom: 0px; } .sidebar-categories-box .list-item li:hover { padding-left: 0; } .sidebar-categories-box .list-item li .icon { position: absolute; top: 7px; left: 0; opacity: 1; line-height: 0; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-categories-box .list-item li:hover .icon { opacity: 0; } .sidebar-categories-box .list-item li .icon span { position: relative; display: inline-block; color: #a5b1ad; font-size: 16px; font-weight: 600; } .sidebar-categories-box .list-item li .text { position: relative; display: block; } .sidebar-categories-box .list-item li .text a { position: relative; display: inline-block; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-categories-box .list-item li .text a:hover { color: var(--thm-primary-color); } .sidebar-categories-box .list-item li a i { position: relative; display: inline-block; font-size: 16px; font-weight: 600; top: 2px; opacity: 0; margin-left: 3px; transform: translateX(-3px); transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-categories-box .list-item li a i { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar-categories-box .list-item li a:hover i { opacity: 1; transform: translateX(0px); } .sidebar-blog-post { position: relative; display: block; } .sidebar-blog-post ul { position: relative; display: block; } .sidebar-blog-post ul li { position: relative; display: block; overflow: hidden; height: 165px; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 19px 25px 19px; } .sidebar-blog-post ul li+li { margin-top: 20px; } .sidebar-blog-post ul li .overlay-img { position: absolute; top: 0; left: 0; width: 0%; height: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar-blog-post ul li:hover .overlay-img { width: 100%; } .sidebar-blog-post ul li .overlay-img img { transform: translateY(-50%) scaleY(1.5); opacity: 0; filter: blur(10px); object-fit: cover; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar-blog-post ul li:hover .overlay-img img { transform: translateY(0%) scaleY(1); opacity: 1; filter: blur(0px); } .sidebar-blog-post li .category-box { position: relative; display: block; padding-bottom: 6px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar-blog-post li:hover .category-box { z-index: -5; } .sidebar-blog-post li .category-box p { color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .sidebar-blog-post li .title-box { position: relative; display: block; padding-bottom: 12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar-blog-post li:hover .title-box { z-index: -5; } .sidebar-blog-post li .title-box h3 { font-size: 20px; line-height: 30px; font-weight: 500; } .sidebar-blog-post li .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-blog-post li .title-box h3 a:hover { color: var(--thm-primary-color); } .sidebar-blog-post li .btn-box { position: relative; display: block; overflow: hidden; line-height: 0; width: 101px; } .sidebar-blog-post li .btn-box a { position: relative; display: block; color: var(--thm-black); font-size: 25px; opacity: 1; transform: translateX(0px); -webkit-transition: all 400ms linear; transition: all 400ms linear; } .sidebar-blog-post li:hover .btn-box a { transform: translateX(-50px); } .sidebar-blog-post li .btn-box .overlay-btn { position: absolute; top: 0; right: 0; bottom: 0; opacity: 0; transform: translateX(100px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .sidebar-blog-post li:hover .btn-box .overlay-btn { opacity: 1; transform: translateX(0px); } .sidebar-blog-post li .btn-box .overlay-btn a { position: relative; display: inline-flex; align-items: center; float: none; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transform: translateX(0px); -webkit-transition: all 400ms linear; transition: all 400ms linear; } .sidebar-blog-post li:hover .btn-box .overlay-btn a { opacity: 1; transform: translateX(0px); } .sidebar-blog-post li .btn-box .overlay-btn a:hover { color: var(--thm-primary-color); } .sidebar-blog-post li .btn-box .overlay-btn a span { margin-left: 6px; } .sidebar-blog-tag { position: relative; display: block; } .sidebar-blog-tag ul { position: relative; display: block; overflow: hidden; border-radius: 6px; margin-left: -2.5px; margin-right: -2.5px; border: 1px solid var(--thm-border-color); padding: 25px 23.5px 20px; } .sidebar-blog-tag ul li { position: relative; display: block; float: left; margin: 0 2.5px 5px; } .sidebar-blog-tag ul li a { position: relative; display: block; padding: 8px 19px 8px; border-radius: 6px; background: var(--thm-gray-bg); border: 1px solid var(--thm-gray-bg); color: var(--thm-body-font-color); font-size: 17px; line-height: 22px; font-weight: 400; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-blog-tag ul li:hover a { color: var(--thm-primary-color); border: 1px solid var(--thm-border-color); background-color: var(--thm-white); } .sidebar-blog-banner { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: #103934; padding: 40px 40px 40px; } .sidebar-blog-banner .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 6px; background-color: var(--thm-primary-color); margin: 0 auto; } .sidebar-blog-banner .icon i { position: relative; display: inline-block; color: var(--thm-white); font-size: 32px; } .sidebar-blog-banner .title { position: relative; display: block; padding-top: 23px; } .sidebar-blog-banner .title h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 3px; } .sidebar-blog-banner .title h2 { color: var(--thm-white); font-size: 30px; line-height: 40px; font-weight: 500; } .sidebar-blog-banner .text { position: relative; display: block; padding-top: 8px; } .sidebar-blog-banner .text p { color: #a5b1ad; } .sidebar-blog-banner .btn-box { position: relative; display: block; line-height: 0; padding-top: 22px; } .sidebar-blog-banner .btn-box .btn-one { color: var(--thm-black); } .sidebar-blog-banner .btn-box .btn-one:hover { color: var(--thm-white); } .sidebar-blog-banner .btn-box .btn-one::before { background-color: var(--thm-primary-color); } .sidebar-blog-banner .btn-box .btn-one::after { background-color: var(--thm-white); } .sidebar-blog-banner__shape1 { position: absolute; top: -1px; left: 0; bottom: -1px; right: 0; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; } .blog-page-four__content { position: relative; display: block; padding-bottom: 60px; } .blog-style2__single--style3+.blog-style2__single--style3 { margin-top: 30px; } .blog-style2__single--style3 .blog-style2__single-img { max-width: 370px; } .blog-style2__single--style3 .blog-style2__single-content { padding: 0px 30px 31px; margin-left: -15px; } .blog-style2__single--style3 .blog-style2__single-content .author-info { margin-right: -30px; } .blog-style2__single--style3 .blog-style2__single-content .title-box { padding-top: 28px; } .blog-style2__single--style3 .blog-style2__single-btn { padding-top: 14px; } .blog-single-page { background-color: var(--thm-white); padding: 60px 0px 60px; } .blog-single-page-content { position: relative; display: block; margin-top: -9px; } .blog-single-page-content .title-box { position: relative; display: block; } .blog-single-page-content .title-box h2 { font-size: 46px; line-height: 1.2em; font-weight: 500; } .blog-single-page-content .title-box h2 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-single-page-content .title-box h2 a:hover { color: var(--thm-primary-color); } .blog-style1__single--3 { padding-bottom: 19px; margin-bottom: 32px; } .blog-single-page-content .text-box1 { position: relative; display: block; } .blog-single-page-content .text-box1 p { margin: 0; } .blog-single-page-content>div.text-box1:nth-of-type(3) p:first-child::first-letter { } .remove-highlight p:first-child::first-letter { position: static !important; display: inline !important; float: none !important; width: auto !important; height: auto !important; background-color: transparent !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; font-family: inherit !important; text-transform: none !important; margin: 0 !important; padding: 0 !important; } .blog-single-page-content .text-box1 p+p { margin-top: 24px; } .blog-single-page-content .text-box2 { position: relative; display: flex; align-items: center; } .blog-single-page-content .text-box2 .icon { position: relative; display: block; z-index: -1; } .blog-single-page-content .text-box2 .icon span { position: relative; display: inline-block; color: var(--thm-gray-bg); font-size: 150px; } .blog-single-page-content .text-box2 p { color: var(--thm-black); font-size: 24px; line-height: 34px; font-family: var(--thm-font-2); font-weight: 500; font-style: italic; } .blog-single-page-content .text-box3 p { position: relative; display: block; } .blog-single-page-content .text-box3 p { margin: 0; } .hiring-onboarding-process { position: relative; display: block; } .hiring-onboarding-process .wfh-parent { display: flex; align-items: center; } .hiring-onboarding-process .title { position: relative; display: block; } .hiring-onboarding-process .title h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 23px; } .hiring-onboarding-process .title p { margin: 0; } .hiring-onboarding-process .sub-heading-list { position: relative; display: flex; padding-top: 25px; } .hiring-onboarding-process>.sub-heading-list>.title { position: relative; display: block; } .hiring-onboarding-process>.sub-heading-list>.title>h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 13px; } .hiring-onboarding-process>.sub-heading-list>.title>p { margin: 0; } .hiring-onboarding-process>.sub-heading-list>ul { position: relative; display: block; padding-top: 20px; } .hiring-onboarding-process>.sub-heading-list>ul li { position: relative; display: flex; align-items: center; } .hiring-onboarding-process>.sub-heading-list>ul li+li { margin-top: 16px; } .hiring-onboarding-process>.sub-heading-list>ul li .icon { position: relative; display: block; line-height: 0; } .hiring-onboarding-process>.sub-heading-list>ul li .icon i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 14px; margin-right: 15px; } .hiring-onboarding-process>.sub-heading-list>ul li p { color: var(--thm-black); } .emphasize-cultural-fit { position: relative; display: flex; padding-top: 33px; gap: 10px; } .emphasize-cultural-fit .title { position: relative; display: block; } .emphasize-cultural-fit .title h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 23px; } .emphasize-cultural-fit .title p { margin: 0; } .emphasize-cultural-fit ul { position: relative; display: block; padding-top: 15px; } .emphasize-cultural-fit ul li { position: relative; display: block; padding-left: 55px; } .emphasize-cultural-fit ul li+li { margin-top: 15px; } .emphasize-cultural-fit ul li .icon { position: absolute; top: 5px; left: 0; font-size: 30px; line-height: 0; } .emphasize-cultural-fit ul li .text { position: relative; display: block; } .emphasize-cultural-fit ul li .text p span { color: var(--thm-black); font-size: 20px; line-height: 27px; font-family: var(--thm-font-2); font-weight: 500; } .emphasize-cultural-fit ul li .text p { margin: 0; } .last-section { display: flex; align-items: center; } .single-blog-post-tag { position: relative; display: block; padding-top: 44px; } .single-blog-post-tag .title { position: relative; display: block; padding-left: 25px; } .single-blog-post-tag .title .icon { position: absolute; top: 8px; left: 0; line-height: 0; } .single-blog-post-tag .title .icon i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 16px; } .single-blog-post-tag .title h3 { font-size: 20px; line-height: 30px; font-weight: 500; } .single-blog-post-tag ul { position: relative; display: block; overflow: hidden; border-radius: 6px; margin-left: -2.5px; margin-right: -2.5px; padding-top: 19px; } .single-blog-post-tag ul li { position: relative; display: block; float: left; margin: 0 2.5px 0px; } .single-blog-post-tag ul li a { position: relative; display: block; padding: 8px 19px 8px; border-radius: 6px; background: var(--thm-gray-bg); color: var(--thm-body-font-color); font-size: 17px; line-height: 22px; font-weight: 400; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; } .single-blog-post-tag ul li:hover a { color: var(--thm-white); background-color: var(--thm-black-bg); } .blog-single-author-box { position: relative; display: block; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 40px 40px 32px; margin-top: 60px; } .blog-single-author { position: relative; display: flex; align-items: start; } .blog-single-author .img-box { position: relative; display: block; overflow: hidden; width: 120px; height: 120px; border-radius: 6px; } .blog-single-author .img-box img { width: 100%; } .blog-single-author .text-box { position: relative; display: block; padding-left: 40px; flex: 1; } .blog-single-author .text-box__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: -7px; } .blog-single-author .text-box__top .left { position: relative; display: block; } .blog-single-author .text-box__top .left h5 { color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; margin-bottom: 1px; } .blog-single-author .text-box__top .left h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .blog-single-author .text-box__top .right { position: relative; display: block; } .blog-single-author .text-box__top .right .social-links { position: relative; display: block; } .blog-single-author .text-box__top .right .social-links ul { position: relative; display: flex; align-items: center; } .blog-single-author .text-box__top .right .social-links ul li { position: relative; display: block; } .blog-single-author .text-box__top .right .social-links ul li+li { margin-left: 10px; } .blog-single-author .text-box__top .right .social-links ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 45px; width: 45px; border-radius: 6px; background: transparent; border: 1px solid var(--thm-border-color); color: var(--thm-black); font-size: 18px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .blog-single-author .text-box__top .right .social-links ul li:hover a { color: #ffffff; border-color: var(--thm-primary-color); background-color: var(--thm-primary-color); } .blog-single-author .text-box .text-box__bottom { position: relative; display: block; padding-top: 13px; } .blog-single-author .text-box .text-box__bottom p { margin: 0; } .blog-single-author .text-box .text-box__bottom a { position: relative; display: inline-flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; margin-top: 16px; transition: all 200ms linear; transition-delay: 0.1s; } .blog-single-author .text-box .text-box__bottom a:hover { color: var(--thm-primary-color); } .blog-single-author .text-box .text-box__bottom a span { color: var(--thm-black); font-size: 12px; line-height: 12px; margin-left: 8px; } .blog-single-author .text-box .text-box__bottom a:hover span { color: var(--thm-primary-color); } .blog-prev-next-option { position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 53px; } .blog-prev-next-option .single-box { position: relative; display: block; } .blog-prev-next-option .single-box.left { text-align: left; border-right: 1px solid var(--thm-border-color); padding-right: 132px; } .blog-prev-next-option .single-box.right { text-align: right; } .blog-prev-next-option .single-box .title-box { position: relative; display: block; padding-bottom: 0; } .blog-prev-next-option .single-box .title-box .button-box { position: relative; display: block; line-height: 0; padding-bottom: 11px; } .blog-prev-next-option .single-box .title-box .button-box a { position: relative; display: inline-flex; align-items: center; color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .blog-prev-next-option .single-box .title-box .button-box a:hover { color: var(--thm-primary-color); } .blog-prev-next-option .single-box .title-box .button-box a span { position: relative; top: 1px; display: inline-block; font-size: 12px; line-height: 12px; } .blog-prev-next-option .single-box.left .title-box .button-box a span { margin-right: 5px; } .blog-prev-next-option .single-box.right .title-box .button-box a span { margin-left: 5px; } .blog-prev-next-option .single-box .title-box h3 { font-size: 20px; line-height: 30px; font-weight: 500; } .blog-prev-next-option .single-box .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .blog-prev-next-option .single-box .title-box h3 a:hover { color: var(--thm-primary-color); } .back-to-blog-post-btn { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background-color: var(--thm-gray-bg); margin-top: 40px; } .back-to-blog-post-btn a { position: relative; display: inline-flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 60px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .back-to-blog-post-btn a:hover { color: var(--thm-primary-color); } .back-to-blog-post-btn a span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 18px; margin-right: 9px; } .add-comment-box { position: relative; display: block; padding-top: 50px; } .add-comment-box .inner-title { position: relative; display: block; padding-bottom: 32px; } .add-comment-box .inner-title h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 8px; } .add-comment-box .inner-title p { margin: 0; } .add-comment-box #add-comment-form { position: relative; display: block; } .add-comment-box #add-comment-form .input-box { position: relative; display: block; margin-bottom: 20px; } .add-comment-box #add-comment-form .input-box .field-label { position: relative; display: block; } .add-comment-box #add-comment-form .input-box .field-label p { margin: 0; } .add-comment-box #add-comment-form input[type="text"], .add-comment-box #add-comment-form input[type="email"], .add-comment-box #add-comment-form textarea { position: relative; display: block; border-radius: 6px; border: 1px solid var(--thm-border-color); background: transparent; width: 100%; height: 55px; color: #6a726f; font-size: 17px; font-family: var(--thm-font); font-weight: 400; font-style: normal; padding: 0 20px; transition: all 500ms ease; } .add-comment-box #add-comment-form textarea { height: 120px; padding: 14px 20px; } .add-comment-box #add-comment-form input[type="text"]:focus { border-color: var(--thm-primary-color); } .add-comment-box #add-comment-form input[type="email"]:focus { border-color: var(--thm-primary-color); } .add-comment-box #add-comment-form textarea:focus { border-color: var(--thm-primary-color); } .add-comment-box #add-comment-form .checked-box1 input[type="checkbox"]+label span { top: 7px; width: 14px; height: 14px; background-color: var(--thm-gray-bg); border: 1px solid var(--thm-border-color); border-radius: 5px; } .add-comment-box #add-comment-form .checked-box1 label span:before { width: 7px; height: 7px; margin: 3px auto -5px; } .add-comment-box #add-comment-form .checked-box1 label { padding-left: 25px; } .add-comment-box #add-comment-form .button-box { position: relative; display: block; line-height: 0; padding-top: 35px; } .add-comment-box #add-comment-form .button-box .btn-one::before { background: var(--thm-primary-color); } .add-comment-box #add-comment-form .button-box .btn-one::after { background: var(--thm-black); } .blog-single-page-content img { max-width: 100%; height: auto; image-rendering: auto; -ms-interpolation-mode: bicubic; } .blog-style1__single--3 .author-info__img img { width: 100%; height: 100%; object-fit: scale-down; padding: 5px; } .blog-single-page-content { padding: 0 15px; } .blog-single-page-content .text-box1, .blog-single-page-content .text-box2, .blog-single-page-content .text-box3, .blog-single-page-content .hiring-onboarding-process, .blog-single-page-content .emphasize-cultural-fit { margin-bottom: 20px; } .blog-single-page-content ul.clearfix li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; padding-left: 0px !important; } .blog-single-page-content ul.clearfix li .icon { flex-shrink: 0; position: static !important; } .blog-single-page-content ul.clearfix li p { flex: 1; margin: 0; } .blog-single-page-content .hiring-onboarding-process .title h3, .blog-single-page-content .emphasize-cultural-fit .title h3, .blog-single-page-content .sub-heading-list .title h3, .blog-single-page-content .text-box1 .title h3 { color: #2c3e50; margin-bottom: 20px; margin-top: 0; font-weight: 600; line-height: 1.4; } .blog-single-page-content .hiring-onboarding-process .title h3 { font-size: 24px; } .blog-single-page-content p { margin-bottom: 15px; line-height: 1.7; color: #495057; } .blog-single-page-content p:last-child { margin-bottom: 0; } .text-box3 img, .hiring-onboarding-process img, .text-box1 img { display: block; margin: auto; max-width: 90%; } .sub-heading-list ul { margin-top: 20px; } .title-box h2 { font-size: 32px; color: #2c3e50; font-weight: 700; line-height: 1.3; margin-bottom: 30px; } .title-box h2 a { color: inherit; text-decoration: none; } @media (max-width: 767px) { .blog-single-page-content { padding: 0; } .title-box h2 { font-size: 24px; } .hiring-onboarding-process .title h3 { font-size: 20px; } .blog-single-page-content ul li { gap: 10px; } } @media (max-width: 991px) { .hiring-onboarding-process .wfh-parent, .hiring-onboarding-process .sub-heading-list, .emphasize-cultural-fit, .last-section { flex-direction: column; } .hiring-onboarding-process img, .emphasize-cultural-fit img, .last-section img { max-width: 100%; margin: 20px 0; } } @media (max-width: 767px) { .hiring-onboarding-process .wfh-parent, .hiring-onboarding-process .sub-heading-list, .emphasize-cultural-fit, .last-section { flex-direction: column; } .hiring-onboarding-process img, .emphasize-cultural-fit img, .last-section img { max-width: 100%; margin: 15px 0; } .emphasize-cultural-fit { gap: 0; } } .breadcrumb-style1 { position: relative; display: block; z-index: 10; } .breadcrumb-style1-bg { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } .breadcrumb-style1-bg::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgb(0 0 0 / 75%); } .breadcrumb-style1 .inner-content { position: relative; display: block; padding: 220px 0px 220px; } .breadcrumb-style1 .title { position: relative; display: block; z-index: 1; } .breadcrumb-style1 .title h2 { color: #ffffff; font-size: 60px; line-height: 1.2em; font-weight: 500; text-transform: capitalize; } .breadcrumb-menu { position: absolute; left: 0; bottom: 34px; } .breadcrumb-menu ul { position: relative; display: flex; align-items: center; } .breadcrumb-menu ul li { position: relative; display: block; color: var(--thm-white); font-size: 17px; line-height: 25px; font-family: var(--thm-font); font-weight: 400; text-transform: capitalize; } .breadcrumb-menu ul li+li { margin-left: 9px; } .breadcrumb-menu ul li a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .breadcrumb-menu ul li a:hover, .breadcrumb-menu ul li.active { color: var(--thm-primary-color) } .breadcrumb-menu ul li span { font-size: 10px; } .breadcrumb-style1 .title p { color: #dadada; font-size: 16px; line-height: 25px; font-family: var(--thm-font); font-weight: 400; text-transform: capitalize; margin-top: 10px; } .main-contact-form { background-color: var(--thm-gray-bg); padding: 60px 0px 60px; } .contact-form { position: relative; display: block; background-color: var(--thm-white); padding: 20px; border-radius: 15px; } .contact-form form { position: relative; display: block; } .contact-form-left { position: relative; display: block; border-top: 1px solid var(--thm-border-color); } .contact-form-right { position: relative; display: block; border-top: 1px solid var(--thm-border-color); } .contact-form form .form-group { position: relative; display: block; } .contact-form form .input-box { position: relative; display: block; } .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea { position: relative; display: block; background: transparent; border-top: none !important; border: 1px solid var(--thm-border-color); width: 100%; height: 75px; color: var(--thm-body-font-color); font-size: 17px; font-weight: 400; font-style: normal; padding-left: 30px; padding-right: 30px; border-radius: 0px; transition: all 500ms ease; font-family: var(--thm-font); } .contact-form form input[type="text"]:focus, .contact-form form input[type="email"]:focus, .contact-form form textarea:focus { border: 1px solid var(--thm-primary-color); outline: none; } .contact-form form textarea { height: 300px; padding-top: 22px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; } .contact-form form input[type="text"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="text"]:-moz-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="text"]::-moz-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="text"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="email"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="email"]:-moz-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="email"]::-moz-placeholder { color: var(--thm-body-font-color); } .contact-form form input[type="email"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .contact-form form textarea::-webkit-input-placeholder { color: var(--thm-body-font-color); } .contact-form form textarea:-moz-placeholder { color: var(--thm-body-font-color); } .contact-form form textarea::-moz-placeholder { color: var(--thm-body-font-color); } .contact-form form textarea:-ms-input-placeholder { color: var(--thm-body-font-color); } .contact-form form .button-box { position: relative; display: block; padding-top: 40px; } .contact-form form .button-box button { margin-top: 23px; } .contact-info-style2 { position: relative; display: block; padding: 0px 0px 140px; z-index: 10; } .contact-info-style2__single { position: relative; display: block; overflow: hidden; border-radius: 10px; background-color: var(--thm-white); padding: 50px 0px 48px; } .contact-info-style2__single .shape-1 { position: absolute; left: 0; bottom: 0; } .contact-info-style2__single .shape-2 { position: absolute; top: 0; right: 0; } .contact-info-style2__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-color: #fbf8ff; margin: 0 auto; margin-bottom: 23px; transition: all 500ms linear; transition-delay: 0.1s; } .contact-info-style2__single:hover .icon-box { background-color: var(--thm-primary-color); } .contact-info-style2__single .icon-box span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 35px; line-height: 35px; transition: all 300ms linear; transition-delay: 0.1s; } .contact-info-style2__single:hover .icon-box span { color: var(--thm-white); transform: rotateY(180deg); } .contact-info-style2__single .text-box { position: relative; display: block; } .contact-info-style2__single .text-box p { margin: 0; } .contact-info-style2__single .phone-number-box { position: relative; display: block; padding-top: 10px; } .contact-info-style2__single .phone-number-box h3 { font-size: 21px; line-height: 31px; } .contact-info-style2__single .phone-number-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .contact-info-style2__single .phone-number-box h3 a:hover { color: var(--thm-primary-color); } .contact-info-style2__socel-links { position: relative; display: flex; justify-content: center; padding-top: 55px; } .contact-info-style2__socel-links ul { position: relative; display: flex; align-items: center; } .contact-info-style2__socel-links ul li { position: relative; display: block; } .contact-info-style2__socel-links ul li+li { margin-left: 10px; } .contact-info-style2__socel-links ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border-radius: 50%; background: #f0ebf5; color: #a3a0a7; font-size: 20px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .contact-info-style2__socel-links ul li a:hover { color: #ffffff; } .contact-info-style2__socel-links ul li a::before { position: absolute; content: ""; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 50%; opacity: 0; background-color: var(--thm-primary-color); transform: scale(0.5); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .contact-info-style2__socel-links ul li a:hover::before { opacity: 1; transform: scale(1); border-radius: 50%; } .corporate-office-style1 { background-color: var(--thm-white); padding: 60px 0px 60px; } .single-corporate-office-style1 { position: relative; display: block; border-radius: 7px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 40px 30px 30px; transition: background-color 0.5s ease; transition: all 0.5s ease; margin-bottom: 30px; z-index: 1; } .single-corporate-office-style1:hover { border-color: transparent; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); } .single-corporate-office-style1::before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; opacity: 0; border-radius: 7px; border: 1px solid var(--thm-primary-color); transform: perspective(400px) scaleX(0.7); transform-origin: center; z-index: -1; } .single-corporate-office-style1:hover::before { opacity: 1; transform: perspective(400px) scaleX(1.0); transition: border-color 0.5s ease; transition: all 0.5s ease; } .single-corporate-office-style1 .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); margin: 0 auto; } .single-corporate-office-style1 .icon img { width: auto; } .single-corporate-office-style1 .title { position: relative; display: block; padding-top: 33px; } .single-corporate-office-style1 .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 3px; } .single-corporate-office-style1 .title h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .single-corporate-office-style1 .title h3 a:hover { color: var(--thm-primary-color); } .single-corporate-office-style1 .title p { margin: 0; min-height: 55px; } .single-corporate-office-style1 .btn-box { position: relative; display: inline-block; padding-top: 15px; } .single-corporate-office-style1 .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .single-corporate-office-style1 .btn-box a:hover { color: var(--thm-primary-color); } .single-corporate-office-style1 .btn-box a span { margin-left: 7px; } .single-corporate-office-style1 .text { position: relative; display: block; border-radius: 4px; background-color: var(--thm-gray-bg); padding: 20px 30px 0px; margin-top: 32px; min-height: 130px; } .single-corporate-office-style1 .text p { margin: 0; } .single-corporate-office-style1 .text p a { color: var(--thm-body-font-color); transition: all 200ms linear; transition-delay: 0.1s; } .single-corporate-office-style1 .text p a:hover { color: var(--thm-black); } .single-corporate-office-style1 .text p span { color: var(--thm-black); } .location-style1 { background-color: var(--thm-white); padding: 0px 0px 114px; } .location-style1 .container { max-width: 1908px; padding: 0px 6px; } .location-style1 .row { --bs-gutter-x: 6px; } .single-location-style1 { position: relative; display: block; margin-bottom: 6px; } .single-location-style1 .img-box { position: relative; display: block; overflow: hidden; border-radius: 6px; } .single-location-style1 .img-box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 6px; background-image: -moz-linear-gradient(90deg, rgb(6, 42, 38) 10%, rgba(6, 42, 38, 0.99) 10%, rgba(6, 42, 38, 0) 100%); background-image: -webkit-linear-gradient(90deg, rgb(6, 42, 38) 10%, rgba(6, 42, 38, 0.99) 10%, rgba(6, 42, 38, 0) 100%); background-image: -ms-linear-gradient(90deg, rgb(6, 42, 38) 10%, rgba(6, 42, 38, 0.99) 10%, rgba(6, 42, 38, 0) 100%); z-index: 1; } .single-location-style1 .img-box img { width: 100%; transform: scale(1.0); transition: all 1000ms ease; } .single-location-style1:hover .img-box img { transform: scale(1.05) rotate(0deg); } .single-location-style1 .img-box .overlay-title { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .single-location-style1 .img-box .overlay-title h2 { font-size: 46px; line-height: 1.2em; font-weight: 500; } .single-location-style1 .img-box .overlay-title h2 a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .single-location-style1 .img-box .overlay-title h2 a:hover { color: var(--thm-primary-color); } .single-location-style1 .img-box .overlay-text { position: absolute; display: flex; align-items: center; justify-content: space-between; left: 40px; bottom: 32px; right: 40px; opacity: 0; transform: scaleY(0); transition: all 400ms ease 200ms; z-index: 2; } .single-location-style1:hover .img-box .overlay-text { opacity: 1; transform: scaleY(1.0); transition: all 300ms linear; transition-delay: 0.1s; } .single-location-style1 .img-box .overlay-text .left { position: relative; display: block; } .single-location-style1 .img-box .overlay-text .left p { color: #a5b1ad; } .single-location-style1 .img-box .overlay-text .right { position: relative; display: block; text-align: right; } .single-location-style1 .img-box .overlay-text .right p { color: #a5b1ad; } .single-location-style1 .img-box .overlay-text .right p a { color: #a5b1ad; transition: all 200ms linear; transition-delay: 0.1s; } .single-location-style1 .img-box .overlay-text .right p a:hover { color: var(--thm-primary-color); } .service-style1 { background-color: var(--thm-gray-bg); padding: 120px 0 120px; } .service-style1.instyle--2 { padding-bottom: 90px; } .service-style1__single { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06); padding: 17px 30px 13px; padding-right: 0; } .service-style1__single.instyle--2 { margin-bottom: 30px; } .service-style1__single .title-box { position: relative; display: block; padding-bottom: 16px; } .service-style1__single .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .service-style1__single .title-box h3 a { color: var(--thm-heading-font-color); transition: all 200ms linear; transition-delay: 0.1s; } .service-style1__single .title-box h3 a:hover { color: var(--thm-primary-color); } .service-style1__single-img { position: relative; display: block; overflow: hidden; } .service-style1__single-img .overlay-icon { position: absolute; display: flex; align-items: center; justify-content: center; top: -20px; left: -20px; width: 100px; height: 100px; border-radius: 50%; background-color: var(--thm-white); z-index: 3; } .service-style1__single-img .overlay-icon::before { content: ""; position: absolute; top: -5px; left: -5px; width: 110px; height: 110px; border-radius: 50%; border: 2px solid var(--thm-primary-color); background-color: transparent; } .service-style1__single-img .overlay-icon span { color: var(--thm-black); font-size: 50px; } .service-style1__single-img .overlay-icon img { width: auto !important; } .service-style1__single-img .img-box { position: relative; display: block; overflow: hidden; } .service-style1__single-img .img-box::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .service-style1__single:hover .service-style1__single-img .img-box::before { opacity: 0.50; } .service-style1__single-img .img-box img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .service-style1__single:hover .service-style1__single-img .img-box img { transform: scale(1.05) rotate(0deg); } .service-style1__single .overlay-text { position: absolute; left: 0px; bottom: 50px; right: 30px; border-top-right-radius: 6px; background-color: var(--thm-gray-bg); padding: 17px 30px 17px; padding-right: 0; z-index: 3; } .service-style1__single .btn-box { position: relative; display: block; } .service-style1__single .btn-box a { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin: 13px 0px 0px; transition: all 200ms linear; transition-delay: 0.1s; } .service-style1__single .btn-box a:hover { color: var(--thm-primary-color); } .service-style1__single .btn-box a span { position: relative; display: inline-block; font-size: 12px; margin-left: 5px; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .service-style1__single:hover .btn-box a span { opacity: 0; } .service-style1__single .btn-box a span.arrow-hover { margin-left: -10px; opacity: 0; transform: translateX(-15px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 24px; } .service-style1__single:hover .btn-box a span.arrow-hover { opacity: 1; transform: translateX(0px); } .service-style2 { padding: 60px 0px 60px; background-color: var(--thm-white); } .service-style2.pdb { padding-bottom: 120px; } .service-style2__single { position: relative; display: block; overflow: hidden; border-radius: 6px; border: 1px solid var(--thm-border-color); padding: 32px 24px 33px; width: 270px; margin: 0 auto 30px; margin-bottom: 30px; transition: all 200ms linear; transition-delay: 0.1s; } .service-style2__single:hover { box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); } .service-style2__single .title-box { position: relative; display: block; padding-bottom: 31px; } .service-style2__single .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; min-height: 65px; } .service-style2__single .title-box h3 a { color: var(--thm-heading-font-color); transition: all 200ms linear; transition-delay: 0.1s; } .service-style2__single .title-box h3 a:hover { color: var(--thm-primary-color); } .service-style2__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; height: 170px; overflow: hidden; border-radius: 6px; background-color: var(--thm-gray-bg); } .service-style2__single .icon-box::before { content: ""; position: absolute; top: 0; right: -1px; width: 55px; height: 50px; background-color: var(--thm-white); clip-path: polygon(100% 0, 0 0, 100% 100%); z-index: 2; } .service-style2__single .icon-box::after { content: ""; position: absolute; left: 0px; bottom: -1px; width: 55px; height: 50px; background-color: var(--thm-white); clip-path: polygon(0 0, 0 100%, 100% 100%); z-index: 1; } .service-style2__single .icon-box .icon { position: relative; display: inline-block; } .service-style2__single .icon-box .overlay-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .service-style2__single:hover .icon-box .overlay-img { width: 100%; } .service-style2__single .icon-box .overlay-img img { transform: translateY(-50%) scaleY(1.2); opacity: 0; filter: blur(2px); object-fit: cover; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .service-style2__single:hover .icon-box .overlay-img img { transform: translateY(0%) scaleY(1); opacity: 1; filter: blur(0px); } .service-style2__single .text-box { position: relative; display: block; margin-top: 32px; } .service-style2__single .text-box p { margin: 0; min-height: 170px; } .service-style2__single .btn-box { position: relative; display: block; margin: 15px 0px 0px; } .service-style2__single .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .service-style2__single .btn-box a:hover { color: var(--thm-primary-color); } .service-style2__single .btn-box a span { position: relative; display: inline-block; font-size: 12px; margin-left: 5px; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .service-style2__single:hover .btn-box a span { opacity: 0; } .service-style2__single .btn-box a span.arrow-hover { margin-left: -10px; opacity: 0; transform: translateX(-15px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 24px; } .service-style2__single:hover .btn-box a span.arrow-hover { opacity: 1; transform: translateX(0px); } .service-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { margin: 0 auto; } .service-style3 { padding: 60px 0px 60px; background-color: var(--thm-gray-bg); } .service-style3__single { position: relative; display: block; overflow: hidden; border-radius: 6px 6px 160px 160px; background-color: var(--thm-white); padding: 33px 40px 40px; z-index: 1; } .service-style3__single-shape1 { position: absolute; bottom: 0; left: 0; z-index: -1; } .service-style3__single-shape2 { position: absolute; left: 0px; bottom: 0px; right: 0; text-align: center; z-index: -1; } .service-style3__single .category-box { position: relative; display: block; } .service-style3__single .category-box p { color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .service-style3__single .title-box { position: relative; display: block; padding-top: 5px; } .service-style3__single .title-box h3 { font-size: 21px; line-height: 30px; font-weight: 500; min-height: 85px; } .service-style3__single .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .service-style3__single .title-box h3 a:hover { color: var(--thm-primary-color); } .service-style3__single .border-line { position: absolute; left: 0; width: 50%; height: 1px; background-color: var(--thm-border-color); margin-top: 16px; transition: border-color 0.5s ease; transition: all 0.5s ease; } .service-style3__single:hover .border-line { width: 100%; background-color: var(--thm-primary-color); } .service-style3__single .text { position: relative; display: block; margin-top: 44px; } .service-style3__single .text p { margin: 0; min-height: 195px; } .service-style3__single .btn-box { position: relative; display: block; margin: 20px 0px 33px; } .service-style3__single .btn-box a { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .service-style3__single .btn-box a:hover { color: var(--thm-primary-color); } .service-style3__single .btn-box a span { position: relative; display: inline-block; font-size: 12px; margin-left: 5px; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .service-style3__single:hover .btn-box a span { opacity: 0; } .service-style3__single .btn-box a span.arrow-hover { margin-left: -10px; opacity: 0; transform: translateX(-15px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 24px; } .service-style3__single:hover .btn-box a span.arrow-hover { opacity: 1; transform: translateX(0px); } .service-style3__single .icon-box { position: relative; display: inline-block; padding-top: 20px; } .service-style3__single .icon-box img { width: auto; } .service-style3-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -115px; right: -5px; } .service-style4 { background-color: var(--thm-white); padding: 120px 0px 120px; } .service-style4__gray-bg { position: absolute; top: 0; left: 0; right: 0; height: 613px; background-color: var(--thm-gray-bg); z-index: -1; } .service-style4__inner { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); } .service-style4__inner .row { --bs-gutter-x: 0px; } .service-style4__inner .row li { border-right: 1px solid var(--thm-border-color); border-bottom: 1px solid var(--thm-border-color); } .service-style4__inner .row li:nth-child(3) { border-right: none; } .service-style4__inner .row li:nth-child(4) { border-bottom: none; } .service-style4__inner .row li:nth-child(5) { border-bottom: none; } .service-style4__inner .row li:nth-child(6) { border-right: none; border-bottom: none; } .service-style4__single { position: relative; display: block; overflow: hidden; padding: 30px 30px 0px; } .service-style4__img { position: relative; display: block; overflow: hidden; border-radius: 6px; } .service-style4__img img { width: 100%; transition: all 0.5s ease; } .service-style4__single:hover .service-style4__img img { opacity: 0; } .service-style4__content { position: relative; display: block; padding-top: 35px; transform: translateY(56px); margin-top: -56px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .service-style4__single:hover .service-style4__content { transform: translateY(0); } .service-style4__content .icon-box { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; transform: translateY(-50%); width: 80px; height: 80px; border-radius: 50%; background-color: var(--thm-white); margin: 0 auto; transition: all 0.5s ease; z-index: 3; } .service-style4__single:hover .service-style4__content .icon-box { transform: translateY(-80%); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); } .service-style4__content .icon-box img { width: auto; } .service-style4__content .title-box { position: relative; display: block; } .service-style4__content .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 5px; } .service-style4__content .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .service-style4__content .title-box h3 a:hover { color: var(--thm-primary-color); } .service-style4__content .btn-box { position: relative; display: block; padding: 15px 0px 37px; } .service-style4__content .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; max-width: 140px; margin: 0 auto; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; } .service-style4__content .btn-box a:hover { color: var(--thm-primary-color); } .service-style4__content .btn-box a i { margin-left: 4px; } .service-style4 .bottom-text { position: relative; display: block; border-radius: 6px; border: 1px solid var(--thm-border-color); padding: 15px 0px 15px; margin-top: 30px; } .service-style4 .bottom-text p { color: #676c7c; } .service-style4 .bottom-text p a { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; margin-left: 5px; } .service-style4 .bottom-text p a:hover { color: var(--thm-primary-color); } .service-style4 .bottom-text p a i { margin-left: 4px; font-weight: 400; } .service-style5 { background-color: var(--thm-white); padding: 80px 0 0px; } .service-style5 .container { max-width: 1920px; padding: 0; } .service-style5__inner { position: relative; display: block; } .service-style5__inner::before { content: ""; position: absolute; top: 0; height: 1px; background-color: var(--thm-border-color); } .service-style5__img-box { position: absolute; top: 0px; left: 0px; bottom: 0px; display: block; width: 385px; } .service-style5__img-box-bg { position: absolute; top: 10px; left: 10px; bottom: 120px; right: 10px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 6px; } .service-style5__inner ul { --bs-gutter-x: 0px; } .service-style5 ul li { border-left: 1px solid var(--thm-border-color); } .service-style5__single { position: relative; display: block; padding: 0px 40px 0px; } .service-style5__single .stap-box { position: relative; display: block; padding-top: 33px; padding-bottom: 24px; } .service-style5__single .stap-box:before { content: ""; position: absolute; left: -40px; bottom: 0; right: 0; height: 1px; background-color: var(--thm-border-color); } .service-style5__single .stap-box p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .service-style5__single:hover .stap-box p { color: var(--thm-primary-color); } .service-style5__single .title-box { position: relative; display: block; padding: 32px 0px 41px; } .service-style5__single .title-box h3 { font-size: 22px; line-height: 34px; font-weight: 500; min-height: 65px; } .service-style5__single .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .service-style5__single .title-box h3 a:hover { color: var(--thm-primary-color); } .service-style5__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 306px; height: 202px; margin: 0 auto; z-index: 1; } .service-style5__single .icon-box img { width: auto; } .service-style5__single .icon-box__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.5s ease; z-index: -1; } .service-style5__single:hover .icon-box__bg { opacity: 0; } .service-style5__single .icon-box__bg-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: all 0.5s ease; z-index: -1; } .service-style5__single:hover .icon-box__bg-overlay { opacity: 1; } .service-style5__single .text { position: relative; display: block; padding: 43px 0px 32px; } .service-style5__single .text::before { } .service-style5__single .text p { min-height: 80px; margin: 0; } .service-style5__single .btn-box { position: relative; display: block; text-align: right; padding: 20px 0px 32px; } .service-style5__single .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .service-style5__single .btn-box a:hover { color: var(--thm-primary-color); } .service-style5__single .btn-box a span { position: relative; display: inline-block; font-size: 12px; margin-left: 5px; font-weight: 400; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .service-style5__single:hover .btn-box a span { opacity: 0; } .service-style5__single .btn-box a span.arrow-hover { margin-left: -10px; opacity: 0; transform: translateX(-15px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 24px; } .service-style5__single:hover .btn-box a span.arrow-hover { opacity: 1; transform: translateX(0px); } .service-style5-carousel.owl-nav-style-one.owl-theme .owl-nav { position: relative; margin: 20px auto 20px auto; } :root { --thm-font: 'Montserrat', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --thm-font-2: "Montserrat", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --thm-primary-color: #00c486; --thm-primary-color-rgb: 0, 196, 134; --thm-secondary-color: #ed746c; --thm-secondary-color-rgb: 237, 116, 108; --thm-body-font-color: #6a726f; --thm-body-font-size: 16px; --thm-body-line-height: 28px; --thm-body-font-weight: 400; --thm-heading-font-color: #062a26; --thm-white: #ffffff; --thm-black: #062a26; --thm-black-bg: #062a26; --thm-gray-bg: #edf4f2; --thm-border-color: #dde6e3; --thm-border-radius: 10px; } html { scroll-padding-top: 90px; } body { font-family: var(--thm-font); color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); line-height: var(--thm-body-line-height); font-weight: var(--thm-body-font-weight); } .body-bg-1 { background-color: #ffffff; } p { font-family: var(--thm-font); color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); line-height: var(--thm-body-line-height); font-weight: var(--thm-body-font-weight); margin: 0; } a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .container { padding-left: 15px; padding-right: 15px; } @media (min-width: 1320px) { .container { max-width: 1320px; } } .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; } section { position: relative; display: block; z-index: 1; } body.locked { overflow: hidden; } 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-heading-font-color); font-family: var(--thm-font-2); font-weight: 700; 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; } .fancybox-slide .fancybox-image-wrap { border-radius: 10px; overflow: hidden; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } ::-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; } img { max-width: 100%; height: auto; transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-duration: 0.7s; transition-property: all; } .main-logo { width: 160px; } 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; } .rating-box-style1 { position: relative; display: block; } .rating-box-style1 ul { position: relative; display: flex; } .rating-box-style1 ul li { position: relative; display: block; line-height: 0; } .rating-box-style1 ul li+li { padding-left: 5px; } .rating-box-style1 ul li span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 16px; cursor: pointer; } .thm-social-link { position: relative; display: block; padding-top: 30px; } .thm-social-link ul { position: relative; display: block; } .thm-social-link ul li { position: relative; float: left; margin-right: 10px; } .thm-social-link ul li:last-child { margin-right: 0; } .thm-social-link ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background-color: var(--thm-black); border-radius: 5px; color: var(--thm-white); font-size: 18px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .thm-social-link ul li a:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(var(--thm-primary-color-rgb), 1); border-radius: 5px; content: ""; opacity: 0; transform: scale(0.5); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .thm-social-link ul li:hover a:before { opacity: 1; transform: scale(1); } .thm-social-link ul li:hover a { color: #ffffff; } .xs-sidebar-group .xs-overlay { position: fixed; top: 0; left: 0%; bottom: 0; right: 0; opacity: 0; visibility: hidden; cursor: url(../images/icon/cross-out.png), pointer; z-index: 99999999; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: left right; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .xs-sidebar-group.isActive .xs-overlay { opacity: 0.95; visibility: visible; right: 100%; background: var(--thm-black); -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left center; } .xs-sidebar-widget { position: fixed; top: 0; right: -100%; bottom: 0; max-width: 460px; width: 100%; background-color: #ffffff; overflow: hidden; overflow-y: auto; transition-timing-function: ease-out; transition: 0.5s; visibility: hidden; opacity: 1; z-index: 999999999; } .xs-sidebar-group.isActive .xs-sidebar-widget { opacity: 1; visibility: visible; right: 0; transition-timing-function: ease-in; transition: 0.5s; } .sidebar-widget-container { position: relative; top: 150px; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 300ms ease 100ms; } .xs-sidebar-group.isActive .sidebar-widget-container { top: 0px; opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 900ms ease 500ms; } .xs-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.8; z-index: 0; background-color: #000000; } .sidebar-textwidget { padding: 50px 45px; } .sidebar-info-contents .logo { width: 50%; margin: auto; } .xs-sidebar-group .widget-heading { position: absolute; top: 0; right: 0; padding: 25px; } .xs-sidebar-group .widget-heading a { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--thm-black); border-radius: 50%; color: var(--thm-black); font-size: 20px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .xs-sidebar-group .widget-heading a:hover { color: var(--thm-primary-color); border-color: var(--thm-primary-color); } .xs-sidebar-group .content-inner .logo { position: relative; display: block; border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } .xs-sidebar-group .content-inner .logo a { position: relative; display: inline-block; } .xs-sidebar-group .content-inner h3 { color: var(--thm-black); font-size: 28px; line-height: 40px; font-weight: 700; text-transform: capitalize; font-family: var(--thm-font); margin-bottom: 22px; } .xs-sidebar-group .content-inner h3 span { color: var(--thm-base); font-size: 25px; font-weight: 900; } .xs-sidebar-group .content-inner .content-box { position: relative; display: block; padding-top: 33px; padding-bottom: 47px; } .xs-sidebar-group .content-inner .content-box .inner-text { position: relative; display: block; } .xs-sidebar-group .content-inner .content-box p { color: var(--thm-black); } .xs-sidebar-group .content-inner .sidebar-contact-info { position: relative; display: block; } .xs-sidebar-group .content-inner .sidebar-contact-info h3 { color: var(--thm-black); font-size: 25px; line-height: 30px; font-weight: 700; margin: 0 0 27px; } .sidebar-contact-info ul { position: relative; display: block; } .sidebar-contact-info ul li { position: relative; display: block; margin-bottom: 23px; } .sidebar-contact-info ul li:last-child { margin-bottom: 0; } .sidebar-contact-info ul li .inner { position: relative; display: block; padding-left: 0; } .sidebar-contact-info ul li .inner .text { position: relative; display: block; } .sidebar-contact-info ul li .inner .text p { color: var(--thm-black); line-height: 24px; } .sidebar-contact-info ul li .inner .text p a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .sidebar-contact-info ul li .inner .text p a:hover { color: var(--thm-base); text-shadow: -0.45px -0.45px 0 var(--thm-base), 0.45px 0.45px var(--thm-base); } .xs-sidebar-group .content-inner .side-content-newsletter-box { position: relative; display: block; padding-top: 49px; } .xs-sidebar-group .content-inner .side-content-newsletter-box h3 { color: var(--thm-black); font-size: 25px; line-height: 30px; font-weight: 700; margin: 0 0 24px; } .side-content-newsletter-box .form-group input[type="email"] { position: relative; display: block; width: 100%; height: 60px; color: #444444; font-size: 18px; font-weight: 400; background-color: rgb(248, 248, 248); border: 1px solid #e3dfdf; padding-left: 30px; padding-right: 20px; border-radius: 6px; font-family: var(--thm-font); } .side-content-newsletter-box .form-group button { margin-top: 30px; } .review-box { position: relative; display: block; overflow: hidden; line-height: 15px; } .review-box ul { display: block; overflow: hidden; } .review-box ul li { display: inline-block; float: left; margin-right: 5px; cursor: pointer; } .review-box ul li:last-child { margin-right: 0px; } .review-box ul li i { color: #fbaf02; font-size: 15px; } .sec-title { position: relative; display: block; margin-top: -10px; padding-bottom: 10px; } .sec-title.withtext { padding-bottom: 20px; } .sec-title .sub-title { position: relative; display: block; margin-bottom: 11px; } .sec-title .sub-title h4 { position: relative; display: inline-block; padding-left: 32px; color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; font-family: var(--thm-font); } .sec-title .sub-title h4::before { content: ""; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; border-left: 10px solid var(--thm-primary-color); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .sec-title .sub-title h4::after { content: ""; position: absolute; top: 7px; left: 12px; width: 10px; height: 10px; border-left: 10px solid var(--thm-primary-color); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .sec-title h2 { color: var(--thm-heading-font-color); font-size: 40px; line-height: 1.3em; font-weight: 500; text-transform: none; } .sec-title .text { position: relative; display: block; padding-top: 13px; } .btn-box { position: relative; display: block; } .btn-one { position: relative; display: inline-flex; align-items: center; overflow: hidden; padding-top: 10px; padding-left: 40px; padding-right: 40px; padding-bottom: 10px; background-color: transparent; color: var(--thm-white); font-size: 14px; line-height: 40px; font-family: var(--thm-font); font-weight: 600; border-radius: 6px; text-transform: uppercase; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 2; } .btn-one:after { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; transform: scaleX(1); transition-duration: 800ms; background-color: var(--thm-primary-color); z-index: -1; } .btn-one:hover:after { transform: scaleX(0); transition-duration: 1500ms; } .btn-one:before { position: absolute; top: 0px; left: -10px; bottom: 0; right: 100%; content: ""; background: var(--thm-black); -webkit-transform: translateX(-100%); transform: translateX(-100%); border-radius: 0%; transition-duration: 800ms; z-index: 1; } .btn-one:hover:before { right: 0px; left: 0; -webkit-transform: translateX(0); transform: translateX(0); } .btn-one .txt { position: relative; display: inline-flex; align-items: center; z-index: 1; } .btn-one:hover, .btn-one:focus { color: #ffffff; -webkit-box-shadow: 2px 2px 20px 0px rgba(var(--thm-black-rgb), 0.1); -moz-box-shadow: 2px 2px 20px 0px rgba(var(--thm-black-rgb), 0.1); box-shadow: 2px 2px 20px 0px rgba(var(--thm-black-rgb), 0.1); } .btn-one i { position: relative; display: inline-block; font-size: 20px; font-weight: 400; margin-right: 10px; top: 0px; z-index: 1; } .btn-two { position: relative; display: inline-flex; align-items: center; color: var(--thm-base); font-size: 15px; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--thm-font-3); transition: all 200ms linear; transition-delay: 0.1s; } .btn-two span { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: var(--thm-black); font-size: 18px; margin-left: 10px; transition: border-color 0.5s ease; transition: all 0.5s ease; z-index: 1; } .btn-two:hover span { color: #ffffff; } .btn-two span:after { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: var(--thm-base); border-radius: 50%; content: ""; opacity: 0; transform: scale(0.5); transform-style: preserve-3d; z-index: -1; transition: background-color 0.5s ease; transition: all 0.5s ease; } .btn-two:hover span:after { opacity: 1.0; transform: scale(1.0); } .btn-two:hover { color: var(--thm-base); letter-spacing: normal; } .owl-carousel.owl-dot-style1 .owl-dots { position: relative; text-align: center; line-height: 0; margin-top: 56px !important; display: block; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot { position: relative; display: inline-block; width: 40px; height: 4px; background-color: #d0dbd8; border: 0px solid #d8d8d8; 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.active {} .owl-carousel.owl-dot-style1 .owl-dots .owl-dot::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 0px; background-color: var(--thm-primary-color); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: left right; -webkit-transform: scale(1, 0); transform: scale(1, 0); transition: all 900ms ease; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left right; } .owl-carousel.owl-dot-style1 .owl-dots .owl-dot span { display: none; } .owl-carousel.owl-dot-style2 .owl-dots { position: relative; text-align: center; line-height: 0; margin-top: 30px !important; display: block; } .owl-carousel.owl-dot-style2 .owl-dots .owl-dot { position: relative; display: inline-block; width: 16px; height: 16px; background-color: transparent; border: 5px solid #ffffff; margin: 0px 5px; padding: 0px; border-radius: 50%; transition: all 100ms linear; transition-delay: 0.1s; } .owl-carousel.owl-dot-style2 .owl-dots .owl-dot:before { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border: 1px solid var(--thm-base); border-radius: 50%; transform: scale(0); transition: all 500ms ease; } .owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active { border: 5px solid #1a1c23; background-color: var(--thm-base); } .owl-carousel.owl-dot-style2 .owl-dots .owl-dot.active:before { transform: scale(1); } .owl-carousel.owl-dot-style2 .owl-dots .owl-dot span { display: none; } .owl-nav-style-one.owl-theme .owl-stage-outer { position: relative; display: block; padding-top: 0px; padding-bottom: 0px; } .owl-nav-style-one.owl-theme .owl-nav { position: relative; display: flex; align-items: center; justify-content: center; height: 55px; width: 120px; margin: 0; z-index: 10; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] { position: relative; display: inline-block; width: 55px; height: 55px; background-color: transparent; border: 1px solid var(--thm-border-color); border-radius: 6px; margin: 0 5px; padding: 0; transition: all 700ms ease 3s; z-index: 1; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {} .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]::before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background-color: var(--thm-black); border-radius: 4px; opacity: 0; -webkit-transform: perspective(400px) rotateX(0deg) scale(0); -ms-transform: perspective(400px) rotateX(0deg) scale(0); transform: perspective(400px) rotateX(0deg) scale(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: -1; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover::before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0); -ms-transform: perspective(400px) rotateX(0deg) scale(1.0); transform: perspective(400px) rotateX(0deg) scale(1.0); } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span { position: relative; display: block; color: var(--thm-black); font-size: 18px; line-height: 30px; font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .owl-nav-style-one.owl-theme .owl-nav .owl-prev { transform: rotate(0deg); } .owl-nav-style-one.owl-theme .owl-nav .owl-next { transform: rotate(0deg); } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span { transition: all 200ms linear; transition-delay: 0.1s; } .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover span { color: var(--thm-primary-color); } .scroll-to-top { position: fixed; right: 50px; bottom: 50px; transform: rotate(0deg); z-index: 99999999999; } .scroll-to-top .visible { visibility: visible !important; opacity: 1 !important; } .scroll-to-top .scroll-top-inner { opacity: 0; visibility: hidden; } .scroll-to-top .scroll-top-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .scroll-to-top .scroll-bar { width: 50px; height: 4px; margin-right: 10px; position: relative; display: none; } .scroll-to-top .scroll-bar:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--thm-primary-color); opacity: 1; } .scroll-to-top .scroll-bar .bar-inner { position: absolute; top: 0; right: 0; height: 100%; background-color: var(--thm-secondary-color); } .scroll-to-top .scroll-bar-text { position: relative; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; background-color: rgb(16, 57, 52); border-radius: 6px; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 500ms ease; } .scroll-to-top .scroll-bar-text:hover { transform: scale(1); } .scroll-to-top--style2 { position: relative; top: -5px; right: 0; bottom: 0; transform: rotate(0deg); } .scroll-to-top--style2 .scroll-bar { display: none; } .scroll-to-top--style2 .scroll-bar-text { color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; font-family: var(--thm-font-2); transition: all 500ms ease; } .scroll-to-top--style2 .scroll-bar-text span { position: relative; top: 8px; display: inline-block; padding-left: 1px; font-size: 30px; } .styled-pagination { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; } .styled-pagination.pdtop60 { padding-top: 60px; } .styled-pagination li { position: relative; display: block; float: left; } .styled-pagination li+li { margin-left: 10px; } .styled-pagination li a { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius: 6px; background: transparent; border: 1px solid var(--thm-border-color); color: #a5b1ad; font-size: 20px; line-height: 20px; font-weight: 500; font-family: var(--thm-font-2); text-align: center; text-transform: uppercase; transition: all 500ms ease; z-index: 1; } .styled-pagination li a span:before { position: relative; top: 0px; color: var(--thm-black); font-size: 16px; font-weight: 100; transition: all 500ms ease; } .styled-pagination li:hover a span::before, .styled-pagination li.active a span::before { color: var(--thm-white); } .styled-pagination li.prev a span:before { position: relative; display: inline-block; } .styled-pagination li.next a span:before { position: relative; display: inline-block; } .styled-pagination li:hover a, .styled-pagination li.active a { color: #ffffff; border-color: var(--thm-primary-color); background: var(--thm-primary-color); } .styled-pagination li.prev a, .styled-pagination li.next a { width: 55px; } .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover { color: #ffffff; } .checked-box1 { position: relative; display: block; min-height: 26px; } .checked-box1 input[type="checkbox"] { display: none; } .checked-box1 label { position: relative; display: inline-block; padding-left: 35px; color: var(--thm-body-font-color); font-size: 15px; line-height: 26px; font-weight: 400; cursor: pointer; font-family: var(--thm-font); } .checked-box1 input[type="checkbox"]+label span { position: absolute; display: block; top: 3px; left: 0; width: 20px; height: 20px; vertical-align: middle; background-color: transparent; border: 1px solid #c3cadb; cursor: pointer; border-radius: 8px; -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 { position: absolute; top: 0px; left: 0px; bottom: 0; right: 0; content: ""; width: 12px; height: 12px; background: var(--thm-primary-color); border-radius: 50%; margin: 3px auto 0px; transform: scale(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; } .checked-box1 input[type="checkbox"]:checked+label span { border-color: #c3cadb; } .checked-box1 input[type="checkbox"]:checked+label span:before { transform: scale(1.0); } .checked-box2 { position: relative; display: block; min-height: 28px; } .checked-box2 input[type="checkbox"] { display: none; } .checked-box2 label { position: relative; display: inline-block; padding-left: 25px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); line-height: 28px; font-weight: 400; cursor: pointer; font-family: var(--thm-font); } .checked-box2 input[type="checkbox"]+label span { position: absolute; top: 6px; left: 0; width: 15px; height: 15px; vertical-align: middle; background-color: transparent; border: 1px solid var(--thm-border-color); cursor: pointer; border-radius: 5px; -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-box2 label span:before { content: ""; position: absolute; top: 3px; left: 3px; width: 7px; height: 7px; border-radius: 50%; background-color: var(--thm-primary-color); transform: scale(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; } .checked-box2 input[type="checkbox"]:checked+label span { border-color: var(--thm-primary-color); } .checked-box2 input[type="checkbox"]:checked+label span:before { transform: scale(1.0); } .accordion-box { position: relative; display: block; } .accordion-box .block { position: relative; display: block; margin-bottom: 20px; transition: all 500ms ease; } .accordion-box .block:last-child { margin-bottom: 0px; } .accordion-box .block .acc-btn { position: relative; display: block; cursor: pointer; background: #ffffff; padding-top: 9px; padding-left: 55px; padding-bottom: 9px; padding-right: 20px; border: 1px solid #d4d4d4; transition: all 500ms ease; } .accordion-box .block .acc-btn.active { background: #ffffff; border-bottom: 1px solid transparent; } .accordion-box .block .acc-btn h3 { color: var(--thm-black); font-size: 19px; line-height: 30px; font-weight: 600; font-family: var(--thm-font); transition: all 500ms ease; } .accordion-box .block .acc-btn.active h3 { color: var(--thm-base); } .accordion-box .block .acc-btn .icon-outer { position: absolute; top: 50%; left: 20px; width: 20px; height: 20px; color: var(--thm-black); font-size: 18px; text-align: left; line-height: 20px; 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-base); 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 { content: "\e90b"; } .accordion-box .block .acc-content { position: relative; display: none; padding-top: 1px; padding-left: 55px; padding-bottom: 21px; padding-right: 20px; border: 1px solid #d4d4d4; border-top: 1px solid transparent; } .accordion-box .block .acc-content.current { display: block; } .accordion-box .block .acc-content p { margin: 0; } .accordion-box-style1 { position: relative; display: block; } .accordion-box-style1 .accordion { float: left; padding: 10px; } .accordion-box-style1 .accordion:last-child { margin-bottom: 0; } .accordion-box-style1 .accordion .accord-btn { position: relative; display: block; cursor: pointer; padding-left: 80px; transition: all 500ms ease; z-index: 1; } .accordion-box-style1 .accordion .accord-btn h4 { color: var(--thm-black); font-size: 21px; line-height: 31px; transition: all 500ms ease; } .accordion-box-style1 .accordion .accord-btn.active h4 { color: var(--thm-primary-color); } .accordion-box-style1 .accordion .accord-btn.active { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .accordion-box-style1 .accordion .accord-content { position: relative; padding-top: 29px; padding-left: 80px; padding-bottom: 0px; padding-right: 0px; display: none; margin-top: -8px; } .accordion-box-style1 .accordion .accord-content.collapsed { display: block; } .accordion-box-style1 .accordion .accord-content p { margin: 0; } .accordion-box-style2 { position: relative; display: block; padding-top: 33px; } .accordion-box-style2 .accordion { position: relative; display: block; background: transparent; } .accordion-box-style2 li+li { margin-top: 20px; } .accordion-box-style2 .accordion:last-child { margin-bottom: 0; } .accordion-box-style2 .accordion .accord-btn { position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; border-radius: 10px; border: 1px solid var(--thm-border-color); padding: 16px 30px 17px; transition: all 500ms ease 0s; z-index: 1; } .accordion-box-style2 .accordion .accord-btn:hover, .accordion-box-style2 .accordion .accord-btn.active { border: 1px solid var(--thm-primary-color); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .accordion-box-style2 .accordion .accord-btn h4 { font-size: 19px; line-height: 29px; transition: all 500ms ease; } .accordion-box-style2 .accordion .accord-btn:hover h4, .accordion-box-style2 .accordion .accord-btn.active h4 { color: var(--thm-white); } .accordion-box-style2 .accordion .accord-btn:before { content: ""; position: absolute; top: 0; left: 0px; bottom: 0px; right: 0px; background-color: var(--thm-primary-color); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: bottom right; -webkit-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; } .accordion-box-style2 .accordion .accord-btn:hover:before, .accordion-box-style2 .accordion .accord-btn.active:before { border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: top center; } .accordion-box-style2 .accordion .accord-btn .icon-box { position: relative; display: block; line-height: 0; } .accordion-box-style2 .accordion .accord-btn .icon-box span { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background-color: #f0ebf5; color: var(--thm-black); font-size: 15px; line-height: 15px; font-weight: 900; transition: all 500ms ease; } .accordion-box-style2 .accordion .accord-btn:hover .icon-box span, .accordion-box-style2 .accordion .accord-btn.active .icon-box span { background-color: var(--thm-white); color: var(--thm-black); transform: rotate(90deg); } .accordion-box-style2 .accordion .accord-content { position: relative; display: none; border: 1px solid var(--thm-border-color); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 33px 30px 33px; } .accordion-box-style2 .accordion .accord-content.collapsed { display: block; } .accordion-box-style2 .accordion .accord-btn.active { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .accordion-box-style2 .accordion .accord-content p { margin: 0; } .search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 300px; 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; opacity: 0; visibility: hidden; -webkit-transform: translateY(-10%); transform: translateY(-10%); z-index: 9999; } .search-popup.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.3s; transition: all 0.3s; } .search-popup__overlay { position: absolute; top: 0%; left: 0%; right: 0%; height: 300px; background-color: var(--thm-primary-color); opacity: 1.0; cursor: pointer; } .search-popup__close-btn { position: absolute; top: 10px; right: 10px; width: 60px; height: 60px; background-color: var(--thm-black); display: flex; align-items: center; justify-content: center; color: var(--thm-white); font-size: 24px; } .search-popup__content { width: 100%; max-width: 560px; background-color: #000000; padding: 10px; z-index: 10; } .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: 0px; overflow: hidden; } .search-popup__content form input[type="search"], .search-popup__content form input[type="text"] { position: relative; display: block; width: 100%; height: 70px; background-color: #fff; color: var(--thm-black); font-size: 16px; border: none; outline: none; padding-left: 30px; padding-right: 80px; } .search-popup__content .thm-btn { position: absolute; top: 0; right: 0px; padding: 0; width: 60px; height: 70px; 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; border-radius: 0; background-color: var(--thm-black); border: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; color: #ffffff; font-size: 20px; font-weight: 400; transition: background-color 0.5s ease; transition: all 0.5s ease; } .search-popup__content .thm-btn i { background-color: transparent; margin-left: 0; } .search-popup__content .thm-btn:hover { color: #ffffff; background-color: var(--thm-primary-color); } .handle-preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; display: -ms-flexbox; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; z-index: 9999999; } .handle-preloader .animation-preloader { position: absolute; z-index: 100; } .handle-preloader .animation-preloader .spinner { height: 150px; width: 150px; border-radius: 50%; margin: 0 auto 45px auto; animation: spinner 1s infinite linear; } .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; font-family: var(--thm-font-3); font-weight: 700; letter-spacing: 15px; font-size: 70px; line-height: 70px; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.3); } .handle-preloader .animation-preloader .txt-loading .letters-loading:before { animation: letters-loading 4s infinite; content: attr(data-text-preloader); position: absolute; top: 0; left: 0; opacity: 0; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.1s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.2s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.3s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.4s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 0.5s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 0.6s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 0.7s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before { animation-delay: 0.8s; } .handle-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .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.7); } @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } .loader-wrap .layer-one { position: absolute; left: 0%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-two { position: absolute; left: 33.3333%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer-three { position: absolute; left: 66.6666%; top: 0; width: 33.3333%; height: 100%; overflow: hidden; } .loader-wrap .layer .overlay { position: absolute; inset: 0; background: var(--thm-black); transform: translateX(0); will-change: transform; } .loader-wrap { position: fixed; inset: 0; overflow: hidden; z-index: 999999; contain: layout paint size; } .preloader.fade-out { opacity: 0; visibility: hidden; transition: opacity .4s ease; } @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: 40px; letter-spacing: 10px; } } @-webkit-keyframes pulse10 { 0% { -webkit-box-shadow: 0 0 0 0 #ee212b; box-shadow: 0 0 0 0 #ee212b; } 40% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } @keyframes pulse10 { 0% { -webkit-box-shadow: 0 0 0 0 #ee212b; box-shadow: 0 0 0 0 #ee212b; } 40% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); box-shadow: 0 0 0 50px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } .revolution-style1 { padding: 140px 0px 100px; } .revolution-style1 .container { max-width: 1160px; } .revolution-style1 .row { --bs-gutter-x: 70px; } .revolution-style1__single { position: relative; display: block; margin-bottom: 30px; } .revolution-style1__single-img { position: relative; display: block; } .revolution-style1__single-img .count-text { position: absolute; top: 30px; left: -40px; z-index: 3; } .revolution-style1__single-img .count-text h2 { position: relative; display: inline-block; color: transparent; font-size: 72px; line-height: 1em; font-weight: 700; -webkit-background-clip: text; -webkit-text-stroke: 1px var(--thm-secondary-color); } .revolution-style1__single-img .count-text h2:before { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; color: var(--thm-secondary-color); white-space: nowrap; content: attr(data-hover); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .revolution-style1__single-img:hover .count-text h2:before { width: 100%; } .revolution-style1__single-img .inner { position: relative; display: block; overflow: hidden; border-radius: var(--thm-border-radius); z-index: 1; } .revolution-style1__single-img .inner::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 0.8995973389355743) 0%, rgba(0, 0, 0, 0.5046393557422969) 35%, rgba(0, 0, 0, 0) 70%); content: ""; z-index: 1; } .revolution-style1__single-img .inner img { width: 100%; transform: scale(1.0); transition: all 0.3s ease-in-out 0.1s; } .revolution-style1__single:hover .revolution-style1__single-img .inner img { transform: scale(1.08) rotate(0deg); } .revolution-style1__single-img .overlay-content { position: absolute; left: 0; bottom: 0px; right: 0; transform: translateY(27px); z-index: 5; -webkit-transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s; transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s; } .revolution-style1__single:hover .revolution-style1__single-img .overlay-content { transform: translateY(-25px); } .revolution-style1__single-img .overlay-content .icon { position: relative; display: block; line-height: 0; margin-bottom: 13px; } .revolution-style1__single-img .overlay-content .icon a { color: var(--thm-white); } .revolution-style1__single-img .overlay-content .icon a:hover { color: var(--thm-primary-color); } .revolution-style1__single-img .overlay-content .icon a span { position: relative; display: inline-block; font-size: 32px; line-height: 32px; } .revolution-style1__single-img .overlay-content .text-box { position: relative; display: block; } .revolution-style1__single-img .overlay-content .text-box h2 { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: capitalize; margin-bottom: 7px; } .revolution-style1__single-img .overlay-content .text-box h2 a { color: var(--thm-white); } .revolution-style1__single-img .overlay-content .text-box h2 a:hover { color: var(--thm-primary-color); } .revolution-style1__single-img .overlay-content .text-box p { color: #a3a0a7; font-size: 13px; line-height: 23px; font-weight: 700; text-transform: uppercase; font-family: var(--thm-font-2); } .revolution-style1__single-img .overlay-content .btn-box { position: relative; display: block; margin-top: 23px; transition: all 200ms linear; transition-delay: 0.1s; } .revolution-style1__single:hover .revolution-style1__single-img .overlay-content .btn-box { margin-top: 13px; } .revolution-style1__single-img .overlay-content .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 16px; line-height: 26px; font-weight: 700; text-transform: capitalize; } .revolution-style1__single-img .overlay-content .btn-box a:hover { color: var(--thm-primary-color); } .revolution-style1__single-img .overlay-content .btn-box a span { position: relative; display: inline-block; padding-right: 5px; font-size: 32px; line-height: 32px; } .welcome-style1 { padding: 120px 0px 120px; background-color: var(--thm-white); } .welcome-style1__top-title { position: relative; display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 46px; } .welcome-style1__top-title .sec-title { padding-bottom: 0px; } .welcome-style1__top-title .text { position: relative; display: block; top: -6px; } .welcome-style1__img { position: relative; display: block; max-width: 750px; } .welcome-style1__img-single { position: relative; display: block; overflow: hidden; border-radius: 6px; z-index: 1; } .welcome-style1__img-single::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: -moz-linear-gradient(90deg, rgb(6, 42, 38) 0%, rgba(6, 42, 38, 0) 75%); background: -webkit-linear-gradient(90deg, rgb(6, 42, 38) 0%, rgba(6, 42, 38, 0) 75%); background: -ms-linear-gradient(90deg, rgb(6, 42, 38) 0%, rgba(6, 42, 38, 0) 75%); z-index: 2; } .welcome-style1__img-single img { width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .welcome-style1__img-single:hover img { -webkit-transform: scale(1.06) translateY(8px); transform: scale(1.06) translateY(8px); } .welcome-style1__img-single .overlay-btn { position: absolute; left: 15px; bottom: 15px; right: 15px; z-index: 5; } .welcome-style1__img-single .overlay-btn a { position: relative; display: flex; align-items: center; justify-content: space-between; overflow: hidden; color: var(--thm-white); font-size: 24px; line-height: 34px; font-family: var(--thm-font-2); font-weight: 500; border-radius: 6px; background-color: rgb(255, 255, 255, 0.302); padding: 10px 25px 10px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .welcome-style1__img-single .overlay-btn:hover a { color: var(--thm-black); } .welcome-style1__img-single .overlay-btn a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--thm-white); opacity: 0; transform: translateY(70px); transition: background-color 0.5s ease; transition: all 0.5s ease; z-index: -1; } .welcome-style1__img-single .overlay-btn:hover a::before { opacity: 1; transform: translateY(0px); } .welcome-style1__img-single .overlay-btn a span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 50px; opacity: 0; transform: translateX(50px); -webkit-transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s; transition: all 0.5s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0.2s; } .welcome-style1__img-single .overlay-btn:hover a span { opacity: 1; transform: translateY(0px); } .welcome-style1__content { position: relative; display: block; padding-top: 48px; } .welcome-style1__content .sec-title { padding-bottom: 25px; } .welcome-style1__content .sec-title .sub-title { margin-bottom: 4px; } .welcome-style1__content .sec-title .sub-title h4 { padding-left: 0; } .welcome-style1__content .sec-title .sub-title h4::before { display: none; } .welcome-style1__content .sec-title .sub-title h4::after { display: none; } .welcome-style1__content .sec-title h2 { font-size: 30px; } .welcome-style1__content .text { position: relative; display: block; } .welcome-style1__content .text p { margin: 0; } .welcome-style1__content .list-item { position: relative; display: block; padding-top: 24px; } .welcome-style1__content .list-item ul { position: relative; display: block; } .welcome-style1__content .list-item ul li { position: relative; display: block; padding-left: 20px; } .welcome-style1__content .list-item ul li+li { margin-top: 10px; } .welcome-style1__content .list-item ul li .round-box { position: absolute; top: 7px; left: 0; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--thm-primary-color); background-color: transparent; } .welcome-style1__content .list-item ul li a { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: var(--thm-body-font-size); line-height: 27px; font-family: var(--thm-font); } .welcome-style1__content .list-item ul li a i { position: relative; display: inline-block; font-size: 12px; font-weight: 400; top: 1px; margin-left: 6px; transition: all 200ms linear; transition-delay: 0.1s; } .welcome-style1__content .list-item ul li a i.arrow-hover { margin-left: -5px; opacity: 0; transform: translateX(-7px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .welcome-style1__content .list-item ul li a:hover i.arrow-hover { opacity: 1; transform: translateX(0px); } .welcome-style1__content .list-item ul li a:hover i { color: var(--thm-primary-color); } .welcome-style1__content .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 105px; height: 105px; border: 2px solid var(--thm-primary-color); border-radius: 50%; margin-top: 43px; } .welcome-style1__content .icon-box span { color: var(--thm-black); font-size: 55px; } .welcome-style1__content .big-round { position: absolute; left: -140px; bottom: -95px; width: 305px; height: 305px; border-radius: 50%; border: 1px solid var(--thm-border-color); background-color: transparent; z-index: -2; } .why-choose-style1 { background-color: var(--thm-white); padding: 60px 0px 20px; } .why-choose-style1__inner { position: relative; display: block; padding-top: 80px; z-index: 2; } .why-choose-style1__inner ul { position: relative; display: block; } .why-choose-style1__inner ul li { position: relative; display: block; } .why-choose-style1__inner ul li+li { margin-top: 50px; } .why-choose-style1__list { position: relative; display: flex; align-items: center; } .why-choose-style1__list .number-box { position: relative; display: block; width: 70px; height: 70px; } .why-choose-style1__list .number-box h2 { color: #edf4f2; font-size: 48px; line-height: 70px; font-weight: 600; } .why-choose-style1__list .content-box { position: relative; display: block; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 20px 30px 20px; padding-right: 75px; } .why-choose-style1__list .content-box .title { position: relative; display: block; } .why-choose-style1__list .content-box .title h4 { font-size: 20px; line-height: 30px; font-weight: 500; } .why-choose-style1__list .content-box .btn-box { position: absolute; top: 10px; right: 10px; bottom: 10px; } .why-choose-style1__inner--3 li:nth-child(2) .content-box .btn-box, .why-choose-style1__inner li:nth-child(1) .content-box .btn-box, .why-choose-style1__inner li:nth-child(3) .content-box .btn-box { top: 25px; } .why-choose-style1__list .content-box .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 6px; background-color: var(--thm-black); color: var(--thm-primary-color); font-size: 22px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .why-choose-style1__list .content-box .btn-box a:hover { color: var(--thm-white); background-color: var(--thm-primary-color); } .why-choose-style1__list .number-box.box1 { position: relative; display: flex; align-items: center; justify-content: end; } .why-choose-style1__list .content-box.box1 { padding: 20px 75px 20px; padding-right: 30px; } .why-choose-style1__list .content-box .btn-box.box1 { position: absolute; top: 10px; left: 10px; bottom: 10px; right: auto; width: 50px; } .why-choose-style1__list .content-box .btn-box a i.arrow1 { transform: rotate(90deg); } .why-choose-style1__list .content-box .btn-box a i.arrow2 { transform: rotate(45deg); } .why-choose-style1__list .content-box .btn-box a i.arrow3 { transform: rotate(180deg); } .why-choose-style1__list .content-box .btn-box a i.arrow4 { transform: rotate(224deg); } .why-choose-style1__list .content-box .btn-box a i.arrow5 { transform: rotate(-90deg); } .why-choose-style1__img { position: relative; display: block; width: 640px; height: 640px; margin: 0px 0px -150px -135px; z-index: 1; } .why-choose-style1__img::before { content: ""; position: absolute; top: 10px; left: 0px; right: 10px; bottom: 0; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-border-color); margin: 0 auto; z-index: -1; } .why-choose-style1__img::after { content: ""; position: absolute; top: 0px; left: 10px; right: 0px; bottom: 0; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-border-color); margin: 0 auto; z-index: -1; } .why-choose-style1__img .inner { position: relative; display: block; width: 350px; margin: 0 auto; padding-top: 50px; } .why-choose-style1__img .inner img { width: auto; } .why-choose-style2 { background-color: var(--thm-white); padding: 120px 0px 120px; } .why-choose-style2 .auto-container { max-width: 1800px; padding-left: 0px; padding-right: 0px; } .why-choose-style2__inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 951px; width: 100%; margin: 0 auto; z-index: -1; } .why-choose-style2__inner ul { position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; } .why-choose-style2__inner ul li { position: relative; display: block; width: 1px; height: 100%; background-color: #dde6e3; } .why-choose-style2 .auto-container .row { --bs-gutter-x: 0px; } .why-choose-style2__single { position: relative; display: block; padding-left: 100px; } .why-choose-style2__single .icon-box { position: absolute; top: 0; left: 0; width: 220px; height: 220px; overflow: hidden; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-border-color); padding-top: 45px; padding-left: 100px; } .why-choose-style2__single .icon-box img { width: auto; } .why-choose-style2__single .icon-box .count-text { position: absolute; top: 50%; left: -70px; width: 140px; height: 140px; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-border-color); text-align: right; transform: translateY(-50%); z-index: 3; display: flex; align-items: center; justify-content: flex-end; padding-right: 12px; } .why-choose-style2__single .icon-box .count-text h2 { position: relative; display: inline-block; font-size: 40px; line-height: 1em; font-weight: 500; color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 1px #dde6e3; transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .why-choose-style2__single:hover .icon-box .count-text h2 { -webkit-text-stroke: 1px var(--thm-primary-color); } .why-choose-style2__single .icon-box .count-text h2:before { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; color: var(--thm-primary-color); white-space: nowrap; content: attr(data-hover); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .why-choose-style2__single:hover .icon-box .count-text h2:before { width: 100%; } .why-choose-style2__single .content-box { position: relative; display: block; padding-top: 130px; } .why-choose-style2__single .content-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 8px; } .why-choose-style2__single .content-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .why-choose-style2__single .content-box h3 a:hover { color: var(--thm-primary-color); } .why-choose-style2__single .content-box p { margin: 0; } .choose-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -115px; right: 330px; } .why-choose-style3 { background-color: var(--thm-black-bg); padding: 60px 0px 60px; } .why-choose-style3 .sec-title h2 { color: var(--thm-white); } .why-choose-style3__single { position: relative; display: block; border-radius: 6px; background-color: #103934; border: 1px solid #23423f; padding: 84px 39px 31px; margin-bottom: 30px; transition: border-color 0.5s ease; transition: all 0.5s ease; z-index: 1; } .why-choose-style3__single:hover { border-color: transparent; } .why-choose-style3__single::before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; opacity: 0; border-radius: 6px; border: 1px solid var(--thm-primary-color); transform: perspective(400px) scaleX(0.7); transform-origin: center; z-index: -1; } .why-choose-style3__single:hover::before { opacity: 1; transform: perspective(400px) scaleX(1.0); transition: border-color 0.5s ease; transition: all 0.5s ease; } .why-choose-style3__single .icon-box { position: absolute; display: flex; align-items: center; justify-content: center; width: 85px; height: 85px; background-color: #062a26; border: 1px solid #23423f; border-top-left-radius: 6px; top: -1px; left: -1px; transition: border-color 0.5s ease; transition: all 0.5s ease; z-index: 1; } .why-choose-style3__single:hover .icon-box { border-color: transparent; } .why-choose-style3__single .icon-box::before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; opacity: 0; border-top-left-radius: 6px; border: 1px solid var(--thm-primary-color); transform: perspective(400px) scaleX(0.7); transform-origin: center; z-index: -1; } .why-choose-style3__single:hover .icon-box::before { opacity: 1; transform: perspective(400px) scaleX(1.0); transition: border-color 0.5s ease; transition: all 0.5s ease; } .why-choose-style3__single .title-box { position: relative; display: block; padding-top: 33px; } .why-choose-style3__single .title-box h3 { font-size: 20px; line-height: 34px; font-weight: 500; margin-bottom: 8px; } .why-choose-style3 .row>div:nth-of-type(5) .why-choose-style3__single .title-box h3, .why-choose-style3 .row>div:nth-of-type(6) .why-choose-style3__single .title-box h3 { min-height: 68px; } .why-choose-style3__single .title-box h3 a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .why-choose-style3__single .title-box h3 a:hover { color: var(--thm-primary-color); } .why-choose-style3__single .title-box p { color: #a5b1ad; min-height: 110px; } .why-choose-style3__single .count-box { position: absolute; top: 19px; right: 36px; } .why-choose-style3__single .count-box h1 { color: transparent; -webkit-text-stroke: 1px #29544f; font-size: 100px; line-height: 1.1em; font-weight: 500; } .why-choose-style3--style2 { background-color: var(--thm-white); padding-bottom: 120px; } .why-choose-style3--style2 .sec-title h2 { color: var(--thm-black); } .why-choose-style3__single--style2 { background-color: var(--thm-white); border: 1px solid var(--thm-border-color); margin-bottom: 0px; } .why-choose-style3__single--style2 .icon-box { background-color: var(--thm-gray-bg); border: 1px solid var(--thm-border-color); } .why-choose-style3__single--style2 .icon-box img { width: auto; } .why-choose-style3__single--style2 .title-box h3 a { color: var(--thm-black); } .why-choose-style3__single--style2 .title-box p { color: var(--thm-body-font-color); } .why-choose-style3__single--style2 .count-box h1 { -webkit-text-stroke: 1px #dde6e3; } .why-choose-style3--style2-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -115px; right: 0; } .industries-serve-style1 { background-color: var(--thm-black-bg); padding: 120px 0px 120px; } .industries-serve-style1-bg { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; background-position: left top; width: calc((100% - 230px) / 2); z-index: 0; } .industries-serve-style1-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(6, 42, 38); background: linear-gradient(270deg, rgba(6, 42, 38, 0) 0%, rgba(6, 42, 38, 0) 21%, rgba(6, 42, 38, 0.7819502801120448) 68%, rgba(6, 42, 38, 1) 100%); z-index: -1; } .industries-serve-style1 .sec-title h2 { color: var(--thm-white); } .industries-serve-style1 .sec-title .text p { color: #a5b1ad; } .industries-serve-style1__content { position: relative; display: block; margin-right: 70px; } .industries-serve-style1__content-list { position: relative; display: block; overflow: hidden; } .industries-serve-style1__content-list ul { position: relative; display: block; border-right: 1px solid rgb(255, 255, 255, 0.1); } .industries-serve-style1__content-list ul li { position: relative; display: flex; align-items: center; border-bottom: 1px solid rgb(255, 255, 255, 0.1); padding-bottom: 30px; margin-bottom: 30px; } .industries-serve-style1__content-list ul li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .industries-serve-style1__content-list ul li .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 85px; height: 85px; overflow: hidden; border-radius: 6px; background-color: transparent; border: 1px solid rgb(255, 255, 255, 0.10); font-size: 50px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .industries-serve-style1__content-list ul li:hover .icon-box { background-color: #000000; border-color: #000000; } .industries-serve-style1__content-list ul li .title-box { position: relative; display: block; flex: 1; padding-left: 30px; } .industries-serve-style1__content-list ul li .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; font-family: var(--thm-font-2); margin-bottom: 8px; } .industries-serve-style1__content-list ul li .title-box h3 a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .industries-serve-style1__content-list ul li .title-box h3 a:hover { color: var(--thm-primary-color); } .industries-serve-style1__content-list ul li .title-box p { color: #a5b1ad; } .industries-serve-style1__content-list ul li .btn-box { position: relative; display: block; padding-right: 40px; line-height: 0; transition: background-color 0.6s ease; transition: all 0.6s ease; } .industries-serve-style1__content-list ul li .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background-color: var(--thm-primary-color); color: var(--thm-white); font-size: 35px; opacity: 0; transform: translateX(50px); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .industries-serve-style1__content-list ul li:hover .btn-box a { opacity: 1; transform: translateX(0px); } .industries-serve-style1__highlight { position: relative; display: block; text-align: right; padding-top: 152px; z-index: 3; } .industries-serve-style1__highlight .title { position: relative; display: block; margin-bottom: 21px; } .industries-serve-style1__highlight .title h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; } .industries-serve-style1__highlight ul { position: relative; display: block; } .industries-serve-style1__highlight ul li { position: relative; display: inline-block; border-radius: 6px; background-color: var(--thm-white); padding: 16px 25px 16px; padding-right: 110px; } .industries-serve-style1__highlight ul li+li { margin-top: 10px; } .industries-serve-style1__highlight ul li .text { position: relative; display: block; } .industries-serve-style1__highlight ul li .text p { color: var(--thm-black); } .industries-serve-style1__highlight ul li .number { position: absolute; display: flex; align-items: center; justify-content: center; top: 5px; right: 5px; bottom: 5px; width: 80px; height: 50px; border-radius: 6px; background-color: var(--thm-black); } .industries-serve-style1__highlight ul li .number h4 { color: var(--thm-white); font-size: var(--thm-body-font-size); line-height: 21px; font-family: var(--thm-font); font-weight: 400; } .industries-serve-style1__highlight .btn-box { position: relative; display: block; line-height: 0; padding-top: 40px; } .industries-serve-style1__highlight .btn-box .btn-one:before { background: var(--thm-primary-color); } .industries-serve-style1__highlight .btn-box .btn-one::after { border-radius: 6px; background: transparent; border: 2px solid var(--thm-primary-color); } .industries-style2 { background-color: var(--thm-black-bg); padding: 60px 0px 60px; } .industries-style2 .sec-title h2 { color: var(--thm-white); } .industries-style2 .sec-title .text p { color: #a5b1ad; } .industries-style2__content { position: relative; display: block; } .industries-style2__content ul { position: relative; display: block; padding-top: 33px; } .industries-style2__content ul li { position: static; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 31px; border-bottom: 1px solid #23423f; } .industries-style2__content ul li:last-child { border-bottom: 0px solid transparent; padding-bottom: 0px; } .industries-style2__content ul li+li { margin-top: 33px; } .industries-style2__content ul li .left { position: relative; display: block; padding-left: 15%; } .industries-style2__content ul li .left p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .industries-style2__content ul li:hover .left p { color: var(--thm-white); } .industries-style2__content ul li.cs-hover_tab.active .left p { color: var(--thm-white); } .industries-style2__content ul li .left .title { position: relative; display: block; margin-top: 6px; } .industries-style2__content ul li .left .title h3, .industries-style2__content ul li .right .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .industries-style2__content ul li .left .title h3 a, .industries-style2__content ul li .right .title h3 a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .industries-style2__content ul li:hover .left .title h3 a, .industries-style2__content ul li:hover .right .title h3 a { color: var(--thm-primary-color); } .industries-style2__content ul li.cs-hover_tab.active .left .title h3 a, .industries-style2__content ul li.cs-hover_tab.active .right .title h3 a { color: var(--thm-primary-color); } .industries-style2__content ul li .right { position: relative; display: flex; align-items: center; overflow: hidden; text-align: right; min-height: 50px; padding-right: 15%; } .industries-style2__content ul li .right .title { position: relative; display: block; padding-right: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .industries-style2__content ul li .right .title h6 { font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .industries-style2__content ul li .right .title h6 a { color: #a5b1ad; transition: all 200ms linear; transition-delay: 0.1s; } .industries-style2__content ul li:hover .right .title h6 a { color: var(--thm-white); } .industries-style2__content ul li.cs-hover_tab.active .right .title h6 a { color: var(--thm-white); } .industries-style2__content ul li .right .round-box { position: relative; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: var(--thm-primary-color); transform: scale(1.0); transition: all 200ms linear; transition-delay: 0.8s; } .industries-style2__content ul li:hover .right .round-box { transform: scale(0); } .industries-style2__content ul li.cs-hover_tab.active .right .round-box { transform: scale(0); } .industries-style2__content ul li .right .icon-box { position: absolute; top: 0px; right: 0px; } .industries-style2__content ul li .right .icon-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 6px; background-color: var(--thm-primary-color); color: var(--thm-white); font-size: 16px; transform: translateX(50px); transition: all 200ms linear; transition-delay: 0.1s; } .industries-style2__content ul li:hover .right .icon-box a { transform: translateX(0px); } .industries-style2__content ul li.cs-hover_tab.active .right .icon-box a { transform: translateX(0px); } .industries-style2__content ul li .right .icon-box a:hover { background-color: var(--thm-white); color: var(--thm-primary-color); } .industries-style2__content-single-overlay { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 370px; height: 515px; overflow: hidden; border-radius: 6px; } .industries-style2__content-single__overlay-bg { position: absolute; right: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); pointer-events: none; -webkit-animation: inactiveImageAnimation 1s forwards ease; animation: inactiveImageAnimation 1s forwards ease; } .cs-hover_tab.active .industries-style2__content-single__overlay-bg { -webkit-animation: activeImageAnimation 1s forwards ease; animation: activeImageAnimation 1s forwards ease; } @keyframes inactiveImageAnimation { 0% { clip-path: inset(0 0 0 0); } 100% { clip-path: inset(0 0 0 100%); } } @keyframes activeImageAnimation { 0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); } } .industries-style2__img { position: relative; display: block; overflow: hidden; border-radius: 6px; } .industries-style2__img img { width: 100%; } .how-its-work-style1 { background-color: var(--thm-gray-bg); padding: 120px 0px 120px; } .how-its-work-style1 .sec-title.withtext { padding-bottom: 92px; } .how-its-work-style1__single { position: relative; display: block; padding: 0 30px; } .how-its-work-style1__single .img-box { position: relative; display: block; width: 200px; margin: 0 auto; z-index: 1; } .how-its-work-style1__single .img-box::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-primary-color); transform: rotate(135deg); z-index: -1; } .how-its-work-style1__single .icon-box { position: absolute; display: flex; align-items: center; justify-content: center; top: -40px; left: -40px; width: 80px; height: 80px; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); z-index: 3; } .how-its-work-style1__single .icon-box span { position: relative; display: inline-block; font-size: 45px; } .how-its-work-style1__single .img-box .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; } .how-its-work-style1__single .img-box .inner::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .how-its-work-style1__single:hover .img-box .inner::before { opacity: 0.40; } .how-its-work-style1__single .img-box .inner img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .how-its-work-style1__single:hover .img-box .inner img { transform: scale(1.05) rotate(0deg); } .how-its-work-style1__single .img-box .inner .count-box { position: absolute; display: flex; align-items: center; justify-content: flex-start; right: -75px; bottom: -75px; width: 150px; height: 150px; border-radius: 50%; background-color: var(--thm-black); padding-left: 30px; padding-bottom: 57px; z-index: 3; } .how-its-work-style1__single .img-box .inner .count-box h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-family: var(--thm-font-2); font-weight: 500; } .how-its-work-style1__single .content-box { position: relative; display: block; padding-top: 63px; z-index: 3; } .how-its-work-style1__single .content-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 13px; } .how-its-work-style1__single .content-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .how-its-work-style1__single .content-box h3 a:hover { color: var(--thm-primary-color); } .how-its-work-style1__single .content-box p { margin: 0; } .how-its-work-style1__consult { position: relative; display: flex; align-items: center; justify-content: center; max-width: 620px; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12); margin: 52px auto 0; padding: 0px 40px 0px; padding-right: 0; } .how-its-work-style1__consult .text { position: relative; display: block; } .how-its-work-style1__consult .text p { color: var(--thm-black); } .how-its-work-style1__consult .btn-box { position: relative; display: block; margin-left: auto; } .how-its-work-style1__consult .btn-box .btn-one { padding-top: 8px; padding-bottom: 7px; } .how-its-work-style2 { background-color: var(--thm-white); padding: 60px 0px 60px; } .how-its-work-style2 ul li:nth-child(2), .how-its-work-style2 ul li:nth-child(4), .how-its-work-style2 ul li:nth-child(6) { padding-top: 50px; } .how-its-work-style2__single { position: relative; display: block; padding: 20px; } .how-its-work-style2__single-shape1 { position: absolute; top: -20px; right: -70px; width: 120px; transform: rotate(-15deg); } .how-its-work-style2__single-shape2 { position: absolute; top: 100px; right: -70px; width: 120px; transform: rotate(15deg); } .how-its-work-style2__single .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 130px; height: 130px; margin: 0 auto; border-radius: 50%; background-color: var(--thm-gray-bg); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); } .how-its-work-style2__single .icon-box img { width: 50px; height: 50px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .how-its-work-style2__single:hover .icon-box { transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08); border: 2px solid rgba(255, 255, 255, 0.2); } .how-its-work-style2__single:hover .icon-box img { transform: scale(1.05); } .how-its-work-style2__single:hover .icon-box::before { animation: spin 1.5s linear infinite; opacity: 1; } @keyframes spin { 0% { transform: translate(0%, 0%) rotate(0deg); } 100% { transform: translate(0%, 0%) rotate(360deg); } } .how-its-work-style2__single .icon-box::before { content: ""; position: absolute; top: -15px; left: -15px; bottom: -15px; right: -15px; border-radius: 50%; background-color: var(--thm-white); border: 4px dotted var(--thm-border-color); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); z-index: -1; } .how-its-work-style2__single .icon-box img { width: auto; } .how-its-work-style2__single .count-box { position: absolute; align-items: center; justify-content: center; top: 70px; left: -35px; width: 45px; height: 45px; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-border-color); } .how-its-work-style2__single .count-box2 { top: 55px; } .how-its-work-style2__single .count-box h4 { font-size: 18px; line-height: 43px; font-weight: 500; } .how-its-work-style2__single .title-box { position: relative; display: block; padding-top: 30px; } .how-its-work-style2__single .title-box h3 { font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 13px; } .how-its-work-style2__single .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .how-its-work-style2__single .title-box h3 a:hover { color: var(--thm-primary-color); } .how-its-work-style2__single.pt-70 { padding-top: 70px; } .how-its-work-style2 .sec-title.withtext { padding-bottom: 52px; } .pricing-style1 { background-color: var(--thm-gray-bg); padding: 120px 0px 70px; } .switcher-tabs-box { position: relative; display: block; } .tab-btn-box-style2 { position: absolute; top: -110px; right: 0; } .tab-btn-box-style2 .tab-btns { position: relative; display: flex; align-items: center; width: 220px; height: 50px; border: 1px solid #cad8d4; border-radius: 6px; overflow: hidden; } .tab-btn-box-style2 .tab-btns li { position: relative; width: 50%; display: flex; align-items: center; justify-content: center; color: #93a09c; font-size: 14px; line-height: 50px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: all 500ms ease; z-index: 1; } .tab-btn-box-style2 .tab-btns li:before { position: absolute; top: 0px; left: 0; bottom: 0; right: 0; width: 0; background: #cad8d4; content: ""; z-index: -1; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .tab-btn-box-style2 .tab-btns li.active-btn:before { width: 100%; } .tab-btn-box-style2 .tab-btns li.active-btn { color: #062a26; } .switcher-tabs-box .tabs-content { position: relative; } .switcher-tabs-box .tabs-content .tab { position: relative; display: none; opacity: 0; transform: translateY(10px); transition: all 250ms ease-in-out; } .switcher-tabs-box .tabs-content .tab.active-tab { display: block; opacity: 1.0; transform: translateY(0px); } .pricing-style1__single { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06); padding: 25px 40px 18px; margin-bottom: 50px; z-index: 1; } .pricing-style1__single::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: var(--thm-black); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: left right; -webkit-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; } .pricing-style1__single:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: bottom center; } .pricing-style1__single .value-box { position: relative; display: block; } .pricing-style1__single .value-box h2 { font-size: 60px; line-height: 1.1em; font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; } .pricing-style1__single:hover .value-box h2 { color: var(--thm-white); } .pricing-style1__single .value-box h2 sup { font-size: 28px; top: -21px; } .pricing-style1__single .value-box h2 sub { color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; bottom: 1px; left: -25px; } .pricing-style1__single .title-box { position: relative; display: block; background-color: var(--thm-gray-bg); border-bottom-right-radius: 6px; padding: 13px 40px 13px; margin-left: -40px; margin-top: 30px; } .pricing-style1__single .title-box h3 { font-size: 24px; line-height: 34px; font-family: var(--thm-font-2); font-weight: 500; } .pricing-style1__single .title-box .icon { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; width: 70px; height: 60px; background-color: var(--thm-primary-color); border-bottom-right-radius: 6px; font-size: 45px; z-index: 1; } .pricing-style1__single .title-box .icon::before { content: ""; position: absolute; top: -24px; right: 0; width: 70px; height: 25px; background-color: var(--thm-primary-color); clip-path: polygon(49% 89%, 100% 0, 100% 100%, 0 100%, 0 0); z-index: -1; } .pricing-style1__single .list-item { position: relative; display: block; padding-top: 32px; border-bottom: 1px solid #dde6e3; margin-bottom: 17px; padding-bottom: 33px; transition: border-color 0.5s ease; transition: all 0.5s ease; } .pricing-style1__single:hover .list-item { border-color: #1a433e; } .pricing-style1__single .list-item ul { position: relative; display: block; } .pricing-style1__single .list-item ul li { position: relative; display: flex; align-items: center; justify-content: space-between; } .pricing-style1__single .list-item ul li+li { margin-top: 12px; } .pricing-style1__single .list-item ul li .text { position: relative; display: block; } .pricing-style1__single .list-item ul li .text p { margin: 0; transition: all 200ms linear; transition-delay: 0.1s; } .pricing-style1__single:hover .list-item ul li .text p { color: #a5b1ad; } .pricing-style1__single .list-item ul li .icon-box { position: relative; display: block; line-height: 0; } .pricing-style1__single .list-item ul li .icon-box span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 24px; } .pricing-style1__single .list-item .btn-box { position: relative; display: block; padding-top: 30px; } .pricing-style1__single .list-item .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .pricing-style1__single:hover .list-item .btn-box a { color: var(--thm-white); } .pricing-style1__single .list-item .btn-box a:hover { color: var(--thm-primary-color); } .pricing-style1__single .list-item .btn-box a span { margin-left: 6px; } .pricing-style1__single .bottom-text { position: relative; display: block; } .pricing-style1__single .bottom-text p { color: var(--thm-black); font-size: var(--thm-body-font-size); line-height: 27px; font-family: var(--thm-font); font-weight: 500; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; } .pricing-style1__single:hover .bottom-text p { color: var(--thm-white); } .pricing-style1__single .bottom-text p sup { color: var(--thm-primary-color); font-size: 18px; top: 1px; } .slogan-style1 { border-radius: 6px; background-color: var(--thm-black); padding: 111px 0px 119px; margin: 0px 50px 0px; } .slogan-style1__inner { position: relative; display: block; } .slogan-style1__inner .big-title { position: relative; display: block; margin-bottom: 20px; } .slogan-style1__inner .big-title h2 { color: var(--thm-white); font-size: 46px; line-height: 1.2em; font-weight: 500; } .slogan-style1__inner .text { position: relative; display: block; } .slogan-style1__inner .text p { color: #a5b1ad; } .slogan-style1__inner .highlights-box { position: relative; display: block; padding-top: 34px; } .slogan-style1__inner .highlights-box ul { position: relative; display: flex; align-items: center; justify-content: center; } .slogan-style1__inner .highlights-box ul li { position: relative; display: flex; align-items: center; } .slogan-style1__inner .highlights-box ul li+li { margin-left: 40px; } .slogan-style1__inner .highlights-box ul li .icon { position: relative; display: block; line-height: 0; margin-right: 10px; } .slogan-style1__inner .highlights-box ul li .icon span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 20px; } .slogan-style1__inner .highlights-box ul li h4 { color: var(--thm-white); font-size: 20px; line-height: 30px; font-weight: 500; } .slogan-style1__inner .contact-communicate { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 41px; } .slogan-style1__inner .contact-communicate .contact-box { position: relative; display: block; text-align: left; } .slogan-style1__inner .contact-communicate .contact-box.box1 { text-align: right; } .slogan-style1__inner .contact-communicate .contact-box p { color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; } .slogan-style1__inner .contact-communicate .contact-box a { position: relative; display: flex; align-items: center; color: var(--thm-white); font-size: var(--thm-body-font-size); line-height: 27px; font-family: var(--thm-font); font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .slogan-style1__inner .contact-communicate .contact-box a:hover { color: var(--thm-primary-color); } .slogan-style1__inner .contact-communicate .contact-box a i { position: relative; top: 2px; font-size: 12px; margin-left: 6px; font-weight: 100; } .slogan-style1__inner .contact-communicate .icon-box { position: relative; display: flex; align-items: center; margin: 0px 25px 0px; } .slogan-style1__inner .contact-communicate .icon-box a { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-color: var(--thm-white); border: 1px solid var(--thm-black); font-size: 30px; z-index: 1; } .slogan-style1__inner .contact-communicate .icon-box a.box1 { margin-left: -15px; z-index: 4; } .slogan-style2 { border-radius: 0px; margin: 0px 0px 0px; } .award-style1 { background-color: var(--thm-gray-bg); padding: 60px 0px 60px; } .award-style1__single { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06); padding: 20px 30px 20px; padding-right: 20px; margin-bottom: 30px; z-index: 2; transition: all 200ms linear; transition-delay: 0.1s; } .award-style1__single:hover { transform: translateY(-5px); } .award-style1__single .row { --bs-gutter-x: 20px; } .award-style1__single-shape1 { position: absolute; top: 0; left: 75px; z-index: -1; } .award-style1__single-content { position: relative; display: block; padding-top: 20px; } .award-style1__single-content .icon { position: relative; display: block; margin-bottom: 33px; } .award-style1__single-content .icon img { width: auto; } .award-style1__single-content .category-box { position: relative; display: block; } .award-style1__single-content .category-box p { color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .award-style1__single-content .title { position: relative; display: block; margin-top: 4px; } .award-style1__single-content .title h3 { font-size: 22px; line-height: 32px; font-weight: 500; } .award-style1__single-content .title h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .award-style1__single-content .title h3 a:hover { color: var(--thm-primary-color); } .award-style1__single-content .year { position: relative; display: block; margin-top: 10px; } .award-style1__single-content .year h4 { color: var(--thm-body-font-color); font-size: 18px; line-height: 25px; font-weight: 400; } .award-style1__single-img { position: relative; display: block; overflow: hidden; border-radius: 6px; } .award-style1__single-img::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .award-style1__single:hover .award-style1__single-img::before { opacity: 0.40; } .award-style1__single-img img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .award-style1__single:hover .award-style1__single-img img { transform: scale(1.05) rotate(0deg); } .team-style1 { background-color: var(--thm-white); padding: 120px 0px 120px; } .team-style1__single { position: relative; display: block; } .team-style1__single.instyle--2 { margin-bottom: 30px; } .team-style1__single .img-box { position: relative; display: block; overflow: hidden; border-radius: 6px; z-index: 1; } .team-style1__single .img-box::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .team-style1__single:hover .img-box::before { opacity: 0.50; } .team-style1__single .img-box img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .team-style1__single:hover .img-box img { transform: scale(1.05) rotate(0deg); } .team-style1__single .img-box .overlay-content { position: absolute; left: 15px; bottom: 15px; right: 15px; border-radius: 6px; background-color: var(--thm-white); padding: 12px 25px 0px; padding-right: 0; z-index: 3; } .team-style1__single .img-box .overlay-content .title { position: relative; display: block; margin-bottom: 11px; } .team-style1__single .img-box .overlay-content .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .team-style1__single .img-box .overlay-content .title h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .team-style1__single .img-box .overlay-content .title h3 a:hover { color: var(--thm-primary-color); } .team-style1__single .img-box .overlay-content .border-line { position: absolute; left: 0px; width: 100%; height: 1px; background-color: var(--thm-border-color); } .team-style1__single .img-box .overlay-content .sub-title { position: relative; display: block; padding: 9px 0px 9px; } .team-style1__single .img-box .overlay-content .sub-title .text { position: relative; display: block; } .team-style1__single .img-box .overlay-content .sub-title .text p { margin: 0; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box { position: absolute; right: 0; bottom: 0; border-left: 1px solid var(--thm-border-color); transition: border-color 0.5s ease; transition: all 0.5s ease; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box:hover { border-color: transparent; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box span { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: transparent; color: var(--thm-primary-color); font-size: 20px; line-height: 45px; cursor: pointer; border-bottom-right-radius: 6px; transition: all 0.3s; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box:hover span { color: #ffffff; background-color: var(--thm-primary-color); } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul { position: absolute; right: 0px; bottom: 45px; white-space: nowrap; transform: translateX(100px); padding-bottom: 75px; opacity: 0; transition: all 0.3s; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box:hover ul { opacity: 1; transform: translateX(0px); } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul li { position: relative; display: block; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul li+li { margin-top: 10px; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background: #ffffff; border-radius: 6px; color: var(--thm-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul li a:hover { color: #ffffff; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul li a:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: var(--thm-primary-color); content: ""; opacity: 0; transform: scale(0.5); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .team-style1__single .img-box .overlay-content .sub-title .social-share-box ul li:hover a:before { opacity: 1; border-radius: 6px; transform: scale(1); } .team-style1__btn { position: relative; display: block; text-align: center; padding-top: 53px; line-height: 0; } .team-style1__btn a { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; } .team-style1__btn a:hover { color: var(--thm-primary-color); } .team-style1__btn a i { font-size: 12px; font-weight: 400; margin-left: 4px; } .team-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -115px; right: -5px; } .team-style1.instyle--2 { padding-bottom: 90px; } .team-style2 { background-color: var(--thm-white); padding: 120px 0px 90px; } .team-style2__single { position: relative; display: block; margin-bottom: 80px; } .team-style2__single .img-box { position: relative; display: block; z-index: 1; } .team-style2__single .img-box .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; } .team-style2__single .img-box .inner::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .team-style2__single:hover .img-box .inner::before { opacity: 0.50; } .team-style2__single .img-box .inner img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .team-style2__single:hover .img-box .inner img { transform: scale(1.05) rotate(0deg); } .team-style2__single .img-box .inner .social-share-box { position: absolute; top: 0; left: 0; transition: border-color 0.5s ease; transition: all 0.5s ease; z-index: 3; } .team-style2__single .img-box .inner .social-share-box span { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: var(--thm-black-bg); color: var(--thm-white); font-size: 20px; line-height: 60px; cursor: pointer; border-bottom-right-radius: 6px; transition: all 0.3s; z-index: 1; } .team-style2__single .img-box .inner .social-share-box:hover span { color: #ffffff; background-color: var(--thm-primary-color); } .team-style2__single .img-box .inner .social-share-box ul { position: absolute; top: 70px; left: 10px; white-space: nowrap; transform: translateX(-70px); opacity: 0; transition: all 0.3s; } .team-style2__single .img-box .inner .social-share-box:hover ul { opacity: 1; transform: translateX(0px); } .team-style2__single .img-box .inner .social-share-box ul li { position: relative; display: block; } .team-style2__single .img-box .inner .social-share-box ul li+li { margin-top: 10px; } .team-style2__single .img-box .inner .social-share-box ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background: #ffffff; border-radius: 6px; color: var(--thm-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .team-style2__single .img-box .inner .social-share-box ul li a:hover { color: #ffffff; } .team-style2__single .img-box .inner .social-share-box ul li a:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: var(--thm-primary-color); content: ""; opacity: 0; transform: scale(0.5); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .team-style2__single .img-box .inner .social-share-box ul li:hover a:before { opacity: 1; border-radius: 6px; transform: scale(1); } .team-style2__single .img-box .overlay-content { position: absolute; left: 0px; bottom: -50px; right: 0px; border-radius: 5px; background-color: var(--thm-gray-bg); padding: 12px 25px 7px; padding-right: 0; transition: background-color 0.5s ease; transition: all 0.5s ease; z-index: 3; } .team-style2__single:hover .img-box .overlay-content { background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); } .team-style2__single .img-box .overlay-content .title { position: relative; display: block; margin-bottom: 11px; } .team-style2__single .img-box .overlay-content .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .team-style2__single .img-box .overlay-content .title h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .team-style2__single .img-box .overlay-content .title h3 a:hover { color: var(--thm-primary-color); } .team-style2__single .img-box .overlay-content .border-line { position: absolute; left: 0px; width: 100%; height: 1px; background-color: #cad8d4; } .team-style2__single .img-box .overlay-content .text { position: relative; display: block; padding-top: 8px; } .team-style2__single .img-box .overlay-content .text p { margin: 0; } .event-offshore { background-color: var(--thm-white); padding: 60px 0px 60px; } .blog-style1 { background-color: var(--thm-gray-bg); padding: 60px 0px 60px; } .case-style1 { background-color: var(--thm-white); padding: 60px 0px 60px; } .case-style1 .container { max-width: 100%; padding-left: 0; padding-right: 0; margin-right: -30px; } .case-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -70px; right: 0; } .case-style1__single { position: relative; display: block; } .case-style1__single .img-box { position: relative; display: block; } .case-style1__single .img-box .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; z-index: 1; } .case-style1__single .img-box .inner::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .case-style1__single:hover .img-box .inner::before { opacity: 0.90; } .case-style1__single .img-box .inner img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .case-style1__single:hover .img-box .inner img { transform: scale(1.05) rotate(0deg); } .case-style1__single .img-box .inner .overlay-icon { position: absolute; top: 40px; right: 40px; opacity: 0; -webkit-transform: perspective(400px) rotateX(20deg) translateX(100%); -ms-transform: perspective(400px) rotateX(20deg) translateX(100%); transform: perspective(400px) rotateX(20deg) translateX(100%); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; z-index: 2; } .case-style1__single:hover .img-box .inner .overlay-icon { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg) translateX(0%); -ms-transform: perspective(400px) rotateX(0deg) translateX(0%); transform: perspective(400px) rotateX(0deg) translateX(-0%); transition-delay: .3s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; } .case-style1__single .img-box .inner .overlay-icon a { position: relative; display: inline-block; color: var(--thm-white); font-size: 32px; line-height: 32px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .case-style1__single .img-box .inner .overlay-icon a:hover { color: var(--thm-primary-color); } .case-style1__single .img-box .overlay-content { position: absolute; left: 10px; bottom: 15px; right: 10px; transform: scaleY(0); transition: all 400ms ease 200ms; z-index: 2; } .case-style1__single:hover .img-box .overlay-content { transform: scaleY(1.0); transition: all 300ms linear; transition-delay: 0.1s; } .case-style1__single .img-box .overlay-content .category-box { position: absolute; right: 0px; bottom: 101px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: var(--thm-primary-color); padding: 8px 20px 8px; } .case-style1__single .img-box .overlay-content .category-box p { color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .case-style1__single .img-box .overlay-content .title-box { position: relative; display: block; border-radius: 6px 0px 6px 6px; background-color: var(--thm-white); padding: 17px 25px 16px; } .case-style1__single .img-box .overlay-content .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .case-style1__single .img-box .overlay-content .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .case-style1__single .img-box .overlay-content .title-box h3 a:hover { color: var(--thm-primary-color); } .case-style1.instyle--2 { padding: 92px 0px 0px; } .case-style1.instyle--2 .container { margin-right: 0px; } .case-style1.instyle--2 .title { position: relative; display: block; padding-bottom: 41px; } .case-style1.instyle--2 .title h3 { font-size: 30px; line-height: 40px; font-weight: 500; } .case-style1-carousel--style2.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -105px; right: -5px; } .case-style2 { background-color: var(--thm-white); padding: 120px 0px 112px; } .case-style2__single { position: relative; display: block; margin-bottom: 80px; } .case-style2__single .img-box { position: relative; display: block; z-index: 1; } .case-style2__single .img-box .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; } .case-style2__single .img-box .inner::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .case-style2__single:hover .img-box .inner::before { opacity: 0.90; } .case-style2__single .img-box .inner img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .case-style2__single:hover .img-box .inner img { transform: scale(1.05) rotate(0deg); } .case-style2__single .img-box .overlay-content { position: absolute; left: 0px; bottom: -50px; right: 25px; z-index: 2; } .case-style2__single .img-box .overlay-content .category-box { position: absolute; right: 0px; top: -40px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: var(--thm-primary-color); padding: 8px 20px 8px; } .case-style2__single .img-box .overlay-content .category-box p { color: var(--thm-white); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .case-style2__single .img-box .overlay-content .title-box { position: relative; display: block; border-radius: 6px 0px 6px 6px; background-color: var(--thm-white); border: 1px solid var(--thm-border-color); padding: 17px 25px 16px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .case-style2__single:hover .img-box .overlay-content .title-box { border-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); } .case-style2__single .img-box .overlay-content .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .case-style2__single .img-box .overlay-content .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .case-style2__single .img-box .overlay-content .title-box h3 a:hover { color: var(--thm-primary-color); } .case-style2__btn { position: relative; display: block; padding-top: 15px; } .case-style2__btn.mtminus { padding-top: 0; margin-top: -80px; } .case-style2__btn a { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; } .case-style2__btn a:hover { color: var(--thm-primary-color); } .case-style2__btn a i { margin-left: 4px; } .case-style2-carousel.owl-nav-style-one.owl-theme .owl-stage-outer { padding-bottom: 100px; } .case-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -115px; right: 0; } .single-case-studies { background-color: var(--thm-white); padding: 120px 0px 112px; } .single-case-studies__sidebar { position: relative; display: block; margin-right: 30px; } .single-case-studies__sidebar .project-info { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 33px 40px 40px; } .single-case-studies__sidebar .project-info .title { position: relative; display: block; border-bottom: 1px solid #cad8d4; padding-bottom: 11px; } .single-case-studies__sidebar .project-info .title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .single-case-studies__sidebar .project-info ul { position: relative; display: block; padding-top: 33px; } .single-case-studies__sidebar .project-info ul li { position: relative; display: block; } .single-case-studies__sidebar .project-info ul li+li { margin-top: 19px; } .single-case-studies__sidebar .project-info ul li p { margin: 0; } .single-case-studies__sidebar .project-info ul li h4 { font-size: 20px; line-height: 30px; font-weight: 500; margin-top: 5px; } .single-case-studies__sidebar .project-info .btn-box { position: relative; display: block; line-height: 0; padding-top: 32px; } .single-case-studies__sidebar .project-info .btn-box .btn-one { display: block; text-align: center; } .single-case-studies__sidebar .social-links { position: relative; display: block; padding-top: 43px; } .single-case-studies__sidebar .social-links .text { position: relative; display: block; } .single-case-studies__sidebar .social-links .text p { color: #a5b1ad; font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: uppercase; } .single-case-studies__sidebar .social-links ul { position: relative; display: flex; align-items: center; padding-top: 18px; } .single-case-studies__sidebar .social-links ul li { position: relative; display: block; } .single-case-studies__sidebar .social-links ul li+li { margin-left: 10px; } .single-case-studies__sidebar .social-links ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 55px; width: 55px; background: transparent; border: 1px solid var(--thm-border-color); border-radius: 6px; color: var(--thm-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .single-case-studies__sidebar .social-links ul li:hover a { color: #ffffff; border-color: var(--thm-primary-color); background-color: var(--thm-primary-color); } .single-case-studies__content { position: relative; display: block; margin-top: -9px; } .single-case-studies__content .title { position: relative; display: block; } .single-case-studies__content .title h2 { font-size: 46px; line-height: 1.2em; font-weight: 500; margin-bottom: 21px; } .single-case-studies__content .title p { margin: 0; } .single-case-studies__content .img-box { position: relative; display: block; overflow: hidden; border-radius: 6px; margin: 42px 0px 42px; } .single-case-studies__content .img-box img { width: 100%; } .single-case-studies__content .text-box { position: relative; display: block; } .single-case-studies__content .text-box p { margin: 0; } .single-case-studies__content>ul { position: relative; display: block; padding-top: 34px; } .single-case-studies__content>ul>li { position: relative; display: block; padding-left: 100px; } .single-case-studies__content>ul>li+li { margin-top: 36px; } .single-case-studies__content>ul>li>.icon { position: absolute; display: flex; align-items: center; justify-content: center; top: 8px; left: 0; width: 70px; height: 70px; border-radius: 5px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); font-size: 40px; } .single-case-studies__content>ul>li>.content-box { position: relative; display: block; } .single-case-studies__content>ul>li>.content-box>.text { position: relative; display: block; } .single-case-studies__content>ul>li>.content-box>.text>h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 18px; } .single-case-studies__content>ul>li>.content-box>.text>p { margin: 0; } .single-case-studies__content>ul>li>.content-box>ul { position: relative; display: block; padding-top: 15px; } .single-case-studies__content>ul>li>.content-box>ul>li { position: relative; display: flex; align-items: center; } .single-case-studies__content>ul>li>.content-box>ul>li+li { margin-top: 14px; } .single-case-studies__content>ul>li>.content-box>ul>li>.icon { position: relative; display: block; line-height: 0; } .single-case-studies__content>ul>li>.content-box>ul>li>.icon>i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 15px; } .single-case-studies__content>ul>li>.content-box>ul>li>.text { position: relative; display: block; padding-left: 15px; } .single-case-studies__content>ul>li>.content-box>ul>li>.text>p { color: var(--thm-black); } .get-in-touch-style1 { background-color: var(--thm-gray-bg); padding: 120px 0 120px; } .get-in-touch-style1__shape1 { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; } .get-in-touch-style1__form { position: relative; display: block; } .get-in-touch-style1__form form { position: relative; display: block; } .get-in-touch-style1__form-left { position: relative; display: block; border-top: 1px solid var(--thm-border-color); } .get-in-touch-style1__form-right { position: relative; display: block; border-top: 1px solid var(--thm-border-color); } .get-in-touch-style1__form form .form-group { position: relative; display: block; } .get-in-touch-style1__form form .form-group .input-box { position: relative; display: block; } .get-in-touch-style1__form form .form-group input[type="text"], .get-in-touch-style1__form form .form-group input[type="email"], .get-in-touch-style1__form form .form-group textarea { position: relative; display: block; background: transparent; border-top: none !important; border: 1px solid var(--thm-border-color); width: 100%; height: 75px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-weight: 400; font-style: normal; padding-left: 30px; padding-right: 30px; border-radius: 0px; transition: all 500ms ease; font-family: var(--thm-font); } .get-in-touch-style1__form form .form-group input[type="text"]:focus, .get-in-touch-style1__form form .form-group input[type="email"]:focus, .get-in-touch-style1__form form .form-group textarea:focus { border: 1px solid var(--thm-primary-color); outline: none; } .get-in-touch-style1__form form .form-group textarea { height: 300px; padding-top: 22px; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; } .get-in-touch-style1__form form input[type="text"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="text"]:-moz-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="text"]::-moz-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="text"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="email"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="email"]:-moz-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="email"]::-moz-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form input[type="email"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form textarea::-webkit-input-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form textarea:-moz-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form textarea::-moz-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form textarea:-ms-input-placeholder { color: var(--thm-body-font-color); } .get-in-touch-style1__form form .button-box { position: relative; display: block; padding-top: 40px; } .get-in-touch-style1__form form .button-box button { margin-top: 23px; } .employers-employee-phone-email-box { position: relative; display: block; padding-top: 80px; } .employers-employee-phone-email-box .row { --bs-gutter-x: 0px; } .employers-employee-phone-email-box .single-box { position: relative; display: block; } .employers-employee-phone-email-box .single-box .title { position: relative; display: block; border-radius: 6px 6px 0px 0px; background-color: var(--thm-black-bg); padding: 13px 0px 13px; } .employers-employee-phone-email-box .single-box .title.title2 { background-color: #103934; } .employers-employee-phone-email-box .single-box .title h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; text-transform: capitalize; } .employers-employee-phone-email-box .single-box ul { position: relative; display: block; overflow: hidden; border-radius: 0px 0px 0px 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06); padding: 14px 50px 13px; } .employers-employee-phone-email-box .single-box-style2 ul { border-left: 1px solid var(--thm-border-color); border-radius: 0px 0px 6px 0px; } .employers-employee-phone-email-box .single-box ul li { position: relative; display: block; float: left; padding-left: 30px; padding-right: 30px; border-right: 1px solid var(--thm-border-color); } .employers-employee-phone-email-box .single-box ul li+li { margin-left: 30px; } .employers-employee-phone-email-box .single-box ul li:last-child { border-right: 0px solid transparent; padding-right: 0; } .employers-employee-phone-email-box .single-box ul li .icon { position: absolute; top: 3px; left: 0; line-height: 0; } .employers-employee-phone-email-box .single-box ul li .icon span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 24px; } .employers-employee-phone-email-box .single-box ul li a { position: relative; display: inline-block; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); line-height: 27px; font-family: var(--thm-font); font-weight: 400; transition: all 200ms linear; transition-delay: 0.1s; } .employers-employee-phone-email-box .single-box ul li a:hover { color: var(--thm-primary-color); } .video-style1 { position: relative; display: block; } .video-style1__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-attachment: local; background-position: center center; } .video-style1__bg::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0, 0, 0, 0.36); } .video-style1__bg:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -moz-linear-gradient(0deg, rgb(6, 42, 38) 0%, rgba(6, 42, 38, 0) 80%); background-image: -webkit-linear-gradient(0deg, rgb(6, 42, 38) 0%, rgba(6, 42, 38, 0) 80%); background-image: -ms-linear-gradient(0deg, rgb(6, 42, 38) 0%, rgba(6, 42, 38, 0) 80%); } .video-style1__inner { position: relative; display: block; padding: 137px 0px 143px; } .video-style1__round-text-box { position: absolute; top: 50%; left: 0; right: 0; width: 170px; height: 170px; border-radius: 50%; background-color: transparent; transform: translateY(-50%); z-index: 5; } .video-style1__round-text-box .inner { position: relative; display: block; width: 170px; height: 170px; } .video-style1__curved-circle-top { position: absolute; top: 0px; left: 0; bottom: 0; right: 0; color: var(--thm-white); font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: var(--thm-font); word-spacing: 2px; letter-spacing: 1px; } .video-style1__inner .overlay-video-btn { position: absolute; top: 35px; left: 35px; bottom: 35px; right: 35px; border-radius: 50%; background-color: transparent; border: 1px solid var(--thm-white); } .video-style1__inner .overlay-video-btn a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--thm-white); font-size: 40px; line-height: 40px; border-radius: 50%; } .video-style1__inner .overlay-video-btn a:hover { color: var(--thm-primary-color); } .video-style1__title { position: relative; display: block; margin-left: 205px; } .video-style1__title h2 { color: var(--thm-white); font-size: 60px; line-height: 1.2em; font-weight: 500; } .video-style1__title .border-line { position: relative; display: block; width: 100%; height: 1px; background-color: rgb(255, 255, 255, 0.35); margin: 26px 0px 33px; } .video-style1__title p { color: #d6d6d6; font-size: 19px; line-height: 29px; } .faq-style1 { background-color: var(--thm-white); padding: 60px 0px 60px; } .faq-style1__img { position: relative; display: block; margin-right: 40px; } .faq-style1__img .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; margin-right: 50px; } .faq-style1__img .inner::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; opacity: 1; z-index: 2; } .faq-style1__img .inner:hover::before { width: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .faq-style1__img .inner img { width: 100%; transition: .5s ease; transform: scale(1.03); } .faq-style1__img .inner:hover img { transform: scale(1); } .faq-style1__img .overlay-content { position: absolute; right: 0; bottom: 70px; border-radius: 6px; background-color: var(--thm-black-bg); text-align: center; padding: 40px 30px 40px; z-index: 3; } .faq-style1__img .overlay-content .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius: 6px; background-color: var(--thm-white); font-size: 30px; margin: 0 auto 22px; } .faq-style1__img .overlay-content h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 8px; } .faq-style1__img .overlay-content p { color: #a5b1ad; } .faq-style1__img .overlay-content .btn-box { position: relative; display: block; line-height: 0; padding-top: 32px; } .faq-style1__img .overlay-content .btn-box .btn-one:hover { color: var(--thm-black); } .faq-style1__img .overlay-content .btn-box .btn-one::before { background: var(--thm-gray-bg); } .faq-style1__content { position: relative; display: block; } .faq .faq-style1__content .accordion-box-style1 .accordion { width: 100%; } .faq-style1__content .accordion-box-style1 .accordion:last-child { margin-bottom: 0px; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn { position: relative; display: flex; align-items: center; border-radius: 6px; background-color: var(--thm-white); border: 1px solid var(--thm-border-color); padding-left: 60px; height: 60px; } .faq-style1__content .accordion-box-style1 .accordion-block img { width: 40px; height: 40px; position: absolute; left: 10px; border: 1px solid var(--thm-border-color); padding: 5px; } .faq-style1__content .accordion-box-style1 .accord-btn.active img { color: #ffffff; content: "\e96c"; border-color: var(--thm-primary-color); background-color: var(--thm-white); } .faq-style1__content .accordion-box-style1 .accordion .accord-btn.active { background-color: var(--thm-black-bg); border-color: var(--thm-black-bg); } .faq-style1__content .accordion-box-style1 .accordion .accord-btn h4 { font-size: 14px; line-height: 25px; font-weight: 600; width: 100%; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn.active h4 { color: var(--thm-white); } .faq .faq-style1__content .accordion-box-style1 .accordion .accord-btn::after { position: absolute; font-family: "icomoon"; padding: 8px; } .accord-content ul, .accord-content ol { padding-left: 15px; } .accord-content ul li { list-style: disc; } .accord-content ol li { list-style: auto; } .faq .accordion-box-style1 .accordion .accord-content table, .faq .accordion-box-style1 .accordion .accord-content ul, .faq .accordion-box-style1 .accordion .accord-content p { font-size: 14px; } .build-your-team .faq-style1__content .accordion-box-style1 .accordion .accord-btn::after { display: none; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn::after { content: "\e923"; top: 50%; left: 10px; width: 40px; height: 40px; border: none; border-radius: 6px; background-color: #edf4f2; color: #a8b4b0; font-size: 25px; line-height: 25px; font-weight: 500; transform: translateY(-50%); margin-top: 0px; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn.active { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn.active::after { content: "\e922"; color: #ffffff; font-size: 20px; border-color: transparent; background-color: var(--thm-primary-color); transform: rotate(90deg) translateY(-50%); left: -10px; margin-top: -20px; } .faq-style1__content .accordion-box-style1 .accordion .accord-content { border-radius: 6px; background-color: var(--thm-gray-bg); padding: 22px 30px 22px; margin-top: 10px; } .faq-style1__content .btn-box { position: relative; display: block; padding-top: 30px; } .faq-style1__content .btn-box a { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--thm-black); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; } .faq-style1__content .btn-box a:hover { color: var(--thm-primary-color); } .faq-style1__content .btn-box a i { margin-left: 6px; } .scrolling-text-style1 { background-color: var(--thm-primary-color); padding: 18px 0px 18px; } .scrolling-text-style1 .inner { position: relative; display: block; } .scrolling-text-style1 .inner ul { display: flex; align-items: center; flex-wrap: nowrap; width: fit-content; } .scrolling-text-style1 .inner ul li { position: relative; display: block; white-space: nowrap; float: left; color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; text-transform: capitalize; font-family: var(--thm-font-2); margin-left: 100px; transition: all .4s ease; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .scrolling-text-style1 .inner ul li:before { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; color: var(--thm-black); white-space: nowrap; content: attr(data-hover); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .scrolling-text-style1 .inner ul li:hover:before { width: 100%; } .featurs-style1 { background-color: var(--thm-black-bg); padding: 80px 0 80px; border-top: 1px solid var(--thm-primary-color); border-bottom: 1px solid var(--thm-primary-color); } .featurs-style1 .sec-title h2 { color: var(--thm-white); } .featurs-style1 .sec-title .text p { color: #a5b1ad; } .features-style1__inner { position: relative; display: block; } .tab-box-style1 { position: relative; display: block; } .features-style1-tab__button { position: relative; display: block; margin-bottom: 70px; } .features-style1-tab__button::before { content: ""; position: absolute; top: 50%; left: -1000px; right: -1000px; bottom: 0; height: 1px; background-color: #23423f; } .features-style1-tab__button .tabs-button-box { position: relative; display: flex; justify-content: center; align-items: center; } .features-style1-tab__button .tabs-button-box li { position: relative; display: block; } .features-style1-tab__button .tabs-button-box li+li { margin-left: 20px; } .features-style1-tab__button .tabs-button-box li span { position: relative; display: inline-block; color: var(--thm-white); font-size: 16px; line-height: 24px; font-family: var(--thm-font); font-weight: 700; text-transform: capitalize; border-radius: 6px; background-color: #23423f; padding: 15px 40px 16px; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .features-style1-tab__button .tabs-button-box li:hover span, .features-style1-tab__button .tabs-button-box li.active-btn-item span { color: var(--thm-black); background-color: var(--thm-white); } .tab-box-style1 .tabs-content-box { position: relative; display: block; } .tab-box-style1 .tab-content-box-item { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .tab-box-style1 .tab-content-box-item.tab-content-box-item-active { position: relative; visibility: visible; z-index: 5; } .tab-box-style1 .tab-content-box-item .features-style1__content-tab-item { opacity: 0; transform: translateY(0px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .tab-box-style1 .tab-content-box-item.tab-content-box-item-active .features-style1__content-tab-item { opacity: 1; transform: translateY(0px); } .features-style1__single { position: relative; display: block; } .features-style1__single .clearfix li { display: flex; } .features-style1__single .clearfix li .icon { margin: auto; } .features-style1__img-tab-item { position: relative; display: block; overflow: hidden; border-radius: 6px; max-width: 530px; margin-right: 40px; } .features-style1__img-tab-item::before { background: rgba(255, 255, 255, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; opacity: 1; z-index: 2; } .features-style1__img-tab-item:hover::before { width: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .features-style1__img-tab-item img { width: 100%; transition: .5s ease; transform: scale(1.03); } .features-style1__img-tab-item:hover img { transform: scale(1); } .features-style1__content-tab-item { position: relative; display: block; } .features-style1__content-tab-item .content-box { position: relative; display: block; } .features-style1__content-tab-item .title-box { position: relative; display: block; } .features-style1__content-tab-item .title-box h2 { color: var(--thm-white); font-size: 36px; line-height: 1.2em; font-weight: 500; margin-bottom: 23px; } .features-style1__content-tab-item .title-box p { color: #a5b1ad; } .features-style1__content-tab-item .list-item { position: relative; display: block; padding-top: 25px; } .features-style1__content-tab-item .list-item ul { position: relative; display: block; } .features-style1__content-tab-item .list-item ul li { position: relative; display: flex; padding-left: 30px; } .features-style1__content-tab-item .list-item ul li+li { margin-top: 7px; } .features-style1__content-tab-item .list-item ul li .icon { margin: auto; position: absolute; top: 2px; left: 0; } .features-style1__content-tab-item .list-item ul li .icon i { color: var(--thm-primary-color); font-size: 23px; } .features-style1__content-tab-item .list-item ul li .text { position: relative; display: block; } .features-style1__content-tab-item .list-item ul li .text p { color: #a5b1ad; } .features-style1__content-tab-item .btn-box { position: relative; display: block; line-height: 0; padding-top: 36px; } .features-style1__content-tab-item .btn-box .btn-one:hover { color: var(--thm-black); } .features-style1__content-tab-item .btn-box .btn-one:before { background: var(--thm-white); } .job-opening-style1 { background-color: var(--thm-gray-bg); padding: 60px 0px 60px; } .job-opening-style1__form { position: relative; display: block; } .job-opening-style1__form form { position: relative; display: block; } .job-opening-style1__form form .form-group { position: relative; display: block; width: 100%; } .job-opening-style1__form form .form-group .input-box { position: relative; display: block; } .job-opening-style1__form form .form-group .input-box .icon { position: absolute; top: 17px; left: 20px; bottom: 0; } .job-opening-style1__form form .form-group .input-box .icon i { position: relative; display: inline-block; color: #a5b1ad; font-size: 16px; } .job-opening-style1__form form .form-group input[type="text"] { position: relative; display: block; border-radius: 6px; background: transparent; border: 1px solid var(--thm-border-color); width: 100%; height: 60px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-family: var(--thm-font); font-weight: 400; font-style: normal; padding-left: 43px; padding-right: 20px; transition: all 500ms ease; } .job-opening-style1__form form .form-group input[type="text"]:focus { border: 1px solid var(--thm-primary-color); outline: none; } .job-opening-style1__form form .form-group input[type="text"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .job-opening-style1__form form .form-group input[type="text"]:-moz-placeholder { color: var(--thm-body-font-color); } .job-opening-style1__form form .form-group input[type="text"]::-moz-placeholder { color: var(--thm-body-font-color); } .job-opening-style1__form form .form-group input[type="text"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .job-opening-style1__form form .form-group .nice-select { position: relative; display: block; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); width: 100%; height: 60px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-family: var(--thm-font); font-weight: 400; line-height: 58px; padding-left: 43px; padding-right: 20px; transition: all 500ms ease; } .job-opening-style1__form form .form-group .nice-select::after { width: 8px; height: 8px; border-bottom: 2px solid var(--thm-border-color); border-right: 2px solid var(--thm-border-color); right: 22px; margin-top: 0px; top: 21px; z-index: 10; } .job-opening-style1__form .btn-box { position: relative; display: block; line-height: 0; padding-top: 30px; } .job-opening-style1__form .btn-box .btn-one { display: block; width: 100%; } .job-opening-style1__form .btn-box .btn-one::before { background: var(--thm-primary-color); } .job-opening-style1__form .btn-box .btn-one::after { background: var(--thm-black); } .job-opening-style1-info_inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top: 0; padding-bottom: 18px; } .job-opening-style1-info_inner .left-box { position: relative; display: block; } .job-opening-style1-info_inner .left-box p { color: #6a6b74; margin: 0; } .job-opening-style1-info_inner .right-box { position: relative; display: flex; align-items: center; width: 200px; } .job-opening-style1-info_inner .right-box .text { position: relative; display: block; width: 75px; text-align: left; } .job-opening-style1-info_inner .right-box .text p { color: var(--thm-black); margin: 0; } .job-opening-style1-info_inner .right-box .select-box { width: 125px; } .job-opening-style1-info_inner .right-box .nice-select { position: relative; display: block; height: 55px; line-height: 55px; background: transparent; border: 0px solid transparent !important; color: #6a6b74; font-family: var(--thm-font); border-radius: 0px; font-size: var(--thm-body-font-size); font-weight: 400; padding-left: 0px; padding-right: 0px; } .job-opening-style1-info_inner .right-box .nice-select:after { width: 8px; height: 8px; border-bottom: 2px solid #6a6b74; border-right: 2px solid #6a6b74; right: 3px; margin-top: 0px; top: 23px; z-index: 10; } .job-opening-style1-info_inner .right-box .nice-select .list { background-color: #ffffff; border-radius: 0px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 0px 0 0px; margin-top: 10px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.0) translateY(-30px); -ms-transform: scale(1.0) translateY(-30px); transform: scale(1.0) translateY(-30px); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; height: 0; width: 200px; left: auto !important; } .job-opening-style1-info_inner .right-box .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: auto; } .job-opening-style1-info_inner .right-box .nice-select .option { padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 40px; min-height: 40px; } .single-job-post { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 80px 30px 24px; margin-bottom: 30px; } .single-job-post .category-box { position: absolute; top: 20px; left: 20px; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 0px 15px 0px; } .single-job-post .category-box p { color: var(--thm-black); font-size: 14px; line-height: 30px; font-weight: 700; text-transform: uppercase; } .single-job-post .top-box { position: relative; display: block; } .single-job-post .top-box .icon { position: relative; display: block; padding-bottom: 22px; } .single-job-post .top-box .icon img { width: auto; } .single-job-post .top-box .title-box { position: relative; display: block; } .single-job-post .top-box .title-box h3 { font-size: 22px; line-height: 32px; font-weight: 500; margin-bottom: 9px; } .single-job-post .top-box .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .single-job-post .top-box .title-box h3 a:hover { color: var(--thm-primary-color); } .single-job-post .top-box .title-box p { margin: 0; } .single-job-post .top-box .btn-box { position: relative; display: block; line-height: 0; padding-top: 22px; } .single-job-post .top-box .btn-box .btn-one { color: var(--thm-black); line-height: 30px; display: block; } .single-job-post .top-box .btn-box .btn-one:hover { color: var(--thm-white); } .single-job-post .top-box .btn-box .btn-one::before { background: var(--thm-primary-color); } .single-job-post .top-box .btn-box .btn-one::after { background: var(--thm-gray-bg); } .single-job-post .bottom-box { position: relative; display: block; padding-top: 24px; } .single-job-post .bottom-box ul { position: relative; display: block; } .single-job-post .bottom-box ul li { position: relative; display: flex; align-items: center; padding-top: 9px; } .single-job-post .bottom-box ul li:first-child { padding-top: 0; } .single-job-post .bottom-box ul li+li { border-top: 1px solid var(--thm-border-color); margin-top: 9px; } .single-job-post .bottom-box ul li .icon { position: relative; display: block; line-height: 0; color: #a5b1ad; font-size: 16px; } .single-job-post .bottom-box ul li .text { position: relative; display: block; padding-left: 9px; } .single-job-post .bottom-box ul li .text p { margin: 0; } .solution-detail-page { background-color: var(--thm-white); padding: 60px 0px 60px; } .solution-detail-page-content { position: relative; display: block; margin-top: -9px; } .solution-detail-page-content .intro-box { position: relative; display: block; } .solution-detail-page-content .intro-title-box { position: relative; display: block; padding-bottom: 25px; } .solution-detail-page-content .intro-title-box h2 { font-size: 46px; line-height: 1.2em; font-weight: 500; } .solution-detail-page-content .intro-img-box { position: relative; display: block; overflow: hidden; border-radius: 6px; } .solution-detail-page-content .intro-img-box img { width: 100%; } .solution-detail-page-content .text1 { position: relative; display: block; } .solution-detail-page-content .text1 p { margin: 0; } .solution-detail-page-content .text2 { position: relative; display: block; padding-top: 20px; } .solution-detail-page-content .text2 p { } .solution-detail-page-content .text3 { position: relative; display: block; padding-top: 20px; } .solution-detail-page-content .text3 p { margin: 0; } .solution-detail-highlighs-box { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 40px 0px 20px; margin-top: 42px; } .solution-detail-highlighs-box::before { } .single-highlighs-box { position: relative; display: block; padding: 0px 40px 0px; padding-right: 35px; } .single-highlighs-box .icon { position: relative; display: inline-block; } .single-highlighs-box .icon img { width: auto; } .single-highlighs-box .title-box { position: relative; display: block; padding-top: 23px; } .single-highlighs-box .title-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 13px; } .single-highlighs-box .title-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .single-highlighs-box .title-box h3 a:hover { color: var(--thm-primary-color); } .single-highlighs-box .title-box p { margin: 0; } .solution-detail-highlighs-box .swiper-container { padding: 0px 10px 50px 10px; } #solution-detail-highlighs-box-pagination { position: absolute; left: 40px !important; bottom: 0px; right: 40px !important; height: 10px !important; border: 1px solid var(--thm-border-color); border-radius: 6px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: auto !important; top: auto !important; background: transparent; } #solution-detail-highlighs-box-pagination .swiper-pagination-progressbar-fill { background: var(--thm-border-color) !important; top: 2px !important; height: 4px !important; border-radius: 10px !important; left: 5px; right: 5px; width: auto; } .service-advantages { position: relative; display: block; padding-top: 52px; } .service-advantages-title { position: relative; display: block; } .service-advantages-title h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 23px; } .service-advantages-title p { margin: 0; } .service-advantages .service-advantages__inner { position: relative; display: block; overflow: hidden; border-radius: 6px; margin-top: 32px; } .service-advantages .service-advantages__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; z-index: -1; } .service-advantages .service-advantages__tab { position: relative; display: block; padding: 50px; } .service-advantages .service-advantages-tab__button { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-white); width: 270px; z-index: 3; } .service-advantages .service-advantages-tab__button .tabs-button-box { position: relative; display: block; padding: 33px 30px 15px; } .service-advantages .service-advantages-tab__button .tabs-button-box li { position: relative; display: block; border-bottom: 1px solid #e4e7ee; padding-bottom: 17px; } .service-advantages .service-advantages-tab__button .tabs-button-box li:last-child { border-bottom: 0px solid; } .service-advantages .service-advantages-tab__button .tabs-button-box li+li { margin-top: 17px; } .service-advantages .service-advantages-tab__button .tabs-button-box li h4 { position: relative; display: flex; align-items: center; color: var(--thm-black); font-size: 20px; line-height: 30px; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .service-advantages .service-advantages-tab__button .tabs-button-box li h4:hover, .service-advantages .service-advantages-tab__button .tabs-button-box li.active-btn-item h4 { color: var(--thm-primary-color); } .service-advantages .service-advantages-tab__button .tabs-button-box li h4 span { position: relative; display: inline-block; font-size: 20px; top: 1px; opacity: 0; margin-left: 10px; transform: translateX(-10px); transition: all 200ms linear; transition-delay: 0.1s; } .service-advantages .service-advantages-tab__button .tabs-button-box li h4 span.arrow-hover { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .service-advantages .service-advantages-tab__button .tabs-button-box li h4:hover span.arrow-hover, .service-advantages .service-advantages-tab__button .tabs-button-box li.active-btn-item h4 span.arrow-hover { opacity: 1; transform: translateX(0px); } .service-advantages__tab .tabs-content-box { position: absolute; top: 0; right: 0; bottom: 0; max-width: 600px; width: 100%; z-index: 1; } .service-advantages__tab .tabs-content-box .tab-content-box-item { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .service-advantages__tab .tabs-content-box .tab-content-box-item.tab-content-box-item-active { position: relative; visibility: visible; z-index: 5; } .service-advantages__tab .tab-content-box-item .service-advantages__content-tab-item { opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; } .service-advantages__tab .tab-content-box-item.tab-content-box-item-active .service-advantages__content-tab-item { opacity: 1.0; transform: translateY(0px); } .service-advantages .service-advantages__shape { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: top left; background-repeat: no-repeat; z-index: -1; } .service-advantages .service-advantages__content-tab-item { position: relative; display: block; padding-top: 163px; padding-left: 200px; padding-right: 45px; } .service-advantages .service-advantages__content-tab-item__inner { position: relative; display: block; } .service-advantages .service-advantages__content-tab-item__inner h3 { color: var(--thm-white); font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 13px; } .service-advantages .service-advantages__content-tab-item__inner p { color: #a5b1ad; } .service-advantages .service-advantages__content-tab-item__inner .btn-box { position: relative; display: block; padding-top: 20px; } .service-advantages .service-advantages__content-tab-item__inner .btn-box a { position: relative; display: inline-flex; align-items: center; color: var(--thm-white); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.1s; } .service-advantages .service-advantages__content-tab-item__inner .btn-box a i { margin-left: 10px; } .service-advantages .service-advantages__content-tab-item__inner .btn-box a:hover { color: var(--thm-primary-color); } .solution-detail-page-sidebar { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12); padding: 10px 10px 10px; margin-left: 20px; } .solution-detail-page-sidebar .services-box { position: relative; display: block; } .solution-detail-page-sidebar .services-box>.title { position: relative; display: flex; align-items: center; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 12px 20px 12px; } .solution-detail-page-sidebar .services-box>.title>.icon { position: relative; display: block; line-height: 0; } .solution-detail-page-sidebar .services-box>.title>.icon>i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 20px; } .solution-detail-page-sidebar .services-box>.title h3 { font-size: 24px; line-height: 30px; font-weight: 500; margin-left: 8px; } .solution-detail-page-sidebar .services-box>.list-box { position: relative; display: block; padding: 27px 20px 32px; } .solution-detail-page-sidebar .services-box>.list-box>ul { position: relative; display: block; } .solution-detail-page-sidebar .services-box>.list-box>ul>li { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--thm-border-color); margin-bottom: 13px; padding-bottom: 12px; } .solution-detail-page-sidebar .services-box>.list-box>ul>li:last-child { border-bottom: 0px solid transparent; margin-bottom: 0px; padding-bottom: 0px; } .solution-detail-page-sidebar .services-box>.list-box>ul>li .text { position: relative; display: flex; align-items: center; } .solution-detail-page-sidebar .services-box>.list-box>ul>li .text h5 { font-size: 20px; line-height: 30px; font-weight: 500; } .solution-detail-page-sidebar .services-box>.list-box>ul>li .text h5 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .solution-detail-page-sidebar .services-box>.list-box>ul>li:hover .text h5 a, .solution-detail-page-sidebar .services-box>.list-box>ul>li.active .text h5 a { color: var(--thm-primary-color); } .solution-detail-page-sidebar .services-box>.list-box>ul>li .text h5>a i { position: relative; display: inline-block; font-size: 20px; font-weight: 400; top: 1px; margin-left: 7px; opacity: 0; transform: translateX(-7px); transition: all 200ms linear; transition-delay: 0.1s; } .solution-detail-page-sidebar .services-box>.list-box>ul>li .text h5>a i.arrow-hover { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .solution-detail-page-sidebar .services-box>.list-box>ul>li:hover .text h5 a i.arrow-hover, .solution-detail-page-sidebar .services-box>.list-box>ul>li.active .text h5 a i.arrow-hover { opacity: 1; transform: translateX(0px); } .solution-detail-page-sidebar .services-box>.list-box>ul>li>.icon { position: relative; display: block; } .solution-detail-page-sidebar .services-box>.list-box>ul>li>.icon i { position: relative; display: inline-block; color: #a5b1ad; font-size: 12px; transition: all 200ms linear; transition-delay: 0.1s; } .solution-detail-page-sidebar .services-box>.list-box>ul>li:hover .icon i, .solution-detail-page-sidebar .services-box>.list-box>ul>li.active .icon i { opacity: 0; } .solution-detail-page-sidebar .downloads-box { position: relative; display: block; padding-bottom: 50px; } .solution-detail-page-sidebar .downloads-box>.title { position: relative; display: flex; align-items: center; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 12px 20px 12px; } .solution-detail-page-sidebar .downloads-box>.title>.icon { position: relative; display: block; line-height: 0; } .solution-detail-page-sidebar .downloads-box>.title>.icon>i { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 20px; } .solution-detail-page-sidebar .downloads-box>.title h3 { font-size: 24px; line-height: 30px; font-weight: 500; margin-left: 8px; } .solution-detail-page-sidebar .downloads-box .list-box { position: relative; display: block; padding: 35px 20px 0px; } .solution-detail-page-sidebar .downloads-box .list-box ul { position: relative; display: block; } .solution-detail-page-sidebar .downloads-box .list-box ul li { position: relative; display: flex; align-items: center; border-bottom: 1px solid var(--thm-border-color); margin-bottom: 20px; padding-bottom: 20px; } .solution-detail-page-sidebar .downloads-box .list-box ul li:last-child { border-bottom: 0px solid transparent; margin-bottom: 0px; padding-bottom: 0px; } .solution-detail-page-sidebar .downloads-box .list-box ul li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); font-size: 24px; font-weight: 600; } .solution-detail-page-sidebar .downloads-box .list-box ul li .text { position: relative; display: block; padding-left: 20px; } .solution-detail-page-sidebar .downloads-box .list-box ul li .text h5 { font-size: 20px; line-height: 17px; font-weight: 500; } .solution-detail-page-sidebar .downloads-box .list-box ul li .text .btn { position: relative; display: inline-block; padding: 0; } .solution-detail-page-sidebar .downloads-box .list-box ul li .text .btn a { position: relative; display: flex; align-items: center; color: #a5b1ad; font-size: 14px; line-height: 20px; font-family: var(--thm-font); font-weight: 600; text-transform: uppercase; } .solution-detail-page-sidebar .downloads-box .list-box ul li .text .btn a i { font-weight: 700; margin-right: 8px; } .solution-detail-page-sidebar .downloads-box .list-box ul li .text .btn a:hover { color: var(--thm-primary-color); } .solution-detail-page-sidebar .banner-box { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: #062a26; padding: 40px 30px 40px; margin: 0px 20px 20px; z-index: 1; } .solution-detail-page-sidebar .banner-box__shape { position: absolute; top: 0; right: 0; z-index: -1; } .solution-detail-page-sidebar .banner-box .logo { position: relative; display: block; } .solution-detail-page-sidebar .banner-box .logo a { position: relative; display: inline-block; } .solution-detail-page-sidebar .banner-box .logo a img { width: auto; } .solution-detail-page-sidebar .banner-box .title { position: relative; display: block; padding-top: 20px; } .solution-detail-page-sidebar .banner-box .title h3 { color: var(--thm-white); font-size: 30px; line-height: 44px; font-weight: 500; font-style: italic; } .solution-detail-page-sidebar .banner-box .title h3 span { padding-left: 50px; } .solution-detail-page-sidebar .banner-box .text { position: relative; display: block; padding-top: 16px; } .solution-detail-page-sidebar .banner-box .text p { color: #a5b1ad; } .solution-detail-page-sidebar .banner-box .btn-box { position: relative; display: inline-block; line-height: 0; padding-top: 27px; } .solution-detail-page-sidebar .banner-box .btn-box .btn-one:before { background: #a5b1ad; } .essential-guide-style1 { background-color: var(--thm-gray-bg); padding: 60px 0px 60px; } .single-essential-guide-style1 { position: relative; display: block; margin-bottom: 50px; } .single-essential-guide-style1 .img-box { position: relative; display: block; padding-right: 70px; } .single-essential-guide-style1 .img-box .icon-box { position: absolute; display: flex; align-items: center; justify-content: center; top: 40px; right: 0; width: 70px; height: 70px; background-color: var(--thm-black-bg); border-top-right-radius: 6px; border-bottom-right-radius: 6px; font-size: 40px; } .single-essential-guide-style1 .img-box .inner { position: relative; display: block; overflow: hidden; border-radius: 6px; } .single-essential-guide-style1 .img-box .inner::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--thm-black); opacity: 0; z-index: 1; transition: opacity 0.5s ease; transition: all 0.5s ease; } .single-essential-guide-style1:hover .img-box .inner::before { opacity: 0.70; } .single-essential-guide-style1 .img-box .inner img { width: 100%; transform: scale(1.0); transition: all 1500ms ease; } .single-essential-guide-style1:hover .img-box .inner img { transform: scale(1.05) rotate(0deg); } .single-essential-guide-style1 .img-box .overlay-title { position: absolute; left: 0; bottom: 15px; right: 45px; background-color: var(--thm-white); box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.15); padding: 13px 25px 13px; padding-right: 0; transition: background-color 0.5s ease; transition: all 0.5s ease; z-index: 2; } .single-essential-guide-style1:hover .img-box .overlay-title { background-color: var(--thm-primary-color); box-shadow: transparent; } .single-essential-guide-style1 .img-box .overlay-title::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; background-color: var(--thm-white); transition: background-color 0.5s ease; transition: all 0.5s ease; z-index: 2; width: 70px; } .single-essential-guide-style1:hover .img-box .overlay-title::after { background-color: var(--thm-primary-color); } .single-essential-guide-style1 .img-box .overlay-title .arrow-right { position: absolute; top: -26px; right: -76px; width: 119px; height: 146px; opacity: 1; transform: translateX(0); transition: width 0.5s ease; transition: all 0.5s ease; z-index: 2; } .single-essential-guide-style1:hover .img-box .overlay-title .arrow-right { opacity: 0; transform: translateX(-50px); } .single-essential-guide-style1 .img-box .overlay-title::before { content: ""; position: absolute; top: 50%; right: -45px; bottom: 0; width: 45px; height: 90px; background-color: transparent; clip-path: polygon(100% 50%, 0 0, 0 100%); transform: translateY(-50%); transition: background-color 0.5s ease; transition: all 0.5s ease; z-index: -1; } .single-essential-guide-style1:hover .img-box .overlay-title::before { background-color: var(--thm-primary-color); } .single-essential-guide-style1 .img-box .overlay-title h3 { font-size: 24px; line-height: 34px; font-weight: 500; } .single-essential-guide-style1 .img-box .overlay-title h3 a { color: var(--thm-black); transition: all 300ms linear; transition-delay: 0.1s; } .single-essential-guide-style1:hover .img-box .overlay-title h3 a { color: var(--thm-white); } .growth-rate-style1 { background-color: var(--thm-white); padding: 120px 0px 167px; } .growth-rate-style1__content { position: relative; display: block; } .growth-rate-style1 .sec-title.withtext { padding-bottom: 32px; } .growth-rate-style1 .sec-title .text { padding-top: 19px; } .growth-rate-style1 .btn-box { position: relative; display: block; line-height: 0; } .growth-rate-style1 .btn-box .btn-one::before { background: var(--thm-primary-color); } .growth-rate-style1 .btn-box .btn-one::after { background: var(--thm-black); } .growth-rate-style1__growth { position: relative; display: block; } .progress-levels-outer-box { position: relative; display: block; } .progress-levels-outer-box .inner-title { position: relative; display: block; padding-left: 20px; margin-bottom: 32px; } .progress-levels-outer-box .inner-title::before { content: ""; position: absolute; top: 9px; left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: var(--thm-primary-color); } .progress-levels-outer-box .inner-title h5 { font-size: 20px; line-height: 30px; font-weight: 500; } .progress-levels-outer-box .inner-content { position: relative; display: block; } .progress-levels-outer-box .inner-content .value-box { position: absolute; top: 0; left: -1px; bottom: -35px; right: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .progress-levels-outer-box .inner-content .value-box .single-box { position: relative; display: flex; align-items: flex-end; justify-content: flex-start; width: 20%; height: 100%; border-left: 1px solid var(--thm-border-color); } .progress-levels-outer-box .inner-content .value-box .single-box p { position: relative; left: -10px; top: 30px; } .progress-levels-outer-box .inner-content .value-box .single-box.first p { left: -5px; } .progress-levels-outer-box .inner-content .value-box .single-box-right { width: 0; } .progress-levels-outer-box .inner-content .value-box .single-box-right p { left: -15px; } .progress-levels-outer-box .inner-content .progress-levels { position: relative; display: block; } .progress-levels-outer-box .inner-content .progress-levels .progress-box { position: relative; display: block; margin-top: 15px; } .progress-levels-outer-box .inner-content .progress-levels .progress-box .top { position: relative; display: flex; justify-content: space-between; align-items: center; padding-bottom: 13px; padding-top: 22px; padding-left: 20px; } .progress-levels-outer-box .inner-content .progress-levels .progress-box .top h4 { font-size: 18px; line-height: 28px; font-weight: 500; text-transform: capitalize; } .progress-levels-outer-box .inner-content .progress-levels .progress-box .skill-percent { position: relative; } .progress-levels-outer-box .inner-content .progress-levels .progress-box .count-text { position: relative; color: var(--thm-black); font-size: 18px; line-height: 20px; font-weight: 500; display: inline-block; float: none; font-family: var(--thm-font-2); } .progress-levels-outer-box .inner-content .progress-levels .progress-box .percent { position: relative; color: var(--thm-black); font-size: 18px; line-height: 20px; font-weight: 700; display: inline-block; float: none; margin-left: -3px; font-family: var(--thm-font-2); } .progress-levels-outer-box .inner-content .progress-levels .progress-box .bar { position: relative; display: block; } .progress-levels-outer-box .inner-content .progress-levels .progress-box .bar .bar-innner { position: relative; width: 100%; height: 8px; background-color: var(--thm-gray-bg); border-radius: 0px; } .progress-levels-outer-box .inner-content .progress-levels .progress-box .bar .bar-fill { position: absolute; top: 0%; left: 0px; bottom: 0%; width: 0px; height: 8px; border-radius: 0px; transition: all 2000ms ease 300ms; background-image: -moz-linear-gradient(180deg, rgb(0, 196, 134) 0%, rgb(243, 243, 244) 100%); background-image: -webkit-linear-gradient(180deg, rgb(0, 196, 134) 0%, rgb(243, 243, 244) 100%); background-image: -ms-linear-gradient(180deg, rgb(0, 196, 134) 0%, rgb(243, 243, 244) 100%); } .progress-levels-outer-box .inner-content .progress-levels .progress-box .bar .bar-fill:before { content: "\e9be"; font-family: 'icomoon' !important; position: absolute; top: -9px; right: -14px; color: var(--thm-primary-color); font-size: 25px; } .progress-levels-outer-box--style2 .inner-content .progress-levels .progress-box .bar .bar-fill { background-image: -moz-linear-gradient(180deg, rgb(228, 73, 46) 0%, rgb(243, 243, 244) 100%); background-image: -webkit-linear-gradient(180deg, rgb(228, 73, 46) 0%, rgb(243, 243, 244) 100%); background-image: -ms-linear-gradient(180deg, rgb(228, 73, 46) 0%, rgb(243, 243, 244) 100%); } .find-job-candidate { position: relative; display: block; padding: 440px 0 60px; } .find-job-candidate__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; z-index: -1; } .find-job-candidate__inner { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); padding: 10px 30px 10px; padding-right: 10px; } .find-job-candidate__inner form { position: relative; display: block; } .find-job-candidate__inner form ul { max-width: 770px; width: 100%; --bs-gutter-x: 0px; } .find-job-candidate__inner form ul li { position: relative; display: block; } .find-job-candidate__inner form ul li+li::before { content: ""; position: absolute; top: 10px; left: 0; bottom: 10px; width: 1px; background-color: var(--thm-border-color); } .find-job-candidate__inner form ul li+li { padding-left: 30px; } .find-job-candidate__inner form ul li .input-box { position: relative; display: block; } .find-job-candidate__inner form ul li:first-child .input-box { border-left: 0px solid transparent; } .find-job-candidate__inner form ul li .input-box .icon-box { position: absolute; display: flex; align-items: center; top: 0; left: 0px; bottom: 0; background-color: transparent; } .find-job-candidate__inner form ul li .input-box .icon-box span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 20px; line-height: 20px; } .find-job-candidate__inner form input[type="text"] { position: relative; display: block; background: transparent; border: 0px solid transparent; width: 100%; height: 50px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-weight: 400; font-family: var(--thm-font); font-style: normal; padding-left: 25px; padding-right: 0px; border-radius: 0px; } .find-job-candidate__inner form input[type="text"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .find-job-candidate__inner form input[type="text"]::-moz-placeholder { color: var(--thm-body-font-color); } .find-job-candidate__inner form input[type="text"]::-moz-placeholder { color: var(--thm-body-font-color); } .find-job-candidate__inner form input[type="text"]::-ms-input-placeholder { color: var(--thm-body-font-color); } .find-job-candidate__inner form .btn-box { position: absolute; top: 0px; right: 0px; bottom: 0px; } .find-job-candidate__inner form .btn-box .btn-one { padding-left: 20px; padding-right: 20px; line-height: 30px; } .find-job-candidate__inner form .btn-box button+button { margin-left: 7px; } .job-details-page { background-color: var(--thm-white); padding: 60px 0px 60px; } .job-details-page-content { position: relative; display: block; } .job-details-page-content .title-section { position: relative; align-items: center; justify-content: space-between; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 40px 40px 40px; } .job-details-page-content .title-section .left-box { position: relative; align-items: center; } .job-details-page-content .title-section .left-box .icon-box { position: relative; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 6px; background-color: var(--thm-white); } .job-details-page-content .title-section .left-box .icon-box img { width: auto; } .job-details-page-content .title-section .left-box .content-box { position: relative; } .job-details-page-content .title-section .left-box .content-box .category-box { position: relative; display: inline-block; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); padding: 0px 15px 0px; margin-bottom: 8.41px; } .job-details-page-content .title-section .left-box .content-box .category-box p { color: var(--thm-black); font-size: 14px; line-height: 28px; font-weight: 700; text-transform: uppercase; } .job-details-page-content .title-section .left-box .content-box h3 { font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 5px; } .job-details-page-content .title-section .left-box .content-box h3 a { color: var(--thm-black); transition: all 200ms linear; transition-delay: 0.1s; } .job-details-page-content .title-section .left-box .content-box h3 a:hover { color: var(--thm-primary-color); } .job-details-page-content .title-section .left-box .content-box p { color: #6a6b74; } .job-details-page-content .title-section .right-box { position: relative; display: block; } .job-details-page-content .title-section .right-box ul { position: relative; display: block; } .job-details-page-content .title-section .right-box ul li { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; color: #a5b1ad; font-size: 22px; cursor: pointer; } .job-details-page-content .title-section .right-box ul li+li { margin-top: 10px; } .job-details-page-content .title-section .right-box ul li .overlay-box { position: absolute; top: 50%; transform: translateY(-50%); left: -155px; width: 155px; height: 40px; display: flex; align-items: center; justify-content: center; color: #6a6b74; font-size: var(--thm-body-font-size); line-height: 27px; font-family: var(--thm-font); font-weight: 400; border-radius: 6px; background-color: var(--thm-white); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06); opacity: 0; transition: all 0.3s; } .job-details-page-content .title-section .right-box ul li:hover .overlay-box { opacity: 1; } .job-details-page-content .job-description { position: relative; display: block; padding-top: 47px; } .job-details-page-content .job-description h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 23px; } .job-details-page-content .job-description p { margin: 0; } .job-details-page-content .job-description p+p { margin-top: 19px; } .job-details-page-content .job-responsibilities { position: relative; display: block; padding-top: 32px; } .job-details-page-content .job-responsibilities h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 23px; } .job-details-page-content .job-responsibilities .list-item { position: relative; display: block; } .job-details-page-content .job-responsibilities .list-item li { position: relative; display: block; padding-left: 25px; } .job-details-page-content .job-responsibilities .list-item li+li { margin-top: 15px; } .job-details-page-content .job-responsibilities .list-item li .icon-box { position: absolute; top: 6px; left: 0; line-height: 0; } .job-details-page-content .job-responsibilities .list-item li .icon-box i { position: relative; display: inline-block; font-size: 16px; } .job-details-page-content .job-responsibilities .list-item li .text-box { position: relative; display: block; } .job-details-page-content .job-responsibilities .list-item li .text-box p { margin: 0; } .job-details-page-content .job-requirements { position: relative; display: block; padding-top: 37px; } .job-details-page-content .job-requirements h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 24px; } .job-details-page-content .job-requirements .list-item { position: relative; display: block; } .job-details-page-content .job-requirements .list-item li { position: relative; display: block; padding-left: 25px; } .job-details-page-content .job-requirements .list-item li+li { margin-top: 15px; } .job-details-page-content .job-requirements .list-item li .icon-box { position: absolute; top: 6px; left: 0; line-height: 0; } .job-details-page-content .job-requirements .list-item li .icon-box i { position: relative; display: inline-block; font-size: 16px; } .job-details-page-content .job-requirements .list-item li .text-box { position: relative; display: flex; align-items: center; } .job-details-page-content .job-requirements .list-item li .text-box .title { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 140px; width: 100%; } .job-details-page-content .job-requirements .list-item li .text-box .title h4 { font-size: 18px; line-height: 28px; font-weight: 500; } .job-details-page-content .job-requirements .list-item li .text-box .title span { color: var(--thm-black); font-size: 18px; line-height: 28px; font-weight: 500; } .job-details-page-content .job-requirements .list-item li .text-box .text { position: relative; display: block; padding-left: 30px; } .job-details-page-content .job-requirements .list-item li .text-box .text p { margin: 0; } .job-details-page-content .share-link-box { position: relative; display: block; border-top: 1px solid var(--thm-border-color); padding-top: 40px; margin-top: 62px; } .job-details-page-content .share-link-box ul { position: relative; display: block; } .job-details-page-content .share-link-box ul li { position: relative; display: block; float: left; } .job-details-page-content .share-link-box ul li+li { margin-left: 30px; } .job-details-page-content .share-link-box ul li a { position: relative; display: flex; align-items: center; color: var(--thm-white); font-size: 18px; line-height: 28px; font-family: var(--thm-font-2); font-weight: 500; border-radius: 6px; background-color: #3b5999; padding: 13px 35px 13px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .job-details-page-content .share-link-box ul li a.bg1 { background-color: #55acee; } .job-details-page-content .share-link-box ul li a.bg2 { background-color: #0077b5; } .job-details-page-content .share-link-box ul li a.bg3 { background-color: #25d366; } .job-details-page-content .share-link-box ul li:hover a { color: var(--thm-white); background-color: var(--thm-black-bg); } .job-details-page-content .share-link-box ul li a i { margin-right: 10px; } .job-details-page-content .share-link-box .btn-box { position: relative; display: inline-block; line-height: 0; padding-top: 30px; } .job-details-page-content .share-link-box .btn-box .btn-one { color: var(--thm-black); } .job-details-page-content .share-link-box .btn-box .btn-one:hover { color: var(--thm-white); } .job-details-page-content .share-link-box .btn-box .btn-one::after { background-color: var(--thm-gray-bg); } .job-details-page-sidebar { position: relative; display: block; padding-left: 30px; } .job-details-page-sidebar-btn { position: relative; display: block; line-height: 0; } .job-details-page-sidebar-btn .btn-one { display: block; text-align: center; } .job-details-page-sidebar-btn .btn-one::after { background-color: var(--thm-black-bg); } .job-details-page-sidebar-btn .btn-one::before { background-color: var(--thm-primary-color); } .job-details-page-sidebar-job-details { position: relative; display: block; padding-top: 40px; } .job-details-page-sidebar-job-details .list-item { position: relative; display: block; border-radius: 6px; border: 1px solid var(--thm-border-color); padding: 34px 30px 32px; } .job-details-page-sidebar-job-details .list-item li { position: relative; display: block; border-bottom: 1px solid var(--thm-border-color); padding-bottom: 17px; margin-bottom: 19px; } .job-details-page-sidebar-job-details .list-item li:last-child { border-bottom: 0px solid transparent; padding-bottom: 0px; margin-bottom: 0px; } .job-details-page-sidebar-job-details .list-item li h4 { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 4px; } .job-details-page-sidebar-job-details .list-item li p { margin: 0; } .job-details-page-sidebar-job-details .list-item li p a { color: var(--thm-body-font-color); transition: all 200ms linear; transition-delay: 0.1s; } .job-details-page-sidebar-job-details .list-item li p a:hover { color: var(--thm-primary-color); } .job-details-page-sidebar__newsletter { position: relative; display: block; overflow: hidden; border-radius: 6px; padding: 33px 30px 40px; margin-top: 50px; z-index: 1; } .job-details-page-sidebar__newsletter-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; z-index: -1; } .job-details-page-sidebar__newsletter-bg::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(6, 42, 38, 0.9); } .job-details-page-sidebar__newsletter .title-box { position: relative; display: block; } .job-details-page-sidebar__newsletter .title-box h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 3px; } .job-details-page-sidebar__newsletter .title-box p { color: #a5b1ad; } .job-details-page-sidebar__form { position: relative; display: block; padding-top: 22px; } .job-details-page-sidebar__form form { position: relative; display: block; } .job-details-page-sidebar__form form .form-group { position: relative; display: block; } .job-details-page-sidebar__form form .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 55px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-weight: 400; border-radius: 6px; border: 1px solid var(--thm-border-color); background: var(--thm-white); padding-left: 20px; padding-right: 10px; } .job-details-page-sidebar__form .checked-box1 { padding-top: 12px; } .job-details-page-sidebar__form .checked-box1 label { position: relative; padding-left: 25px; color: #a5b1ad; font-size: 15px; line-height: 26px; font-family: var(--thm-font); font-weight: 400; cursor: pointer; } .job-details-page-sidebar__form .checked-box1 input[type="checkbox"]+label span { top: 6px; left: 0; width: 15px; height: 15px; border: 1px solid rgb(255, 255, 255, 0.2); border-radius: 4px; } .job-details-page-sidebar__form .checked-box1 label span:before { top: -1px; width: 9px; height: 9px; border-radius: 4px; } .job-details-page-sidebar__form .checked-box1 input[type="checkbox"]:checked+label span { border-color: var(--thm-primary-color); } .job-details-page-sidebar__form .btn-box { position: relative; display: block; line-height: 0; padding-top: 25px; } .job-details-page-sidebar__form .btn-box .btn-one::before { background-color: #a5b1ad; } .place-job-form { background-color: var(--thm-gray-bg); padding: 60px 0 60px; } .place-job-form-box { position: relative; display: block; } .company-details-form { position: relative; display: block; border-radius: 6px; background-color: var(--thm-white); border: 1px solid var(--thm-border-color); padding: 40px 30px 30px; } .company-details-form .title-box { position: relative; display: block; padding-left: 75px; margin-bottom: 35px; } .blog-details-form .title-box { padding: 0 !important; text-align: center; } .company-details-form .title-box .icon { position: absolute; top: 10px; left: 0; font-size: 55px; line-height: 55px; } .company-details-form .title-box .title { position: relative; display: block; } .company-details-form .title-box .title { position: relative; display: block; } .company-details-form .title-box .title h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 3px; } .company-details-form .title-box .title p { margin: 0; } .company-details-form .row { --bs-gutter-x: 20px; } .company-details-form .form-group { position: relative; display: block; margin-bottom: 20px; } .company-details-form .form-group .input-box { position: relative; display: block; } .company-details-form .form-group input[type="text"], .company-details-form .form-group input[type="password"], .company-details-form .form-group input[type="email"], .company-details-form .form-group textarea { position: relative; display: block; border-radius: 6px; background: transparent; border: 1px solid var(--thm-border-color); width: 100%; height: 55px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-family: var(--thm-font); font-weight: 400; font-style: normal; padding-left: 20px; padding-right: 20px; transition: all 500ms ease; } .company-details-form .form-group input[type="text"]:focus, .company-details-form .form-group input[type="password"]:focus, .company-details-form .form-group input[type="email"]:focus, .company-details-form .form-group textarea:focus { border: 1px solid var(--thm-primary-color); outline: none; } .company-details-form .form-group textarea { height: 130px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } .company-details-form input[type="text"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="text"]:-moz-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="text"]::-moz-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="text"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="email"]::-webkit-input-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="email"]:-moz-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="email"]::-moz-placeholder { color: var(--thm-body-font-color); } .company-details-form input[type="email"]:-ms-input-placeholder { color: var(--thm-body-font-color); } .company-details-form textarea::-webkit-input-placeholder { color: var(--thm-body-font-color); } .company-details-form textarea:-moz-placeholder { color: var(--thm-body-font-color); } .company-details-form textarea::-moz-placeholder { color: var(--thm-body-font-color); } .company-details-form textarea:-ms-input-placeholder { color: var(--thm-body-font-color); } .company-details-form .form-group .nice-select { position: relative; display: block; border-radius: 6px; background-color: transparent; border: 1px solid var(--thm-border-color); width: 100%; height: 55px; color: var(--thm-body-font-color); font-size: var(--thm-body-font-size); font-family: var(--thm-font); font-weight: 400; line-height: 55px; padding-left: 20px; padding-right: 20px; transition: all 500ms ease; } .company-details-form .form-group .nice-select:focus { border: 1px solid var(--thm-primary-color); } .company-details-form .form-group .nice-select:after { width: 8px; height: 8px; border-bottom: 2px solid var(--thm-border-color); border-right: 2px solid var(--thm-border-color); right: 22px; margin-top: 0px; top: 21px; z-index: 10; } .company-details-form .button-box { position: relative; display: block; line-height: 0; } .company-details-form .button-box .btn-one { display: block; padding-top: 7px; padding-bottom: 8px; width: 100%; } .company-details-form .button-box .btn-one::before { background-color: var(--thm-primary-color); } .company-details-form .button-box .btn-one::after { background-color: var(--thm-black); } .job-details-form { margin-top: 10px; } .apply-now-form { position: relative; display: block; padding-bottom: 60px; } .company-details-form .form-group--2 input[type="text"], .company-details-form .form-group--2 input[type="email"], .company-details-form .form-group--2 textarea { padding-right: 120px; } .company-details-form .form-group--2 button { position: absolute; top: 5px; right: 5px; bottom: 5px; line-height: 0; } .company-details-form .form-group--2 button.btn-one { padding-left: 20px; padding-right: 20px; line-height: 24px; } .company-details-form .form-group--2 button.btn-one::before { background: var(--thm-primary-color); } .company-details-form .form-group--2 button.btn-one::after { background: var(--thm-black); } .apply-now-details-form { border-radius: 0px; border: 0px solid transparent; padding: 30px 0px 0px; } .apply-now-details-form--2 { position: relative; display: block; padding: 10px 0px 0px; } .apply-now-details-form--2 button.btn-one { display: block; width: 100%; } .apply-now-details-form--2 button.btn-one::before { background-color: var(--thm-primary-color); } .apply-now-details-form--2 button.btn-one::after { background-color: var(--thm-black-bg); } .create-team-banner { padding: 60px 0 60px; } .page-banner { background-color: var(--thm-white); } .page-banner.pdt { padding-top: 120px; } .page-banner__inner { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-gray-bg); padding: 61px 70px 70px; } .page-banner__shape { position: absolute; right: 0; bottom: 0; } .page-banner__content { position: relative; display: block; } .page-banner__content .sub-title { position: relative; display: block; } .page-banner__content .sub-title h3 { font-size: 30px; line-height: 40px; font-weight: 500; } .page-banner__content .big-title { position: relative; display: block; color: var(--thm-black); font-size: 90px; line-height: 1.2em; font-family: var(--thm-font-2); font-weight: 500; text-transform: capitalize; } .page-banner__content .title-box { position: relative; display: block; } .page-banner__content .title-box h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 18px; } .page-banner__content .title-box p { margin: 0; } .page-banner__content .btn-box { position: relative; display: block; line-height: 0; padding-top: 32px; } .page-banner__img { position: absolute; top: 0; right: 0; bottom: 0; width: 570px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top right; border-bottom-left-radius: 275px; z-index: 1; } .case-page-one { background-color: var(--thm-white); padding: 120px 0px 120px; } .project-menu-box { position: relative; display: block; overflow: hidden; border-radius: 6px; background-color: var(--thm-gray-bg); text-align: center; margin-bottom: 60px; } .project-filter { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; z-index: 1; } .project-filter li { position: relative; display: flex; float: left; margin: 0 15px 0px; } .project-filter li:first-child { margin-left: 0; } .project-filter li:last-child { margin-right: 0; } .project-filter li .filter-text { position: relative; display: block; padding-top: 20px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px; color: #93a09c; font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: all .4s ease; z-index: 1; font-family: var(--thm-font); } .project-filter li .filter-text:before { position: absolute; left: 0px; bottom: 0px; right: 0px; height: 2px; content: ""; background: var(--thm-primary-color); transform: scaleX(0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .project-filter li:hover .filter-text:before, .project-filter li.active .filter-text:before { transform: scaleX(1.0); } .project-filter li:hover .filter-text, .project-filter li.active .filter-text { color: var(--thm-primary-color); } .project-filter li .count { display: none; } .case-page-one .case-style1__single { margin-bottom: 30px; } .case-page-one .styled-pagination { padding-top: 30px; } .case-style2__single--2 { margin-bottom: 82px; } .case-style1__single--2 .img-box .overlay-content { left: 30px; bottom: 30px; right: 30px; } .case-style1__single--2 .img-box .overlay-content .title-box h3 { font-size: 30px; line-height: 40px; font-weight: 500; } .case-style1__single--2 .img-box .overlay-content .category-box { bottom: 113px; } .case-page-three .btn-box { position: relative; display: block; line-height: 0; margin-top: 30px; } .coming-soon-page-style1 { position: relative; display: block; overflow: hidden; z-index: 10; } .coming-soon-page-style1__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: var(--thm-black); background-blend-mode: luminosity; z-index: -1; } .coming-soon-page-style1__bg:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, #000000 5%, rgba(0, 0, 0, 0.5) 100%); } .coming-soon-page-style1__content { position: relative; display: block; max-width: 1300px; width: 100%; margin: 0 auto; top: 50%; transform: translateY(-50%); } .coming-soon-page-style1__content .inner { position: relative; display: block; width: 100%; height: 100%; text-align: center; } .coming-soon-page-style1__content .big-title { position: relative; display: inline-block; color: transparent; font-size: 80px; line-height: 1.1em; font-family: var(--thm-font-2); font-weight: 700; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-stroke: 1px var(--thm-white); word-spacing: 15px; } .timer-box { position: relative; display: flex; align-items: center; justify-content: center; margin: 57px 0 42px; z-index: 2; } .timer-box .countdown-timer li { position: relative; display: flex; align-items: center; justify-content: center; float: left; width: 170px; height: 170px; margin: 0px 15px; border: 2px solid rgba(255, 255, 255, 0.1); background-color: var(--thm-base); border-radius: 50%; } .timer-box .countdown-timer li span.days, .timer-box .countdown-timer li span.hours, .timer-box .countdown-timer li span.minutes, .timer-box .countdown-timer li span.seconds { color: #ffffff; font-size: 55px; line-height: 60px; font-weight: 700; font-family: var(--thm-font); } .timer-box .countdown-timer li span.timeRef { position: relative; display: block; color: #ffffff; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; margin-top: 11px; font-family: var(--thm-font); } .coming-soon-page-style1__content .inner .text { position: relative; display: block; padding-bottom: 60px; } .coming-soon-page-style1__content .inner .text p { color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 400; } .subscribe-box-style1 { position: relative; display: block; max-width: 770px; width: 100%; margin: 0 auto; } .subscribe-box-style1 form { position: relative; display: block; width: 100%; } .subscribe-box-style1 form input[type="email"] { position: relative; display: block; max-width: 560px; width: 100%; height: 70px; border-radius: 7px; background: #ffffff; border: 1px solid #ffffff !important; color: var(--thm-gray); font-size: 18px; font-weight: 400; padding-left: 30px; padding-right: 30px; transition: all 500ms ease 0s; font-family: var(--thm-font); } .subscribe-box-style1 form button { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 195px; background: var(--thm-primary-color); border-radius: 7px; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 70px; text-transform: uppercase; letter-spacing: 0.1em; display: block; text-align: center; border: 0px solid #e1e1e1 !important; transition: all 500ms ease 0s; } .subscribe-box-style1 form input[type="email"]:focus { color: var(--thm-black); } .subscribe-box-style1 form input[type="email"]:focus+button, .subscribe-box-style1 form button:hover { color: var(--thm-black); } .subscribe-box-style1 form input::-webkit-input-placeholder { color: #444444; } .subscribe-box-style1 form input:-moz-placeholder { color: #444444; } .subscribe-box-style1 form input::-moz-placeholder { color: #444444; } .subscribe-box-style1 form input:-ms-input-placeholder { color: #444444; } .error-page { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 10; } .error-page__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; } .error-content { position: relative; display: block; } .error-content .big-title { position: relative; display: block; margin-bottom: 5px; } .error-content .big-title h2 { position: relative; display: inline-block; color: transparent; font-size: 280px; line-height: 1.1em; font-family: var(--thm-font-2); font-weight: 700; -webkit-background-clip: text; -webkit-text-stroke: 2px var(--thm-white); } .error-content .big-title h2::before { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; color: var(--thm-white); white-space: nowrap; content: attr(data-hover); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .error-content .big-title h2:hover::before { width: 100%; } .error-content .title { position: relative; display: block; margin-bottom: 15px; } .error-content .title h2 { color: #ffffff; font-size: 44px; line-height: 1.2em; } .error-content .text { position: relative; display: block; } .error-content .text p { color: #ffffff; } .error-content .btns-box { position: relative; display: block; line-height: 0; margin-top: 33px; } .is-animetion { margin-top: 0.5em; } .is-animetion span { color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 1px var(--thm-primary-color); display: inline-block; float: left; -webkit-animation: wave-text 2s ease-in-out infinite; animation: wave-text 2s ease-in-out infinite; } .is-animetion span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .is-animetion span:nth-of-type(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .is-animetion span:nth-of-type(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .is-animetion span:nth-of-type(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .is-animetion span:nth-of-type(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .is-animetion span:nth-of-type(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .is-animetion span:nth-of-type(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .is-animetion span:nth-of-type(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; margin-left: 20px; } .is-animetion span:nth-of-type(9) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .is-animetion span:nth-of-type(10) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; margin-left: 20px; } .is-animetion span:nth-of-type(11) { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; margin-left: 20px; } .is-animetion span:nth-of-type(12) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .is-animetion span:nth-of-type(13) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .is-animetion span:nth-of-type(14) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .is-animetion span:nth-of-type(15) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .is-animetion span:nth-of-type(16) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .is-animetion span:nth-of-type(17) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; margin-left: 20px; } .is-animetion span:nth-of-type(18) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } .is-animetion span:nth-of-type(19) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .is-animetion span:nth-of-type(20) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } .is-animetion span:nth-of-type(21) { -webkit-animation-delay: 1.9s; animation-delay: 2.0s; } .is-animetion span:nth-of-type(22) { -webkit-animation-delay: 1.9s; animation-delay: 2.1s; } .is-animetion-style2 span:nth-of-type(6) { margin-left: 20px; } .is-animetion-style2 span:nth-of-type(8) { margin-left: 0px; } .is-animetion-style2 span:nth-of-type(10) { margin-left: 0px; } .is-animetion-style2 span:nth-of-type(11) { margin-left: 0px; } .is-animetion-style2 span:nth-of-type(17) { margin-left: 0px; } .is-animetion-style3 span:nth-of-type(4) { margin-left: 20px; } .is-animetion-style3 span:nth-of-type(6) { margin-left: 0px; } .is-animetion-style3 span:nth-of-type(8) { margin-left: 0px; } .is-animetion-style3 span:nth-of-type(10) { margin-left: 0px; } .is-animetion-style3 span:nth-of-type(11) { margin-left: 0px; } .is-animetion-style3 span:nth-of-type(13) { margin-left: 20px; } .is-animetion-style3 span:nth-of-type(17) { margin-left: 0px; } @-webkit-keyframes fill { from { -webkit-text-fill-color: var(--thm-primary-color); } to { -webkit-text-fill-color: var(--thm-secondary-color); } } .scrolling-text-style1 .inner ul li:hover span { -webkit-text-stroke: 1px var(--thm-secondary-color); -webkit-text-fill-color: var(--thm-primary-color); -webkit-animation: fill 0.5s infinite alternate; } @-webkit-keyframes wave-text { 00% { transform: translateY(0em); } 60% { transform: translateY(-0.6em); } 100% { transform: translateY(0em); } } @keyframes wave-text { 00% { transform: translateY(0em); } 60% { transform: translateY(-0.6em); } 100% { transform: translateY(0em); } } .cursor { position: fixed; background-color: var(--thm-primary-color); width: 6px; height: 6px; border-radius: 100%; z-index: 1; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 10000; -webkit-transform: scale(1); transform: scale(1); display: none; } .cursor::before { content: ""; position: absolute; top: -7px; left: -7px; bottom: -7px; right: -7px; border: 1px solid var(--thm-primary-color); border-radius: 50%; } .cursor.active { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } .cursor.menu-active { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } .cursor.hovered { opacity: 1; } .cursor-follower { position: fixed; background-color: var(--thm-primary-color); opacity: 0.30; width: 33px; height: 33px; border-radius: 100%; z-index: 1; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 10000; -webkit-transform: translate(2px, 2px); transform: translate(2px, 2px); display: none; } .cursor-follower.active { opacity: 0.10; -webkit-transform: scale(1.03); transform: scale(1.03); } .cursor-follower.menu-active { opacity: 1; -webkit-transform: scale(3); transform: scale(3); } .cursor-follower.hovered { opacity: 1; } #ui-datepicker-div.ui-widget-content { border: 1px solid #c5c5c5; background: #fff none repeat scroll 0 0; border: 1px solid #777; color: #252525; font-family: "Poppins", sans-serif; font-size: 14px; border-radius: 0px; width: 270px; padding: 5px; z-index: 999 !important; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header { background: #151515 none repeat scroll 0 0; border: 2px solid #252525; border-radius: 0; color: #fff; font-weight: 700; padding: 5px 0; position: relative; } .ui-datepicker td a { color: #000000 !important; text-align: center; background-image: none !important; background: #f5f5f5 !important; border: 1px solid #f9f9f9 !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #333333 !important; background: #333333 !important; color: #ffffff !important; } .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border-radius: 30%; height: 20px; position: absolute; top: 7px; width: 20px; transition: all 500ms ease; cursor: pointer; } .ui-datepicker .ui-datepicker-next { right: 5px; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { top: 7px; background: #fff; border: none; } .ui-datepicker table { border-collapse: collapse; font-size: 13px; margin: 0 0 0.4em; width: 100%; } .ui-datepicker th { border: medium none; font-weight: 600; padding: 2px 3px; text-align: center; } .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker-calendar .ui-state-default:active { background: #43c3ea; color: #fff; border-color: #43c3ea; } .job-actions { position: relative; display: flex; align-items: center; margin-left: auto; } .action-btn { background: #f8f9fa; border: 1px solid #e9ecef; color: #495057; font-size: 16px; cursor: pointer; padding: 8px 12px; border-radius: 6px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; } .action-btn:hover { background: rgba(0, 0, 0, 0.05); color: var(--thm-primary-color); } .dropdown-menu { min-width: 200px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 10px 0; z-index: 1000; margin-top: 5px; margin-bottom: 5px; } .dropdown-item { padding: 8px 15px; color: #333; font-size: 14px; display: flex; align-items: center; transition: all 0.2s ease; } .dropdown-item i { width: 20px; text-align: center; margin-right: 8px; } .dropdown-item:hover { background-color: #f8f9fa; color: var(--thm-primary-color); } .dropdown-item.text-danger:hover { background-color: #fff5f5; color: #dc3545; } .dropdown-divider { margin: 8px 0; } .dropdown { position: static; } .dropdown-menu-end { right: 0; left: auto; } .position-static .dropdown-menu { position: absolute !important; } @media (max-width: 767px) { .dropdown-menu { position: absolute; right: 15px; left: auto; width: 200px; } } .job-list-container { position: relative; display: block; margin: 0 auto; padding: 15px 0; } .job-list-item { position: relative; display: flex; margin-bottom: 20px; background: var(--thm-white); border-radius: 8px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .job-list-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .job-list-content { position: relative; display: flex; flex-wrap: wrap; width: 100%; padding: 25px 30px; align-items: center; } .job-type { position: relative; display: inline-block; background: var(--thm-primary-color); color: var(--thm-white); font-size: 12px; font-weight: 600; line-height: 1; padding: 6px 12px; border-radius: 4px; margin-right: 20px; text-transform: uppercase; letter-spacing: 0.5px; } .job-title-location { flex: 1; min-width: 250px; padding-right: 20px; } .job-title-location h3 { margin: 0 0 5px; font-size: 20px; font-weight: 700; } .job-title-location h3 a { color: var(--thm-heading-font-color); transition: all 0.3s ease; } .job-title-location h3 a:hover { color: var(--thm-primary-color); } .job-title-location .location { color: var(--thm-body-font-color); font-size: 14px; display: flex; align-items: center; } .job-meta { display: flex; flex-wrap: wrap; align-items: center; } .meta-item { display: flex; align-items: center; margin: 5px 10px; color: var(--thm-body-font-color); font-size: 14px; } .meta-item .icon { margin-right: 5px; color: var(--thm-primary-color); font-size: 16px; line-height: 1; } .meta-item .icon img { max-width: 16px; height: auto; } .meta-item .text { line-height: 1.3; } .job-apply { margin-left: auto; padding-left: 20px; } .apply-btn { display: inline-block; background: var(--thm-primary-color); color: var(--thm-white); font-size: 14px; font-weight: 600; line-height: 1; padding: 12px 25px; border-radius: 4px; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; } .apply-btn:hover { background: var(--thm-black); color: var(--thm-white); transform: translateY(-2px); } @media (max-width: 991px) { .job-list-content { padding: 20px; } .job-title-location { min-width: 100%; margin-bottom: 15px; padding-right: 0; } .job-meta { margin: 0 -5px 15px; } .job-apply { margin-left: 0; padding-left: 0; width: 100%; } .apply-btn { width: 100%; text-align: center; } } @media (max-width: 767px) { .job-list-item { margin-bottom: 15px; } .job-type { margin-bottom: 10px; } .meta-item { width: 100%; margin: 3px 0; } } .accord-content ul li { line-height: 2; } .favicon-spinner { width: 80px; height: 80px; } .login-form { background-color: var(--thm-gray-bg); } .job-details-form { background: var(--bs-white); } .pull-right { float: right; } .w-10 { width: 10%; } .hidden { display: none; } .hiring-role { color: var(--thm-primary-color); } .col-xl-2-4 { position: relative; padding-right: 15px; padding-left: 15px; } #jobs-sortable .job-list-item { transition: box-shadow 0.15s ease, transform 0.1s ease; } #jobs-sortable .job-list-item .drag-handle { cursor: grab; color: var(--thm-body-font-color); padding-right: 15px; font-size: 30px; } #jobs-sortable .job-list-item .drag-handle:active { cursor: grabbing; color: var(--thm-primary-color); } #jobs-sortable .ui-sortable-helper { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transform: scale(1.01); background: #fff; } .w-h-70 { width: 70px !important; height: 70px !important; } .linkedin-square { position: relative; padding: 10px; border: 1px solid #0077B5; border-radius: 8px; background: linear-gradient(145deg, #f0f8ff, white); box-shadow: 0 4px 8px rgba(0, 119, 181, 0.2); } .text-justify { text-align: justify; } .tox-tinymce-aux, .tox-dialog, .tox-dialog-wrap { margin-top: 100px; z-index: 999999 !important; } .tox-fullscreen { margin-top: 100px; z-index: 999999 !important; } html.tox-fullscreen header, html.tox-fullscreen .header, html.tox-fullscreen .site-header, html.tox-fullscreen .stricky-header { display: none !important; } .ml-5 { margin-left: 15px; } .form-control.is-invalid, input.is-invalid, select.is-invalid, textarea.is-invalid { border-color: #dc3545 !important; } select.is-invalid + .nice-select { border-color: #dc3545 !important; } .invalid-feedback { display: block; width: 100%; margin-top: 6px; font-size: 13px; color: #dc3545; } @media only screen and (min-width: 1200px) and (max-width: 1799px) { .award-style1__single:nth-child(1) .award-style1__single-img { margin-top: 0.5rem !important; } .award-style1__single:nth-child(2) .award-style1__single-img { margin-top: 3rem !important; } .why-choose-style2__inner { display: none; } .why-choose-style2 .auto-container { padding-left: 50px; padding-right: 50px; } .why-choose-style2 .container { padding-left: 50px; padding-right: 50px; } .why-choose-style2__single { padding-left: 80px; } .why-choose-style2__single .content-box p br { display: none; } .why-choose-style2__single .content-box h3 { font-size: 20px; line-height: 30px; } .blog-style3 .container { padding-left: 10px; padding-right: 10px; margin-left: 0px; } .blog-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .blog-style3__single .title-box h3 br { display: none; } .blog-style3__single .author-info { flex-direction: column; text-align: center; margin: 0px -30px 0px; padding: 19px 30px 18px; } .blog-style3__single .author-info .author-info__text { margin-top: 10px; padding-left: 0px; } .blog-style3__single .text p br { display: none; } .slider-style3-highlights-single { padding: 116px 38px 32px; } .footer-style4__inner { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .why-choose-style1__list .content-box .title h4 { font-size: 19px; line-height: 29px; } .footer-widget-info-box.four .title h3 { font-size: 22px; line-height: 32px; } .footer-widget-info-box.four .title h3 br { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1270px) { .choose-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { right: 275px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .welcome-style1__top-title { display: block; } .welcome-style1__top-title .text { padding-top: 19px; } .welcome-style1__content { padding-top: 50px; } .why-choose-style1__list .content-box .btn-box { display: flex; align-items: center; } .about-style1__img { max-width: 770px; margin: 0 auto; } .about-style1__content { max-width: 770px; margin: 0 auto; padding-top: 60px; } .industries-serve-style1__content { margin-right: 150px; } .industries-serve-style1__content-list ul li .btn-box { padding-right: 30px; } .industries-serve-style1__highlight { text-align: left; padding-top: 100px; } .industries-serve-style1__highlight ul li+li { margin-top: 0px; margin-left: 7px; } .how-its-work-style1__single { padding: 0 0px; } .pricing-style1__single .value-box h2 { font-size: 40px; } .pricing-style1__single .title-box { padding: 13px 20px 13px; } .blog-style1__single-title { padding: 23px 20px 0; } .blog-style1__single-title h3 { font-size: 20px; line-height: 30px; } .blog-style1__single-title h3 a br { display: none; } .footer-main { padding: 120px 0px 42px; } .footer-style1 .subscribe-box { display: block; } .footer-style1 .subscribe-box-form { margin-top: 20px; margin-left: 0px; } .single-footer-widget { margin-bottom: 60px; } .service-style2 ul li:nth-child(2) { margin-top: 0px; } .service-style2 ul li:nth-child(4) { margin-top: 0px; } .service-style2__single .text-box p br { display: none; } .about-style2__content .sec-title h2 br { display: none; } .about-style2__tab .tabs-content-box { margin-top: 80px; } .award-style1__single { padding: 20px 20px 20px; } .award-style1__single-content { padding-bottom: 24px; } .testimonial-style2 { padding: 120px 0px 113px; } .testimonial-style2__img { max-width: 470px; margin: 0 auto; } .blog-style2 .sec-title h2 { font-size: 36px; } .blog-style2 .sec-title h2 br { display: none; } .blog-style2__form .check-employer-box1 ul li { float: none; } .blog-style2__form .check-employer-box1 ul li+li { margin-top: 10px; margin-left: 0px; } .blog-style2__single-img { border-top-right-radius: 6px; border-bottom-left-radius: 0px; } .blog-style2__single-content { border-top: 0px solid transparent; border-left: 1px solid var(--thm-border-color); border-top-right-radius: 0px; border-bottom-left-radius: 6px; } .blog-style2__single-content .title-box h3 a br { display: none; } .get-in-touch-style1__shape1 { display: none; } .employers-employee-phone-email-box .single-box ul { padding: 14px 20px 13px; } .employers-employee-phone-email-box .single-box ul li { padding-left: 30px; padding-right: 10px; } .employers-employee-phone-email-box .single-box ul li+li { margin-left: 10px; } .find-job-candidate__inner { padding: 20px 30px 20px; padding-right: 30px; max-width: 570px; width: 100%; margin: 0 auto; } .find-job-candidate__inner form ul { max-width: 100%; width: 100%; --bs-gutter-x: 0px; } .find-job-candidate__inner form .btn-box { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; } .find-job-candidate__inner form ul li+li { padding-left: 0px; } .find-job-candidate__inner form ul li+li::before { display: none; } .service-style1__single .overlay-text { padding: 17px 15px 17px; padding-right: 30px; } .service-style1__single .overlay-text p br { display: none; } .why-choose-style2 .sec-title { text-align: center; padding-bottom: 131px; } .choose-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: 0; right: 0; margin: 0 auto; } .why-choose-style2__inner { display: none; } .why-choose-style2 .auto-container { padding-left: 50px; padding-right: 50px; } .why-choose-style2 .container { padding-left: 50px; padding-right: 50px; } .why-choose-style2__single { padding-left: 80px; } .why-choose-style2__single .content-box p br { display: none; } .why-choose-style2__single .content-box h3 { font-size: 20px; line-height: 30px; } .industries-style2__content-single-overlay { width: 270px; } .industries-style2__content ul li .left, .industries-style2__content ul li .right { padding: 0px; } .about-style3__img { margin: 0 auto; } .about-style3__content { max-width: 540px; width: 100%; margin: 0 auto; padding-top: 50px; } .video-style1__title h2 br { display: none; } .case-style2__single .img-box .overlay-content .title-box { padding: 17px 20px 16px; } .case-style2__single .img-box .overlay-content .title-box h3 { font-size: 20px; } .case-style2__single .img-box .overlay-content .title-box h3 a br { display: none; } .faq-style1__img { max-width: 530px; margin: 0 auto; } .faq-style1__content { } .blog-style3 .container { padding-left: 10px; padding-right: 10px; margin-left: 0px; } .blog-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .blog-style3__single .title-box h3 a br { display: none; } .blog-style3__single .author-info { flex-direction: column; text-align: center; margin: 0px -30px 0px; padding: 19px 30px 18px; } .blog-style3__single .author-info .author-info__text { margin-top: 10px; padding-left: 0px; } .blog-style3__single .text p br { display: none; } .footer-widget-info-box .logo-box { padding-top: 0px; } .single-footer-widget.mr60 { padding-right: 0px; } .footer-top__style3-single { text-align: center; } .footer-top__style3-single-inner-form form .form-group { justify-content: center; } .service-style4__content .title-box h3 { font-size: 18px; line-height: 28px; } .service-style4__single:hover .service-style4__content .icon-box { transform: translateY(-70%); } .why-choose-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .why-choose-style3__single .title-box p br { display: none; } .case-style1 .container { padding-left: 10px; padding-right: 10px; margin-right: 0px; } .slider-style3-highlights-single { padding: 116px 30px 32px; } .slider-style3-highlights-single .title-box h3 { font-size: 20px; line-height: 30px; font-weight: 500; } .slider-style3-highlights-single .title-box h3 a br { display: none; } .how-its-work-style2 ul li:nth-child(2), .how-its-work-style2 ul li:nth-child(4) { padding-top: 0px; } .how-its-work-style2__single-shape1 { display: none; } .how-its-work-style2__single-shape2 { display: none; } .how-its-work-style2__single .count-box { position: relative; top: 40px; margin: 0 auto 10px; display:none; left:0; } .how-its-work-style2__single .title-box p br { display: none; } .features-style1__img-tab-item { margin: 0 auto; } .features-style1__content-tab-item .content-box { max-width: 530px; margin: 0 auto; padding-top: 42px; } .growth-rate-style1 { padding: 120px 0px 177px; } .growth-rate-style1__growth { padding-top: 63px; } .team-style2 .row { justify-content: center; } .sidebar-box-style1 { margin-bottom: 60px; margin-right: 0px; } .blog-style2__single--style3 .blog-style2__single-img { max-width: 570px; margin: 0 auto; } .blog-style2__single--style3 .blog-style2__single-content { padding: 0px 30px 31px; margin-left: 0px; max-width: 570px; margin: 0 auto; } .blog-single-page-content .title-box h2 a br { display: none; } .case-style1__single .img-box .overlay-content .title-box h3 { font-size: 20px; } .corporate-office-style1 .row { justify-content: center; } .single-location-style1 .img-box .overlay-title h2 { font-size: 30px; } .page-banner__content { z-index: 2; } .essential-guide-style1 .row { justify-content: center; } .solution-detail-page-content .intro-title-box h2 { font-size: 35px; } .solution-detail-page-content .intro-title-box h2 br { display: none; } .service-advantages .service-advantages-tab__button { top: -60px; margin: 0 auto; } .service-advantages .service-advantages__tab { padding: 80px 0px 200px; padding-right: 0; } .service-advantages .service-advantages__content-tab-item__inner { margin-top: 165px; margin-left: -60px; } .job-details-page-content .title-section .left-box .content-box h3 { font-size: 18px; line-height: 28px; } .job-details-page-content .share-link-box ul li+li { margin-left: 10px; } .job-details-page-content .share-link-box ul li:last-child { margin-left: 0px; margin-top: 10px; } .footer-style4__inner { display: none; } .footer-bottom3 .copyright-text { margin-left: auto; } .footer-widget-info-box.four .title h3 br { display: none; } .footer-style5__middle ul li:nth-child(2) { border-right: 0px solid var(--thm-border-color); } .footer-style5__bottom-form form .form-group { margin-bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sec-title p br { display: none; } .coming-soon-page-style1 { height: auto !important; padding: 110px 0 120px; } .coming-soon-page-style1__content .big-title { font-size: 50px; line-height: 60px; } .timer-box .countdown-timer li { float: none; } .timer-box .countdown-timer li+li { margin-top: 20px; } .coming-soon-page-style1__content { top: 0%; transform: translateY(0%); } .subscribe-box-style1 { max-width: 370px; } .subscribe-box-style1 form input[type="email"] { padding-left: 30px; padding-right: 30px; } .subscribe-box-style1 form button { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; width: 100%; margin-top: 20px; } .welcome-style1__top-title { display: block; } .welcome-style1__top-title .text { padding-top: 19px; } .welcome-style1__content { padding-top: 50px; } .why-choose-style1 { padding: 60px 0px 60px; } .why-choose-style1__inner { padding-top: 0px; } .why-choose-style1__inner--2 { max-width: 380px; margin: 0 auto; padding-bottom: 50px; } .why-choose-style1__inner--3 { max-width: 380px; padding-top: 200px; margin: 0 auto; } .why-choose-style1__img { position: relative; display: block; width: 640px; height: 640px; margin: 0px 0px -120px 0px; z-index: 1; } .slogan-style1__inner .highlights-box ul { display: block; } .slogan-style1__inner .highlights-box ul li { justify-content: center; } .slogan-style1__inner .highlights-box ul li+li { margin-top: 29px; margin-left: 0; } .about-style1__img { max-width: 700px; margin: 0 auto; } .about-style1__content { max-width: 700px; margin: 0 auto; padding-top: 60px; } .industries-serve-style1__content { margin-right: 50px; } .industries-serve-style1__content-list ul li .btn-box { padding-right: 30px; } .industries-serve-style1__highlight { text-align: left; padding-top: 100px; } .industries-serve-style1__highlight ul { display: flex; flex-direction: column; max-width: 295px; } .industries-serve-style1__highlight ul li+li { margin-left: 0px; } .how-its-work-style1 .row { justify-content: center; } .how-its-work-style1__single { margin-bottom: 70px; } .how-its-work-style1__consult { margin: 0px auto 0; } .pricing-style1 .row { justify-content: center; } .pricing-style1 .sec-title { padding-bottom: 156px; } .pricing-style1 .switcher-tabs-box .tab-btn-box-style2 { left: 0; } .blog-style1 .row { justify-content: center; } .blog-style1__single-title { padding: 23px 20px 0; } .blog-style1__single-title h3 { font-size: 20px; line-height: 30px; } .blog-style1__single-title h3 a br { display: none; } .testimonial-style1 .sec-title { padding-bottom: 156px; } .testimonial-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { left: 0; } .partner-style1 .row { justify-content: center; } .footer-main { padding: 120px 0px 42px; } .footer-style1 .subscribe-box { display: block; } .footer-style1 .subscribe-box-form { margin-top: 20px; margin-left: 0px; margin-bottom: 30px; } .single-footer-widget { margin-bottom: 60px; } .footer-style1 .footer-top__inner { display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 44px 50px 50px; } .footer-style1 .subscribe-box-form form { max-width: 100%; width: 100%; } .footer-style1 .subscribe-box-social-links { border-left: 0px solid #23423f; padding-left: 0px; } .footer-bottom .bottom-inner { align-items: center; justify-content: space-between; flex-direction: column; } .copyright-text { margin-bottom: 6px; } .service-style2 ul li:nth-child(2) { margin-top: 0px; } .service-style2 ul li:nth-child(4) { margin-top: 0px; } .service-style2__single .text-box p br { display: none; } .about-style2__content .sec-title h2 br { display: none; } .about-style2__tab .tabs-content-box { margin-top: 80px; } .team-style1 .sec-title { padding-bottom: 131px; } .team-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: -5px; } .award-style1__single { padding: 20px 20px 20px; } .award-style1__single-content { padding-bottom: 24px; } .testimonial-style2 { padding: 120px 0px 113px; } .testimonial-style2__img { max-width: 470px; margin: 0 auto; } .blog-style2 .sec-title h2 br { display: none; } .blog-style2__title { padding-bottom: 50px; } .blog-style2__single-img { border-top-right-radius: 6px; border-bottom-left-radius: 0px; } .blog-style2__single-content { border-top: 0px solid transparent; border-left: 1px solid var(--thm-border-color); border-top-right-radius: 0px; border-bottom-left-radius: 6px; } .blog-style2__single-content .title-box h3 a br { display: none; } .get-in-touch-style1__shape1 { display: none; } .employers-employee-phone-email-box .single-box ul { text-align: center; } .employers-employee-phone-email-box .single-box ul li { padding-right: 0px; border-right: 0px solid transparent; } .employers-employee-phone-email-box .single-box ul li+li { margin-top: 7px; margin-left: 0px; } .find-job-candidate__inner { padding: 20px 30px 20px; padding-right: 30px; max-width: 570px; width: 100%; margin: 0 auto; } .find-job-candidate__inner form ul { max-width: 100%; width: 100%; --bs-gutter-x: 0px; } .find-job-candidate__inner form .btn-box { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; } .find-job-candidate__inner form ul li+li { padding-left: 0px; } .find-job-candidate__inner form ul li+li::before { display: none; } .service-style1__single .overlay-text p br { display: none; } .why-choose-style2 .sec-title { text-align: center; padding-bottom: 131px; } .choose-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: 0; right: 0; margin: 0 auto; } .why-choose-style2__inner { display: none; } .why-choose-style2 .auto-container { padding-left: 50px; padding-right: 50px; } .why-choose-style2 .container { padding-left: 50px; padding-right: 50px; } .why-choose-style2__single { max-width: 500px; margin: 0 auto; } .why-choose-style2__single .content-box p br { display: none; } .why-choose-style2__single .content-box h3 { font-size: 20px; line-height: 30px; } .industries-style2__content-single-overlay { display: none; } .industries-style2__content ul li .left, .industries-style2__content ul li .right { padding: 0px; } .about-style3__img { margin: 0 auto; } .about-style3__content { max-width: 540px; width: 100%; margin: 0 auto; padding-top: 50px; } .video-style1__title h2 { font-size: 45px; } .video-style1__title h2 br { display: none; } .case-style2 .row { justify-content: center; } .case-style2__single .img-box .overlay-content .title-box { padding: 17px 20px 16px; } .case-style2__single .img-box .overlay-content .title-box h3 { font-size: 20px; } .case-style2__single .img-box .overlay-content .title-box h3 a br { display: none; } .faq-style1__img { max-width: 530px; margin: 0 auto; } .faq-style1__content { } .blog-style3 .container { padding-left: 10px; padding-right: 10px; margin-left: 0px; } .blog-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .blog-style3__single .title-box h3 br { display: none; } .blog-style3__single .author-info { flex-direction: column; text-align: center; margin: 0px -30px 0px; padding: 19px 30px 18px; } .blog-style3__single .author-info .author-info__text { margin-top: 10px; padding-left: 0px; } .blog-style3__single .text p br { display: none; } .single-footer-widget.mr60 { padding-right: 0px; } .footer-widget-info-box .logo-box { padding-top: 0px; } .footer-style3 .footer-main { padding: 120px 0px 44px; } .footer-top__style3-single { text-align: center; } .footer-top__style3-single-inner-form form .form-group { justify-content: center; } .service-style4__inner .row li:nth-child(2) { border-right: none; } .service-style4__inner .row li:nth-child(3) { border-right: 1px solid var(--thm-border-color); } .service-style4__inner .row li:nth-child(4) { border-right: none; border-bottom: 1px solid var(--thm-border-color); } .service-style4__content .title-box h3 { font-size: 20px; line-height: 30px; } .fact-counter-style1 { padding: 120px 0px 70px; } .fact-counter-style1__single { margin-bottom: 50px; } .why-choose-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .why-choose-style3__single .title-box p br { display: none; } .testimonial-style3__single-content-box .text p { font-size: 20px; line-height: 30px; } .testimonial-style3__single-content-box .text p br { display: none; } .testimonial-style3__items-nav { display: none; } .case-style1 .container { padding-left: 10px; padding-right: 10px; margin-right: 0px; } .slider-style3-highlights .row { justify-content: center; } .slider-style3-highlights-single { padding: 116px 30px 32px; margin-bottom: 30px; } .slider-style3-highlights-single .title-box h3 { font-size: 20px; line-height: 30px; font-weight: 500; } .slider-style3-highlights-single .title-box h3 a br { display: none; } .how-its-work-style2 { background-color: var(--thm-white); padding: 120px 0px 65px; } .how-its-work-style2 .row { justify-content: center; } .how-its-work-style2 ul li:nth-child(2), .how-its-work-style2 ul li:nth-child(4) { padding-top: 0px; } .how-its-work-style2__single { margin-bottom: 47px; } .how-its-work-style2__single-shape1 { display: none; } .how-its-work-style2__single-shape2 { display: none; } .how-its-work-style2__single .count-box { position: relative; top: 40px; margin: 0 auto; left: 0; } .how-its-work-style2__single .title-box p br { display: none; } .case-style2 .sec-title { padding-bottom: 132px; } .case-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: -5px; } .case-style2-carousel.owl-nav-style-one.owl-theme .owl-stage-outer { padding-bottom: 100px; } .features-style1__img-tab-item { margin: 0 auto; } .features-style1__content-tab-item .content-box { max-width: 530px; margin: 0 auto; padding-top: 42px; } .about-style4__tab { padding: 50px; padding-bottom: 400px; } .about-style4__tab .tabs-content-box { position: absolute; top: 500px; left: 0; right: 0; bottom: 0; max-width: 100%; width: 100%; background-color: var(--thm-black-bg); } .about-style4__shape { display: none; } .about-style4__content-tab-item { position: relative; display: block; padding-top: 30px; padding-left: 50px; padding-right: 40px; } .growth-rate-style1 { padding: 120px 0px 177px; } .growth-rate-style1__growth { padding-top: 63px; } .blog-page-one__inner .row { justify-content: center; } .sidebar-box-style1.sidebar-box-style1--style2 { margin-left: 0px; margin-bottom: 60px; } .sidebar-blog-post { max-width: 350px; } .sidebar-blog-banner__shape1 { left: -1px; right: -1px; } .blog-style2__single--style3 .blog-style2__single-img { max-width: 570px; margin: 0 auto; } .blog-style2__single--style3 .blog-style2__single-content { padding: 0px 30px 31px; margin-left: 0px; max-width: 570px; margin: 0 auto; } .blog-single-page-content .title-box h2 a br { display: none; } .blog-single-page-content { margin-bottom: 50px; } .case-style1__single .img-box .overlay-content .title-box h3 { font-size: 20px; } .project-filter li { margin: 0 5px 0px; } .single-case-studies__sidebar { text-align: center; margin-right: 0px; padding-bottom: 58px; } .single-case-studies__sidebar .social-links ul { justify-content: center; } .corporate-office-style1 .row { justify-content: center; } .single-corporate-office-style1 { padding: 40px 25px 30px; } .single-corporate-office-style1 .text p br { display: none; } .contact-form-right { border-top: 0px solid transparent; } .fact-counter-style2 { padding: 120px 0px 63px; } ul.fact-counter-style2--row li { border-right: 0px solid transparent; } .page-banner__shape { display: none; } .page-banner__content { z-index: 2; } .page-banner__content .big-title { font-size: 70px; } .essential-guide-style1 .row { justify-content: center; } .single-essential-guide-style1 .img-box .overlay-title h3 { font-size: 20px; line-height: 30px; } .company-details-form--2 { margin-top: 30px; } .solution-detail-page-content .intro-title-box h2 { font-size: 35px; } .solution-detail-page-content .intro-title-box h2 br { display: none; } .solution-detail-page-sidebar { margin-left: 0px; margin-top: 50px; } .solution-detail-page-sidebar .banner-box { text-align: center; } .solution-detail-page-sidebar .banner-box__shape { display: none; } .solution-detail-highlighs-box::before { display: none; } .service-advantages .service-advantages-tab__button { margin: 0 auto; } .service-advantages__tab .tabs-content-box { position: relative; background-color: var(--thm-black-bg); } .service-advantages .service-advantages__content-tab-item { position: relative; display: block; padding: 30px 30px 30px; } .service-advantages .service-advantages__shape { display: none; } .job-opening-style1__form form .form-group { margin-bottom: 20px; } .job-opening-style1__form .btn-box { padding-top: 10px; } .job-details-page-content .title-section .left-box .content-box h3 { font-size: 18px; line-height: 28px; } .job-details-page-content .share-link-box ul li+li { margin-left: 10px; } .job-details-page-content .share-link-box ul li:last-child { margin-left: 0px; margin-top: 10px; } .job-details-page-sidebar { padding-top: 50px; padding-left: 0px; } .company-details-form--1 { margin-top: 30px; } .footer-style4__inner { display: none; } .footer-widget-info-box.four .title h3 br { display: none; } .single-footer-widget-style3.mb50 { margin-bottom: 50px; } .footer-bottom3 .copyright-text { margin-left: auto; margin-right: auto; } .footer-style5__middle ul li:nth-child(2) { border-right: 0px solid var(--thm-border-color); } .footer-style5__bottom-form form .form-group { margin-bottom: 20px; } .pbm-0 { padding-bottom: 0; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn h4 { font-size: 12px; line-height: 20px; width: 70%; } } @media only screen and (max-width: 767px) { .sec-title { margin-top: -10px; padding-bottom: 52px; } .sec-title h2 br { display: none; } .sec-title p br { display: none; } .error-content .big-title h2 { font-size: 120px; line-height: 100px; } .error-content .title h2 { font-size: 40px; line-height: 50px; font-weight: 700; } .error-content .text p br { display: none; } .coming-soon-page-style1 { height: auto !important; padding: 110px 0 120px; } .coming-soon-page-style1__content .big-title { font-size: 40px; line-height: 50px; } .timer-box .countdown-timer li { float: none; } .timer-box .countdown-timer li+li { margin-top: 20px; } .coming-soon-page-style1__content { top: 0%; transform: translateY(0%); padding: 0 20px; } .subscribe-box-style1 { max-width: 370px; } .subscribe-box-style1 form input[type="email"] { padding-left: 30px; padding-right: 30px; } .subscribe-box-style1 form button { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; width: 100%; margin-top: 20px; } .sec-title h2 { font-size: 32px; line-height: 1.3em; } .welcome-style1__top-title { display: block; } .welcome-style1__top-title .text { padding-top: 19px; } .welcome-style1__top-title .text p br { display: none; } .welcome-style1__img-single { margin-bottom: 30px; } .welcome-style1__content { padding-top: 20px; } .service-style1-carousel.owl-carousel.owl-dot-style1 .owl-dots { display: none; } .service-style1__single .overlay-text p br { display: none; } .why-choose-style1 { padding: 60px 0px 60px; } .why-choose-style1__inner { padding-top: 0px; } .why-choose-style1__inner--2 { padding-bottom: 50px; } .why-choose-style1__inner--3 { padding-top: 0px; } .why-choose-style1__img { display: none; } .why-choose-style1__list .number-box { width: 45px; } .why-choose-style1__list .number-box h2 { font-size: 30px; } .why-choose-style1__list .content-box .title h4 { font-size: 16px; } .why-choose-style1__list .content-box .btn-box a { width: 40px; height: 40px; font-size: 14px; } .why-choose-style1__list .content-box { padding: 20px 30px 20px; padding-right: 65px; } .why-choose-style1__list .content-box .btn-box { top: 15px; right: 10px; bottom: 10px; } .why-choose-style1__inner ul { width: 310px; margin: 0 auto; } .slogan-style1 { margin: 0px 0px 0px; } .slogan-style1__inner .big-title h2 { font-size: 30px; } .slogan-style1__inner .highlights-box ul { display: block; } .slogan-style1__inner .highlights-box ul li { justify-content: center; } .slogan-style1__inner .highlights-box ul li+li { margin-top: 29px; margin-left: 0; } .slogan-style1__inner .contact-communicate { flex-direction: column; } .slogan-style1__inner .contact-communicate .contact-box.box1 { text-align: center; } .slogan-style1__inner .contact-communicate .icon-box { margin: 17px 25px 17px; } .slogan-style1__inner .contact-communicate .contact-box { text-align: center; } .about-style1__img { margin: 0 auto; } .about-style1__content { max-width: 700px; margin: 0 auto; padding-top: 60px; } .about-style1__btn-box { text-align: center; } .about-awards-box { display: block; } .about-awards-box__content { margin-top: 20px; padding-left: 0px; } .industries-serve-style1__content { margin: 0 auto; } .industries-serve-style1__content-list ul li { display: block; } .industries-serve-style1__content-list ul li .title-box { padding-top: 13px; padding-left: 0px; padding-bottom: 10px; } .industries-serve-style1__content-list ul li .btn-box { padding-right: 0px; } .industries-serve-style1__highlight { text-align: left; padding-top: 70px; } .industries-serve-style1__highlight ul { display: flex; flex-direction: column; max-width: 295px; } .industries-serve-style1__highlight ul li+li { margin-left: 0px; } .how-its-work-style1 .row { justify-content: center; } .how-its-work-style1__single { margin-bottom: 90px; } .how-its-work-style1__consult { margin: 0px auto 0; display: block; padding: 20px 20px 20px; } .how-its-work-style1__consult .text { margin-bottom: 10px; } .pricing-style1 .sec-title { padding-bottom: 156px; } .pricing-style1 .switcher-tabs-box .tab-btn-box-style2 { left: 0; } .pricing-style1__single .value-box h2 { font-size: 40px; } .blog-style1 .row { justify-content: center; } .blog-style1__single-title { padding: 23px 20px 0; } .blog-style1__single-title h3 { font-size: 20px; line-height: 30px; } .blog-style1__single-title h3 a br { display: none; } .testimonial-style1 .sec-title { padding-bottom: 156px; } .testimonial-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { left: 0; } .testimonial-style1__single { padding: 77px 30px 44px; } .testimonial-style1__single-content .customer-info { display: block; } .testimonial-style1__single-content .customer-info .company-name { padding-top: 20px; text-align: left; } .partner-style1__single { max-width: 290px; margin: 0 auto 30px; margin-bottom: 30px; } .footer-main { padding: 60px 0px 0px; } .footer-style1 .subscribe-box { display: block; } .footer-style1 .subscribe-box-form { margin-top: 20px; margin-left: 0px; margin-bottom: 30px; } .single-footer-widget { margin-bottom: 60px; } .footer-style1 .footer-top__inner { display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 44px 30px 50px; } .footer-style1 .subscribe-box-form form { max-width: 100%; width: 100%; } .footer-style1 .subscribe-box-form form .form-group input[type='email'] { padding-left: 20px; padding-right: 30px; } .footer-style1 .subscribe-box-form form .form-group button { position: relative; margin-top: 15px; } .footer-style1 .subscribe-box-social-links { border-left: 0px solid #23423f; padding-left: 0px; } .footer-bottom { padding: 31px 0px 30px; } .footer-bottom .bottom-inner { align-items: center; justify-content: space-between; flex-direction: column; text-align: center; } .copyright-text { margin-bottom: 6px; } .footer-menu ul { align-items: center; flex-direction: column; } .footer-menu ul li+li { margin-left: 0px; } .footer-menu ul li::before { display: none; } .footer-style1 .subscribe-box .title-box { display: block; text-align: center; } .footer-style1 .subscribe-box .title-box h3 { margin-left: 0px; } .footer-style1 .subscribe-box-form form .form-group { text-align: center; } .footer-style1 .subscribe-box-social-links ul { justify-content: center; } .service-style2 ul li:nth-child(2) { margin-top: 0px; } .service-style2 ul li:nth-child(4) { margin-top: 0px; } .service-style2__single .text-box p br { display: none; } .about-style2__content .sec-title h2 br { display: none; } .about-style2__tab .tabs-content-box { margin-top: 80px; } .about-style2__img { margin-left: 0px; min-height: 550px; } .about-style2__img .content-box p br { display: none; } .case-style1 .container { margin-right: 0px; } .service-style3 .sec-title { padding-bottom: 136px; } .service-style3-carousel.owl-nav-style-one.owl-theme .owl-nav { left: -5px; top: -95px; right: auto; } .team-style1 .sec-title { padding-bottom: 131px; } .team-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: -5px; } .award-style1__single-content { padding-bottom: 24px; } .award-style1__single { padding: 20px 20px 20px; } .testimonial-style2 { padding: 120px 0px 113px; } .testimonial-style2__img { max-width: 470px; margin: 0 auto; } .testimonial-style2__img .overlay-content { left: 0px; bottom: 50px; right: 0px; padding: 22px 20px 22px; } .testimonial-style2__single-inner { padding-left: 100px; } .testimonial-style2__single-inner .content-box { padding: 33px 25px 32px; } .testimonial-style2__single-inner .content-box .title-box { padding-left: 0px; } .testimonial-style2__single-inner .content-box .title-box h3 { font-size: 20px; line-height: 30px; } .testimonial-style2__single-inner .content-box .icon { display: none; } .testimonial-style2__single-inner .customer-info { padding-top: 22px; } .blog-style2 .sec-title h2 br { display: none; } .blog-style2__form .check-employer-box1 ul li { float: none; } .blog-style2__form .check-employer-box1 ul li+li { margin-top: 10px; margin-left: 0px; } .blog-style2__title { padding-bottom: 50px; } .blog-style2__single-img { border-top-right-radius: 6px; border-bottom-left-radius: 0px; } .blog-style2__single-content { border-top: 0px solid transparent; border-left: 1px solid var(--thm-border-color); border-top-right-radius: 0px; border-bottom-left-radius: 6px; } .blog-style2__single-content .title-box h3 { font-size: 20px; line-height: 30px; } .blog-style2__single-content .title-box h3 a br { display: none; } .blog-style2__single-content .author-info .author-info__text { padding-left: 20px; } .blog-style2__single-content .author-info .author-info__text ul { display: block; } .blog-style2__single-content .author-info .author-info__text ul li+li { margin-left: 0px; } .blog-style2__single-content .author-info .author-info__text ul li::before { display: none; } .get-in-touch-style1__form-right { border-top: 0px solid transparent; } .get-in-touch-style1__shape1 { display: none; } .employers-employee-phone-email-box .single-box ul { margin: 0 auto; } .employers-employee-phone-email-box .single-box ul li { float: none; padding-right: 0px; border-right: 0px solid transparent; } .employers-employee-phone-email-box .single-box ul li+li { margin-top: 7px; margin-left: 0px; } .employers-employee-phone-email-box .single-box ul { border-radius: 0px 0px 0px 0px; } .employers-employee-phone-email-box .single-box-style2 .title { border-radius: 0px 0px 0px 0px; } .employers-employee-phone-email-box .single-box-style2 ul { border-left: 0px solid transparent; border-radius: 0px 0px 6px 0px; } .single-footer-widget.mr60 { padding-right: 0px; } .single-footer-widget-upload-resume .title h3 br { display: none; } .footer-widget-info-box .logo-box { padding-top: 0px; } .find-job-candidate__inner { padding: 20px 30px 20px; padding-right: 30px; max-width: 570px; width: 100%; margin: 0 auto; } .find-job-candidate__inner form ul { max-width: 100%; width: 100%; --bs-gutter-x: 0px; } .find-job-candidate__inner form .btn-box { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; } .find-job-candidate__inner form ul li+li { padding-left: 0px; } .find-job-candidate__inner form ul li+li::before { display: none; } .find-job-candidate__inner form .btn-box .btn-one { margin-top: 10px; } .why-choose-style2 .sec-title { text-align: center; padding-bottom: 131px; } .choose-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: 0; right: 0; margin: 0 auto; } .why-choose-style2__inner { display: none; } .why-choose-style2 .auto-container { padding-left: 20px; padding-right: 20px; } .why-choose-style2 .container { padding-left: 20px; padding-right: 20px; } .why-choose-style2__single { max-width: 500px; padding-left: 70px; margin: 0 auto; } .why-choose-style2__single .content-box p br { display: none; } .why-choose-style2__single .content-box h3 { font-size: 20px; line-height: 30px; } .industries-style2__content-single-overlay { display: none; } .industries-style2__content ul li .left, .industries-style2__content ul li .right { padding: 0px; } .industries-style2__content ul li { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .about-style3__img { margin: 0 auto; } .about-style3__content { max-width: 540px; width: 100%; margin: 0 auto; } .about-style3__img .inner { margin-left: 0px; } .about-style3__img .overlay-box { left: 20px; } .video-style1__round-text-box { position: relative; top: 0; transform: translateY(0%); margin: 0 auto; } .video-style1__title h2 { font-size: 27px; line-height: 1.3em; } .video-style1__title h2 br { display: none; } .video-style1__title { margin-left: 0; padding-top: 32px; text-align: center; } .case-style2__single .img-box .overlay-content .title-box { padding: 17px 20px 16px; } .case-style2__single .img-box .overlay-content .title-box h3 { font-size: 20px; } .case-style2__single .img-box .overlay-content .title-box h3 a br { display: none; } .faq-style1__img { max-width: 530px; margin: 0 auto; } .faq-style1__img .inner { margin-right: 0; } .faq-style1__content { } .faq-style1__img .overlay-content { position: relative; max-width: 300px; margin: 30px auto 0; bottom: 0; } .faq-style1__content .btn-box { text-align: center; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn { height: auto; min-height: 60px; } .blog-style3 .container { padding-left: 10px; padding-right: 10px; margin-left: 0px; } .blog-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .blog-style3__single .title-box h3 br { display: none; } .blog-style3__single .author-info { flex-direction: column; text-align: center; margin: 0px -30px 0px; padding: 19px 30px 18px; } .blog-style3__single .author-info .author-info__text { margin-top: 10px; padding-left: 0px; } .blog-style3__single .text p br { display: none; } .footer-style3 .footer-main { padding: 120px 0px 44px; } .footer-top__style3-single { text-align: center; } .footer-top__style3-single-inner-form form .form-group { display: block; } .footer-top__style3-single-inner .btn-box { display: flex; flex-direction: column; align-items: center; justify-content: center; } .footer-top__style3-single-inner .btn-box a+a { margin-left: 0; margin-top: 10px; } .footer-top__style3-single-inner-form form .form-group input[type='email'] { margin: 0 auto; } .footer-top__style3-single-inner-form form .form-group .btn-one { margin-top: 10px; margin-left: 0px; } .service-style4__single { max-width: 390px; margin: 0 auto; } .service-style4__inner .row li:nth-child(1) { border-right: none; } .service-style4__inner .row li:nth-child(2) { border-right: none; } .service-style4__inner .row li:nth-child(3) { border-right: none; } .service-style4__inner .row li:nth-child(4) { border-right: none; border-bottom: 1px solid var(--thm-border-color); } .service-style4__inner .row li:nth-child(5) { border-right: none; border-bottom: 1px solid var(--thm-border-color); } .service-style4__content .title-box h3 { font-size: 20px; } .fact-counter-style1 { padding: 120px 0px 113px; } .fact-counter-style1__single { max-width: 200px; border-left: 0px solid var(--thm-primary-color); border-bottom: 1px solid var(--thm-primary-color); margin: 0 auto 50px; padding-bottom: 43px; text-align: center; } .fact-counter-style1__single--11 { border-bottom: 0px solid transparent; margin: 0 auto 0px; padding-bottom: 0px; } .fact-counter-style1__single .fact-counter-box { padding-left: 0px; } .fact-counter-style1__single .circle-box { margin: 0 auto; } .why-choose-style3__single .title-box h3 { font-size: 20px; line-height: 30px; } .why-choose-style3__single .title-box p br { display: none; } .testimonial-style3__single-content-box .title h3 { font-size: 20px; line-height: 30px; } .testimonial-style3__single-content-box .text p { font-size: 16px; line-height: 26px; } .testimonial-style3__single-content-box .text p br { display: none; } .testimonial-style3__items-nav { display: none; } .testimonial-style3__single .customer-info { flex-direction: column; } .testimonial-style3__single .customer-info .title-box { padding-left: 0px; text-align: center; padding-top: 12px; } .testimonial-style3__single .customer-info .title-box h3 { font-size: 20px; line-height: 30px; } .case-style1 .container { padding-left: 10px; padding-right: 10px; margin-right: 0px; } .slider-style3-highlights-single { padding: 116px 30px 32px; margin-bottom: 30px; } .slider-style3-highlights-single .title-box h3 { font-size: 20px; line-height: 30px; font-weight: 500; } .slider-style3-highlights-single .title-box h3 a br { display: none; } .how-its-work-style2 { background-color: var(--thm-white); padding: 120px 0px 65px; } .how-its-work-style2 .row { justify-content: center; } .how-its-work-style2 ul li:nth-child(2), .how-its-work-style2 ul li:nth-child(4) { padding-top: 0px; } .how-its-work-style2__single { max-width: 320px; margin: 0px auto 47px; } .how-its-work-style2__single-shape1 { display: none; } .how-its-work-style2__single-shape2 { display: none; } .how-its-work-style2__single .count-box { position: relative; top: 40px; margin: 0 auto; left: 0; } .how-its-work-style2__single .title-box p br { display: none; } .case-style2 .sec-title { padding-bottom: 132px; } .case-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -95px; left: -5px; } .case-style2-carousel.owl-nav-style-one.owl-theme .owl-stage-outer { padding-bottom: 100px; } .features-style1-tab__button::before { display: none; } .features-style1-tab__button .tabs-button-box { flex-direction: column; } .features-style1-tab__button .tabs-button-box li+li { margin-left: 0px; margin-top: 20px; } .features-style1__img-tab-item { margin: 0 auto; } .features-style1__content-tab-item .content-box { max-width: 530px; margin: 0 auto; padding-top: 42px; } .features-style1__content-tab-item .title-box h2 { font-size: 25px; } .features-style1__content-tab-item .title-box h2 br { display: none; } .about-style4 { padding: 50px 0px; } .about-style4__tab { padding: 50px; padding-bottom: 450px; } .about-style4__tab .tabs-content-box { position: absolute; top: 500px; left: 0; right: 0; bottom: 0; max-width: 100%; width: 100%; background-color: var(--thm-black-bg); } .about-style4__shape { display: none; } .about-style4__content-tab-item { position: relative; display: block; padding: 30px; } .faq-style1__content .accordion-box-style1 .accordion .accord-btn h4 { font-size: 12px; line-height: 20px; } .faq .faq-style1__content .accordion-box-style1 .accordion .accord-content{ padding: 10px 10px; } .faq .accordion-box-style1 .accordion .accord-content table, .faq .accordion-box-style1 .accordion .accord-content ul, .faq .accordion-box-style1 .accordion .accord-content p { font-size: 12px; } .faq .faq-style1__content .accordion-box-style1 .accordion .accord-btn { padding: 10px 10px 10px 60px; } .growth-rate-style1 { padding: 120px 0px 177px; } .growth-rate-style1__growth { padding-top: 63px; } .blog-style1__single .author-info { flex-direction: column; padding: 20px 0px 19px; } .blog-style1__single .author-info__text { text-align: center; padding-top: 5px; } .blog-style1__single .author-info__text ul { justify-content: center; flex-direction: column; } .blog-style1__single .author-info__text ul li+li { margin-left: 0px; } .blog-style1__single .author-info__text ul li::before { display: none; } .blog-style-2__single-content { padding: 28px 18px 5px; } .blog-style-2__single-content .title-box h3 { font-size: 20px; } .sidebar-box-style1.sidebar-box-style1--style2 { margin-left: 0px; margin-bottom: 60px; } .sidebar-blog-post { max-width: 350px; } .sidebar-blog-post ul li { height: 137px; } .sidebar-blog-post li .btn-box { margin-top: -10px; } .sidebar-blog-post li .title-box h3 a br { display: none; } .sidebar-blog-banner__shape1 { display: none; } .styled-pagination li a { width: 40px; height: 40px; font-size: 15px; line-height: 15px; } .styled-pagination li.prev a, .styled-pagination li.next a { width: 40px; } .blog-style2__single--style3 .blog-style2__single-img { max-width: 570px; margin: 0 auto; } .blog-style2__single--style3 .blog-style2__single-content { padding: 0px 30px 31px; margin-left: 0px; max-width: 570px; margin: 0 auto; } .blog-single-page-content .title-box h2 a br { display: none; } .blog-single-page-content { margin-bottom: 50px; } .case-style1__single .img-box .overlay-content .title-box h3 { font-size: 20px; } .project-filter { flex-direction: column; padding-bottom: 20px; padding-top: 20px; } .project-filter li { margin: 0 5px 0px; } .case-style1__single .img-box .overlay-content .category-box { top: -40px; bottom: 0; } .single-case-studies__sidebar { text-align: center; margin-right: 0px; padding-bottom: 58px; } .single-case-studies__sidebar .social-links ul { justify-content: center; } .single-case-studies__content .title h2 { font-size: 30px; } .single-case-studies__content>ul>li { padding-left: 60px; } .single-case-studies__content>ul>li>.icon { width: 50px; height: 50px; font-size: 20px; } .single-case-studies__content>ul>li>.content-box>.text>h3 { font-size: 20px; } .single-corporate-office-style1 .text { padding: 22px 10px 22px; } .single-location-style1 .img-box .overlay-title h2 { font-size: 30px; } .single-location-style1 .img-box .overlay-text { display: none; } .contact-form-right { border-top: 0px solid transparent; } .fact-counter-style2 { padding: 120px 0px 20px; } ul.fact-counter-style2--row li { border-right: 0px solid transparent; } .fact-counter-style1__single.fact-counter-style1__single--style2 { max-width: 200px; border-left: 0px solid var(--thm-primary-color); border-bottom: 0px solid var(--thm-primary-color); margin: 0 auto 50px; text-align: center; } .page-banner__shape { display: none; } .page-banner__content { z-index: 2; } .page-banner__content .sub-title h3 { color: var(--thm-white); } .page-banner__content .big-title { color: var(--thm-white); font-size: 50px; } .page-banner__content .title-box h3 { color: var(--thm-white); } .page-banner__content .title-box p { color: #a5b1ad; } .page-banner__img { border-bottom-left-radius: 0px; } .service-style5__inner { padding-left: 0; } .service-style5__img-box { position: relative; width: 100%; min-height: 400px; } .service-style5__img-box-bg { bottom: 0; } .service-style5__single { margin-left: -30px; } .single-essential-guide-style1 .img-box .overlay-title { padding: 13px 15px 13px; padding-right: 0; } .single-essential-guide-style1 .img-box .overlay-title h3 { font-size: 18px; } .company-details-form--2 { margin-top: 30px; } .job-opening-style1__form form .form-group { margin-bottom: 20px; } .solution-detail-page-content .intro-title-box h2 { font-size: 35px; } .solution-detail-page-content .intro-title-box h2 br { display: none; } .solution-detail-page-sidebar { margin-left: 0px; margin-top: 50px; } .solution-detail-page-sidebar .banner-box { text-align: center; } .solution-detail-page-sidebar .banner-box__shape { display: none; } .solution-detail-highlighs-box::before { display: none; } .service-advantages .service-advantages-tab__button { margin: 0 auto; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .service-advantages__tab .tabs-content-box { position: relative; background-color: var(--thm-black-bg); max-width: 270px; margin: 0 auto; } .service-advantages .service-advantages__content-tab-item { position: relative; display: block; padding: 30px 30px 30px; } .service-advantages .service-advantages__shape { display: none; } .service-advantages .service-advantages__tab { padding: 10px; } .case-style1-carousel--style2.owl-nav-style-one.owl-theme .owl-nav { position: relative; top: 0; right: 0px; margin-top: 30px; } .job-details-page-content .title-section { flex-direction: column; } .job-details-page-content .title-section .left-box { flex-direction: column; } .job-details-page-content .title-section .left-box .content-box { padding-left: 0px; text-align: center; } .job-details-page-content .title-section .left-box .content-box h3 { font-size: 18px; line-height: 28px; } .job-details-page-content .title-section .right-box { padding-top: 20px; } .job-details-page-content .share-link-box ul li { position: relative; display: block; float: none; } .job-details-page-content .share-link-box ul li+li { margin-left: 0px; margin-top: 20px; } .job-details-page-content .share-link-box ul li a { justify-content: center; padding: 13px 0px 13px; } .job-details-page-sidebar { padding-top: 50px; padding-left: 0px; } .company-details-form--1 { margin-top: 30px; } .company-details-form .form-group--2 input[type="text"], .company-details-form .form-group--2 input[type="email"], .company-details-form .form-group--2 textarea { padding-right: 20px; } .company-details-form .form-group--2 button { position: relative; top: 0; right: 0; bottom: 0; margin-top: 15px; } .single-corporate-office-style1 { padding: 40px 10px 30px; } .footer-style4__inner { display: none; } .footer-widget-info-box.four .title h3 br { display: none; } .single-footer-widget-style3.mb50 { margin-bottom: 50px; } .footer-bottom3 .copyright-text { margin-left: auto; margin-right: auto; } .footer-style5__middle { text-align: center; } .footer-style5__middle ul li { border-right: 0px solid var(--thm-border-color); } .footer-style5__middle ul li+li .single-box { padding-left: 0; } .footer-style5__bottom-form form .form-group { margin-bottom: 20px; } .pbm-0 { padding-bottom: 0; } .page-banner__img { background-position: top left; } } @media only screen and (min-width: 1200px) and (max-width: 1700px) { .main-header-style3__bottom-right .box-search-style1 { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1650px) { .main-menu-style1__left .main-menu-box { margin-left: 20px; } .main-menu .main-menu__list>li+li { margin-left: 25px; } .main-menu-style1__right .hedaer-style1-request-call-box { display: none; } .side-content-button { margin-left: 10px; } .main-menu-style1__right { padding-right: 30px; } .header-contact-info-style1 .text { display: none; } .main-header-style3__bottom-right .box-search-style1 { display: none; } .main-header-style3__bottom-right .join-us-box-style1 { display: none; } .main-header-style3__bottom-right .hedaer-style1-request-call-box--style2 { margin-left: 0; padding-right: 30px; } .main-header-style4__bottom-right .join-us-box-style1--style2 { display: none; } .main-header-style5__bottom-right .join-us-box-style1--style2 { display: none; } .main-header-style5__top-right .box-search-style1--style2 { display: none; } .main-header-style5__bottom-right .hedaer-style1-request-call-box { border-left: 0px solid var(--thm-border-color); margin-left: 0px; padding-left: 0px; } .main-header-style5__bottom-left .logo-box-style5 { margin-right: 30px; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .main-header-style2__right .box-search-style1 { display: none; } .main-header-style2__right .hedaer-style1-request-call-box { border-left: 0px solid var(--thm-border-color); margin-left: 0px; padding-left: 0px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu .mobile-nav__toggler { display: inline-block; padding: 35px 0 35px; line-height: 0; } .main-menu .mobile-nav__toggler--style2 { padding: 20px 0 20px; } .main-header-style1__box-top { display: none; } .main-header-style1__box-bottom { margin-top: 0px; margin-left: 10px; } .logo-box-style1 { width: 315px; height: 135px; } .main-header-style3__top { display: none; } .main-header-style5__top { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-menu .mobile-nav__toggler { display: inline-block; padding: 35px 0 35px; line-height: 0; } .main-menu .mobile-nav__toggler--style2 { padding: 20px 0 20px; } .main-header-style1 { padding-left: 250px; } .main-header-style1__box-top { display: none; } .main-header-style1__box-bottom { margin-top: 0px; margin-left: 0px; } .logo-box-style1 { width: 250px; height: 100px; justify-content: flex-end; padding-right: 50px; } .logo-box-style1::before { top: 0; left: 0; bottom: 0; right: 0; border-bottom-right-radius: 6px; } .logo-box-style1 .shape { display: none; } .main-menu-style1__right { display: none; } .main-menu-style1__left .main-menu-box { margin-left: 0px; } .main-menu-style1 .main-menu__wrapper-inner { justify-content: flex-end; padding-right: 20px; } .main-header-style3__bottom .container { padding-left: 20px; padding-right: 0; } .main-header-style3__top { display: none; } .main-header-style3__bottom-right { display: none; } .main-header-style3__bottom-left { width: 100%; justify-content: space-between; } .main-header-style4__bottom-left { width: 100%; justify-content: space-between; } .main-header-style4__bottom-left .main-menu-style1 .main-menu__wrapper-inner { padding-right: 0px; } .main-header-style4__bottom-right { display: none; } .main-header-style5__top { display: none; } .main-header-style5__bottom-right { display: none; } .main-header-style5__bottom-left { width: 100%; justify-content: space-between; } .main-header-style5__bottom-left .main-menu-style1 .main-menu__wrapper-inner { padding-right: 0px; } } @media (max-width: 767px) { .main-menu .mobile-nav__toggler { display: inline-block; padding: 35px 0 35px; line-height: 0; } .main-menu .mobile-nav__toggler--style2 { padding: 20px 0 20px; } .main-header-style1 { padding-left: 250px; } .main-header-style1__box-top { display: none; } .main-header-style1__box-bottom { margin-top: 0px; margin-left: 0px; } .logo-box-style1 .main-logo { border-radius: 6px; background-color: var(--thm-white); font-size: 30px; } .logo-box-style1 { width: 250px; height: 100px; justify-content: flex-end; padding-right: 50px; } .logo-box-style1::before { top: 0; left: 0; bottom: 0; right: 0; border-bottom-right-radius: 6px; } .logo-box-style1 .shape { display: none; } .main-menu-style1__right { display: none; } .main-menu-style1__left .main-menu-box { margin-left: 0px; } .main-menu-style1 .main-menu__wrapper-inner { justify-content: flex-end; padding-right: 20px; } .main-header-style2__left { width: 100%; justify-content: space-between; } .main-header-style2__left .side-content-button.marleft0 { display: none; } .main-header-style2__left .logo-box-style2 { margin-left: 0px; margin-right: 0px; } .main-header-style2__right { display: none; } .main-header-style2__left .main-menu-style1 .main-menu__wrapper-inner { padding-right: 0px; } .main-header-style3__bottom .container { padding-left: 20px; padding-right: 0; } .main-header-style3__top { display: none; } .main-header-style3__bottom-right { display: none; } .main-header-style3__bottom-left { width: 100%; justify-content: space-between; } .main-header-style4__bottom-left { width: 100%; justify-content: space-between; } .main-header-style4__bottom-left .main-menu-style1 .main-menu__wrapper-inner { padding-right: 0px; } .main-header-style4__bottom-right { display: none; } .main-header-style5__top { display: none; } .main-header-style5__bottom-right { display: none; } .main-header-style5__bottom-left { width: 100%; justify-content: space-between; } .main-header-style5__bottom-left .main-menu-style1 .main-menu__wrapper-inner { padding-right: 0px; } .main-header-style5__bottom .container { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-slider-style2 .main-slider__nav { display: none; } .main-slider-style2__inner { padding: 0 0; } .main-slider-style2 .main-slider-content { margin-left: 0px; } .banner-style2__img { display: none; } .banner-style2__content-social-links { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1450px) { .banner-style1__content-social-links { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .main-slider__nav { left: auto; right: 50px; } .main-slider .main-slider-content .big-title h2 { font-size: 60px; line-height: 1.2em; } .main-slider .main-slider-content .bottom-box .left { width: 570px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-slider__nav { left: auto; right: 50px; } .main-slider .main-slider-content .big-title h2 { font-size: 60px; line-height: 1.2em; } .main-slider .main-slider-content .bottom-box .left { width: 370px; } .main-slider-style2__img-box { display: none; } .main-slider-scrooling-content { left: 0; bottom: 0; right: 0px; } .main-slider-scrooling-content .container-inner { margin-left: 20px; } .banner-style1__content-social-links { display: none; } .banner-style1-tab-content-box-item .title h2 { font-size: 40px; } .banner-style1-tab-content-box-item .text p br { display: none; } .banner-style2__img { display: none; } .banner-style2__content-social-links { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-slider__nav { left: auto; right: 50px; } .main-slider-style1 { } .main-slider-style1 .container { padding-top: 150px; padding-bottom: 300px; } .main-slider .main-slider-content .big-title h2 { font-size: 40px; line-height: 1.2em; } .main-slider .main-slider-content .big-title h2 br { display: none; } .main-slider .main-slider-content .bottom-box .left { display: none; } .main-slider .main-slider-content .bottom-box .right { margin-left: 0px; } .main-slider-fact-counter-box { left: 50px; bottom: 255px; right: 50px; } .main-slider-style2__img-box { display: none; } .main-slider-scrooling-content { left: 0; bottom: 0; right: 0px; } .main-slider-scrooling-content .container-inner { margin-left: 20px; } .main-slider-style2 .main-slider-content { margin-left: 0px; } .banner-style1__tab { display: block; } .banner-style1__content-social-links { display: none; } .banner-style1__tab .tabs-content-box { width: 100%; margin-left: 0px; margin-top: 40px; } .banner-style1-tab-content-box-item .title h2 { font-size: 50px; } .banner-style1-tab-content-box-item .title h2 br { display: none; } .banner-style2__img { display: none; } .banner-style2__content-social-links { display: none; } .main-slider-style3 .container { padding-top: 265px; padding-bottom: 190px; } .slider-style3-highlights .container { padding-top: 70px; padding-bottom: 0; } .slider-style3-highlights { position: relative; left: 0; bottom: 0px; right: 0; } .main-slider-style3 .main-slider-content__inner .btn-box-right a { width: 70px; height: 70px; font-size: 40px; } .main-slider-style3 .main-slider__nav { display: none; } } @media only screen and (max-width: 767px) { .main-slider__nav { display: none; } .main-slider-style1 { } .main-slider-style1 .container { padding-top: 150px; padding-bottom: 170px; } .main-slider-style3 .main-slider-content__inner .btn-box-right { position: relative; top: 0; transform: translateY(0%); margin-top: 30px; } .main-slider .main-slider-content .big-title h2 { font-size: 40px; line-height: 1.2em; } .main-slider .main-slider-content .big-title h2 br { display: none; } .main-slider .main-slider-content .bottom-box .left { display: none; } .main-slider .main-slider-content .bottom-box .right { margin-left: 0px; } .main-slider-fact-counter-box { display: none; } .main-slider-style2__img-box { display: none; } .main-slider-scrooling-content { left: 0; bottom: 0; right: 0px; } .main-slider-scrooling-content .container-inner { margin-left: 20px; } .main-slider-style2 .main-slider-content { margin-left: 0px; } .banner-style1__tab { display: block; } .banner-style1__content-social-links { display: none; } .banner-style1__tab .tabs-content-box { width: 100%; margin-left: 0px; margin-top: 40px; } .banner-style1-tab-content-box-item .title h2 { font-size: 30px; } .banner-style1-tab-content-box-item .title h2 br { display: none; } .banner-style1-tab-content-box-item .text p br { display: none; } .banner-style1-tab__button ul li span { font-size: 34px; } .banner-style1-tab__button ul li .arrow-hover { margin-left: 15px; width: 45px; height: 45px; } .banner-style2__img { display: none; } .banner-style2__content-social-links { display: none; } .banner-style2__contant .big-title { font-size: 80px; line-height: 1.2em; } .banner-style2__contant .text p br { display: none; } .main-slider-style3 .container { padding-top: 265px; padding-bottom: 190px; } .slider-style3-highlights .container { padding-top: 70px; padding-bottom: 0; } .slider-style3-highlights { position: relative; left: 0; bottom: 0px; right: 0; } .main-slider-style3 .main-slider-content__inner .btn-box-right a { width: 70px; height: 70px; font-size: 40px; } .main-slider-style3 .main-slider__nav { display: none; } } @media only screen and (max-width: 1199px) { .order11 { order: 1; } .order22 { order: 2; } } @media (min-width: 1200px) { .col-xl-2-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 767px) { .how-its-work-style2__single { margin-bottom: 0px; } .industries-style2__content ul li .right .title{ padding-right: 0px; text-align: center; } .how-its-work-style2 ul li:nth-child(2), .how-its-work-style2 ul li:nth-child(4), .how-its-work-style2 ul li:nth-child(6) { padding: 0px; } .solution-detail-page-content .intro-title-box{ padding: 0px; } }