@font-face { font-display: swap; src: url(../fonts/GothamPro-Light.eot); src: url(../fonts/GothamPro-Light.woff2) format("woff2"), url(../fonts/GothamPro-Light.woff) format("woff"), url(../fonts/GothamPro-Light.ttf) format("truetype"), url(../fonts/GothamPro-Light.svg#GothamPro-Light) format("svg"), url(../fonts/GothamPro-Light.eot?#iefix) format("embedded-opentype"); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: GothamPro; src: url(../fonts/GothamPro.eot); src: url(../fonts/GothamPro.woff2) format("woff2"), url(../fonts/GothamPro.woff) format("woff"), url(../fonts/GothamPro.ttf) format("truetype"), url(../fonts/GothamPro.svg#GothamPro) format("svg"), url(../fonts/GothamPro.eot?#iefix) format("embedded-opentype"); font-weight: 200; font-style: normal; } @font-face { font-family: GothamPro; font-display: swap; src: url(GothamPro-Medium.eot); src: url(../fonts/GothamPro-Medium.woff2) format("woff2"), url(../fonts/GothamPro-Medium.woff) format("woff"), url(../fonts/GothamPro-Medium.ttf) format("truetype"), url(../fonts/GothamPro-Medium.svg#GothamPro-Medium) format("svg"), url(../fonts/GothamPro-Medium.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: GothamPro; src: url(../fonts/GothamPro-Bold.eot); src: url(../fonts/GothamPro-Bold.woff2) format("woff2"), url(../fonts/GothamPro-Bold.woff) format("woff"), url(../fonts/GothamPro-Bold.ttf) format("truetype"), url(../../fonts/GothamPro-Bold.svg#GothamPro-Bold) format("svg"), url(../../fonts/GothamPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: GothamPro; src: url(../fonts/GothamPro-Black.eot); src: url(../fonts/GothamPro-Black.woff2) format("woff2"), url(../fonts/GothamPro-Black.woff) format("woff"), url(../fonts/GothamPro-Black.ttf) format("truetype"), url(../fonts/GothamPro-Black.svg#GothamPro-Black) format("svg"), url(../fonts/GothamPro-Black.eot?#iefix) format("embedded-opentype"); font-weight: 800; font-style: normal; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: Karla, sans-serif; font-size: 14px; line-height: 36px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } body { line-height: 1; overflow-x: hidden; overflow-x: -moz-scrollbars-none; background: #fff; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 30px; } h4 { font-size: 25px; } h5 { font-size: 20px; } h6 { font-size: 18px; } h7 { font-size: 12px; } p { font-size: 14px; font-weight: 400; line-height: 24px; font-family: Karla, sans-serif; font-weight: 400; color: #333; } a { -webkit-transition: color 0.3s, background-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; font-family: Karla, sans-serif; } a:hover { text-decoration: none !important; } a:hover a:focus { outline: 0; text-decoration: none !important; } #header.sticky { width: 100%; z-index: 9999; top: 0; animation: ease-in-out; transition-delay: 0.5s; animation-name: fadeInDown; animation-duration: 0.5s; animation-fill-mode: both; background: #fff; -moz-transition: all 0s ease-in; -webkit-transition: all 0s ease-in; -o-transition: all 0s ease-in; transition: all 0s ease-in; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); position: fixed; } #header .container { align-items: center; justify-content: space-between; display: flex; } #header .top-cont-section { display: flex; justify-content: flex-end; align-items: center; padding-top: 15px; } #header .top-cont-section .mail { border-left: 1px solid #e7e5e5; padding: 0 0 0 40px; } #header .top-cont-section .call { padding: 0 40px 0 40px; } #header .top-cont-section .mail a { color: #2a2a2a; font-size: 16px; } #header .top-cont-section .mail .samll { color: #a0264f; font-size: 12px; line-height: 12px; display: block; } #header .top-cont-section .social-icon { display: flex; padding: 0 40px 0 0; } #header .top-cont-section .social-icon li { font-size: 13px; margin-right: 10px; } #header .top-cont-section .social-icon li a { font-size: 15px; color: #44413d; text-align: center; display: flex !important; align-items: center; justify-content: center; } @media (max-width: 992px) { #header .logo { padding: 8px 0 8px 0; } #header .top-cont-section .social-icon { display: none; } #header .top-cont-section .call { padding: 10px 30px 15px 0; border-left: none; } #header .top-cont-section .mail { padding: 10px 30px 15px 30px; } } @media (max-width: 768px) { #header .top-cont-section .call { display: none; } #header .top-cont-section .mail { display: none; } } #header .menu-button { border: 1px solid #e2e2e2; padding: 10px; display: none; } #header .menu-button i { color: #bb2b5c; font-size: 20px; } #header .navbar { padding: 10px 0 10px 0; } #header .navbar .nav-item { padding: 0 8px; } #header .navbar .nav-link { color: #272727; font-size: 16px; } #header .navbar .nav-link:hover { color: #c43c6a; } #header .navbar .active { color: #c43c6a; } #header .navbar .dropdown { position: unset; } #header .navbar .dropdown-menu { width: 823px; left: -30px; top: 55px; border-radius: 0; padding: 0 40px; } #header .navbar .dropdown .dropdown-toggle { position: relative; } #header .navbar .dropdown .dropdown-toggle::after { border: none; top: 6px; position: absolute; font-size: 21px; color: #a0264f; } #header .navbar .dropdown .dropdown-toggle[aria-expanded="false"]::after { content: "+"; font-size: 16px; } #header .navbar .dropdown .dropdown-toggle[aria-expanded="true"]::after { content: "-"; } #header .navbar .dropdown-menu .nav-head-sub { font-size: 15px; font-family: GothamPro; margin-bottom: 15px; text-transform: uppercase; } #header .navbar .dropdown-menu .menu-products { border-right: 1px solid #ccc; padding: 30px 0; } #header .navbar .dropdown-menu .menu-products li a { background: url(../images/icon/nav-sub-arow.png) 0 8px no-repeat; padding-left: 15px; display: block; margin-bottom: 10px; color: #666; } #header .navbar .dropdown-menu .menu-products li a:hover { color: #a0264f; } #header .navbar .dropdown-menu .menu-top-brands { padding: 30px 0; } #header .navbar .dropdown-menu .menu-top-brands .img-box { margin-bottom: 20px; filter: grayscale(100%); transition: 0.5s; } #header .navbar .dropdown-menu .menu-top-brands .img-box:hover { filter: grayscale(0%); } #header .navbar .dropdown-menu .menu-top-brands .img-box img { margin: 0 auto; display: block; } @media (min-width: 992px) and (max-width: 1199px) { #header .navbar .dropdown-menu { left: -110px; } } @media (max-width: 992px) { #header .menu-button { display: block; } #header .navbar { padding: 0; position: absolute; top: 95px; left: 0; width: 100%; background: #fff; z-index: 99; border-top: 1px solid #efefef; } #header .navbar .navbar-collapse { padding: 30px 30px; } #header .navbar .dropdown-menu { width: 100%; left: 0; } } @media (max-width: 576px) { #header .navbar .dropdown-menu .menu-products { border-right: none; } } #banner .container { display: flex; align-items: flex-end; justify-content: end; height: 100%; position: absolute; bottom: 0; width: 100%; margin: auto; left: 0; right: 0; padding-bottom: 40px; } #banner .slide-box { height: 713px; position: relative; } #banner .slide-box .banne-cont .head { font-size: 34px; line-height: 30px; background: #a12b52; color: #fff; padding: 20px 15px; font-family: GothamPro; font-weight: 400; } #banner .carousel-control-next, #banner .carousel-control-prev { width: 40px; height: 40px; top: 0; bottom: 0; margin: auto 0; z-index: 2; } #banner .carousel-control-prev { background: url(../images/icon/banner-icon-left.png) 0 0 no-repeat; left: 15px; } #banner .carousel-control-next { background: url(../images/icon/banner-icon-rht.png) 0 0 no-repeat; right: 15px; } #banner .carousel-item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transform: scale3d(2, 1, 2); transform: scale3d(2, 1, 2); -webkit-transition: -webkit-transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; transition: transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } #banner .carousel-item:first-child { top: auto; position: relative; } #banner .carousel-item img { margin: auto; width: 100% !important; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: immortalkenburns 20s linear 0s infinite alternate; animation: immortalkenburns 20s linear 0s infinite alternate; } #banner .carousel-item.active { opacity: 1; z-index: 2; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; transition: transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; } @-webkit-keyframes immortalkenburns { 0% { -webkit-transform: scale(1); -webkit-transition: -webkit-transform 20s linear 0s; } 100% { -webkit-transform: scale(1.2); -webkit-transition: -webkit-transform 20s linear 0s; } } @-moz-keyframes immortalkenburns { 0% { -moz-transform: scale(1); -moz-transition: -moz-transform 20s linear 0s; } 100% { -moz-transform: scale(1.2); -moz-transition: -moz-transform 20s linear 0s; } } @-ms-keyframes immortalkenburns { 0% { -ms-transform: scale(1); -ms-transition: -ms-transform 20s linear 0s; } 100% { -ms-transform: scale(1.2); -ms-transition: -ms-transform 20s linear 0s; } } @-o-keyframes immortalkenburns { 0% { -o-transform: scale(1); -o-transition: -o-transform 20s linear 0s; } 100% { -o-transform: scale(1.2); -o-transition: -o-transform 20s linear 0s; } } @keyframes immortalkenburns { 0% { transform: scale(1); transition: transform 20s linear 0s; } 100% { transform: scale(1.2); transition: transform 20s linear 0s; } } @media (max-width: 1600px) { #banner .slide-box { height: 600px; } } @media (min-width: 992px) and (max-width: 1199px) { #banner .slide-box { height: 400px; } } @media (min-width: 768px) and (max-width: 992px) { #banner .slide-box { height: 300px; padding-bottom: 30px; } #banner .slide-box .banne-cont .head { font-size: 24px; } } @media (max-width: 768px) { #banner .slide-box { height: 300px; padding-bottom: 30px; } #banner .slide-box .banne-cont .head { font-size: 19px; padding: 20px 10px; } } @media (max-width: 576px) { #banner .slide-box { height: 250px; } } .heading-main { margin-bottom: 30px; } .heading-main .small { font-size: 14px; text-transform: uppercase; color: #a0264f; letter-spacing: 2px; position: relative; padding-left: 80px; margin-bottom: 40px; display: block; } .heading-main .small::after { position: absolute; left: 0; top: 13px; width: 60px; content: ""; border-bottom: 1px solid #a0264f; } .heading-main .head-div { font-size: 30px; color: #1a1a23; font-family: GothamPro; font-weight: 200; line-height: 38px; } #welcome-section { padding: 85px 0; position: relative; } #welcome-section::after { border-top: 1px solid #f1f1f1; bottom: 140px; left: 0; position: absolute; width: 100%; content: ""; z-index: -1; } #welcome-section .cont-box { padding: 30px 0; } #welcome-section .no-box { display: flex; justify-content: flex-start; } @media (min-width: 992px) { #welcome-section .no-box { border-left: 1px solid #e8e8e9; padding: 56px 0 57px 23px; } } #welcome-section .no-box .no { padding-left: 30px; } #welcome-section .no-box .no .sub-head { font-size: 40px; color: #1a1a23; margin-bottom: 18px; } #welcome-section .no-box .no .small-head { font-size: 14px; color: #1a1a23; line-height: 18px; display: block; } #welcome-section .Years-box { background: #fff; position: relative; display: flex; padding: 0; margin: 40px 0 0 -45px; gap: 20px; } #welcome-section .Years-box .Years-no { background: #a0264f; padding: 20px 15px; color: #fff; left: 15px; display: inline-block; top: 0; font-size: 40px; } #welcome-section .Years-box .Y-head { font-size: 18px; padding-top: 10px; } @media (max-width: 992px) { #welcome-section .no-box { padding: 56px 0 30px 0; } #welcome-section .Years-box { margin: 20px 0 0 0; } } #Y-choose { background: #f1f1f1; padding: 90px 0; } #Y-choose .list_box .box { padding: 15px 10px; } #Y-choose .list_box .box:hover .icon_box { -webkit-animation: fadeInDown 0.6s; animation: fadeInDown 0.6s; } #Y-choose .list_box .box:hover .cntnt { -webkit-animation: fadeInUp 0.6s; animation: fadeInUp 0.6s; } @media only screen and (max-width: 768px) { #Y-choose .row { margin: 0 10px; } } #Y-choose .sec_title { background: #a0264f; box-shadow: 0 15px 43px 0 rgba(0, 0, 0, 0.3); } @media only screen and (min-width: 768px) { #Y-choose .sec_title { width: 305px; padding: 95px 60px; } } @media only screen and (max-width: 768px) { #Y-choose .sec_title { width: 100%; padding: 35px; } } #Y-choose .sec_title .title { font-size: 35px; font-weight: 600; color: #fff; line-height: 1.272; text-align: left; position: relative; padding-bottom: 27px; font-family: GothamPro; } #Y-choose .sec_title .title::after { content: ""; background-color: #fff; position: absolute; left: 0; bottom: 0; width: 44px; height: 9px; } @media only screen and (max-width: 576px) { #Y-choose .sec_title .title { font-size: 26px; font-weight: 500; padding-bottom: 10px; } #Y-choose .sec_title .title::after { height: 5px; } } #Y-choose .list_box { background: #fff; border-bottom: 1px solid #efefef; } #Y-choose .list_box::after { content: ""; clear: both; display: flex; } @media only screen and (min-width: 768px) { #Y-choose .list_box { width: calc(100% - 305px); } } @media only screen and (max-width: 768px) { #Y-choose .list_box { width: 100%; } } #Y-choose .list_box .box { float: left; text-align: center; border: 1px solid #f5f5f5; transition: ease-in-out all 0.3s; } @media only screen and (min-width: 1200px) { #Y-choose .list_box .box { padding: 10px 30px 10px 30px; } } @media only screen and (min-width: 992px) { #Y-choose .list_box .box { width: calc(100% / 3); height: calc(100% / 2); display: flex; align-items: center; justify-content: center; padding: 0; } } @media (max-width: 992px) and (min-width: 768px) { #Y-choose .list_box .box { width: calc(100% / 2); height: calc(100% / 3); display: flex; align-items: center; justify-content: center; padding: 0; } } @media (max-width: 768px) and (min-width: 576px) { #Y-choose .list_box .box { width: calc(100% / 3); height: calc(100% / 2); display: flex; align-items: center; justify-content: center; padding: 0; } } @media (max-width: 576px) and (min-width: 368px) { #Y-choose .list_box .box { width: calc(100% / 2); height: calc(100% / 3); display: flex; align-items: center; justify-content: center; padding: 15px 0; } } #home-brand-logo { padding: 40px 0; } #home-brand-logo .logo-div { position: relative; padding-left: 170px; } #home-brand-logo .cont { font-size: 24px; color: #a0264f; text-transform: uppercase; font-family: GothamPro; background: url(../images/icon/brand-arow.png) right center no-repeat; padding-right: 50px; position: absolute; left: 0; top: 26px; display: inline-block; } @media only screen and (max-width: 768px) { #home-brand-logo .logo-div { padding-left: 119px; } #home-brand-logo .cont { font-size: 18px; top: 15px; padding-right: 30px; } } #home-brand-logo .logo-div .item { padding: 10px 10px; } #home-prduct-section { padding: 30px 0 75px 0; } #home-prduct-section .container { position: relative; } #home-prduct-section .main-head { font-size: 18px; text-transform: uppercase; color: #a0264f; font-family: GothamPro; font-weight: 400; } @media only screen and (min-width: 992px) { #home-prduct-section .main-head { transform: rotate(-90deg); position: absolute; left: -80px; top: 0; } } #home-prduct-section .main-head::after { position: absolute; right: 160px; top: 12px; width: 100px; border-bottom: 1px solid #a0264f; content: ""; } @media only screen and (max-width: 992px) { #home-prduct-section .main-head { margin-bottom: 50px; font-size: 22px; display: inline-block; position: relative; } #home-prduct-section .main-head::after { right: -120px; top: 12px; } } #home-prduct-section .all-product { border-bottom: 1px solid #efefef; margin-top: 30px; text-align: center; } #home-prduct-section .all-product a { text-transform: uppercase; color: #fff; background: #a0264f; padding: 10px 20px; letter-spacing: 2px; position: relative; top: 12px; } #home-prduct-section .all-product a:hover { background: #bd3060; } .products-box-all-page { margin-bottom: 30px; text-align: center; transition: ease-in-out all 0.3s; padding-bottom: 15px; } .products-box-all-page img { margin: 0 auto; display: block; } .products-box-all-page .head { font-size: 18px; color: #0e0e0e; margin: 20px 0 10px 0; display: block; transition: ease-in-out all 0.3s; } .products-box-all-page .small-head { font-size: 14px; color: #5a5959; display: block; padding-bottom: 10px; } .products-box-all-page .read-more { color: #c83164; text-transform: uppercase; font-size: 14px; background: url(../images/icon/read-more.png) right center no-repeat; padding-right: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.7s; } .products-box-all-page .read-more:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); padding-right: 30px; } .products-box-all-page:hover { box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.07); } .products-box-all-page:hover .read-more { -webkit-filter: grayscale(0%); filter: grayscale(0%); padding-right: 30px; } .products-box-all-page:hover .head { color: #c83164; } .sub-heading-main { text-align: center; margin-bottom: 50px; display: block; } .sub-heading-main .small { text-transform: uppercase; font-size: 20px; color: #a0264f; margin-bottom: 10px; display: block; } .sub-heading-main .head-div { text-transform: uppercase; font-size: 30px; color: #313131; margin-bottom: 10px; display: block; font-family: GothamPro; font-weight: 600; } #home-services { padding: 50px 0; } #home-services .sub-heading-main { margin-bottom: 90px; } #home-services .services-box { text-align: center; border: 1px solid #ededed; border-top: 5px solid #a0264f; padding: 30px 15px 30px 15px; position: relative; transition: ease-in-out all 0.3s; } #home-services .services-box:hover { box-shadow: 3px 12px 7px 0 rgba(0, 0, 0, 0.07); } #home-services .services-box:hover .head { color: #a0264f; } @media only screen and (max-width: 992px) { #home-services .services-box { margin-bottom: 50px; } } #home-services .services-box .no-icon { width: 90px; height: 90px; margin: 0 auto; position: relative; border: 5px solid #a0264f; border-radius: 50px; line-height: 76px; color: #000; font-size: 26px; font-family: GothamPro; margin-top: -30px; top: -45px; z-index: 1; background: #fff; } #home-services .services-box .head { font-size: 20px; font-family: GothamPro; color: #3d3b3c; margin-bottom: 15px; transition: ease-in-out all 0.3s; } #home-services .services-box p { font-size: 14px; color: #757575; margin-bottom: 15px; } #home-news-section { padding: 55px 0; } .all-news-box .img-box { position: relative; margin-bottom: 15px; } .all-news-box .img-box .date { position: absolute; bottom: 0; right: 0; background: #a0264f; padding: 10px 10px; text-align: center; } .all-news-box .img-box .date span { color: #fff; text-transform: uppercase; } .all-news-box .img-box .date .sub-head { color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 700; } .all-news-box .head { font-size: 18px; font-family: GothamPro; margin-bottom: 15px; } .all-news-box .read-more { color: #c83164; text-transform: uppercase; font-size: 14px; background: url(../images/icon/read-more.png) right center no-repeat; padding-right: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.7s; } .all-news-box .read-more:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); padding-right: 30px; } #home-bottom-section { padding: 55px 0; } .home-testimonials .sub-heading-main { text-align: left; } .home-testimonials .cont-box { text-align: center; } .home-testimonials .cont-box { position: relative; padding: 90px 40px 50px 40px; box-shadow: 6.536px 10.064px 22.8px 1.2px rgba(2, 2, 2, 0.1); background: url(../images/icon/quotes.png) 0 0 no-repeat; } .home-testimonials .cont-box .head { font-size: 22px; color: #000; font-family: GothamPro; padding-bottom: 10px; } .home-testimonials .cont-box span { font-size: 16px; color: #666; } .home-testimonials .cont-box .img-box { width: 150px; height: 150px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; border-radius: 50%; } .home-testimonials .cont-box .img-box img { border-radius: 50%; } .home-testimonials .cont-box p { font-size: 16px; } @media only screen and (min-width: 992px) { .home-major-clients { margin-left: 60px; } } .home-major-clients .sub-heading-main { text-align: left; } .home-major-clients .item { border-right: 1px solid #eee; } .home-major-clients .log-box { padding: 15px; border-bottom: 1px solid #eee; min-height: 171px; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 992px) { .home-major-clients { margin-top: 60px; } } .form-all-page { padding: 15px 0; } .form-all-page .form-control { border: none; border-bottom: 1px solid #e5e5e5; min-height: 66px; } .form-all-page .form-control:focus { box-shadow: none; } .form-all-page.form-group { padding-bottom: 10px; } .form-all-page textarea { height: 100px; } .form-all-page .submit { background: #a0264f; padding: 10px 30px; float: right; color: #fff; border: none; margin-top: 30px; } .form-all-page .submit:hover { background: #182a31; } footer { background: #182a31; padding: 75px 0; } footer .foot_logo { text-align: center; margin-bottom: 35px; } footer .f-head { color: #fff; font-size: 16px; color: #fff; letter-spacing: 1px; text-transform: uppercase; position: relative; padding-bottom: 15px; margin-bottom: 30px; } footer .f-head::after { position: absolute; left: 0; bottom: 0; content: ""; width: 30px; border-bottom: 1px solid #bb2b5c; } footer .f-link li a { color: #fff; padding-bottom: 10px; display: block; } footer .f-link li a:hover { color: #bb2b5c; } footer .f-contact p { color: #fff; } footer .f-contact a { color: #fff; display: block; } footer .f-contact a:hover { color: #bb2b5c; } footer .f-contact .address { margin-bottom: 25px; } footer .f-contact .address .location { color: #fff; font-size: 16px; color: #fff; letter-spacing: 1px; text-transform: uppercase; position: relative; padding-bottom: 15px; margin-bottom: 30px; } footer .f-contact .address .location::after { position: absolute; left: 0; bottom: 0; content: ""; width: 30px; border-bottom: 1px solid #bb2b5c; } footer .qck_links { margin-top: 25px; } @media only screen and (min-width: 768px) { footer .f-link ul { display: flex; align-items: center; } } footer .f-link ul li { margin-right: 20px; } footer .f-link ul li:last-child { margin-right: 0; } #copyright { background: #9f274f; padding: 10px 0; } @media only screen and (min-width: 768px) { #copyright .row { align-items: center; justify-content: space-between; } } @media only screen and (max-width: 768px) { #copyright { text-align: center; } #copyright .row { display: block; } } #copyright p { color: #fff; } #copyright .social_icon { display: flex; justify-content: flex-end; } @media only screen and (max-width: 768px) { #copyright .social_icon { justify-content: center; margin-top: 5px; } } #copyright .social_icon li { margin-left: 15px; } #copyright .social_icon li a { font-size: 13px; color: #fff; } .view_all_product { text-transform: uppercase; color: #a0264f; padding: 10px 15px; letter-spacing: 2px; position: relative; top: 12px; } .view_all_product:hover { color: #a0264f; } .fixed_right { position: fixed; right: 30px; bottom: 185px; z-index: 50; margin: -15px 0; } .fixed_right a { display: block; margin: 10px 0; } .fixed_right .icon { width: 44px; height: 44px; background: #a0264f; border-radius: 50%; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .fixed_right .icon { display: none; } } .fixed_right .icon svg { width: 14px; height: 14px; fill: white; } .fixed_right .icon.mail { background: #75706a; } .fixed_right .whatsapp .call_right { background: url(../images/icons/sd-whtzap2.png) center center no-repeat; background-size: 44px; border-radius: 50%; border-radius: 0; width: 44px; height: 44px; box-shadow: none; } .stickyIcons li a.watph { position: fixed; right: 29px; z-index: 999; display: inline-block; bottom: 16%; } .text-center { text-align: center; } @media (max-width: 575px) { .heading-main .head-div { font-size: 22px; line-height: 30px; } .welcome-section .heading-main { margin-bottom: 0; } } #copyright a { color: #fff; } .watphs { position: fixed; right: 29px; z-index: 999; display: inline-block; bottom: 25%; } .popup { position: fixed; background: rgba(0, 0, 0, 0.8); left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 99999999999; display: none; } .popup-inner { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 700px; position: relative; display: table; margin: auto; top: 90px; box-sizing: border-box; max-width: 100%; } .popup .close { cursor: pointer; height: 34px; width: 34px; position: absolute; right: 0px; top: -44px; color: #fff; font-size: 30px; font-family: monospace; font-weight: 300; } .popup .close:hover { } .popup-content { box-sizing: border-box; } @media only screen and (max-width: 768px) { .popup-inner { width: 100% !important; } } p a { font-weight: bold; } @media (max-width: 575px) { #copyright .social_icon li a { font-size: 20px; width: 48px; display: block; } #copyright .social_icon li { margin-left: 0; } } .cont-box p a { color: #a0264f; } .modal-dialog { height: 100%; display: flex; align-items: center; } #contact2025Modal .modal-header img { filter: brightness(10); } #contact2025Modal .modal-header { background: #a0264f; width: 100%; justify-content: center; } #contact2025Modal .modal-header .close { position: absolute; right: 0; top: 0; padding: 16px 20px; } #contact2025Modal .modal-header .close:focus { border: unset; outline: unset; }