@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 0; } * { padding: 0; margin: 0; } :root { --primary-color: #144372; --primary-color-rgb: 20, 67, 114; --secondary-color: #FFA800; --text-color: #333333; --bg-light: #F5f5f5; --bg-dark: #cccccc; --bg-primary: #144372; --bg-secondary: #FFA800; } html { width: 100%; height: 100%; position: relative; overflow: visible; } body { font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; overflow-x: hidden; background-color: #ffffff; color: var(--text-color); } html, body, .wrapper { height: 100%; } h1, h2, h3, h4, h5, h6 { color: var(--primary-color); font-weight: normal; line-height: 1.2; font-family: "Montserrat", sans-serif; margin: 0; margin-bottom: 20px; } h1 { font-size: 40px; } h2 { font-size: 36px; } h3 { font-size: 27px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 14px; } img { border: none; outline: none; max-width: 100%; } label { display: inline-block; font-weight: normal; margin-bottom: 5px; max-width: 100%; } a, .btn, button { transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; outline: medium none; font-weight: 600; } a img, iframe { border: none; } p { color: var(--text-color); margin: 0 0 15px; text-transform: none; font-weight: 400; } hr { margin-top: 0; margin-bottom: 0; border: 0; border-top: 1px solid var(--secondary-color); } input:focus, textarea:focus, select:focus { outline: none; box-shadow: inherit; } ul { margin: 0; list-style-type: none; } b { font-weight: 600 !important; } a, a:active, a:focus, a:hover { outline: none; text-decoration: none; color: var(--text-color); } a:hover { color: var(--text-color); } a { transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; text-decoration: none; font-family: "Montserrat", sans-serif; } .btn.active, .btn:active { background-image: inherit !important; } .btn.focus, .btn:active:focus, .btn:active:hover, .btn:focus, .btn:hover { outline: 0; } .btn.active, .btn:active { outline: 0; -webkit-box-shadow: inherit; box-shadow: inherit; } .btn i { font-size: 12px; margin-left: 0; position: relative; top: 1px; } input { border: 1px solid #e7e7e7; border-radius: inherit; box-shadow: inherit; min-height: 50px; } .btn.btn-icon i { height: 30px; width: 30px; line-height: 31px; background: #ffffff; color: var(--text-color); border-radius: 50%; margin-left: 10px; font-weight: 600; font-size: 15px; } .btn.btn-icon { padding: 13px 25px; } .btn { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; line-height: 25px; text-transform: uppercase; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; overflow: hidden; border-radius: inherit; border: none; } .btn-md { padding: 15px 40px; } .btn-md.border { padding: 13px 40px; } .btn-sm { padding: 10px 35px; font-size: 12px; } .btn-sm.btn-border { padding: 8px 35px; font-size: 12px; } .btn.btn-sm-pro { font-size: 10px; font-weight: 600; margin-top: 5px; padding: 4px 35px; display: inline-block; } .btn-border-light { border: 2px solid #ffffff; } .btn.btn-sm-pro.btn-border-light:hover, .btn.btn-sm-pro.btn-border-light:focus { background-color: #ffffff; color: var(--text-color); border: 2px solid #ffffff; } .btn-dark { color: #ffffff; position: relative; z-index: 1; } .btn-dark.theme { background-color: var(--secondary-color); color: var(--primary-color); } .btn-dark.theme.theme2 { background-color: var(--primary-color); color: white; font-weight: 600; } .btn-dark.theme.theme2::after { position: absolute; left: 0; bottom: 0; content: ""; height: 0; width: 0; transition: all 0.35s ease-in-out; background-color: var(--secondary-color); z-index: -1; } .btn-dark.theme::after { position: absolute; left: 0; bottom: 0; content: ""; height: 0; width: 0; transition: all 0.35s ease-in-out; background-color: var(--primary-color); z-index: -1; } .btn-dark.theme:hover::after { height: 100%; width: 100%; } .btn-dark.border { background-color: transparent; color: var(--secondary-color); border: 2px solid var(--secondary-color) !important; } .btn-dark.border:hover { background-color: var(--secondary-color); color: #ffffff !important; border: 2px solid var(--secondary-color) !important; } .btn-dark:hover, .btn-dark:focus { color: var(--primary-color) !important; } .btn-light { color: var(--primary-color) !important; background-color: var(--secondary-color); position: relative; overflow: hidden; z-index: 1; } .btn-light::after { position: absolute; left: 0; bottom: 0; content: ""; height: 0; width: 0; transition: all 0.25s ease-in-out; background: var(--primary-color); color: white; z-index: -1; } .btn-light:hover { color: white !important; } .product-cta .btn-light::after { background-color: white; color: var(--primary-color) !important; } .product-cta .btn-light:hover { color: var(--primary-color) !important; } .product-cta h2 { font-weight: 700; text-transform: capitalize; } .btn-light:hover::after { width: 100%; height: 100%; } .btn.btn-sm-lm { font-size: 12px; padding: 4px 35px; } a.more-btn { text-transform: uppercase; color: var(--primary-color); font-weight: 700; position: relative; z-index: 1; display: inline-block; margin-bottom: 10px; } a.more-btn>i { font-size: 10px; position: relative; top: -1px; } a.more-btn:hover { color: var(--secondary-color); } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a { color: #ffffff; } .text-light ul.achivement li { border-right: 1px solid rgba(255, 255, 255, 0.6); } .text-light ul.achivement li .counter { color: #ffffff; } .container-half { margin: 0 auto; width: 60%; padding: 0 15px; } .container-medium { padding: 0 15px; margin: auto; max-width: 1400px; position: relative; } .container-full { padding: 0 15px; margin: auto; max-width: 1400px; } .bg-cover { background-position: center center; background-size: cover; } .bg-contain { background-position: center center; background-repeat: no-repeat; background-size: contain; } .bg-fixed { background-attachment: fixed; background-position: center top; background-size: cover; } .bg-gray { background-color: var(--bg-light); } .bg-dark-gray { background-color: var(--bg-dark); } .bg-theme-small { background: rgba(255, 53, 20, 0.03); } .bg-light { background-color: #ffffff !important; } .bg-theme { background-color: var(--primary-color); } .bg-gradient { background: var(--primary-color); background: -webkit-linear-gradient(top left, var(--primary-color), #F3BA19); background: -moz-linear-gradient(top left, var(--primary-color), #F3BA19); background: linear-gradient(to bottom right, var(--primary-color), #F3BA19); } .text-white { color: white; } .text-theme { color: var(--primary-color); } .text-theme-2 { color: var(--secondary-color); } .default-padding { padding-top: 60px; padding-bottom: 60px; position: relative; } .default-padding-top { padding-top: 120px; position: relative; } .default-padding-top.bottom-less { margin-bottom: -30px; } .default-padding-bottom { padding-bottom: 120px; position: relative; } .default-padding-bottom.bottom-less { padding-bottom: 90px; } .default-padding.bottom-less { padding-top: 60px; padding-bottom: 60px; } .relative { position: relative; z-index: 1; } .site-heading { margin-bottom: 40px; } .site-heading h1 { display: inline-block; font-weight: 700 !important; padding-bottom: 20px; margin-bottom: 0; position: relative; text-transform: capitalize; } .site-heading h2 { display: inline-block; font-weight: 700 !important; padding-bottom: 20px; margin-bottom: 15px; position: relative; text-transform: capitalize; } .site-heading.left-heading h2::before, .site-heading.left-heading h2::after { left: 12%; } .bg-dark .site-heading h1, .bg-dark .site-heading h2, .bg-dark .site-heading p { color: #ffffff; } .site-heading.less-info h2 { margin-bottom: 0; } .site-heading h4 { color: var(--primary-color) !important; font-weight: 600; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; } .site-heading.clean h2 { padding-bottom: 0; } .site-heading.clean h2 span { color: var(--primary-color); } .site-heading h1 span , .site-heading h2 span { color: var(--primary-color); } .site-heading p { margin: 0; padding: 0 10%; } .site-heading .product-overview-text { margin: 0; margin-top: 20px; padding: 0 10%; font-weight: 600; color: #144372; font-size: 20px; } .site-heading h1::before, .site-heading h2::before { background: var(--secondary-color) none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -25px; position: absolute; width: 40px; } .site-heading h1::after, .site-heading h2::after { background: var(--secondary-color) none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: 20px; position: absolute; width: 5px; } .site-heading.text-left h2::before { left: 0; margin-left: 0; } .site-heading.text-left h2::after { left: 45px; margin-left: 0; } .side .widget.social img { height: 45px; width: 22px; } .side .widget.social svg { margin-bottom: 20px; } .side .widget.social svg:hover path { fill: #144372 !important; } .home-product-category-icons { width: 50px; } nav.navbar.bootsnav ul.nav>li>a { font-weight: 600; } .navbar .attr-nav .side-menu { padding: 42px 0; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a { font-weight: 500 !important; } .widget.address .content p { color: var(--primary-color) !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover { background-color: var(--primary-color); color: var(--secondary-color); } nav.navbar.bootsnav ul.nav>li>a:hover { color: var(--secondary-color) !important; } .carousel-wrapper { position: relative; } .carousel-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(to bottom,rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0,0.1) 10%, rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; } .carousel-inner, .carousel-item img { position: relative; z-index: 0; } .carousel-control-prev, .carousel-control-next { background: transparent; border: none; } .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } .homepage-mobile-banner { display: none; } .home-about .site-heading { margin-bottom: 10px; } .home-about .site-heading h1::before, .home-about .site-heading h2::before, .home-about .site-heading h1::after, .home-about .site-heading h2::after { left: 5%; } .home-about h4 { text-transform: uppercase; font-weight: 600; color: #32c36c; } .home-about h2 { font-weight: 600; margin-bottom: 25px; } .home-about .btn { margin-top: 30px; } .home-about blockquote { font-size: 18px; padding-right: 15%; margin-bottom: 20px; line-height: 30px; border-left: 2px solid var(--secondary-color); padding-left: 20px; } .home-about ul li { display: flex; align-items: center; float: left; width: 50%; padding: 0 30px; margin-top: 20px; } .home-about ul li img { height: 40px; margin-right: 20px; } .home-about ul li:nth-child(3) img { margin-right: 12px !important; } .home-about ul li:nth-child(4) img { margin-right: 15px !important; } .home-about ul li img:hover { color: var(--secondary-color); } .home-about ul { margin: 0 -30px; } .home-about ul li h5 { margin: 0; font-weight: 600; font-size: 16px; letter-spacing: 0; } .home-product-category { background-color: var(--bg-light); position: relative; z-index: 1; } .product-category-sec { overflow: hidden; } .headings .site-heading { width: 100%; } .product-category-col h6 { text-transform: uppercase; color: var(--primary-color); font-size: 16px; font-weight: 600; margin-bottom: 10px; } .product-category-col h2 { font-weight: 600; margin-bottom: 0; } .product-category-col { padding: 60px 50px; position: relative; z-index: 1; background-color: #f7f7f7; } .product-category-col i { display: inline-block; font-size: 60px; color: var(--primary-color); margin-bottom: 30px; } .product-category-col h4 { font-weight: 600; } .product-category-col::before { position: absolute; left: 0; bottom: -1px; content: ""; height: 1px; width: 100%; background: #e7e7e7; } .product-category-col p { margin-bottom: 0; } .product-category-col .thumb { position: absolute; left: 0; bottom: 0; height: 99%; width: 70%; z-index: -1; background-size: cover !important; background-position: center !important; transition: all 0.25s ease-in-out; opacity: 1; } .product-category-col .thumb::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: #f7f7f7; z-index: -1; transition: all 0.35s ease-in-out; } .product-category-col:hover .thumb::after { opacity: 0.6; background-color: rgba(20, 67, 114, 1); } .product-category-col:hover .thumb { width: 100%; height: 100%; opacity: 1; } .product-category-col i, .product-category-col h4, .product-category-col h4 a, .product-category-col p { transition: all 0.35s ease-in-out; } .product-category-col:hover i, .product-category-col:hover h4, .product-category-col:hover a, .product-category-col:hover p { color: #ffffff; } .product-category-col:hover i, .product-category-col:hover .product-category-col i { color: var(--secondary-color) !important; } .product-category-col:nth-child(1) .thumb { opacity: 1; width: 100%; height: 100%; } .product-category-col:nth-child(1) .thumb::after { background: #000000; background: rgba(20, 67, 114, 1); opacity: 0.6; } .product-category-col:nth-child(1) h4, .product-category-col:nth-child(1) h4 a, .product-category-col:nth-child(1) i, .product-category-col:nth-child(1) p { color: #ffffff; } .product-category-col:nth-child(1) i { color: var(--secondary-color); } .home-products { position: relative; display: block; padding: 60px 0 100px; overflow: hidden; z-index: 1; } .home-products .section-title__tagline::before { left: 50%; transform: translateX(-50%); } .home-products__main-tab-box { position: relative; display: block; } .home-products__left { position: relative; display: block; z-index: 5; } .home-products__main-tab-box .tab-buttons { position: relative; display: block; } .home-products__main-tab-box .tab-buttons .tab-btn { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--bg-light); padding: 21px 30px 21px; padding-right: 35px; cursor: pointer; z-index: 1; } .home-products__main-tab-box .tab-buttons .tab-btn:before { content: ""; position: absolute; top: 0; bottom: 0; width: 4px; left: 0; background-color: var(--primary-color); transition: all 0.3s ease; transform: scaleY(0); } .home-products__main-tab-box .tab-buttons .tab-btn.active-btn:before { transform: scaleY(1); } .home-products__main-tab-box .tab-buttons .tab-btn+.tab-btn { margin-top: 10px; } .home-products__main-tab-box .tab-buttons .tab-btn p { font-size: 18px; color: var(--primary-color); font-weight: 600; line-height: 18px; margin-bottom: 0; } .home-products__main-tab-box .tab-buttons .tab-btn span { font-size: 12px; color: var(--primary-color); font-weight: 600; line-height: 12px; } .home-products__right { position: relative; display: block; margin-right: -300px; z-index: 1; } .home-products__main-tab-box .tabs-content { position: relative; display: block; } .home-products__main-tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .home-products__main-tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .home-products__main-tab-content { position: relative; display: block; } .home-products__carousel { position: relative; display: block; } .single-item-carousel .owl-dots, .single-item-carousel .owl-nav { display: none !important; } .single-item-carousel .item { width: 593px !important; height: auto !important; } .home-products__carousel .owl-nav { margin-top: 50px !important; } .home-products__carousel .owl-nav .owl-prev, .home-products__carousel .owl-nav .owl-next { background-color: var(--bg-light); color: var(--primary-color); font-weight: 600; font-size: 18px; padding: 10px 15px; border-radius: 0; transition: all 0.3s ease; box-shadow: 0px 0px 10px rgba(0 0 0 / 18%); } .home-products__carousel .owl-nav .owl-prev:hover, .home-products__carousel .owl-nav .owl-next:hover { background-color: var(--primary-color); color: white; } @media (min-width: 1400px) { .custom-container { max-width: 1600px; margin: 0 auto; } } @media (min-width: 1920px) { .custom-container { max-width: 1800px; } } .home-products__single { position: relative; display: block; } .home-products__img-box { position: relative; display: block; } .home-products__img { position: relative; display: block; overflow: hidden; z-index: 1; } .home-products__img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--primary-color-rgb), .30); -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5); -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5); transform: perspective(400px) rotateX(90deg) scaleY(0.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; z-index: 1; } .home-products__single:hover .home-products__img:before { -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0); -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0); transform: perspective(400px) rotateX(0deg) scaleY(1.0); } .home-products__img img { width: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 500ms ease; } .home-products__single:hover .home-products__img img { transform: scale(1.05); } .home-products__content-box { position: absolute; bottom: -30px; right: 40px; background-color: var(--primary-color); padding-left: 40px; padding-right: 100px; padding-top: 39px; padding-bottom: 34px; z-index: 2; } .home-products__sub-title { font-size: 12px; color: #f0f0f0; text-transform: uppercase; font-weight: 600; line-height: 12px; } .home-products__title { font-size: 24px; font-weight: 700; line-height: 30px; margin-top: 7px; color: var(--secondary-color); } .home-products__title a { color: white; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .home-products__title a:hover { color: var(--secondary-color); } .home-products__arrow { position: absolute; top: -50px; right: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; transform: scale(0); z-index: 1; } .home-products__single:hover .home-products__arrow { transform: scale(1); } .home-products__arrow a { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; color: white; background-color: var(--primary-color); font-size: 17px; } .home-products__arrow:hover a { background-color: var(--secondary-color); color: var(--primary-color) !important; } .home-products__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .home-products__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .home-products__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .home-products__carousel.owl-carousel .owl-dots { position: absolute; bottom: 10%; left: -300px; right: 0; text-align: center; margin: 0 !important; display: flex; align-items: center; justify-content: flex-start; } .home-products__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: rgba(var(--primary-color-rgb), .50); margin: 0px 2.5px; padding: 0px; transition: all 100ms linear; transition-delay: 0.1s; } .home-products__carousel.owl-carousel .owl-dot.active { background-color: var(--primary-color); display: block; } .home-products__carousel.owl-carousel .owl-dot:focus { outline: none; } .home-products__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } .sathi-community-area .row { margin: 0; } .sathi-community-area { position: relative; z-index: 1; } .sathi-community-area::after { position: absolute; left: 0; top: 0; content: ""; height: 50%; width: 100%; background: #eef1f6; z-index: -1; } .shape-less.sathi-community-area::after { display: none; } .sathi-community-area.bg-gray::after { background: #ffffff; } .sathi-community-area .inner-items { background: #ffffff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .sathi-community-area .inner-items .left-info { padding: 60px 50px; padding-left: 0; position: relative; z-index: 1; } .sathi-community-area .inner-items .left-info::before { position: absolute; right: 0; top: 0; content: ""; height: 100%; width: 300%; background: var(--primary-color); z-index: -1; } .yellow .sathi-community-area .inner-items .left-info::before { background: #febc35; } .sathi-community-area .inner-items .left-info::after { position: absolute; right: 0; bottom: 0; content: ""; height: 300px; width: 400px; background: url(assets/img/shape/2.png); background-size: contain; background-repeat: no-repeat; background-position: right bottom; z-index: -1; } .sathi-community-area .inner-items .left-info .item { margin-top: 30px; } .sathi-community-area .inner-items .left-info .item:first-child { margin-top: 0; } .sathi-community-area .inner-items .left-info .item h4 { font-weight: 600; } .sathi-community-area .inner-items .left-info .item h2 { font-weight: 700; } .sathi-community-area .inner-items .left-info .item p { margin: 0; } ul.achivement { margin-top: 35px; display: block; } ul.achivement li { display: inline-block; margin-right: 40px; border-right: 1px solid #cccccc; padding-right: 40px; float: left; } ul.achivement li:last-child { padding: 0; margin: 0; border: none; } ul.achivement li .counter { position: relative; } ul.achivement li .counter { position: relative; display: flex; align-items: center; font-size: 36px; font-weight: 600; color: var(--text-color); line-height: 1; margin-bottom: 5px; } ul.achivement li .counter .operator { font-size: 40px; margin-left: 2px; } ul.achivement li .counter .operator span { font-size: 18px; margin-left: 2px; } ul.achivement li .medium { font-weight: 600; text-align: right; } .sathi-community-area .inner-items .right-info { text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; padding: 50px; } .sathi-community-area .inner-items .right-info::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: #000000; z-index: -1; opacity: 0.5; } .sathi-community-area .inner-items .right-info h2 { color: #ffffff; font-weight: 700; } .sathi-community-area .inner-items .right-info p { color: #ffffff; padding: 0 10%; } .sathi-community-area .inner-items .right-info a { margin-top: 30px; } .trusted-one { position: relative; display: block; text-align: center; padding: 150px 0 200px; background-color: #101c30; z-index: 1; } .trusted-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .20; mix-blend-mode: luminosity; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .trusted-one__inner { position: relative; display: block; } .trusted-one__video-link { position: relative; display: inline-block; z-index: 3; margin-top: 70px; } .trusted-one__video-icon { position: relative; 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; width: 118px; height: 118px; line-height: 118px; text-align: center; font-size: 30px; color: white; background-color: var(--primary-color); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .trusted-one__video-icon:hover { background-color: white; color: var(--secondary-color); } .trusted-one__video-icon:before { position: absolute; top: -17px; left: -17px; right: -17px; bottom: -17px; content: ""; background-color: white; border-radius: 50%; opacity: 0.05; z-index: 1; } .trusted-one__video-link .ripple, .trusted-one__video-icon .ripple:before, .trusted-one__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6); box-shadow: 0 0 0 0 rgba(var(--primary-color), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .trusted-one__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .trusted-one__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .trusted-one__title { display: none; font-size: 50px; font-weight: 700; color: white; line-height: 60px !important; padding-top: 47px; padding-bottom: 50px; } .trusted-one__title>span { position: relative; display: inline-block; font-family: var(--austry-font) !important; z-index: 1; } .trusted-one__title>span:before { position: absolute; bottom: -20px; left: -20px; right: -35px; content: ""; height: 92px; background-repeat: no-repeat; background-position: center; background-image: url(../images/shapes/trusted-one-shape-1.png); z-index: -1; animation-name: zoom-fade-2; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade-2; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade-2; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade-2; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade-2; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .trusted-one__btn { background-color: var(--austry-base-secondary); color: var(--primary-color); } .trusted-one__btn:hover { color: var(--primary-color); } .trusted-one__btn::after { background-color: white; } .testimonials-area .testimonial-content .owl-item { position: relative; z-index: 1; } .testimonial-items h1 { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; font-size: 250px; font-weight: 900; margin: 0; line-height: 0.8; left: 30px; margin-bottom: 20px; margin-top: -20px; margin-left: -8px; } .testimonial-items .title h2 { font-weight: 700; margin-bottom: 0; margin-top: -5px; } .testimonial-items .title a { margin-top: 10px; } .testimonials-area .testimonial-content .provider { display: flex; align-items: center; margin-top: 30px; } .testimonials-area .testimonial-content .provider img { height: 80px; width: 80px; border-radius: 50%; margin-right: 25px; border: 5px solid #ffffff; box-shadow: 0 0 25px rgb(0 0 0 / 25%); } .testimonials-area .testimonial-content .content { padding-left: 105px; } .testimonials-area .testimonial-content .provider .info h5 { margin-bottom: 4px; font-weight: 600; text-transform: capitalize; font-size: 20px; } .testimonials-area .testimonial-content .provider .info span { display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; } .testimonials-area .testimonial-content .content .rating { display: block; margin-bottom: 30px; color: var(--secondary-color); } .testimonials-area .testimonial-content p { font-size: 18px; line-height: 34px; margin-top: -5px; color: var(--text-color); font-weight: 400; } .testimonials-area .testimonial-content.testimonials-carousel .owl-nav { position: absolute; bottom: 55px; right: 30px; } .testimonials-area .testimonial-content.testimonials-carousel .owl-nav i { font-weight: 600; } .testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-prev, .testimonials-area .testimonial-content.testimonials-carousel .owl-nav .owl-next { background: transparent; color: var(--primary-color); font-size: 22px !important; margin: 0; padding: 10px; } .testimonials-area .testimonial-content.testimonials-carousel .owl-dots { margin-top: 30px; margin-bottom: -8px; text-align: left; margin-left: 25px; } .testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot span { display: block; height: 25px; width: 25px; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: transparent; position: relative; z-index: 1; opacity: 0.5; border: 4px solid var(--primary-color); } .testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot.active span::after { position: absolute; left: 50%; top: 50%; content: ""; height: 5px; width: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: var(--primary-color); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonials-area .testimonial-content.testimonials-carousel .owl-dots .owl-dot.active span { opacity: 1; } .testimonials-area .testimonial-content .item { padding: 50px; position: relative; z-index: 1; margin-left: 30px; border: 2px solid #eef1f6; } .testimonials-area.bg-gray .testimonial-content .item { background: #ffffff; } .testimonials-area .testimonial-content .item::after { position: absolute; left: -15px; top: 30px; content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #eef1f6; z-index: 1; } .testimonials-area.bg-gray .testimonial-content .item::after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #ffffff; } .testimonials-area .testimonial-content .item::before { position: absolute; left: 50px; top: 50px; font-weight: 600; font-size: 70px; color: var(--secondary-color); content: ""; background: url(assets/img/final2/home-icons/Home_\ Testimonial.svg); background-size: contain; height: 60px; width: 55px; background-repeat: no-repeat; background-position: left top; } .blog-area .single-item { margin-bottom: 30px; } .blog-area .blog-items .item, .blog-area .blog-items .item { box-shadow: 0px 0px 10px rgba(0 0 0 / 18%); background: #ffffff; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; padding: 10px; } .main-blogs-grid.blog-area .blog-items .item { opacity: 0; transform: rotateY(90deg); transition: transform 0.6s ease, opacity 0.6s ease; } .main-blogs-grid.blog-area .blog-items .item.show { opacity: 1; transform: rotateY(0deg); } .blog-area .blog-items .item::before { position: absolute; content: ""; left: 0; bottom: 0px; width: 100%; height: 50px; border-bottom: 6px solid var(--bg-dark); } .blog-area .blog-items .item::after { position: absolute; left: 0; bottom: 0px; content: ""; height: 5px; width: 0px; border-bottom: 6px solid var(--primary-color); transition: all 0.35s ease-in-out; } .blog-area .blog-items .item:hover::after { width: 100%; } .blog-area .thumb { position: relative; z-index: 1; } .blog-area .item .info { padding-top: 20px; overflow: hidden; } .blog-area.home-blog .item .info { padding: 0; padding-top: 20px; } .blog-area.home-blog.date-less .item .info { padding-top: 30px; } .blog-area.home-blog .item .info p:last-child { padding-bottom: 0; } .blog-area .item .info .meta { margin-bottom: 15px; } .blog-area .item .info .meta ul { display: flex; align-items: center; } .blog-area .btn { margin-top: 5px; } .blog-area .item .info .meta ul li { margin-right: 15px; position: relative; font-weight: 600; text-transform: capitalize; font-size: 14px; color: #999; } .blog-area .item .info .meta ul li i { margin-right: 5px; font-size: 16px; position: relative; top: 1px; font-weight: 600; } .blog-area .item .info .meta ul li a { color: #999; font-weight: 600; } .blog-area .item .info .meta ul li a:hover { color: var(--secondary-color); } .blog-area .item .info h2, .blog-area .item .info h3, .blog-area .item .info h4 { font-weight: 600; line-height: 1.4; } .blog-area .item .info h2 a:hover, .blog-area .item .info h3 a:hover, .blog-area .item .info h4 a:hover { color: var(--primary-color); } .blog-area .item .info .content h4 a { color: var(--primary-color); font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-area .item .info .content h4 a:hover { color: var(--secondary-color); } .blog-area.full-blog .blog-items .item::after, .blog-area.full-blog .blog-items .item::before { border-bottom: 0px !important; } .blog-area.full-blog .blog-items .item { border: 1px solid var(--bg-dark); } .blog-area.full-blog .blog-items .item .blog-h1_heading h1 { font-size: 30px; font-weight: 700; position: relative; padding-bottom: 15px; margin-bottom: 0px; line-height: 1.2; } .blog-area.full-blog .blog-items .item .blog-h1_heading .meta { width: 200px; border-bottom: 1px solid #144372; border-width: 2px; padding-bottom: 20px; margin-bottom: 30px; } .blog-area.full-blog .blog-items .item .blog-h1_heading .meta ul { padding-left: 0; } .blog-area.full-blog .blog-items .item .blog-h1_heading .meta ul li { list-style: none; color: #144372; font-weight: 600; } .blog-area.full-blog .blog-items .item h2 { font-size: 26px; font-weight: bold; margin-top: 35px; } .blog-area.full-blog .blog-items .item h3 { font-size: 20px; font-weight: 600; margin-top: 35px; } .blog-area.full-blog .blog-items .item p a, .blog-area.full-blog .blog-items .item a { color: #144372; text-decoration: underline; } .blog-area.full-blog .item .thumb { display: none !important; } .blog-area.full-blog .single-item { margin-bottom: 50px; } .blog-area .info .footer-entry { float: left; width: 100%; display: flex; overflow: hidden; align-items: center; } .blog-area .info .footer-entry h4 { margin: 0; text-transform: uppercase; font-weight: 600; font-size: 16px; margin-right: 20px; margin-top: 7px; } .blog-area .info .footer-entry a { display: inline-block; margin-right: 10px; margin-top: 10px; background: #ffffff; font-weight: 600; font-size: 12px; padding: 3px 20px; border-radius: 30px; border: 1px solid #e7e7e7; } .blog-area .info .footer-entry a:hover { background: var(--primary-color); color: #ffffff; border-color: var(--primary-color); } .yellow .blog-area .info .footer-entry a:hover { background: #febc35; color: #232323; border-color: #febc35; } .blog-area.full-blog .btn { margin-top: 10px; } .blog-area.left-sidebar .blog-content { float: right; } .blog-area.left-sidebar .sidebar { padding-right: 35px; } .blog-area.right-sidebar .sidebar { padding-left: 35px; } .blog-area .sidebar .title { display: block; } .blog-area .sidebar .title h4 { font-weight: 600; margin-bottom: 30px; margin-top: -5px; position: relative; text-transform: capitalize; z-index: 1; font-size: 22px; display: inline-block; padding-bottom: 15px; } .blog-area .sidebar .title h4::after { position: absolute; left: 0; bottom: 0; content: ""; height: 2px; width: 50px; border-bottom: 2px solid var(--primary-color); } .yellow .blog-area .sidebar .title h4::after { border-bottom: 2px solid #febc35; } .blog-area .sidebar input[type="text"] { border: none; box-shadow: inherit; min-height: 60px; background: var(--bg-light); padding-left: 20px; } .blog-area .sidebar form { position: relative; } .blog-area .sidebar button[type="submit"] { border: none; color: #ffffff; font-weight: 600; min-height: 50px; width: 50px; position: absolute; right: 5px; text-transform: uppercase; top: 5px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; font-size: 16px; background: var(--primary-color); } .yellow .blog-area .sidebar button[type="submit"] { color: #232323; background: #febc35; } .yellow .blog-area .sidebar input[type="submit"]:hover { background: #febc35 none repeat scroll 0 0; } .blog-area .sidebar input[type="submit"]:hover { background: var(--primary-color) none repeat scroll 0 0; } .blog-area .sidebar .sidebar-item { float: left; margin-bottom: 50px; width: 100%; background: var(--bg-light); padding: 40px; } .blog-area .sidebar .sidebar-item.search { background: transparent; padding: 0; } .blog-area .sidebar .sidebar-item:last-child { margin-bottom: 0; } .blog-area .sidebar .sidebar-item.category .sidebar-info, .blog-area .sidebar .sidebar-item.archives .sidebar-info { margin-top: -5px; } .blog-area .sidebar .sidebar-item.category li { display: block; position: relative; margin-bottom: 10px; } .blog-area .sidebar .sidebar-item.category li a { display: flex; text-transform: capitalize; font-weight: 600; align-items: center; justify-content: space-between; position: relative; padding-left: 13px; color: #454545; } .blog-area .sidebar-item.category li a::after { position: absolute; left: 0; top: 6px; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 12px; } .blog-area .sidebar .sidebar-item li a:hover { color: var(--primary-color); } .yellow .blog-area .sidebar .sidebar-item li a:hover { color: #febc35; } .blog-area .sidebar .sidebar-item.category li a span { font-size: 12px; margin-left: 5px; background: #ffffff; min-width: 40px; padding: 2px 5px; text-align: center; border-radius: 30px; margin: 3px 0; font-weight: 600; } .blog-area .sidebar .sidebar-item.category li:first-child a span { top: 0; } .blog-area .sidebar .sidebar-item.category li:first-child { margin-top: 0; padding-top: 0; } .blog-area .sidebar .sidebar-item.category li:last-child { border: medium none; margin-bottom: 0; padding-bottom: 0; } .sidebar-item.recent-post li a { color: #232323; display: block; font-weight: 600; } .sidebar-item.recent-post li a:last-child { display: inline-block; } .sidebar-item.recent-post .meta-title { margin-bottom: 4px; font-weight: 600; text-transform: capitalize; font-size: 13px; } .sidebar-item.recent-post .meta-title i { margin-right: 3px; font-weight: 600; } .sidebar-item.recent-post li a:hover { color: var(--primary-color); } .yellow .sidebar-item.recent-post li a:hover { color: #febc35; } .sidebar-item.recent-post li a span { display: inline-block; color: #002359; } .sidebar-item.recent-post li span { display: inline-block; font-size: 13px; font-weight: 600; text-transform: capitalize; } .sidebar-item.recent-post .meta-title a { color: #999999; } .sidebar-item.recent-post li { color: #cdd0d3; } .sidebar-item.recent-post li { margin-bottom: 25px; } .sidebar-item.recent-post li:last-child { border: medium none; margin: 0; padding: 0; } .sidebar-item.recent-post li:last-child { margin: 0; } .sidebar-item.recent-post li .thumb { display: table-cell; padding-top: 5px; vertical-align: top; width: 80px; } .sidebar-item.recent-post .thumb img { width: 100%; border-radius: inherit; } .sidebar-item.recent-post li .info { box-shadow: inherit; color: #837f7e; display: table-cell; line-height: 26px; padding: 0; padding-left: 25px; vertical-align: top; } .sidebar-item.recent-post li .info a { text-decoration: inherit; font-weight: 600; font-size: 17px; margin-top: 0; color: #454545; line-height: 23px; } .blog-area .sidebar-item.gallery ul { margin: -7px; overflow: hidden; } .sidebar-item.gallery ul li { box-sizing: border-box; float: left; padding: 7px; width: 33.333%; } .sidebar-item.gallery ul li img { min-height: 70px; width: 100%; } .sidebar-item.archives ul li { display: block; margin-bottom: 20px; position: relative; } .sidebar-item.archives ul li:last-child { margin-bottom: 0; } .sidebar-item.archives ul li a { display: inline-block; font-weight: 600; text-transform: capitalize; z-index: 1; padding-left: 25px; font-size: 14px; color: #454545; } .sidebar-item.archives ul li a::after { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: "\f07b"; font-family: "Font Awesome 5 Pro"; height: 8px; left: 0; position: absolute; width: 8px; font-weight: 600; } .sidebar-item.social-sidebar ul { margin-bottom: -10px; overflow: hidden; } .sidebar-item.social-sidebar li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .sidebar-item.social-sidebar li a { background: #002359 none repeat scroll 0 0; border: medium none; color: #ffffff; display: inline-block; height: 50px; line-height: 54px; margin-bottom: 5px; text-align: center; width: 50px; font-size: 14px; border-radius: 50%; } .sidebar-item.social-sidebar li a:hover { color: #ffffff !important; } .sidebar-item.social-sidebar li.facebook a { background: #3B5998 none repeat scroll 0 0; } .sidebar-item.social-sidebar li.twitter a { background: #1DA1F2 none repeat scroll 0 0; } .sidebar-item.social-sidebar li.pinterest a { background: #BD081C none repeat scroll 0 0; } .sidebar-item.social-sidebar li.g-plus a { background: #DB4437 none repeat scroll 0 0; } .sidebar-item.social-sidebar li.linkedin a { background: #0077B5 none repeat scroll 0 0; } .sidebar-item.tags ul { margin-top: -8px; } .sidebar-item.tags ul li { display: inline-block; } .sidebar-item.tags ul li a { border: 1px solid #e7e7e7; display: inline-block; font-weight: 600; margin-top: 8px; margin-right: 5px; padding: 5px 13px; text-transform: capitalize; font-size: 13px; border-radius: 30px; background: #ffffff; color: #454545; } .sidebar-item.tags ul li a:hover { color: var(--primary-color); } .yellow .sidebar-item.tags ul li a:hover { color: #febc35; } .blog-area .sidebar .sidebar-item.add-banner .sidebar-info { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 80px 50px; text-align: center; position: relative; z-index: 1; } .blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: var(--primary-color); z-index: -1; opacity: 0.7; } .yellow .blog-area .sidebar .sidebar-item.add-banner .sidebar-info::after { background: #febc35; } .blog-area .sidebar .sidebar-item.add-banner .sidebar-info h4 { color: #ffffff; font-weight: 600; } .blog-area .sidebar .sidebar-item.add-banner .sidebar-info p { color: #ffffff; } .blog-area .sidebar .sidebar-item.add-banner .sidebar-info a { display: inline-block; color: #ffffff; border: 1px dashed rgba(255, 255, 255, 0.7); padding: 10px 25px; margin-top: 9px; } .blog-area .blog-items.content-less .item .info>a { margin-top: 10px; } .blog-area.single .item .content-box span { background: var(--primary-color) none repeat scroll 0 0; color: #ffffff; display: inline-block; font-weight: 600; padding: 3px 20px; text-transform: uppercase; } .yellow .blog-area.single .item .content-box span { background: #febc35 none repeat scroll 0 0; } .blog-area.single .item .content-box h2, .blog-area.single .item .content-box h3, .blog-area.single .item .content-box h4 { font-weight: 600; } .blog-area.single .content-box .cats { float: left; margin-right: 5px; } .blog-area.single .content-box .meta .date { float: right; text-transform: uppercase; } .blog-area.single .content-box .meta { overflow: hidden; width: 100%; border: none; margin: 0; padding: 0; } .blog-area .blog-items .info>ul li { margin-bottom: 5px; color: #232323; position: relative; z-index: 1; padding-left: 15px; display: block; } .blog-area .blog-items .info>ul { margin-bottom: 20px; margin-top: 20px; } .blog-area .blog-items .info>ul li::after { position: absolute; left: 0; top: 10px; content: ""; height: 5px; width: 5px; background: #333333; border-radius: 50%; } .blog-area.single .item { margin-bottom: 0; } .blog-area.full-blog .blog-items .item { box-shadow: inherit; } .blog-area.full-blog .blog-items .item em, .blog-area.full-blog .blog-items .item strong { font-weight: 600 !important; } .blog-area .item blockquote { position: relative; z-index: 1; border: none; font-size: 22px; margin-top: 30px; margin-bottom: 30px; color: #ffffff; line-height: 36px; background: var(--primary-color); padding: 80px 50px; font-style: italic; } .yellow .blog-area .item blockquote { background: #febc35; } .blog-area .item blockquote cite { display: block; margin-top: 9px; color: #ffffff; position: relative; font-style: normal; font-size: 15px; font-weight: 600; padding-left: 30px; } .blog-area .item blockquote cite::after { position: absolute; left: 0; top: 50%; content: ""; height: 2px; width: 20px; background: #ffffff; } .blog-area .item blockquote::after { position: absolute; right: 50px; content: "\f10d"; font-family: "Font Awesome 5 Pro"; bottom: 8px; font-weight: 100; opacity: 0.5; font-size: 140px; font-style: normal; color: #ffffff; } .blog-area .item blockquote p { margin: 0; position: relative; z-index: 1; line-height: 34px; font-size: 16px; font-style: italic; font-weight: 600; } .blog-area .blog-content .post-tags, .blog-area .blog-content .share { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 10px 0; padding-bottom: 6px; } .blog-area .blog-content .share li { display: inline-block; margin-left: 15px; } .blog-area .blog-content .share li a { display: inline-block; color: var(--primary-color); } .yellow .blog-area .blog-content .share li a { color: #febc35; } .blog-area .blog-content .share li.facebook a { color: #3B5998; } .blog-area .blog-content .share li.twitter a { color: #1DA1F2; } .blog-area .blog-content .share li.pinterest a { color: #BD081C; } .blog-area .blog-content .share li.g-plus a { color: #DB4437; } .blog-area .blog-content .share li.linkedin a { color: #0077B5; } .blog-area .blog-content .post-tags .tags a { background: #eef1f6; padding: 10px 15px; font-size: 14px; margin-right: 3px; margin-bottom: 5px; display: inline-block; } .blog-area.single .post-pagi-area { margin-top: 50px; overflow: hidden; } .blog-area.single .post-pagi-area a { display: inline-block; font-weight: 600; text-transform: capitalize; color: #999999; border-radius: 30px; } .blog-area.single .post-pagi-area h5 { margin: 0; margin-top: 5px; font-weight: 900; transition: all 0.35s ease-in-out; font-size: 18px; } .blog-area.single .post-pagi-area h5:hover { color: var(--primary-color); } .yellow .blog-area.single .post-pagi-area h5:hover { color: #febc35; } .blog-area.single.color-yellow .post-pagi-area a:hover { color: #ff9800; } .blog-area.single .post-pagi-area a:last-child { float: right; } .blog-area.single .post-pagi-area a:first-child i { margin-right: 3px; } .blog-area.single .post-pagi-area a:last-child i { margin-left: 3px; } .comments-area .commen-item .comments-info p { display: block; margin: 0; } .blog-area .contact-comments .submit { margin-bottom: 0; } .responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-area .comments-form { margin-top: 50px; } .blog-area .blog-comments .comments-list { margin-bottom: 50px; } .blog-area .blog-comments .comments-list:last-child { margin-bottom: 0; } .comments-list .commen-item .avatar { height: 130px; width: 130px; min-width: 130px; } .comments-list .commen-item .content { position: relative; } .comments-list .commen-item .avatar img { height: 100px; width: 100px; border-radius: 50%; } .comments-list .commen-item { margin-top: 50px; display: flex; padding: 40px 30px; background: #ffffff; box-shadow: 0 0 25px rgb(0 0 0 / 8%); } .comments-list .commen-item:first-child { margin: 0; } .comments-list .commen-item:last-child { margin-bottom: 0; } .comments-list .commen-item.reply { margin-left: 80px; } .comments-area { margin-top: 50px; } .comments-area .comments-title h2, .comments-area .comments-title h3, .comments-area .comments-title h4 { font-weight: 600; margin-bottom: 30px; text-transform: capitalize; } .comments-list .commen-item .content h3, .comments-list .commen-item .content h4, .comments-list .commen-item .content h5 { font-weight: 600; text-transform: capitalize; margin-bottom: 0; } .comments-list .commen-item .content .reply a { font-size: 14px; background: #0a1015; color: #ffffff; display: inline-block; padding: 8px; font-weight: 600; } .comments-list .commen-item .content .reply a:hover { background: var(--primary-color); } .yellow .comments-list .commen-item .content .reply a:hover { background: #febc35; } .comments-list .commen-item .content .reply i { font-size: 12px; } .comments-list .commen-item .content p { margin-bottom: 0; } .comments-list .commen-item .content .title { align-items: center; margin-bottom: 15px; font-weight: 600; } .comments-list .commen-item .content .title span { font-weight: 600; color: #999999; display: block; font-size: 15px; margin-top: 5px; } .comments-list .commen-item .content .title span i { font-weight: 600; margin-right: 5px; } .comments-list .commen-item .content .title span i.fa-reply { font-weight: 600; margin-right: 3px; } .comments-list .commen-item .content .title span a { margin-left: 10px; } .commen-item .comments-info a { position: absolute; right: 0; top: 0; margin: 0; border-radius: 30px; display: inline-block; padding: 3px 25px; background: var(--primary-color); box-shadow: 0 0 25px rgb(0 0 0 / 8%); font-size: 14px; font-weight: 600; color: #ffffff; } .yellow .commen-item .comments-info a { background: #febc35; } .comments-info a i { margin-right: 10px; } .comments-form input, .comments-form textarea { box-shadow: inherit; padding: 20px; background: transparent; min-height: 60px; border: 1px solid #e7e7e7; border-radius: inherit; } .comments-form textarea { min-height: 180px; padding: 15px; } .blog-area.full-blog.single-blog .form-group.submit { margin-bottom: 0; } .comments-form button { margin-top: 15px; background-color: var(--primary-color); color: #ffffff !important; border: 2px solid var(--primary-color); position: relative; overflow: hidden; z-index: 1; display: inline-block; padding: 15px 40px; font-size: 14px; font-weight: 600; text-transform: uppercase; } .yellow .comments-form button { background-color: #febc35; color: #232323 !important; border: 2px solid #febc35; } .comments-form button::after { position: absolute; left: 0; bottom: 0; content: ""; height: 0; width: 0; transition: all 0.25s ease-in-out; background: var(--secondary-color); z-index: -1; } .comments-form button:hover::after { width: 100%; height: 100%; color: var(--primary-color); } .comments-form button:hover { border: 2px solid var(--secondary-color); color: var(--primary-color) !important; } .comments-area .title h2, .comments-area .title h3, .comments-area .title h4 { font-weight: 600; margin-bottom: 25px; text-transform: capitalize; font-size: 26px; } .blog-area .contact-comments .comments { margin-top: 20px; } .blog-area.single .blog-items .item .contact-comments .col-md-6 { float: left; padding: 0 15px; } footer { position: relative; z-index: 1; background-color: var(--bg-light) !important; } footer .f-items.default-padding { padding-top: 40px; } footer .fixed-shape { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: -1; opacity: 0.05; } footer .fixed-shape img { width: 100%; position: absolute; bottom: 0; } footer .single-item { margin-top: 30px; } footer .widget-title { text-transform: capitalize; font-weight: 600; margin-bottom: 30px; font-size: 22px; } footer .contact { padding-right: 50px; } footer .contact ul li { margin-bottom: 15px; display: flex !important; } footer .contact ul li:hover { color: var(--secondary-color); } footer .contact ul li a { font-weight: 400; } footer .contact ul li a:hover { color: var(--secondary-color); } footer .contact ul { margin-top: 25px; } footer .contact ul li i { margin-right: 15px; min-width: 40px; display: inline-block; height: 40px; width: 40px; text-align: center; border: 1px solid var(--primary-color); border-radius: 50%; line-height: 40px; color: var(--primary-color); transition: all 0.3s ease-in-out; } footer .contact ul li:hover i { background-color: var(--secondary-color); color: var(--primary-color); border: 1px solid var(--secondary-color); } footer .contact ul li:last-child { margin-bottom: 0; } footer .contact .footer-social { display: flex; } footer .link ul li { margin-bottom: 15px; padding-left: 15px; position: relative; } footer .link ul li::after { position: absolute; left: 0; top: 9px; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #bcb3b3; } footer .link ul li:last-child { margin-bottom: 0; } footer .link ul li a { color: var(--text-color); font-weight: 400; } footer .link ul li a:hover { color: var(--secondary-color); } .footer-bottom { padding-bottom: 30px; margin-top: -10px; } .footer-bottom p { margin: 0; } .footer-bottom a:hover { color: var(--secondary-color); font-weight: 600; } .footer-bottom li { display: inline-block; margin-bottom: 0 !important; } .footer-bottom .text-right li { margin-left: 15px; } .footer-bottom .text-right li a { font-weight: 600; } .hero-banner { display: inline-block; width: 100%; height: 550px; overflow: hidden; position: relative; } .hero-banner.single-blog { max-height: 630px; height: 87%; overflow: hidden; } .hero-banner-img { width: 100%; height: 100%; overflow: hidden; } .hero-banner-img img { width: 100%; height: 100%; } .hero-banner .hero-bg-overlay { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(20, 67, 114, 0.35); } .hero-banner.single-blog .hero-bg-overlay { background-color: rgba(20, 67, 114, 0.5); } .hero-banner-contents2 { position: absolute; left: 0; right: 0; top: 100px !important; } .hero-banner-contents2 .hero-banner-text h1, .hero-banner-contents2 .hero-banner-text p { color: white; } .hero-banner-contents2 .hero-banner-text h1 { font-weight: 700; letter-spacing: 0; } .hero-banner-contents2 .hero-banner-text .meta ul li, .hero-banner-contents2 .hero-banner-text .meta ul li i { color: white; } .hero-banner-featured-img { position: absolute; bottom: 0; right: 0; } .hero-banner-content { position: absolute; top: 230px; left: 10%; z-index: 1; } .hero-banner .hero-banner-content h1 { color: white; margin-bottom: 10px; font-weight: 700; } .hero-banner .hero-banner-content p { color: white; width: 700px; font-size: 18px; } .pagi-area .pagination { text-align: center; display: block; margin-top: 0; } .pagi-area .pagination li.page-item { float: none; display: inline-block; } .pagi-area .pagination li a { display: inline-block; padding: 15px 20px; border-radius: 5px; margin: 0 2px; margin-top: 5px; color: #232323; font-weight: 700; } .pagi-area .pagination li.active a { background: var(--primary-color); border-color: var(--primary-color); } .breadcrumb-area { padding: 15px 0; background-color: var(--bg-light); color: var(--primary-color); margin-top: -5px; } .breadcrumb-area .breadcrumb { background: transparent none repeat scroll 0 0; border: none; display: inline-block; margin: 0; position: relative; z-index: 1; padding: 0; } .breadcrumb>li+li::before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; padding: 0 5px; color: var(--primary-color); display: none; } .breadcrumb-area .breadcrumb li i { margin-right: 5px; } .breadcrumb-area .breadcrumb li { padding: 0 15px; position: relative; display: inline-block; z-index: 1; font-weight: 400; } .breadcrumb-area .breadcrumb li::after { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 600; left: -5px; position: absolute; font-size: 14px; } .breadcrumb-area .breadcrumb li:first-child::after { display: none; } .breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li { font-weight: 600; text-transform: capitalize; color: var(--primary-color); } .work-process-area .single-item { margin-bottom: 30px; } .work-process-area .work-pro-items .item i { display: inline-block; color: var(--primary-color); font-size: 60px; margin-bottom: 25px; } .work-process-area .work-pro-items .item h4 { position: relative; z-index: 1; font-size: 18px; line-height: 1.3em; font-weight: 600; } .work-process-area .work-pro-items .item:hover h4, .work-process-area .work-pro-items .item:hover i { color: var(--primary-color); } .work-process-area .work-pro-items .item h4 span { position: absolute; left: 0; top: 0; font-size: 70px; z-index: -1; color: var(--bg-light); opacity: 0.5; font-weight: 700; } .work-process-area .work-pro-items .item { border: 1px solid #e7e7e7; padding: 67px 50px; background: #ffffff; position: relative; z-index: 1; overflow: hidden; } .work-process-area .work-pro-items .item p { margin: 0; } .work-process-area .work-pro-items .item .item-inner img { width: 45px; height: 45px; margin-bottom: 15px; } .work-process-area .work-pro-items .item::before, .work-process-area .work-pro-items .item::after { content: ""; width: 0; height: 2px; position: absolute; transition: all 0.2s linear; background: var(--primary-color); } .work-process-area .work-pro-items .item .item-inner::before, .work-process-area .work-pro-items .item .item-inner::after { content: ""; width: 2px; height: 0; position: absolute; transition: all 0.2s linear; background: var(--primary-color); } .work-process-area .work-pro-items .item:hover::before, .work-process-area .work-pro-items .item:hover::after, .work-process-area .work-pro-items .single-item:nth-child(2) .item::before, .work-process-area .work-pro-items .single-item:nth-child(2) .item::after { width: 100%; } .work-process-area .work-pro-items .item:hover .item-inner::before, .work-process-area .work-pro-items .item:hover .item-inner::after, .work-process-area .work-pro-items .single-item:nth-child(2) .item .item-inner::before, .work-process-area .work-pro-items .single-item:nth-child(2) .item .item-inner::after { height: 100%; } .work-process-area .work-pro-items .item::before, .work-process-area .work-pro-items .item::after { transition-delay: 0.2s; } .work-process-area .work-pro-items .item .item-inner::before, .work-process-area .work-pro-items .item .item-inner::after { transition-delay: 0s; } .work-process-area .work-pro-items .item::before { right: 0; top: 0; } .work-process-area .work-pro-items .item::after { left: 0; bottom: 0; } .work-process-area .work-pro-items .item .item-inner::before { left: 0; top: 0; } .work-process-area .work-pro-items .item .item-inner::after { right: 0; bottom: 0; } .work-process-area .work-pro-items .item:hover::before, .work-process-area .work-pro-items .item:hover::after { transition-delay: 0s; } .work-process-area .work-pro-items .item:hover .item-inner::before, .work-process-area .work-pro-items .item:hover .item-inner::after { transition-delay: 0.2s; } .services-page-one { position: relative; display: block; padding: 60px 0 60px; } .services-page-one .services-one__single { margin-bottom: 30px; } .services-one__bg-shape-1 { position: absolute; left: 0; bottom: -30px; opacity: .04; z-index: -1; } .services-one__bg-shape-1 img { width: auto; } .services-one__bg-shape-2 { position: absolute; right: 0; bottom: 0; opacity: .04; z-index: -1; } .services-one__bg-shape-2 img { width: auto; } .services-one__bottom { position: relative; display: block; } .services-one__carousel { position: relative; display: block; } .services-one__single { position: relative; display: block; } .services-one__img-box { position: relative; display: block; } .services-one__img { position: relative; display: block; overflow: hidden; } .services-one__img:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; background: rgba(20, 67, 114, 0.35); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background-position: center center; z-index: 1; } .services-one__single:hover .services-one__img:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .services-one__img img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease; transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; } .services-one__single:hover .services-one__img img { transform: scale(1.05); } .services-one__shape-1 { position: absolute; top: 0; left: 0; width: 80px; height: 80px; background-color: var(--primary-color); z-index: 1; } .services-one__icon { position: absolute; top: 20px; left: 20px; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background-color: white; z-index: 1; } .services-one__icon img { height: 40px; width: 40px; } .services-one__icon i { position: relative; display: inline-block; font-size: 25px; color: var(--primary-color); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .services-one__single:hover .services-one__icon i { transform: scale(.9); color: var(--secondary-color); } .services-one__arrow { position: absolute; right: 20px; bottom: -24px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--primary-color); font-size: 21px; color: white; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .services-one__arrow:hover { background-color: var(--primary-color); color: white; } .services-one__arrow:before { position: absolute; top: 0; left: -20px; content: ""; border-left: 20px solid transparent; border-bottom: 26px solid var(--primary-color); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__arrow:hover:before { border-bottom: 26px solid var(--primary-color); } .services-one__content { position: relative; display: block; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); padding: 22px 30px 26px; } .services-one__title { font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 15px; } .services-one__title a { color: var(--primary-color); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__title a:hover { color: var(--secondary-color); } .services-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .services-one__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .services-one__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .services-one__carousel.owl-theme .owl-nav { position: absolute; top: -167px; right: 0; } .services-one__carousel.owl-theme .owl-nav .owl-next { height: 63px; width: 63px; line-height: 63px; border-radius: 50%; color: #c9cdd5; border: 2px solid #c3c8d0; background-color: transparent; font-size: 20px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__carousel.owl-theme .owl-nav .owl-prev { height: 63px; width: 63px; line-height: 63px; border-radius: 50%; color: #c9cdd5; border: 2px solid #c3c8d0; background-color: transparent; font-size: 20px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__carousel.owl-theme .owl-nav .owl-next { margin-left: 5px; } .services-one__carousel.owl-theme .owl-nav .owl-prev { margin-right: 5px; } .services-one__carousel.owl-theme .owl-nav .owl-next span, .services-one__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .services-one__carousel.owl-theme .owl-nav .owl-next:hover, .services-one__carousel.owl-theme .owl-nav .owl-prev:hover { border: 2px solid var(--secondary-color); color: var(--secondary-color); } .main-faqs { padding: 60px 0; } .main-faqs-sec .nav.nav-pills { display: flex; justify-content: center; } .main-faqs-sec .nav.nav-pills li { background-color: var(--bg-light); margin: 10px; cursor: pointer; } .main-faqs-sec .nav.nav-pills .nav-link { padding: 10px 20px; font-size: 14px; } .main-faqs-sec .nav.nav-pills .nav-link:hover { background-color: var(--primary-color); color: white; } .main-faqs-sec .nav.nav-pills li .nav-link.active { background-color: var(--primary-color); } .main-faqs-sec .faq-wrapper .faq-col-title { font-weight: 600; text-align: center; margin-bottom: 20px; } .main-faqs-sec .faq-wrapper .faq-section .accordion .card-header { padding: 0; transition: all 0.3s ease; } .main-faqs-sec .faq-wrapper .faq-section .accordion .card-header h3 button { text-decoration: none; font-weight: 600; text-transform: capitalize; font-size: 16px; padding: 17px 20px; color: white; background-color: var(--primary-color); } .product-faq .main-faqs-sec .faq-wrapper .faq-section .accordion .card-header:hover { background-color: var(--primary-color); } .main-faqs-sec .faq-wrapper .faq-section .accordion .card-header h3 .collapsed { background-color: var(--bg-light) !important; color: var(--primary-color); } .main-faqs-sec .faq-wrapper .faq-section .accordion .card-header:hover h3 button { color: white; background-color: var(--primary-color) !important; } .main-faqs-sec .faq-wrapper .faq-section .accordion .card-body { background-color: rgba(20, 67, 114, 0.1); font-weight: 500; } .faq-sec-title { font-weight: 600; } .main-faqs .card-header, .product-faq .card-header { background-color: var(--bg-light); color: var(--primary-color); } .main-faqs .card-body, .product-faq .card-body { padding: 20px 32px; } .main-faqs .card-header .collapse.show, .product-faq .card-header .collapse.show { background-color: var(--primary-color) !important; color: white; } .main-faqs .card-header h2 button, .product-faq .card-header h2 button { text-decoration: none; color: var(--primary-color) !important; text-transform: capitalize; font-size: 16px; font-weight: 600; } .main-faqs .card-header h3 button { text-decoration: none; color: var(--primary-color) !important; text-transform: capitalize; font-size: 16px; font-weight: 600; } .hero-banner2 { width: 100%; min-height: 550px; height: 70%; position: relative; } .hero-banner2-bg, .hero-banner2-bg img { width: 100%; height: 100%; } .hero-banner2-overlay { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(20, 67, 114, 0.6); } .hero-banner2-overlay.product-single { background-color: rgba(20, 67, 114, 0.35); } .hero-banner2-content { position: absolute; bottom: 13%; left: 9%; } .hero-banner2-content h1 { font-weight: 700; margin-bottom: 10px; color: white; } .hero-banner2-content p { font-size: 18px; font-weight: 500; color: white; } .hero-banner2-responsive { display: none; } .overview-counters { border-right: 1px solid var(--bg-dark); padding-left: 20px; } .overview-counters:last-child { border-right: none; } .overview-counters .counter { display: flex; } .overview-counters .counter .timer, .overview-counters .counter .operator { font-weight: 700; font-size: 34px; color: var(--primary-color); } .overview-counters .counter .operator span { font-size: 18px; margin-left: 2px; } .overview-counters .counter-text { font-size: 16px; font-weight: 500; margin-top: 10px; display: inline-block; } .vision-sec { position: relative; min-height: 280px !important; } .vision-sec img { width: 100%; height: auto; min-height: 280px !important; object-fit: cover !important; } .vision-sec .img-overlay { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(20, 67, 114, 0.45); } .vision-sec .vision-sec-content { position: absolute; top: calc(50% - 50px); left: 9%; z-index: 1; color: white; } .vision-sec .vision-sec-content h2, .vision-sec .vision-sec-content p { color: white; } .vision-sec .vision-sec-content h2 { font-size: 50px; font-weight: 700; } .vision-sec .vision-sec-content p { font-size: 22px; line-height: 1.5; max-width: 700px; font-weight: 500; font-style: italic; } .mission-left-col { position: sticky; top: 170px; left: 0; } .mission-sec--content-wrapper { margin-right: 50px; } .mission-sec--content-wrapper .mission-card { box-shadow: 0px 0px 10px rgba(0 0 0 / 18%); padding: 25px 15px 15px; text-align: center; margin-bottom: 25px; position: relative; background-color: white; } .mission-card-wrapper { position: relative; } .mission-card::before, .mission-card::after { content: ''; width: 20px; height: 1px; background: var(--primary-color); color: var(--primary-color); position: absolute; top: -4px; left: 0; transition: all 0.35s ease-in-out; border: 2px solid var(--primary-color); } .mission-inner::before, .mission-inner::after { content: ''; width: 1px; height: 20px; background: var(--primary-color); color: var(--primary-color); position: absolute; top: -27px; left: -15px; transition: all 0.3s ease; border: 2px solid var(--primary-color); } .mission-card::after { bottom: 0px !important; top: auto; right: -1px; left: auto; } .mission-inner::after { left: auto !important; right: -17px; bottom: -30px; top: auto; } .mission-inner { position: relative; } .mission-card h4 { margin-top: 15px; font-weight: 600; margin-bottom: 10px; } .mission-card .mission-icon i { font-size: 24px; background-color: var(--primary-color); color: white; padding: 20px; } .mission-card .mission-icon img { width: 45px; height: 45px; } .philosophy-col, .company-icon-col { margin-bottom: 25px; padding: 25px 15px; border-right: 1px solid var(--bg-dark); transition: all 0.25s ease-in-out; } .company-icon-col { border: 1px solid transparent; border-right: 1px solid var(--bg-dark); } .philosophy-col:hover, .company-icon-col:hover { border: none; cursor: pointer; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); border: 1px solid rgba(20, 67, 114, 0.25) !important; background-color: white; } .philosophy-col:last-child, .company-icon-col:last-child { border-right: none; } .philosophy-col .icon, .company-icon-col .icon { font-size: 38px !important; color: var(--primary-color); margin-bottom: 15px; } .philosophy-col img, .company-icon-col img { width: 45px; height: 45px; margin-bottom: 15px; } .philosophy-col h4, .company-icon-col h4 { font-weight: 600; margin-bottom: 10px; } .pan-india-wrapper { display: flex; flex-direction: column; align-items: center; text-align: center; } .pan-india-col.overview-counters { background-color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px 40px; border-bottom: 1px solid #ccc; border-right: none; text-align: right; margin-top: 30px; text-align: center; } .pan-india-col.overview-counters:last-child { border-right: none; } .timeline-swiper .swiper-button-prev { left: 0px; color: var(--primary-color); } .timeline-swiper .swiper-button-next { right: 0px; color: var(--primary-color); } .timeline-container, .manufacturing-container { padding: 20px; position: relative; overflow: hidden; color: #fff; } .manufacturing-container .location-swiper { margin-left: 40px !important; } .manufacturing-container .swiper-button-prev, .manufacturing-container .swiper-button-next, .manufacturing-container .swiper-pagination-bullets { display: none; } .timeline-swiper, .location-swiper { padding-bottom: 60px; } .timeline-slide, .location-slide { background: white; padding: 20px; max-width: 350px; text-align: left; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .location-slide { padding: 15px !important; } .location-slide .location-title { font-size: 18px; line-height: 1.5; font-weight: 600; color: var(--primary-color); display: block; margin-top: 15px; } .location-slide .location-work { font-size: 15px; font-weight: 500; color: var(--text-color); margin-bottom: 10px; display: block; } .timeline-year { font-size: 20px !important; font-weight: 700; color: #fff; border-bottom: 1px solid var(--secondary-color); padding-bottom: 10px; margin-bottom: 15px; } .timeline-img img, .location-img img { width: 100%; height: auto; } .timeline-title { font-weight: 600; color: var(--primary-color); margin-bottom: 10px; } .timeline-desc { font-size: 16px; line-height: 1.55; color: var(--text-color); margin-bottom: 15px; } .timeline-link { color: var(--primary-color); text-decoration: none; font-weight: 500; } .timeline-slide { position: relative; } .timeline-year { font-size: 2rem; font-weight: 700; color: var(--primary-color); margin-bottom: 15px; padding-bottom: 10px; position: relative; display: inline-block; } @media (max-width: 768px) { .hero-banner2-responsive { display: none; margin-top: 80px; } .hero-banner2-responsive.products-banner-responsive, .hero-banner2-responsive.single-blog-banner-responsive { display: none; } .hero-banner2-content-responsive { padding: 50px 17px; background-color: var(--bg-light); } .hero-banner2-content-responsive h1, .hero-banner2-content-responsive p { color: var(--primary-color); } .hero-banner2-content-responsive h1 { font-weight: 700; font-size: 28px; margin-bottom: 10px; } .hero-banner2-content-responsive p { font-weight: 500; line-height: 1.4; } .hero-banner2-img-responsive, .hero-banner2-img-responsive img { width: 100%; height: 100%; } .overview-counters { border-right: 1px solid var(--bg-dark); padding-left: 10px; } .overview-counters .counter .timer, .overview-counters .counter .operator { font-size: 30px; } .overview-counters .counter-text { font-size: 16px; } } .md-message-content p { font-size: 20px; line-height: 1.5; font-weight: 500; } .md-message-content span { font-weight: 700; font-size: 17px; color: var(--primary-color); } .site-heading .site-description { font-size: 18px; font-weight: 500; } .business-directors-sec, .business-heads-sec { display: none; } .business-directors-sec .business-dir-card, .business-heads-sec .business-heads-card { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); background-color: white; } .business-heads-card { background-color: var(--bg-light) !important; } .business-dir-card .business-dir-img, .business-heads-card .business-heads-img { width: 100%; border-right: 10px solid var(--secondary-color); margin-bottom: 15px; } .business-dir-card .business-dir-content, .business-heads-card .business-heads-content { padding: 15px; } .business-dir-card .business-dir-content .dir-name, .business-heads-card .business-heads-content .heads-name { font-size: 18px; font-weight: 600; margin-bottom: 10px; } .business-dir-card .business-dir-content .dir-designation, .business-heads-card .business-heads-content .heads-designation { display: block; margin-bottom: 15px; } .business-dir-card .business-dir-content .dir-link, .business-heads-card .business-heads-content .heads-link { display: flex; flex-direction: row; align-items: center; gap: 7px; color: var(--primary-color); font-weight: 600; } .business-dir-card .business-dir-content .dir-link:hover, .business-heads-card .business-heads-content .heads-link:hover { color: var(--secondary-color); } .business-dir-card, .business-heads-card { opacity: 0; transform: rotateY(90deg); transition: transform 0.6s ease, opacity 0.6s ease; } .business-dir-card.show, .business-heads-card.show { opacity: 1; transform: rotateY(0deg); } .team-popup { max-width: 600px; margin: 0 auto; background: #fff; padding: 30px; position: relative; } .team-popup img { width: 150px; height: 150px; object-fit: cover; margin-bottom: 20px; } .team-popup h4 { margin: 10px 0 5px; font-size: 24px; font-weight: 600; } .team-popup .designation { font-weight: 500; color: var(--text-color); margin-bottom: 15px; } .mfp-close { position: absolute; top: 10px; right: 15px; font-size: 24px; color: var(--primary-color); background: transparent; border: none; cursor: pointer; z-index: 1001; } .manufacturing-overview .site-heading.headings { margin-left: -25px !important; } .technology-machinery-sec ul li, .sustainability-practice-sec ul li { margin-bottom: 10px; display: flex; gap: 10px; } .technology-machinery-sec ul li i, .sustainability-practice-sec ul li i { margin-top: 7px; font-weight: 500; color: var(--secondary-color); } .ongoing-initatives-sec .initatives-card { padding: 30px; background-color: white; align-items: center; cursor: pointer; transition: all 0.25s ease-in-out; margin-bottom: 30px; } .ongoing-initatives-sec .initatives-card:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .ongoing-initatives-sec .initatives-card h3 { font-weight: 600; } .certifications-sec .certificate-col { background-color: white; padding: 15px; margin-bottom: 35px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); align-items: center; justify-content: center; } .certificate-col .certificate-img { width: 100%; height: 300px; padding: 5px; margin: auto; text-align: center; border: 1px solid rgba(0, 0, 0, 0.15); } .certificate-col .certificate-img img { height: 100%; object-fit: cover; } .certificate-col .certificate-name { font-weight: 600; font-size: 18px; line-height: 1.5; margin-bottom: 0; margin-top: 15px; } .certificate-col .certificate-type { font-size: 16px; font-weight: 500; color: #000; line-height: 1.5; margin: 10px 0; display: block; } .certificate-col .certificate-desc { display: block; font-size: 16px; line-height: 1.5; } .certificate-col .certificate-link { margin-top: 20px; display: block; color: var(--primary-color); font-weight: 700; } .certificate-col .certificate-link:hover { color: var(--secondary-color); } .certificate-col { opacity: 0; transform: rotateY(90deg); transition: transform 0.6s ease, opacity 0.6s ease; } .certificate-col.show { opacity: 1; transform: rotateY(0deg); } .infrastrcture-banner-col { position: relative; height: 600px; } .infrastrcture-banner-col img { width: 100%; height: 600px; object-fit: cover; position: relative; } .infrastructure-img-overlay { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(20, 67, 114, 0.35); z-index: 1; } .infrastrcture-banner-content { position: absolute; bottom: 0px; left: 0; right: 0; color: white; z-index: 2; background-color: white; border-bottom: 1px solid rgba(20, 67, 114, 0.5); width: 900px; padding: 35px 20px 20px 50px; } .infrastrcture-banner-content h3 { color: var(--primary-color); font-weight: 600; margin-bottom: 10px; font-size: 32px; } .infrastrcture-banner-col p { color: var(--primary-color) !important; } .infrastrcture-banner-content h3, .infrastrcture-banner-content p { color: var(--primary-color); } .left-img_full-col { background-color: var(--primary-color); margin-bottom: 25px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .left-img_full-col h3 { font-weight: 600; color: white; padding-left: 30px; } .left-img_full-col p { color: white; padding-left: 30px; padding-right: 50px; } .right-img_full-col { background-color: white; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); margin-bottom: 25px; } .right-img_full-col h3 { font-weight: 600; padding-left: 30px; } .right-img_full-col p { padding-left: 30px; padding-right: 30px; } .culture-tab-buttons { margin: 5px 0; } .culture-tab-buttons .nav-link { background-color: white; font-size: 17px; text-align: center; padding: 10px 15px; border-radius: 0px; margin: 10px 0; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); transition: all 0.35s ease; } .culture-tab-buttons .nav-link:hover, .culture-tab-buttons .nav-link.active { background-color: var(--primary-color); color: white; } .skipper-tab-content-area .culture-tab-pane-content p { font-size: 18px; line-height: 1.5; } .career-application-form { background-color: white; padding: 30px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } .partner-application-form { background-color: var(--bg-light); padding: 30px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } .career-application-form .form-group label, .partner-application-form .form-group label { font-weight: 500; } .career-application-form .form-control:focus { box-shadow: 0 0 0 .15rem rgba(20, 67, 114, 0.25); } .career-application-form .form-address, .partner-application-form .form-desc { display: flex; flex-direction: column; } .partner-application-form .form-desc textarea { padding: 10px; } .partner-application-form label span { color: red; } .career-application-form .form-resume-upload input { padding: 10px; } .partners-tabs, .offer-tabs { flex: 1; display: flex; flex-direction: column; } .partners-tab { padding: 25px 20px 15px; cursor: pointer; border-left: 4px solid transparent; transition: all 0.3s ease-in-out; margin-bottom: 10px; background: white; border-left: 5px solid var(--secondary-color); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } .partners-tab p { display: none; transition: all 0.3s ease-in; } .partners-tab.active p { display: block; } .partners-tab h3 { margin-bottom: 10px; font-weight: 600; font-size: 18px; } .partners-tab.active h3 { padding-bottom: 10px; border-bottom: 1px solid var(--bg-dark); } .partners-tab:hover, .partners-tab.active { background: var(--primary-color); border-left: 5px solid var(--secondary-color); font-weight: bold; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } .partners-tab.active h3, .partners-tab:hover h3 { color: white !important; } .partners-tab.active p { color: white; } .image-display { flex: 2; } .image-display img { width: 100%; height: auto; } .news-overview .news-col .sub-title { background-color: rgba(20, 67, 114, 0.3); font-size: 12px; padding: 6px 15px; color: var(--primary-color); font-weight: 600; } .news-overview .news-col .news-date { display: none; font-size: 12px; font-weight: 600; margin-left: 15px; } .news-overview .news-col .news-date { display: inline-block; } .news-overview .news-col h3 { margin-top: 15px; font-size: 17px; font-weight: 600; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-overview .news-col { background-color: transparent; box-shadow: none; } .news-overview .news-col-wrapper .news-col-wrapper { border-right: 1px solid rgba(51, 51, 51, 0.3); } .news-overview .news-col-wrapper:nth-child(3n) { border-right: none !important; border: 5px; } .news-overview .news-col a:focus { color: white !important; } .news-overview .news-col a { font-size: 12px; padding: 6px 18px !important; } .map-wrapper .list-group-item { background-color: white; color: var(--primary-color); font-weight: 600; } .map-wrapper .list-group-item.active { background-color: var(--primary-color); color: white; } .map-wrapper .location-info h4 { font-weight: 600; } .map-wrapper .location-info a { color: var(--primary-color); display: block; font-weight: 500; } .map-wrapper .location-info a:hover { color: var(--secondary-color); cursor: pointer; } .map-pin { position: absolute; width: 25px; height: 30px; transform: translate(-50%, -100%); } .map-pin span { display: inline-block; width: 100px; font-size: 12px; font-weight: 600; color: var(--primary-color); } .pin-west-bengal { top: 40%; left: 67%; } .pin-west-bengal.d-block.d-none { display: none !important; } .city-list .list-group-item { cursor: pointer; } .contact-details-wrapper .contact-details-content h3 { font-weight: 600; margin-bottom: 5px; } .contact-details-wrapper .contact-details-content .contact-desc { font-weight: 400; margin-bottom: 50px !important; } .contact-details-wrapper .contact-details-content li { margin-bottom: 40px; } .contact-details-wrapper .contact-details-content .contact-pg-icons a { padding: 15px; padding-right: 12px; border: 1px solid var(--primary-color); text-align: center; margin-right: 10px; } .contact-details-wrapper .contact-details-content .contact-pg-icons a:hover { background-color: var(--secondary-color); border-color: var(--secondary-color); } .contact-details-wrapper .contact-details-content .contact-pg-icons a img { width: 24px; text-align: center; align-items: center; height: 24px; font-size: 20px; line-height: 20px; } .contact-details-wrapper .contact-details-content h4 { font-weight: 600; margin-bottom: 10px; } .contact-details-wrapper .contact-details-content p { font-weight: 500; margin-bottom: 5px; } .contact-details-wrapper .contact-details-content a { font-weight: 500; } .contact-details-wrapper .contact-details-content a:hover { color: var(--secondary-color); } .awards-col { background-color: var(--bg-light); padding: 15px; box-shadow: 0px 5px 10px rgba(0 0 0 / 18%); } .awards-img { border: 1px solid rgba(51, 51, 51, 0.4); padding: 8px; max-height: 327px; overflow: hidden; } .awards-img img { width: 100%; height: auto; overflow: hidden; } .awards-title { color: var(--primary-color); font-weight: 600; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .awards-col a:focus { color: white !important; } .legal-sec-content { text-align: justify; } .legal-sec-content span { font-size: 22px; font-weight: 500; color: var(--primary-color); display: block; margin-top: 35px; margin-bottom: 10px; } @media (min-width:576px) { .container-medium { max-width: 540px; } .container-full { max-width: 540px; } } @media (min-width:768px) { .container-medium { max-width: 720px; } .container-full { max-width: 720px; } .hero-banner2 { min-height: auto !important; height: auto !important; } .w-lg-75 { width: 75% !important; } } @media (min-width:992px) { .container-medium { max-width: 960px; } .container-full { max-width: 960px; } .hero-banner2 { min-height: auto !important; height: auto !important; } } @media (min-width: 1024px) { nav.navbar.bootsnav.nav-full .navbar-brand { position: relative; z-index: 1; } nav.navbar.bootsnav.nav-full .navbar-brand::after { position: absolute; left: 0; top: 0; z-index: -1; background: transparent; height: 100%; width: 100%; content: ""; } nav.navbar.bootsnav.nav-full.scrolled .navbar-brand::after { background: var(--primary-color); } nav.navbar.bootsnav.nav-full .navbar-brand .logo { display: none; } nav.navbar.bootsnav.nav-full .navbar-brand .logo.regular { display: inline-block; } .navbar.nav-full .container { max-width: 100%; } nav.navbar.bootsnav.nav-full .navbar-brand .logo.regular { height: 60px; } nav.navbar.bootsnav.nav-full .navbar-brand { padding: 20px 22px; } nav.navbar.bootsnav.nav-full li.search a { height: auto; width: auto; font-size: 24px; background-color: transparent; margin-right: 15px; color: var(--text-color) !important; } nav.navbar.bootsnav.nav-full li.search a i { position: relative; top: 3px; } nav.navbar.bootsnav.no-background li.search a { color: #ffffff !important; } .hero-banner2 { min-height: auto !important; height: auto !important; } } @media (min-width:1200px) { .container-medium { max-width: 1400px; width: 80%; } .container-full { max-width: 1400px; width: 90%; } .align-center { align-items: center; } .hero-banner2 { min-height: 550px !important; height: 60% !important; } } @media (min-width: 1400px) { .blog-area.full-blog .container { max-width: 1300px; width: 1300px; } .hero-banner2 { min-height: 550px !important; height: 70% !important; } } @media (min-width: 1600px) { .home-products__main-tab-box { overflow: hidden; } } @media (max-width: 1024px) { .hero-banner.single-blog { max-height: 515px !important; height: 87% !important; min-height: auto !important; } } @media (max-width: 1023px) { nav.navbar.bootsnav.nav-full .navbar-brand .logo.regular { display: none; } nav.navbar.bootsnav.nav-full .navbar-brand .logo.logo-responsive { display: inline-block; } .navbar .attr-nav .side-menu { padding: 32px 0 !important; } nav.navbar.navbar-default.logo-less .navbar-collapse { margin-left: 0; } .logo.logo-responsive { display: none; } .navbar { background-color: var(--primary-color) !important; } nav.navbar.bootsnav ul.nav>li>a { font-size: 13px !important; } .hero-banner2 { min-height: auto !important; height: auto !important; margin-top: 80px; } .hero-banner2-bg, .hero-banner2-bg img { object-fit: cover; height: 330px; } .hero-banner2-bg.product-banner-bg, .hero-banner2-bg.product-banner-bg img { object-fit: cover; height: 100% !important; } .hero-banner2-content { left: 6%; bottom: 20%; margin-right: 6%; } .single-item-carousel .item { width: 440px !important; height: auto !important; } .hero-banner.single-blog { display: none; } .hero-banner2-responsive.single-blog-banner-responsive { display: inline-block; } .hero-banner2-content-responsive.single-blog-responsive { display: none; } } @media (max-width: 991px) { nav.navbar.bootsnav ul.nav li.dropdown>ul.dropdown-menu li>a { border: none !important; padding: 0; } .navbar { background-color: var(--primary-color) !important; } .home-about .thumb { margin: 0; margin-bottom: 30px; } .home-about ul { margin: 0; overflow: hidden; } .home-about ul li { width: auto; padding: 0; margin-right: 50px; display: block; } .vision-sec .vision-sec-content h2 { font-size: 36px; } .vision-sec .vision-sec-content p { font-size: 16px; max-width: 85%; } .mission-sec--content-wrapper { margin-right: 0px; } .mission-sec .mission-left-col { position: relative; top: 0; left: 0; } .timeline-slide, .location-slide { max-width: 100%; padding: 15px; } .timeline-year::after { width: 80px; } .infrastrcture-banner-content { width: auto !important; padding: 20px; } .infrastrcture-banner-content h3 { font-size: 27px; } .hero-banner.single-blog { display: none; } .hero-banner-contents2 .hero-banner-text h1 { font-size: 22px; } .breadcrumb-area .breadcrumb li { font-size: 12px; } .home-products { overflow: hidden; } .home-products__content-box { padding: 20px; } .home-products__title { font-size: 20px; margin-bottom: 10px; } .home-products__sub-title { margin-bottom: 5px; } .sathi-community-area .inner-items .right-info { padding: 240px 30px; } .single-item-carousel .item { width: 440px !important; height: auto !important; } .news-overview .news-col-wrapper .news-col-wrapper:nth-child(2n) { border-right: none; padding-bottom: 20px; } .news-overview .news-col-wrapper:nth-child(3n) { border-right: 1px solid rgba(51, 51, 51, 0.3) !important; } .pin-assam { top: 26%; left: 81%; } .pin-west-bengal { top: 37%; left: 66%; } } @media (max-width: 767px) { .home-about .thumb { margin: 0; margin-bottom: 30px; } .home-about ul { margin: 0; } .home-about ul li { float: none; width: 100%; padding: 0; } .mission-sec .mission-left-col { position: relative; top: 0; left: 0; } .timeline-slide, .location-slide { max-width: 100%; text-align: center; } .timeline-year { display: block; text-align: center; } .timeline-year::after { left: 50%; transform: translateX(-50%); top: 100%; width: 60px; margin-top: 8px; } .timeline-img img, .location-img img { width: 100%; height: auto; margin: 15px 0; } .timeline-desc { font-size: 0.9rem; } .location-slide .location-title { font-size: 18px; line-height: 1.5; font-weight: 600; color: var(--primary-color); display: block; margin-top: 5px; } .location-slide .location-work { font-size: 15px; font-weight: 500; color: var(--text-color); margin-bottom: 0px; display: block; } .manufacturing-container .location-swiper { margin-left: 20px !important; } .manufacturing-overview .site-heading.headings { margin-left: 0px !important; } .manufacturing-container .swiper-button-prev, .manufacturing-container .swiper-button-next, .manufacturing-container .swiper-pagination-bullets { display: block; } } @media (max-width: 576px) { .navbar { background-color: var(--bg-primary) !important; } .navbar-toggle .fa.fa-bars, .fa.fa-times { color: white; } .hero-desktop-banner { display: block; } .carousel-wrapper { margin-top: 80px; } .hero-desktop-banner { display: none; } .homepage-mobile-banner { display: block; } .home-about .site-heading h2::before, .home-about .site-heading h1::before, .home-about .site-heading h1::after, .home-about .site-heading h2::after { left: 9%; } .philosophy-col, .company-icon-col { border: none !important; } .sathi-community-area .inner-items .left-info::before { left: 0; width: 100%; } .sathi-community-area .inner-items .right-info { padding: 100px 30px; } .sathi-community-area .inner-items .left-info { padding: 50px 15px; } ul.achivement { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; } .text-light ul.achivement li .counter { font-size: 30px; } .trusted-one { padding: 60px 0; } .trusted-one__title { font-size: 27px; line-height: 1.5 !important; } .trusted-one__video-icon { width: 90px; height: 90px; } .trusted-one__video-icon span { font-size: 23px; margin-left: 3px; } .site-heading p { padding: 0 5%; } .testimonials-area .testimonial-content p { font-size: 16px; line-height: 28px; } .vision-sec .vision-sec-content h2 { font-size: 26px; margin-bottom: 10px; } .company-icon-col { border-right: none; } .work-process-area .work-pro-items .item { padding: 35px 25px; } .infrastrcture-banner-col img { height: 350px; object-fit: cover; } .infrastrcture-banner-content h3 { font-size: 20px; } .md-message-content p { font-size: 14px !important; } .hero-banner2-content-responsive { padding: 30px 17px; } .hero-banner2-content-responsive h1 { font-size: 24px; } .left-img_full-col h3, .right-img_full-col h3 { padding: 10px; margin-bottom: 0; } .left-img_full-col p, .right-img_full-col p { padding: 0 10px; } .image-display { flex: 0 !important; display: none; } .form-desc textarea { padding: 10px; } .partner-application-form { padding: 20px; } .skipper-tab-content-area .culture-tab-pane-content p { font-size: 16px; line-height: 1.4; } .home-products__content-box { left: 0 !important; bottom: 0 !important; } .hero-banner2-responsive.products-banner-responsive, .hero-banner2-responsive.single-blog-banner-responsive { display: inline-block; } .blog-area.full-blog .blog-items .item .blog-h1_heading h1 { font-size: 26px; } .blog-area.full-blog .blog-items .item h2 { font-size: 22px; } .hero-banner.single-blog .hero-banner-img { display: none; } .hero-banner.single-blog .hero-banner-img.bg-img { display: block; } .blog-area.full-blog .item .thumb { display: block !important; } .hero-banner-contents2 { padding: 15px; } .hero-banner-contents2 .hero-banner-text h1 { font-size: 18px; } .contact-comments { width: 95% !important; } .legal-sec-content { text-align: left; } .main-faqs-sec .nav.nav-pills { display: flex; justify-content: center; flex-direction: column; text-align: center; } .main-faqs-sec .nav.nav-pills li { margin-bottom: 10px; } .news-overview .news-col-wrapper .news-col-wrapper { border-right: none; border-bottom: 1px solid rgba(51, 51, 51, 0.3); padding-bottom: 20px; } .news-overview .news-col-wrapper:nth-child(3n) { border-right: none !important; } .carousel-item img { height: auto !important; } .md-message-content p { font-size: 16px !important; } .mission-sec--content-wrapper { margin-right: 0px !important; } .ongoing-initatives-sec .initatives-card { padding: 15px !important; } .manufacturing-container .location-swiper { margin-left: 0px !important; } } .product-category-col img { width: 50px !important; margin-bottom: 15px; } .blog-area.full-blog .blog-items .item ul { padding-left: 20px; list-style-type: disc !important; } .blog-area.full-blog .blog-items .item ol { padding-left: 20px; }