/* =============================== Website Font Css =============================== */ /*First Font*/ @font-face { font-family: "Oswald"; font-weight: 400; src: url(../fonts/Oswald/Oswald-Regular.ttf); } @font-face { font-family: "Oswald"; font-weight: 500; src: url(../fonts/Oswald/Oswald-Medium.ttf); } @font-face { font-family: "Oswald"; font-weight: 700; src: url(../fonts/Oswald/Oswald-Bold.ttf); } /*Second Font*/ @font-face { font-family: "Parkinsans"; font-weight: 400; src: url(../fonts/Parkinsans/Parkinsans-Regular.ttf); } @font-face { font-family: "Parkinsans"; font-weight: 500; src: url(../fonts/Parkinsans/Parkinsans-Medium.ttf); } @font-face { font-family: "Parkinsans"; font-weight: 700; src: url(../fonts/Parkinsans/Parkinsans-Bold.ttf); } /*Third Font */ @font-face { font-family: "Roboto"; font-weight: 400; src: url(../fonts/Roboto/Roboto-Regular.ttf); } @font-face { font-family: "Roboto"; font-weight: 500; src: url(../fonts/Roboto/Roboto-Medium.ttf); } @font-face { font-family: "Roboto"; font-weight: 700; src: url(../fonts/Roboto/Roboto-Bold.ttf); } /* =============================== Website Font Css End =============================== */ /* =============================== Website Body Css =============================== */ * { font-family: Roboto !important; } li { list-style: none; } :root { --color1: #000000; --color2: #ffffff; --h-color: #181855; --h2-color: #7CA8D2; --txt-color: #565656; --btn-color: #181855; } body { position: relative; max-width: 1920px; height: 100%; width: 100%; margin: 0 auto; padding: 0; scroll-behavior: smooth; overflow-x: hidden; background: #fff !important; } /* =============================== Website Body Css End =============================== */ /* =============================== Desktop Show Css =============================== */ .dasktop-show { display: block; } @media (max-width: 992px) { .dasktop-show { display: none !important; } } /* =============================== Desktop Show Css End =============================== */ /* =============================== Default Text Css =============================== */ .sub-heading { position: relative; } .sub-heading h3 { display: inline-block; position: relative; color: var(--color1); font-size: 24px; font-weight: 400; margin: 0px; text-transform: capitalize; font-family: parkinsans !important; line-height: 30px; } .sub-para p { color: var(--txt-color); font-size: 16px; font-weight: 500; letter-spacing: 0.32px; margin-bottom: 5px; line-height: 20px; padding-bottom:20px; } .defalt-heading h2 { color: var(--h-color) !important; font-size: 35px !important; margin: 0px; display: inline-block; text-transform: uppercase; position: relative; font-weight: 600; font-family: Oswald !important; letter-spacing: 0.5px; line-height: normal; padding-bottom: 30px; } .defalt-heading p { position: relative; color: var(--txt-color); max-width: 70%; margin: 10px auto; font-size: 16px; } .btn-primary { color: var(--color2); background: var(--btn-color) !important; border: 1px solid var(--btn-color) !important; } /*default heading css for mobile*/ @media (max-width: 767px) { body .sub-heading { padding-top: 0px !important; margin: 0 !important; } body .sub-heading h3 { font-size: 14px !important; line-height: 15px !important; } body .defalt-heading h2 { font-size: 16px !important; line-height: 0px !important; padding-bottom: 10px; letter-spacing: 0px; } body .defalt-heading p { font-size: 11px; max-width: 100% !important; } } @media (min-width: 575px) and (max-width: 767px) { .sub-heading { padding-top: 0px !important; } .defalt-heading h2 { font-size: 18px !important; } } @media (min-width: 767px) and (max-width: 992px) { .sub-heading h3 { font-size: 16px !important; } .defalt-heading h2 { line-height: 25px !important; font-size: 22px!important; } } /* =============================== Default Text Css End =============================== */ /* =============================== Show More btn Css =============================== */ .content-hidden p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .content h2 { font-size: 32px; } .content-hidden { overflow: hidden; transition: 0.5s ease; } body .content-hidden h1:nth-child(1), body .content-hidden h2:nth-child(1), body .content-hidden p:nth-child(1) { display: block !important; } body .content-hidden h1, body .content-hidden h2, body .content-hidden h3, body .content-hidden h4, body .content-hidden h5, body .content-hidden h6, body .content-hidden p { display: none !important; } button#toggleBtn { outline: unset; } .content-hidden p:nth-child(2) { display: block !important; } .seo-content { /* padding-bottom: 10px; */ } /* =============================== Show More btn Css End =============================== */ /* =============================== New Button CSS =============================== */ .btn-53, .btn-53 *, .btn-53 :after, .btn-53 :before, .btn-53:after, .btn-53:before { border: 0 solid; box-sizing: border-box; } .btn-53 { -webkit-tap-highlight-color: transparent; -webkit-appearance: button; background-color: #000; background-image: none; color: #fff; cursor: pointer; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: 100%; line-height: 1.5; margin: 0; -webkit-mask-image: -webkit-radial-gradient(#000, #fff); padding: 0; } .btn-53:disabled { cursor: default; } .btn-53:-moz-focusring { outline: auto; } .btn-53 svg { display: block; vertical-align: middle; } .btn-53 [hidden] { display: none; } .btn-53 { border-radius: 0px; box-sizing: border-box; display: block; font-weight: 900; overflow: hidden; padding: 10px 40px; position: relative; text-transform: uppercase; } .btn-53 .original { background: var(--btn-color); color: #fff; display: grid; inset: 0; place-content: center; position: absolute; transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1); font-family: 'Parkinsans' !important; } .btn-53:hover .original { transform: translateY(100%); } .btn-53 .letters { display: inline-flex; gap: 5px; font-family: 'Parkinsans' !important; } .btn-53 span { opacity: 0; transform: translateY(-15px); transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1), opacity 0.2s; } .btn-53 span:nth-child(2n) { transform: translateY(15px); } .btn-53:hover span { opacity: 1; transform: translateY(0); color: #fff; } .btn-53:hover span:nth-child(2) { transition-delay: 0.1s; } .btn-53:hover span:nth-child(3) { transition-delay: 0.2s; } .btn-53:hover span:nth-child(4) { transition-delay: 0.3s; } .btn-53:hover span:nth-child(5) { transition-delay: 0.4s; } .btn-53:hover span:nth-child(6) { transition-delay: 0.5s; } .btn-53:hover span:nth-child(7) { transition-delay: 0.6s; } .btn-53:hover span:nth-child(8) { transition-delay: 0.7s; } /* =============================== End New Button CSS =============================== */ /* =============================== Body Contact Css =============================== */ body .my_contact_us { display: block; position: fixed; right: -44px; top: 35%; z-index: 9; transform: rotate(90deg); } /*header css for mobile*/ @media (max-width: 767px) { body .my_contact_us { right: -30px; } } /* =============================== End Body Contact Css =============================== */ /* =============================== for search css =============================== */ .h-search-form input.form-control { position: absolute; width: 80%; border-radius: 100px; top: 0px; transition: 0.5s; z-index: -1; } .form-section.h-search-form { position: relative; z-index: 2; } .form-section.h-search-form button.btn { float: right; margin: auto; background: transparent; border: none; z-index: 9; padding-right: 80px; position: relative; top: -2px; } .form-section.h-search-form form.d-flex { display: block !important; position: relative; } .form-section.h-search-form form.d-flex:hover input { transition: 0.5s; } .search-btn { cursor: pointer; display: inline-block; position: relative; } .search-box-btn.search-box-outer { background: transparent; height: 40px; width: 40px; display: inline-block; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .search-box-btn.search-box-outer:hover { transition: 0.3s; } .search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateX(-100%); background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .search-active .search-popup { transform: translateY(0%); margin-top: 0; z-index: 9999999; } .search-popup .close-search.style-two { position: absolute; right: 25px; left: auto; color: #ffffff; width: auto; height: auto; top: 25px; margin: 0px; border: none; background: none !important; box-shadow: none !important; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .search-popup:before { left: 0; top: 100%; width: 100%; height: 560px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 0px; content: ""; } .search-active .search-popup form { transform: scaleX(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .search-popup form { position: absolute; max-width: 700px; top: 50%; left: 15px; right: 15px; margin: -35px auto 0; transform: scaleX(0); transform-origin: center; background-color: #111111; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .search-popup .form-group { position: relative; margin: 0px; overflow: hidden; } .search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"] { position: relative; display: block; font-size: 18px; line-height: 50px; color: #000000; height: 70px; width: 100%; outline: none; border: none; padding: 10px 30px; background-color: #ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; font-weight: 500; text-transform: capitalize; } .search-popup .form-group input[type="submit"], .search-popup .form-group button { position: absolute; right: 30px; top: 0px; height: 40px; line-height: 65px; background: transparent; text-align: center; font-size: 24px; color: #000000; padding: 0; cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border: unset; } .search-popup .form-group button { top: 0 !important; right: 20px !important; bottom: 0 !important; height: 40px; width: 40px; margin: auto; padding: 0; line-height: normal; } .search-popup .form-group button img.img-fluid { margin: 0; position: relative; } /* =============================== End Search css =============================== */ .header-logo-contain-top { background-color: #fff; padding: 10px 0px; border-bottom: 1px solid #ccc; } .logo-sec .header-info { display: flex; justify-content: left; align-items: center; padding-left: 10px; } .logo-sec .header-info2 { display: flex; justify-content: right; align-items: center; padding: 0; } .h-contact .all-icon { display: flex; justify-content: center; align-items: center; } .h-contact .all-icon .h-icon { height: 40px; width: 40px; margin-right: 10px; margin-left: 0px; display: flex; align-items: center; justify-content: start; background: #0E0C1C; position: relative; border-radius: 100px; } .h-contact .all-icon p.c-num { margin: 0 !important; color: #151515; font-size: 11px; font-weight: 400; line-height: 20px; margin-left: 5px !important; transition: 0.5s; font-family: parkinsans !important; } .main-menu-header .row-third .header-social-icons ul.head-social-list { padding: 0; display: flex; align-items: center; justify-content: center; margin: 0; } .main-menu-header .row-third .header-social-icons ul.head-social-list li { margin: 0px 10px; position: relative; height: 40px; width: 40px; background: #101010; border-radius: 100px; transition: 0.5s; } .main-menu-header .row-third .header-social-icons ul.head-social-list li:hover { background: var(--h2-color) !important; transition: 0.5s; } .main-menu-header .row-third .header-social-icons ul.head-social-list li a img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .my-navbar .header-logo.mobile-logo { display: none; } .main-header li.nav-item { position: relative; margin: 0px 0px 0px 0px; transition: 0.5s; } .main-header li.nav-item a.nav-link { padding: 5px 7px !important; color: #000; border-radius: 0px; margin: 0px 14px; font-size: 12px; font-weight: 400; text-transform: capitalize; font-family: 'Parkinsans' !important; } .main-header li.active.nav-item a.nav-link { position: relative; border-radius: 0px; color: var(--btn-color); /* background: linear-gradient(90deg, #181855, #181855b5); */ border-radius: 100px; font-weight: 600; } .main-header li.nav-item a.nav-link.show { color: var(--btn-color); transition: 0.5s; } .my-navbar .navbar-collapse ul ul.dropdown-menu { background: var(--btn-color); transition: 0.3s; } .my-navbar .navbar-collapse ul ul.dropdown-menu a { color: var(--color2) !important; } .my-navbar .navbar-collapse ul ul.dropdown-menu li.dropdown-item:hover { background: transparent !important; transition: 0.3s; } .my-navbar .navbar-collapse ul ul.dropdown-menu li.dropdown-item:hover a { color: var(--color2) !important; transition: 0.3s; background: transparent !important; } .header-inforight { display: flex; align-items: center; justify-content: center; } .logo-sec .header-info .h-contact { position: relative; margin: 0px 30px 0px 0px; border-right: 1px solid #fff; } .header-logo-contain-top:before { position: absolute; top: 0; bottom: auto; left: 0; right: 0; content: ""; height: 12px; width: 100%; background: #051e3038; display: none; } .logo-sec .header-info .h-contact:last-child { border-right: none; } .h-contact .all-icon .h-icon img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .h-contact .all-icon span { color: #151515; font-weight: 600; font-size: 12px; font-family: parkinsans !important; } .logo-sec .header-info .h-contact .text-numb { display: flex; align-items: center; justify-content: left; } .main-menu-header .header-logo a { position: absolute; top: -45px; left: 0; bottom: 0; right: 0; margin: auto; } .main-menu-header .header-logo:after { position: absolute; top: -20px; left: 0; bottom: 0; right: 0; margin: auto; height: 100px; width: 95%; content: ""; z-index: 9; background-image: url("/images/logo-before.png"); background-repeat: no-repeat !important; background-size: 100% 100%; } .main-menu-header .header-logo img { z-index: 99999999; position: relative; max-width: 47%; } /*header css for mobile*/ @media (max-width: 767px) { .header-top { display: none; } section.logo-sec.main-header { background: var(--btn-color) !important; width: 100%; position: fixed !important; height: 80px !important; top: 0 !important; left: 0 !important; z-index: 999 !important; } .main-menu-header { background: #fff; height: 80px !important; border-radius: 0px !important; } .my-navbar .header-logo.mobile-logo { display: block !important; text-align: left !important; top: 0 !important; margin: 0; padding: 0px 0px 10px 30px; border-radius: unset !important; } .my-navbar .container-fluids { display: flex; justify-content: space-between; align-items: center; width: 100%; } .my-navbar .header-logo.mobile-logo img.img-fluid { width: 20%; max-width: 20%; z-index: 1; } .my-navbar button.navbar-toggler { padding: 0 !important; background: var(--color2); } .main-header .navbar-collapse { position: fixed; top: 0; background: var(--color2); left: 0; transform: translateX(-1000px); width: 70%; padding-top: 30px; height: 100vh !important; text-align: left; transition: 0.3s; } .main-header .navbar-collapse.show { transform: translateX(0px); transition: 0.3s; background-color: #fff; z-index: 999; } .main-header li.nav-item { padding: 5px 0px !important; } .main-header li.nav-item a.nav-link { font-size: 11px !important; color: var(--h-color) !important; margin: 5px 10px !important; display: inline-block; position: relative; } body .main-header li.nav-item a:hover { color: #000 !important; } .my-navbar .navbar-collapse ul ul.dropdown-menu { background: var(--color2) !important; margin: 0px 10px; text-align: center !important; } .my-navbar .navbar-collapse ul ul.dropdown-menu a { color: var(--h-color) !important; font-size: 10px; } .main-header .navbar-toggler:focus { box-shadow: none !important; border-color: rgba(0, 0, 0, 0.1); } .main-menu-header .header-logo:after{ display:none; } } @media (min-width: 575px) and (max-width: 767px) { .logo-sec.main-header .wow.fadeInRight { width: 100%; } .my-navbar .container-fluids { display: flex; justify-content: space-between; align-items: center; width: 100%; } .logo-sec.main-header { background: #1c1c1c; width: 100%; position: fixed; height: 80px; top: 0; left: 0; z-index: 999; } } /*header css for tab*/ @media (min-width: 767px) and (max-width: 992px) { .header-top { display: none; } .logo-sec.main-header .row-second { display: none !important; } .logo-sec.main-header .wow.fadeInRight { width: 100%; } .my-navbar .container-fluids { display: flex; justify-content: space-between; align-items: center; width: 100%; } section.logo-sec.main-header { background: var(--color2); width: 100%; position: fixed !important; height: 80px; top: 0; left: 0; z-index: 999 !important; } .main-menu-header { background: #fff; height: 80px !important; border-radius: 0px !important; /* padding-top: 5px; */ } .my-navbar .header-logo.mobile-logo { display: block !important; text-align: left !important; top: 0 !important; width: unset; padding: 10px; } .my-navbar .container-fluids { display: flex; justify-content: space-between; align-items: center; width: 100%; } .my-navbar .header-logo.mobile-logo img.img-fluid { width: 20%; } .my-navbar button.navbar-toggler { padding: 0 !important; background: var(--color2); } .main-header .navbar-collapse { position: fixed; top: 0; background: var(--color2); left: 0; transform: translateX(-1000px); width: 70%; padding-top: 60px; height: 100vh !important; overflow: auto; text-align: left; transition: 0.3s; padding-bottom: 20px; z-index: 99999; } .main-header .navbar-collapse.show { transform: translateX(0px); transition: 0.3s; } .main-header li.nav-item { padding: 5px 0px !important; text-align: center !important; } .main-header li.nav-item a.nav-link { font-size: 14px !important; color: var(--h-color) !important; margin: 2px 10px !important; display: inline-block; position: relative; } .my-navbar .navbar-collapse ul ul.dropdown-menu { background: var(--color2) !important; margin: 0px 10px; text-align: center; } .my-navbar .navbar-collapse ul ul.dropdown-menu a { color: var(--h-color) !important; font-size: 14px; } .main-header .navbar-toggler:focus { box-shadow: none !important; border-color: rgba(0, 0, 0, 0.1); } } .my-navbar button.navbar-toggler.collapsed span.navbar-toggler-icon { background-image: url(/images/menubar.png); } .my-navbar button.navbar-toggler span.navbar-toggler-icon { background-image: url(/images/close.png); height: 40px; width: 40px; } /*header css for tab*/ @media (min-width: 992px) and (max-width: 1024px) { .main-header a.nav-link { font-size: 12px; } .my-navbar .navbar-collapse ul ul.dropdown-menu a { color: #fff !important; font-size: 12px; } } /*end header css*/ /*banner css*/ .banner-slider .owl-item .item .container { position: relative; height: 100%; } .banner-slider .owl-item .item .container .row.align-items-center { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .banner_txt .caption2 h1.text1:before { content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 2px; background: #000; } .banner-slider .owl-item .item { height: 650px; margin: 0px; position: relative; } .banner_txt { position: absolute; top: auto; left: 0; bottom: 20px; right: 0; margin: auto; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 11; } .banner_txt .caption2 { max-width: 100%; text-align: center; padding: 40px; border-radius: 50px; position: relative; } .banner_txt h2.text3 { color: #fff; font-size: 100px; font-weight: 700; position: relative; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.40); margin: 0; padding-bottom: 0px; font-size: 40px; font-style: italic; font-family: Oswald !important; } .banner_txt h5.text2 { color: var(--btn-color); font-size: 70px; font-weight: 700; line-height: normal; position: relative; text-transform: capitalize; letter-spacing: 2.4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } .banner_txt p.text4 { color: #fff; font-size: 16px; font-weight: 400; line-height: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: 1px; margin: 0; padding: 20px 0px 10px 0px; } .btn-bnnr { display: inline-block; margin-top: 0px; } .btn-bnnr a { padding: 10px 30px; color: var(--color2); background: var(--btn-color); font-size: 16px; font-weight: 600; line-height: normal; text-transform: capitalize; transition: 0.5s; border-radius: 100px; } .btn-bnnr a:hover { transition: 0.5s; transform: scale(1.08); } .banner-slider .owl-nav { display: none !important; } .banner-slider .owl-nav .owl-prev { font-size: 0; background-image: url(/images/arrow_black.png); width: 30px; height: 50px; background-repeat: no-repeat; background-position: center; transform: rotate(0deg); position: absolute; bottom: 50%; left: 0%; background-color: var(--btn-color); } .banner-slider .owl-nav .owl-next { font-size: 0; background-image: url(/images/arrow_black.png); width: 30px; height: 50px; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); position: absolute; bottom: 50%; right: 0%; background-color: var(--btn-color); } .banner-slider .owl-dots { display: flex !important; position: absolute; bottom: 15%; left: auto; right: 0; display: none !important; } .banner-slider .owl-dots .owl-dot span { display: block; padding: 10px; height: 20px; width: 20px; border-radius: 50%; position: relative; } .banner-slider .owl-dots .owl-dot { border-radius: 50%; border: 0px solid #ffffff; margin: 10px; padding: 4px; display: inline; } .banner-slider .owl-dots .owl-dot.active span:before { font-weight: 600 !important; } .banner-slider .owl-dots .owl-dot.active span { border: 1px solid #fff; } /*banner css for mobile*/ @media (max-width: 767px) { section.banner-section { position: relative; height: 200px !important; margin-top: 0px !important; } section.banner-section .bannermain { position: relative !important; top: 0 !important; padding: 0px !important; } .banner_txt { padding: 0 !important; bottom: 0; } .banner_txt .caption2 { max-width: 100% !important; padding: 10px !important; } .banner_txt h2.text3 { font-size: 25px !important; line-height: 17px; margin: 0 !important; -webkit-line-clamp: 3; padding-bottom: 10px; } .banner_txt h5.text2 { font-size: 16px; line-height: 20px; margin: 0 !important; } .banner_txt p.text4 { font-size: 12px !important; line-height: normal !important; -webkit-line-clamp: 2; padding: 0; } .btn-bnnr { margin-top: 0px !important; } .btn-bnnr a { font-size: 10px !important; padding: 5px 10px !important; } .banner-slider .owl-dots { display: none !important; } .banner-slider .owl-nav { display: none !important; } } /*banner css for tab*/ @media (min-width: 767px) and (max-width: 992px) { section.banner-section { position: relative; height: 300px !important; } body section.banner-section .bannermain { height: 300px !important; } body .bannermain .item { height: 300px !important; } section.banner-section .bannermain { position: relative !important; top: 0 !important; padding: 0px !important; } .banner_txt { padding: 0 !important; } .banner_txt h2.text3 { font-size: 30px !important; margin: 0; } .banner_txt h5.text2 { font-size: 25px; line-height: 30px; } .banner_txt p.text4 { font-size: 14px !important; line-height: 22px !important; padding: 0; } .btn-bnnr { margin-top: 0px !important; } .btn-bnnr a { font-size: 14px !important; padding: 10px 20px !important; } .banner-slider .owl-nav { display: none !important; } } /*banner css for tab*/ @media (min-width: 992px) and (max-width: 1024px) { .banner_txt h2.text3 { font-size: 40px; } .banner_txt h5.text2 { font-size: 18px; } .btn-bnnr a { font-size: 18px; } } /*end banner css*/ /*----------===-----------*/ /*about section*/ .about-section { position: relative; padding: 60px 0px; background-repeat: no-repeat !important; background-size: 100% !important; background-position: bottom; } .about-ccontent h1 { color: var(--h-color); font-size: 30px; font-weight: 700; display: inline-block; line-height: normal; margin-bottom: 10px; text-transform: capitalize; padding-bottom: 10px; position: relative; } .about-section .about-ccontent p { color: var(--txt-color); font-size: 15px; font-weight: 400; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } .about-section:before { position: absolute; top: 0; left: 0; bottom: auto; right: 0; margin: auto; height: 80px; width: 100%; content: ""; background: var(--h2-color) !important; clip-path: polygon(0 0, 140% 0%, 0 75%, 0% 100%); z-index: -1; } .about-section:after { position: absolute; top: 20px; right: 0; bottom: auto; margin: auto; left: auto; height: 500px; width: 200px; background-image: url("/images/about-before.png"); background-repeat: no-repeat !important; background-size: 100% 100% !important; z-index: -1; content: ""; } .about-section:before { display: none; } /*about css for mobile*/ @media (max-width: 767px) { .about-section { padding: 30px 0px !important; margin: 0 !important; } .about-ccontent h1 { display: block !important; font-size: 22px !important; } .about-section .about-ccontent { padding-top: 0px !important; } .about-section .about-ccontent p { font-size: 10px !important; line-height: 18px !important; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; } .about-section:after { height: 300px; opacity: 0.7; } .about-section .about-image.solu-img .abt-ciclediv { display: none; } } /*about us css for tab*/ @media (min-width: 767px) and (max-width: 992px) { section.about-section { padding: 30px 0px !important; } .about-ccontent h1 { display: block !important; font-size: 22px !important; } section.about-section .about-ccontent p { font-size: 10px !important; line-height: 18px !important; } .about-btn a { font-size: 14px !important; } } /*about css for tab*/ @media (min-width: 992px) and (max-width: 1024px) { .about-ccontent h1 { font-size: 20px; } .about-section .about-ccontent p { font-size: 13px; } .about-btn a { font-size: 13px; } } /*end about section*/ /*product section*/ .product-section { padding: 60px 0px; position: relative; background: #070707; } .product-heading-bg { text-align: center; margin-bottom: 40px; padding: 10px 0px; } .product-heading-bg .defalt-heading h2 { color: #fff !important; } section.product-section .sub-heading, section.product-section .defalt-heading { position: relative; } section.product-section .product-list { height: 300px; position: relative; overflow: hidden !important; background: #E8E8E8; } section.product-section .product-list img.img-fluid { position: absolute; top: 0; left: 0; bottom: auto; right: 0; width: 100% !important; height: 100% !important; margin: auto; transition: 0.5s; /* border-radius: 20px; */ object-fit: contain; background: #E8E8E8; } .product-url a { color: var(--color1); font-size: 16px; font-weight: 500; line-height: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-align: center; text-transform: capitalize; position: relative; font-family: 'Parkinsans' !important; transition: 0.5s; } .product-section .owl-carousel .owl-stage-outer { padding-top: 50px; } .product-section .owl-carousel .owl-item:nth-child(even) .item { position:relative; top:-60px } .product-section .btn-53 .original { background: #fff; color: #000; } /*product css for mobile*/ @media (max-width: 767px) { .product-section { padding: 30px 0px !important; padding-bottom: 0; } .main-div { margin-top: 0px !important; margin-bottom: 10px !important; } .product-content { padding-top: 0px; } .product-url a { font-size: 12px !important; padding: 0px !important; font-weight: 500 !important; -webkit-line-clamp: 2; } .product-list { width: 100%; height: 130px !important; position: relative !important; } .product-url, .product-url-main { margin-top: 0px !important; } } /*product css for tab*/ @media (min-width: 767px) and (max-width: 992px) { .product-section { padding: 30px 0px; } .product-url a { font-size: 14px; font-weight: 500 !important; } } /*product css for tab*/ @media (min-width: 992px) and (max-width: 1024px) { .product-url a { font-size: 14px; } } /*end product section*/ @media (max-width: 767px) { .prod-content h2 { font-size: 12px; margin-bottom: 10px; } .prod-content p { font-size: 10px; margin: 0px; } .prod-content a { font-size: 11px; font-weight: 500; } } /* =============================== blogs section css =============================== */ .blog-section { padding: 60px 0px; position: relative; z-index: 1; } .blog-section .defalt-heading h2 { color: var(--h2-color); padding: 0; } .blog-section .blog-img { height: 280px; position: relative; overflow: hidden; border-radius: 0px; } .blog-section .blog-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; margin: auto; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: 0.8s; } .blog-section .blog-url { padding: 0px 0px 10px 0px; } .blog-section .main-blog { position: relative; padding: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: #F2FAFF; } .blog-section .blog-url a { color: var(--color1); font-size: 20px; font-weight: 600; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-transform: capitalize; font-family: parkinsans !important; min-height: 60px; } .blog-section .main-blog-div:hover .blog-url a { color: var(--btn-color) !important; } .blog-section .blog-txt p { font-size: 14px; font-weight: 400; line-height: normal; color: var(--txt-color); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .blog-section .blog-url-main .view-details a { font-size: 16px; font-weight: 500; line-height: normal; text-transform: capitalize; color: var(--h-color); transition: 0.5s; } .blog-section .main-blog-div .blog-content { padding: 20px 0px; position: relative; transition: 0.5s; } .blog-section .main-blog-div:hover .blog-content { border-color: #000000; } .blog-section .main-blog-div:hover .blog-content { transition: 0.5s; } .blog-section .main-blog-div .blog-content .blog-admin { padding: 10px 0px; } .blog-section .main-blog-div .blog-content .blog-admin span.blog-date { font-size: 14px; padding-right: 5px; } .blog-section .main-blog-div .blog-content .blog-admin span.blog-date img { padding-right: 5px; } /*BLOGS css for mobile*/ @media (max-width: 767px) { .blog-section { padding: 30px 0px 30px 0px !important; } .blog-section .blog-up:nth-child(2) { margin-top: 0px !important; } .blog-section .defalt-heading { margin-bottom: 0 !important; } .blog-section .main-blog-div { margin-top: 0px !important; margin-bottom: 20px; } .blog-section .blog-img { height: 180px !important; } .blog-section .blog-url a { font-size: 16px !important; -webkit-line-clamp: 2; line-height: 20px; } .blog-section .blog-txt p { font-size: 12px !important; margin: 5px 0px !important; padding: 0px !important; } .blog-section .blog-url-main .view-details a { font-size: 12px !important; line-height: 20px !important; } .blog-section .main-blog { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 992px) { .blog-section { padding: 30px 0px 0px !important; } .blog-section .main-blog-div { margin-top: 10px !important; margin-bottom: 0px !important; } .blog-section .defalt-heading { margin-bottom: 0 !important; } .blog-section .blog-img { height: 180px !important; } .blog-section .blog-up:nth-child(2) { margin-top: 0px !important; } .blog-section .blog-content .name-user p { font-size: 11px !important; } .blog-section .blog-url a { font-size: 14px !important; line-height: 18px !important; -webkit-line-clamp: 2; min-height: 40px; } .blog-section .blog-txt p { font-size: 14px !important; line-height: 17px !important; margin: 5px 0px !important; padding-top: 0px; } .blog-section .blog-url-main .view-details a { font-size: 14px !important; line-height: 20px !important; } } /* end blogs section css */ /*footer css*/ .footer-p p { color: #fff; font-size: 15px; font-weight: 400; line-height: 25px; margin-top: 20px; margin-bottom: 20px; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .footer-heading { margin-bottom: 20px; } .footer-section .footer-heading h4 { color: var(--btn-color); font-size: 20px; font-weight: 700; line-height: normal; text-transform: capitalize; position: relative; margin: 0; } .footer-widgets li a { color: #fff; font-size: 15px; font-weight: 400; line-height: unset; } .footer-menus ul.footer-menus-list { padding: 0; margin: 0 !important; } .footer-widgets li .h-icon { margin-right: 15px; display: inline-block; } .footer-widgets li { margin: 5px 0px; } ul.footer-menus-list li { margin: 15px 0px !important; } .footer-botm { padding: 20px 0px; background: #020202; /* border-top: 1px solid #ffffff42; */ } .footer-botm p.asdas { margin: 0px; color: #fff; text-align: center; font-size: 14px; font-weight: 400; line-height: normal; text-transform: capitalize; font-family: 'Parkinsans' !important; } .ffc ul.main-social-list { padding: 0; list-style: none !important; display: flex; align-items: center; margin: 0; justify-content: end; } .ffc ul.main-social-list li a { background: transparent; margin-right: 20px !important; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; margin: 0; transition: 0.5s; overflow: hidden; border: 1px solid #fff; border-radius: 100%; position: relative; } .footer-main-ddd { position: relative; z-index: 1; } section.footer-top { position: relative; padding: 60px 0px; background: #F2FAFF; } section.footer-top .footer-top-head { text-align: left; } section.footer-top .footer-top-head h2 { font-size: 30px; font-weight: 600; font-family: 'Oswald' !important; text-transform: uppercase; margin: 0; } section.footer-top .footer-top-btn { padding-right: 50px; } footer.footer-section { background: #000000; } footer.footer-section .l-o-g.footer-logg img { max-width: 40%; } footer.footer-section .footer-widgets { display: flex; } footer.footer-section .footer-widgets .footer-contact-info { display: flex; align-items: center; justify-content: center; width: 30%; margin: auto; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-img-div { width: auto; position: relative; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-txt { padding-left: 20px; position: relative; width: 80%; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-img-div .footer-contact-img { position: relative; height: 50px; width: 50px; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-img-div .footer-contact-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 100%; width: 100%; object-fit: contain; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-txt h4 { color: var(--h2-color); font-size: 16px; margin: 0; font-family: 'Parkinsans' !important; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-txt p { color: var(--color2); font-size: 13px; margin: 0; font-family: 'Parkinsans' !important; } .footer-widgets .footer-contact-info .footer-contact-img-div:before{ position: absolute; top: 0; right: -10px; bottom: 0; left: auto; height: 70%; width: 1px; background: #4076aac2; content: ""; } footer.footer-section .row.foot-row2 { padding: 10px 0px !important; border-bottom: 1px solid #ffffff2e; } footer.footer-section .row.foot-row1 { padding: 30px 0px; border-bottom: 1px solid #ffffff2e } footer.footer-section .footer-botm p.asdas a { color: #fff; } /*footer css for mobile*/ @media (max-width: 767px) { .footer-section .container.bg { padding-bottom: 0px !important; } .l-o-g { width: 100% !important; margin-top: 0px !important; text-align: center; margin-bottom: 20px; } .footer-p p { font-size: 12px; margin-top: 15px; line-height: 17px !important; } .footer-heading { margin-bottom: 10px !important; padding-top: 20px !important; } .footer-section .footer-heading h4 { font-size: 14px !important; } ul.footer-menus-list li { margin: 5px 0px !important; } .footer-widgets li { font-size: 10px !important; line-height: 20px !important; margin: 5px 0px !important; } .footer-widgets li a { font-size: 10px !important; line-height: 20px !important; } .footer-widgets li a, li.foot-numb p { font-size: 12px !important; line-height: 20px !important; } .footer-botm p.asdas { font-size: 12px !important; line-height: 12px !important; } footer.footer-section .footer-widgets { display: block !important; } footer.footer-section .footer-widgets .footer-contact-info { max-width: 100%; width: 100% !important; margin: 10px 0px !important; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-img-div .footer-contact-img { height: 30px !important; width: 30px !important; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-txt h4 { font-size: 14px !important; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-txt p { font-size: 12px !important; } footer.footer-section .row.foot-row1 { padding: 0px 0px 30px 0px !important; } footer.footer-section .ffc ul.main-social-list { justify-content: center; } footer.footer-section .l-o-g.footer-logg img { max-width: 70% !important; } section.footer-top .footer-top-head h2 { font-size: 20px !important; } section.footer-top .footer-top-btn { text-align: left; padding-top: 10px; } section.footer-top{ padding:30px 0px; } } /*footer css for tab*/ @media (min-width: 767px) and (max-width: 992px) { footer.footer-section .container.bg { padding-bottom: 0px !important; } .l-o-g { width: 70%; } .footer-heading { margin-bottom: 10px; } .footer-p p { font-size: 14px; margin-top: 15px; text-align: left; line-height: 20px; -webkit-line-clamp: 8; } .footer-section .footer-heading h4 { font-size: 14px; padding-bottom: 10px; margin-bottom: 10px; } .footer-section .footer-heading h4:after { width: 100%; height: 1px; } .footer-widgets li a { font-size: 14px; } } /*end footer css*/ /*footer css for tab*/ @media (max-width: 992px) { .bread_crumb a { font-size: 10px !important; } } /* end product page bread crum css*/ .main-div:hover .product-list img.img-fluid { transition: 0.5s; } @media (max-width: 992px) { .ffc ul.main-social-list li a { height: 40px; width: 40px; margin-right: 10px !important; } } @media (max-width: 767px) { .single-prod .prod-img { height: 180px; overflow: hidden; } } @media (min-width: 767px) and (max-width: 992px) { .prod-content h2 { font-size: 12px; margin-bottom: 10px; } .prod-content p { font-size: 10px; } .footer-botm p.asdas { font-size: 14px; } } /*for gtranslate language css*/ .select-lang .gt_switcher_wrapper { position: relative !important; float: right; right: 0 !important; } .select-lang .gt_switcher_wrapper .gt_selected { background: var(--btn-color); background: #ffffff !important; border-radius: 10px !important; } .select-lang .gt_switcher_wrapper .gt_selected a { color: #fff!important; border: none !important; font-size: 16px; position: relative; font-weight: 600 !important; padding: 2px 10px; border-radius: 10px 10px 10px 10px !important; width: 150px !important; box-shadow: none !important; background: var(--btn-color) !important; } .select-lang .gt_switcher_wrapper .gt_selected a:hover { background: var(--btn-color); } .select-lang .gt_switcher_wrapper .gt_selected a:before { content: ""; width: 0; height: 0; } .select-lang .gt_container--hich1m .gt_switcher .gt_selected a:after { right: 10px !important; top: 5px !important; } .select-lang .gt_switcher_wrapper .gt_option { background: #fff !important; position: absolute !important; padding: 20px 10px 10px 10px !important; width: 85% !important; top: 20px; border-radius: 0px 0px 20px 20px; overflow: scroll !important; border: 0 !IMPORTANT; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .select-lang .gt_switcher_wrapper .gt_option a { color: #000 !important; padding: 0px !important; margin: 6px 0px !important; font-size: 10px; border-radius: 0 !important; border: none !important; box-shadow: none !important; } .select-lang .gt_switcher_wrapper .gt_option a:hover { background: var(--btn-color) !important; transition: 0.3s; color: #fff !important; } .gt_container--hich1m .gt_switcher { width: 100% !important; } /*end for gtranslate language css*/ /*Quick contact css*/ .contact-section { padding: 60px 0px; } .quick-contact { position: relative; padding: 25px; height: 550px; width: 100%; background: #FFF; box-shadow: 0px 4px 17.1px 7px rgba(0, 0, 0, 0.15); margin: auto; background-repeat: no-repeat !important; background-size: 100% 100% !important; } .quick-contact .cont-heading h3 { color: #fff; font-size: 30px; font-weight: 700; text-transform: capitalize; line-height: normal; } .quick-form form .form-group input,.form-group select, .quick-form input#captcha { border-radius: 0px; border: 0px solid #e8e8e800; border-bottom: 1px solid #e2e2e2; background: transparent; padding: 10px 10px; height: 50px; margin: 5px; color: #7B7B7B !important; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .quick-form form .form-group textarea { border-radius: 0px; border: 0px solid #e8e8e800; border-bottom: 1px solid #cacaca; background: transparent; padding: 10px 10px; margin: 5px 0px; color: #000; font-size: 16px; resize: none; } .quick-form form ::placeholder { color: #7B7B7B; font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: 1px; font-family:Roboto !important; } section.home-contact .form-group select { color: #7B7B7B !important; font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: 1px; font-family:Roboto !important; background-image: url("/images/select-arrow.png"); background-repeat: no-repeat; background-size: 12px 10px; background-position: center right 10px; } .quick-form .cap_img img { max-width: 100%; height: auto; } .quick-form form button { outline: none; font-size: 14px; font-weight: 400; border: none !important; border-radius: 0 !important; position: relative; transition: 0.5s; width: 100%; margin-top: 10px; padding: 10px; } section.home-contact .home-contact-image { position: relative; height: 570px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } section.home-contact .home-contact-image img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 98%; width: 98%; object-fit: cover; } .quick-contact:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 100%; width: 100%; content: ""; background: red; z-index: -1; } section.home-contact .contact-homeform { background: #6464CB; padding: 10px; } section.home-contact .quick-contact .quick-form h2 { font-size: 30px; text-align: center; color: var(--btn-color); margin: 0; padding: 0px; font-family: 'Oswald' !important; } section.home-contact .quick-contact .quick-form h3 { font-family: 'Parkinsans' !important; font-size: 16px; text-align: center; margin: 0; padding: 15px 0px; } section.home-contact .form-group { margin: 5px; } section.home-contact .form-group label input { box-shadow: unset; height: auto; width: auto; } section.home-contact .form-group label { font-size: 14px; text-align: center; } section.home-contact  .row.checkbox-bg { background: #E4E4FF; } /*quick contact form css for mobile*/ @media (max-width: 767px) { .quick-contact { text-align: center; position: relative; padding: 0px 20px 30px 20px; margin-top: 30px; height: auto; } .quick-contact .cont-heading h3 { font-size: 16px; } .quick-form form .form-group input { border-radius: 15px; padding: 10px; height: 40px; font-size: 12px; } .quick-form form .form-group textarea { border-radius: 15px; padding: 10px; font-size: 12px; } .quick-form form ::placeholder { font-size: 12px; } .quick-contact .captcha-div { display: inline-block; float: left; } .quick-form .cap_img { width: 45% !important; display: inline-block; float: right; margin-top: 20px; } .quick-form form button { font-size: 13px; width: 100%; } section.home-contact .form-group select { border-radius: 15px; padding: 10px; height: 40px; font-size: 12px; } section.home-contact .home-contact-image { height: 200px !important; margin-top: 10px; } } /*quick contact css for tab*/ @media (min-width: 767px) and (max-width: 992px) { .quick-contact { text-align: center; position: relative; padding: 30px 20px; margin-top: 30px; height: auto; } .quick-contact .cont-heading h3 { font-size: 20px; } .quick-form form .form-group input, .quick-form input#captcha { height: 40px; font-size: 12px; border-radius: 0px; padding: 7px; } .quick-form form .form-group textarea { border-radius: 0px; padding: 8px; font-size: 14px; } .quick-form .cap_img { width: 25% !important; margin-top: 20px; } .quick-form form button { font-size: 10px; padding: 5px; } .quick-form form ::placeholder { font-size: 12px; } } /*quick form css for tab*/ @media (min-width: 992px) and (max-width: 1024px) { .quick-contact .cont-heading h3 { font-size: 20px; } .quick-form form button { font-size: 14px; } } /*end Quick contact css*/ /*inspect css*/ .header-social-icon ul.main-social-list { display: flex; justify-content: space-around; padding: 0; margin: 0; } .header-social-icon ul.main-social-list li { background: #1A77FE; width: 30px; height: 30px; border-radius: 50%; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.5s; } .header-social-icon ul.main-social-list li:hover { background: #1a77fed1; transition: 0.5s; } .welcomee-head p { margin: 10px 0px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; } .row.align-items-center.sp-linee { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid; } nav.navbar.navbar-expand-lg.navbar-light.my-navbar { padding: 10px 0px; /* text-align: center; */ display: block; } .main-header li.active.nav-item { position: relative; } .h-inquiry { text-align: center; background: linear-gradient(180deg, #000 0%, #383838 46.88%); padding: 14px 0px; } .h-inquiry a.q-inq { color: #FFF; /*font-family: Raleway !important;*/ font-size: 18px; font-weight: 700; line-height: normal; } .banner_txt .caption2 .btn-bnnr { margin-top: 30px !important; } .banner-slider .owl-dots .owl-dot:first-child span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; margin: auto; background: var(--h-color); height: 10px; width: 10px; } .banner-slider .owl-dots .owl-dot:nth-child(2) span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: var(--h-color); border-radius: 100%; height: 10px; width: 10px; } .banner-slider .owl-dots .owl-dot:nth-child(3) span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: var(--h-color); border-radius: 100%; height: 10px; width: 10px; } .about-ccontent h1:before { content: ''; position: absolute; bottom: 0; left: 0; width: 60%; height: 4px; background: #f39703; } .about-ccontent h2 { color: var(--h-color); font-size: 30px; font-weight: 700; line-height: normal; } .about-section .container { position: relative; } section.integration-section { position: relative; padding: 50px 0px; background: var(--btn-color); margin: 30px 0px; } section.integration-section .integration h3 { color: #FFF; font-size: 27px; font-weight: 700; line-height: normal; } section.integration-section .integration p { color: #FFF; font-size: 19px; font-weight: 400; line-height: normal; } .integ-inquiry.btn-bnnr { text-align: end; display: block; margin: 0; } .integ-inquiry.btn-bnnr a.q-inq { background: linear-gradient(180deg, #2F2F2F 0%, #3F3F3F 71.35%); } .all-product-btn.btn-bnnr { display: block; text-align: center; margin: 0px; padding: 0px; position: relative; padding-top: 20px; margin-top: 40px; padding-bottom: 20px; } .all-product-btn.btn-bnnr a.links:before { content: ''; position: absolute; opacity: 0; } .all-product-btn.btn-bnnr:before { content: ''; position: absolute; left: 0; width: 0%; height: 0px; background: #000; } .all-product-btn.btn-bnnr:after { content: ''; position: absolute; top: 45px; right: 0; margin: auto; width: 0%; height: 0px; background: #000; } .product-heading-bg .container { position: relative; } .product-heading-bg .container:before { content: ''; position: absolute; background-image: url(/images/02.jpg); background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: center center !important; height: 110px; width: 140px; top: -30px; right: 0; z-index: 1; opacity: 0; } .testi-quick { background-image: url(/images/contact-bg.jpg); background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !IMPORTANT; } .testi-quick:after { content: ''; position: absolute; width: 0; height: 0; opacity: 0; } .quick-contact .cont-heading h3.c-blue { color: var(--btn-color); margin: 0; } .testi-quick:before { content: ''; position: absolute; width: 0; height: 0; } .testy-star img { width: auto !important; } .cust-cust .inner-testimonial .testi-user .testy .testy-star { margin: 0; } li.foot-numb p { color: #fff; transition: 0.5s; } li.foot-numb p:hover { color: var(--btn-color) !important; transition: 0.5s; } .main-header li.nav-item a:hover { color: var(--btn-color)!important; } .banner_txt .caption2 .btn-bnnr a { border-radius: 50px; background: #fff; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; color: var(--btn-color); display: flex; align-items: center; justify-content: space-between; } .main-div:hover .product-list { transition: .5s ease; } .quick-form form .form-group textarea:focus { box-shadow: unset; } .quick-form form .form-group input:focus { box-shadow: unset; } .blog-section .sub-heading h3 { } .testy img { width: unset !important; } .cust-cust { /* display: flex; */ /* align-items: center; */ /* justify-content: center; */ } .testy-star img { margin: 0 auto; } section.logo-sec.main-header { top: 0; left: 0; right: 0; z-index: 999; padding: 0px; } .main-menu-header .header-logo { text-align: center; position: relative; padding: 40px; border-radius: 100%; width: 200px; } .banner_txt h2.text2.text3 { color: var(--color2) !important; font-size: 70px; } .banner_txt .caption2 h1.text1 { position: relative; } .banner_txt .caption2 h1.text1 span.ban-span-1 { color: #000; font-size: 40px; font-weight: 300; line-height: normal; } .banner_txt .caption2 h1.text1 span.ban-span-2 { color: #000; font-size: 45px; font-weight: 700; line-height: normal; } .banner_txt .caption2 h1.text1 span.ban-span-3 { color: #333; font-size: 40px; font-weight: 400; line-height: normal; } .banner_txt .caption2 h1.text1 span.ban-span-4 { color: var(--btn-color); font-size: 45px; font-weight: 700; line-height: normal; } .banner_txt .caption2 h1.text1 span.ban-span-5 { color: #333; font-size: 43px; font-weight: 600; line-height: normal; } .banner_txt .caption2 p.text23 { color: #fff; font-size: 22px; font-weight: 400; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding-right: 20px; } section.product-section.product-section1 { position: relative; padding-top: 50px; z-index: 1; } section.product-section.product-section1:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 35%; background-image: url(/images/banner-prod-bg.jpg); background-size: 120% 200% !important; background-position: center bottom; background-repeat: no-repeat; z-index: -1; } .product-url.prod-url1 { text-align: center; display: block; margin: 10px 0px; } .product-url.prod-url1 a.pro-links { color: #000; font-size: 18px; font-weight: 400; line-height: normal; } section.product-section.product-section1:after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 60%; height: 7%; margin: auto; background-image: url(/images/pngwing.png); background-size: 100% 100% !important; background-position: center; background-repeat: no-repeat; } section.product-section.product-section1 .container-fluid .row .col-md-3 .main-div.main-div1:hover .product-list.prod-list1 { z-index: 1; } .all-default-ccontent.abttt .deflt-p p { color: var(--txt-color); font-size: 16px; font-weight: 400; margin-bottom: 5px; line-height: 30px; padding-bottom: 15px; } .all-default-ccontent.abttt .defalt-heading h1 span { color: var(--h2-color); } .all-default-ccontent.abttt .about-btn.btn-bnnr { margin-top: 30px; display: block; } .blog-heading-bg.all-default-ccontent { margin-bottom: 30px; text-align: center; } .blog-section .blog-url-main .view-details a:hover { transition: 0.5s; color: var(--btn-color); } .testimon-heading-bg.all-default-ccontent { text-align: center; margin-bottom: 30px; } .blog-latest1w h2 { color: var(--txt-color); font-size: 30px; font-weight: 400; line-height: normal; } .blog-latest1w h2 span { color: var(--btn-color); font-weight: 700; } .blog-section .main-blog-div:hover .blog-img img.img-fluid { transition: 0.8s; transform: scale(1.2); } .view-details.btn-bnnr a { margin: 0; border: 0; color: var(--h-color); font-size: 17px; font-weight: 600; text-transform: unset; padding: 7px 30px; border-radius: 100px; } .view-details.btn-bnnr a:hover { background: var(--btn-color) !important; color: #fff !important; } .product-content .product-url { transition: 0.5s; margin: 0px 0px 20px 0px; background: #fff; padding: 10px 0px; } .discover-btn.btn-bnnr a { border-radius: 20px; background: #B98F3A; margin-left: 30px; font-weight: 600; text-transform: capitalize; } .all-product-btn.blg-all-btn.btn-bnnr { text-align: left; } .quick-contact button#inquiry_form_btn:hover { transition: 0.5s; transform: scale(1.1); } .ffc ul.main-social-list li a:hover { transition: 0.5s; background: var(--btn-color); opacity: 0.8; } .footer-main-contact li.foot-numb h6 { margin: 0; color: var(--txt-color); font-weight: 600; } .footer-menus ul.footer-menus-list li a { transition: 0.5s; padding-bottom: 5px; position: relative; } .footer-menus ul.footer-menus-list li a:hover { transition: 0.5s; color: var(--btn-color); } .footer-menus ul.footer-menus-list li a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #fff; transition: 0.5s; opacity: 0; } .footer-menus ul.footer-menus-list li a:hover:before { width: 100%; transition: 0.5s; } .foot-clmn-1.all-foot-clmn { padding-right: 30px; margin-right: 20px; position: relative; } .foot-clmn-1.all-foot-clmn:before { content: ''; position: absolute; right: 0; top: 100px; width: 0; height: 0; background: #000; margin: auto; opacity: 0; } .foot-clmn-2.all-foot-clmn { padding: 0px; position: relative; } .foot-clmn-2.all-foot-clmn:before { content: ''; position: absolute; right: 10px; top: 0; bottom: 0; width: 1px; height: 100%; background: #ffffff42; margin: auto; } .foot-clmn-3.all-foot-clmn { padding-right: 30px; margin-right: 20px; position: relative; } .foot-clmn-3.all-foot-clmn:before { content: ''; position: absolute; right: 0; top: 100px; width: 2px; height: 120px; background: #000; margin: auto; } @media (max-width: 767px) { .main-menu-header .header-logo a.logo { position: relative !important; top: 0; left: 0; right: auto; bottom: 0; } .banner_txt .caption2 h1.text1 span.ban-span-1 { font-size: 10px !important; } .banner_txt .caption2 h1.text1 span.ban-span-2 { font-size: 10px !important; } .banner_txt .caption2 h1.text1 span.ban-span-3 { font-size: 10px !important; } .banner_txt .caption2 h1.text1 span.ban-span-4 { font-size: 10px !important; } .banner_txt .caption2 h1.text1 span.ban-span-5 { font-size: 10px !important; } .banner_txt .caption2 p.text23 { font-size: 11px !important; font-weight: 500 !important; padding-right: 5px !important; margin-bottom: 10px !important; -webkit-line-clamp: 3; padding-top: 5px !important; line-height: normal; } .banner_txt .caption2 .btn-bnnr { margin-top: 0px !important; } .banner_txt .caption2 h1.text1:before { width: 50px !important; height: 1px !important; } .banner-slider .owl-item .item .caption:before { width: 145%; height: 80%; } .banner_txt .caption2 h1.text1 { line-height: 15px; } .banner-alid-img img.img-fluid { width: auto !important; } .banner-slider .owl-item .item .container .row.align-items-center { position: relative !important; height: 200px !important; } .banner-slider .owl-item .item .container { height: 200px !important; padding: 0 !important; } .btn-primary { font-size: 10px !important; } section.product-section.product-section1:after { width: 100% !important; height: 2%; background-size: cover !important; } .product-url.prod-url1 a.pro-links { font-size: 10px !important; } .all-default-ccontent.abttt .deflt-p p { font-size: 12px !important; line-height: normal; -webkit-line-clamp: 8; padding-bottom: 5px; } .all-default-ccontent.abttt { margin-bottom: 20px; padding-top: 10px; } .sub-heading h3 span { font-weight: 500 !important; } .product-heading-bg { margin-bottom: 10px !important; } .product-content .product-url { margin: 0px 0px !important; } .blog-heading-bg.all-default-ccontent { margin-bottom: 0px !important; } .blog-latest1w h2 { font-size: 18px !important; } .blog-latest1w h2 span { font-weight: 600 !important; } .cust-cust { display: block !important; } .cust-cust .user-img-bit { margin-top: 0px !important; margin: 0 auto; } .cust-cust .inner-testimonial { max-width: 100%; padding: 0; } .cust-cust .inner-testimonial .testi-user .testy { margin: 20px 0px 0px !important; } .cust-cust .inner-testimonial .testi-user .testy h4 { font-size: 14px !important; } .testy-star img { max-width: 65%; margin: 0 auto !important; } .cust-cust .inner-testimonial .text-caption-p p { font-size: 12px; margin: 0 !important; line-height: 20px; } .foot-clmn-1.all-foot-clmn { padding: 0 !important; margin: 0 !important; } .foot-clmn-1.all-foot-clmn:before { height: 0; width: 0 !important; } .foot-clmn-2.all-foot-clmn:before, .foot-clmn-2.all-foot-clmn:after { top: 70px; width: 0 !important; height: 0 !important; opacity: 0; } .foot-clmn-2.all-foot-clmn { margin-right: 0; padding: 0 !important; } .foot-clmn-3.all-foot-clmn:before { height: 0 !important; width: 0 !important; } .footer-main-contact li.foot-numb h6 { font-size: 10px !important; } .banner_txt .caption2 .btn-bnnr a.btn2-qut { display: none !important; } } @media (min-width: 767px) and (max-width: 992px) { .footer-main-contact li.foot-numb h6 { font-size: 10px; font-weight: 500 !important; } .foot-clmn-3.all-foot-clmn:before { width: 1px; } .foot-clmn-2.all-foot-clmn:before, .foot-clmn-2.all-foot-clmn:after { width: 1px; top: 50px !important; } .foot-clmn-1.all-foot-clmn:before { width: 1px; } .foot-clmn-1.all-foot-clmn, .foot-clmn-2.all-foot-clmn, .foot-clmn-3.all-foot-clmn { padding-right: 0px; margin-right: 0px; } ul.footer-menus-list li { margin: 10px 0px !important; } .banner_txt .caption2 h1.text1 span.ban-span-1, .banner_txt .caption2 h1.text1 span.ban-span-2, .banner_txt .caption2 h1.text1 span.ban-span-3, .banner_txt .caption2 h1.text1 span.ban-span-4, .banner_txt .caption2 h1.text1 span.ban-span-5 { font-size: 14px; } .banner_txt .caption2 h1.text1:before { width: 50px; } .banner-alid-img img.img-fluid { width: auto !important; } .banner_txt .caption2 p.text23 { font-size: 15px !important; -webkit-line-clamp: 4 !important; padding-top: 10px !important; line-height: normal; } .banner_txt .caption2 .btn-bnnr { margin-top: 10px !important; } .main-menu-header .header-logo a.logo { position: relative; top: unset; } nav.navbar.navbar-expand-lg.navbar-light.my-navbar { padding: 0px !important; } .banner-slider .owl-item .item .container { height: 300px !important; } .banner_txt .caption2 h1.text1 { line-height: 20px; } .banner-slider .owl-dots { left: 0; right: 0; display: none !important; } section.product-section.product-section1:after { width: 80%; height: 2%; } section.product-section.product-section1 { padding: 30px 0px; } .product-list { height: 200px !important; } .product-url.prod-url1 a.pro-links { font-size: 12px; padding: 0px 10px; } .all-default-ccontent.abttt .deflt-p p { font-size: 12px !important; -webkit-line-clamp: 5; line-height: 15px !important; padding: 5px 0px; margin: 0; } .product-content { padding-top: 10px; } .product-content .product-url { margin: 10px 0px; } .blog-heading-bg.all-default-ccontent { margin-bottom: 10px; } .testi-quick { padding: 0px 0px 30px; } .cust-cust .inner-testimonial .testi-user .testy h4 { font-size: 12px; margin: 0px 10px 0px 0px; } .cust-cust .inner-testimonial .testi-user .testy .testy-star { max-width: 40%; } .cust-cust .inner-testimonial .text-caption-p p { font-size: 14px !important; line-height: 16px; } li.currency-mobile { padding-left: 20px; font-size: 12px; } } .main-header li.nav-item a:hover { transition: 0.5s; background: transparent; } .main-div .price-div { text-align: center; margin-bottom: 10px; } .main-div .price-div p.price { margin: 0; } .product-url.prod-url1 a.pro-links:hover { transition: 0.5s; color: var(--btn-color); } @media (min-width: 992px) and (max-width: 1100px) { .main-header li.nav-item a.nav-link { font-size: 11px; margin: 0px; padding: 5px !important; } .search-btn { margin-right: 0px; } } section.top-information:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 45%; background: var(--btn-color); z-index: -1; clip-path: polygon(100% 0%, 90% 100%, 0% 100%, 0% 0%); } .logo-header-mid ul { padding: 0; display: flex; justify-content: end; align-items: center; margin: 0; } .logo-header-mid ul li { display: flex; align-items: center; margin-left: 30px; } .main-header li.active.nav-item a.nav-link:before { content: ''; position: absolute; opacity: 0; } .main-header li.active.nav-item a.nav-link:after { content: ''; position: absolute; bottom: 0px; left: 0; right: 0; transform: translateX(0%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--btn-color); opacity: 0; visibility: hidden; transition: 0.4s ease; margin: auto; } .logo-header-mid { position: relative; } .logo-header-mid:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 63.5%; height: 70%; background: var(--btn-color); z-index: -1; border-radius: 10px 0px 0px 10px; } .main-header li.nav-item a.nav-link:after { content: ''; position: absolute; bottom: 0px; left: 0; right: 0; transform: translateX(0%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--btn-color); opacity: 0; visibility: hidden; transition: 0.4s ease; margin: auto; } .main-header li.nav-item a.nav-link:hover:after { transition: 0.5s; opacity: 1; visibility: visible; } .logo-header-mid ul li .ccc-icon { margin-right: 10px; } .logo-header-mid ul li a.connt-11 { color: #FFF; font-size: 15px; font-weight: 600; line-height: normal; } .logo-header-mid ul li a.connt-11 .sm-txt { font-weight: 400 !important; } .client-testi { margin-bottom: 20px; } .client-testi .sub-heading h3 { color: #fff; font-size: 15px; font-weight: 700; line-height: normal; } .client-testi .defalt-heading h2 { color: #FFF; font-size: 35px; font-weight: 700; line-height: normal; } .cust-cust .inner-testimonial .testy-star { margin-bottom: 20px; } .cust-cust .inner-testimonial .testi-user { text-align: center; } .cust-cust .inner-testimonial .testi-user .testy span { color: var(--color2); font-size: 14px; font-weight: 700; line-height: normal; display: inline; transition: 0.5s; } .blog-content .blog-txt { padding: 0px 0px 10px; } .blog-section .all-product-btn.blg-all-btn.btn-bnnr { padding: 0; margin: 0; text-align: end; } .quick-contact .cont-heading h3 span { font-weight: 600 !important; color: var(--btn-color); } .all-default-ccontent.abttt .sub-heading h3 { text-transform: capitalize; color: var(--h-color); padding-bottom: 30px; } .all-default-ccontent.abttt .sub2-h { color: #444; font-size: 20px; font-weight: 600; line-height: normal; margin-bottom: 20px; } section.banner-section:before { content: ''; position: absolute; left: 0; top: -15%; bottom: 0%; z-index: 0; height: 0; width: 0; background: #222628; opacity: 0; } @media (max-width: 767px) { .banner_txt .caption2 .btn-bnnr a { margin-right: 0 !important; } .banner_txt .caption2 .btn-bnnr a { font-size: 9px !important; } section.banner-section:before { bottom: -5% !important; width: 0% !important; height: 0; opacity: 0; } .all-default-ccontent.abttt .sub2-h { font-size: 10px !important; margin-bottom: 10px !important; } .portfolio-section { padding: 30px 0px !important; } .folio-img1.folio1, .folio-img1.folio2 { height: 180px !important; } .col-md-3.nonnnee { display: none !important; } .folio-img1.folio6, .folio-img1.folio7 { height: 180px !important; } .all-product-btn.btn-bnnr { padding: 10px 0px !important; } .footer-menus ul.footer-menus-list li a img.imig-fluid { max-width: 0%; margin: 0 !important; } } @media (min-width: 767px) and (max-width: 992px) { section.banner-section:before { bottom: 0; width: 0; height: 0; opacity: 0 !important; } .all-default-ccontent.abttt .sub2-h { font-size: 12px; margin-bottom: 10px; } .folio-img1.folio1, .folio-img1.folio2 { height: 205px; } .folio-img1.folio3, .folio-img1.folio5 { height: 120px; } .folio-img1.folio4 { height: 165px; } .folio-img1.folio6, .folio-img1.folio7 { height: 205px; } .all-product-btn.btn-bnnr { padding: 10px 0px; } .cust-cust .inner-testimonial { padding-bottom: 0px; max-width: 100% !important; } body li.foot-numb a p { margin-bottom: 0px; width: 100% !important; } } @media (min-width: 992px) and (max-width: 1050px) { .categ-center-img:before { width: 350px; height: 300px; top: -25%; left: -74%; } .categories-main-wrapper-new1 { margin: 20px 0px 20px auto; width: 80%; } .categories-main-wrapper-new2 { margin: 20px auto 20px 0; width: 80%; } .categories-right-wrapper-new1 { margin-right: 10px; } .categories-right-wrapper-new2 { margin-left: 10px; } } .main-menu-header .header-btn { text-align: center; } .main-menu-header .header-btn a.btn-bnnr { color: var(--btn-color); text-align: center; font-size: 16px; font-weight: 600; padding: 5px 20px; transition: 0.5s; text-transform: uppercase; background: var(--color1); } .my-navbar ul.navbar-nav { align-items: center; } .my-navbar .collapse.navbar-collapse { align-items: center; justify-content: end; } .my-navbar .collapse.navbar-collapse2 { align-items: center; justify-content: center!important; } .banner-left-div .comp-name { display: block; transform: rotate(270deg); white-space: nowrap; position: absolute; top: 8%; left: -3%; text-transform: uppercase; z-index: 9 !important; color: #14D2AD; font-weight: 800; font-size: 16px; } .banner-cont-info { display: inline-block; background: #222628; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 20px; } .banner-cont-info ul { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; } .banner-section .extra-padding { position: relative; } .banner-cont-info ul .sm-txt { color: #FFF; font-size: 14px; font-weight: 600; line-height: 24px; text-transform: capitalize; } .banner-cont-info ul li { padding: 10px 20px; } .banner-cont-info ul span { color: #FFFEFE; text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25); font-size: 15px; font-weight: 700; } .defalt-heading.abt-secc { display: inline-block; transform: rotate(270deg); white-space: nowrap; position: relative; top: 60px; left: -30px; } .all-default-ccontent.abttt .defalt-heading h1 { color: var(--color1); font-family: 'Oswald' !important; font-size: 40px; font-weight: 600; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 80%; } .all-default-ccontent.sollu { max-width: 80%; } .main-testi-wrapper { text-align: center; background: transparent; max-width: 80%; margin: auto; padding-top: 60px; } .testy-star.testy-quee { margin-bottom: 20px; } .footer-section .footer-heading.footer-heading22 { margin-bottom: 5px; } .footer-section .footer-heading.footer-heading22 h4 { font-size: 18px; margin: 20px 0px 10px 0px; font-weight: 700; } .ffc ul.main-social-list li:hover img.img-fluid { filter: brightness(55); } .blog-type span { position: absolute; bottom: 0; left: 0; background: #DCDCDC; padding: 10px; color: var(--h-color); font-size: 18px; font-weight: 600; } .foot-clmn-2.all-foot-clmn:after { content: ''; position: absolute; left: 0px; top: 0; bottom: 0; width: 1px; height: 100%; background: #ffffff42; margin: auto; opacity: 0; } .main-menu-header .header-btn a.btn-bnnr:hover { color: #fff; transition: 0.5s; } .product-content .product-url-content .pro-content { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--txt-color); font-weight: 500; font-size: 14px; } .main-div:hover .product-list:before { opacity: 1; visibility: visible; transition: 0.5s; z-index: 1; } @media (max-width: 575px) { .footer-menus ul.footer-menus-list { display: flex !important; justify-content: space-between; } } @media (max-width: 767px) { .container-fluid.header-logo-contain.g-0 { --bs-gutter-y: unset !important; --bs-gutter-x: unset !important; } .all-default-ccontent.abttt .defalt-heading h1 { font-size: 18px !important; } .all-default-ccontent.sollu { max-width: 100% !important; padding-top: 30px; } .all-default-ccontent.sollu .deflt-p p { font-size: 10px; } .blog-type span { font-size: 12px !important; padding: 5px !important; } .blog-section .blog-url { padding: 10px 0px; } .blog-content .blog-txt { padding: 0px 0px 10px !important; } .my-navbar ul.navbar-nav li.nav-item { text-align: center; margin: 0 !important; } body .footer-section .footer-heading.footer-heading22 { margin-bottom: 10px !important; padding-top: 10px !important; } .product-content .product-url-content .pro-content { font-size: 10px; } } @media (min-width: 767px) and (max-width: 992px) { .container-fluid.header-logo-contain.g-0 { --bs-gutter-y: unset !important; --bs-gutter-x: unset !important; } .about-section .dasktop-show { display: block !important; } .all-default-ccontent.abttt .defalt-heading h1 { font-size: 18px !important; margin: 0; } .all-default-ccontent.sollu { max-width: 100% !important; } .all-default-ccontent.sollu .deflt-p p { font-size: 12px; margin: 10px 0px; } .foot-clmn-2.all-foot-clmn { padding: 20px 0px 0px 0px !important; } .product-content .product-url-content .pro-content { font-size: 10px; } } .banner-slider .owl-nav .owl-prev:before { content: 'Prev'; right: 15px; bottom: -7px; padding-left: 10px; margin: auto; position: absolute; color: var(--btn-color); font-size: 15px; transform: rotate(180deg); display: none; } .banner-slider .owl-nav .owl-next:before { content: 'Next'; right: 15px; padding-right: 10px; bottom: -7px; margin: auto; position: absolute; color: var(--btn-color); font-size: 15px; display: none; } .single-prod-main-div { margin: 0px; text-align: center; } .single-prod-main-div .about-btn.btn-bnnr { display: inline block !important; } .single-prod-main-div:hover .product-content .product-url { background: var(--btn-color); transition: 0.5s; } .single-prod-main-div:hover .product-content .product-url a{ color: #fff; transition: 0.5s; } a.pro-links {} .single-prod-main-div:hover .product-list img { transform: scale(1.09); transition: 0.5s; background-color: var(--btn-color) !important; } .single-prod-main-div .about-btn.btn-bnnr a { width: 100%; color: #000; padding: 10px; font-weight: 600; margin: 0 auto; } .about-image.solu-img { position: relative; } .about-image.solu-img h3 span { color:var(--color1) } .about-image.solu-img span h4 { margin: 0; font-size: 45px; font-weight: 700; color: #fff; } .single-prod-main-div.featured-product { padding: 0; } .single-prod-main-div.featured-product .product-content { padding: 20px; } .single-prod-main-div.featured-product .product-list { height: 260px; } .footer-top-sec { padding: 20px 0px; background: #161616; } @media (min-width: 1024px) and (max-width: 1400px) { .cust-cust .inner-testimonial .text-caption-p { padding: 15px; position: relative; z-index: 1; } } .ffc ul.main-social-list li img.img-fluid { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; z-index: 1; height: 40%; width: 40%; object-fit: contain; } .owl-carousel-m-product .owl-nav { display: flex !important; align-items: center; } .owl-carousel-m-product .owl-nav .owl-prev { background-image: url(/images/arrow_black.png); background-position: center !important; background-repeat: no-repeat !important; font-size: 0; height: 30px; width: 30px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 50%; position: absolute; top: 200px; left: 5px; } .owl-carousel-m-product .owl-nav .owl-next { background-image: url(/images/arrow_black.png); background-position: center !important; background-repeat: no-repeat !important; font-size: 0; height: 30px; width: 30px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 50%; transform: rotate(180deg); position: absolute; top: 200px; right: 5px; } @media (max-width: 767px) { .single-prod-main-div { padding: 0px !important; margin: 0px !important; } .owl-carousel-m-product .owl-nav .owl-prev, .owl-carousel-m-product .owl-nav .owl-next { top: 100px; height: 20px; width: 20px; } .about-image.solu-img img.img1.img-fluid { max-width: 100% !important; } .about-image.solu-img span { display: none !important; } .single-prod-main-div.featured-product .product-content { padding: 10px !important; } .single-prod-main-div.featured-product { margin: 0 !important; } .single-prod-main-div.featured-product { margin-top: 20px !important; } .single-prod-main-div.featured-product .product-content { padding: 5px !important; } .main-testi-wrapper { width: 100% !important; } .cust-cust .inner-testimonial .text-caption-p { padding: 20px !important; height: auto !important; } .cust-cust .inner-testimonial .testi-user .testy span { width: 20%; margin-top: 10px; } .footer-top-sec .footer-main-contact li.foot-numb { text-align: center; justify-content: center !important; margin-top: 20px; } .footer-top-sec .footer-main-contact li.foot-numb span.f-con-icon { width: 10%; } .footer-top-sec .footer-main-contact li.foot-numb span { width: 45%; } .footer-top-sec .footer-main-contact li.foot-numb span p { margin: 0; width: unset !important; } .footer-main-ddd { padding: 30px 0px 0px 0px !important; } } @media (min-width: 767px) and (max-width: 992px) { .about-image.solu-img span h4 { font-size: 20px; } .about-image.solu-img span { width: 100px; right: 5%; bottom: 20%; } .single-prod-main-div.featured-product .product-list { height: 180px !important; } .single-prod-main-div.featured-product .product-content { padding: 10px !important; } .blog-section .main-blog-div .blog-content { margin: 10px; padding: 0px; } .blog-section .view-details span.blog-date { font-size: 12px; } } .innerbanner.all-inner { position: relative; } .banner-innercaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; text-align: center; } .banner-innercaption span { display: inline-block; text-transform: uppercase; font-weight: 800; font-size: 40px; color: #ffffff; background: var(--btn-color); padding: 0px 50px; font-family: 'Parkinsans' !important; } @media (max-width: 767px) { body .banner-innercaption { top: 10%; } body .banner-innercaption span { font-size: 14px; padding: 0px 20px; } .col-sm-7.col-md-12.col-12.wow.fadeInRight.mobile-show { display: block !important; padding: 0; } } @media (min-width: 767px) and (max-width: 992px) { .banner-innercaption { top: 10%; } .banner-innercaption span { font-size: 25px; } .col-sm-7.col-md-12.col-12.wow.fadeInRight.mobile-show { display: block !important; } } /*Header Menu Css*/ .col-sm-7.col-md-12.col-12.wow.fadeInRight.mobile-show { display: none; } @media (max-width: 767px) { .cust-cust .inner-testimonial .text-caption-p:after { left: 10px !important; } } @media (max-width: 767px) { .main-menu-header .row-third { padding: 0; max-width: 100%; border-radius: 0px; } section.banner-section .row { padding-top: 0px; } } /*Home Contact CSS*/ section.home-contact { position: relative; padding: 60px 0px; background-repeat: no-repeat !important; background-size: 100% 100% !important; } section.home-contact .home-contact-bg { background-repeat: no-repeat !important; background-size: 100% 100% !important; } /*Desktop Screen 125*/ @media (min-width: 1101px) and (max-width: 1350px) { .main-header li.nav-item a.nav-link { margin: 0px 0px; } .defalt-heading h2 { font-size: 30px !important; } .all-default-ccontent.abttt .defalt-heading h1 { font-size: 30px; max-width: 100%; } .banner_txt h2.text3 { } .banner_txt h2.text2.text3 { font-size: 70px; } .about-section .about-image.solu-img .abt-ciclediv h3 { font-size: 25px; } .product-list { height: 250px !important; } .btn-53 { font-size: 14px !important; } } /*Desktop Screen 150*/ @media (min-width: 1025px) and (max-width: 1100px) { section.banner-section .row { padding-top: 50px; } .main-menu-header .header-btn a.btn-bnnr { font-size: 12px; } .banner_txt p.text4 { font-size: 14px; } .banner_txt h2.text3 { font-size: 80px; } .banner_txt h5.text2 { font-size: 50px; } .banner_txt .caption2 .btn-bnnr { margin-top: 20px !important; } .all-default-ccontent.abttt .defalt-heading h1 { font-size: 30px; } .all-default-ccontent.abttt .deflt-p p { font-size: 14px; line-height: 25px; } .btn-bnnr a { font-size: 12px; } .cust-cust .inner-testimonial .text-caption-p p { font-size: 14px; } .sub-para p { font-size: 14px; } .defalt-heading h2 { font-size: 40px; } .sub-para p { font-size: 14px; } .defalt-heading h2 { font-size: 40px; } .product-list { height: 250px; } .product-content .product-url { margin: 10px 0px; } .product-content .pop-details a { font-size: 14px; } .quick-form p { font-size: 14px; margin: 0; } .quick-form h2 { font-size: 25px; } .quick-form form .form-group input, .quick-form input#captcha { font-size: 14px; } .blog-section .blog-url a { font-size: 30px; } .blog-section .blog-txt p { font-size: 14px; } .blog-section .blog-img { height: 250px; } .footer-topp .footer-topp-row .footer-topp-leftinfo h3 { font-size: 25px; } .footer-topp .footer-topp-row .footer-topp-rightinfo a { font-size: 14px; } .footer-p p { font-size: 14px; } .footer-botm p.asdas { font-size: 14px; } .h-contact .all-icon span { font-size: 14px; } .h-contact .all-icon p.c-num { font-size: 12px; } .main-menu-header .row-third .header-social-icons ul.head-social-list li { height: 30px; width: 30px; } .form-section.h-search-form button.btn { padding-right: 10px; } .h-search-form input.form-control { width: 100%; } .banner_txt h2.text2.text3 { font-size: 40px; } .about-section .about-image.solu-img .abt-ciclediv h3 { font-size: 22px; } } @media (max-width: 767px) { .defalt-heading h2:before { bottom: -10px; height: 5px; } .defalt-heading h2:after { bottom: -10px; height: 5px; } .sub-para p { font-size: 14px; } .product-list img.img-fluid { object-fit: contain !important; } section.home-contact { padding: 30px 0px; } .quick-contact .quick-form h2 { padding: 10px 0px; margin: 0; font-size: 18px; } .quick-contact .quick-form p { font-size: 12px; margin: 0; } .footer-topp .footer-topp-row .footer-topp-leftinfo h3 { font-size: 16px; text-align: center; padding-bottom: 10px; } .footer-topp { max-width: 100%; clip-path: unset; padding: 10px 0px; } .footer-topp .footer-topp-row .footer-topp-rightinfo a { font-size: 12px; } } @media (min-width: 768px) and (max-width: 992px) { .main-menu-header .row-third { max-width: 100%; border-radius: 0px; } section.banner-section .row { padding-top: 20px; } .cust-cust .inner-testimonial .text-caption-p { padding: 40px 20px; height: 200px; } .cust-cust .inner-testimonial .text-caption-p { padding: 20px; height: auto; } .product-content .pop-details a { font-size: 14px; padding: 0; margin-bottom: 10px; } .single-prod-main-div .about-btn.btn-bnnr a { font-size: 12px !important; } } /*Testimonial Section CSS*/ section.testimonials { position: relative; padding: 100px 0px; background-image: url("/images/testimonial-bg.jpg") !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; } section.testimonials .cust-cust .inner-testimonial .text-caption-p { background: #fff; padding: 50px 30px; position: relative; z-index: 1; height: 250px; border-radius: 0px; transition: 0.5s; margin: auto; } section.testimonials .cust-cust .inner-testimonial:hover .text-caption-p { background: var(--btn-color) !important; transition: 0.5s; } section.testimonials .cust-cust .inner-testimonial { margin: 20px 0px; transition: 0.5s; max-width: 60%; margin: auto; } section.testimonials .cust-cust .inner-testimonial .testi-user .testy { display: block; align-items: center; margin: 10px 0px; text-align: center; } section.testimonials .cust-cust .inner-testimonial .testi-user .testy h4 { color: var(--h2-color); font-size: 20px; margin: 0; display: block !important; } section.testimonials .cust-cust .inner-testimonial:hover .text-caption-p p { color: #fff; transition: 0.5s; } section.testimonials .cust-cust .inner-testimonial:hover .testy span{ color:#fff !important; transition: 0.5s; } section.testimonials .cust-cust .inner-testimonial .text-caption-p p { color: #000000; font-size: 16px; line-height: 30px; font-weight: 400; text-align: center; padding: 0px 20px 20px 20px; margin: 0; transition: 0.5s; } @media (max-width: 767px) { .btn-53 { font-size: 12px; padding: 10px 20px; display: inline-block !important; } section.testimonials { padding: 30px 0px; } section.testimonials .cust-cust .inner-testimonial { max-width: 80%; } section.testimonials .cust-cust .inner-testimonial .text-caption-p p { padding: 0; font-size: 12px; line-height: normal; } section.home-contact .home-contact-bg { background-size: cover !important; } .blog-section .main-blog-div .blog-content { padding: 0px; } section.factory-section { padding: 30px 0px !important; } section.factory-section .factory-image.factory-big-img { height: 200px !important; } section.factory-section .factory-image.factory-small-img { height: 100px !important; } section.factory-section .factory-content .factory-heading-bg .sub-heading h4 { font-size: 16px !important; } section.map-section .main-testi-wrapper h2 { font-size: 20px !important; } .main-menu-header .header-logo{ width: unset; } } @media (min-width: 768px) and (max-width: 992px) { .about-section .about-image.solu-img .abt-ciclediv h3 { font-size: 16px; } .about-section .about-image.solu-img .abt-ciclediv { top: 30px; } section.home-contact { padding: 30px 0px; } section.home-contact .home-contact-bg { background-size: cover !important; } .main-menu-header .header-logo:after { display: none; } .btn-53 .original { font-size: 12px; } .btn-53 .letters { font-size: 12px; } section.factory-section .factory-content .factory-heading-bg .sub-heading h4 { font-size: 18px !important; } section.home-contact .form-group select { height: 40px; } .blog-section .main-blog-div .blog-content .blog-admin span.blog-date { font-size: 12px; } section.map-section .main-testi-wrapper h2 { font-size: 24px !important; } section.footer-top .footer-top-head h2 { font-size: 20px; } section.footer-top .footer-top-btn { padding: 0; } .ffc ul.main-social-list li img.img-fluid { height: 30%; width: 30%; } footer.footer-section .l-o-g.footer-logg img { max-width: 60%; } footer.footer-section .footer-widgets .footer-contact-info .footer-contact-txt p{ font-size: 11px } } @media (min-width: 1025px) and (max-width: 1100px) { section.product-section .product-list { height: 300px; } .quick-contact { height: 500px; } .footer-section .footer-heading h4 { font-size: 18px; } .foot-clmn-2.all-foot-clmn:before { right: -5px; } } @media (min-width: 1160px) and (max-width: 1280px) { .form-section.h-search-form button.btn { padding-right: 65px; } } /*Factory Section CSS*/ section.factory-section { position: relative; padding: 60px 0px; background: #F2FAFF; } section.factory-section .factory-image.factory-big-img { position: relative; height: 300px; margin: 5px 0px; } section.factory-section .factory-image.factory-big-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 100%; width: 100%; object-fit: cover; } section.factory-section .factory-image.factory-small-img { position: relative; height: 200px; margin: 5px 0px; } section.factory-section .factory-image.factory-small-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 100%; width: 100%; object-fit: cover; } section.factory-section .factory-content .factory-heading-bg .sub-heading h4 { color: var(--h-color) !important; font-size: 24px; text-transform: capitalize; position: relative; font-weight: 600; font-family: parkinsans !important; line-height: normal; margin: 10px 0px; max-width: 75%; } /*Map Section CSS*/ section.map-section .main-testi-wrapper h2 { font-size: 40px; color: var(--color2); font-family: Oswald !important; font-style: italic; font-weight: 700; margin: 0; } section.map-section .text-caption-p { color: var(--color2); padding: 20px; } section.map-section .text-caption-p .testi-star img { width: auto; text-align: center; margin: auto; } section.map-section .text-caption-p .testi-star { padding: 10px 0px; } section.map-section .text-caption-p p { font-size: 16px; line-height: 30px; margin: 0; } @media (min-width: 1101px) and (max-width: 1350px) { .main-menu-header .header-logo img { max-width: 40%; } .main-menu-header .header-logo:after { width: 70%; height: 75px; } .all-default-ccontent.abttt .deflt-p p { line-height: 22px; padding: 5px 0px; } .product-heading-bg { margin-bottom: 20px; } section.home-contact .form-group label { font-size: 10px; } section.home-contact .form-group label input { margin: 0; position: relative; top: 3px; } .quick-form form ::placeholder { font-size: 12px; } .quick-form form .form-group input,.form-group select, .quick-form input#captcha{ font-size: 12px !important; } .h-contact .all-icon p.c-num { font-size: 10px; } } @media (min-width: 993px) and (max-width: 1024px) { .main-menu-header .header-logo img { max-width: 40%; } .main-menu-header .header-logo:after { width: 75%; height: 80px; } .logo-sec .header-info { padding: 0; } .select-lang .gt_switcher_wrapper .gt_selected a { font-size: 12px; width: 120px !important; } .all-default-ccontent.abttt .defalt-heading h1 { font-size: 30px; max-width: 100%; } .all-default-ccontent.abttt .deflt-p p { font-size: 14px; line-height: 20px; } .btn-53 .original { font-size: 14px; } .btn-53 .letters { font-size: 14px; } .defalt-heading h2 { font-size: 30px !important; } section.factory-section .factory-content .factory-heading-bg .sub-heading h4 { font-size: 20px; } section.home-contact .form-group label { font-size: 10px; } section.home-contact .form-group label input { position: relative; top: 3px; margin: 0; } .quick-form form .form-group input,.form-group select, .quick-form input#captcha{ font-size: 12px; } .quick-form form ::placeholder { font-size: 12px; } section.home-contact .form-group select { font-size: 12px; } section.footer-top .footer-top-head h2 { font-size: 28px; } .h-contact .all-icon p.c-num { font-size: 9px; } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } .focus-in-contract-bck { -webkit-animation: focus-in-contract-bck 1s cubic-bezier(.25,.46,.45,.94) both; animation: focus-in-contract-bck 1s cubic-bezier(.25,.46,.45,.94) both; -webkit-animation-delay: 0.5s; /* yahan delay adjust karo */ animation-delay: 0.5s; } @-webkit-keyframes focus-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(12px);transform:translateZ(12px);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(12px);transform:translateZ(12px);-webkit-filter:blur(0);filter:blur(0);opacity:1}} .tracking-in-contract-bck { -webkit-animation: tracking-in-contract-bck 1s cubic-bezier(.215,.61,.355,1.000) both; animation: tracking-in-contract-bck 1s cubic-bezier(.215,.61,.355,1.000) both; -webkit-animation-delay: 0.5s; /* delay in seconds */ animation-delay: 0.5s; } @-webkit-keyframes tracking-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(400px);transform:translateZ(400px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(400px);transform:translateZ(400px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.home-contact div#form_success, .home-contact div#err_msg_1 { position: absolute; top: 0; width: 100%; right: 0; margin: auto; text-align: center; } .home-contact div#form_success .alert-success, .home-contact div#form_success, .home-contact div#err_msg_1 { padding: 0; }