body{ position: relative; } .cat_icon_img { width: 4rem; height: 4rem; margin-left: 15rem; margin-top: -4rem; } /* about-us page about-page */ .about-main{ /* background-color: red; */ width: 100%; height: 100vh !important; /* overflow: hidden; */ } /* about-us page about-page */ /* ========= [ * page-home_3 ] =========*/ /* --------------- side_menu_style4 --------------- */ .side_menu_style4 { position: fixed; z-index: 9999; right: 0; top: 0; width: 100%; height: 100vh; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; background-color: #DFE3EC; padding: 0 4vw; 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; -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .side_menu_style4.show { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .side_menu_style4.show .side_shape { -webkit-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); transform: rotate(0) scale(1); opacity: 1; } .side_menu_style4.show .side_shape2 { -webkit-transform: rotate(180deg) scale(1); -ms-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); opacity: 1; } .side_menu_style4.show .main_links { text-align: center; -webkit-transform: scaleX(1) scaleY(1); -ms-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .side_menu_style4 .side_shape { position: absolute; right: 0; bottom: 0; width: 40%; -webkit-transform: rotate(-60deg) scale(0.5); -ms-transform: rotate(-60deg) scale(0.5); transform: rotate(-60deg) scale(0.5); opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .side_menu_style4 .side_shape2 { position: absolute; left: 0; top: 0; width: 40%; -webkit-transform: rotate(120deg) scale(0.5); -ms-transform: rotate(120deg) scale(0.5); transform: rotate(120deg) scale(0.5); opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .side_menu_style4 .links_group { width: -webkit-max-content; width: -moz-max-content; width: max-content; display: block; } .side_menu_style4 .main_links { text-align: center; -webkit-transform: scaleX(1.4) scaleY(1.8); -ms-transform: scaleX(1.4) scaleY(1.8); transform: scaleX(1.4) scaleY(1.8); -webkit-filter: blur(2px); filter: blur(2px); opacity: 0; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .side_menu_style4 .main_links .main_link { font-size: calc(3vw + 15px); font-weight: 400; margin: 10px 0; text-transform: uppercase; font-weight: 700; } .side_menu_style4 .main_links .main_link:hover { color: var(--color-gray); } .side_menu_style4 .social_links a { font-size: 24px; -webkit-margin-end: 15px; margin-inline-end: 15px; border-bottom: 3px solid transparent; } .side_menu_style4 .social_links a:hover { border-color: #000; } .side_menu_style4 .clss { font-size: 30px; position: absolute; top: 30px; right: 60px; cursor: pointer; } .side_menu4_overlay { position: absolute; z-index: 995; right: 0; top: 0; width: 100%; height: 100vh; background-color: var(--color-gray); -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .side_menu4_overlay.show { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .side_menu4_overlay2 { position: absolute; z-index: 998; right: 0; top: 0; width: 100%; height: 100vh; background-color: var(--color-gray); -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .side_menu4_overlay2.show { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } /* --------------- navbar style2 --------------- */ .tc-navbar-style2 { position: relative; padding: 0 1vw 0 3vw; background-color: #000; } .tc-navbar-style2 .container-fluid { padding: 19px 0; margin-left: 2px; width: 100%; margin-right: 23px; /* border-bottom: 1px solid #ccc; */ } .tc-navbar-style2 .navbar-brand { /* -webkit-margin-end: 177px; */ margin-inline-end: -31px; } .tc-navbar-style2 .navbar-brand img { height: 35px; } .tc-navbar-style2 .nav-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tc-navbar-style2 .nav-contact .links-item { -webkit-margin-end: 80px; margin-inline-end: 22px; } .tc-navbar-style2 .nav-contact .links-item a { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-block: 0; line-height: 3.5; color: #fff; } .tc-navbar-style2 .nav-icons { position: relative; -webkit-margin-start: auto; margin-inline-start: auto; -webkit-margin-end: 0; margin-inline-end: 0; } .tc-navbar-style2 .nav-icons .icon { width: 45px; height: 45px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid #999; -webkit-margin-start: 15px; margin-inline-start: 15px; font-size: 16px; } .tc-navbar-style2 .nav-icons .icon:hover { background-color: var(--color-gray); border-color: var(--color-gray); color: #fff; } .tc-navbar-style2 .nav-search-box { position: absolute; background-color: #fff; -webkit-box-shadow: 5px 5px 20px #fff1; box-shadow: 5px 5px 20px #fff1; right: 0; top: calc(100% + 15px); width: 100%; min-width: 250px; padding: 15px; border-radius: 10px; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 0 20px #0001; box-shadow: 0 0 20px #0001; } .tc-navbar-style2 .nav-search-box.show { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .tc-navbar-style2 .nav-search-box .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .tc-navbar-style2 .nav-search-box .form-group input { width: 100%; background-color: transparent; border: 1px solid #9993; border-right: 0; border-radius: 8px 0 0 8px; min-height: 50px; color: #000; padding: 12px 15px; } .tc-navbar-style2 .nav-search-box .form-group button { -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0 8px 8px 0; border: 1px solid #9993; background-color: #9993; padding: 10px; color: #000; margin-left: -2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tc-navbar-style2 .nav-search-box .form-group button:hover { background-color: var(--color-gray); color: #fff; } @media screen and (max-width: 991px) { .tc-navbar-style2 .nav-contact { display: block; margin: 15px 0; } .tc-navbar-style2 .nav-contact * { line-height: 3 !important; } .tc-navbar-style2 .nav-icons .icon { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 20px; margin-inline-end: 20px; } } /* --------------- header style2 --------------- */ .tc-header-style2 { position: relative; padding-top: 120px; } .tc-header-style2 .top-info h1 { font-size: 90px; font-weight: 600; } .tc-header-style2 .top-info h1 span { color: var(--color-gray); font-style: italic; font-weight: 400; } .tc-header-style2 .top-info .award-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 40px; border: 1px solid #999; border-radius: 50px; margin-top: 70px; } .tc-header-style2 .top-info .award-wrapper p { font-size: 18px; } .tc-header-style2 .top-info .award-wrapper .line { width: 60px; height: 1px; background-color: #999; margin: 0 30px; } .tc-header-style2 .top-info .facts-wrapper { position: relative; padding: 30px 40px; } .tc-header-style2 .top-info .facts-wrapper * { position: relative; z-index: 10; } .tc-header-style2 .top-info .facts-wrapper .num { font-size: 60px; font-weight: 400; } .tc-header-style2 .top-info .facts-wrapper p { color: #666; } .tc-header-style2 .top-info .facts-wrapper .line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .tc-header-style2 .slider-content { margin-top: 120px; padding: 0 3vw; } .tc-header-style2 .slider-content .head-slider { position: relative; overflow: hidden; } .tc-header-style2 .slider-content .head-slider .slider-card { position: relative; } .tc-header-style2 .slider-content .head-slider .slider-card .img { position: relative; height: 650px; border-radius: 20px; overflow: hidden; } .tc-header-style2 .slider-content .head-slider .slider-card .img::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(#000000cb), to(transparent)); background-image: -webkit-linear-gradient(bottom, #000000cb, transparent); background-image: -o-linear-gradient(bottom, #000000cb, transparent); background-image: linear-gradient(to top, #000000cb, transparent); } .tc-header-style2 .slider-content .head-slider .slider-card .info { position: absolute; left: 0; bottom: 50px; color: #fff; z-index: 20; width: 100%; } .tc-header-style2 .slider-content .head-slider .slider-card .info .title a { font-size: 60px; font-weight: 500; } .tc-header-style2 .slider-content .head-slider .slider-card .info .title a:hover { color: var(--color-gray); } .tc-header-style2 .slider-content .head-slider .slider-card .info .tags { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .tc-header-style2 .slider-content .head-slider .slider-card .info .tags a { padding: 10px 30px; border-radius: 30px; background-color: #fff; color: #000; font-weight: 500; } .tc-header-style2 .slider-content .head-slider .controls { position: absolute; right: 150px; bottom: -1px; width: 350px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 40px; } .tc-header-style2 .slider-content .head-slider .controls .cont-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev, .tc-header-style2 .slider-content .head-slider .controls .swiper-button-next { position: static; width: 45px; height: 45px; border-radius: 10px; border: 1px solid #9999; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev::after, .tc-header-style2 .slider-content .head-slider .controls .swiper-button-next::after { font-size: 14px; color: #000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev:hover, .tc-header-style2 .slider-content .head-slider .controls .swiper-button-next:hover { background-color: #000; border-color: #000; } .tc-header-style2 .slider-content .head-slider .controls .swiper-button-prev:hover::after, .tc-header-style2 .slider-content .head-slider .controls .swiper-button-next:hover::after { color: #fff; } .tc-header-style2 .slider-content .head-slider .controls .swiper-pagination { position: static; } .tc-header-style2 .slider-content .head-slider .controls .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } .tc-header-style2 .slider-content .head-slider .controls .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-gray); } .tc-header-style2 .head-features { margin-top: 50px; padding-bottom: 120px; border-bottom: 1px solid #ccc; } .tc-header-style2 .head-features .feat-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; } .tc-header-style2 .head-features .feat-card .icon { width: 60px; height: 60px; border-radius: 50px; background-color: #F1EEE9; color: var(--color-gray); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-end: 20px; margin-inline-end: 20px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; } @media screen and (max-width: 991px) { .tc-header-style2 { padding-top: 80px; } .tc-header-style2 .top-info h1 { font-size: 50px; } .tc-header-style2 .top-info .award-wrapper p { font-size: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .tc-header-style2 .top-info .facts-wrapper { margin-top: 50px; } .tc-header-style2 .slider-content { margin-top: 80px; } .tc-header-style2 .slider-content .head-slider .slider-card .img { height: 400px; } .tc-header-style2 .slider-content .head-slider .slider-card .info { bottom: 100px; } .tc-header-style2 .slider-content .head-slider .slider-card .info .title a { font-size: 35px; } .tc-header-style2 .slider-content .head-slider .controls { right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); width: 300px; padding: 15px 25px; } .tc-header-style2 .head-features { padding-bottom: 80px; } } /* --------------- services style2 --------------- */ .tc-services-style2 { position: relative; padding: 110px 0; } .tc-services-style2 .services .service-card { margin-bottom: 50px; position: relative; display: block; } .tc-services-style2 .services .service-card:hover .img .arrow { background-color: var(--color-gray); color: #fff; } .tc-services-style2 .services .service-card .img { height: 165px; border-radius: 15px; overflow: hidden; position: relative; } .tc-services-style2 .services .service-card .img .arrow { position: absolute; right: 15px; top: 15px; width: 35px; height: 35px; border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tc-services-style2 .phone-box { position: relative; padding: 30px 40px; } .tc-services-style2 .phone-box .bg-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .tc-services-style2 .phone-box * { position: relative; z-index: 5; } @media screen and (max-width: 991px) { .tc-services-style2 { padding: 80px 0; } .tc-services-style2 .services .service-card .img { height: 250px; } .tc-services-style2 .btns { display: -webkit-box; display: -ms-flexbox; display: flex; } .tc-services-style2 .phone-box { margin-top: 50px; } .tc-services-style2 .phone-box p { width: 55%; } } /* --------------- process style2 --------------- */ .tc-process-style2 { position: relative; padding: 70px 0; overflow: hidden; } .tc-process-style2 .container { position: relative; z-index: 10; } .tc-process-style2 .bg { position: absolute; left: 0; top: -15%; width: 100%; height: 130%; -o-object-fit: cover; object-fit: cover; background-image: url(../img/prc_bg.png); background-size: cover; background-repeat: no-repeat; max-height: inherit; } .tc-process-style2 .accordion-item { border: 0; border-radius: 0; margin-bottom: 5px; background-color: transparent; border-bottom: 2px solid; } .tc-process-style2 .accordion-item .accordion-button { color: #000; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 20px; border: 0; } .tc-process-style2 .accordion-item .accordion-button:not(.collapsed) h3 { color: var(--color-gray); } .tc-process-style2 .accordion-item .accordion-button:not(.collapsed)::after { /* background-image: none; */ /* content: "\f068"; */ font-family: "Poppins", sans-serif; -webkit-transform: rotate(0) !important; -ms-transform: rotate(0) !important; transform: rotate(0) !important; } .tc-process-style2 .accordion-item .accordion-button h3 { font-size: 24px; } .tc-process-style2 .accordion-item .accordion-button .num { font-size: 24px; color: #999; font-weight: 200; -webkit-margin-end: 30px; margin-inline-end: 30px; font-family: 'Instrument Serif', serif; } .tc-process-style2 .accordion-item .accordion-button::after { /* background-image: none; */ /* content: "\f067"; */ font-family: "Poppins", sans-serif; -webkit-transform: rotate(0) !important; -ms-transform: rotate(0) !important; transform: rotate(0) !important; } .tc-process-style2 .accordion-item .accordion-body { -webkit-padding-start: 85px; padding-inline-start: 37px; -webkit-padding-end: 50px; padding-inline-end: 50px; padding-top: 0; padding-bottom: 30px; } .tc-process-style2 .accordion-item .accordion-body .text { font-size: 17px; color: #151515; } .tc-process-style2 .imgs { position: relative; background-image: url(../img/bubbles.png); background-size: contain; background-repeat: no-repeat; background-position: center; } .tc-process-style2 .imgs .img { position: relative; margin: 0 auto; } .tc-process-style2 .imgs .img img { border-radius: 50%; } .tc-process-style2 .imgs .img:nth-of-type(1) { width: 360px; height: 360px; border-radius: 50%; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } .tc-process-style2 .imgs .img:nth-of-type(1) .txt { font-size: 35px; position: absolute; top: 65px; right: -65px; z-index: 10; border: 1px solid #ccc; background-color: #F1EEE9; border-radius: 15px; padding: 0 30px; text-transform: capitalize; } .tc-process-style2 .imgs .img:nth-of-type(2) { position: absolute; right: -100px; top: 150px; width: 160px; height: 160px; border-radius: 50%; } .tc-process-style2 .imgs .img:nth-of-type(2)::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(#000000c5), to(transparent)); background-image: -webkit-linear-gradient(bottom, #000000c5, transparent); background-image: -o-linear-gradient(bottom, #000000c5, transparent); background-image: linear-gradient(to top, #000000c5, transparent); border-radius: 50%; } .tc-process-style2 .imgs .img:nth-of-type(2) .txt { font-size: 25px; position: absolute; bottom: 15px; right: 0; z-index: 10; color: #fff; text-transform: capitalize; } .tc-process-style2 .imgs .img:nth-of-type(3) { position: absolute; left: 70px; top: 300px; width: 220px; height: 220px; border-radius: 50%; } .tc-process-style2 .imgs .img:nth-of-type(3)::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(#000000c5), to(transparent)); background-image: -webkit-linear-gradient(bottom, #000000c5, transparent); background-image: -o-linear-gradient(bottom, #000000c5, transparent); background-image: linear-gradient(to top, #000000c5, transparent); border-radius: 50%; } .tc-process-style2 .imgs .img:nth-of-type(3) .txt { font-size: 30px; position: absolute; bottom: 15px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); z-index: 10; color: #fff; text-transform: capitalize; } .tc-process-style2 .imgs .img:nth-of-type(4) { width: 240px; height: 240px; border-radius: 50%; margin-top: 40px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .tc-process-style2 .imgs .img:nth-of-type(4) .txt { font-size: 30px; position: absolute; top: 65px; left: -65px; z-index: 10; background-color: #000; color: #fff; border-radius: 15px; padding: 5px 30px; text-transform: capitalize; } @media screen and (max-width: 991px) { .tc-process-style2 { padding: 80px 0; } .tc-process-style2 .imgs { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tc-process-style2 .imgs .img { width: 48% !important; height: 250px !important; border-radius: 30px !important; margin: 1% !important; position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; } .tc-process-style2 .imgs .img::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(#000000c5), to(transparent)); background-image: -webkit-linear-gradient(bottom, #000000c5, transparent); background-image: -o-linear-gradient(bottom, #000000c5, transparent); background-image: linear-gradient(to top, #000000c5, transparent); border-radius: 30px !important; } .tc-process-style2 .imgs .img img { border-radius: 30px !important; } .tc-process-style2 .imgs .img .txt { font-size: 30px !important; position: absolute !important; top: auto !important; bottom: 15px !important; right: 50% !important; -webkit-transform: translateX(50%) !important; -ms-transform: translateX(50%) !important; transform: translateX(50%) !important; z-index: 10 !important; color: #fff !important; text-transform: capitalize !important; background-color: transparent !important; border: 0 !important; } } /* --------------- footer style2 --------------- */ .footer-5{ display: flex; gap:2rem } .tc-projects-style2 { position: relative; padding-top: 110px; } .tc-projects-style2 .tabs-links .nav-pills .nav-link { background-color: transparent; padding: 0; -webkit-margin-end: 40px; margin-inline-end: 40px; font-size: 18px; font-weight: 500; border-radius: 0; text-transform: capitalize; color: #666; } .tc-projects-style2 .tabs-links .nav-pills .nav-link.active, .tc-projects-style2 .tabs-links .nav-pills .nav-link:hover { color: #000; } .tc-projects-style2 .projects-slider-content { padding: 0 3vw; position: relative; overflow: hidden; } .tc-projects-style2 .projects-slider-content .projects-slider { position: relative; overflow: hidden; padding-bottom: 120px; } .tc-projects-style2 .projects-slider-content .projects-slider .controls { position: absolute; bottom: 0; width: 100%; } .tc-projects-style2 .projects-slider-content .projects-slider .controls .swiper-pagination { display: -webkit-box; display: -ms-flexbox; /* display: flex; */ /* bottom: 0; */ /* position: static; */ } .tc-projects-style2 .projects-slider-content .projects-slider .controls .swiper-pagination .swiper-pagination-bullet { margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; border-radius: 0; background-color: #ccc; opacity: 1; } .tc-projects-style2 .projects-slider-content .projects-slider .controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 3px; background-color: #e6e6e6; margin-top: -1px; } .tc-projects-style2 .project-card { position: relative; } .tc-projects-style2 .project-card:hover .img .arrow { background-color: var(--color-gray); color: #fff; } .tc-projects-style2 .project-card .img { height: 650px; position: relative; border-radius: 0 20px 20px 20px; overflow: hidden; display: block; } .tc-projects-style2 .project-card .img::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; /* background-color: #000; */ opacity: 0.3; } .tc-projects-style2 .project-card .img .year { position: absolute; top: 0; left: 0; width: 40%; padding: 30px 20px 40px 10px; text-align: center; color: #000; z-index: 10; } .tc-projects-style2 .project-card .img .year .txt { position: relative; z-index: 10; font-size: 18px; } .tc-projects-style2 .project-card .img .year .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .tc-projects-style2 .project-card .img .arrow { position: absolute; right: 20px; top: 20px; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; font-size: 20px; 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; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 10; } .tc-projects-style2 .project-card .info { position: absolute; left: 0; bottom: 0; width: 90%; padding: 40px; color: #fff; } .tc-projects-style2 .project-card .info .title { font-size: 35px; font-weight: 500; } .tc-projects-style2 .project-card .info .tags { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .tc-projects-style2 .project-card .info .tags a { padding: 8px 20px; border-radius: 30px; background-color: #fff; color: #000; font-weight: 500; font-size: 12px; } @media screen and (max-width: 991px) { .tc-projects-style2 { padding-top: 0px; } .tc-projects-style2 .tabs-links .nav-pills .nav-link { -webkit-margin-end: 15px; margin-inline-end: 15px; font-size: 12px; font-weight: 600; } .tc-projects-style2 .project-card .img { height: 400px; } .tc-projects-style2 .project-card .info .title { font-size: 25px; } } /* --------------- awards style2 --------------- */ .tc-awards-style2 { position: relative; padding: 110px 0; } .tc-awards-style2 .award-card { border: 1px solid #ccc; border-radius: 15px; padding: 30px; margin-top: 30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tc-awards-style2 .award-card:hover { border-color: var(--color-gray); } .tc-awards-style2 .award-card:hover a { color: #000 !important; text-decoration: underline; } .tc-awards-style2 .award-card .logo { height: 35px; } .tc-awards-style2 .award-card .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin: 15px 0; min-height: 90px; } @media screen and (max-width: 991px) { .tc-awards-style2 { padding: 80px 0; } } /* --------------- testimonials style2 --------------- */ .tc-testimonials-style2 { padding: 0px 0; background-color: #fff; } .tc-testimonials-style2 .slider-controls { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 20px; border-radius: 30px; border: 1px solid #fff3; position: absolute; right: 0; bottom: 5px; z-index: 10; } .tc-testimonials-style2 .slider-controls .swiper-button-next, .tc-testimonials-style2 .slider-controls .swiper-button-prev { position: static; height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 0; } .tc-testimonials-style2 .slider-controls .swiper-button-next::after, .tc-testimonials-style2 .slider-controls .swiper-button-prev::after { color: #fff; font-size: 12px; } .tc-testimonials-style2 .slider-controls .swiper-button-next:hover::after, .tc-testimonials-style2 .slider-controls .swiper-button-prev:hover::after { color: var(--color-gray); } .tc-testimonials-style2 .slider-controls .swiper-pagination { position: static; margin: 0 10px; color: #fff; } .tc-testimonials-style2 .slider-controls .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; } .tc-testimonials-style2 .slider-controls .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active { width: 10px; height: 10px; } .tc-testimonials-style2 .img-slider { position: relative; overflow: hidden; } .tc-testimonials-style2 .img-slider .arrows { position: absolute; left: 20px; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; border-radius: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px; width: 100px; z-index: 30; } .tc-testimonials-style2 .img-slider .arrows .swiper-button-next, .tc-testimonials-style2 .img-slider .arrows .swiper-button-prev { position: static; margin: 0; } .tc-testimonials-style2 .img-slider .arrows .swiper-button-next::after, .tc-testimonials-style2 .img-slider .arrows .swiper-button-prev::after { color: #fff; font-size: 16px; } .tc-testimonials-style2 .img-slider .slider-card .img { position: relative; height: 475px; border-radius: 15px; overflow: hidden; } .tc-testimonials-style2 .img-slider .slider-card .img .shap1 { position: absolute; right: 0; bottom: 0; height: 35%; z-index: 10; } .tc-testimonials-style2 .img-slider .slider-card .img .shap2 { position: absolute; left: 0; top: 0; height: 20%; z-index: 10; } .tc-testimonials-style2 .text-side { position: relative; } .tc-testimonials-style2 .text-slider { position: relative; overflow: hidden; } .tc-testimonials-style2 .text-slider .text { font-size: 48px; color: #fff; line-height: 1.4; margin-bottom: 20px; } .tc-testimonials-style2 .text-slider .user-wrapper { padding-top: 45px; margin-top: 45px; border-top: 1px solid #fff3; color: #fff; } .tc-testimonials-style2 .text-slider .user-wrapper .user-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tc-testimonials-style2 .text-slider .user-wrapper .user-content .img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; -webkit-margin-end: 15px; margin-inline-end: 15px; -ms-flex-negative: 0; flex-shrink: 0; } .tc-testimonials-style2 .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; } .tc-testimonials-style2 .logos a { height: 45px; opacity: 0.5; } .tc-testimonials-style2 .logos a:hover { opacity: 1; } .tc-testimonials-style2 .logos a img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 991px) { .tc-testimonials-style2 { padding: 80px 0; } .tc-testimonials-style2 .img-slider { margin-bottom: 50px; } .tc-testimonials-style2 .img-slider .slider-card .img { height: 350px; } .tc-testimonials-style2 .text-slider .text { font-size: 30px; } .tc-testimonials-style2 .logos { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .tc-testimonials-style2 .logos a { width: 30%; margin: 10px; } } /* --------------- blog style2 --------------- */ .tc-blog-style2 { position: relative; padding: 50px 0; background-color: #ffffff; } .tc-blog-style2 .row .col-lg-3:nth-of-type(1) .blog-card .img { height: 250px; } .tc-blog-style2 .row .col-lg-3:nth-of-type(2) .blog-card .img { height: 300px; } .tc-blog-style2 .row .col-lg-3:nth-of-type(3) .blog-card .img { height: 210px; } .tc-blog-style2 .row .col-lg-3:nth-of-type(4) .blog-card .img { height: 250px; } .tc-blog-style2 .blog-card { margin-top: 40px; box-shadow: 4px 4px 8px #d6d6d6; border: 1px solid #d6d6d6;} .tc-blog-style2 .blog-card:hover { box-shadow: 6px 6px 12px #b7b7b7; } .tc-blog-style2 .blog-card .img { border-radius: 20px; overflow: hidden; position: relative; display: block; } .tc-blog-style2 .blog-card .img .arrow { position: absolute; right: 20px; top: 20px; width: 45px; height: 45px; border-radius: 50%; background-color: #fff; font-size: 20px; 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; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 10; } .tc-blog-style2 .blog-card .info .tags { margin-top: 20px; } .tc-blog-style2 .blog-card .info .tags a { text-transform: uppercase; position: relative; -webkit-margin-end: 15px; margin-inline-end: 15px; -webkit-padding-end: 25px; padding-inline-end: 25px; } .tc-blog-style2 .blog-card .info .tags a::after { position: absolute; content: ""; right: 0; top: calc(50% - 2px); width: 5px; height: 5px; border-radius: 50%; background-color: #999; } .tc-blog-style2 .blog-card .info .tags a:last-of-type { padding: 0; margin: 0; } .tc-blog-style2 .blog-card .info .tags a:last-of-type::after { display: none; } @media screen and (max-width: 991px) { .tc-blog-style2 { padding: 60px 0; } .tc-blog-style2 .blog-card .img { height: 300px !important; } } /* --------------- contact style2 --------------- */ .tc-contact-style2 { background-color: #F1EEE9; } .tc-contact-style2 .contact-form { padding: 0px 0; /* border-top: 1px solid #ccc; */ } .tc-contact-style2 .contact-form .form-group { position: relative; margin-top: 40px; } .tc-contact-style2 .contact-form .form-group label { font-size: 12px; text-transform: uppercase; } .tc-contact-style2 .contact-form .form-group .form-control { border: 0; border-radius: 0; border-bottom: 1px solid #ccc; color: #000; background-color: transparent; padding: 15px 18px; } .tc-contact-style2 .contact-form .form-group .form-control:focus { border-color: #000; } .tc-contact-style2 .contact-form .upload_img_content { margin-top: 50px; } .tc-contact-style2 .contact-form .upload_img_content .file__input--file { display: none; } .tc-contact-style2 .contact-form .upload_img_content .file__input--label { cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: 200; display: block; margin: auto; font-weight: 600; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .tc-contact-style2 .contact-form .upload_img_content .file__input--label i { -webkit-margin-end: 10px; margin-inline-end: 10px; } .tc-contact-style2 .contact-form .upload_img_content .file__value_content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tc-contact-style2 .contact-form .upload_img_content .file__value_content .file__value { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; margin-top: 15px; background-color: #fff; width: 31%; -webkit-margin-end: 2%; margin-inline-end: 2%; } .tc-contact-style2 .contact-form .upload_img_content .file__value_content .file__value .file__value--text { width: calc(100% - 30px); overflow: hidden; } .tc-contact-style2 .contact-form .upload_img_content .file__value--remove { cursor: pointer; -webkit-margin-start: 10px; margin-inline-start: 10px; } .tc-contact-style2 .contact-form .terms-check { 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; margin-top: 20px; } .tc-contact-style2 .contact-form .terms-check .form-check-input { width: 20px; height: 20px; border-radius: 6px; margin: 0 15px 0 0; background-color: transparent; border: 1px solid #ccc; } .tc-contact-style2 .contact-form .terms-check .form-check-input:checked { background-color: var(--color-gray); border-color: var(--color-gray); } @media screen and (max-width: 991px) { .tc-contact-style2 .contact-form { padding: 80px 0; } } /* --------------- footer style2 --------------- */ .tc-footer-style2 { position: relative; } .tc-footer-style2 .shap { position: absolute; left: 0; bottom: 0; width: 50%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left bottom; object-position: left bottom; } .tc-footer-style2 .foot-main-content { position: relative; padding: 60px 0px 10px 0px !important; } .tc-footer-style2 .foot-main-content .links-group ul li a { color: #fff; margin: 5px 0; } .tc-footer-style2 .foot-main-content .links-group ul li a:hover { color: white; opacity: .5; } .tc-footer-style2 .foot { padding: 50px 0; border-top: 1px solid #ccc; } .tc-footer-style2 .foot .logo img { height: 35px; -o-object-fit: contain; object-fit: contain; } .tc-footer-style2 .foot .social-links a { width: 35px; height: 35px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #ccc; margin: 0 5px; font-size: 12px; } .tc-footer-style2 .foot .social-links a:hover { background-color: var(--color-gray); border-color: var(--color-gray); color: #fff; } @media screen and (max-width: 991px) { .tc-footer-style2 .logo { margin-bottom: 30px; } .tc-footer-style2 .social-links, .tc-footer-style2 .butn { margin-top: 30px; } } .home-style2 .sub-font { font-family: 'Instrument Serif', serif; } .home-style2 .ico-45 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (max-width: 991px) { .home-style2 br { display: none; } .home-style2 .fsz-50 { font-size: 30px !important; } .home-style2 .fsz-40 { /*margin: 6rem 0 0 0;*/ font-size: 25px !important; } .home-style2 .mb-90 { margin-bottom: 40px !important; } .home-style2 .fsz-30 { font-size: 18px !important; } .home-style2 .mt-80 { margin-top: 50px !important; } .home-style2 .fsz-45 { font-size: 23px !important; } .home-style2 .mt-70 { margin-top: 45px !important; } .home-style2 .mb-80 { margin-bottom: 50px !important; } } /* new css */ .logo_class { width: 157px; height: 15px !important; } .navbar-light .navbar-toggler { color: rgb(255 255 255 / 55%); border-color: rgb(230 230 230 / 10%); background-color: #fff; } /* slider */ .video_class { object-fit: cover; width: 100%; height: 85vh; } .video_class_other_pages { object-fit: cover; width: 100%; height: 500px; } .video_text_area{ position: relative; } .video_text_area_other_page { /* margin-top: -198px; */ } .video_text_area{ z-index: 500; z-index: 500; margin-top: -13rem; margin-bottom: 2rem; } .white{ color: #fff !important; } .product_latest_section { margin-top: 90px; } .product_latest_section_2 { margin-top: 90px; } .nav_icon_class { margin-left: 178px; } .home_slider_btn { background-color: #fff; color: #000; border-radius: 5px !important; } .two_rem{ font-size: 2rem !important; } .swiper-slide-1 { flex-shrink: 0; /* width: 100%; */ width: 345px !important; height: 250px !important; position: relative; transition-property: transform; } .swiper-slide-2 { flex-shrink: 0; /* width: 100%; */ width: 345px !important; height: 350px !important; position: relative; transition-property: transform; border: 1px solid #e6e6e6; background-color: #fff !important; box-shadow: 4px 4px 7px #e6e6e6; } .swiper-slide-2:hover { box-shadow: 7px 7px 9px #cbcbcb; } /* .swiper-slide { flex-shrink: 0; width: 100%; width: 345px !important; height: 250px !important; position: relative; transition-property: transform; } */ .gray { color: gray; } .tc-blog-style2 .blog-card .img { border-radius: 0px; overflow: hidden; position: relative; display: block; } .custom_btn { padding: 15px !important; } .faq_style { padding-top: 200px; } .benefit_card { background-color: #fff; border: 1px solid #f2f2f2; align-items: center; box-shadow: 0px 0px 4px 4px #e6e6e6; height: 270px; margin: 5px; } .project_padding_bot { padding-bottom: 20px !important; } .benefit_p { font-size: 15px; line-height: 1.7; margin: 0; } .mar_section { padding-bottom: 10px !important; } .benefit_section { padding-top: 40px !important; } .pro_dim_siz { font-size: 14px !important; } .product_images { width: 214px; height: 200px; } .map_size { width: 50%; height: 600px; opacity: .4; } .cat_fit_section { padding-top: 20px !important; } .cat_fit_img { width: 50px !important; height: 55px; } .blog-card-2 { border-radius: 20px !important; width: 100%; height: 166px; } .media_padd_arg{ padding-left: 50px; } .cat_about_image { width: 100% !important; height: 500px; } .slider_height_cat { width: 100%; height: 300px; } .cat_img_style { width: 280px; height: 400px; } .cat_des_sty { font-size: 20px; font-weight: 600; } .cat_bottom_border { padding: 5px 0px !important; border-bottom: 1px solid; } .cat_border { padding: 20px; /* border: 1px solid #d9d9d9; box-shadow: 4px 4px 8px #d6d6d6; */ } .cat_pad_neg { padding-top: 0px; } .accordion-item { background-color: #fff; border: none; } .gray_p { color: #BEBEBE !important; } /* .fit_heading_h2 { line-height: 62px; font-size: 2rem !important; } */ .fit_heading_h2 { line-height: 42px; font-size: 2rem !important; } .back_img { /* The image used */ /* background-color: #red; */ background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ } .menu_rest_padd { padding: 0px 0px; } .service_padd { padding:0px 0px; } .desktop_cat_show_mobile_hide { display: block; } .desktop_cat_hide_mobile_show { display: none; } @media only screen and (max-width: 800px) and (min-width: 300px) { .desktop_cat_show_mobile_hide { display: none; } .desktop_cat_hide_mobile_show { display: block; } .footer-5{ display: flex; flex-direction: column; list-style: 1.4rem; gap:0; } .cat_back_size { width: 100% !important; height: auto !important; } .mar_left_40 { margin-left: 0px !important; } .form-container { width: 200px; left: 0; top:9% !important; z-index:50000; } .service_padd { padding:0px 10px !important; } .cat_about_image { height: auto !important; } .menu_rest_padd { padding: 5px 0px !important; } .two_rem { font-size: 1.5rem !important; } #cate-video-div{ position: relative; } /* .video_text_area_res_other_page_page { z-index: 0 !important; position: absolute; top: 405px !important; left: 5px !important; } */ ul.dropdown-menu.large_menu { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 100% !important; margin-left: 0px !important; } /* .video_text_area{ z-index: 50; position: absolute; top:386px; left: 0px; } */ #snavbar{ display: none; } ul.dropdown-menu.large_menu_2 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 107% !important; margin-left: 0px !important; } ul.dropdown-menu.large_menu_3 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 107% !important; margin-left: 0px !important; } ul.dropdown-menu.large_menu_4 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 107% !important; margin-left: 0px !important; } .dropdwon-div div{ padding: 0px; margin-bottom: 20px !important; } /* .large_menu_first { margin-bottom: 10px !important; } */ .menu_submenu_right_arrow { margin-left: 0px !important; } ul.dropdown-menu.large_menu { /* width: 22rem !important; */ width: 107% !important; } .cat_des_sty { font-size: 18px; font-weight: 600; } .cat_img_style { width: 280px; height: 300px; } .fit_heading_h2 { line-height: 42px; font-size: 2rem !important; line-height: 33px !important; } .nav_icon_class { margin-left: 0px; } .tc-projects-new-style { padding-top: 22px !important; } .faq_style { padding-top: 10px; } .map_size { width: 100%; height: auto; } .logo_class{ width: 150px !important; } .video_class.video_class { object-fit: cover; width: 100%; height: 100% !important; } .video_class_other_pages { object-fit: cover; width: 100%; height: 400px; } .video_text_area { margin-top: 2rem; } .video_text_area .slider-content{ width: 100%; color: #000; } .video_text_area .slider-content h2,h5,h5 span{ color: #000 !important; } .video_text_area .slider-content h5{ color: #000 !important; } .video_text_area .slider-content .btns a{ background-color: black; color: white !important; } .video_text_area_other_page { margin-top: -256px !important; } /* .video_text_area_res_other_page_page { margin-top: -60px; } */ .nav_icon_class { margin-left: 0px; } .product_latest_section { margin-top: 0px !important; } .product_latest_section_2 { margin-top: 0px; } .navbar { position: absolute !important; top: 0px; left: 0px; width: 100%; padding: 0px 1rem; } } /* small slider */ .text_family { font-family: "Poppins", sans-serif !important; font-optical-sizing: auto; } .accordion-button:not(.collapsed) { color: black; background-color: #fff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); } .accordion-button:focus { z-index: 3; border-color: #fff; outline: 0; box-shadow: 0 0 0 .25rem #fff; } /* slider */ .car_slider_img_style { /* -webkit-filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black); filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff); */ box-shadow: 0px 0px 40px 40px #fff; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; /* width: 2rem;/ */ /* height: 2rem; */ background-repeat: no-repeat; background-position: 50%; background-color: #c28b61; background-size: 100% 100%; /* padding: 0px; */ } /* slider hover css */ .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 3%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease; } /* radio */ .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 20px; height: 1px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: border-box !important; border-radius: 50%; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease; } .carousel-indicators .active { background-color:#c07b46 !important; } .carousel-indicators li{ border: 10px solid black; } .dropdown-menu { display: none; /* Hide the dropdown menu by default */ position: absolute; background-color: #fff; /* Set the background color */ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .nav-item:hover .dropdown-menu { display: block; /* Show the dropdown menu when the parent nav-item is hovered */ } /* Additional CSS for styling */ .dropdown-menu li { padding: 10px; } .dropdown-menu li:hover { background-color: #f1f1f1; } ul.dropdown-menu.large_menu { width: 900px; } .large_menu_first { background: #dedede; border-radius: 10px; margin: 14px ; height: 114px; } .menu_submenu_right_arrow { margin-left: 60px; } .black { color: black; } .nav-link { /* display: block; */ padding: 0rem 0rem; /* color: #0d6efd; */ text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; } @media only screen and (max-width: 1600px) and (min-width: 1000px) { .form-inner-class { padding: 0px 23px; } .dropdwon-div div{ padding: 20px !important; margin-bottom: 0px !important; } .dropdwon-div{ margin: 0px !important; padding: 0px !important; } .dropdown-row{ background-color: rgb(255, 255, 255); padding: 15px 18px 5px 18px !important; margin: 0px !important; } } /* .cat_icon_img { width: 60px; height: 60px; margin-left: 234px; margin-top: -75px; } */ .para_line_height { line-height: 19px !important; } ul.dropdown-menu.large_menu { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 80vw; margin-left: -245px; border-radius: 10px !important; } ul.dropdown-menu.large_menu_2 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 80vw; margin-left: -351px; border-radius: 10px !important; } ul.dropdown-menu.large_menu_3 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 40vw; margin-left: -163px; border-radius: 10px !important; } ul.dropdown-menu.large_menu_4 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 40vw; margin-left: -354px; border-radius: 10px !important; } .dropdown-row { border-radius: 10px; } .fit_section_1 { height: 700px; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ position: relative; } .fit_section_1_1 { padding: 30px 20px 50px 20px; align-items: right; background-color: #00000067; } .fit_section_1_2 { /* margin-top: 300px; */ padding: 30px 20px 50px 20px; align-items: right; background-color: #0000008a; position: absolute; bottom: 0px; right: 0px; } .white { color: #fff !important; } .home_slide_btn_fit { background-color: #000000; color: #bf9270; border-radius: 5px !important; border: 2px solid #bf9270; } .home_slide_btn_fit:hover { background-color: #fff; } /* .btn_left_img , .btn_right_img { display: none ; } */ #myCarousel1 .btn_left_img{ margin-left: -8px; } /* #myCarousel1:hover .btn_left_img , #myCarousel1:hover .btn_right_img{ display: block; font-size: 1rem; scale: .7; } */ #myCarousel1:hover .carousel-control-prev-icon , #myCarousel1:hover .carousel-control-next-icon{ /* display: block; font-size: 1rem; scale: .7; */ display: inline-block; /* width: 2rem;/ */ /* height: 2rem; */ background-repeat: no-repeat; background-position: 50%; background-color: #c28b61; background-size: 100% 100%; /* padding: 0px; */ } #myCarousel2 .btn_left_img{ /* margin-left: -8px; */ } #myCarousel2:hover .carousel-control-prev-icon , #myCarousel2:hover .carousel-control-next-icon{ /* display: block; font-size: 1rem; scale: .7; */ display: inline-block; /* width: 2rem;/ */ /* height: 2rem; */ background-repeat: no-repeat; background-position: 50%; background-color: #c28b61; background-size: 100% 100%; /* padding: 0px; */ } #myCarousel3 .btn_left_img{ margin-left: -8px; } #myCarousel3:hover .carousel-control-prev-icon , #myCarousel3:hover .carousel-control-next-icon{ /* display: block; font-size: 1rem; scale: .7; */ display: inline-block; /* width: 2rem;/ */ /* height: 2rem; */ background-repeat: no-repeat; background-position: 50%; background-color: #c28b61; background-size: 100% 100%; /* padding: 0px; */ } #myCarousel4{ margin-left: -8px; padding: 0px 100px !important; } .carousel-control-prev-icon{ background-color: rgb(12, 6, 6); padding: 20px 10px 20px 20px ; display: none; margin-left: 40px; } .carousel-control-next-icon { background-color: rgb(12, 6, 6); padding: 20px 10px 20px 20px ; display: none; margin-right: 20px; } #myCarousel4:hover .carousel-control-prev-icon , #myCarousel4:hover .carousel-control-next-icon{ /* display: block; font-size: 1rem; scale: .7; */ display: inline-block; /* width: 2rem;/ */ /* height: 2rem; */ background-repeat: no-repeat; background-position: 50%; background-color: #c28b61; background-size: 100% 100%; /* padding: 0px; */ } .accordion-button.collapsed::after { background: url("../../assets/cat_icons/add_480.png"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .accordion-button:not(.collapsed)::after { background: url("../../assets/cat_icons/minus_480.png"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .cate-accordian-btn .accordion-button:not(.collapsed)::after { background: url("../../assets/cat_icons/cminus_480.png"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .cate-accordian-btn .accordion-button.collapsed::after { position: absolute; left: .5rem; top: 1.1rem } .cate-accordian-btn .accordion-button:not(.collapsed)::after { position: absolute; left: .5rem; top: 1.1rem } .navbar-toggler-icon.open { background-image: url('../../assets/cat_icons/close.png'); background-size: 70%; } .navbar { position: fixed !important; top: 0px; left: 0; /* background-color: red; */ } .form-background { background-color: #fff; padding: 47px; border-radius: 20px; } .form-inner-class { padding: 0px 38px; } .borderd-new { border: 1px solid #252525!important; color: black !important; } .menu_width { width: 200px; } .menu_heading_width { width: 230px; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; /* margin-left: 40px; */ /* margin-bottom: 4.5rem; */ } .swiper-slide img { /* width: 300px; */ /* height: 300px; */ /* object-fit: cover; */ } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #ce976d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width: 95%; height: 2px; left: 3rem; top: 99%; } .video_class_rest_pages { object-fit: cover; width: 100%; height: 85vh; } .video_class_rest_pages_2 { object-fit: cover; width: 100% !important; height: 550px; } .about_video_area { object-fit: cover; width: 100%; height: 310px; } /* .video_text_area_res_other_page_page{ position: relative; } .video_text_area_res_other_page_page { } .video_text_area_res_other_page_page{ position: absolute; top:450px; left: 80px; } */ .swiper-button-next:after, .swiper-button-prev:after { font-size: 20px !important; background-color: #ce976d ; padding: 10px !important; color: #fff; display: none; } .swiper-pagination-bullet-active { background-color: #ce976d; } .mySwipercatt:hover .swiper-button-prev:after, .mySwipercatt:hover .swiper-button-next:after { display: block; } /* .featured_product_border { box-shadow: 5px 5px 15px #d6d6d6; } */ .form-background-images { background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 50; position: relative; } .form-background-images::after{ content: ''; width: 100%; height: 100%; background-color: #150c0cc0; position: absolute; top: 0px; left: 0px; z-index: -5; border-radius: 20px; } .input_class { background: #fff !important; border-radius: 10px !important; } .catelog_img { width: 100%; height: 400px; } .home_slide_btn_fit_cate { background-color: #000000; color: #fff; font-size: 22px; border-radius: 5px !important; border: 2px solid #bf9270; } .home_slide_btn_fit_cate:hover { color: #000000; background-color: #fff; } .catelog_img_filter { filter: invert(1); } .home_slide_btn_fit_cate:hover .catelog_img_filter{ filter: none; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 23px; left: 0; width: 0%; } /* poppins family */ .poppins-thin { font-family: "Poppins", sans-serif; font-weight: 100; font-style: normal; } .poppins-extralight { font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; } .poppins-light { font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal; } .poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; } .poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } .poppins-extrabold { font-family: "Poppins", sans-serif; font-weight: 800; font-style: normal; } .poppins-black { font-family: "Poppins", sans-serif; font-weight: 900; font-style: normal; } .poppins-thin-italic { font-family: "Poppins", sans-serif; font-weight: 100; font-style: italic; } .poppins-extralight-italic { font-family: "Poppins", sans-serif; font-weight: 200; font-style: italic; } .poppins-light-italic { font-family: "Poppins", sans-serif; font-weight: 300; font-style: italic; } .poppins-regular-italic { font-family: "Poppins", sans-serif; font-weight: 400; font-style: italic; } .poppins-medium-italic { font-family: "Poppins", sans-serif; font-weight: 500; font-style: italic; } .poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic; } .poppins-bold-italic { font-family: "Poppins", sans-serif; font-weight: 700; font-style: italic; } .poppins-extrabold-italic { font-family: "Poppins", sans-serif; font-weight: 800; font-style: italic; } .poppins-black-italic { font-family: "Poppins", sans-serif; font-weight: 900; font-style: italic; } /* bounce css */ .square { display: inline-block; width: 100px; height: 100px; border-radius: 20px; background: whiteSmoke; box-shadow: 4px -40px 60px 5px rgb(26, 117, 206) inset; } .loader { background: linear-gradient(to right, rgb(22, 113, 202) 50%, transparent 50%); animation: spin 1s infinite linear; } .loader:before { display: block; content: ''; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; background: #222; border-radius: 50%; } .gelatine { animation: gelatine 0.5s infinite; } @keyframes gelatine { from, to { transform: scale(1, 1); } 25% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.1, 0.9); } 75% { transform: scale(0.95, 1.05); } } .map-main{ position: relative; } .map-main .bounse_loc_1 { position: absolute; top: 35%; left: 37%; } .map-main .bounse_loc_2 { position: absolute; top: 45%; left: 42%; } .map-main .bounse_loc_3 { position: absolute; top: 31%; left: 44%; } .map-main .bounse_loc_4 { position: absolute; top: 59%; left: 40%; } .map-main .bounse_loc_5 { position: absolute; top: 70%; left: 43%; } .map-main .bounse_loc_6 { position: absolute; top: 52%; left: 47%; } .spin { animation: spin 1s infinite linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .elastic-spin { animation: elastic-spin 1s infinite ease; } @keyframes elastic-spin { from { transform: rotate(0deg); } to { transform: rotate(720deg); } } .pulse { animation: pulse 1s infinite ease-in-out alternate; } @keyframes pulse { from { transform: scale(0.8); } to { transform: scale(1.2); } } .flash { animation: flash 500ms ease infinite alternate; } @keyframes flash { from { opacity: 1; } to { opacity: 0; } } .hithere { animation: hithere 1s ease infinite; } @keyframes hithere { 30% { transform: scale(1.2); } 40%, 60% { transform: rotate(-20deg) scale(1.2); } 50% { transform: rotate(20deg) scale(1.2); } 70% { transform: rotate(0deg) scale(1.2); } 100% { transform: scale(1); } } .grow { animation: grow 2s ease infinite; } @keyframes grow { from { transform: scale(0); } to { transform: scale(1); } } .fade-in { animation: fade-in 2s linear infinite; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .fade-out { animation: fade-out 2s linear infinite; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .bounce { animation: bounce 2s ease infinite; } @keyframes bounce { 70% { transform:translateY(0%); } 80% { transform:translateY(-15%); } 90% { transform:translateY(0%); } 95% { transform:translateY(-7%); } 97% { transform:translateY(0%); } 99% { transform:translateY(-3%); } 100% { transform:translateY(0); } } .bounce1 { animation: bounce1 1s ease infinite; } @keyframes bounce1 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } .bounce2 { animation: bounce2 2s ease infinite; } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } .bounce3 { animation: bounce3 3s ease infinite; } @keyframes bounce3 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } .bounce4 { animation: bounce4 4s ease infinite; } @keyframes bounce4 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } .bounce5 { animation: bounce5 5s ease infinite; } @keyframes bounce5 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } .bounce6 { animation: bounce6 6s ease infinite; } @keyframes bounce6 { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } .shake { animation: shake 2s ease infinite; } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .flip { backface-visibility: visible !important; animation: flip 2s ease infinite; } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .swing { transform-origin: top center; animation: swing 2s ease infinite; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .wobble { animation: wobble 2s ease infinite; } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .fade-in-down { animation: fade-in-down 2s ease infinite; } @keyframes fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fade-in-left { animation: fade-in-left 2s ease infinite; } @keyframes fade-in-left { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fade-out-down { animation: fade-out-down 2s ease infinite; } @keyframes fade-out-down { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fade-out-right { animation: fade-out-right 2s ease infinite; } @keyframes fade-out-right { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .bounce-in { animation: bounce-in 2s ease infinite; } @keyframes bounce-in { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounce-in-right { animation: bounce-in-right 2s ease infinite; } @keyframes bounce-in-right { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounce-out { animation: bounce-out 2s ease infinite; } @keyframes bounce-out { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounce-out-down { animation: bounce-out-down 2s ease infinite; } @keyframes bounce-out-down { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(20px); } } .rotate-in-down-left { animation: rotate-in-down-left 2s ease infinite; } @keyframes rotate-in-down-left { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotate-in-up-left { animation: rotate-in-up-left 2s ease infinite; } @keyframes rotate-in-up-left { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .hinge { animation: hinge 2s ease infinite; } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .roll-in { animation: roll-in 2s ease infinite; } @keyframes roll-in { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .roll-out { animation: roll-out 2s ease infinite; } @keyframes roll-out { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } @media only screen and (max-width: 800px) and (min-width: 300px) { .video_class_rest_pages { object-fit: cover; width: 100vw !important; height: 380px !important; } .video-cate-video-row{ height: 30vh !important; } .video_text_area_res_other_page_pagx-5 .under-heading h3{ margin: 0rem 0px 0px 0px !important ; padding: 3rem 0px 1.5rem 0px !important ; } .fit_section_1_2 { /* margin-top: 300px; */ /* padding: 30px 20px 50px 20px; align-items: right; background-color: #0000008a; */ position: relative !important; /* bottom: 0px; right: 0px; */ } .map-main .bounse_loc_1 { position: absolute; top: 35%; left: 25%; } .map-main .bounse_loc_2 { position: absolute; top: 45%; left: 34%; } .map-main .bounse_loc_3 { position: absolute; top: 31%; left: 39%; } .map-main .bounse_loc_4 { position: absolute; top: 59%; left: 28%; } .map-main .bounse_loc_5 { position: absolute; top: 70%; left: 33%; } .map-main .bounse_loc_6 { position: absolute; top: 55%; left: 42%; } } /* image gallery */ .gallery-div .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } /* Create four equal columns that sits next to each other */ .gallery-div .column { -ms-flex: 25%; /* IE10 */ flex: 25%; max-width: 25%; padding: 0 4px; } .gallery-div .column img { margin-top: 8px; vertical-align: middle; width: 100%; } /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 800px) { .gallery-div .column { -ms-flex: 50%; flex: 50%; max-width: 50%; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .gallery-div .column { -ms-flex: 100%; flex: 100%; max-width: 100%; } .form-background-2 { background-color: #fff; padding: 47px; border-radius: 20px; margin-top: -117px !important; /* box-shadow: 10px 10px 15px gray; */ } } .form-background-2 { background-color: #fff; padding: 47px; border-radius: 20px; margin-top: -645px; /* box-shadow: 10px 10px 15px gray; */ } .gallery-div { /* opacity: .9; */ position: relative; } .gallery-div::after{ content: ""; width: 100%; height: 100%; background-color: black; z-index: 25; } .bg_cat_image { margin-top: 76px; width: 100vw; object-fit: cover; } .video-stream .html5-main-video { width: 100% !important; height: 550px; left: 0px !important; top: 0px; } .html5-video-container video { width: 100% !important; left: 0px !important; } /* video */ #cate-video iframe { scale: 1.6 !important; } #cate-video{ /* overflow: hidden; */ } /* new font */ .pt-sans-regular { font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; } .pt-sans-bold { font-family: "PT Sans", sans-serif; font-weight: 700; font-style: normal; } .pt-sans-regular-italic { font-family: "PT Sans", sans-serif; font-weight: 400; font-style: italic; } .pt-sans-bold-italic { font-family: "PT Sans", sans-serif; font-weight: 700; font-style: italic; } .pt-sans-bol-gap { font-family: "PT Sans", sans-serif; font-weight: 700; word-spacing: 2px; letter-spacing: 1px; font-style: normal; } .pt-sans-bol-gap-des { font-family: "PT Sans", sans-serif; font-weight: 700; word-spacing: 2px; letter-spacing: 1px; font-style: normal; } .swiper-button-next, .swiper-button-prev { top: 50% !important; } /* // : Use a unique and descriptive class name // : Use a value from 100 to 900 */ .pmontserrat-title { font-family: "Montserrat", sans-serif; font-weight: 700; /* word-spacing: 2px; */ font-style: normal; text-transform: uppercase; } .montserrat-des { font-family: "Montserrat", sans-serif; font-weight: 700; font-style: normal; } /* .home-pagination-cate .swiper-slide { padding-bottom: 5rem !important; } */ .home-pagination-product .swiper-slide { padding-bottom: 5rem !important; } a.white:hover { color: #fff; } .py-2 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .container_1 { width: 65% ; /* background-color: red; */ } .container_1 .col-lg-6 { width: 48% !important; } .cat_back_size { width: 100% !important; height: 421px; background-position: center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 376px) and (min-width: 300px) { .tc-navbar-style2 .navbar-brand { -webkit-margin-end: 170px; margin-inline-end: 129px !important; } } .cat_pad_neg_access { padding: 60px 0px; } .cat_section .swiper-slide { display: block !important; } .mar_left_40 { margin-left: 40px !important; } .cat_pad_neg_top { margin-top: -15px !important; } .about_contact_btn { background-color: #000 ; border-radius: 5px !important; color: #fff !important; } .about-content-area { padding-top: 250px; } .desktop_about_view { display: block; position: relative; } .desktop_about_view .row { /* border: 2px solid red; */ height: 87vh; width: 100vw; position: fixed; left: .9rem; top: 4.9rem; align-items: center; } .mobile_about_view { display: none; } .home_middle_image { object-fit: cover; width: 100%; height: auto; } .pop_back_image { background-image: url("../cat_img//popup_image.jpg"); /* background-color: #cccccc; */ height: 420px; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .7; border-radius: 10px 0px 0px 10px; } .black { color: #000; } .about-content-area-two { padding-top: 150px; } .about-slider-section h2{ margin: 0 50px; } .popup-form-design { padding: 60px 30px 60px 30px; } .category_title_style { font-size: 90px; } .submenu_content { line-height: 2rem !important; } .mobile_category_title_font { font-size: 14px; } .leading_gym_eq { text-align: end; } .home_title_style { font-size: 50px; } .con_mar_neg { padding-top: 130px !important; } .mobile_navbarmenu_hide { display: none; } @media only screen and (max-width: 800px) and (min-width: 300px) { .video_text_area_res_other_page_pagx-5 .under-heading{ margin-top: 14rem; } .accessories-down-title h3{ padding-top: 8rem !important; } .container_1 .d-sm-mt-5{ padding-top: 5rem; } .container_1 .row:nth-child(2){ margin-bottom:0rem; /* background-color: red; */ } .video_text_area_res_other_page_page-2 h3{ padding-top: 10rem !important; } .container_1 .col-sm-12 { width: 100% !important; } .mobile_navbarmenu_hide { display: block !important; } .tc-navbar-style2 .nav-contact-2 * { line-height: 2 !important; } .con_mar_neg { padding-top: 140px !important; } .tc-testimonials-style2 .reverseMeInPhone{ flex-direction: column-reverse; } .tc-testimonials-style2 .reverseMeInPhone .col-lg-5{ margin-top: 1rem; } /* .tc-testimonials-style2 .reverseMeInPhone2{ background-color: red; } */ .tc-testimonials-style2 .reverseMeInPhone2 .col-lg-7{ margin-bottom: 1rem !important; } .home-pagination-product .mb-5 { margin-bottom: 1.5rem !important; } .tc-testimonials-style2, .tc-process-style2 { padding: 0px 0px !important; } .posts .mt-60{ margin-top: 1.2rem !important; } .home-pagination-product .swiper-slide{ padding-bottom: 0px !important; } .tc-process-style2 .col-lg-9{ margin-bottom: 1.5rem; } .about-video-container { position:static !important; height: 0px !important } .home_title_style { font-size: 30px !important; } main{ overflow-x: hidden; } .video-head,.head-video{ padding-top: 2.453rem; } .leading_gym_eq { text-align: left !important; } .mobile_category_title_font { font-size: 17px !important; } .submenu_mobile_hide { display: none; } .dropdwon-div { height: 79px !important; } .large_menu_first { height: 60px !important; margin: 9px !important; } .tc-navbar-style2 .nav-contact { height: 531px !important; } .navbar { position: absolute !important; top: 0px; left: 0; z-index: 20000; } .nav_icon_class { margin-left: 0px; height: 100vh; } .loader-wrap { display: none !important; position: fixed; z-index: 10; height: 100vh; width: 100%; left: -7px !important; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; z-index: 99999999999999; } .video_text_area_res_other_page_page h3 { margin-top: -5rem !important; /*margin-left:0rem !important;*/ font-size:2rem !important; text-align:center !important; display:none !important; } .category_title_style { font-size: 40px !important; } .popup-form-design { padding: 30px 30px 30px 30px !important; } .about-slider-section h2 { margin: 0px 0 0px -27px !important; } .about-content-area-two { padding-top: 120px; } .menu_width { width: 100%; } .form-container { /* background-color: red; */ position: fixed; top: 2%; left: 1% !important; width: 95%; margin: 5px; } .pop_back_image { height: 547px !important; } .desktop_about_view { /* display: none; */ } .desktop_about_view .row { flex-direction: column-reverse; } .about-video-container video{ width: 100% !important; height: 47.5% !important; top: 1.7rem !important; } .mobile_about_view { display: block; } @media only screen and (max-width: 374px) and (min-width: 320px) { .tc-navbar-style2 .navbar-brand { -webkit-margin-end: 170px; margin-inline-end: 76px !important; }} .container_1 { width: 373px !important; } } @media only screen and (max-width: 424px) and (min-width: 375px) { .tc-navbar-style2 .navbar-brand { -webkit-margin-end: 170px; margin-inline-end: 129px !important; } .container_1 { width: 350px !important; } } @media only screen and (max-width: 767px) and (min-width: 425px) { .tc-navbar-style2 .navbar-brand { -webkit-margin-end: 170px; margin-inline-end: 177px !important; } .container_1 { width: 411px !important; } } .cat_menu_sml_width { width: 50% !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, #ce976d) !important; } @media only screen and (max-width: 374px) and (min-width: 320px) { ul.dropdown-menu.large_menu_4 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 106% !important; margin-left: 0px !important; } .cat_icon_img { margin-left: 227px !important; margin-top: -137px !important; } } @media only screen and (max-width: 424px) and (min-width: 375px) { ul.dropdown-menu.large_menu_4 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 105% !important; margin-left: 0px !important; } .cat_icon_img { margin-left: 278px !important; margin-top: -137px !important; } } @media only screen and (max-width: 767px) and (min-width: 425px) { ul.dropdown-menu.large_menu_4 { /* position: absolute; */ /* left: 0px; */ /* top: 24px; */ width: 104% !important; margin-left: 0px !important; } .cat_icon_img { margin-left: 321px !important; margin-top: -137px !important; } } /* #navbarPopup { display: none; } */ .about_section_1 { background-color: #c6c6c6; height: 500px; justify-content: center !important; align-items: center; border-radius: 10px; display: flex; flex-direction: column; /* padding: 0px !important; */ margin: 10px; transition: 1s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } .about_section_1:hover .about_inner_section_video_1{ display: block; } .about_section_1:hover .about_inner_section_content_1{ display: none; } .about_inner_section_video_1, .about_inner_section_content_1 { transition: 1s; } .about_section_2 { background-color: #000000; height: 500px; justify-content: center !important; align-items: center; border-radius: 10px; display: flex; flex-direction: column; /* padding: 0px !important; */ margin: 10px; } .about_section_2:hover .about_inner_section_content_1{ display: none; } .about_section_2:hover .about_inner_section_video_1{ display: block; } .about_inner_section_video_1 { display: none; } .about_video_area_1 { object-fit: cover; width: 100%; height: 400px; border-radius: 10px; } .about_contact_btn_white { background-color: #fff; border-radius: 5px !important; color: #000 !important; } .video_section_1 { display: none; } .video_section_2 { display: none; } .video_section_3 { display: none; } .video_section_4 { display: none; } .accordion-header { margin-bottom: 0; /* border: 2px solid red; */ } .mobile_navbarmenu_ .accordion-item .accordion-button { background-color: #000000; color: white; padding: 0 ; } .mobile_navbarmenu_ .accordion-button:focus{ background-color: rgb(0, 0, 0); /* border-color: black; */ box-shadow: none; } .mobile_navbarmenu_ .accordion-button.collapsed::after { background: url(../../assets/cat_icons/add_480-2.png); background-repeat: no-repeat; background-position: center; background-size: 100%; } .mobile_navbarmenu_ .accordion-button:not(.collapsed)::after{ background: url(../../assets/cat_icons/minus_480-2.png); background-repeat: no-repeat; background-position: center; background-size: 100%; } .mobile_navbarmenu_ .accordion-body{ background-color: rgb(250, 250, 250); border-radius: 20px; } .mobile_navbarmenu_ .accordion-body a{ /* background-color: rgb(232, 219, 219); */ margin: .5rem 0; line-height: 1rem !important; } .mobile_navbarmenu_ .accordion-body a h5{ line-height: 1rem !important; } .mobile_navbarmenu_ .accordion-collapse{ background-color: rgb(0, 0, 0); } .form-popup-bg { position: fixed !important; top: 0px !important; left: 0px !important; inset: 0 !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1000 !important; } /* about-us page about-page */ .form-container { position: sticky !important; /* background-color: red; */ position: fixed !important; top: 2.5%; left: 30%; } .desktop_mobile_menu_hide { display: none; } .desktop_mobile_menu_hide_about { display: none !important; } .about_menu_desktop_show_mobile_hide { display: block; width: 100%; } .about_section_border:hover{ cursor: pointer; } .about-tab-container .slow{ text-align: center; } .form-success-area { background-color: #c3ffc3; padding: 10px; text-align: center; border-radius: 15px; } @media only screen and (max-width: 800px) and (min-width: 300px) { .about_menu_desktop_show_mobile_hide { display: none !important; } .desktop_mobile_menu_hide { display: block; } .tc-navbar-style2 .nav-contact .links-item a { font-size: 2rem !important; } .tc-navbar-style2 .nav-contact .links-item a{ font-size: 1rem !important; } .tc-navbar-style2 .nav-contact{ display: block !important; margin-top: 4.5rem !important; } } /* .hover-bg-black { color : black !important; } */ .footer-floating-btn{ position: fixed; top:50%; right: -3rem; background-color: rgb(255, 255, 255); z-index: 8888; border: none; padding: .8rem 1.5rem; text-transform: uppercase; font-weight: 600; box-shadow: 0px 0px 20px -4px grey; border-radius: 4px; transition: .3s; transform: rotate(90deg); text-align: center; display: flex; align-items: flex-end; justify-content: center; } .footer-floating-btn:hover{ background-color: #181818; color: white; } .footer-whatsapp-btn{ position: fixed; top:83%; right: 3%; z-index: 1000; transition: .3s; width: 10%; display: flex; justify-content: end; } .footer-whatsapp-btn img{ width: 50%; transition: .3s; } .footer-whatsapp-btn img:hover { filter: brightness(.75); } .phone-number-on-form{ position: absolute; left: 3%; top: 2.5%; width: 89%; text-align: center; display: flex; justify-content: space-evenly; margin-bottom: 5rem; gap:.5rem; } .phone-number-on-form a{ background-color: #F4F4F3; border-radius: 20px; padding: .3rem 0rem; width:45%; } @media(max-width:615px) { /* .footer-floating-btn{ top:50%; right: -12.5%; } */ .footer-whatsapp-btn{ width: 60%; top:83%; left: 95%; } .phone-number-on-form{ font-size: .7rem; width: 84%; padding: .5rem; top: 12px; } .popup-form-design h3{ margin-top: 2rem; font-size: 25px !important; } .phone-number-on-form{ flex-direction:column; gap:1rem; } .phone-number-on-form a{ width: 98%; font-size: .9rem; padding: .5rem 0; font-weight: 400; } .home-style2 .fsz-40 { margin: 8rem 0 0 0; font-size: 25px !important; } } @media (max-width:400px) { .download-catalogue-btn{ width: 120%; margin-left: -22px; background-color: red; } } @media(max-width:1024px) { .tc-navbar-style2 .nav-contact .links-item a { font-size: .65rem; } .logo_class{ margin-top: -.7rem; } /* .tc-navbar-style2 .nav-contact { display: flex; margin: 15px 0; margin-top: .5rem; } .tc-navbar-style2 .nav-contact * { line-height: 3 !important; } .tc-navbar-style2 .nav-icons .icon { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 20px; margin-inline-end: 20px; } .navbar-expand-lg{ flex-wrap: wrap; } .tc-navbar-style2 .nav-contact .links-item{ -webkit-margin-end: .7rem; } .navbar-expand-lg .navbar-collapse{ margin-top: -3rem; } */ .footer-whatsapp-btn{ width: 30%; top:80%; left: 65%; } .popup-form-design h3{ margin-top: 2rem; /* font-size: 25px !important; */ } .phone-number-on-form{ width: 83%; /*flex-direction:column;*/ } } @media (min-width: 992px) { .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; justify-content: end; } } .video_text_area_res_other_page_page h3 { margin-left: 3rem; } .dropdown-row{ position: absolute; background-color: white; padding-top: .5rem !important; box-shadow: 0px 0px 20px -4px gray; padding-bottom: 1rem; left:-15%; } .mySwiper10 .swiper-button-next, .mySwiper10 .swiper-button-prev{ background-color: rgb(126, 126, 126); color: white; border-radius: 3px; font-size: 2rem; } .mySwiper12 .swiper-button-next, .mySwiper12 .swiper-button-prev{ background-color: red; color: white; background-color: rgb(126, 126, 126); color: white; border-radius: 3px; font-size: 2rem; top: 40% !important; } .dropdwon-div div,.dropdwon-div img{ transition: .3s; } .dropdwon-div div:hover{ background-color: rgb(255, 234, 198); } .dropdwon-div:hover img{ scale: 1.15; } @media screen and (max-width:1130px) and (min-width:1097px) { .tc-navbar-style2 .nav-contact .links-item a { font-size: .7rem !important; } .logo_class{ margin-top: -.7rem; } .tc-navbar-style2 .nav-contact { display: flex !important; margin: 15px 0; margin-top: -2.5rem; } .tc-navbar-style2 .nav-contact * { line-height: 3 !important; } .tc-navbar-style2 .nav-icons .icon { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 20px; margin-inline-end: 20px; } .navbar-expand-lg{ flex-wrap: wrap; } .tc-navbar-style2 .nav-contact .links-item{ -webkit-margin-end: .7rem; } .navbar-expand-lg .navbar-collapse{ margin-top: 0rem; } } @media screen and (max-width:1280px) and (min-width:1131px) { .tc-navbar-style2 .nav-contact .links-item a { font-size: .7rem !important; } .logo_class{ margin-top: -.7rem; } .tc-navbar-style2 .nav-contact { display: flex !important; margin: 15px 0; margin-top: .5rem; } .cat_icon_img { width: 3rem; height: 3rem; margin-left: 12.5rem; margin-top: -2.5rem; } /* .tc-navbar-style2 .nav-contact * { line-height: 0 !important; } */ .tc-navbar-style2 .nav-icons .icon { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 20px; margin-inline-end: 20px; } .navbar-expand-lg{ flex-wrap: wrap; } .tc-navbar-style2 .nav-contact .links-item{ -webkit-margin-end: .7rem; } .navbar-expand-lg .navbar-collapse{ margin-top: 0rem; } } @media screen and (max-width:1229px) and (min-width:1025px) { .navbar-expand-lg .navbar-collapse{ margin-top: -3rem; } } @media screen and (max-width:1535px) and (min-width:1396px) { .navbar-expand-lg .navbar-collapse{ margin-top: 0rem; } .logo_class{ margin-top: -.7rem; } .tc-navbar-style2 .nav-contact { display: flex !important; margin: 15px 0; margin-top: .5rem; } .tc-navbar-style2 .nav-contact * { line-height: 1 !important; } .tc-navbar-style2 .nav-icons .icon { -webkit-margin-start: 0; margin-inline-start: 0; -webkit-margin-end: 20px; margin-inline-end: 20px; } .navbar-expand-lg{ flex-wrap: wrap; } .tc-navbar-style2 .nav-contact .links-item{ -webkit-margin-end: .7rem; } .navbar-expand-lg .navbar-collapse{ /*margin-top: -3.15rem;*/ } } .navbar-toggler-icon.open { transform: rotate(90deg) !important; transition: transform 0.2s ease-in-out !important; }