/*** ============================================= Footer area style ============================================= ***/ .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 Css ============================================= ***/ .footer-style1 { position: relative; display: block; background: var(--thm-black-bg); overflow: hidden; padding: 140px 0px 0px; z-index: 10; } .footer-top { position: relative; display: block; } .our-company-info { position: relative; display: block; padding: 22px 0px 22px; z-index: 1; } .our-company-info__bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } .our-company-info__inner { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; width: 330px; height: 330px; background: var(--thm-black-bg); border: 1px solid #29282c; border-radius: 50%; margin: 0 auto; } .footer-logo-style1 { position: relative; display: block; } .footer-logo-style1 a { position: relative; display: inline-block; color: var(--thm-primary-color); } .footer-logo-style1 a span { position: relative; display: inline-block; font-size: 55px; line-height: 55px; } .footer-logo-style1 h2 { font-size: 32px; line-height: 42px; margin-top: 11px; } .footer-logo-style1 h2 a { color: var(--thm-white); } .footer-logo-style1 h2 a:hover { color: var(--thm-primary-color); } .our-company-info__inner .text { position: relative; display: block; margin-top: 10px; } .our-company-info__inner .text p { color: #a3a0a7; margin: 0; } .our-company-info__inner .btn-box { position: relative; display: block; margin-top: 23px; } .our-company-info__inner .btn-box a { position: relative; display: flex; align-items: center; justify-content: center; color: var(--thm-white); width: 55px; height: 55px; background: transparent; border: 1px solid #242226; border-radius: var(--thm-border-radius); transition: all 500ms ease; z-index: 1; } .our-company-info__inner .btn-box a:before { position: absolute; content: ''; left: -1px; top: -1px; bottom: -1px; right: -1px; background: var(--thm-primary-color); transform: scale(0.6); opacity: 0; z-index: -1; border-radius: var(--thm-border-radius); transition: all 500ms ease; } .our-company-info__inner .btn-box a:hover:before { opacity: 1; transform: scale(1); } .our-company-info__inner .btn-box a span { position: relative; display: inline-block; font-size: 35px; line-height: 35px; } .footer-widget-newsletter-box { position: relative; display: block; background: #201f23; padding: 31px 50px 40px; border-radius: 20px; z-index: 1; } .footer-widget-newsletter-box .icon-box { position: absolute; right: 70px; bottom: -30px; z-index: 1; } .footer-widget-newsletter-box h3 { color: var(--thm-white); font-size: 24px; line-height: 34px; margin-bottom: 26px; } .footer-widget-newsletter-box p { color: #a3a0a7; margin: 0; } .footer-widget-newsletter-box .form-group { position: relative; display: block; margin-top: 33px; } .footer-widget-newsletter-box .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 60px; color: #a3a0a7; font-size: 15px; font-weight: 400; background: transparent; border: 1px solid #353438; padding-left: 20px; padding-right: 20px; border-radius: var(--thm-border-radius); } .footer-widget-newsletter-box .form-group .btn-one { position: relative; display: block; margin-top: 30px; } .footer-main { position: relative; display: block; padding: 120px 0px 90px; } .single-footer-widget { position: relative; display: block; } .single-footer-widget .title, .footer-widget h2 { position: relative; display: block; margin-top: -3px; border-bottom: 1px solid #29282c; padding-bottom: 28px; } .single-footer-widget .title h3, .footer-widget h2 { color: var(--thm-white); font-size: 21px; line-height: 21px; margin-bottom: 31px; } .single-footer-widget--link-box { position: relative; display: block; } .footer-widget-links { position: relative; display: block; overflow: hidden; padding-top: 33px; } .footer-widget-links ul { position: relative; display: block; overflow: hidden; } .footer-widget-links ul li { position: relative; display: block; } .footer-widget-links ul li+li { margin-top: 11px; } .footer-widget-links ul li a { position: relative; display: inline-block; color: #a3a0a7; font-size: 16px; line-height: 26px; font-weight: 400; text-transform: capitalize; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-links ul li a:hover { color: var(--thm-primary-color); padding-left: 5px; } .single-footer-widget__blog-post { position: relative; display: block; padding-top: 31px; } .single-footer-widget__blog-post ul { position: relative; display: block; } .single-footer-widget__blog-post ul li { position: relative; display: block; margin-bottom: 15px; } .single-footer-widget__blog-post ul li:last-child { margin-bottom: 0px; } .single-footer-widget__blog-post ul li .category { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; font-family: var(--thm-font-2); z-index: 1; } .single-footer-widget__blog-post ul li .category::before { position: absolute; left: 0; bottom: 3px; right: 0; height: 8px; background: #29282c; content: ""; z-index: -1; } .single-footer-widget__blog-post ul li h4 { font-size: 16px; line-height: 26px; font-weight: 700; } .single-footer-widget__blog-post ul li h4 a { color: var(--thm-white); } .single-footer-widget__blog-post ul li h4 a:hover { color: var(--thm-primary-color); } .single-footer-widget__blog-post .btn-box { position: relative; display: block; margin-top: 20px; } .single-footer-widget__blog-post .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; font-family: var(--thm-font-2); } .single-footer-widget__blog-post .btn-box a:hover { color: var(--thm-primary-color); } .single-footer-widget__blog-post .btn-box a span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 30px; line-height: 30px; padding-right: 3px; } .footer-widget-contact-info { position: relative; display: block; padding-top: 40px; } .footer-social-link { position: relative; display: block; } .footer-social-link ul { position: relative; display: block; } .footer-social-link ul li { position: relative; float: left; margin-right: 15px; } .footer-social-link ul li:last-child { margin-right: 0; } .footer-social-link ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background: transparent; border: 0px solid #ffffff; border-radius: 50%; color: #a3a0a7; font-size: 14px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .footer-social-link ul li a:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #201f23; border-radius: 50%; content: ""; z-index: -1; transform: scale(1); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); } .footer-social-link ul li:hover a:before { transform: scale(0); } .footer-social-link ul li:hover a { color: #ffffff; background-color: var(--thm-primary-color); } .footer-widget-contact-info .text { position: relative; display: block; margin-top: 33px; } .footer-widget-contact-info .text p { color: #a3a0a7; margin: 0; } .footer-widget-contact-info .btn-box { position: relative; display: block; margin-top: 27px; } .footer-widget-contact-info .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; padding-bottom: 7px; font-family: var(--thm-font-2); } .footer-widget-contact-info .btn-box a::before { position: absolute; left: 35px; bottom: 0; right: 0; height: 1px; background: #29282c; transition: all 200ms linear; transition-delay: 0.1s; content: ""; } .footer-widget-contact-info .btn-box a:hover::before { background: var(--thm-white); } .footer-widget-contact-info .btn-box a:hover { color: var(--thm-primary-color); } .footer-widget-contact-info .btn-box a span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 25px; line-height: 25px; top: 2px; padding-right: 10px; } .footer-bottom { position: relative; display: block; border-top: 1px solid #29282c; padding: 26px 0px 27px; } .footer-bottom .bottom-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .copyright-text { position: relative; display: block; } .copyright-text p { color: #ffffff; font-size: 16px; line-height: 24px; font-weight: 400; } .copyright-text p a { color: var(--thm-primary-color); font-weight: 500; transition: all 300ms ease 100ms; } .copyright-text p a:hover { color: var(--thm-white); } .footer-menu { position: relative; display: block; } .footer-menu ul { position: relative; display: block; } .footer-menu ul li { position: relative; display: block; float: left; } .footer-menu ul li:before { content: ""; position: absolute; right: -18px; bottom: 7px; width: 3px; height: 3px; background-color: var(--thm-primary-color); } .footer-menu ul li:last-child:before { display: none; } .footer-menu ul li:after { content: ""; position: absolute; left: -18px; bottom: 7px; width: 3px; height: 3px; background-color: var(--thm-primary-color); } .footer-menu ul li:first-child:after { display: none; } .footer-menu ul li+li { margin-left: 40px; } .footer-menu ul li a { color: var(--thm-white); } .footer-menu ul li a:hover { color: var(--thm-primary-color); } /*** ============================================= Footer style2 Css ============================================= ***/ .footer-style2 { position: relative; display: block; background: var(--thm-black-bg); overflow: hidden; padding: 140px 0px 0px; z-index: 10; } .footer-main-style2 { position: relative; display: block; padding: 0px 0px 125px; } .footer-style2 .single-footer-widget .title { border-bottom: 0px solid #29282c; padding-bottom: 31px; } .footer-style2 .footer-widget-links { padding-top: 0px; } .footer-widget-contact-info-style2 { position: relative; display: block; margin-top: -4px; } .footer-widget-contact-info-style2-top { position: relative; display: flex; align-items: center; margin-bottom: 15px; } .footer-widget-contact-info-style2-top .icon-box { position: relative; display: block; } .footer-widget-contact-info-style2-top .icon-box span { position: relative; display: inline-block; color: var(--thm-primary-color); font-size: 60px; line-height: 60px; } .footer-widget-contact-info-style2-top .title-box { position: relative; display: block; margin-left: 19px; } .footer-widget-contact-info-style2-top .title-box h3 { color: #a3a4af; font-size: 21px; line-height: 29px; } .footer-widget-contact-info-style2 h2 { font-size: 30px; line-height: 40px; font-weight: 600; } .footer-widget-contact-info-style2 h2 a { color: var(--thm-white); } .footer-widget-contact-info-style2 h2 a:hover { color: var(--thm-primary-color); } .footer-social-link-style2 { position: relative; display: block; } .footer-social-link-style2 .title-box { position: relative; display: block; margin-top: 35px; margin-bottom: 29px; } .footer-social-link-style2 .title-box h3 { color: var(--thm-white); font-size: 21px; line-height: 29px; text-transform: capitalize; } .footer-social-link-style2 ul { position: relative; display: block; margin-left: -5px; margin-right: -5px; } .footer-social-link-style2 ul li { position: relative; display: block; float: left; padding: 0 5px 10px; } .footer-social-link-style2 ul li a { position: relative; display: flex; align-items: center; justify-content: space-between; width: 180px; height: 50px; border: 1px solid #2b2c33; border-radius: 10px; padding: 0px 20px 0px; color: #a3a4af; overflow: hidden; } .footer-social-link-style2 ul li a:hover { color: var(--thm-primary-color); background: var(--thm-white); border-color: var(--thm-white); } .footer-social-link-style2 ul li a .text { position: relative; display: block; } .footer-social-link-style2 ul li a .text .txt1 { position: absolute; top: 0; left: 0px; bottom: 0; right: 0; display: flex; align-items: center; justify-content: flex-start; text-align: center; transform: translateY(40px); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; line-height: 26px; text-transform: capitalize; } .footer-social-link-style2 ul li a:hover .text .txt1 { transform: translateY(0); } .footer-social-link-style2 ul li a .text .txt2 { position: relative; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; line-height: 26px; text-transform: capitalize; } .footer-social-link-style2 ul li a:hover .text .txt2 { transform: translateY(-40px); } .footer-social-link-style2 ul li a .icon { position: relative; display: block; } .footer-social-link-style2 ul li a .icon .first { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; text-align: center; transform: translateY(200%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; line-height: 16px; } .footer-social-link-style2 ul li a:hover .icon .first { transform: translateY(0); } .footer-social-link-style2 ul li a .icon .second { position: relative; display: block; font-size: 16px; line-height: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .footer-social-link-style2 ul li a:hover .icon .second { transform: translateY(-200%); } .footer-bottom-style2 { position: relative; display: block; background-color: var(--thm-black-bg-2); padding: 26px 0px 27px; } .footer-bottom-style2 .bottom-inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } /*** ============================================= Footer style3 Css ============================================= ***/ .footer-style3 { position: relative; display: block; background: var(--thm-black-bg); overflow: hidden; padding: 140px 0px 0px; z-index: 10; } .footer-main-style3 { position: relative; display: block; } .single-footer-widget--our-company-info { position: relative; display: block; padding-right: 40px; } .download-app-box { position: relative; display: block; padding-bottom: 33px; } .download-app-box ul { position: relative; display: flex; align-items: center; } .download-app-box ul li { position: relative; display: block; } .download-app-box ul li+li { margin-left: 10px; } .download-app-box ul li a { position: relative; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; background-color: var(--thm-white); border-radius: 50%; transition: all 200ms linear; transition-delay: 0.1s; } .download-app-box ul li a:hover { background-color: var(--thm-primary-color); } .download-app-box ul li a img { width: auto; transition: background-color 0.5s ease; transition: all 0.5s ease; } .download-app-box ul li a:hover img { filter: drop-shadow(10px 0px 0px #000000); } .download-app-box h3 { color: var(--thm-white); font-size: 19px; line-height: 29px; margin: 18px 0 0; } .footer-logo-style2 { position: relative; display: block; padding-bottom: 34px; } .footer-logo-style2 a { position: relative; display: block; } .footer-logo-style2 a img { width: auto; } .single-footer-widget--our-company-info .text { position: relative; display: block; } .single-footer-widget--our-company-info .text p { color: var(--thm-body-font-color); } .footer-widget-newsletter-box-style2 { margin-top: 33px; max-width: 100% !important; float: none !important; } .footer-widget-newsletter-box-style2 form .form-group { margin: 3px 0 0px; } .footer-widget-newsletter-box-style2 form .form-group input[type='email'] { color: #32383c; font-weight: 500; border-bottom: 1px solid var(--thm-border-color); } .footer-widget-newsletter-box-style2 form input[type="email"]::-webkit-input-placeholder { color: #32383c; } .footer-widget-newsletter-box-style2 form input[type="email"]:-moz-placeholder { color: #32383c; } .footer-widget-newsletter-box-style2 form input[type="email"]::-moz-placeholder { color: #32383c; } .footer-widget-newsletter-box-style2 form input[type="email"]:-ms-input-placeholder { color: #32383c; } .footer-widget-newsletter-box-style2 form .checked-box1 { margin-top: 15px; } .footer-widget-newsletter-box-style2 .btn-box { position: relative; display: block; margin-top: 17px; } .footer-widget-newsletter-box-style2 .btn-box button { color: var(--thm-black); } .footer-widget-newsletter-box-style2 .btn-box button:hover { color: #ffffff; } .footer-bottom-style3 { position: relative; display: block; padding: 90px 0px 53px; } .footer-bottom-style3 .bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .copyright-text-style3 { position: relative; display: block; } .copyright-text-style3 ul { position: relative; display: flex; align-items: center; margin-bottom: 6px; } .copyright-text-style3 ul li { position: relative; display: block; } .copyright-text-style3 ul li+li { margin-left: 22px; } .copyright-text-style3 ul li::before { content: ""; position: absolute; bottom: 7px; right: -12px; width: 2px; height: 2px; background-color: var(--thm-white); } .copyright-text-style3 ul li:last-child:before { display: none; } .copyright-text-style3 ul li a { position: relative; display: block; color: var(--thm-white); font-size: 16px; line-height: 25px; font-family: var(--thm-font); font-weight: 400; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; } .copyright-text-style3 ul li a:hover { color: var(--thm-primary-color); } .copyright-text-style3 p { margin: 0; } .copyright-text-style3 p a { color: var(--thm-primary-color); transition: all 200ms linear; transition-delay: 0.1s; } .copyright-text-style3 p a:hover { color: var(--thm-white); } .footer-social-link-style3 { position: relative; display: block; } .footer-social-link-style3 ul { position: relative; display: block; } .footer-social-link-style3 ul li { position: relative; float: left; margin-right: 15px; } .footer-social-link-style3 ul li:last-child { margin-right: 0; } .footer-social-link-style3 ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 45px; width: 45px; background: transparent; border-radius: 50%; color: var(--thm-black); font-size: 15px; font-weight: 900; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .footer-social-link-style3 ul li a:before { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #ffffff; border-radius: 50%; content: ""; z-index: -1; transform: scale(1); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); } .footer-social-link-style3 ul li:hover a:before { transform: scale(0); } .footer-social-link-style3 ul li:hover a { color: #ffffff; background-color: transparent; border: 1px solid #32393e; } .footer-bottom-style3__right { position: relative; display: block; text-align: right; } .footer-bottom-style3__right p { color: var(--thm-white); } .footer-bottom-style3__right p+p { margin-top: 6px; } .footer-bottom-style3__right p a { color: var(--thm-body-font-color); transition: all 200ms linear; transition-delay: 0.1s; } .footer-bottom-style3__right p a:hover { color: var(--thm-white); } /*** ============================================= Footer style4 Css ============================================= ***/ .footer-style4 { position: relative; display: block; border-top: 1px solid rgb(255, 255, 255, 0.12); } .footer-style4__bg { position: absolute; top: -300px; left: 0; bottom: 0; right: 0; height: 1026px; opacity: 0.15; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; } .footer-style4_main { position: relative; display: block; padding: 140px 0px 0px; } .footer-style4_main__inner { position: relative; display: block; border-bottom: 1px solid rgb(255, 255, 255, 0.12); padding: 0px 0px 73px; } .footer-style4_main__inner .row { --bs-gutter-x: 0; } .footer-style4_main-content { position: relative; display: flex; align-items: center; justify-content: space-between; border-right: 1px solid rgb(255, 255, 255, 0.12); padding-right: 65px; margin-right: 65px; } .footer-style4_main-content__inner { position: relative; display: block; } .footer-logo-style3 { position: relative; display: block; margin-bottom: 30px; } .footer-logo-style3 a { position: relative; display: block; } .footer-logo-style3 a img { width: auto; } .footer-style4_main-content__inner h2 { color: var(--thm-white); font-size: 36px; line-height: 1.2em; } .footer-style4_main-content__inner .contact-info { position: relative; display: block; padding-top: 25px; } .footer-style4_main-content__inner .contact-info p { color: #a9afac; } .footer-style4_main-content__inner .contact-info h3 { font-size: 19px; line-height: 29px; font-weight: 600; padding-top: 4px; } .footer-style4_main-content__inner .contact-info h3 a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .footer-style4_main-content__inner .contact-info h3 a.faq-btn { margin-left: 10px; } .footer-style4_main-content__inner .contact-info h3 a:hover { color: var(--thm-primary-color); } .footer-style4_main-content__inner .contact-info h3 a span { position: relative; color: var(--thm-white); font-size: 25px; line-height: 25px; top: 4px; margin-left: 0; transition: all 200ms linear; transition-delay: 0.1s; } .footer-style4_main-content__inner .contact-info h3 a:hover span { color: var(--thm-primary-color); } .footer-style4_main-content__inner .contact-info h3 span { color: #a9afac; margin-left: 4px; } .footer-style4_main-content__outer { position: relative; display: block; } .footer-style4_main-content__outer a { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 10px; background-color: var(--thm-primary-color); transition: background-color 0.5s ease; transition: all 0.5s ease; } .footer-style4_main-content__outer a:hover { background-color: var(--thm-white); } .footer-style4_main-content__outer a span { position: relative; display: inline-block; color: var(--thm-white); font-size: 34px; line-height: 34px; transition: all 200ms linear; transition-delay: 0.1s; } .footer-style4_main-content__outer a:hover span { color: var(--thm-primary-color); } .footer-social-link-style4 { position: relative; display: block; } .footer-social-link-style4 ul { position: relative; display: block; margin-top: -7px; } .footer-social-link-style4 ul li { position: relative; display: block; padding-left: 65px; } .footer-social-link-style4 ul li+li { margin-top: 34px; } .footer-social-link-style4 ul li .icon-box { position: absolute; top: 7px; left: 0; line-height: 0; } .footer-social-link-style4 ul li .icon-box a { position: relative; display: flex; align-items: center; justify-content: center; color: var(--thm-white); font-size: 20px; width: 45px; height: 45px; border-radius: 50%; background-color: #3b5998; transition: background-color 0.5s ease; transition: all 0.5s ease; } .footer-social-link-style4 ul li:hover .icon-box a { color: var(--thm-white); background-color: var(--thm-primary-color); } .footer-social-link-style4 ul li .icon-box a.icon-box2 { background-color: #55acee; } .footer-social-link-style4 ul li:hover .icon-box a.icon-box2 { color: var(--thm-white); background-color: var(--thm-primary-color); } .footer-social-link-style4 ul li .icon-box a.icon-box3 { background-color: #cd201f; } .footer-social-link-style4 ul li:hover .icon-box a.icon-box3 { color: var(--thm-white); background-color: var(--thm-primary-color); } .footer-social-link-style4 ul li .title-box { position: relative; display: block; } .footer-social-link-style4 ul li .title-box h5 { color: #a9afac; font-size: 16px; line-height: 25px; font-weight: 600; padding-bottom: 7px; } .footer-social-link-style4 ul li .title-box p { color: var(--thm-white); } .footer-social-link-style4 ul li .title-box p a { color: var(--thm-white); transition: all 200ms linear; transition-delay: 0.1s; } .footer-social-link-style4 ul li .title-box p a:hover { color: var(--thm-primary-color); } .footer-style4__bottom { position: relative; display: block; padding: 73px 0px 73px; } .footer-style4__bottom .bottom-inner { position: relative; display: block; } .footer-menu-style4 { position: relative; display: block; padding-bottom: 37px; z-index: 10; } .footer-menu-style4 ul { position: relative; display: flex; align-items: center; justify-content: center; } .footer-menu-style4 ul li { position: relative; display: block; } .footer-menu-style4 ul li+li { margin-left: 60px; } .footer-menu-style4 ul li a { position: relative; display: inline-block; color: var(--thm-white); font-size: 17px; line-height: 27px; font-family: var(--thm-font-2); font-weight: 700; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; } .footer-menu-style4 ul li a:hover { color: var(--thm-primary-color); } .copyright-text-style--2 ul { justify-content: center; } .copyright-text-style--2 ul li a { color: #a9afac; } /*** ============================================= Footer style5 Css ============================================= ***/ .footer-style5 { position: relative; display: block; background-color: var(--thm-white); padding: 160px 0px 93px; z-index: 1; } .footer-style5__top { position: relative; display: block; z-index: 1; } .footer-style5__top .big-title { position: absolute; top: -47px; left: 0; right: 0; text-align: center; z-index: -1; } .footer-style5__top .big-title h2 { color: transparent; -webkit-text-stroke: 1px #ece9e8; font-size: 250px; line-height: 0.9em; font-weight: 800; text-transform: uppercase; } .footer-style5__top-inner { position: relative; display: block; } .footer-style5__top-inner h2 { font-size: 30px; line-height: 40px; margin-bottom: 32px; } .footer-style5__top-inner .btn-box { position: relative; display: flex; align-items: center; justify-content: center; } .footer-style5__top-inner .btn-box a+a { margin-left: 30px; } .footer-style5__top-inner .btn-box .btn-one { padding-left: 110px; padding-right: 110px; line-height: 50px; border-radius: 35px; text-transform: none; color: var(--thm-black); } .footer-style5__top-inner .btn-box .btn-one.one { color: #ffffff; } .footer-style5__top-inner .btn-box .btn-one.one:after { background: var(--thm-primary-color); } .footer-style5__top-inner .btn-box .btn-one.one:before { background: var(--thm-black); } .footer-style5__top-inner .btn-box .btn-one:hover { color: var(--thm-white); } .footer-style5__top-inner .btn-box .btn-one::before { background: var(--thm-primary-color); } .footer-style5__top-inner .btn-box .btn-one::after { background: var(--thm-gray-bg); } .footer-style5__main { position: relative; display: block; padding: 130px 0px 0px; } .footer-style5__main-inner { position: relative; display: block; } .single-widget-style5 { position: relative; display: block; } .single-footer-widget-style5 { position: relative; display: block; } .single-footer-widget-style5 .title { position: relative; display: block; margin-top: -8px; } .single-footer-widget-style5 .title h3 { font-size: 21px; line-height: 31px; text-transform: capitalize; } .our-company-info-style5 { position: relative; display: block; } .our-company-info-style5 .footer-logo-style2 { padding-bottom: 29px; } .our-company-info-style5 .text { position: relative; display: block; } .our-company-info-style5 .text p { margin: 0; } .footer-social-link-style5 { position: relative; display: block; margin-top: 23px; } .footer-social-link-style5 ul { position: relative; display: block; } .footer-social-link-style5 ul li { position: relative; display: block; float: left; margin-right: 15px; } .footer-social-link-style5 ul li:last-child { margin-right: 0; } .footer-social-link-style5 ul li a { position: relative; display: flex; align-items: center; justify-content: center; color: #a5a1a0; width: 45px; height: 45px; border: 1px solid #ebe7e6; border-radius: 50%; overflow: hidden; } .footer-social-link-style5 ul li a:hover { color: var(--thm-white); background: var(--thm-primary-color); border-color: var(--thm-primary-color); } .footer-social-link-style5 ul li a i { position: relative; display: inline-block; font-size: 17px; line-height: 17px; } .footer-widget-language-switcher { position: relative; display: block; width: 115px; margin-top: 26px; } .footer-widget-language-switcher .language-switcher-style1 { position: relative; display: flex; align-items: center; } .footer-widget-language-switcher .language-switcher-style1 .inner-title { position: relative; display: block; padding-right: 5px; } .footer-widget-language-switcher .language-switcher-style1 .inner-title h5 { color: #cec8c7; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; } .footer-widget-language-switcher .language-switcher-style1 .nice-select:after { color: var(--thm-black); } .footer-widget-language-switcher .language-switcher-style1 .nice-select.open .list { top: auto; bottom: 0; } .footer-widget-links-style5 { position: relative; display: block; margin-top: 21px; } .footer-widget-links-style5 ul { position: relative; display: block; } .footer-widget-links-style5 ul li { position: relative; display: block; margin-bottom: 11px; } .footer-widget-links-style5 ul li:last-child { margin-bottom: 0; } .footer-widget-links-style5 ul li a { color: var(--thm-body-font-color); font-size: 16px; line-height: 26px; font-weight: 400; text-transform: capitalize; } .footer-widget-links-style5 ul li a:hover { color: var(--thm-primary-color); } .single-footer-widget-style5 .scroll-to-top { position: relative; display: flex; align-items: flex-start; justify-content: end; right: 0px; bottom: 0px; transform: rotate(0deg); margin-bottom: 107px; z-index: 99; } .single-footer-widget-style5 .scroll-to-top .icon-box { position: relative; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius: 50%; background: #f9f6f3; cursor: pointer; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget-style5 .scroll-to-top .icon-box:hover { background: var(--thm-primary-color); } .single-footer-widget-style5 .scroll-to-top .icon-box span { position: relative; display: inline-block; color: var(--thm-black); font-size: 34px; line-height: 34px; transition: all 200ms linear; transition-delay: 0.1s; } .single-footer-widget-style5 .scroll-to-top .icon-box:hover span { color: var(--thm-white); } .single-footer-widget-style5 .copyright-text-style3 { position: relative; display: block; } .single-footer-widget-style5 .copyright-text-style3 ul { margin-bottom: 16px; justify-content: end; } .single-footer-widget-style5 .copyright-text-style3 ul li a { color: var(--thm-body-font-color); } .single-footer-widget-style5 .copyright-text-style3 ul li a:hover { color: var(--thm-primary-color); } .single-footer-widget-style5 .copyright-text-style3 ul li::before { background-color: var(--thm-body-font-color); } .single-footer-widget-style5 .copyright-text-style3 p { color: var(--thm-black); text-align: right; } .single-footer-widget-style5 .copyright-text-style3 p a:hover { color: var(--thm-black); } /** End Css **/