/*Fonts*/ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 14, 2024 */ /*@font-face {font-family: 'gilroy-black';src: url('fonts/gilroy-black-webfont.woff2') format('woff2'), url('fonts/gilroy-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face {font-family: 'gilroy-bold'; src: url('fonts/gilroy-bold-webfont.woff2') format('woff2'), url('fonts/gilroy-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'gilroy-extrabold'; src: url('fonts/gilroy-extrabold-webfont.woff2') format('woff2'), url('fonts/gilroy-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'gilroy-heavy'; src: url('fonts/gilroy-heavy-webfont.woff2') format('woff2'), url('fonts/gilroy-heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'fonts/gilroy-light'; src: url('gilroy-light-webfont.woff2') format('woff2'), url('gilroy-light-webfont.woff') format('woff');font-weight: normal; font-style: normal;} @font-face {font-family: 'gilroy-medium'; src: url('fonts/gilroy-medium-webfont.woff2') format('woff2'), url('fonts/gilroy-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: 'gilroy-regular'; src: url('fonts/gilroy-regular-webfont.woff2') format('woff2'), url('fonts/gilroy-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'gilroy-semibold'; src: url('fonts/gilroy-semibold-webfont.woff2') format('woff2'), url('fonts/gilroy-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'gilroy-thin'; src: url('fonts/gilroy-thin-webfont.woff2') format('woff2'), url('fonts/gilroy-thin-webfont.woff') format('woff');font-weight: normal; font-style: normal; } @font-face { font-family: 'gilroy-ultralight'; src: url('fonts/gilroy-ultralight-webfont.woff2') format('woff2'), url('fonts/gilroy-ultralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ /*Common Css Start*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); body{font-family: "Poppins", sans-serif !important;color: #0B3558 !important;font-size: 16px !important;width: 100% !important ;overflow-x: hidden;} a{text-decoration: none;color: #0C8CE9 ; } a:visited, .alink:visited {color: #0C8CE9;text-decoration: none;} a:hover, .alink:hover{text-decoration: none} img, svg {vertical-align: middle;max-width: 100%;} [data-content-type='row'][data-appearance='contained']{max-width:100% !important } .fonts-semibold{font-weight: 500;} .fonts-bold{font-weight: 700;} .fonts-medium{ font-weight: 500;} .btn-primary{background: #07256d !important;font-weight: 500;font-size: 16px !important;text-decoration: none !important;border: none !important;padding: 9px 26px !important;color: #ffffff;} .btn-primary:visited, .btn-primary:focus{color: #fff;} #enquiry-form .btn-primary:hover,body.action.primary:hover,body .action-primary:hover {background: #16398d !important;} .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main{max-width: 100% !important} .bg-main{background: linear-gradient(105.33deg, #07256D 20.68%, #12368C 29.34%, #912D31 37.7%, #581D1E 47.32%, #07256D 71.32%);} .section-padding{padding: 60px 100px;} section.hero-section.section-padding {padding: 30px 100px;z-index:0;position: relative;} /*need to remove*/ #category-details-2 .btn.btn-primary {width: 244px;margin: 0 auto;display: block;} .section-heading{font-size: 36px;font-weight: 600;line-height: 50.4px;text-underline-position: from-font;text-decoration-skip-ink: none;} .accordion-button:focus{border-color: transparent;box-shadow: none;} .tab-pane.fade{border:none !important; margin-bottom: 0 !important} /* #maincontent{z-index: 3;} */ /*Button CSS*/ .btn-white {width: 100px;height: 38px;border-radius: 4px !important;background-color: #fff !important;color: #0B3558 !important;font-size: 16px !important;font-weight: 600 !important;padding: 7px 0px 3px !important;letter-spacing: 0.5px !important;} .banner-middle a.btn-white:hover {background: #07256d !important;color: #fff !important;} .btn-white:hover{background-color: #0B3558;color:#fff;} .block-minicart .minicart-items-wrapper{overflow-y: auto;max-height: 300px;} /*Common CSS End*/ header.page-header{background: linear-gradient(105.33deg, #07256D 20.68%, #12368C 29.34%, #912D31 37.7%, #581D1E 47.32%, #07256D 71.32%);padding-top: 5px;font-size: 16px;position:relative;} .page-header .panel.wrapper {background-color: #E4F2FF !important;padding: 8px 0;font-size: 14px;border-bottom: none !important;} .page-header .header.panel {padding-bottom: 10px;padding-top: 10px;max-width: 100% !important; display: flex; align-items: center;} .page-header .header.panel .block-search{order: 1; width: 600px; margin-left: 36px} .page-header .header.panel>.header.links{order: 3;} .page-header .header.panel .minicart-wrapper{order: 4} .header.panel>.header.links>li>a, .text-dark{color: #0B3558 !important;font-weight: 600;font-size: 16px;} .sidebar.sidebar-main .block.filter .offcanvas.offcanvas-start{top: 86px;} .logo {margin: 0 !important;} .container{width: 100%; max-width: 100%} .top-nav {background-color: #E4F2FF;padding: 15px 0;font-size: 14px;} .main-nav {background-color: white;box-shadow: 0 2px 5px rgba(0,0,0,0.1);} .nav-link {color: #333;font-weight: 500;} .header.content, .not-logged-in{display: none} .header.panel>.header.links>.authorization-link:after{content: '' !important} .nav-sections{margin-bottom: 0 !important;background: #fff;z-index: 2} .nav-sections-item-content > .navigation-megamenu, .navigation{background-color: #fff !important; } .navigation-megamenu .dropdown-toggle::after{border:none;margin: 0;} .navigation-megamenu .megamenu-mainmenu a{color: #0B3558 !important;font-weight: 600;font-size: 16px;transition:0.3s all ease;} /*Search CSS*/ .block-search input{border:1px solid #DEE3FF; border-radius: 100px !important; height: 45px !important;margin: 0;padding-right: 35px;position: static;color: #476796 !important;font-weight: 500 !important;} .block-search .action.search:before{line-height: 45px;} .panel.wrapper .block-search .action.search:before{content: none !important;} .block-search .action.search.disabled, .block-search .action.search[disabled], fieldset[disabled] .block-search .action.search {pointer-events: none;opacity: .5 !important;} input:focus::placeholder,textarea:focus::placeholder {color: transparent !important;} /*Overwrite Magento CSS*/ .page-main{max-width: 100%} .page-main{max-width: 100% !important; padding: 0 !important} .product-card {border-radius: 12px;transition: transform 0.2s;height: 100%;border:1px solid #99DFFF;position: relative;} .card.product-card .card-body{padding: 20px;display: flex;flex-direction: column;justify-content: end;} .product-card:hover {cursor: pointer;} .product-card .card-title, .product-card .card-text{color: #0B3558; font-weight: 600;margin-bottom: 15px;} .product-card .card-title{font-size: 16px} .product-card .card-text{font-weight: 400; font-size: 14px;} .product-card .view-all{font-size: 14px;font-weight: 600;} .product-card-back .card-text{font-weight: 400;color: #ACA3D1;} .product-card-back{display: none} .product-card:hover .product-card-back {display: block;position: absolute;top: -1px;background: linear-gradient(180deg, #0D0E45 0%, #08256B 100%);color: #fff;z-index: 4;height: 101%;width: 101%;border-radius: 12px;border: 1px solid #08256B;} .product-card-back .card-body{padding: 25px 22px} .product-card-back .card-header {font-weight: 600;color: #fff;font-weight: 600;padding: 0 !important;font-size: 18px;margin-bottom: 10px;} .product-card-back p{color: #ACA3D1;margin-bottom: 1.5rem;} .promotion-banner {border: 1px solid #99DFFF;border-radius: 10px;} .promotion-banner:before {content: '';background: linear-gradient(139.54deg, rgba(41, 41, 41, 0.1) -23.29%, rgba(40, 40, 40, 0.33) 27.28%, rgba(0, 23, 46, 0.88) 94.45%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;border-radius: 10px;} .promotion-content{position: absolute;bottom: 20px;left: 20px;right: 20px;color: white;z-index: 2; text-align: center;} .promotion-banner img{border-radius: 10px;height: 319px;object-fit: cover;width: 100%;} .promotion-content p {font-size: 14px;margin-bottom: 15px;letter-spacing: 5px;} .promotion-content h3 {font-size: 25px;font-weight: 600;margin-bottom: 30px;} .promotion-content button {background-color: #0C8CE9;color: white;padding: 7px 15px;border: none;cursor: pointer;border-radius: 4px;font-weight: 400;margin-bottom: 15px;} .promotion-banner.trending-banner:before{background: linear-gradient(180deg, rgba(116, 11, 48, 0.2) -12.07%, rgba(54, 2, 20, 0) 23.08%, rgba(11, 22, 83, 0.65) 69.59%, rgba(11, 22, 83, 0.8) 88.09%, #0D0E45 123.51%);} .promotion-banner.trending-banner img{margin-bottom: 0;} span.trend-badge {background: #FFFFFF47;padding: 7px 11px 7px 11px;gap: 10px;border-radius: 20px;font-size: 14px;font-weight: 400;line-height: 19.2px;display: block;width: 86px;margin-bottom: 10px;} .promotion-banner.trending-banner h5.card-title {font-size: 20px;font-weight: 500;line-height: 33.6px;text-align: left;margin: 0 0 0px;} .promotion-banner.trending-banner p {font-size: 12px;font-weight: 400;line-height: 21px;text-align: left;letter-spacing: 0.5px;} .promotion-banner.trending-banner h6 {font-size: 13px;font-weight: 500;line-height: 16.8px;text-align: left;} /*Categories Pages*/ div#layered-filter-block .page-products{display: none} /* Custom 20% width for 5 cards per row */ .col-5-cards {width: 20%;} /* Responsive adjustments */ @media (max-width: 1200px) { .col-5-cards {width: 25%;} } @media (max-width: 992px) { .col-5-cards {width: 33.333%;} } @media (max-width: 768px) { .col-5-cards {width: 50%;} } @media (max-width: 576px) { .col-5-cards {width: 100%;} } .view-all {color: #0d6efd;text-decoration: none;font-size: 0.9rem;} .view-all:hover {text-decoration: underline;} .product-image {height: 160px;margin-bottom: 12px; object-fit: scale-down;} .diwali-banner {background: linear-gradient(135deg, #f8b195, #f67280);border-radius: 12px;} .btn-primary.show-less{margin-top: 30px} section.static-pages.bg-main .btn-primary {background: #0C8CE9 !important;margin-right: 12px;} .btn-outline-primary {font-size: 16px !important;border-color: #0C8CE9;padding: 8px 26px !important;color: #0C8CE9;} .download-brochure-btn {color: #fff;border-color: #ffffff;} .btn-outline-primary.download-brochure-btn:hover {background-color: #0C8CE9;} /*Bulk-buying Section*/ .page-footer {background: #fff !important;margin-top: auto;padding-bottom: 0px !important;} .mob-footer-nav{display: none} footer{background-color: #1D2530} .footer.content{padding: 0 !important} .bulk-buying{background:linear-gradient(105.33deg, #07256D 20.68%, #12368C 29.34%, #912D31 37.7%, #581D1E 47.32%, #07256D 71.32%);border-radius:20px;position:relative;color:#fff;} .bulk-buying h2 {font-size: 36px;font-weight: 600;line-height: 52px;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;} .footer-section .bulk-buying p {color: #0B3558;font-size: 16px;font-weight: 500;} .footer-links h3{color: #0C8CE9; font-size: 16px;margin-bottom: 20px;margin-top: 20px; } .footer-links ul{list-style: none; padding: 0} .footer-links a {color: #fff;text-decoration: none;line-height: 25px;font-size: 14px;font-weight: 300;} .footer-links a:hover, .copyright p a:hover{color: #0C8CE9;} .footer-section address, .footer-section p{color: #fff;text-decoration: none;line-height: 25px;font-size: 14px;font-weight: 300;} .page-header .widget.block, .page-footer .widget.block {margin:0px 0 !important;float: none !important;} .copyright{background-color: #191E26; color: #fff; padding: 12px 100px;} .copyright .text-right{text-align: right;} .copyright p, .copyright p a{font-size: 12px; color:#C4C4C4;} .certified-block{display: flex; align-items: center; gap: 10px; margin-bottom: 15px} .certified-block-icon{min-width: 40px;width: 40px; height: 40px; background-color: #A8D5A6; border-radius: 50%; display: flex; justify-content: center; align-items: center;} .certified-block-content{display: flex; flex-direction: column; text-align: left;} .certified-block span:last-child{display: block;} .block.newsletter{display: none} /*Breadcumb CSS*/ .breadcumb ul {padding: 0; list-style: none} .breadcumb ul li{display: inline-block;} .breadcumb ul li.breadcumb-active{font-weight: 600} .section-padding.your-business.tab-content{padding: 1rem;} /*Category Side Menu*/ .page-footer .section-padding {padding-top: 0;display:block;} .page-footer .footer.content{margin-top: -160px;} .footer-section i.icons {font-family: 'icomoon' !important;font-weight: 500 !important;font-size: 18px;margin-right: 0;} .footer-section a.social {background: #434B56;display: flex;width: 32px;height: 32px;justify-content: center;align-items: center;margin-bottom: 0;text-align: center;border-radius: 100px;} /* Search CSS */ .block-search .block-content .action.search { width: 36px; height: 36px; border-radius: 100px; opacity: 1; color: #fff; background: url(search-arrow.png) no-repeat center #0C8CE9; margin-top: 4.6px; margin-right: -5px; transition: 0.3s all ease; } .block-search .block-content .action.search:hover { background: url(search-arrow.png) no-repeat center #027ad1; } .page-header .header.panel .minicart-wrapper{display: flex;} .navigation-megamenu .navigation ul.dropdown-menu li > a { border-bottom: 1px solid #e9e9e9; transition: 0.3s all ease; } .navigation-megamenu .navigation ul.dropdown-menu li > a:hover { color: #29aae1 !important; } .solutions-section.section-padding .btn.btn-primary:visited { color: #fff; } .solutions-section.section-padding .btn.btn-primary:hover, .btn-primary:hover { background: #017ed3 !important; } .services-section .service-container .services-list { border-right: 1px solid #AFD3FF; } .services-section .service-container .services-list button { width: calc(100% - 35px); } .dcg-logo-wrapper .logo img{min-width: 133px;} .product-card .view-all { justify-content: space-between; } .product-card .card-body .hover-btn { color: #ffffff; } .page-wrapper .solution-banner-section.bg-main{background: url(solution-banner-3.png) no-repeat center;} .minicart-items .product-item-name a{color:#12368C;} .page-header .block-search .search-autocomplete ul{border: 1px solid #DEE3FF;border-radius: 0 0 8px 8px;max-width: 91%;margin-left: auto;overflow: hidden;margin-right: auto;border-top: 0;} .page-header .block-search .search-autocomplete ul li{color: #0B3558;font-weight: 600;font-size: 14px;padding-left: 20px;padding-right: 20px;} .page-header .header .header li.dropdown .dropdown-menu a:hover, .customer-menu ul.header li a:hover,.page-header .header .header li.dropdown .dropdown-menu li:hover a, .customer-menu ul.header li:hover a{color: #29aae1 !important;} .page-header .block-search .search-autocomplete ul li.selected{background:#ebf5fd;} /* Search CSS Ends*/ .header li.link.authorization-link{float: right;} .header li.link.authorization-link a{ background: url(login-icon.svg) no-repeat; float: right;padding-left:22px;} .page-header .header.panel>.header.links>li{margin-left: 30px;} .page-header .header .header li.dropdown:hover .dropdown-menu{display: block;width:100%;min-width:180px;} .page-header .header .header li.dropdown li,.customer-menu ul.header li{border-bottom:1px solid #e9e9e9;margin-bottom:0px;} .page-header .header .header li.dropdown li:last-child{border-bottom:0px;} .page-header .header .header li.dropdown .dropdown-menu a,.customer-menu ul.header li a,.customer-menu ul.header li.link.support-tkt .counter,.customer-menu ul.header .link.wishlist .counter{color: #0B3558;font-size: 13px;padding:3px 10px;font-weight: 600;display:block;transition:0.3s all ease;} .services-section .btn-explore,.services-section .btn.btn-primary{color: #fff;} .services-section .btn-explore:hover{background: #017ed3 !important;color: #fff !important;} .category-details-2 .btn.btn-primary{margin: 0 auto;float: none;display: block;} footer.text-white.section-padding{padding-top: 136px;} .footer-social {display: flex;gap: 12px;} .footer-section a.social:hover i:before {color: #0C8CE9;} .cms-corporate-channel-solutions .breadcrumbs, .cms-auto-parts-packaging-solutions .breadcrumbs, .cms-design-to-distribution-solution .breadcrumbs, .cms-pac-it-solution .breadcrumbs, .cms-sustainable-packaging-solution .breadcrumbs{display: none} .section-feature{padding: 40px 0} .section-feature .card, .section-feature .card-body{border:none !important; box-shadow: none !important} .section-feature .card .card-body{padding: 30px 15px 15px;background: #F5F8FF;border-radius: 15px;} .section-feature .card .card-body.benefit-card{background: #DCF0FF;margin-top:23px;} .section-feature .card-body h2{color: #0B3558; font-weight: 600; font-size: 24px; margin-bottom: 30px;} .section-feature .card-body ul{padding-left: 0;list-style: none;} .section-feature .card-body li {margin-bottom: 15px;padding-left: 40px;position: relative;font-weight: 300;line-height: 26px; color: #476796} .section-feature .card-body li::before {color: #fff;position: absolute;left: 0;background: #0C8CE9;border-radius: 50%;font-size: 8px;width: 20px;height: 20px;text-align: center;content: "\e928";font-family: 'icomoon' !important;padding-top: 0;top: 2px;line-height: 23px;font-weight: 600;} .your-business .bg-main {padding: 60px 80px;border-radius: 30px;background: linear-gradient(104.07deg, #0A2469 7.1%, #481B29 27.43%, #853335 49.93%, #5B2C3C 61.66%, #26276D 78.55%, #09246A 92.12%); color: #fff} section.section-padding.your-business {padding: 60px 250px;} section.section-padding.your-business h3.case-study {font-size: 36px;font-weight: 600;line-height: 50.4px;margin: 1px 0 40px;} .your-business .h3{font-weight: 600;margin-bottom: 40px; font-size: 36px} .your-business .h4 {font-size: 24px;margin: 5px 0 25px;padding-left: 25px;position: relative;} .your-business .h4:before {content: '';border: 3px solid #0C8CE9;border-radius: 10px;position: absolute;left: 0;height: 35px;top: -5px;} .case-study-left p {line-height: 34px;font-size: 16px;margin-bottom: 25px;} .feature-list {padding-left: 0;list-style: none;} .feature-list li {margin-bottom: 15px;padding-left: 40px;position: relative;font-weight: 300;line-height: 32px;} .feature-list li::before {color: #fff;position: absolute;left: 0;background: #0C8CE9;border-radius: 50%;font-size: 8px;width: 20px;height: 20px;text-align: center;content: "\e928";font-family: 'icomoon' !important;padding-top: 0;top: 5px;line-height: 23px;font-weight: 600;} .r-part{position: relative;z-index: 1;padding-left: 60px} .current-customer-container {background: #EEF2FC;border-radius: 15px;padding: 50px;} .inner-container {max-width: 1176px;margin: 0 auto;width: 100%;} .current-customer .card{box-shadow: 24px 32px 32px -8px #2C385812, 24px 0px 32px 0px #2C385808, 0px 0px 32px 0px #D6E0FC40;border: none;border-radius: 10px;} .current-customer .card img{display: block;max-height: inherit;max-width: 100%;height: auto;width: 100%;object-fit: scale-down;} .hero-section.static-pages h1.page-title {color: #fff;font-size: 40px;font-weight: 600;line-height: 58.5px;margin-bottom: 15px;} .hero-section.static-pages p {color: #fff;font-size: 16px;font-weight: 400;line-height: 30px;margin-bottom: 30px;} .current-customer-container .inner-container h1 {color: #0B3558;font-size: 36px;font-weight: 600;line-height: 50.4px;margin-bottom: 30px !important;} .stats-box-inner {background: rgba(255,255,255,0.9);padding: 15px;border-radius: 8px;margin-top: 30px;bottom: 0; width: 100%;} .stats-box-inner .stats-item {display: flex;align-items: center;text-align: left;margin-bottom: 15px;} .stats-box-inner .stats-item {text-align: left;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;color: #BCEAFF;} .stats-box-inner .stats-item:after{background-color:transparent;content: '';height: 30px;width: 2px;position: absolute;right: 20%;top: 11px;} .stats-box-inner .stats-item:last-child:after{background-color: transparent;} .stats-box-inner .stats-item {display: flex;align-items: center; justify-content: flex-start;text-align: left;padding: 15px;margin-bottom: 15px;} .stats-box-inner .stats-item .image-wrapper {background-color: #DDEFFC;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 10px; margin-right: 15px} .stats-box-inner .stats-item img {width: 28px;height: 28px;} .stats-box-inner .col-5 {flex: 0 0 20%;max-width: 20%;padding: 0;box-sizing: border-box;} .stats-box-inner.stats-box-banner {background: none;} .stats-box-inner.stats-box-banner img {display: none;} .stats-box-inner.stats-box-banner .image-wrapper {display: none;} .stats-box-inner.stats-box-head {background: none;color: #fff !important;} .stats-box-head {padding: 7px;border-radius: 8px;margin-top: 30px;} .stats-box-head .col-5 {flex: 0 0 20%;max-width: 20%;padding: 0 10px;box-sizing: border-box;} .stats-item-1 {display: flex;align-items: center;justify-content: space-around;text-align: left;padding: 15px;margin-bottom: 15px;} .stats-item-1 h4 {color: #BCEAFF;font-size: 14px;} .stats-item-1 small {color: #fff;font-size: 13px;} .stats-item-first.stats-item-1 {justify-content: flex-start;padding-left: 0;} .overview-section .section-title {color:#0B3558;font-size: 2.25rem;font-weight: bold;text-align: center;margin-bottom: 1rem;} .overview-section p {color: #476796;font-size: 16px;font-weight: 500;line-height: 32px;} /*Sidebar CSS*/ .sidebar.sidebar-main .o-list li{margin-bottom: 0;padding-bottom:0px;position:relative;} .sidebar.sidebar-main .level0.first-level .level0.first-level a{position: relative;} .sidebar.sidebar-main .level0.first-level .level0.first-level a:after{content: "";position: absolute;border-bottom:1px solid #D6ECFF;bottom:0px;left: 0;width:113%;} .sidebar.sidebar-main .level0.first-level .o-list.second .level0.first-level a:after{content:none;} .sidebar.sidebar-main .level0.first-level span.expanded{position: absolute;right: 0px;top: 8px;} .sidebar.sidebar-main .o-list li a{padding:10px 0;} .sidebar .o-list a:hover {color: #0C8CE9;} .sidebar .o-list .first-level li.active.first-level li.active.first-level{background-color: #EFF8FF;color:#0C8CE9;font-size:15px;font-weight:700;} .page-wrapper .sidebar .o-list li{border-bottom: 0px;border-top:1px solid #D6ECFF;} .sidebar .o-list li:hover i:before {color: #0C8CE9;} .sidebar .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level ul.o-list.o-list--unstyled.second li.level0.first-level a{padding-left: 24px;} .sidebar .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level a{width: calc(100% - 40px);display: flex;justify-content: space-between;padding-right:2px} .sidebar.sidebar-main .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level a{display: inline-block;padding-left:10px;} .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level ul.o-list.o-list--unstyled.second li.level0.first-level span.expand{transform: rotate(-43deg);border-color: #557FA0;} .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level ul.o-list.o-list--unstyled.second li.level0.first-level.active span.expand{transform:rotate(224deg);border-color: #0C8CE9;} li.level0.first-level .icons:before {color: #0B3558;} li.level0.active.first-level .icons:before {color: #0C8CE9;} .page-wrapper .sidebar .level0.first-level.active .o-list.o-list--unstyled.second{padding-top: 0px;} .page-wrapper .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level ul.o-list.o-list--unstyled.second li.level0.first-level a{font-weight: 500;width:100%;} /*Filter Search*/ .filter-options-title{color: #0B3558; font-size: 16px;} .filter-options-title:after{color: #0B3558;} .navigation-megamenu .navigation ul.dropdown-menu li:last-child > a {border-bottom: 0;} /* Login Popup */ .mobile_login_popup .right-contet-part p.err-msg{text-align: center;} .mobile_login_popup .modal-inner-wrap {border-radius: 0;background: #fff;} .mobile_login_popup .right-contet-part p.success-msg {text-align: center;} .mobile_login_popup .form-password-login {float: left;width: 100%;} .mobile_login_popup .modal-inner-wrap .modal-header .action-close{right:0px;top:-37px;} .mobile_login_popup .modal-inner-wrap fieldset.fieldset.login-password{width:100%;} .mobile_login_popup .modal-inner-wrap fieldset .checkbox-round:checked:after{left:5px;top:6px;} fieldset.fieldset.login-password{float: left;} .hero-section { background-size: cover; color: white; } .banner-padding { padding: 37px 100px 0; margin-bottom: 15px; } .stats-box { background: rgba(255, 255, 255, 0.9); padding: 15px; border-radius: 8px; margin-top: 0; bottom: 0px; width: 100%; position: absolute; z-index: 4; } .stats-item { text-align: left; color: #333; background: linear-gradient(to right, #0C8CE9, #E61348); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; } .stats-item:after { background-color: #BCEAFF; content: ''; height: 30px; width: 2px; position: absolute; right: 20%; top: 11px; } .stats-item:last-child:after { background-color: transparent; } .stats-item h4, .stats-item small { font-weight: 600; font-size: 16px; line-height: 25.28px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin: 0; } .sale-card { background-color: #FFEAD7; padding: 42px 30px; border-radius: 10px; text-align: center; min-height: 524px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .sale-card h4 { font-family: "Be Vietnam Pro", sans-serif; color: #000000; font-weight: 700; font-size: 14px; margin: 0 } .sale-card h2 { font-family: "Kanit", sans-serif; font-weight: 600; font-style: normal; font-size: 33px; letter-spacing: -0.4px; color: #2F2E2E; margin: 0 } .sale-card p { font-family: "Kanit", sans-serif; font-weight: 600; font-style: normal; font-size: 16px; color: #2F2E2E; margin: 0 } .sale-card h3 { font-family: "Kanit", sans-serif; font-weight: 700; font-style: normal; font-size: 69px; letter-spacing: -0.4px; color: #2F2E2E; margin: 0 } .percent-off { font-family: "Kanit", sans-serif; font-weight: 700; font-style: normal; font-size: 77px; letter-spacing: -0.4px; color: #B71B1D; margin: 15px 0; line-height: 24px } .branding-card { background: linear-gradient(180deg, #C7A7FF 0%, #95C2E0 55.38%); padding: 30px; border-radius: 10px; text-align: center; } .logo-section { width: 60% } .main-banner { background-repeat: no-repeat; background-size: cover; height: 524px; position: relative; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: relative; } .main-banner:before { background: linear-gradient(282.67deg, rgba(26, 26, 26, 0) -3.22%, rgba(26, 26, 26, 0.5) 45.38%, rgba(26, 26, 26, 0.675058) 50.66%, rgba(63, 15, 15, 0.38) 67.99%, #8B2B2D 110.2%); content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .main-banner-content { position: absolute; z-index: 1; bottom: 15%; padding: 40px; } .main-banner-content h1 { font-size: 38px; max-width: 620px; font-weight: 600; color: #fff; line-height: 1.5; } .main-banner-content .btn-primary { padding: 8px 15px; border-radius: 4px; font-size: 16px; font-weight: 500; color: #fff !important } .first-banner .owl-nav { display: none !important } /*Solution Start*/ /*Solution CSS*/ .solution-card { border-radius: 15px; overflow: hidden; height: 345px; position: relative; transition: transform 0.3s; } .solutions-section .card-content h3 { font-weight: 400; font-size: 22px; line-height: 34px; } .card-back { display: none } .solution-card:hover .card-back { display: block; position: absolute; top: 0; background: linear-gradient(180deg, #0D0E45 0%, #08256B 100%); color: #fff; z-index: 4; height: 100%; width: 100%; } .card-back .card-body { padding: 25px 22px } .card-back .card-header { font-weight: 600; color: #fff; font-weight: 500; padding: 0; font-size: 20px; margin-bottom: 13px; } .solution-card span.card-text {color: #ACA3D1;font-weight: 400;margin-bottom: 22px;display: block;} .card-back p { color: #ACA3D1; margin-bottom: 1.5rem; font-weight: 400; font-size: 14px; line-height: 24px; } .hover-btn a.btn.btn-primary { margin: 0 8px; background: transparent !important; border: 1px solid #fff !important; font-size: 13px !important; padding: 10px 12px !important; font-weight: 300; } .hover-btn a.btn.btn-primary:first-child { margin-left: 0 } .hover-btn a.btn.btn-primary:last-child { margin-right: 0 } .hover-btn a.btn.btn-primary:hover { background-color: #0C8CE9 !important; border-color: #0C8CE9 !important } .solution-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(116, 11, 48, 0.5) 0%, rgba(54, 2, 20, 0) 18.55%, rgba(11, 22, 83, 0.8) 60.95%, #0D0E45 97.38%); z-index: 1; } .solution-card img { width: 100%; height: 100%; object-fit: cover; } .solution-card .card-content { position: absolute; bottom: 20px; left: 20px; right: 20px; color: white; z-index: 2; } .nav-arrows { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: rgba(0, 0, 0, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; border: 1px solid #fff; } .nav-prev { left: -20px; } .nav-next { right: -20px; } .solutions-section .btn-primary { padding: 9px 26px !important; border-radius: 4px;color: #fff !important } .btn-primary { transition: 0.3s all ease;color:#ffffff;} /*Core Services*/ .services-section { padding-top: 15px; padding-bottom: 15px; } .service-container { background-color: #EBF4FF; padding: 60px 80px; border-radius: 15px; } .section-title { color: #0B3558; font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 1rem; } .section-subtitle { color: #476796; font-size: 18px; text-align: center; max-width: 800px; margin: 0 auto 4rem; line-height: 32px; } .services-section .section-subtitle {margin-bottom: 50px;} .se-icon{background: #DDEFFC;width: 65px;height: 65px;box-shadow: 0px 2px 10px 0px #F4F1FF80;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;} .services-list { list-style: none; padding: 0; margin: 0; } .services-list button { width: 376px; /* padding: 16px 19px 16px 22px; */ gap: 0px; border-radius: 15px; justify: space-between; opacity: 0px; text-align: left; color: #0B3558; margin: 0; padding: 16px 19px 16px 22px; font-weight: 600; font-weight: 500; border: none; } .services-list button.active { background: #0C8CE9; box-shadow: 0px 1px 2px 0px #0000000D; color: #fff; position: relative; font-weight: 600; border: none; } .services-list button:hover { background: #0C8CE9; box-shadow: 0px 1px 2px 0px #0000000D; color: #fff; position: relative; border: none; } .services-list .active:after, .services-list button:hover:after { /*content: '→';*/ position: absolute; right: 20px; content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; } .service-card { background: white; border-radius: 15px; padding: 30px; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .sustain-icon { margin-bottom: 30px; } .service-title { color: #0B3558; font-size: 20px; font-weight: 600; margin-bottom: 12px; line-height: 28px; } .service-description { color: #476796;margin-bottom: 33px;font-size: 16px;font-weight: 500;line-height: 25.6px; } .btn-explore { background-color: #0088E5; color: white; padding: 12px 16px; border: 1px solid #0088E5; border-radius: 5px; text-decoration: none; margin-right: 10px; transition: background-color 0.3s ease; } .btn-explore:hover { background-color: #fff; color: #0088E5; text-decoration: none; border: 1px solid #0088E5; } .btn-meeting { background-color: transparent; color: #0088E5; padding: 12px 16px; border-radius: 5px; text-decoration: none; border: 1px solid #0088E5; transition: all 0.3s ease; } .btn-meeting:hover { background-color: #0088E5; color: #fff; border: 1px solid #fff; text-decoration: none } .service-image { border-radius: 15px; overflow: hidden; margin-bottom: 20px; } .service-image img { height: auto; } .view-all-btn { display: block; width: fit-content; margin: 2rem auto 0; padding: 10px 30px; background-color: #0088E5; color: white; text-decoration: none; border-radius: 5px; font-weight: 500; transition: background-color 0.3s ease; } .view-all-btn:hover { background-color: #0070BD; color: white; } .services-section .btn-explore, .services-section .btn.btn-primary{color: #fff !important} /*Section middle banner*/ .huge-banner, .elevate, .food { background-color: #CAD8E4; border-radius: 10px; padding: 30px } .huge-banner h3 { font-size: 22px; font-weight: 700; line-height: 30.36px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .huge-banner p, .elevate p { font-size: 17px; font-weight: 600; line-height: 25px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #0B3558 } .elevate { background-color: #FFEBE0; padding: 0px } .elevate-inner { padding: 20px } .elevate-right { background-color: #FFCFB5; padding: 20px; padding-top: 41px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .elevate-right img { position: relative; left: -85px; } .elevate-inner p { margin-bottom: 36px; } .food { background-color: #F1F0EA; } /*Product offering*/ .product-offering { background-color: #EEF2FC } .category-title { color: #0B3558; font-weight: 600; font-weight: 600; font-size: 24px } .product-card { border-radius: 12px; transition: transform 0.2s; height: 100%; border: 1px solid #99DFFF; } .card.product-card .card-body { padding: 20px } .product-card:hover { cursor: pointer; } .product-card .card-title, .product-card .card-text { color: #0B3558; font-weight: 600; margin-bottom: 15px; } .product-card .card-title { font-size: 18px } .product-card .card-text, .product-card .view-all { font-weight: 600; font-size: 14px; font-weight: 600; } .product-card .card-text { color: #0B3558; font-weight: 400; } .product-card .product-card-back .card-text { color: #ACA3D1; font-weight: 400; } .view-all { color: #0C8CE9; text-decoration: underline; font-size: 0.9rem; } .view-all:hover { text-decoration: none; } .product-image { height: 160px; margin-bottom: 12px; object-fit: scale-down; } .diwali-banner { background: linear-gradient(135deg, #f8b195, #f67280); border-radius: 12px; } .btn-primary.show-less { margin-top: 30px } /* Custom 20% width for 5 cards per row */ .col-5-cards { width: 20%; } /* Responsive adjustments */ @media (max-width:1200px) { .col-5-cards { width: 25%; } } @media (max-width:992px) { .col-5-cards { width: 33.333%; } } @media (max-width:768px) { .col-5-cards { width: 50%; } } @media (max-width:576px) { .col-5-cards { width: 100%; } } /*Your Business*/ .cms-index-index section.section-padding.your-business {padding: 60px 100px;} .your-business .bg-main { padding: 80px; border-radius: 30px; background: linear-gradient(104.07deg, #0A2469 7.1%, #481B29 27.43%, #853335 49.93%, #5B2C3C 61.66%, #26276D 78.55%, #09246A 92.12%); } .your-business .bg-main:after { content: ''; background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/mask.png); position: absolute; right: 0; width: 248px; height: 461px; background-repeat: no-repeat; bottom: 0; } .your-business .tab-pane.fade { border: none !important; } .custom-tab { color: #6c757d; border: none !important; padding: 1rem 1.5rem; transition: all 0.3s ease; } .custom-tab.active { color: #0d6efd !important; background-color: rgba(13, 110, 253, 0.1) !important; border-radius: 8px; } .tab-content { padding: 2rem; border-radius: 12px; margin-top: 1rem; border: none !important; } .services-section .tab-content{padding: 0px 40px 20px;border-radius: 12px;margin-top: 0;color: #fff;border: none !important;} .services-section .tab-pane.fade { border: none !important; } .service-icon { width: 48px; height: 48px; background: #0d6efd; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .feature-list { padding-left: 0; list-style: none; } .feature-list li { margin-bottom: 15px; padding-left: 40px; position: relative; font-weight: 300; line-height: 26px; } .feature-list li::before { color: #fff; position: absolute; left: 0; background: #0C8CE9; border-radius: 50%; font-size: 8px; width: 20px; height: 20px; text-align: center; content: "\e928"; font-family: 'icomoon' !important; padding-top: 0; top: 2px; line-height: 23px; font-weight: 600; } #servicesTabs { width: 100%; background: #ffffff17; padding: 5px; border-radius: 34px; display: flex; margin: 0; justify-content: space-between; margin-bottom: 20px; margin-top: 10px; max-width: 900px } /*#servicesTabs li{flex-direction: column;}*/ #servicesTabs .nav-link.custom-tab { color: #fff; display: flex; align-items: center; } .your-business #servicesTabs .nav-link.custom-tab{width: 100%;justify-content:center;} .your-business li.nav-item{width:33.333333333333%;} .your-business #servicesTabs .nav-link.custom-tab.active { background-color: #0C8CE9 !important; color: #fff !important; border-radius: 34px; } .your-business #servicesTabs .nav-link.custom-tab:hover { background-color: #0C8CE9 !important; color: #fff !important; border-radius: 34px } .your-business .section-title { text-align: left; margin-bottom: 30px !important } .your-business .h4 { font-size: 24px; margin: 5px 0 25px; padding-left: 25px; position: relative; } .your-business .h4:before { content: ''; border: 3px solid #0C8CE9; border-radius: 10px; position: absolute; left: 0; height: 35px; top: -5px; } .your-business #servicesTabs button i.icons { font-family: 'icomoon' !important; font-size: 24px; margin-right: 10px; } /*Trusted By Start Here*/ .trusted-section { background: #E1F2FF; } .trusted-section .tab-content { background: linear-gradient(173.44deg, #FFFFFF 5.04%, #DBE9FD 507.6%); border-radius: 15px; padding: 40px 0; } .category-tabs { border-bottom: none; justify-content: center; gap: 2rem; margin-bottom: 3rem; } .category-tabs .nav-link { border: none; color: #0B3558; padding: 0.5rem 0; position: relative; font-weight: 500; font-size: 16px; text-transform: capitalize; } .category-tabs .nav-link.active, .category-tabs .nav-link:hover { color: #0C8CE9; background: none; border-bottom: 2px solid #0C8CE9; } .company-logo { height: 60px; object-fit: contain; transition: all 0.3s ease; } .company-logo:hover { filter: grayscale(0%); opacity: 1; } .carousel-indicators { bottom: -95px; } .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; background-color: #0d6efd; } .logo-wrapper { padding: 0 10px; } .logo-container { display: flex; justify-content: center; align-items: center; gap: 1rem; padding: 0 15px; width: 100%; } .carousel-inner .logo-container{justify-content: space-between;} .carousel-inner .logo-container .logo-wrapper img{min-height:65px;} @media (max-width:768px) { .logo-container { flex-wrap: wrap; justify-content: center; } .logo-wrapper { width: 33.33%; margin-bottom: 1rem; } } .review-section { padding: 1rem 0 5rem; } /*.review-count { margin-bottom: 45px; }*/ .review-section .rating-stars { color: #ffc107; } .review-section .review-card { background: white; border-radius: 20px; padding: 1.5rem; border: 1px solid #99DFFF; } .review-section .reviewer-img { width: 48px !important;height: 48px;border-radius: 50%;} .review-section .google-badge { color: #666; font-size: 0.9rem; } .review-section .carousel-indicators { bottom: -70px; } .review-section .carousel-indicators button { width: 10px; height: 10px; border-radius: 50%; background-color: #CCDAFF; opacity: 1; box-shadow: 0px 0px 16px 0px #0000000F; } .review-section .carousel-indicators .active { opacity: 1; background-color: #0C8CE9; } .review-section .review-header { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1rem; } .review-section .review-date { color: #0B3558; font-size: 12px; margin-left: auto; font-weight: 500; } .review-section .review-card p, .review-section .review-card h6 { color: #0B3558; font-weight: 400; font-size: 15px; } .review-section .review-card h6 { font-weight: 600 } .review-count span { color: #0B3558; font-weight: 600; } .review-count span.blue { color: #0C8CE9 } .review-count .google-badge small { color: #476796; font-size: 15px; font-weight: 400; position: relative; top: 2px } /*Special Products*/ .special-products { background-color: #FFEBE0; border-radius: 1rem; padding: 1.5rem; } .special-products h5 { font-size: 20px; font-weight: 600; } .special-products .product-card { background: white; border-radius: 0.5rem; padding: 10px 10px; margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; border: none; } .custom-card { background: linear-gradient(45deg, #2B3990, #1B1464); color: white; border-radius: 1rem; padding: 2rem; display: flex; } .academy-card { background: linear-gradient(180deg, #521C80 -36.49%, #521C80 46.09%, #0F5094 100%); color: white; border-radius: 20px; padding: 60px; position: relative; text-align: center; } .academy-card:before { content: ''; background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/academy-right.png); position: absolute; right: 10px; width: 106px; height: 105px; background-repeat: no-repeat; top: 10px; } .academy-card:after { content: ''; background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/academy-left.png); position: absolute; left: 10px; width: 48px; height: 48px; background-repeat: no-repeat; bottom: 10px; } .academy-card h5 { color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-bottom: 20px } .academy-card h5:after { border: 0.5px solid #FFFFFF; content: ''; position: absolute; width: 151px; height: 0.5px; left: 0; right: 0; margin: 0 auto; bottom: 0; opacity: 0.5; } .academy-card h3 { font-size: 26px; padding-top: 10px; margin-bottom: 1rem } .academy-card p { font-size: 13px; } .new-member-card { background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/member.png); background-repeat: no-repeat; border-radius: 20px; padding: 20px 20px 20px; } .new-member-card span { letter-spacing: 2px; font-size: 15px; color: #fff } .new-member-card h3 { font-size: 26px; color: #fff; margin-top: 10px } .gallery-card { background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/gallery-card.png); color: white; border-radius: 20px; padding: 2rem; position: relative; background-size: cover; } .gallery-card:before { background: linear-gradient(180deg, rgba(116, 11, 48, 0.5) 0%, rgba(54, 2, 20, 0) 18.55%, rgba(11, 22, 83, 0.8) 60.95%, #0D0E45 97.38%); position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 20px } .gallery-content { position: absolute; z-index: 4; display: flex; bottom: 0px; justify-content: end; align-items: start; flex-direction: column; text-align: center; left: 0; right: 0; margin: 0 auto; padding: 25px } .gallery-content h3 { font-size: 26px } .pr-btn { text-align: center; max-width: 105px; width: 100%; margin: 0 auto; } .map-card { background: #FFE4E1; border-radius: 1rem; padding: 1.5rem; } .map-card h5 { color: #0B3558; font-size: 20px; font-weight: 600; margin-bottom: 5px; } .map-card p { color: #0F0928CC; font-size: 12px; font-weight: 600; margin-bottom: 0px; } .btn-custom { background: white; color: #0F0928; border-radius: 4px; padding: 0.5rem 1.5rem; border: none; font-weight: 500; font-size: 15px; border: 1px solid #fff; } .btn-custom:hover { background-color: transparent; border: 1px solid #fff; } .size-badge { background: rgba(255, 255, 255, 0.1); padding: 1rem 1.25rem; border-radius: 5px; margin: 0 0.5rem; font-size: 16px; } .customize-left:after { background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/customize-left.png); background-repeat: no-repeat; background-size: cover; position: absolute; content: '' } .customize-left h3 { font-size: 26px; font-weight: 600; line-height: 34px; } /*Blog CSS*/ .blog-section .card-img-top { object-fit: cover; border-radius: 15px; height: 490px; } .blog-section .blog-card { transition: transform 0.2s; } .blog-card-big:before { background: linear-gradient(180deg, rgba(5, 5, 5, 0) 0%, rgba(17, 49, 88, 0.836735) 69.8%, #0A2469 100%); content: ''; position: absolute; width: 100%; height: 99%; top: 10px; left: 0; right: 0; border-radius: 15px } .blog-card-big .card-body { position: absolute; bottom: 0; z-index: 4; color: #fff; padding: 30px 30px 25px; width: 100%; } .blog-card-big .card-title, .blog-card-big .card-title a { font-size: 34px; color: #fff; text-decoration: none } .blog-section .category-badge { color: #fff; padding: 4px 12px; border-radius: 20px; font-weight: 500; font-size: 14px; background: #82C1DE47; } .blog-section .category-badge a{color: #fff} .blog-section .category-badge a:hover{color: #0C8CE9} .blog-section .date { color: #476796; font-size: 15px; font-weight: 500; } .blog-section .stats-icon { color: #fff; font-size: 14px; } .blog-section .read-more { color: #0C8CE9; text-decoration: none; font-weight: 600; } .blog-section .read-more:hover { text-decoration: underline; } .blog-section .view-more { text-decoration: none; padding: 8px 16px; border-radius: 4px; } .blog-card-right .card-body { padding: 0 0px 0 30px } .blog-section .blog-card-right .category-badge, .blog-section .blog-card-right .category-badge a { color: #023A6E; font-size: 16px; } .blog-section .blog-card-right .card-title, .blog-section .blog-card-right .card-title a { color: #0B3558; font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 10px; text-decoration: none } .blog-section .blog-card-right .card-text { color: #0B3558; font-weight: 400; font-size: 15px; } .blog-card-right img { height: 216px; border-radius: 15px; } .m-18 { margin-bottom: 10px } .blog-card-big .card-title a:hover {color: #0C8CE9;} .blog-section .blog-card-right .card-title a:hover, .blog-section .blog-card-right .category-badge a:hover {color: #0C8CE9;} /* Search CSS */ .block-search input { background: url(search-icon.svg) no-repeat 18px #ffffff; padding-left: 45px !important; padding-right: 45px; font-size: 15px; color: #476796 !important; font-weight: 600 !important; } .block-search .block-content .action.search { width: 36px; height: 36px; border-radius: 100px !important; opacity: 1; color: #fff; background: url(search-arrow.png) no-repeat center #0C8CE9; margin-top: 4.6px; margin-right: -5px; transition: 0.3s all ease; } .block-search .block-content .action.search:hover { background: url(search-arrow.png) no-repeat center #027ad1; } .panel.header .minicart-wrapper .action.showcart{display: flex;} /* .panel.header .minicart-wrapper.active:before, */ .panel.header .minicart-wrapper .action.showcart:before {background:url(cart-icon.svg) no-repeat center; content:"" !important;width:22px; height:28px;left:3px;position:relative;display:inline-block;top: -3px;} /* .panel.header .minicart-wrapper:before{content: none !important;} */ /* .block-search .block-content .action.search:before { content: none; } */ .block-search input::placeholder { color: #476796 !important } .first-banner .owl-carousel .owl-stage-outer { border-radius: 10px 10px 0 0; } .navigation-megamenu .megamenu-mainmenu .dropdown-menu { padding: 10px; } .navigation-megamenu .megamenu-mainmenu li:hover > .dropdown-menu { min-width: 280px;} .navigation-megamenu .megamenu-mainmenu li:hover em.fa.fa-plus{transform: rotate(-180deg);} .navigation-megamenu .navigation ul li { position: static; } .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link { padding: 12px 30px; border-bottom: 1px solid #e9e9e9;} .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link:hover{background-color: #F0F8FF;border-radius: 14px;} .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link:hover span{color:#29aae1 !important;} .navigation-megamenu .megamenu-mainmenu .widget.block.block-category-link,.page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link,.page-wrapper .megamenu-mainmenu .dropdown-menu .widget.block-static-block{margin-bottom:0px;} .navigation-megamenu .megamenu-mainmenu .widget.block.block-category-link a {border-bottom: 1px solid #e9e9e9;transition: 0.3s all ease;margin-right: 5px;padding: 7px 15px;display: block;font-size: 14px;} .page-wrapper .megamenu-mainmenu .dropdown-menu li p:empty {display: none;} .navigation-megamenu .megamenu-mainmenu .level1:last-child .widget.block.block-category-link a,.page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link:last-child{border-bottom: 0px;} .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link a,.navigation-megamenu .navigation ul.dropdown-menu li > a{font-size: 14px;font-weight: 600;} .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link a span{color: #476796 !important;} .form.minisearch.active:after {content: none;} .navigation-megamenu .navigation ul.dropdown-menu li > a { border-bottom: 1px solid #e9e9e9; transition: 0.3s all ease; } .page-wrapper .header.panel>.header.links>li>a:hover,.page-wrapper .navigation-megamenu .navigation ul.dropdown-menu li > a:hover,.page-wrapper .navigation-megamenu .megamenu-mainmenu a:hover { color:#29aae1 !important; } .solutions-section.section-padding .btn.btn-primary:visited { color: #fff; } .solutions-section.section-padding .btn.btn-primary:hover, .btn-primary:hover { background: #16398d !important; } .services-section .service-container .services-list { border-right: 1px solid #AFD3FF; } .services-section .service-container .services-list button { width: calc(100% - 35px); } .product-card .view-all { justify-content: space-between; } .product-card .card-body .hover-btn { color: #ffffff; } .blog-section .read-more-post .category-badge{background: none;} .blog-section .post-like-box .mp-blog-thumbs-up:before{background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/thumbs-up-icon.svg) no-repeat center;width:16px;height:16px;opacity: 1 !important;} .blog-section .post-like-box .mp-cat-icon:before{background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/comment-icon.svg) no-repeat center;width:16px;height:16px;opacity: 1 !important;} .blog-section .post-like-box .mp-blog-traffic:before{background: url(../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/eye-icon.svg) no-repeat center;width:17px;height:17px;opacity: 1 !important;} .blog-section .read-more-post .category-badge span{display: inline-block;margin-right: 5px;} .dcg-logo-wrapper .logo img{min-width: 133px;} .header .minicart-wrapper .block-minicart{z-index: 999;color:#0B3558;} .page-wrapper .navigation-megamenu .navigation ul.dropdown-menu li:last-child > a {border-bottom: 1px solid #e9e9e9;margin-right: 0;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu.append-menu a:after{left: auto;width: auto;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu.append-menu .mega-menu-content > .row{flex-direction: row;} .navigation-megamenu .dropdown-menu ul.sub-menu.append-menu .mega-menu-content .row [class^="col-"]{width: 33.3333%;} .navigation-megamenu .dropdown-menu ul.sub-menu.append-menu li.level2{width: 100%;} .navigation .mega-menu-content .col-md-12{padding: 0;} /* Search CSS Ends*/ /* New Style added */ .mpblog-post-index .page-title-wrapper, .mpblog-category-view .page-title-wrapper, .mpblog-tag-view .page-title-wrapper, .mpblog-month-view .page-title-wrapper {background: linear-gradient(105.33deg, #07256D 20.68%, #12368C 29.34%, #912D31 37.7%, #581D1E 47.32%, #07256D 71.32%);color: #fff;padding: 30px 100px;} .mpblog-post-index .page-title-wrapper h1.page-title, .mpblog-tag-view .page-title-wrapper h1.page-title, .mpblog-month-view .page-title-wrapper h1.page-title{margin-bottom: 0;font-size: 28px;} .mpblog-post-index .columns, .mpblog-tag-view .columns, .mpblog-month-view .columns{padding: 30px 100px 60px;} a.label.label-default.tags-list {font-size: 13px !important;} .mp-sidebar a.sitemap-link, .menu-archives a.list-archives:hover {text-decoration: none !important;color: #0C8CE9 !important;} .mpblog-post-index .post-info-wraper h2.mp-post-title {margin-bottom: 10px;} .mpblog-post-index .mp-post-info, .mpblog-post-index .mp-post-info a, .mpblog-category-view .mp-post-info, .mpblog-category-view .mp-post-info a, .mpblog-tag-view .mp-post-info a, .mpblog-month-view .mp-post-info a{color: #0B3558 !important;font-size: 12px;} .mpblog-post-index .mp-post-info a, .mpblog-tag-view .mp-post-info a, .mpblog-month-view .mp-post-info a{font-weight: 500;} .mpblog-post-index .mp-post-info i, .mpblog-tag-view .mp-post-info a, .mpblog-month-view .mp-post-info a {margin: 0 2px;} .mpblog-post-index .post-item-list, .mpblog-tag-view .post-item-list, .mpblog-month-view .post-item-list{box-shadow: 0px 0px 32px 0px #A6B1D040;padding: 25px;border: none;border-radius: 15px;} .mpblog-post-index .post-item-list .post-item-wraper, .mpblog-tag-view .post-item-list .post-item-wraper, .mpblog-month-view .post-item-list .post-item-wraper {padding: 0;border: 0;} .mpblog-post-index .sidebar.sidebar-main, .mpblog-tag-view .sidebar.sidebar-main, .mpblog-month-view .sidebar.sidebar-main{box-shadow: 0px 0px 32px 0px #A6B1D040;padding: 25px;} .mpblog-post-index .post-right a, .mpblog-tag-view .post-right a, .mpblog-month-view .post-right a {color: #0B3558;font-weight: 500;} .mpblog-post-index p.block-mp-sidebar-heading {font-weight: 600;} .sidebar.sidebar-additional,#hdmx__contact-button, .mpblog-post-index .mp-blog-rss, .mpblog-category-view .mp-blog-rss, .mpblog-tag-view .mp-blog-rss, .mpblog-month-view .mp-blog-rss{display: none;} .mpblog-post-index #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-category-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-tag-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-month-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info {color: #0B3558 !important;} .mpblog-post-index #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a, .mpblog-category-view #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a, .mpblog-tag-view #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a, .mpblog-month-view #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a {color: #0B3558 !important;font-weight: 600;} .mpblog-post-index .post-item-wraper:hover, .mpblog-category-view .post-item-wraper:hover {border: 0px solid transparent;box-shadow: none;} .mpblog-post-index #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-category-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-tag-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-month-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info{padding-right: 5px;} .mpblog-post-index #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info, .mpblog-category-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info:hover, .mpblog-tag-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info:hover, .mpblog-month-view #mpblog-list-container .post-item-wraper .post-info-wraper .mp-post-info a.mp-info:hover {color: #0C8CE9 !important;} .mpblog-post-index #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a:hover, .mpblog-category-view #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a:hover, .mpblog-tag-view #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a:hover, .mpblog-month-view #mpblog-list-container .post-item-wraper .post-info-wraper h2.mp-post-title a:hover {color: #0C8CE9 !important;} .mpblog-post-index .mp-post-meta-info a.mp-read-more, .mpblog-category-view .mp-post-meta-info a.mp-read-more, .mpblog-tag-view .mp-post-meta-info a.mp-read-more, .mpblog-month-view .mp-post-meta-info a.mp-read-more{color: #0C8CE9 !important;font-weight: 500;} .mpblog-post-index .mp-post-meta-info a.mp-read-more:hover, .mpblog-category-view .mp-post-meta-info a.mp-read-more:hover, .mpblog-tag-view .mp-post-meta-info a.mp-read-more:hover, .mpblog-month-view .mp-post-meta-info a.mp-read-more:hover{text-decoration: underline !important;} .mpblog-post-view .columns, .mpblog-category-view .columns, .mpblog-tag-view .columns, .mpblog-month-view .columns{padding: 30px 100px 60px;} .mpblog-post-view .page-title-wrapper, .mpblog-category-view .page-title-wrapper, .mpblog-tag-view .page-title-wrapper, .mpblog-month-view .page-title-wrapper {background: linear-gradient(105.33deg, #07256D 20.68%, #12368C 29.34%, #912D31 37.7%, #581D1E 47.32%, #07256D 71.32%);color: #fff;padding: 30px 100px;display: flex;flex-direction: column;justify-content: flex-start;} .mpblog-post-view .page-title-wrapper .page-title, .mpblog-category-view .page-title-wrapper .page-title, .mpblog-tag-view .page-title-wrapper .page-title, .mpblog-month-view .page-title-wrapper .page-title{font-size: 28px;margin: 0px;order: 1;} .mpblog-post-view .page-title-wrapper .breadcrumbs, .mpblog-category-view .page-title-wrapper .breadcrumbs, .mpblog-tag-view .page-title-wrapper .breadcrumbs, .mpblog-month-view .page-title-wrapper .breadcrumbs {order: 0;padding: 0;text-align: left;margin: 0;margin-bottom: 15px;} .mpblog-post-view .mpcss.post-view h1.post-title{display:none;} .mpblog-post-view .mp-blog-rss{display:none;} .mpblog-post-view .mp-blog-view .post-view-image {width: 25%;float: left;margin-right: 2%;} .mpblog-post-view .mp-blog-view p {margin-bottom: 25px;font-weight: 400;color: #476796;line-height: 25.6px;} .mpblog-post-view .mp-blog-view h2 {font-size: 22px;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;margin: 10px 0;font-weight: 600;} .mpblog-post-view .mp-blog-view h2 strong {font-weight: 600;} .mpblog-post-view .mp-blog-view h3 {font-size: 18px;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;margin: 10px 0;font-weight: 400;} .mpblog-post-view .mp-blog-view h3 strong {font-weight: 500;} .list-post-tabs a{color:#0B3558 !important} .mp-post-info, .mp-post-info span, .mp-post-info {color: #0B3558 !important;font-size: 12px;} .mp-post-info span a.mp-info {color: #0C8CE9 !important;} .mpblog-post-view span.cmt-row__cmt-username{color: #0B3558 !important;} .mpblog-post-view button.default-cmt__content__cmt-block__cmt-box__cmt-btn__btn-submit{background:#0C8CE9 !important;border: none !important;} .mpblog-post-view .default-cmt__content input[type="text"], .mpblog-post-view textarea{display: block;width: 100%;padding: 6px 12px;font-size: 16px;font-weight: 400;line-height: 1.5;color: #212529 !important;background-color: #fff;background-clip: padding-box;border: 1px solid #dee2e6;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;border-radius: 5px;height: 38px;color: #0B3558;font-family: "Poppins", sans-serif !important; text-align: left} .mp-sidebar a.sitemap-link, .menu-archives a.list-archives:hover {text-decoration: none !important;color: #0C8CE9 !important;} a.label.label-default.tags-list:hover, a.label.label-default.tags-list:focus {background: #0C8CE9 !important;color: #fff !important;border-color: #0C8CE9 !important;} .mp-sidebar .block-title p {font-size: 18px;font-weight: 500;} .mp-sidebar .list-post-tabs:hover {background-color: #99dfff29 !important;} ul.menu-categories a.list-categories{margin-left: 0; font-size: 14px;} .menu-archives a.list-archives {color: inherit;font-size: 14px;} a.label.label-default.tags-list {background: #fff;border: 1px solid #99DFFF;border-radius: 5px !important;padding: 5px !important;} .mp-sidebar.product .product.data.items>.item.content {background: #fff;margin-top: 40px;padding: 35px 35px 35px 35px;border: 1px solid #99DFFF;} .product.data.items>.item.title>.switch{border: 1px solid #99DFFF;} .mp-sidebar .block-content {padding-left: 0 !important;} .mp-sidebar ul.menu-categories a.list-categories:hover, .mp-sidebar a.sitemap-link, .mp-sidebar .menu-archives a.list-archives:hover{color: #0C8CE9 !important} .mp-sidebar .menu-archives{padding-left: 0;} .mp-sidebar .product.data.items>.item.title>.switch {border: 1px solid #C3E4FF;border-bottom: 0;color: #0B3558;font-weight: 500;background: none;} .mp-sidebar .data.item.title.active .data.switch {background: #EFF8FF !important;color: #0B3558 !important;} /*CSS Added 21-Jan*/ .minicart-wrapper .block-minicart {width: 320px;} .minicart-wrapper .update-cart-item {float: none;margin-left: 0;padding: 6px 3px;} .minicart-wrapper .product .actions>.primary:not(:last-child){margin-right: 5px} .minicart-items .update-cart-item {font-size: 11px !important;} .catalog-product-view .section-padding.iso-section{position:absolute;width:280px;flex-direction:column;display:flex !important;height:100%;z-index:9;top:10%;right:60px;padding-left: 0;padding-right: 0;} .catalog-product-view .section-padding.iso-section .col-md-9{width: 100%;} .catalog-product-view .section-padding.iso-section .stats-box-inner-container{flex-direction: column;align-items: start;} .catalog-product-view .section-padding.iso-section .stats-box-inner-container .image-wrapper{min-width: 50px;min-height:50px;} .catalog-product-view .section-padding.iso-section .stats-box-inner-container .stats-item-inner{margin-bottom: 40px;white-space:nowrap;} .catalog-product-view .section-padding.iso-section .stats-box-inner-container .stats-item-inner:after{content: none;} @media screen and (min-width: 1280px) and (max-width: 1650px) { .mpblog-post-view .page-title-wrapper, .mpblog-category-view .columns, .mpblog-tag-view .columns, .mpblog-month-view .columns{padding: 30px 15px;} .mpblog-post-index .page-title-wrapper, .mpblog-category-view .page-title-wrapper, .mpblog-tag-view .page-title-wrapper, .mpblog-month-view .page-title-wrapper{padding: 30px 15px;} .mpblog-post-view .columns, .mpblog-post-index .columns {padding: 30px 15px 60px;} .mpblog-post-index .post-item-list, .mpblog-tag-view .post-item-list, .mpblog-month-view .post-item-list{padding: 15px;} .mpblog-post-index .sidebar.sidebar-main, .mpblog-tag-view .sidebar.sidebar-main, .mpblog-month-view .sidebar.sidebar-main{padding: 10px;} .hero-section .stats-item-1 small{white-space: nowrap;} } @media screen and (max-width: 991px) { .mpblog-post-index .columns, .mpblog-tag-view .columns, .mpblog-month-view .columns{padding: 30px 10px;} .mpblog-post-view .columns, .mpblog-category-view .columns, .mpblog-tag-view .columns, .mpblog-month-view .columns{padding: 30px 15px 60px;} .mpblog-post-index .page-title-wrapper, .mpblog-category-view .page-title-wrapper, .mpblog-tag-view .page-title-wrapper, .mpblog-month-view .page-title-wrapper{padding: 20px} .mpblog-post-view .page-title-wrapper, .mpblog-category-view .page-title-wrapper, .mpblog-tag-view .page-title-wrapper, .mpblog-month-view .page-title-wrapper{padding: 30px 10px;} .mpblog-post-view .page-title-wrapper .page-title, .mpblog-category-view .page-title-wrapper .page-title, .mpblog-tag-view .page-title-wrapper .page-title, .mpblog-month-view .page-title-wrapper .page-title{font-size: 18px;line-height: 25px;} .mpblog-post-view .columns .sidebar-main, .mpblog-category-view .columns .sidebar-main, .mpblog-tag-view .columns .sidebar-main, .mpblog-month-view .columns .sidebar-main{width: 100%;padding: 0 10px;} .mpblog-post-view .mp-blog-view h2{font-size: 19px;line-height: 28px;} .mpblog-post-view .mp-blog-view h3{font-size: 16px;} .mpblog-post-view .mp-blog-view p{font-size: 14px;} .mpblog-post-index .sidebar.sidebar-main, .mpblog-tag-view .sidebar.sidebar-main, .mpblog-month-view .sidebar.sidebar-main{width: 100%} .mpblog-post-index .post-item-list, .mpblog-tag-view .post-item-list, .mpblog-month-view .post-item-list{padding: 0} } .core-none{display: block;} #carouselExample1, .cms-page-view .breadcrumbs{display: none;} .case-study-left .icon-tick {display: none;} body .page-header .minicart-wrapper .action.showcart .counter.qty{background-color: #12368c;padding: 1px 4px 0;font-size: 9px;line-height: 23px;text-align: center;min-width: 23px;height: 23px;margin-top: -9px;margin-left: -9px;border-radius: 100px;box-shadow: none;} #store-selector .form-continue .actions-toolbar .action.primary, .order-review-form .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content>.actions>.primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary{border-radius:4px !important;padding:6px 14px !important;font-size: 16px !important;} .minicart-items .details-qty .item-qty{border: 1px solid #DEE3FF;border-radius: 5px;padding: 5px;height: 33px;text-align: center;} #product-details-popup #popup-usage ul,#product-details-popup #popup-highlight ul{padding-left: 0;} #product-details-popup #popup-usage ul li,#product-details-popup #popup-highlight ul li{position:relative;padding-left:32px;} #product-details-popup #popup-usage ul li:before,#product-details-popup #popup-highlight ul li:before {content: '';color: #fff;position: absolute;left: 0;background: #0C8CE9;border-radius: 50%;font-size: 7px;width: 18px;height: 18px;text-align: center;content: "\e928";font-family: 'icomoon' !important;padding-top: 0;top: 3px;line-height: 19px;font-weight: 600;} #order-success-popup{height: auto;} #order-success-popup .modal-content{height:auto;text-align:center;padding:35px;} #order-success-popup .modal-content h1{font-weight:600;color:#0B3558;margin-bottom:30px;font-size:24px;} .modal-popup .modal-inner-wrap .action-close{border-radius:100px !important;border:1px solid #fef6f6;padding: 0px;} #order-success-popup .modal-content p{color:#476796;font-size:16px;margin-bottom: 20px;} #order-success-popup .modal-content img{max-width: 90px;margin: 0 auto;margin-bottom:25px;} #order-success-popup .order-thank a,#order-success-popup .order-contact, .greet.welcome .logged-in{color: #0B3558 !important;font-weight: 600;font-size: 16px;} #order-success-popup .order-thank a{border-bottom: 1px solid #0B3558;margin-left: 6px;font-weight: normal;text-decoration: underline;border-bottom:0px;} #order-success-popup .order-thank a:hover {color: #0C8CE9 !important;} .page-main .action.primary,.page-main .action-primary,.page-main .review-form .action.submit.primary,.page-main .action.btn.btn-primary,.page-main button.btn-submit,.page-main .search-container button.btn-search{background:#07256d !important;border: 1px solid #07256d !important;transition: 0.3s all ease;border-radius:0.375rem;} .page-main .review-form .action.submit.primary{color:#fff;} .page-main .review-form .action.submit.primary:hover,.page-main .action.btn.btn-primary:hover,.page-main button.btn-submit:hover,.page-main .search-container button.btn-search:hover{background: #16398d !important;border-color:#16398d !important;color:#fff;} #order-success-popup .action.primary,#order-success-popup .action-primary{width:100%;max-width:271px;margin: 0 auto;} .modal-popup .modal-inner-wrap .action-close{z-index: 9999;} #modal-content-40 .modal-content,#modal-content-40 div{padding: 0 30px;} .modal-popup .modal-footer button{font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding:.375rem .75rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;margin-left: 15px;} /* Cart Page Section */ /*.cart-page-section{background-color: #DBEFFF;}*/ /* Related Products */ .dcg-related-products .product-items .product-item-info,.dcg-related-products,.dcg-related-products .product-image-container{width:100%;} .dcg-related-products .products-grid .product-item{width:20%;padding: 0 10px;} .dcg-related-products .product-items .product-item-info{border: 1px solid #CCE8FF;border-radius:10px;background-color:#EFF8FF;padding:15px;height:100%;} .dcg-related-products .product-items .product-item-info:hover,.dcg-grid-layout-list.products.dcg-products-list .product-item-info{margin: 0;box-shadow:none;} .dcg-related-products .product-items .product-item-link{font-size:14px;color:#0B3558;font-weight:700;} .dcg-related-products .product-image-container .product-image-photo{height: 120px;max-width:100%;} .dcg-related-products .product-image-container{text-align: center;aspect-ratio:213 / 100;border: 1px solid #CCE8FF;border-radius: 10px;background-color:#fff;} .dcg-related-products .dcg-product-pack-size,.dcg-related-products .dcg-price-per-pack{display:block;font-size:12px;} .dcg-related-products .dcg-tbl-price-per-pack{background: #fff;padding: 2px 10px;display: flex;align-items: center;font-size: 13px;justify-content: space-between;color:#0B3558;border-radius:5px;} .dcg-addccart-items{border-top:1px solid #CCE8FF;padding-top: 15px;margin-top: 15px !important;} .dcg-related-products .dcg-tbl-price-per-pack p{font-size: 12px;border-top: 1px solid #EAF6FF;} .dcg-related-products .dcg-tbl-price-per-pack p,.dcg-related-products .dcg-tbl-price-per-pack .price-label{padding: 5px 2px;text-align:center;} .dcg-related-products .dcg-tbl-price-per-pack .price-label{font-weight:600;} .dcg-dimensions-size,.dcg-dimensions-unit{font-weight:500;} .dcg-related-products .dcg-tbl-price-per-pack .price-item{flex:1;} .dcg-related-products .products-grid .product-item-actions{margin:10px 0 10px;display: flex;} .dcg-related-products .products-grid .product-item-actions .actions-secondary{display: flex;} .dcg-related-products .quantity-control input[type="number"] {width: 52px;text-align: center;border: 1px solid #B2D0E8;height: 37px;border-radius: 7px;padding: 0 0 !important;text-align: center;margin: 0 3px;font-size: 15px;color: #0B3558;font-weight: 600;height:30px;} .dcg-related-products .product-item .btn,.dcg-grid-layout-list .products .product-item-info .product-item-inner .primary{font-size:12px !important;padding:9px 13px !important;border-radius: 4px 0px 0px 0px;background-color:#0C8CE9;border-color:#0C8CE9;border-radius:4px;} .dcg-related-products .product.product-item-details .dcg-product-name-like-box.product-item-actions{margin-bottom:0px;} /* Grid Product Page */ .dcg-grid-layout-list.products-grid .product-item-info .product-item-inner,.dcg-grid-layout-list.products-grid .product-item-info.active .product-item-inner{position: static !important;box-shadow: none;border: 0 !important;background: none;display: block;overflow: visible !important;clip: inherit !important;height: auto !important;margin: 0 !important;padding: 0 !important;width:auto !important;} .dcg-grid-layout-list.products.dcg-products-list .product-item-name,.dcg-grid-layout-list.products-grid .product-item-actions{margin:0px;} .dcg-grid-layout-list.products.dcg-products-list .product-items li{margin-bottom:0px;padding:0px;height: 100%;} .dcg-grid-layout-list.products.dcg-products-list .product.product-item-details{display: flex;flex-direction: column;} .dcg-grid-layout-list.products.dcg-products-list .product.product-item-photo{display: block;text-align:center;} .dcg-grid-layout-list.products.dcg-products-list .product-item-info{width:100%;background: none;border: 0;min-height:350px;} .dcg-grid-layout-list.products.dcg-products-list .product-card .card-title{font-weight: 600;} .dcg-grid-layout-list.products.dcg-products-list .product-item-inner:before{content: none;} .dcg-grid-layout-list.products.dcg-products-list .product-image-container,.dcg-grid-layout-list.products.dcg-products-list .product-image-photo{height:160px;} .dcg-grid-layout-list.products.dcg-products-list .dcg-wish-link{display: flex;justify-content:space-between;align-items: center;} .dcg-grid-layout-list.products.dcg-products-list .dcg-review-box.dcg-wish-link .product-item-inner{margin-left: auto !important;} .dcg-grid-layout-list .product-reviews-summary,.dcg-grid-layout-list .product-item .price-box{margin-bottom: 0;} .dcg-grid-layout-list .product-item .minimal-price-link{margin-top: 0px;} /* Customization Page */ .dcg-customization-container .form-custom{background-color: transparent;} .dcg-customization-container .dcg-customize-box{box-shadow: 0px 0px 32px 0px #A6B1D040;padding:30px 30px 40px;margin-bottom: 30px;border-radius: 15px;} .dcg-customization-container .dcg-customize-box .dcg-radio-img-box{position: relative;margin-right: 12px;} .dcg-customize-box .dcg-img-box{border: 1px solid #99DFFF;padding:10px;border-radius:15px;background: linear-gradient(173.44deg, #FFFFFF 5.04%, #DBE9FD 507.6%);display:block;} .dcg-customization-container .dcg-radio-img-box input[type="radio"]{position: absolute;right: 0;z-index:1;} .dcg-customization-container .dcg-pr-name,.dcg-customization-container .dcg-pr-title{font-size: 18px;font-weight: 700;color: #0B3558;} .dcg-customization-container .dcg-pr-name{font-size: 16px;font-weight: 600;text-align: center;display:block;} .dcg-customization-container .form-control {display: block;width:100%;padding:.375rem .75rem;font-size:15px;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);background-color: var(--bs-body-bg);background-clip: padding-box;border: var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: var(--bs-border-radius);transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;} .header .customer-welcome .action.switch:after,.header .customer-welcome .action.switch:hover:after{color:#0B3558;font-size: 11px;font-weight: 900 !important;} .customer-menu ul.header li.link.authorization-link a,.page-header .header.panel>.header.links>li.customer-welcome{margin-left:10px;} .customer-menu ul.header li{width:100%;padding: 2px 10px;clear:both;} .customer-menu ul.header li:hover{background:none;} .header li.link.authorization-link a{float:left;background-size: 12px;background-position:2px 3px;} .customer-menu ul.header li.link.support-tkt .counter,.customer-menu ul.header .link.wishlist .counter,.customer-menu .link.rewards .counter{font-size:11px;padding-left: 0;color:#0B3558;} .page-header .header .header li.dropdown .dropdown-toggle::after{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 11px;line-height: 22px;color: #0B3558 !important;content: '\e622';font-family: 'luma-icons';margin: 0;vertical-align: top;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;font-weight: 900 !important;border:0;} .customer-welcome .header.links{display: flex !important;flex-direction: column !important;} .customer-welcome .header.links{border-radius: 0.375rem;border-color: rgba(0, 0, 0, 0.176);} .customer-welcome .header.links li{order: 1;} .header li.link.authorization-link{order:2} /* Breadcrumbs */ .dcg-breadcrumb .breadcrumbs{display:block !important;padding-left:0px;} .dcg-breadcrumb .breadcrumbs strong,.dcg-breadcrumb .breadcrumbs a{color: #ffffff;font-size: 16px;} .dcg-breadcrumb .breadcrumbs strong{font-weight: 600;} .dcg-breadcrumb .breadcrumbs .item:not(:last-child):after{color: #fff;margin: 3px 0px 0;font-size: 9px;font-weight: 600;} /*Search Page*/ .catalogsearch-result-index .hero-section.cat-hero-sec .col-md-5.col-12 {display: none;} /*All Single Pages*/ .cms-about-us .page-title-wrapper .page-title{display: none} .single-pages h3{font-size:22px;margin:0 0 20px;font-weight:600;} .single-pages p{font-size: 16px;line-height: 26px;margin-bottom: 20px;} .bundle-options-container .block-bundle-summary .product-addto-links>.action, .product-item-actions .actions-secondary>.action, .product-social-links .action.tocompare, .wishlist.split.button>.action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist{color:#0B3558;} .dcg-product-table-wrapper {background-color: #DBEFFF;border-radius: 5px;padding: 25px 20px 10px;display:flex;} .price-peaces-lables{color:#0B3558;font-weight:600;font-size:14px;} /*Toggle Style*/ /* General toggle switch container */ .dcg-product-table-wrapper .toggle-switch {position: relative;display: inline-flex;width: 120px;height: auto;background-color: #fff;border-radius: 20px;overflow: hidden;cursor: pointer;padding:5px;} .dcg-product-table-wrapper .toggle-switch input {display: none;} .dcg-product-table-wrapper .toggle-switch label {flex: 1;display: flex;justify-content: center;align-items: center;color: #0B3558;font-size: 13px;transition: background-color 0.3s, color 0.3s;cursor:pointer;} /* Styling for the selected state */ .dcg-product-table-wrapper .toggle-switch label:active,.dcg-product-table-wrapper .toggle-switch label:hover,.dcg-product-table-wrapper .toggle-switch input:checked + label {background-color: #0C8CE9;color: white;height: 20px;border-radius: 50px;font-size: 13px;} /* Add positioning for each input-label pair */ .dcg-product-table-wrapper .toggle-switch input:nth-of-type(1):checked ~ label:nth-of-type(1), .dcg-product-table-wrapper .toggle-switch input:nth-of-type(2):checked ~ label:nth-of-type(2), .dcg-product-table-wrapper .toggle-switch input:nth-of-type(3):checked ~ label:nth-of-type(3) {background-color: #0C8CE9;color: white;} /* Modal Window (Popup)*/ .modals-wrapper .modal-popup .modal-inner-wrap{max-width: 850px;border-radius:0px;} .modals-wrapper .modal-popup.mobile_login_popup.modal-slide .modal-inner-wrap{padding: 0;} .modals-wrapper .modal-popup .modal-inner-wrap .main-contai{border-bottom:0px;background-color: #fff;} .modals-wrapper .modal-popup .modal-inner-wrap .right-contet-part {padding:20px 47px;} .modals-wrapper .modal-popup .modal-inner-wrap .modal-header{padding:0px;} .modals-wrapper .modal-popup .modal-inner-wrap .main-title .tit-item h2{font-weight: 700;font-size: 30px;color: #0B3558;margin-bottom: 10px;} .modals-wrapper .modal-popup .modal-inner-wrap .main-title .tit-item p {color: #0B3558;font-weight: 600;font-size: 16px;margin-bottom: 30px;} .modals-wrapper .modal-popup .modal-inner-wrap .emailmobilelabel{margin-bottom:0px;} .modals-wrapper .modal-popup .modal-inner-wrap .mobpasswordlabel{margin-top:20px;} .modals-wrapper .modal-popup .modal-inner-wrap .otplogin{margin:16px 0px} .modals-wrapper .modal-popup .modal-inner-wrap .otplogin label strong,.modals-wrapper .modal-popup .modal-inner-wrap .otplogin label strong, .modals-wrapper .modal-popup .modal-inner-wrap label strong, .modals-wrapper .modal-popup .modal-inner-wrap label{font-weight:bold;font-size: 14px;margin-bottom:10px;} .modals-wrapper .modal-popup .modal-inner-wrap .footer-box-link{margin:0px;} .modals-wrapper .modal-popup .modal-inner-wrap .otplogin label strong{font-weight:500;} .modals-wrapper .modal-popup .modal-inner-wrap .otplogin label{margin-bottom: 0px;} .modals-wrapper .modal-popup .modal-inner-wrap .right-contet-part .fieldset > .field{margin-bottom:15px;} .modals-wrapper .modal-popup .modal-inner-wrap .footer-box-link2{text-align: center;} .modals-wrapper .modal-popup .modal-inner-wrap .footer-box-link2 span.for-accout-title{float:none;color: #0B3558;} .checkout-index-index .nav-sections{display: block !important;} .navigation-megamenu .navigation .megamenu-mainmenu li > .toggle-menu .fa:before{content:"\f107" !important;font-size: 16px;} .column.main .rewards-notification-block{display: none;} .sustainable-packaging-section p.dcg-tag-line{font-style:italic;margin-bottom:16px;} /* Product Details */ #tab-label-highlights a,#tab-label-usage a,#tab-label-additional a,#tab-label-reviews a{background-image: url(images/clipboard-icon.png);background-repeat: no-repeat;background-position: 9px center;} #tab-label-usage a{background-image: url(images/pie-chart.png);} #tab-label-additional a{background-image: url(images/files-icon.png);} #tab-label-reviews a{background-image: url(images/feedback-icon.png);} .page-layout-1column .page-main .product-info-main{padding-right: 25%;} /*Product Gallary CSS */ .fotorama__stage__frame .fotorama__img{border-radius: 15px;} .fotorama-item.fotorama .fotorama__stage__shaft.fotorama__grab{border:0;border-radius: 0;padding:0px;} .fotorama-item.fotorama .fotorama__stage__shaft{border: 2px solid #99DFFF;border-radius: 10px;padding: 25px;} .page-wrapper .toolbar select{border: 1px solid #B2D0E8;background-color: #fff;border-radius: 8px;box-shadow:none;font-size: 15px;color:#0B3558;} .page-wrapper .toolbar .sorter-label{font-size:14px;font-weight:500;} .page-wrapper .modes-mode.active{border-color:#B2D0E8;background-color: #fff;box-shadow:none;} /* Gallary Sidebar CSS */ .page-wrapper .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level ul.o-list.o-list--unstyled.second li.level0.first-level a:before{line-height: 20px;} .page-wrapper .level0.first-level.active .o-list.second .first-level.active span.expanded{margin-top:10px;transform:rotate(-135deg);} .page-wrapper .level0.first-level.active .o-list.second .first-level.active{border-top:1px solid #D6ECFF;} .page-wrapper .level0.first-level.active .o-list.second .first-level span.expanded{transform:rotate(315deg);width: 8px;height: 8px;right: 2px;} .page-wrapper .o-list.o-list--unstyled.second span.expand{margin: 17px 0 0 10px;position: absolute;top: 0;right: 4px;z-index: 9;} .page-wrapper .o-list.o-list--unstyled.second .level0.first-level.active span.expand{margin-top:17px;} .page-wrapper .sidebar .o-list> .level0.active.first-level:first-child{border-top:0} .page-wrapper .sidebar .o-list li li a{font-weight: 500;} .page-wrapper .sidebar .o-list li a{font-size: 16px;} .navigation-megamenu .navigation{z-index: 1;} .offcanvas-header .btn-close:hover{background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;border: 0;} .tab-content a.btn-filter-by i{top: 0;} /* Solution page CSS */ .dcg-solution-wrap{max-width: 1193px;margin: 0 auto;} .overview-section .dcg-solution-wrap h2{font-size: 36px;} .overview-section .dcg-solution-wrap h3{font-size: 22px;color:#0B3558;font-weight: 600;} .overview-section .dcg-solution-wrap h3 img{margin-right: 10px;} .overview-section .dcg-solution-wrap p{color:#476796;font-size:18px;font-weight:400;margin-bottom:0px;} .overview-section .dcg-solution-wrap .dcg-in-content{box-shadow: 0px 0px 0px 4px #FFFFFF;box-shadow: 0px 8px 40px 0px #060B130A;border-radius:12px;padding:40px 70px 40px 40px;} .dcg-solution-wrap .dcg-pac-solution-right-content .dcg-in-content{background:url(images/bg-image.png) no-repeat right bottom;} .overview-section .dcg-solution-wrap .dcg-pac-solution p{font-size: 16px;} .dcg-solution-wrap .dcg-pac-solution-right-content{margin: 10rem 0 5rem;} .dcg-solution-wrap .dcg-pac-solution-image{max-width: 420px;width:100%;margin-left:50px;} .dcg-solution-wrap .dcg-pac-solution-left-image .dcg-pac-solution-image{margin-left:10px;margin-right:50px;} .section-feature .card-body ul li li{position: relative;list-style: none;padding-left: 15px;} .section-feature .card-body ul li li:before{content: "";width: 4px;height: 4px;background-color: #476796;top:11px} .section-feature .card-body ul li ol{margin-top: 12px;} .section-feature strong{font-weight: 600;} .overview-section .section-feature .col-md-8{display: flex;flex-direction: column;} .overview-section .section-feature .card{flex: 1;} table.product-table tr.pack-size th:last-child{border-right: 1px solid #C3E4FF;} .checkout-index-index.onestepcheckout-index-index .modal-popup header .modal-title{display: none;} .modal-popup .modal-inner-wrap{padding: 25px;border-radius:10px;} .modal-popup .modal-inner-wrap .form-popup-content{padding-left: 0px;} .page-main .search-container input:focus::placeholder {color: transparent;} /* Navigation Design */ .navigation-megamenu .navigation ul li{position: relative;} .navigation-megamenu .navigation ul li li{position: static;background-color: #fff;border-radius: 0 0 10px 10px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu ul.sub-menu,.navigation-megamenu .dropdown-menu .mega-menu-content .row{flex-direction: column;position: static;display:flex;} .navigation-megamenu .dropdown-menu .mega-menu-content .row [class^="col-"]{width: 100%;padding: 4px 0px;border-top: 1px solid #e7e7e7;margin-top: 1px;position: static;padding-top:0px;padding-bottom:0px;margin-top:0px;} .navigation-megamenu .dropdown-menu .mega-menu-content .row [class^="col-"]:first-child {border-top: 0;padding-bottom:0px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu{position:absolute;width:1014px;top:0;left:100%;background-color:#fff;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu,.navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu ul.sub-menu{position: static;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu{visibility: hidden;opacity:0;min-height: 308px;overflow-y: auto;transition: .2s opacity;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu li a{font-size: 13px;} .page-wrapper .navigation-megamenu .megamenu-mainmenu li > ul.dropdown-menu{padding: 0;border-radius: 0px 0px 10px 10px;border-bottom: 4px solid #0C8CE9;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu{visibility: visible;opacity: 1;border-radius: 0px 0px 10px 10px;border-bottom: 4px solid #0C8CE9;overflow: hidden;overflow-y: auto;margin-top:-1px;display: block;padding: 10px 20px;height: 102%;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu li a{border-bottom: 0;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu{border-bottom:0px;padding-left:0px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu{position: static;} .navigation-megamenu .mega-menu-content .row{margin:0px;} .navigation-megamenu .navigation ul.dropdown-menu li:last-child > ul li{border-radius: 0px 0px 10px 10px;} /* .navigation-megamenu .navigation ul li li.level1{margin: 5px 0;} */ .navigation-megamenu .navigation ul li li.level1 li{padding:0;} .navigation-megamenu .navigation ul li li.level1 a{position: relative;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu li a:before,.navigation-megamenu .navigation ul li li.level1 a:after{position: absolute;content: "\f105" !important;font:normal normal normal 14px/1 FontAwesome;right: 22px;top: 10px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu li a:after{content: none !important;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li ul.sub-menu ul.sub-menu li a{padding: 5px 15px 5px 35px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu li a:before{left: 22px;font-size: 10px;top: 9px;color: #7b8fad !important;} .navigation-megamenu .navigation ul li li li ul{display: flex;flex-wrap: wrap;} .navigation-megamenu .navigation ul li li li li{width: 25%;float:left;} body .navigation-megamenu .navigation ul.dropdown-menu li > a:hover{background-color: #F0F8FF;border-radius: 8px;} .page-header .header.panel>.header.links li.authorization-link{float: right;} body .navigation-megamenu .navigation ul.dropdown-menu li > a .mega-menu-sub-title{position: relative;z-index:2;} body .navigation-megamenu .navigation ul.dropdown-menu li > a{padding:8px 40px 8px 30px;font-weight: 400;color: #476796 !important;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu{min-height:inherit;width:auto;padding-top:0;padding-bottom:0;padding-left:10px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu li{width: 100%;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu li:has(> ul) > a {font-weight: bold;} #mp-blog-review div {width: 150px !important;} .single-pages ol{list-style: disc;} .mobile_numberlabel label {display: block;text-align: left;} #servicesTabContent .tab-pane.fade .row.align-items-center{align-items: start !important;} #servicesTabContent .tab-pane.fade .row.align-items-center .img-fluid{margin-top: -5%;} .page-main .hdmx__ticket-new input,.page-main .hdmx__ticket-new select,.page-main .hdmx__ticket-new textarea{display: block;width: 100%;padding: 6px 12px;font-size: 16px;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #dee2e6;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;border-radius: 5px;height: 38px;color: #0B3558;font-family: "Poppins", sans-serif !important;} .page-wrapper .fieldset .field label,.page-wrapper .fieldset .field label span{font-size: 16px;color:#0B3558 !important;font-weight: 500;margin-bottom: 5px;} .page-wrapper .hdmx__ticket-new .actions-toolbar .action.primary{font-size: 14px;border-radius: 8px;} .page-wrapper .fieldset .field.required{margin-top: 8px !important;} .page-wrapper .fieldset .field.required label{margin-bottom: 5px !important;} footer.text-white.section-padding .contact-details-block .address-info a,footer.text-white.section-padding .contact-details-block .phone-info a,footer.text-white.section-padding .contact-details-block .email-info a{color: #fff !important;} .page-main .field.required.message textarea.message{color: #0B3558;font-size: 16px;font-weight: 400;min-height:120px;} .review-form .action.submit.primary{margin-bottom: 0;width: 152px;height: 40px;border-radius: 8px !important;} /* Custome Menu */ .dcg-custom-submenu .block-static-block div{display: flex;padding: 35px;flex-wrap: wrap;gap:25px;} .dcg-custom-submenu .block-static-block div .block{padding:20px;background-color:#EEF2FC;border-radius:14px;flex: 30%;} .navigation-megamenu .megamenu-mainmenu li.dcg-custom-submenu:hover > .dropdown-menu{min-width: 1020px;} /*Upload Bulk*/ div#artwork-form-input {text-align: center;} div#artwork-form-input .label {width: 100%;text-align: left;display: block;} #artwork-form-input input#artwork {visibility: hidden;} small#artwork-success {width: 100%;text-align: center;display: block;} small#ext {width: 100%;display: block;} input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"],textarea, .page-wrapper .form-control{border: 1px solid #B2D0E8;border-radius: 8px;font-size: 14px;min-height:40px;padding-left: 14px;color:#0B3558;} .page-main .product-info-main .md-postcode .form-product-postcode .postcode-box .postcode-inner .control .input-text{width: 100%;} .fieldset>.field.required>.label:after, .fieldset>.fields>.field.required>.label:after, .fieldset>.field._required>.label:after, .fieldset>.fields>.field._required>.label:after{margin-left: 0px;} .page-main .hdmx__ticket-new input, .page-main .hdmx__ticket-new select, .page-main .hdmx__ticket-new textarea{font-size: 14px;} .dcgcustomization-index-index .page-title-wrapper,.joincommunity-index-index .page-title-wrapper{padding: 60px 100px;background: linear-gradient(105.33deg, #07256D 20.68%, #12368C 29.34%, #912D31 37.7%, #581D1E 47.32%, #07256D 71.32%);} .dcgcustomization-index-index h1.page-title,.joincommunity-index-index h1.page-title{color: #fff;font-size: 40px;font-weight: 600;line-height: 58.5px;margin-bottom: 15px;} #artwork-form-input .form-label{vertical-align: top;} #product-details-popup #popup-review #product-review-table > div{position: relative;} .date-more-view{text-align: left;} .date-more-view .display-qty-val{line-height: 1;font-size: 12px;} .search-container .search-group input.form-control.filter-input{padding-left: 5px;} .dcg-tab-content .product-table .addtocart-btn .action.btn.btn-primary{white-space: nowrap;} .page-header .logo,.page-header .block-search{z-index: unset;} .product-row .size-info-td p.mb-0{margin-right: 20px;} .dcg-tab-content .product-table thead{position: sticky;top: 0;} @media (max-width:1664px) { section.hero-section.section-padding{padding: 30px 15px;} .page-header .header.panel .block-search {width: 500px;margin-left: 16px;} .page-header .header.panel>.header.links>li {margin-left: 12px;} .header.panel>.header.links>li>a, .text-dark{font-size: 14px;} .footer-links a {line-height: 18px;font-size: 13px;} .footer.content ul {padding-right: 10px;} .footer-section address, .footer-section p{line-height: 21px;font-size: 13px;} .bulk-buying h2{font-size: 26px;line-height: 38px;} div#input-container label, .bulk-buying .form-control {font-size: 14px;} .page-layout-1column .page-main .product-info-main{padding-right: 22%;} .catalog-product-view .section-padding.iso-section{white-space:nowrap;width: 200px;} .page-main .product-info-main .page-title-wrapper h1{font-size: 30px;} .page-main .box-tocart{width: 100%;} } @media (max-width:1365px) { .page-layout-1column .page-main .product-info-main{padding-right: 10%;} .catalog-product-view .section-padding.iso-section{display: none !important;} .navigation-megamenu .megamenu-mainmenu > li{padding:0 15px;} .navigation-megamenu .megamenu-mainmenu a{font-size:14px;} .navigation-megamenu .navigation ul li > a{margin-right: 5px;} .sustainable-packaging-inner-section{max-width: 1400px;width: 100%;} .btn-primary,.btn-outline-primary{padding: 6px 14px !important;} .sustainable-packaging-section h3{font-size: 16px;margin-bottom: 5px !important;} .sustainable-packaging-section p{font-size: 14px;} .product-info-main .md-postcode .form-product-postcode .postcode-box .postcode-inner{max-width: 331px;} .navigation-megamenu .megamenu-mainmenu li:hover > .dropdown-menu{min-width: 240px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu{width: 800px;} .page-products .columns{padding: 20px 15px 25px;} body .navigation-megamenu .navigation ul.dropdown-menu li > a{padding: 8px 15px 8px 20px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu li a:before, .navigation-megamenu .navigation ul li li.level1 a:after{ right: 15px;} .section-padding{padding: 30px 15px;} .navigation-megamenu .megamenu-mainmenu li.dcg-custom-submenu:hover > .dropdown-menu{min-width:800px;} .product-table th{white-space: nowrap;font-size:13px;} .page-products .columns{padding:40px 15px 45px;} .product-table{overflow-x:auto;} .list-tab-top .icons{font-size: 15px;} a.btn-filter-by{padding: 7px 10px !important;} h1.page-title.h36{font-size: 28px;} .bulk-buy h3{font-size: 16px;} .search-group p, .filter-group span,.bulk-buy p,.bd-rat .certified-block-content .fonts-medium,.btn-primary{font-size: 14px !important;} .see-more-info ul li{line-height: 1.5;} .certified-block span:last-child{font-size: 12px;} .single-page-section{padding: 30px 15px;} .sidebar.sidebar-main .icons{font-size: 18px;} .page-wrapper .sidebar .o-list li a{font-size: 14px;} .sidebar .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level a{padding-left: 2px;} .sidebar .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level ul.o-list.o-list--unstyled.second li.level0.first-level a{font-size: 14px;} .section-padding .btn-outline-primary{padding:5px 14px !important;font-size:14px !important;font-weight: 500;} .dcgcustomization-index-index .page-title-wrapper,.joincommunity-index-index .page-title-wrapper{padding: 20px;} } @media screen and (min-width: 1280px) and (max-width: 1650px) { .dcg-tab-content .product-table th{white-space: normal;font-size: 13px;} .product-card .card-text, .product-card .view-all{font-size: 12px;} .section-padding{padding: 60px 15px;} .footer-links a {line-height: 18px;font-size: 13px;} .footer.content ul {padding-right: 10px !important;;} .footer-section address, .footer-section p{line-height: 21px;font-size: 13px;} .page-header .header.panel .block-search{width: 430px;} .greet.welcome .logged-in{font-size: 14px;} .section-padding.iso-section .row .col-md-9{width: 100%} .product-card .card-title{min-height: 40px;} } @media (max-width:1279px) { .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu{width: 650px;} .page-layout-1column .page-main .product-info-main{padding-right: 2%;} .page-main .product-table.single-product-table{width: 100%;} .page-main .product.media{padding-left: 15px;} .page-main .product.info.detailed{padding-left: 15px;padding-right:15px} .bulk-buying h2 {font-size: 20px;line-height: 1.5;} .bulk-buying p{font-size: 14px;} div#input-container label, .bulk-buying .form-control{font-size: 13px;} .bulk-buying .form-control{font-size: 14px;} .footer.content ul{padding-right: 0px;} .page-main .review-control-vote label:before,.page-main .review-control-vote:before{font-size: 26px;} #popup-review{max-height:calc(100vh - 360px);} input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"], textarea{min-height: 35px;} #popup-review div#product-review-table .review-field-rating .label{margin-bottom: 0px;} .page-wrapper .fieldset .field label, .page-wrapper .fieldset .field label span{font-size: 14px;} } @media (max-width:768px) { .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu ul.sub-menu li a:before{left: 11px;} .navigation-megamenu .navigation ul li > a{padding-left: 6px;} .dcg-breadcrumb{display: none;} .core-none{display: none;} #carouselExample1{display: block;} .view-btn{position: absolute;right: 10px;margin-top: 18px !important;} .googleReview-bulk .review-count span, .google-rating p{font-weight: 500 !important;font-size: 14px;} .section-title { font-size: 20px; } .section-subtitle { font-size:14px; } .home-mobile { display: flex; flex-direction: column; } .home-mobile .hero-section .col-lg-3, .home-mobile .hero-section .col-lg-2 { display: none } .service-container, .your-business .bg-main { padding: 10px; } .section-heading { font-size: 20px; line-height: 1.5;} .section-heading.text-muted{color:#0B3558;} #product-offering-container .col-3 { width: 50%; } section.hero-section {padding:37px 0 0;} .mb-5.category-title{margin-bottom: 2rem!important;margin-top: 2.5rem !important;} /* Navigation CSS */ .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu ul.sub-menu{position: static;left:0px;visibility:visible;width:auto;opacity:1;min-height: inherit;} .navigation-megamenu .navigation ul li li li li{width: 100%;} .page-wrapper .navigation-megamenu .megamenu-mainmenu li > ul.dropdown-menu{position: static;border-bottom:0px;border-radius: 0;border-left: 0;border-right: 0;display:none !important;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth.dcg-active-menu-item ul.dropdown-menu .widget.block.block-static-block,.navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth.dcg-active-menu-item ul.dropdown-menu ul.sub-menu,.page-wrapper .navigation-megamenu .megamenu-mainmenu li.dcg-active-menu-item ul.dropdown-menu{display:block !important;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li > a{font-weight: 500;padding-top:5px;padding-bottom:5px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li > a:before,.page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link a:before,body .navigation-megamenu .navigation ul.dropdown-menu li > a:before{position: absolute;content: "\f105" !important;font: normal normal normal 10px / 1 FontAwesome;left: 5px;top: 12px;color:#8fa8cd} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li ul.sub-menu ul.sub-menu li a{padding-left: 20px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li ul.sub-menu ul.sub-menu li a:before{left: 11px;top: 10px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu li:has(> ul) > a{font-weight: 500;} .navigation-megamenu .navigation ul li.dropdown .toggle-menu{right: 18px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu{border-radius: 0;} .navigation-megamenu .navigation ul li li.level1 a:after{content: none !important;} .navigation-megamenu.dcg-mobile-menu .navigation ul li .fa.fa-plus{transform: rotate(-90deg);} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth.dcg-active-menu-item .fa.fa-plus,.navigation-megamenu .megamenu-mainmenu > li.dropdown.dcg-active-menu-item .fa.fa-plus{transform: rotate(-180deg) !important;} .navigation-megamenu .dropdown-menu .mega-menu-content .row [class^="col-"]{border: 0px;} .navigation-megamenu .navigation ul li li{border-radius: 0px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu{border-radius:0;border-bottom: 0;padding-left:10px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu li:hover ul.sub-menu li a{padding-bottom: 8px;} .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link a{padding: 0px;position:relative;padding-left:15px;font-size:13px;} .page-wrapper .megamenu-mainmenu .dropdown-menu .block-cms-link a:before{left:3px;top:5px;} body .navigation-megamenu .navigation ul.dropdown-menu li > a{padding: 8px 15px 8px 15px;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu .toggle-menu{display:none !important} /* New CSS */ .special-products a.text-primary,.category-tabs .nav-link,.size-badge{font-size: 14px;} .review-section{padding-bottom: 2rem;} .special-products h5{font-size: 18px;} .block-search .control{border-top:0px;} .page-wrapper .page-header .panel.wrapper{background-color: #ffffff !important;} .page-header .header.panel .minicart-wrapper {order: 4;position: absolute;right: 60px;top: 19px;} .main-banner{height: 240px;} .stats-box{display: none;} .main-banner-content{padding: 40px 20px 0;} .main-banner-content h1{font-size: 18px;max-width:40px 20px;} .main-banner-content .btn-primary{padding: 3px 10px !important;} .first-banner .owl-theme .owl-dots{top:-35px;height:18px;} .section-subtitle{line-height: 1.5;} .solution-card{height:216px;} .solutions-section .card-content h3{font-size: 16px;line-height: 1.5} .solution-card .card-content{left: 10px;right: 10px;} .page-header .header .nav-toggle:before{color: #0B3558;} .page-header .header.panel{flex-wrap: wrap;} .dcg-logo-wrapper{display: flex;justify-content:space-between;width: 100%;} .dcg-logo-wrapper .nav-toggle{position: static;margin-top: -5px;z-index: inherit;} .dcg-custom-submenu .block-static-block div{flex-direction: column;padding: 10px 0;gap: 10px;} .navigation-megamenu .megamenu-mainmenu li.dcg-custom-submenu:hover > .dropdown-menu{min-width: inherit;} .dcg-logo-wrapper .logo img{min-width:inherit;max-width: 100px;} .page-header .header.panel .block-search{margin-left: 0;position: relative;width:100%;} .block-search .field.search .label{display: none;} .block-search .block-content .action.search{display: block;text-indent:-9999px;width:28px;height:28px;background-size:13px;} .block-content .action.search{display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0;text-decoration: none;text-shadow: none;font-weight: 400;position: absolute;right: 10px;top: 0;z-index: 1;} header.page-header{margin-bottom: 0px;border: 0px;position: relative;} .services-section .tab-content{padding: 0px 15px 20px;} .services-list button{padding: 16px 15px;} .services-section .service-container .services-list{border-right: 0px;} .services-section .service-container .services-list button{width: 100%;} .cms-index-index section.section-padding.your-business {padding: 35px 15px;} #servicesTabs{display:block;padding: 10px 15px;} .your-business li.nav-item{width: 100%;} .service-container, .your-business .bg-main {padding: 40px 20px;} .your-business #servicesTabs .nav-link.custom-tab{justify-content: left;} .blog-card-big .card-title, .blog-card-big .card-title a {font-size: 20px;} .header li.link.authorization-link a{background-position: 0 10px;} .nav-sections .header.links li>a{border-top: 1px solid #efefef;} .service-image{margin-top: 35px;} .product-offering.section-padding{margin-top: 0px;} .section-subtitle{margin: 1px auto 2rem;} .product-offering{padding-top: 40px;} .category-title{font-size: 16px;} /* #product-offering-container .promotion-content{display: none;} */ .product-offering div#product-offering-container{padding: 0;} .promotion-content h3{font-size: 10px;margin-bottom:1px;} .promotion-content{left: 10px;right: 10px;} .promotion-content button{padding: 4px 7px !important;margin-bottom: 0px;font-size:10px;white-space:nowrap;} .trusted-section .category-tabs,.trusted-section .d-flex.review-count {display: flex;flex-wrap: nowrap;justify-content: flex-start !important;padding-left: 0;margin-left: 10px;overflow-x: auto;} .trusted-section .category-tabs .nav-item,.trusted-section .d-flex.review-count span,.trusted-section .d-flex.review-count div {flex-shrink: 0;} .trusted-section .d-flex.review-count{flex-wrap: wrap;align-items: center !important;justify-content: center !important;} .review-section .google-badge{white-space: nowrap;} .new-member-card{background-size: cover;align-items: start !important;} .logo-container{gap:20px} .logo-wrapper img{max-width: 100% !important;min-width:94px} .custom-card .customize-left.position-relative{margin-bottom: 30px;} .gallery-card{background-size: 100%;padding: 60px;background-position: center;background-repeat: no-repeat;} .gallery-content{position: relative;} .page-footer .bulk-buying .form-control{padding: 6px 8px;font-size: 12px;color:#0B3558;} .page-footer .bulk-buying .col-sm-1.col-1{font-size: 12px;} .page-footer .bulk-buying .form-label,.page-footer .bulk-buying .form-check-label{font-size: 13px;} .bulk-buying h2{font-size:18px;line-height:1.5;text-align:center;} .bulk-buying .fonts-medium{font-weight: 400;text-align: center;color:#476796;font-size:14px;} footer.text-white.section-padding{padding-top: 165px;} .copyright{padding: 12px 50px;} section.hero-section .first-banner{margin-top: 10px;} .product-card .card-title{font-size: 12px;font-weight:500;} .product-offering.section-padding .mb-5.category-title{margin-bottom: 13px !important;margin-top: 18px !important;} #promotion-carousel .huge-banner .row.align-items-center .col-md-6{width: 59%;} #promotion-carousel .huge-banner .row.align-items-center .col-md-6.text-center{width: 41%;} .promotion-container .huge-banner h3{text-transform: uppercase;line-height: 1.3;} .promotion-container .huge-banner p,.promotion-container .elevate p{line-height: 1.3;} .promotion-container .huge-banner .btn{height: 32px;padding-top:0 !important;line-height: 28px;} .promotion-container .huge-banner,.promotion-container .elevate,.promotion-container .food{height: 186px !important;} .product-offering.section-padding .promotion-content{left: 5px;} .card.product-card .card-body{padding: 5px 4px;min-height:106px;max-height:106px;overflow: hidden;justify-content: start;} .product-card .view-all{margin-top: auto !important;font-size:12px;display:none !important;} .product-card .card-text.mb-2{display: none !important;} .promotion-content p{font-size:7px;margin-bottom:5px;text-transform: uppercase;} .promotion-banner img{height: 110px;} #category-details-2 .btn.btn-primary{font-size: 14px;width:auto;padding: 4px 16px !important;margin-top:20px;} .btn-primary{font-size: 14px !important;} span.dcg-product-count {border-radius: 10px;color: #0B3558;display: block !important;font-size: 10px;border: 0.02rem solid #7aa7cd;font-weight: 500;background-color: #fff;width: 70px;text-align: center;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}/* Product offer order change */ .home-mobile .product-offering{order: 1;padding-top:20px;} .home-mobile .banner-middle{order: 2;} .home-mobile .solutions-section{order: 3;} .home-mobile .services-section{order: 4;} .home-mobile .your-business{order: 5;} .home-mobile .trusted-section{order: 6; background: #EEF2FC;} .home-mobile .special-products-category{order: 7;margin-top:6px;} .home-mobile .special-products-category .col-12.col-lg-8,.home-mobile .special-products-category .col-12.col-lg-8 .col-md-4,.home-mobile .special-products-category .col-12.col-lg-8 .col-12.col-md-8,.home-mobile .special-products-category .col-12.col-lg-8 .col-md-6{margin-top: 16px;} .home-mobile .special-products-category .col-12.col-lg-8 .col-md-6 .academy-card,.home-mobile .special-products-category .col-12.col-lg-8 .col-md-6 .new-member-card,.home-mobile .special-products-category .col-12.col-lg-8 .col-md-4 .gallery-card{margin-top: 14px;} .home-mobile .blog-section{order: 8;margin-top: 28px;} .your-business .section-title {text-align: center;line-height: 1.8;margin-bottom: 25px !important;} .product-image{height: 72px;margin-bottom:0px;} /* Accordion for Mobile*/ .your-business .accordion-body,.your-business .accordion-item{background: none;border: 0;} .your-business .feature-list li,.your-business .h4{color:#fff} .your-business .accordion-button{font-size: 14px;color: #fff;position: relative;font-weight: 600;border: none;padding: 16px 19px 16px 22px;border-radius: 15px !important;background: none;} .your-business .accordion-button:not(.collapsed) {background: #0C8CE9;box-shadow: 0px 1px 2px 0px #0000000D;} .your-business .accordion-button i{margin-right: 10px;} .your-business .h4{display: none;} .your-business .feature-list li{font-size: 14px;} .your-business .feature-list li::before{top: 5px;left:5px;font-size: 6px;width: 16px;height: 16px;line-height: 16.5px;} .your-business .accordion-body .feature-list{padding-top: 15px;} .your-business .accordion-button::after {content: "\f107";font-family: "Font Awesome 6 Free";font-weight: 900;background: none;} .your-business .bg-main {background: url('../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/../../../../../frontend/Magento/luma/en_US/Dcgpac_CmsPages/css/mask.png') no-repeat right bottom,linear-gradient(104.07deg, #0A2469 7.1%, #481B29 27.43%, #853335 49.93%, #5B2C3C 61.66%, #26276D 78.55%, #09246A 92.12%) no-repeat center center;} .your-business .bg-main:after{content: none;} .special-products-category .custom-card .customize-left p{font-size: 11px;} .customize-left h3{font-size: 20px;} .special-products-category .custom-card .customize-left .btn.btn-custom{position: absolute;top: 0;right: 0;font-size:14px;padding: 0.5rem 0.8rem;} .special-products-category .custom-card .col-md-6.text-end{text-align: left !important;} .special-products-category .custom-card .col-md-6.text-end .mt-4{margin-top: 2.5rem !important;} .map-card h5{font-size: 20px;line-height: 1.6;max-width: 250px;} .map-card p{font-size: 11px;max-width: 210px;} .special-products-category .academy-card,.gallery-card{text-align: left;padding: 20px;} .academy-card h5,.new-member-card span{font-size: 12px;} .academy-card h5:after{right: auto;} .academy-card h3{width: 250px;font-size:20px;} .academy-card p{width: 240px;font-size:12px;} .academy-card:before{top: auto;bottom: 15px;right: 20px;} .academy-card .btn-custom,.new-member-card .btn-custom{position: absolute;right: 20px;top: 10px;font-size:12px;} .new-member-card{display: flex;align-items: center;position:relative;min-height:140px;} .new-member-card img{max-width: 130px;height: auto;} .new-member-card h3,.gallery-content h3{font-size: 20px;} .gallery-content{padding: 0;margin: 0;} .gallery-card .text-center{width: 200px;text-align: left !important;font-size:12px;} .gallery-card h3.text-center{font-size: 20px;} .gallery-card .gallery-content .pr-btn{max-width: 100%;width: 100%;text-align: end;float: right;display: block;margin-top: -60px;} .gallery-content .btn-custom{font-size: 12px;} .huge-banner h3{font-size: 17px;} .huge-banner p, .elevate p{font-size: 13px;font-weight: 400;} .product-card .card-title{text-align: center;} /* Category Page For Mobile*/ .section-padding,section.hero-section.section-padding{padding:10px;} .first-banner .owl-carousel .owl-stage-outer{border-radius: 10px;} section.hero-section{margin-bottom: 0px;} .huge-banner .btn{font-size: 14px !important;} #product-offering-container{padding-top:15px;} .section-padding .stats-box-inner{padding: 10px 0;} .section-padding .stats-box-inner .stats-box-inner-container{flex-wrap: wrap;} .section-padding .stats-box-inner .stats-box-inner-container .stats-item-inner{width: 50%;} .page-main .category-description{padding: 0 15px 20px;} #category-details-category .row.g-3.g-md-5{padding: 0 10px;margin-bottom:15px;} .section-padding .stats-item-inner h4,.section-padding .stats-item-inner small{font-size: 14px;line-height: 1.4;font-weight:400;} .stats-box-inner .image-wrapper{width: 40px;height:40px} .stats-box-inner .stats-box-inner-container .stats-item-inner:after{content:none;} .page-wrapper .category-content-section .category-description h2,.page-wrapper .category-description h2{font-size: 16px; margin: 30px 0 10px;} .page-wrapper .category-description h2{margin-top: 40px;} .category-content-section .category-description p,.page-wrapper .category-description p{font-size: 14px;font-weight: 400;} .page-with-filter .columns .sidebar-main{border-radius: 0 10px 10px 0;} #layer-product-list .tab-content{overflow-x: auto;} .page-main .search-container input{width: 28px;font-size: 12px;height:33px;} .page-main #layer-product-list .tab-content{padding-left:0;padding-right:0;} .page-main .search-container button.btn-search,.page-main .search-container a.btn-reset,.page-main .search-group select,a.btn-filter-by,.search-group p, .filter-group span,a.btn-filter-by i{font-size: 12px !important;} .product-card-back .card-header{font-size: 12px;margin-bottom:0px;} .product-card .product-card-back .card-text{font-size: 10px;overflow-y:auto;margin-bottom:8px;} .card.product-card .product-image{font-size: 10px;height:60px;overflow: hidden;margin-top:-10px} #product-offering-container .dcg-promotion-container .promotion-content span.trend-badge,#product-offering-container .dcg-promotion-container .promotion-content .card-title,.sidebar-main .first-level .o-list.o-list--unstyled.second{display: none!important;} #product-offering-container .dcg-promotion-container .promotion-content h6{white-space: nowrap;} #product-offering-container .dcg-promotion-container .promotion-content h6 svg{width:12px;margin-left: 0 !important;} #product-offering-container .dcg-promotion-container .promotion-content h6,#product-offering-container .dcg-promotion-container .promotion-content p{font-size:11px;line-height: 1.5;} #product-offering-container .dcg-promotion-container .promotion-content p{font-weight:500;} .page-main>.page-title-wrapper .page-title{font-size: 16px;font-weight: 500;} #product-offering-container .product-card .card-title {margin-bottom: 0px;line-height: 1.2;overflow-y: auto;height: 37px;} .dcg-tab-title{display: none;} .dcg-tab-nav.list-tab-top{justify-content: space-between;} .dcg-tab-nav.list-tab-top button.nav-link{padding:10px 13px;} .dcg-tab-nav.list-tab-top button.nav-link i{margin-right:0px;} .header-pr-img .product-image-container.dcg-cat-banner{margin-bottom: 10px;} .dcg-tab-content.tab-content{padding-top: 0;margin-top: 0;} .dcg-tab-content.list-tab .tab-pane{padding-top:13px;} .dcg-search-container .btn-filter-by.dcg-filter-icon{background: url(filter-icon.svg) no-repeat #fff center;width:35px;height:35px;padding: 0 !important;} .dcg-search-container .search-group select{width: 62px;height:33px;} .dcg-search-container .btn.btn-search{height:33px;padding:7px 10px !important} .dcg-filter-container{background-color: #DBEFFF;border-radius:10px;} .dcg-filter-container .toggle-switch label{padding: 4px 2px;font-size:12px;} .dcg-filter-container .toggle-switch input[type="radio"]:checked+label{padding: 3px 6px;} .dcg-filter-container .dcg-toggle-price{margin: 0 8px;border-left:1px solid #C3E4FF;padding:8px 12px;margin-right:0px;width: 100%;gap:12px;} .dcg-filter-container .dcg-toggle-price .dcg-inner-box{gap:15px;} .dcg-filter-container .dcg-toggle-retail{padding:8px 0 8px 12px;} .dcg-filter-container .toggle-switch{margin:2px;} .dcg-filter-container .dcg-filter-ttl{text-align: center;font-weight:600;color:#0B3558;font-size:12px;} .dcg-single-product-container .product-image-photo{position: static;} .dcg-single-product-container .product-image-wrapper{aspect-ratio:inherit;height:auto;} .dcg-single-product-container .product-image-wrapper .product-image-photo{max-width:81px;height:62px;} .dcg-single-product-container .product-group .product-item span.product-image-wrapper{width:81px;height:62px;max-width:100%;height:100%;margin-right:8px;border: 1px solid #EAF6FF;background-color:#FFFFFF} .dcg-single-product-container .list-product-image .product-image-container{width: auto;} .dcg-single-product-container .product-group .product-item{border: 1px solid #CCE8FF;border-radius:10px;background-color:#EFF8FF;margin-top:10px;padding:10px;} .dcg-single-product-container .price-info{display: flex;background-color:#fff;margin: 10px 0;border-radius:5px;padding: 0 10px;} .dcg-single-product-container .price-info .price-item{font-size:13px;color:#0B3558;padding:8px 0;flex:1;text-align:center;} .product-details.dcg-product-right-details{gap:0px;} .dcg-product-right-details .dcg-cat-prdct-name, .dcg-product-right-details .dcg-cat-prdct-name a{color:#0B3558;font-size: 13px;font-weight:700;text-transform: capitalize;} .dcg-quantity-wrap .add-to-cart .btn-primary{padding: 5px 12px !important;} .dcg-quantity-wrap .quantity-control .form-control{height: 33px;} .dcg-single-product-container .price-info p{border-top: 1px solid #CBE9FF;text-align:center;} .dcg-prc-head{font-size:13px;font-weight:600;text-align:center;} .dcg-single-product-container .price-info .price-item .dcg-prc-head {padding: 8px 0;} .dcg-single-product-container .price-info .price-item span.dcg-prc-head {display: block;} .dcg-single-product-container .price-info .price-item p {padding: 8px 0;} body.wp-ln-filter-page {padding-right: 0 !important;} .search-container.dcg-search-container{display:flex !important} div#layer-product-list{padding-right:15px;} .page-layout-category-full-width .hero-section.cat-hero-sec .container .col-12{flex: 0 0 auto;width: 100%;} .catalog-category-view .hero-section .container .col-12{flex: 0 0 auto;width: 50%;} .dcg-search-container .search-group select {width: 50px;height: 33px;padding-left: 5px;background-position: right .25rem center;font-size: 12px !important;} .section-padding .stats-box-inner .stats-box-inner-container .stats-item-inner .image-wrapper{margin-right: 6px} .section-padding .stats-box-inner .stats-box-inner-container .stats-item-inner{width: 50%;margin-bottom: 10px;} .section-padding .stats-item-inner h4, .section-padding .stats-item-inner small{font-size: 12px;line-height: 1.4;font-weight: 400;} .section-padding .stats-box-inner .stats-box-inner-container .stats-item-inner:last-child{display: none} .owl-carousel .owl-stage-outer{margin-left: 2px;} .dcg-single-product-container form.ajax-add-to-cart-form{display:flex;justify-content:space-between;} .dcg-single-product-container form.ajax-add-to-cart-form .primary.tocart{padding: 3px 12px !important;font-size: 14px !important;border-radius:4px;height:33px;} .tab-pane h2.heading-tab{font-size: 18px;font-weight: 600;margin-top: 10px;margin-bottom: 15px;} .sustainable-packaging-section .sustainable-packaging-inner-section h3{font-size: 16px;} .sustainable-packaging-section .sustainable-packaging-inner-section p{font-size: 14px;} .sustainable-packaging-section .btn-primary,.sustainable-packaging-section .btn-outline-primary{padding:6px 10px !important;font-size: 14px !important;} .sustainable-packaging-section .btn-outline-primary{padding:5px 10px !important;} .download-brochure-btn.btn-outline-primary{padding: 4px 16px 5px !important;height: 33px;font-size:14px !important;} .dcg-distribution-block,.dcg-corporate-block,.dcg-capesx-block{border-bottom: 1px solid #D6ECFF;border-top: 1px solid #D6ECFF;} .hero-section.static-pages h1.page-title {font-size: 20px;line-height: 28px;margin-top: 10px;margin-bottom: 10px;} .hero-section.static-pages p {font-weight: 400;margin-bottom: 15px;line-height: 24px;font-size: 14px;} .stats-box-inner.stats-box-head {display: none;} .m-none {display: none;} .section-padding.overview-section {padding-top: 30px;} .overview-section p{line-height: 26px} .section-feature .card .card-body{margin-bottom: 18px} section.section-padding.pb-0.your-business.your-business-static {padding: 60px 15px;} section.section-padding.pb-0.your-business.your-business-static .d-none{display: block !important;} .cms-page-view .your-business .h4 {display: block;} .r-part {padding-left: 8px;margin-top: 10px;} .current-customer-container{padding: 15px} .current-customer .mb-4 {margin-bottom: 25px !important;} .section-feature {padding: 20px 0 0px;} .case-study-left .icon-tick {display: none;} #product-details-popup #popup-usage ul li,#product-details-popup #popup-highlight ul li{font-size: 14px !important;padding-left: 26px;} #product-details-popup #popup-review div#product-review-table{display: block;} #product-details-popup #popup-review #product-review-table > div{width:100%;margin-bottom: 40px;} #product-details-popup #popup-review .review-field-rating .control{margin-top:4px;} #product-details-popup #popup-review .review-field-nickname,#product-details-popup #popup-review .review-field-summary{width:100%;margin-right: 0 !important; margin-bottom: 10px;} #product-details-popup #popup-review .review-field-summary input[type="text"],#product-details-popup #popup-review .review-field-nickname input[type="text"],#product-details-popup #popup-review .review-field-text textarea{padding: 3px 10px 3px 10px;} #product-details-popup #popup-review .fieldset .review-field-ratings,#product-details-popup #popup-review .fieldset .review-field-ratings{margin-bottom:0px;} #layer-product-list #product-details-popup .tab-content{margin-top:4px;} #product-details-popup .tab-buttons .icons{margin-bottom:4px} .product-card:hover .product-card-back a,.product-card:hover .product-card-back{background: none;color: transparent !important;border: 0;} .product-card:hover .product-card-back a .view-all,.product-card:hover .product-card-back a .card-text,.product-card:hover .product-card-back a .card-header{display: none;} .level0.first-level.active .o-list.o-list--unstyled.second li.level0.first-level a{display: none;} .page-main .sidebar.sidebar-main .wp-filters.wp-filters-ajax{display: none !important;} .page-main .sidebar .o-list li.level0.active{position: relative;border-left:0;} .page-main .sidebar .o-list li.level0.active:before{position: absolute;height:100%;width: 5px;left: 0;top:0px;background-color:#0C8CE9;content:"";border-radius: 0 10px 10px 0;} .sku-list-page.offcanvas-open .categorypath-boxes-corrugated-boxes-universal-boxes .sidebar.sidebar-main .o-list, .dcg-search-container .btn-filter-by span{display:none} .sku-list-page.page-with-filter .columns .sidebar-main{margin-left:-40%;} .sku-list-page.page-with-filter .columns .sidebar-main .filter-options{display:block;} .sku-list-page.page-with-filter .columns .sidebar-main .block-title.filter-title strong{display:none;} .sku-list-page.page-with-filter .columns .sidebar-main .filter-options-title{font-size:14px;} .catalogsearch-result-index .hero-section.cat-hero-sec .col-md-6.d-none {display: block !important;} .catalogsearch-result-index .hero-section.cat-hero-sec .col-md-6 .page-title {font-size: 18px;} .single-pages h3 {font-size: 16px;} .single-pages p, .single-pages li {font-size: 14px;} body .mobile_login_popup .modal-inner-wrap .modal-header .action-close{background-color: #fff !important;right: -25px;} .modal-popup .action-close::before, .modal-slide .action-close::before{height: 15px !important;} .mobile_login_popup.modal-popup.modal-slide._inner-scroll .modal-inner-wrap{margin-left: 15px !important;margin-right: 15px !important;padding:12px;} /* Checkout page CSS */ .checkout-container .addresses .shipping-address-item{flex: 0 0 100%;max-width: 100%;} .checkout-container .checkout-left-container .row-mp{padding-right: 0px;} .checkout-container .checkout-left-container .order-summary.hoverable{margin-right: 0px;padding:10px;} .checkout-container .checkout-left-container .opc-block-summary .items-in-cart > .title{top:0px;} .checkout-container .opc-estimated-wrapper .minicart-wrapper{display: none;} .checkout-container .billing-address-same-as-shipping-block{display: flex;align-items: start;font-size:14px;} .checkout-container .opc-wrapper #checkout-review-table tbody,.checkout-container .opc-wrapper #checkout-review-table tr,.checkout-container .opc-wrapper #checkout-review-table {display: block;} .checkout-container .opc-wrapper #checkout-review-table tr{margin-bottom: 16px;position:relative;padding-top:15px;padding-bottom:10px;} .checkout-container .opc-wrapper #checkout-review-table tr div.remove-wrapper{display: flex;gap: 3px;justify-content: center;text-align: center;width: 100%;flex: 0 0 100%;} .checkout-container .opc-wrapper #checkout-review-table td.button-remove{position: absolute;top: 0;width: 50px;right: 0;z-index: 9999;justify-content: end;background-color: red;height: 25px;border-radius:0 8px 0 10px;background-color:#C3E4FF;padding: 6px 2px !important;border: 1px solid #a6cded;z-index:1;} footer .footer-links .contact-details-block .phone-info{width: 46%;display: inline-flex;margin: 12px 0px 20px !important;} .checkout-container .opc-wrapper #checkout-review-table td.button-remove a{font-size:12px;color: #0B3558;} .checkout-container .opc-wrapper #checkout-review-table thead {display: none; /* Hide table header for mobile */} .checkout-container .opc-wrapper #checkout-review-table td {display: flex;text-align: left;padding: 10px;border: none;position: relative;width:100%;border-top: 1px solid #C3E4FF;} .checkout-container .opc-wrapper #checkout-review-table td:first-child{border-top: 0;} .checkout-container .opc-wrapper #checkout-review-table td:before{content: attr(data-label);font-weight: bold;display: inline-block;width: 40%;margin-right: 10px;width: 85px;min-width: 85px;} .checkout-container table#checkout-review-table .qty-wrapper{justify-content: start;} .checkout-container .opc-wrapper #checkout-review-table td.product:before{content:"Items:";} .checkout-container .opc-wrapper #checkout-review-table td.details-qty:before{content:"Packs:";} .checkout-container .opc-wrapper #checkout-review-table td.price:before{content:"Price Per Unit:";} .checkout-container .opc-wrapper #checkout-review-table td.units:before{content:"Units:";} .checkout-container .opc-wrapper #checkout-review-table td.subtotal:before{content:"Total:";} .checkout-container .checkout-left-container .qty-wrapper a.button-action{text-align: center;} .checkout-container .checkout-left-container .opc-block-summary .minicart-items-wrapper{max-height: inherit !important;} .checkout-container .checkout-left-container span.product-image-container{min-width: 60px !important;min-height: 60px !important;height: 60px !important;width: 60px !important;background-color: #fff;} .checkout-container #opc-sidebar {overflow-x: inherit;} .checkout-container .checkout-left-container .order-summary .opc-block-summary table.data.table.table-totals{padding: 20px 10px;border: 1px solid #CCE8FF;margin-top:20px;} .checkout-container .checkout-left-container strong.product-item-name{white-space: normal;} .checkout-container tr.product-item{background-color: #EFF8FF;border: 1px solid #CCE8FF;margin: 0px 0px 20px;border-radius: 10px;} .checkout-container .minicart-items .product-item:not(:first-child){border: 1px solid #CCE8FF;} .checkout-container #discount-form input[type="text"]{font-size: 14px !important;} .checkout-container .checkout-payment-method .payment-method-title.choice{display: flex;} .checkout-container .checkout-left-container .checkout-billing-address .step-title{font-size: 14px !important;} .checkout-container .actions-toolbar .primary .action,.checkout-container .checkout-left-container select{height: 40px;font-size:14px;} .checkout-container .table-checkout-shipping-method tbody td,.checkout-container .checkout-payment-method .payment-method-title.choice,.checkout-container .checkout-right-container .opc-block-summary .table-totals tbody tr.grand.totals .mark{font-size:14px;} .checkout-container .one-step-checkout-wrapper{margin-bottom: 0;} .overview-section .dcg-solution-wrap h2{font-size: 20px;} .overview-section .dcg-solution-wrap h3{font-size: 16px;} .overview-section .dcg-solution-wrap p,.overview-section .dcg-solution-wrap .dcg-pac-solution p,.section-feature .card-body li{font-size: 14px;line-height: 1.6;} .dcg-solution-wrap .dcg-pac-solution-right-content{margin:4rem 0 5rem} .dcg-pac-solution .col-md-12.col-md-12.d-flex{flex-wrap: wrap;} .dcg-pac-solution .dcg-in-content{width: 100%;} .dcg-solution-wrap .dcg-pac-solution-image,.dcg-solution-wrap .dcg-pac-solution-left-image .dcg-pac-solution-image{order:1;margin:0px;margin-bottom:15px;} .overview-section .dcg-solution-wrap .dcg-in-content{padding: 10px;order:2;} .overview-section .dcg-solution-wrap h3 img{width: 36px;} .section-feature .card-body ul li li{margin-bottom: 3px;} .section-feature .card-body li{padding-left: 30px; margin-bottom: 8px;} .section-feature .card-body li::before{font-size: 6px;width: 15px;height: 15px;top: 7px;line-height: 17px;} .section-feature .card-body h2{font-size: 18px;margin-bottom:14px;} .section-feature .card .card-body.benefit-card{margin-top: 0px;} .section-feature .card-body ul li ol{margin-top: 5px;} /* Category sidebar */ .page-wrapper .sidebar .o-list li{padding-top: 10px;} .page-wrapper .sidebar .o-list li a{font-size: 12px;padding-top: 3px;word-break: normal;} .page-wrapper .columns .column.main {width: 77%;} .page-with-filter .page-wrapper .columns .sidebar-main{width: 23%;flex-basis: 23%;} .page-wrapper .block-search input{font-size: 12px;font-weight:500;height:38px !important} .page-wrapper .category-description{font-size: 14px;margin-top:0px;} td.addtocart-btn .btn-primary{white-space: nowrap;} .category-content-section h2, .category-content-section h2.heading-tab{font-size: 18px !important;} .category-content-section p,.buying-guide p{font-size: 14px;line-height:1.5 !important;} .header .minicart-wrapper .block-minicart{border-color: #B2D0E8;border-radius: 5px;} .header .minicart-wrapper .block-minicart:after{border-color: transparent transparent #B2D0E8 transparent;} .checkout-cart-index .cart-page-section .cart-summary #block-shipping .title{padding-left: 0;} .checkout-index-index .page-wrapper .nav-sections, .checkout-index-index .page-wrapper .nav-toggle{display: block;} .page-wrapper .nav-sections .header.links li>a{border-top:0px;font-size: 14px;font-weight: 600;color: #0B3558 !important;padding-left: 30px;padding-right: 30px;} .nav-sections .header.links .dropdown.dropdown-menu-custom .dropdown-menu a{padding-left: 50px;} .page-wrapper .navigation-megamenu .megamenu-mainmenu a:hover{color:#0B3558 !important} .page-wrapper .cart-page-section .cart-discount{padding-right: 0;} .page-wrapper .page-layout-1column .column.main{padding-bottom: 0px;} ul.checkout.methods.items.checkout-methods-items li.item{font-size: 12px;} .mob-footer-nav .inner-nav a{white-space: nowrap;} .page-wrapper .feature-list li{padding-left: 30px;} .page-wrapper .block-search .block-content .action.search{width: 28px;height:28px;} /* Modal Window */ body .modal-popup.modal-slide._inner-scroll._show{left: 0;margin: 0;} #order-success-popup .modal-content{padding: 50px 15px;} #order-success-popup .modal-content p.order-thank{margin-bottom: 0px;} body .modal-popup.modal-slide._inner-scroll .modal-inner-wrap{max-width: 100%;background: none;} body .modal-popup .modal-inner-wrap .action-close{width: 35px;height: 35px;right: -10px;top: -10px;} body #order-success-popup{padding: 15px;} #order-success-popup .modal-content img{width: 76px;} #order-success-popup .modal-content h1{font-size: 20px;} #order-success-popup .action.primary{font-size: 16px;} .solutions-section.section-padding.solutioninner-banner .btn.btn-primary.view-btn.fonts-semibold{margin-top: -10px !important;padding:5px 12px !important;} .your-business .accordion-item .icons{font-size: 18px;font-weight: 400 !important;} .trusted-section.section-padding h2.section-heading{max-width: 280px;margin: 0 auto;} .section-padding.trusted-section .category-tabs .nav-item, .section-padding.trusted-section .d-flex.review-count span, .section-padding.trusted-section .d-flex.review-count div{font-size: 15px;font-weight: 500 !important;} .section-padding.trusted-section .d-flex.review-count{margin-bottom: 13px;} .trusted-section .review-section .review-card p,.trusted-section .review-section .review-card h6{font-size: 14px;font-weight:400;} .trusted-section .review-section .reviewer-img{width: 30px !important;height: 30px;} .special-products-category .special-products a.text-primar{font-weight: 500;} .mobile-blog-section.blog-section .d-flex.mb-5{margin-bottom: 10px !important;text-align: center;justify-content:center !important;} .new-member-card span{position: relative;padding-bottom: 15px;margin-bottom: 13px;display: block;} .new-member-card .fonts-semibold:after {border: 0.5px solid #FFFFFF;content: '';position: absolute;width: 151px;height: 0.5px;left: 0;right: 0;margin: 0 auto;bottom: 0;opacity: 0.5;} .gallery-card .gallery-content{z-index: 1;} .product-item form .qty-switcher.quantity-control::before{content: "Packs:";display:inline-block;font-size:12px;font-weight: 600;margin-right:8px;} .page-main .seo-category{font-size: 20px;line-height: 1.5;margin-bottom:0px;padding-bottom:0px;padding-top:20px;} .hero-section .googleReview-bulk.googleReview-bulk-box{flex-direction: column;gap: 0 !important;padding-bottom:10px;} .hero-section .googleReview-bulk.googleReview-bulk-box .dcg-google-review,.hero-section .googleReview-bulk.dcg-google-review .google-rating{width:100%;display:flex;} .googleReview-bulk-box{background-color: #fff;margin-left: calc(-1.2* var(--bs-gutter-x));margin-right: calc(-1.2* var(--bs-gutter-x));margin-bottom: calc(-1.2* var(--bs-gutter-x));margin-top:11px;padding: 0 18px;} .hero-section .googleReview-bulk.googleReview-bulk-box .dcg-google-review .google-rating{width: 100%;/*flex: 0 0 100%;*/max-width: 100%;display:flex;align-items: center;} .googleReview-bulk-box .review-count{margin-bottom:0px;padding-top:0;padding-bottom:14px;padding-bottom:0px;} .googleReview-bulk-box .google-image{min-width:45px;width:45px;margin-right:15px;} .hero-section .googleReview-bulk.googleReview-bulk-box .dcg-google-review .google-rating p.mb-0{margin-top: auto !important;margin-bottom: auto !important;border-left: 1px solid #696C6E;padding-left: 10px;margin-left: 8px;white-space:nowrap;} .hero-section .googleReview-bulk.dcg-google-review .google-rating p.mb-0 span.blue{font-weight: 600;} .hero-section .googleReview-bulk .review-count span, .hero-section .google-rating p {font-size: 12px;white-space:nowrap;} .googleReview-bulk .review-count span, .google-rating p{color: #0B3558} .googleReview-bulk .review-count span.rating-stars{display: none;} .review-count { margin-bottom: 45px; } .mp-blog-like {left: 6% !important;} .page-footer .bulk-buying{padding: 15px !important;} .mob-footer-nav .inner-nav.active i.icons:before {color: #0c8ce9;} .mob-footer-nav .inner-nav.active a {color: #0c8ce9;font-weight: 500;} .mob-footer-nav .inner-nav i.icons:before {color: #476796;} .mob-footer-nav {display: block;position: fixed;bottom: 0;width: 100%;z-index: 999 !important;box-shadow: -5px -5px 5px 0px #4141411A;background: #FFFFFF;} .mob-footer-nav .icons {margin-right: 0;} .inner-nav {padding: 10px 5px;} .inner-nav a {font-size: 12px;color: #476796} .icons {font-size: 24px;font-weight: 600 !important;margin-right: 8px;} .minicart-items-wrapper .minicart-items .product-item-details .product{float: right;margin-top: -30px;} .modals-wrapper .modal-popup .modal-inner-wrap .right-contet-part{padding:0px;} body ._keyfocus *:focus,body input:not([disabled]):focus,body textarea:not([disabled]):focus,body select:not([disabled]):focus{box-shadow: none;} .cms-home .panel.header .minicart-wrapper .action.showcart:before{top: 1px;} .checkout-container .opc-wrapper .one-step-checkout-container.checkout-dcg-container .checkout-right-container .right-top-hide #opc-sidebar #co-place-order-area .osc-place-order-block .payment-option-content .form-discount .payment-option-inner .input-field input[type="text"]{height: 40px !important;} .footer-links div.col-12.col-md-3.order-5 div div{display: flex;gap: 4px;} .page-footer .bulk-buying .row .col-md-4:first-child{padding-left:0px;padding-right:0;} .page-footer .bulk-buying .col-6.col-md-4.mb-4 .col-sm-3.col-3 .form-control{text-align: center;} .page-footer .bulk-buying input:focus::placeholder {color: transparent !important;} .page-wrapper .hdmx__ticket-new .group .field:last-child,.page-wrapper .hdmx__contact-form .fieldset .field:last-child{margin-bottom:2rem;} .section-padding.overview-section.common-solution-section .row.mt-5.pt-5{margin-top: 1rem !important;padding-top: 0rem !important;} #product-details-popup .tab-contents{padding-left: 15px;} .page-main .product-info-main .md-postcode .form-product-postcode .postcode-box .postcode-check-btn .action.primary{width:90px;height:34px;font-size: 14px;} .product-info .single-product-table .price-per-container{margin-left: 15px;} .column.main .product-info-main .dcg-sku-details-box,.box-tocart .fieldset .actions .action.primary.tocart{font-size: 14px !important;} .page-main .product-info-main .page-title-wrapper h1 {font-size: 20px;line-height: 1.5;} .dcg-active-menu-item .dropdown-toggle span{color:#29aae1 !important;} .page-main .dcg-tab-content .search-container input{padding: 0;min-height: 30px;} /* .review-control-vote:before{position: static !important;} */ .bulk-buying .col-md-4 p.fonts-medium{color:#fff;} .sidebar.sidebar-main .block.filter .offcanvas.offcanvas-start{top:10px;height: 85vh;} body #product-details-popup{min-height: inherit;} body .review-form .actions-toolbar .actions-primary{padding-bottom: 20px;text-align:left;} .navigation-megamenu .megamenu-mainmenu > li.mega-menu-fullwidth > .dropdown-menu ul.sub-menu.append-menu .mega-menu-content > .row{flex-direction: column;} .navigation-megamenu .dropdown-menu ul.sub-menu.append-menu .mega-menu-content .row [class^="col-"]{width: 100%;} } @media (min-width: 320px) and (max-width: 375px) { .section-padding .stats-item-inner h4, .section-padding .stats-item-inner small{font-size: 11px;} #sync2 .item{width: 85px !important;min-height: 85px !important;} #sync2 video{height: 81px !important;} .googleReview-bulk .review-count span{font-size: 12px;} .page-main .search-container a.btn-reset {padding: 7px 8px 7px 4px !important;} } .df-content-topbar .df-brand-img {background: #fff;line-height: 40px;} .df-content-topbar .df-brand-img img{border-radius: 0 !important;object-fit: cover;}