/** @format */ @import url("css2.css"); :root { --clr-primary: #002C5D; --clr-accemt: #F6911E; --clr-white: #fff; --clr-black: #000; --clr-gray: #7e7e7e; } .container { max-width: 1320px !important; } body { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.2; position: relative; color: #000; } img { max-width: 100%; vertical-align: middle; } a:hover { color: #fff; } ul { padding: 0; margin: 0; } ul li { list-style: none; } ul li a { text-decoration: none; } header { position: sticky; top: 0px; left: 0; width: 100%; z-index: 9; } header .bottom-bar { background: #002c5d; padding: 16px 0; } .custom-header nav ul { display: flex; align-items: center; gap: 40px; justify-content: flex-end; } .custom-header nav ul li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #ffffff; padding: 20px 0; } header .dz-form { position: relative; padding: 0 0 20px 0; } header .dz-form input[type='text'] { width: 100%; height: 25px; padding: 15px 20px; border-radius: 4px; } header .dz-form button { position: absolute; background-color: #002c5d; top: 33%; right: 0px; transform: translateY(-50%); padding: 5px 10px; border: none; /* border-radius: 4px; */ } .dz-banner { position: relative; } .dz-banner img.dz-bg { width: 100%; } .dz-banner-content { position: absolute; display: flex; align-items: center; top: 0; left: 0; height: calc(100% - 40px); width: 100%; z-index: 1; } .dz-banner-content-card { background: rgba(255, 255, 255, 0.8); border-radius: 4px; color: #002c5d; padding: 30px 25px; } .dz-banner-content-card h3 { font-style: normal; font-weight: 700; font-size: 26px; line-height: 23px; margin-bottom: 8px; } .dz-banner-content-card h4 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; margin-bottom: 14px; } .dz-banner-content-card p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 26px; color: #424242; } .dz-banner-content-card ul li { display: flex; align-items: center; gap: 27px; } .dz-banner-content-card ul li:not(:last-child) { margin-bottom: 21px; } .dz-banner-content-card ul li span { background-color: #002c5d; padding: 8px; border-radius: 50px; position: relative; } .dz-banner-content-card ul li span::after { height: 60px; content: ''; width: 60px; border-radius: 50px; position: absolute; background: #0066ff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .dz-banner-content-card ul li .dz-card-text h5 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; margin-bottom: 2px; } .dz-banner-content-card ul li .dz-card-text p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 15px; color: #424242; margin-bottom: 0; max-width: 210px; } .dz-banner .dz-banner-sub { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); left: 0; z-index: 3; padding: 25px 0; } .dz-banner .dz-banner-sub span { background-color: #002c5d; padding: 8px; border-radius: 50px; position: relative; margin-right: 20px; } .dz-banner .dz-banner-sub span::after { height: 60px; content: ''; width: 60px; border-radius: 50px; position: absolute; background: #d6f0de; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .dz-banner .dz-banner-sub h5, .dz-banner .dz-banner-sub h3 { font-style: normal; font-weight: 600; font-size: 24px; line-height: 23px; text-align: justify; color: #ffffff; margin-bottom: 14px; } .dz-banner .dz-banner-sub h4 { font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #ffffff; } .dz-banner .dz-banner-sub p { margin-bottom: 0; font-style: normal; font-weight: 500; font-size: 14px; line-height: 14px; color: #ffffff; } .dz-sec2 { padding: 60px 0 0; } .dz-sec2 .dz-sec2_img { position: relative; overflow: hidden; } .dz-sec2 .dz-sec2_img:hover .dz-sec2_img-text { bottom: 0; box-shadow: inset 0px -129px 56px -40px #000000bf; } .dz-sec2 .dz-sec2_img img { width: 100%; } .dz-sec2 .dz-sec2_img .dz-sec2_img-text { position: absolute; bottom: 0; left: 0; padding: 20px 20px 0; transition: all 0.3s ease-in-out; width: 93.5%; left: 50%; transform: translateX(-50%);background-color: #002C5D82; } .dz-sec2 .dz-sec2_img .dz-sec2_img-text img { width: 190px; } .dz-sec2 .dz-sec2_img .dz-sec2_img-text h3 { font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #ffffff; height: 48px; display: inline-flex; align-items: center;} .dz-sec2 .dz-sec2_img .dz-sec2_img-text p { font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; text-transform: capitalize; color: #f1f1f1; transition: all 0.5s ease-in-out;display: none;} .dz-sec2 .dz-sec2_img:hover .dz-sec2_img-text p { display: block; transition: all 0.5s ease-in-out; } .dz-sec3 { padding: 60px 0 0; position: relative;} .dz-sec3 h3 { font-style: normal; font-weight: 800; font-size: 36px; line-height: 39px; text-transform: capitalize; color: #002c5d; text-align: center; } .dz-sec3 .dz-sec3-img { position: relative; margin-top: 30px; overflow: hidden; } .dz-sec3 .dz-sec3-img img { scale: 1; transition: all 0.5s ease-in-out; } .dz-sec3 .dz-sec3-img:hover img { scale: 1.1; } .dz-sec3 .dz-sec3-img:hover ~ a.view::after { height: 100%; } /* .dz-sec3 .dz-sec3-img::after { content: ''; position: absolute; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60.19%, #ffffff 100%); bottom: 0; left: 0; } */ .dz-sec3 .dz-sec3-img img { width: 100%; } .dz-sec3 .dz-sec3-img h3 { font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; text-transform: uppercase; color: #2e2e2e; position: absolute; top: 50%; left: 50%; z-index: 1; width: 80%; transform: translate(-50%,100%); background: rgb(255, 254, 254); padding: 10px 30px; margin: 0; letter-spacing: 1.5px; transition: all 0.5s ease-in-out; } .dz-sec3 .dz-sec3-img:hover h3 { background-color: var(--clr-accemt); color: var(--clr-white); transition: all 0.5s ease-in-out; } .dz-sec3 a.view { display: block; position: relative; text-align: center; color: #fff; line-height: 50px; text-decoration: none; } .dz-sec3 a.view::after { content: ''; position: absolute; height: 50px; width: 100%; top: 0; background: #60abff; left: 0%; z-index: -1; transition: all 0.3s ease-in-out; } .dz-sec3 a.v-more { background: var(--clr-accemt); border-radius: 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 16px 50px; text-decoration: none; display: inline-block; margin-top: 40px; border: 1px solid transparent; } .dz-sec3 a.v-more:hover { border: 1px solid #002c5d; background: #ffffff; color: #002c5d; } section.dz-sec4 { margin-top: 60px; background: linear-gradient(rgba(0, 43, 93, 0.9), rgba(0, 43, 93, 0.9)), url(https://www.huaci.group/wp-content/themes/one-uniform/assets/img/dz-sec4-bg.jpg); padding: 50px 0; background-repeat: no-repeat; background-position: center; background-size: cover; } section.feature { padding: 50px 0 0; } section.feature h3 { font-style: normal; font-weight: 800; font-size: 36px; line-height: 39px; text-transform: capitalize; color: #002c5d; margin-bottom: 30px; text-align: center;} section.feature h4 { font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; text-transform: capitalize; color: #2e2e2e; text-align: center; margin-top: 5px; } section.feature .f-box { padding: 5px; transition: all 0.3s ease-in-out; } section.feature .f-box:hover { box-shadow: 0px 0px 0px 1px #cdcdcd; } section.feature a.v-more { background: var(--clr-accemt); border-radius: 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 16px 50px; text-decoration: none; display: inline-block; margin-top: 40px; border: 1px solid transparent; } section.feature a.v-more:hover { border: 1px solid #002c5d; background: #ffffff; color: #002c5d; } section.dz-sec6 { margin-top: 60px; padding: 0; position: relative; } section.dz-sec6 img { width: 100%; } section.dz-sec6 .dz-sec6-content { height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; } section.dz-sec6 .dz-sec6-content h3 { font-style: normal; font-weight: 800; font-size: 24px; line-height: 23px; text-transform: uppercase; color: #ffffff; margin-bottom: 20px; } section.dz-sec6 .dz-sec6-content h4 { font-style: normal; font-weight: 500; font-size: 45px; line-height: 46px; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; } section.dz-sec6 .dz-sec6-content p { font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; text-transform: capitalize; color: #ffffff; padding-bottom: 30px; } section.dz-sec6 .dz-sec6-content a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; background: var(--clr-accemt); border-radius: 0; display: inline-block; padding: 20px 30px; text-decoration: none; border: 1px solid transparent; } section.dz-sec6 .dz-sec6-content a:hover { border: 1px solid #002c5d; background: transparent; color: #002c5d; } section.operation { padding: 60px 0 0; } section.operation h2 { font-style: normal; font-weight: 800; font-size: 50px; line-height: 48px; text-align: center; color: #002c5d; margin-bottom: 40px; } section.operation .o-box { position: relative; margin-bottom: 30px; } /* section.operation .o-box:hover::after { background: rgba(36, 38, 46, 0.3); } */ section.operation .o-box::after { content: ''; background: rgb(255, 255, 255); position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 0; transition: all .3s ease-in-out; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.12); } section.operation .o-box img { width: 100%; } section.operation .o-box .o-text { display: flex; width: 100%; position: relative; bottom: 0; left: 0; align-items: start; z-index: 1; flex-direction: column; padding: 20px; } section.operation .o-box .o-text img { width: 60px; } section.operation .o-box .o-text h3 { font-style: normal; font-weight: 700; font-size: 23px; line-height: 30px; text-transform: uppercase; color: var(--clr-primary); margin-top: 15px; } /* section.operation .o-box .o-text a { font-style: normal; font-weight: 600; font-size: 12px; line-height: 18px; color: #ffffff; display: inline-block; text-decoration: none; } */ .operation-content ul li, .operation-content ul li a { color: #000 ; font-size: 14px !important; font-weight: 500; line-height: 22px; } .operation-content ul li { margin-bottom: 12px; display: flex; padding-left: 24px; position: relative; } .operation-content ul li span { position: absolute; left: 0; font-size: 13px; top: 1px; color: var(--clr-primary); } .operation-content ul li a { color: #000; } section.map { position: relative; background: radial-gradient(70.09% 70.09% at 50% 50%, #0b93f6 0%, #002c5d 100%), #194641; padding: 70px 0 70px; overflow: hidden; } section.map .container { max-width: 1140px !important; } section.map h2 { font-style: normal; font-weight: 600; font-size: 32px; line-height: 31px; text-align: center; color: #ffffff; margin-bottom: 40px; } section.map .map-wrap { position: relative; } section.map .map-wrap img.dummy { position: absolute; left: 0; opacity: 0.5; top: 0; } section.map .map-wrap .map-image { max-width: 100%; opacity: 0.6; } section.map .map-wrap .map-cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; } section.map .map-wrap .map-cont .pointer-img { transform: scale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; position: relative; z-index: 9999; } section.map .map-wrap .map-cont .point1 { position: absolute; top: 44px; width: 55.5%; text-align: right; } section.map .map-wrap .map-cont .point1 .line1 { position: absolute; width: 0; height: 1px; border-bottom: 1px dashed #fff; right: 134px; bottom: 20px; } section.map .map-wrap .map-cont .point1 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -2px; right: 0; } section.map .map-wrap .map-cont .point2 { position: absolute; top: 129px; width: 50%; text-align: right; } section.map .map-wrap .map-cont .point2 img { position: relative; z-index: 9; } section.map .map-wrap .map-cont .point2 .line1 { position: absolute; width: 0; height: 1px; border-bottom: 1px dashed #fff; right: 67px; top: 31px; } section.map .map-wrap .map-cont .point2 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -2px; right: 0; } section.map .map-wrap .map-cont .point3 { position: absolute; top: 131px; width: 60.3%; text-align: right; } section.map .map-wrap .map-cont .point3 .line1 { position: absolute; width: 56%; height: 0; right: 17px; top: 72px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point3 .line1:before { content: ''; position: absolute; width: 0; height: 1px; right: 0px; bottom: 0px; border-bottom: 1px dashed #fff; } section.map .map-wrap .map-cont .point3 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -5px; right: -3px; } section.map .map-wrap .map-cont .point4 { position: absolute; top: 176px; width: 76.4%; text-align: right; } section.map .map-wrap .map-cont .point4 .line1 { position: absolute; width: 66%; height: 0; right: 14.3%; top: 63px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point4 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -5px; right: -3px; } section.map .map-wrap .map-cont .point4 .line1:before { content: ''; width: 1px; height: 0px; border-left: 1px dashed #fff; position: absolute; left: 0; bottom: 0; } section.map .map-wrap .map-cont .point4 .line1 .sub-line { position: absolute; right: 0; bottom: 0; width: 0; height: 1px; border-bottom: 1px dashed #fff; } section.map .map-wrap .map-cont .point5 { position: absolute; top: 226px; width: 77.6%; text-align: right; } section.map .map-wrap .map-cont .point5 .line1 { position: absolute; width: 87.5%; height: 0; right: 57px; top: 71px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point5 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -5px; right: -3px; } section.map .map-wrap .map-cont .point5 .line1:before { content: ''; border-bottom: 1px dashed #fff; width: 0; height: 1px; position: absolute; right: 0; bottom: 0; } section.map .map-wrap .map-cont .point5 .line1 .sub-line { width: 1px; height: 0; border-left: 1px dashed #fff; position: absolute; left: 0; bottom: 0; } section.map .map-wrap .map-cont .point6 { position: absolute; top: 192px; width: 89.6%; text-align: right; } section.map .map-wrap .map-cont .point6 .line1 { position: absolute; width: 87.8%; height: 0px; right: 98px; bottom: 98px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point6 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; bottom: -5px; right: -3px; } section.map .map-wrap .map-cont .point6 .line1:before { content: ''; width: 0px; height: 1px; border-top: 1px dashed #fff; position: absolute; right: 0; top: 0; } section.map .map-wrap .map-cont .point6 .line1 .sub-line { width: 1px; height: 0; border-left: 1px dashed #fff; position: absolute; left: 0; top: 0; } section.map .map-wrap .map-cont .point7 { position: absolute; top: 159px; width: 100%; text-align: right; } section.map .map-wrap .map-cont .point7 img { margin-right: -94px; } section.map .map-wrap .map-cont .point7 .line1 { position: absolute; width: 71.3%; height: 0px; right: 151px; bottom: 86px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point7 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; bottom: -5px; right: -3px; } section.map .map-wrap .map-cont .point7 .line1:before { content: ''; width: 0; height: 1px; border-top: 1px dashed #fff; position: absolute; right: 0; top: 0; } section.map .map-wrap .map-cont .point7 .line1 .sub-line { width: 1px; height: 0px; border-left: 1px dashed #fff; position: absolute; left: 0; top: 0; } section.map .map-wrap .map-cont .point8 { position: absolute; top: 287px; width: 83%; text-align: right; } section.map .map-wrap .map-cont .point8 .line1 { position: absolute; width: 86%; height: 0; right: 48px; top: 110px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point8 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -5px; right: -3px; } section.map .map-wrap .map-cont .point8 .line1:before { content: ''; width: 0px; height: 1px; border-bottom: 1px dashed #fff; position: absolute; right: 0; bottom: 0; } section.map .map-wrap .map-cont .point8 .line1 .sub-line { width: 1px; height: 0; border-left: 1px dashed #fff; position: absolute; left: 0; bottom: 0; } section.map .map-wrap .map-cont .point9 { position: absolute; top: 249px; width: 99%; text-align: right; } section.map .map-wrap .map-cont .point9 .line1 { position: absolute; width: 91%; height: 0; right: 76px; top: 102px; border-right: 1px dashed #fff; } section.map .map-wrap .map-cont .point9 .line1:after { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; top: -5px; right: -3px; } section.map .map-wrap .map-cont .point9 .line1:before { content: ''; width: 0px; height: 1px; border-bottom: 1px dashed #fff; position: absolute; right: 0; bottom: 0; } section.map .map-wrap .map-cont .point9 .line1 .sub-line { width: 1px; height: 0; border-left: 1px dashed #fff; position: absolute; left: 0; bottom: 0; } section.map.fix-it .map-wrap .map-cont .pointer-img { transform: scale(1); } section.map.fix-it .map-wrap .map-cont .point1 img:hover ~ .line1 { width: 48%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point2 img { transition-delay: 0.4s; } section.map.fix-it .map-wrap .map-cont .point2 img:hover ~ .line1 { width: 38%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point3 img { transition-delay: 0.6s; } section.map.fix-it .map-wrap .map-cont .point3 img:hover ~ .line1 { height: 172px; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point3 img:hover ~ .line1:before { width: 100%; transition: all 0.5s ease-in-out; transition-delay: 0.6s; } section.map.fix-it .map-wrap .map-cont .point4 img { transition-delay: 0.9s; } section.map.fix-it .map-wrap .map-cont .point4 img:hover ~ .line1 { height: 226px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point4 img:hover ~ .line1 .sub-line { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } section.map.fix-it .map-wrap .map-cont .point4 img:hover ~ .line1:before { height: 30px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1s; } section.map.fix-it .map-wrap .map-cont .point5 img { transition-delay: 1.2s; } section.map.fix-it .map-wrap .map-cont .point5 img:hover ~ .line1 { height: 212px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point5 img:hover ~ .line1:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } section.map.fix-it .map-wrap .map-cont .point5 img:hover ~ .line1 .sub-line { height: 165px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1s; } section.map.fix-it .map-wrap .map-cont .point6 img { transition-delay: 1.5s; } section.map.fix-it .map-wrap .map-cont .point6 img:hover ~ .line1 { height: 160px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point6 img:hover ~ .line1:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } section.map.fix-it .map-wrap .map-cont .point6 img:hover ~ .line1 .sub-line { height: 165px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1s; } section.map.fix-it .map-wrap .map-cont .point7 img { transition-delay: 1.8s; } section.map.fix-it .map-wrap .map-cont .point7 img:hover ~ .line1 { height: 103px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point7 img:hover ~ .line1:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } section.map.fix-it .map-wrap .map-cont .point7 img:hover ~ .line1 .sub-line { height: 48px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1s; } section.map.fix-it .map-wrap .map-cont .point8 img { transition-delay: 2.1s; } section.map.fix-it .map-wrap .map-cont .point8 img:hover ~ .line1 { height: 159px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point8 img:hover ~ .line1:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } section.map.fix-it .map-wrap .map-cont .point8 img:hover ~ .line1 .sub-line { height: 195px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1s; } section.map.fix-it .map-wrap .map-cont .point9 img { transition-delay: 2.4s; } section.map.fix-it .map-wrap .map-cont .point9 img:hover ~ .line1 { height: 242px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } section.map.fix-it .map-wrap .map-cont .point9 img:hover ~ .line1:before { width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 0.5s; } section.map.fix-it .map-wrap .map-cont .point9 img:hover ~ .line1 .sub-line { height: 244px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition-delay: 1s; } section.color { padding: 60px 0 0; } section.color .color-card { padding-top: 40px; background: #ffffff; border: 1px solid transparent; border-radius: 10px; margin-bottom: 30px; transition: all 0.3s ease-in-out; } section.color .color-card:hover { background: #f2f2f2; border: 1px solid #dedede; } section.color .color-card:hover img { scale: 1.2; } section.color .color-card img { margin-bottom: 65px; scale: 1; transition: all 0.3s ease-in-out; } /* section.color .c-red h4 { color: #ff7675; } section.color .c-blue h4 { color: #04c7f2; } section.color .c-green h4 { color: #00b894; } section.color .c-orang h4 { color: #f0932b; } */ section.color h3 { font-style: normal; font-weight: 400; font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; color: #5f5f5f; } section.color h4 { font-style: normal; font-weight: 600; font-size: 30px; line-height: 33px; text-align: center; text-transform: uppercase; margin-bottom: 40px;color: #05295e !important; } section.clients { padding: 50px; background: var(--clr-accemt); } section.clients h3 { font-style: normal; font-weight: 400; font-size: 32px; line-height: 38px; text-align: center; color: #ffffff; margin-bottom: 50px; } section.active { padding: 50px 0; background: radial-gradient(70.09% 70.09% at 50% 50%, #0080e2 29.08%, #002c5d 96.85%), #002c5e; } section.active h3 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 31px; text-align: center; color: #ffffff; margin-bottom: 20px; } section.active p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-align: center; text-transform: capitalize; color: #ffffff; margin-bottom: 40px; } section.active ul { display: flex; height: 430px; gap: 28px; } section.active ul li { text-align: center; display: flex; flex-direction: column; align-items: center; } section.active ul li.navy-blue .active-img { background-color: #506fbf; } section.active ul li.navy-blue .active-img:after { background-color: #506fbf; } section.active ul li.navy-blue span { background: #506fbf; } section.active ul li.s-blue .active-img { background: #32aec6; } section.active ul li.s-blue .active-img:after { background: #32aec6; } section.active ul li.s-blue span { background: #32aec6; } section.active ul li.s-purple .active-img { background: #c165ff; } section.active ul li.s-purple .active-img:after { background: #c165ff; } section.active ul li.s-purple span { background: #c165ff; } section.active ul li.s-pink .active-img { background: #ff47b5; } section.active ul li.s-pink .active-img:after { background: #ff47b5; } section.active ul li.s-pink span { background: #ff47b5; } section.active ul li.s-pink .active-img { background: #ff47b5; } section.active ul li.s-pink .active-img:after { background: #ff47b5; } section.active ul li.s-pink span { background: #ff47b5; } section.active ul li.s-pink .active-img { background: #ff47b5; } section.active ul li.s-pink .active-img:after { background: #ff47b5; } section.active ul li.s-pink span { background: #ff47b5; } section.active ul li.s-orang .active-img { background: #ffa655; } section.active ul li.s-orang .active-img:after { background: #ffa655; } section.active ul li.s-orang span { background: #ffa655; } section.active ul li.s-yel .active-img { background: #ffd035; } section.active ul li.s-yel .active-img:after { background: #ffd035; } section.active ul li.s-yel span { background: #ffd035; } section.active ul li:nth-child(even) { flex-direction: column-reverse; } section.active ul li:nth-child(even) .a-text { flex-direction: column-reverse; margin-top: 0; margin-bottom: 20px; } section.active ul li:nth-child(even) .a-text p { margin-bottom: 0; } section.active ul li:nth-child(even) .active-img::after { top: -35px; left: 50%; } section.active ul li:nth-child(even) span { margin-bottom: 25px; } section.active ul li .active-img { display: flex; background-color: #506fbf; border-radius: 50%; margin-bottom: 35px; position: relative; align-items: center; height: 157px; width: 157px; justify-content: center; } section.active ul li .active-img::after { content: ''; height: 45px; width: 22px; background-color: #506fbf; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); } section.active ul li .active-img img { filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.588)); border-radius: 50%; } section.active ul li span { display: block; background: #506fbf; border-radius: 50%; font-style: normal; font-weight: 500; font-size: 16px; line-height: 30px; text-align: center; text-transform: capitalize; color: #ffffff; height: 40px; padding-top: 6px; width: 40px; margin-inline: auto; } section.active ul li .a-text { flex-direction: column; margin-top: 12px; } section.active ul li .a-text h4 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 17px; color: #ffffff; } section.active ul li .a-text p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; text-align: center; color: #ffffff; } section.uniform { position: relative; } section.uniform::after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } section.uniform .u-text { position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 1; flex-direction: column; } section.uniform .u-text h3 { font-style: normal; font-weight: 800; font-size: 64px; line-height: 62px; text-transform: uppercase; color: #ffffff; margin-bottom: 30px; } section.uniform .u-text h3 span { font-weight: 400; } section.uniform .u-text a { background: #ffffff; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-align: center; text-transform: capitalize; color: #002c5d; display: inline-block; padding: 20px 40px; text-decoration: none; } section.uniform .u-text a:hover { background: var(--clr-accemt); color: #fff; } section.get-touch { padding: 60px 0; } section.get-touch .get-touch1 { background: #002c5d; opacity: 0.95; padding: 30px 60px 30px 70px; } section.get-touch .get-touch1 ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; text-transform: capitalize; color: #ffffff; padding: 30px 0; padding-left: 40px; } section.get-touch .get-touch1 ul li img { margin-right: 26px; } section.get-touch .get-touch1 ul li:not(:first-child) { border-top: 1px solid #ffffff4b; } section.get-touch form.get-touch2 h3 { font-style: normal; font-weight: 800; font-size: 32px; line-height: 38px; color: #181d20; margin-bottom: 40px; } section.get-touch form.get-touch2 label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-transform: capitalize; color: #2e2e2e; margin-bottom: 5px; } section.get-touch form.get-touch2 input:not([type='submit']) { background: #f1f1f1; border: 1px solid #dad8d8; border-radius: 4px; width: 100%; padding: 10px 15px; height: 40px; } section.get-touch form.get-touch2 textarea { height: 202px; width: 100%; background: #f1f1f1; border: 1px solid #dad8d8; border-radius: 4px; } section.get-touch form.get-touch2 input[type='submit'] { outline: none; padding-inline: 60px; margin-top: 30px; background: #002c5d; padding-block: 16px; border-radius: 4px; text-transform: capitalize; color: #fff; border: 1px solid transparent; } section.get-touch form.get-touch2 input[type='submit']:hover { border: 1px solid #002c5d; color: #002c5d; background: transparent; } footer { padding: 50px 0 0; background: #002c5d; } footer a.footer-logo { margin-bottom: 20px; display: inline-block; } footer p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; max-width: auto; } footer h3 { font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; text-transform: capitalize; color: #ffffff; margin-bottom: 24px; } footer ul.social { display: flex; align-items: center; gap: 16px; margin-top: 25px; } .location_button:hover{ background: #000 !important;} footer ul.social li a { text-decoration: none; height: 35px; width: 35px; background-color: #fff; text-align: center; border-radius: 50%; display: block; padding-top: 8px; border-radius: 50%; } footer ul.social li a i { color: #000; font-size: 14px; } footer ul.list li { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #ffffff; } footer ul.list li:not(:last-child) { margin-bottom: 20px; } footer ul.list a { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #ffffff; } footer ul.f-list li { display: flex; gap: 15px; font-style: normal; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; text-transform: capitalize; color: #ffffff; } footer ul.f-list li:not(:last-child) { margin-bottom: 20px; } footer ul.f-list li i { font-size: 20px; line-height: 28px; } footer .dz-form { position: relative; margin-bottom: 24px; } footer .dz-form input[type='text'] { width: 100%; height: 50px; padding: 14px 20px; border-radius: 4px; } footer .dz-form button { position: absolute; background-color: #002c5d; top: 50%; right: 4px; transform: translateY(-50%); padding: 9px 10px; border: none; border-radius: 4px; } footer .p-copy { padding: 15px 0; background: rgba(0, 0, 0, 0.25); margin-top: 40px; } footer .p-copy p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #ffffff; margin-bottom: 0; } footer .p-copy ul { display: flex; align-items: center; gap: 6px; justify-content: end; } footer .p-copy ul li:not(:last-child)::after { content: '|'; margin-left: 6px; color: #fff; } footer .p-copy ul li a { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #ffffff; } section.time { padding: 30px 0 30px; } section.time h2 { font-style: normal; font-weight: 800; font-size: 32px; line-height: 31px; text-align: center; text-transform: capitalize; color: #002c5d; } section.time .container { max-width: 1920px; } section.time h3 { font-weight: 300; font-size: 37px; line-height: 75px; /* text-transform: uppercase; */ color: #000000; position: relative; margin-bottom: 10px; text-align: center; } section.time p { font-weight: 400; font-size: 16px; line-height: 30px; color: #31364a; } section.time .typograph { position: relative; margin-top: 50px; } section.time .typograph .pipe { max-width: 1352px; margin: 0 auto; text-align: center; margin-top: 30px; position: absolute; left: 0; top: 0; right: 0; } section.time .typograph .pipe svg { width: 100%; } section.time .typograph .pipe path { stroke-dasharray: 9000; stroke-dashoffset: 9000; } section.time .typograph ul { text-align: center; position: relative; /* padding-top: 30px; */ /* padding: 23px 0; */ /* margin-bottom: 20px; */ height: 230px; display: flex; align-items: center; justify-content: center; } section.time .typograph ul li { display: inline-block; width: 20%; padding: 0 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale(0); } section.time .typograph ul li img { border-radius: 14px; } section.time .typograph ul li .flip-card { background-color: transparent; width: 100%; height: 135px; perspective: 1000px; display: table; margin: 0 auto 8px; } section.time .typograph ul li .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } section.time .typograph ul li .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } section.time .typograph ul li .flip-card-front, section.time .typograph ul li .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } section.time .typograph ul li .flip-card-front { background-repeat: no-repeat; background-position: center; background-size: contain; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #13181e 0%, #31364a 32.08%, #13181e 100%); border-bottom: 6px solid #f16b23; } section.time .typograph ul li .flip-card-back { transform: rotateY(180deg); } section.time .typograph ul li .flip-card-back img { width: 100%; height: 135px; object-fit: cover; } section.time .typograph ul li h3 { font-weight: 600; font-size: 16px; line-height: 26px; text-align: center; text-transform: capitalize; color: #171c25; margin: 4px 0 2px; } section.time .typograph ul li h3 sup { font-size: 25px; } @keyframes waviy { 0%, 40%, 100% { transform: translateY(0); } 20% { transform: translateY(-20px); } } section.time .typograph ul li p { font-weight: 400; font-size: 11px; line-height: 17px; min-height: 78px; margin: 0; text-align: center; text-transform: capitalize; color: #171c25; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } section.time.linethrough.fix-it .pipe path { animation: animate 1.9s linear forwards; } section.time.linethrough.fix-it ul.sec1 li:first-child { transform: scale(1); transition-delay: 0.1s; } section.time.linethrough.fix-it ul.sec1 li:nth-child(2) { transform: scale(1); transition-delay: 0.2s; } section.time.linethrough.fix-it ul.sec1 li:nth-child(3) { transform: scale(1); transition-delay: 0.3s; } section.time.linethrough.fix-it ul.sec1 li:last-child { transform: scale(1); transition-delay: 0.4s; } section.time.linethrough.fix-it ul.sec2 li:first-child { transform: scale(1); transition-delay: 0.8s; } section.time.linethrough.fix-it ul.sec2 li:nth-child(2) { transform: scale(1); transition-delay: 0.7s; } section.time.linethrough.fix-it ul.sec2 li:nth-child(3) { transform: scale(1); transition-delay: 0.6s; } section.time.linethrough.fix-it ul.sec2 li:last-child { transform: scale(1); transition-delay: 0.5s; } section.time.linethrough.fix-it ul.sec3 li:first-child { transform: scale(1); transition-delay: 0.9s; } section.time.linethrough.fix-it ul.sec3 li:nth-child(2) { transform: scale(1); transition-delay: 1s; } section.time.linethrough.fix-it ul.sec3 li:nth-child(3) { transform: scale(1); transition-delay: 1.1s; } section.time.linethrough.fix-it ul.sec3 li:last-child { transform: scale(1); transition-delay: 1.2s; } section.time.linethrough.fix-it ul.sec4 li:first-child { transform: scale(1); transition-delay: 1.6s; } section.time.linethrough.fix-it ul.sec4 li:nth-child(2) { transform: scale(1); transition-delay: 1.5s; } section.time.linethrough.fix-it ul.sec4 li:nth-child(3) { transform: scale(1); transition-delay: 1.4s; } section.time.linethrough.fix-it ul.sec4 li:last-child { transform: scale(1); transition-delay: 1.3s; } section.time.linethrough.fix-it ul.sec5 li:first-child { transform: scale(1); transition-delay: 1.6s; } section.time.linethrough.fix-it ul.sec5 li:nth-child(2) { transform: scale(1); transition-delay: 1.5s; } section.time.linethrough.fix-it ul.sec5 li:nth-child(3) { transform: scale(1); transition-delay: 1.4s; } section.time.linethrough.fix-it ul.sec5 li:last-child { transform: scale(1); transition-delay: 1.3s; } @keyframes animate { 0% { stroke-dashoffset: 9000; } 100% { stroke-dashoffset: 0; } } .about-banner { position: relative; } .about-banner > img { width: 100%; margin-top: 0; } .about-banner::after { content: ''; position: absolute; background: linear-gradient(0deg, rgba(0, 44, 93, 0.6), rgba(0, 44, 93, 0.6)); transform: matrix(-1, 0, 0, 1, 0, 0); height: 100%; width: 100%; top: 0; left: 0; } .about-banner__text { position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 1; } .about-banner__text h2 { font-style: normal; font-weight: 500; /* font-size: 44px;*/ line-height: 53px; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; margin-top: 0; } .about-banner__text ul { display: flex; align-items: center; gap: 5px; justify-content: center; } .about-banner__text ul li { position: relative; text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; color: #ffffff; display: flex; align-items: center; gap: 5px; } .about-banner__text ul li.active a { color: #ffffff; font-weight: 500; } .about-banner__text ul li a { text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; color: #ffffff; display: block; } .story { padding: 60px 0; } .story .row:first-child { flex-direction: row-reverse; margin-bottom: 60px; } .story h3 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 31px; text-transform: capitalize; color: #002c5d; margin-bottom: 20px; } .story p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; text-transform: capitalize; color: #2e2e2e; } .story p + p { margin-bottom: 20px; } .story img { width: 100%; border-radius: 7px; } .product-main { padding: 60px 0; } .product-main h3.p-title { font-style: normal; font-weight: 500; font-size: 20px; line-height: 29px; color: #ffffff; padding: 10px 20px 10px 20px; background: #002c5d; } .product-main h3.p-title img { margin-bottom: 4px; } .product-main .p-box { margin-bottom: 50px; display: flex; flex-direction: column; } .product-main .p-box img { filter: brightness(0.92); height: 260px !important; object-fit: cover; width: 100%; margin-bottom: 20px; } .product-main .p-box h5 { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; text-align: center; text-transform: capitalize; margin-bottom: 20px; color: #7e7e7e; margin-top: 20px; } .product-main .p-box h5 i { color: #ffc107; } .product-main .p-box h5 i:last-child { margin-right: 10px; } .product-main .p-box h4 { margin-bottom: 20px; } .product-main .p-box h4 a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; text-transform: capitalize; color: #000000; text-decoration: none; } .product-main .p-box p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: capitalize; color: #7e7e7e; margin-bottom: 20px; } .product-main .p-box a.pm-btn { padding: 18px 60px; border-radius: 0; display: inline-block; background: #002c5d; border-radius: 4px; color: #fff; border: 1px solid transparent; text-decoration: none; text-transform: capitalize; margin-left: auto; margin-right: auto; margin-top: auto; } .product-main .p-box a.pm-btn:hover { border: 1px solid #002c5d; background: transparent; color: #002c5d; } .product-main .accordion { margin: 0 auto; } .product-main .accordion-toggle { cursor: pointer; margin: 0; padding: 20px 30px 0 10px; position: relative; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #231f20; } .product-main .accordion-toggle a { color: #231f20; text-decoration: none; } .product-main .accordion-toggle:before { content: '+'; position: absolute; right: 16px; top: 22px; width: 0; height: 0; color: #6e6e6e; } .product-main .accordion-toggle.active { color: #000; } .product-main .accordion-toggle.active:after { content: ''; position: absolute; right: 4px; top: 30px; width: 13px; height: 2px; background-color: #d0d0d0; } .product-main .accordion-toggle.active:before { display: none; } .product-main .accordion-content { display: none; } .product-main .p-accordian .acc:not(:first-child) h4.accordion-toggle { border-top: 1px solid #afafaf !important; margin-top: 20px; } .product-main .p-accordian .acc:last-child { border-bottom: 1px solid #afafaf !important; padding-bottom: 20px; } .product-main .p-accordian ul.p-list { padding-left: 10px; padding-top: 10px; } .product-main .p-accordian ul.p-list li:not(:first-child) { margin-top: 10px; } .product-main .p-accordian ul.p-list li a { text-decoration: none; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #808080; } .product-main ul.page-numbers { display: flex !important; justify-content: center; align-items: center; gap: 20px; margin-top: 30px !important; border: transparent !important; } .product-main ul.page-numbers li { border: transparent !important; } .product-main ul.page-numbers li .page-numbers { text-decoration: none; font-style: normal; font-weight: 300; font-size: 20px; line-height: 24px; color: #000000; } .product-main ul.page-numbers li .page-numbers:hover { background: var(--clr-accemt); color: #fff; } .product-main ul.page-numbers li .page-numbers.current { color: #002c5e; background: transparent; } .blog-list { padding: 50px 0; } .blog-list h5 { font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; letter-spacing: 0.22em; text-transform: capitalize; color: #000000; margin-bottom: 12px; text-align: center; } .blog-list h3 { font-style: normal; font-weight: 400; font-size: 40px; line-height: 41px; color: #000000; text-align: center; margin-bottom: 40px; text-decoration: none; } .blog-list .b-box { position: relative; margin-bottom: 30px; } .blog-list .b-box a img { margin-bottom: 10px; } .blog-list .b-box:hover { transition: all 1s ease-in-out; } .blog-list .b-box:hover:after { height: 100%; transition: all 0.5s ease-in-out; } .blog-list .b-box:hover a.b-btn { color: #fff; transition: all 0.5s ease-in-out; } .blog-list .b-box:hover a.b-btn img { filter: brightness(0) invert(1); transition: all 0.3s ease-in-out; } .blog-list .b-box:hover h3 a { color: #fff; transition: all 0.5s ease-in-out; } .blog-list .b-box:hover h3{ color: #fff; text-decoration: none; } .blog-list .b-box::after { content: ''; background: #002c5d; width: 100%; bottom: 0; left: 0; height: 0; position: absolute; z-index: -1; transition: all 0.5s ease-in-out; } .blog-list .b-box ul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; margin-top: 12px; padding-inline: 10px; } .blog-list .b-box ul li a { text-decoration: none; padding: 0; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color: #000000; transition: all 0.5s ease-in-out; } .blog-list .b-box ul li a img { margin-right: 5px; } .blog-list .b-box h3 { padding-inline: 10px; line-height: 24px; text-align: left; } .blog-list .b-box h3 { font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; margin-bottom: 16px; color: #000000; transition: all 0.5s ease-in-out; text-decoration: none; } .blog-list .b-box a.b-btn { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-transform: capitalize; color: #002c5d; display: inline-block; text-decoration: none; transition: all 1s ease-in-out; padding-inline: 10px; padding-bottom: 10px; } .blog-list .b-box a.b-btn img { margin-left: 15px; margin-bottom: 0; filter: brightness(1); transition: all 0.3s ease-in-out; } .blog-list .b-box span.date { font-style: normal; font-weight: 400; font-size: 12px; line-height: 24px; text-align: center; text-transform: uppercase; color: #ffffff; background: #002c5d; padding: 7px 21px; position: absolute; top: 0; left: 20px; } .blog-list ul.h-pagination { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 30px; } .blog-list ul.h-pagination li a { text-decoration: none; font-style: normal; font-weight: 300; font-size: 20px; line-height: 24px; color: #000000; } .blog-list ul.h-pagination li a.active { color: #002c5d; } .p-detail { padding: 50px 0; } .p-detail-img img { margin-bottom: 66px; } .p-detail-img ul { display: flex; gap: 30px; align-items: center; } .p-detail-img ul li img { margin-bottom: 0; } .p-detail .entry-summary p.price { display: none; } .p-detail .entry-summary h3 { font-style: normal; font-weight: 600; font-size: 26px; line-height: 38px; text-transform: capitalize; color: #000000; margin: 0; } .p-detail .entry-summary h1.product_title { font-style: normal; font-weight: 600; font-size: 26px; line-height: 38px; text-transform: capitalize; color: #000000; } .p-detail .entry-summary h5 { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; text-align: center; text-transform: capitalize; margin-bottom: 20px; color: #7e7e7e; margin-top: 15px; display: inline-block; margin-bottom: 25px; } .p-detail .entry-summary h5 i { color: #ffc107; } .p-detail .entry-summary h5 i:last-child { margin-right: 10px; } .p-detail .entry-summary span.sku_wrapper { background: #f5f5f5; border: 1px dashed #0fbdc8; border-radius: 6px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #000000; padding: 6px; width: 306px; margin-bottom: 20px; display: table; } .p-detail .entry-summary span.posted_in { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #000000; margin-bottom: 30px; display: table; } .p-detail .entry-summary span.posted_in a { display: inline-block; background-color: #f5f5f5; font-size: 13px; padding: 10px 15px; color: #002c5d; text-decoration: navajowhite; text-transform: capitalize; font-weight: 500; border-radius: 2px; margin: 0 6px; transition: all 0.5s ease-in-out; } .p-detail .entry-summary p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 27px; text-transform: capitalize; color: #000000; margin-bottom: 30px; } .p-detail .entry-summary p + p { margin-bottom: 0; } .sig-form h3 { color: #000; font-size: 24px; font-weight: 600; } .sig-form form { display: flex; flex-wrap: wrap; margin-top: 20px; overflow: hidden; padding: 16px; border: 1px solid #999; padding-right: 10px; box-shadow: 0 10px 10px #ddd; border-radius: 6px; } .sig-form form .wpcf7-form-control-wrap { width: 100%; display: block; margin: 0 0 15px; } .sig-form form input:not([type="submit"]), .sig-form form select, .sig-form form textarea { border: solid 1px #999; color: #6E738A; font-weight: 300; padding: 10px; background: transparent; letter-spacing: 1px; width: 99%; font-size: 14px; border-radius: 4px; height: 45px; outline: none; } .sig-form form textarea { height: 120px; resize: none; width: 99.5%; } .sig-form form input[type="submit"] { background: #002c5d; border-radius: 4px; font-style: normal; font-weight: 500; font-size: 15px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 16px 40px; text-decoration: none; display: inline-block; border: 1px solid transparent; } .p-detail-list { padding: 50px 0; background: #b1c7e07a; opacity: inherit; } .p-detail-list h2 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 38px; text-transform: capitalize; color: #000000; text-align: center; margin-bottom: 44px; } .p-detail-list .p-box > img.p-img { margin-bottom: 20px; } .p-detail-list .p-box h5 { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; text-align: center; text-transform: capitalize; margin-bottom: 24px; color: #000000; } .p-detail-list .p-box h5 i { color: #ffc107; margin-right: 5px; } .p-detail-list .p-box h5 i:last-child { margin-right: 10px; } .p-detail-list .p-box h4 { max-width: 272px; margin-inline: auto; line-height: 17px; } .p-detail-list .p-box h4 a { text-decoration: none; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; text-transform: capitalize; color: #2c2c2c; padding: 0; } .p-detail-list .p-box a.pm-btn { background: #002c5d; border-radius: 0; font-style: normal; font-weight: 300; font-size: 15px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 14px 50px; text-decoration: none; display: inline-block; margin-top: 20px; border: 1px solid transparent; } .p-detail-list .p-box a.pm-btn:hover { border: 1px solid #002c5d; background: #ffffff00; color: #002c5d; } .faq { padding: 60px 0; } .faq .accordion { width: 100%; margin: 0 auto; } .faq .accordion-toggle { cursor: pointer; margin: 0; padding: 10px 0; position: relative; } .faq .accordion-toggle:before { content: '\f107'; position: absolute; right: 0; top: 17px; width: 0; height: 0; font-family: 'Font Awesome 6 Free'; font-weight: 900; } .faq .accordion-toggle.active { color: #000; } .faq .accordion-toggle.active:after { content: '\f107'; position: absolute; right: 0; top: 17px; width: 0; height: 0; font-family: 'Font Awesome 6 Free'; font-weight: 900; } .faq .accordion-toggle.active:before { display: none; } .faq .accordion-content { display: none; } .faq h3 { font-style: normal; font-weight: 300; font-size: 40px; line-height: 41px; text-align: center; text-transform: uppercase; color: #1e1e1e; margin-bottom: 30px; } .faq p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 28px; text-align: center; color: #5f5f5f; margin-bottom: 24px !important; } .faq h6 { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #000000; margin-bottom: 15px; } .contact-main { padding: 50px 0; } .contact-main .c-info h4 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 38px; color: #181d20; margin-bottom: 20px; } .contact-main .c-info p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; text-transform: capitalize; color: #5f5f5f; max-width: 370px; } .contact-main .c-info ul li { display: flex; align-items: center; gap: 17px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; color: #000000; padding-right: 100px; max-width: 480px; } .contact-main .c-info ul li:not(:last-child) { margin-bottom: 30px; } .contact-main form.get-touch2 h3 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 38px; color: #181d20; margin-bottom: 30px; } .contact-main form.get-touch2 label { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-transform: capitalize; color: #2e2e2e; margin-bottom: 5px; } .contact-main form.get-touch2 input:not([type='submit']) { background: #f1f1f1; border: 1px solid #dad8d8; border-radius: 4px; width: 100%; padding: 10px 15px; height: 40px; } .contact-main form.get-touch2 textarea { height: 158px; width: 100%; background: #f1f1f1; border: 1px solid #dad8d8; border-radius: 4px; } .contact-main form.get-touch2 input[type='submit'] { border: none; outline: none; padding-inline: 60px; margin-top: 10px; background: #002c5d; border-radius: 4px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 16px 50px; text-decoration: none; display: inline-block; border: 1px solid transparent; } .contact-main form.get-touch2 input[type='submit']:hover { border: 1px solid #002c5d; background: #ffffff00; color: #002c5d; } section.c-office { padding: 24px 0; background: #002c5d; position: relative; } section.c-office h3 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 38px; text-transform: capitalize; color: #ffffff; text-align: center; margin-bottom: 50px; } section.c-office h3 span { display: block; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: capitalize; color: #e3e3e3; margin-top: 12px; } section.c-office .off-box { text-align: center; } section.c-office h4 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 29px; text-align: center; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; } section.c-office h5 { font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; text-align: center; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; min-height: 34px; max-width: 400px; } section.c-office h6 { min-height: 40px; max-width: 400px; margin-bottom: 20px; } section.c-office h6 a { font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; text-align: center; text-transform: capitalize; color: #ffffff; } section.c-office a { font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; text-align: center; text-transform: capitalize; color: #ffffff; text-decoration: none; margin-bottom: 20px; display: inline-block; } section.c-office img { position: absolute; bottom: 32px; right: 0; height: 180px; } section.distribution { padding: 50px 0; } section.distribution h3 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 38px; color: #181d20; margin-bottom: 12px; } section.distribution p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: capitalize; color: #9f9f9f; margin-bottom: 20px; } section.distribution h5 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; } section.distribution h5 span { font-weight: 400; } .blog-main { padding: 60px 0; } .blog-main .b-left > img { width: 100%; } .blog-main .b-left ul { display: flex; gap: 30px; align-items: center; margin-top: 20px; margin-bottom: 20px; } .blog-main .b-left ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #2e2e2e; position: relative; } .blog-main .b-left ul li:nth-child(1) { margin-right: auto; } .blog-main .b-left ul li:nth-child(1)::after { content: '' !important; } .blog-main .b-left ul li:not(:last-child)::after { content: '/'; position: absolute; top: 0; right: -20px; } .blog-main .b-left ul li a { font-weight: 600; color: #2e2e2e; } .blog-main .b-left h3 { margin-bottom: 15px; font-style: normal; font-weight: 700; font-size: 24px; line-height: 25px; text-transform: capitalize; color: #000000; } .blog-main .b-left p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; text-transform: capitalize; color: #575757; margin-bottom: 30px; } .blog-main .b-left .comm { background: #000000; padding: 50px; position: relative; margin-bottom: 60px; } .blog-main .b-left .comm h4 { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; text-transform: capitalize; color: #e6e6e6; max-width: 650px; } .blog-main .b-left .comm h4 span { line-height: 15px; color: #ffffff; display: block; margin-top: 20px; margin-left: 60px; position: relative; font-weight: 600; } .blog-main .b-left .comm h4 span::after { content: ''; position: absolute; height: 2px; width: 50px; background-color: #fff; bottom: 0; left: -57px; } .blog-main .b-left .comm img { position: absolute; bottom: 24px; right: 44px; } .blog-main .b-right h3 { font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: #000000; margin-bottom: 15px; } .blog-main .b-right form.blog-search { position: relative; margin-bottom: 40px; } .blog-main .b-right form.blog-search input[type='text'] { width: 100%; height: 57px; padding: 15px 16px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 26px; color: #000000; background-color: #fff; border: 1px solid #a59494; } .blog-main .b-right form.blog-search input[type='text']:hover { border: 1px solid #002c5d; background: #ffffff00; color: #002c5d; } .blog-main .b-right form.blog-search button { position: absolute; right: 0; top: 50%; border: none; outline: none; translate: 0 -50%; background: #002c5d; border: 1px solid #a59494; padding: 16px 30px; } .blog-main .b-right ul.cattegories { margin-bottom: 40px; } .blog-main .b-right ul.cattegories li { border-bottom: 1px solid #002c5d; } .blog-main .b-right ul.cattegories li:not(:last-child) { margin-bottom: 15px; } .blog-main .b-right ul.cattegories li a { text-decoration: none; padding: 9px 20px 9px 0; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; color: #574f4f; display: flex; align-items: center; justify-content: space-between; } .blog-main .b-right ul.cattegories li a i { color: #002c5d; } .blog-main .b-right ul.recent-post { padding: 10px 20px 20px 0px; } .blog-main .b-right ul.recent-post li { display: flex; gap: 20px; margin-bottom: 27px; border-bottom: 1px solid #c4c4c4; padding-bottom: 20px; } .blog-main .b-right ul.recent-post li img { height: 78px; } .blog-main .b-right ul.recent-post li h5 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 25px; color: #000000; max-width: 190px; margin-bottom: 0; } .blog-main .b-right ul.recent-post li p { font-style: normal; font-weight: 300; font-size: 12px; line-height: 25px; color: #574f4f; } .blog-main .b-right ul.tags { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } .blog-main .b-right ul.tags li { width: 42%; } .blog-main .b-right ul.tags li a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; padding: 8px 30px; display: inline-block; background: #ffffff; border: 1px solid #a59494; } .blog-main .review-sec h4 { font-style: normal; font-weight: 800; font-size: 20px; line-height: 21px; display: flex; align-items: flex-end; text-transform: capitalize; color: #2a2a2a; margin-bottom: 10px; } .blog-main .review-sec .review-box { margin-bottom: 20px; } .blog-main .review-sec .review-box span.rate { display: block; margin-bottom: 10px; } .blog-main .review-sec .review-box span.rate i { color: #000; } .blog-main .review-sec .review-box span.rate i:not(:last-child) { margin-right: 6px; } .blog-main .review-sec .review-box p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #1e1e1e; margin-bottom: 12px; } .blog-main .review-sec .review-box p span { font-weight: 500; } .blog-main .review-sec .review-box ul { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; } .blog-main .review-sec .review-box ul li { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #484848; } .blog-main .review-sec .review-box ul li img { border-radius: 50%; margin-right: 15px; } .blog-main .review-sec .review-box ul li a { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #484848; } .blog-main .review-sec .review-box a.help { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; text-decoration: none; } .blog-main .review-sec .review-box a.help i { color: #000; margin-right: 5px; } .blog-main .reply form h4 { font-style: normal; font-weight: 800; font-size: 20px; line-height: 21px; display: flex; align-items: flex-end; text-transform: capitalize; color: #2a2a2a; margin-bottom: 10px; } .blog-main .reply form input:not([type='submit']) { background: #ffffff; border: 1px solid #eae5e0; border-radius: 5px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #bdbdbd; padding: 16px; width: 100%; margin-bottom: 20px; } .blog-main .reply form textarea { background: #ffffff; border: 1px solid #eae5e0; border-radius: 5px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #bdbdbd; padding: 16px; height: 170px; width: 100%; margin-bottom: 20px; } .blog-main .reply form input[type='submit'] { background: #002c5d; border-radius: 4px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 16px 50px; text-decoration: none; display: inline-block; border: 1px solid transparent; } .blog-main .reply form input[type='submit']:hover { border: 1px solid #002c5d; background: #ffffff00; color: #002c5d; } section.sec-2 { display: none; overflow: hidden; padding: 15px 0 20px; position: relative; } section.sec-2 h2 { font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; text-transform: uppercase; color: #010101; margin: 0 0 15px; } section.sec-2 .faq-accordion { position: relative; z-index: 9; padding: 20px 0; } section.sec-2 .faq-accordion::after { content: ''; position: absolute; right: -15px; top: 0; bottom: 0; width: 100px; height: 100%; background: linear-gradient(74deg, #09245c 0%, #37569f 100%); z-index: -1; } section.sec-2 .faq-accordion-item { background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 6px; padding: 12px; margin: 0 0 20px; } section.sec-2 .faq-accordion-item .faq-accordion-title { display: flex; align-items: center; } section.sec-2 .faq-accordion-item .faq-accordion-title h3 { margin: 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; } section.sec-2 .faq-accordion-item .faq-accordion-title h3 img { margin-right: 10px; } section.sec-2 .faq-accordion-item .faq-accordion-title .fas { margin-left: auto; font-size: 20px; color: #2b498c; width: 20px; height: 20px; text-align: center; } section.sec-2 .faq-accordion-item .faq-accordion-title.active .fas { transform-origin: center center; transform: rotate(180deg); } section.sec-2 .faq-accordion-item .faq-accordion-content { display: none; } section.sec-2 .faq-accordion-item .faq-accordion-content .progress { padding-top: 10px; background: transparent; height: auto; border-radius: 0; flex-direction: column; } section.sec-2 .faq-accordion-item .faq-accordion-content .progress p { margin: 0; font-weight: 300; font-size: 14px; line-height: 21px; color: #000000; } section.sec-2 .faq-accordion-item .faq-accordion-content .progress p strong { display: block; font-weight: 400; font-size: 10px; line-height: 15px; color: #ffffff; margin: 4px 0 2px; } section.sec-2 .faq-accordion-item .faq-accordion-content .progress [data-progress] { height: 4px; border-radius: 2px; margin: 4px 0 15px; overflow: hidden; background: #ffffff; } section.sec-2 .faq-accordion-item .faq-accordion-content [data-progress]::after { content: ''; display: flex; justify-content: flex-end; align-items: center; background: linear-gradient(180deg, #2b498d 0%, #4b7ceb 100%); width: 0; height: 100%; box-sizing: border-box; font-size: 10px; color: white; padding: 0 3px; transition: 2s; } section.sec-2 .faq-accordion-item .faq-accordion-content [data-progress].animate-progress::after { width: var(--animate-progress); } section.sec-2 .faq-accordion-item:last-child { margin: 0; } section.sec-3 { display: none; padding: 20px 0 40px; } section.sec-3 h2 { font-weight: 700; font-size: 24px; line-height: 36px; text-align: center; text-transform: uppercase; color: #ffffff; margin: 0 0 15px; } section.sec-3 .typograph { position: relative; } section.sec-3 .typograph::after { content: ''; position: absolute; left: 0; top: 0; height: 0; background: #f05c24; width: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.9s ease-in-out; } section.sec-3 .typograph ul li { padding-left: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; margin: 0 0 30px; } section.sec-3 .typograph ul li h3 { font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; text-transform: capitalize; margin: 2px 0 4px; } section.sec-3 .typograph ul li p { font-weight: 300; font-size: 12px; line-height: 18px; color: #ffffff; text-transform: capitalize; max-width: 200px; } section.sec-3 .typograph ul li::after { content: ''; position: absolute; left: -4px; top: 0; width: 10px; height: 10px; background: #f05c24; border-radius: 50px; } section.sec-3 .typograph ul li:last-child { margin-bottom: 0; } section.sec-3 .typograph ul.sec2 { display: none; } section.sec-3 .typograph a.load-link { font-weight: 500; font-size: 20px; line-height: 24px; color: #f05c24; padding: 10px 0 10px 20px; display: table; margin-top: 50px; } section.sec-3 .typograph a.load-link.hidden-load { display: none; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } section.sec-3.linethrough.fix-it .typograph::after { height: 100%; } @keyframes animate { 0% { stroke-dashoffset: 5800; } 100% { stroke-dashoffset: 0; } } /*# sourceMappingURL=style.css.map */ /* Footer Section */ footer .wpcf7-form input[type="text"], footer .wpcf7-form input[type="tel"], footer .wpcf7-form input[type="email"], footer .wpcf7-form textarea { width: 100%; } footer .wpcf7-form textarea { height: 60px; resize: none; } footer .wpcf7-form label { color: #fff; font-size: 14px; } footer .wpcf7-form input[type="submit"] { padding: 7px 20px; } .location_button { color: #000; background: #fff; text-decoration: none; padding: 7px 20px; margin-top: 20px; display: block; max-width: 250px; } #breadcrumbs span, #breadcrumbs span a{ color: #fff; } .location_inner_content h2{ color: #212121; font-size: 22px; margin-bottom: 12px; font-weight: 700; text-transform: capitalize; } .location_inner_content { padding: 60px 0; } .location_inner_content .container{ width: 1170px; } .location_inner_content .country-overlay { position: relative; margin-bottom: 30px; } .contact_us_sec { padding: 40px 0; } .location_inner_content .country-overlay h2 { position: absolute; top: 200% !important; color: #fff !important; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 10px solid rgba(255,255,255,.3); margin: 0 auto; text-align: center; } .tw-content h2 { color: #212121; font-size: 20px; margin-bottom: 12px; font-weight: 500 !important; text-transform: uppercase; } .contact_us_sec h2 { font-size: 28px; color: #333; margin: 15px 0; font-weight: 500 !important; } .contact_us_sec h3{ font-size: 26px; color: #333; margin: 15px 0; font-weight: 500 !important; } .location_inner_content .contact_us_sec p { color: #222; font-weight: 500; line-height: 24px; } .contact_us_sec p { font-size: 16px; text-align: justify; } p { margin: 0 0 10px; } .tw-content h2 { color: #212121; font-size: 20px; margin-bottom: 12px; font-weight: 500; text-transform: uppercase; } .location_inner_content .country-overlay a img{ width: 100%; } .location_inner_content .country-overlay { position: relative; margin-bottom: 50px; } .location_inner_content h1 { color: #212121; font-size: 22px; margin-bottom: 12px; font-weight: 700; text-transform: uppercase; } .location_inner_content h2 { color: #212121; font-size: 22px; margin-bottom: 12px; font-weight: 700; text-transform: uppercase; } .location_inner_content .grid, .grid figure, .innerpage .grid figure img { position: relative; } .location_inner_content .grid figure { float: unset !important; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .location_inner_content figure.effect-romeo img { -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,transform .35s; transition: opacity .35s,transform .35s,-webkit-transform .35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); transform: scale(1.5); } .grid figure figcaption, .grid figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000063; } figure.effect-romeo h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0); position: absolute; top: 60% !important; left: 0; width: 100%; color: #fff; font-size: 16px; } .location_inner_content .Three-Easy-tx h3 { text-align: center; color: #212121; font-weight: bold; } .location_inner_content .contact_us_sec p { color: #222; text-align: justify; } .location_inner_content .contact_us_sec h2 span{ font-weight: 500; color: #ff9405 !important; margin-top: 30px; } .location_inner_content .grid:hover figure img { transform: scale(1.0); transition: all 300ms ease-in-out 0ms; } .location-page-banner { position: relative; } .location-page-banner img{ width: 100%; } .location-page-banner .ban-txt-loc { position: absolute; top: 0; width: 100%; bottom: 0; } .location-page-banner .loc-page { background: #00000087; padding-top: 0; position: absolute; right: 100px; bottom: 0; top: 0; } .location-page-banner form input, .location-page-banner form select, .location-page-banner form textarea { border: solid 1px #fff; color: #fff; font-weight: 400; padding: 7px; margin-bottom: 0; background: 0 0; letter-spacing: 1px; outline: none; font-family: "Lato",sans-serif; width: 100%; border-radius: 5px; font-size: 14px; outline: none; box-shadow: none; } .location-page-banner form textarea { height: 80px !important; } .location_inner_content h1 { color: #212121; font-size: 22px; margin-bottom: 12px; font-weight: 700; text-transform: uppercase; } .location_inner_content .country-overlay { position: relative; margin-bottom: 30px; } .location_inner_content .grid figure { float: left; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .location_inner_content .grid, .grid figure, .location_inner_content .grid figure img { position: relative; } .location_inner_content .grid figure { float: left; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .location_inner_content figure.effect-romeo img { -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,transform .35s; transition: opacity .35s,transform .35s,-webkit-transform .35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); } .location_inner_content figure.effect-romeo { perspective: 1000px; } .location_inner_content .grid:hover figure img { transform: scale(1.0); transition: all 300ms ease-in-out 0ms; } .grid figure figcaption, .grid figure figcaption>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure.effect-romeo h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0); position: absolute; top: 55%; left: 0; width: 100%; color: #fff; text-align: center !important; } .tw-content h2 { color: #212121; font-size: 22px; margin-bottom: 12px; font-weight: 700; text-transform: uppercase; } .location-page-banner form select option{ color: #000; } .location_inner_content .Three-Easy-tx h3 { text-align: center; color: #212121; font-weight: bold; } .location_inner_content .row.tw-content .col-md-4.col-xs-6 { margin: 0 auto 30px; } .location_inner_content .contact_us_sec p { color: #222; } .location-page-banner .kickass_field input[type=submit] { width: auto; color: #fff; background: #d50105; padding: 7px 20px; margin: 0 auto; border: none; display: inherit; max-width: 150px; } .location_inner_content .tw-content { padding: 0; } .diagonal { display: block; color: #fff !important; text-decoration: none !important; background: #1499d4 none repeat scroll 0 0; border: medium none; color: #fff; font-weight: 600; letter-spacing: .5px; line-height: 50px; overflow: hidden; padding: 0; position: relative; text-transform: uppercase; z-index: 1; text-align: -webkit-center; } section.location_inner_content { padding-bottom: 20px; } .location-page-banner .kickass_field input, .location-page-banner .kickass_field input::-webkit-input-placeholder { color: #fff; } .location-page-banner .kickass_field textarea::placeholder { color: #fff; } .pull-right { float: right!important; } form.wpcf7-form.init { display: flex; flex-wrap: wrap; justify-content: space-between; } .locationmpbox iframe{ width:100%;} .location_inner_content .breadcrumb { padding: 10px 15px; margin: 20px 0; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .location_inner_content figure.effect-romeo img{width:100%;} .location_inner_content .breadcrumb li{ padding-right: 5px;} .location_inner_content { padding: 60px 0; } .location_inner_content .container{ width: 1170px; } header .dz-form input[type='text']:focus{ outline: none; } /* fdev-sb 13-02-2023*/ section.map { overflow: hidden; } .inncnt a:hover{ color:#57a8f2 !important; text-decoration: underline;} /* --------------- Private Level Page------------ */ .private-form { background: rgba(0,0,0,0.5); padding: 15px; } .private-form .form-group{ margin: 10px 0;} .private-form .form-group .form-control{ background: none; border: 1px solid #f9f9f9; border-radius: 0; color: #fff;} .private-form .form-group .form-textarea{ width: 100%; background: none; border: 1px solid #f9f9f9; color: #fff; height: 80px; resize: none;} .private-form .btn_submit{ background: #002c5d;color: #fff;border: 1px solid #ccc; padding: 10px 35px;} .private-form .btn_submit:hover{ background: #fff; color: #002c5d;} .private-form .wpcf7-response-output{ color:#fff;} .private-form select option{ background:#000;} .about-banner__text h1{font-style: normal; font-weight: 500; /* font-size: 44px; */ line-height: 53px; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; margin-top: 100px;} .inncnt p{ line-height: 24px;} /* ------------ Search Page------------ */ body.search{ margin:0 !important;} .searchresbox{background: #eceaea; padding: 15px; margin-bottom: 15px;} .searchresbox a{ text-decoration: none; color: #000;} .searchresbox a h2{ color: #002c5d;} .searchresbox a p{ color:#000;} .searchresbox a:hover{ text-decoration: none; color: #002c5d !important;} .searchresbox a:hover h2{ color:#000;} .mt60{ margin-top: 60px;} #mega-menu-wrap-primary{ background: transparent !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ background: #002c5d !important; } ul.mega-sub-menu{ display:block; } ul.mega-sub-menu li{ width: 100%; } ul.mega-sub-menu .mega-menu-row{ width: 100%; } /* sheikh zaheer starts here */ .z-quick-contact-btn a{ color: white; text-decoration: none; padding: 10px 20px; background: #0e295af2; position: fixed; right: -1%; top: 50%; z-index: 100; transform: rotate(270deg) translate(0%, 100%); } header .topbar { padding: 12px 0; background-color: #1d232a; } /* .searchwrapbx { display: flex; align-items: center; position: relative; } .searchwrapbx span { display: inline-flex; color: #fff; font-size: 20px; position: absolute; z-index: 0; } .searchwrapbx .searchfrmbox { width: 30px; opacity: 0; background-color: transparent; border-bottom: 1px solid #fff; position: relative; z-index: 9999; transition: all 0.5s ease-in-out; } */ header .topbar ul { display: flex; justify-content: flex-end; } header .right-menu li { border-right: 1px solid rgb(155, 155, 155); margin-right: 15px; padding-right: 15px; } header .right-menu li:last-child { margin: 0; padding: 0; border: none; } header .topbar ul li a { color: #fff; transition: all ease 0.2s; font-size: 12px; font-weight: 600; text-transform: uppercase; } .sig-form form{ border: none; box-shadow: none; } .no-pad.sig-form{ padding: 70px 0; } .product-main ul.page-numbers li .page-numbers.current{ min-width: 44px; background-color: var(--clr-accemt); color: #fff; } .product-main ul.page-numbers li .page-numbers:hover{ min-width: 44px; } .product-main ul.page-numbers li .page-numbers{ min-width: 44px; } .product-main .accordion-toggle:before{ display: none; } footer ul.list li,footer ul.list a{ text-transform: unset; } .s-con-link{ color: #000 !important; } .story h2 { font-style: normal; font-weight: 700; font-size: 32px; line-height: 31px; text-transform: capitalize; color: #002c5d; margin-bottom: 20px; } .sec-4 { padding: 60px 0; } .sec-title h2 { font-size: 30px; color: #002c5d; text-transform: capitalize; font-weight: 700; margin-bottom: 50px; } .sec-4 .fac-card { border-radius: 12px; background-color: #0e295a; position: relative; overflow: hidden; } .sec-4 img { width: 100%; transform: scale(1); transition: all ease 0.3s; } .sec-4 .fac-card h4 { font-size: 14px; font-weight: 500; text-align: center; margin: 8px 0 10px; color: #fff; } .z-center{ display: flex; align-items: center; justify-content: center; } .z-row-gap{ row-gap: 30px; } .slim-container a.slimNav_sk78-reveal{ top: 30px; } .z-breadcrumb { background: #002c5d; color: #fff; gap: 20px; padding: 25px; margin: 20px 0 0 0; border-radius: 8px; } .z-breadcrumb ul{ display: flex; align-items: center; justify-content: center; gap: 10px; } .z-breadcrumb ul li a{ color: #000; } .b-box a{ text-decoration: none !important; } #reply-title { margin-top: 27px; font-size: 18px; font-family: "Roboto", sans-serif; text-transform: uppercase; border-left: 4px solid #2e2e2e; padding-left: 16px; font-weight: 900; line-height: 24px; color: #000; } .tag-cat p { color: #111; } .tag-cat p label { font-weight: 600; font-size: 14px; } .tag-cat textarea { width: 100%; margin-bottom: 10px; padding: 10px; border: solid 1px #ccc; resize: none; height: 80px; } .tag-cat input { width: 100%; margin-bottom: 10px; padding: 10px; border: solid 1px #ccc; } .tag-cat input[type="checkbox"] { width: auto; } .comment-form input[type="submit"]{ padding: 18px 60px; border-radius: 0; display: inline-block; background: #002c5d; border-radius: 4px; color: #fff; border: 1px solid transparent; text-decoration: none; text-transform: capitalize; margin-left: auto; margin-right: auto; margin-top: auto; width: fit-content; } .comment-form input[type="submit"]:hover { border: 1px solid #002c5d; background: transparent; color: #002c5d; } .catclass h3, .tagclass h3{ font-size: 24px; } .catclass ul, .tagclass ul { margin: 30px 0; } .catclass ul li, .tagclass ul li { list-style-type: none; display: inline-block; margin: 13px 10px; } .catclass ul li a, .tagclass ul li a { color: #000; padding: 5px 10px; text-align: center; border-radius: 5px; box-shadow: 0 0.5rem 1rem rgba(33,37,41,.15)!important; transition: .30s all ease; } .catclass ul li a:hover, .tagclass ul li a:hover { /* border: 1px solid #616161; */ color: #fff; background: #002c5d; } .newblob-contanier{ height: fit-content; padding: 0 10px 50px 20px; } .z-breadcrumb{ background: #002c5d; color: #fff; } .z-breadcrumb ul li a{ color: #fff; } .b-link { text-decoration: none !important; } .b-link strong{ color: #000; } .b-link strong:hover{ color: #002c5d; } .z-menu ul.sub-menu, .z-menu button.sub-menu-toggle{ display:none; } /* 03-05-2023 sb */ .blogcontentdetails h1 { font-weight: 700; color: #002c5d; margin: 16px 0 8px; } .blogcontentdetails h2 { font-weight: 600; color: #002c5d; } .blogcontentdetails ul { list-style-type: initial; } .blogcontentdetails li { font-size: 16px; color: #666; line-height: 26px; position: relative; padding-left: 30px; } .blogcontentdetails p { font-size: 16px; color: #666; line-height: 26px; } .blogcontentdetails ol li { padding-left: 15px; } .blogcontentdetails ol li::marker { color: #002c5d; font-size: 18px; font-weight: 600; } .blogcontentdetails li:not(:last-child) { margin-bottom: 12px; } .blogcontentdetails ul li::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f138"; position: absolute; color: #002c5d; font-size: 20px; left: 0; top: 50%; transform: translateY(-50%); } .blogcontentdetails a { color: #4277b3; } .blogcontentdetails a:hover { color: #002c5d; } .tag-cat .social-btn { display: flex; align-items: center; gap: 10px; } .tag-cat .social-btn .sbtn { display: inline-flex; text-decoration: none; background-color: #002c5d; color: #fff; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; font-size: 13px; border: 1px solid transparent; transition: all 0.5s ease-in-out; } .tag-cat .social-btn .sbtn:hover { background-color: transparent; color: #002c5d; border-color: #002c5d; transition: all 0.5s ease-in-out; } .sub-menu-toggle { display: none; } /* .menu-item-has-children { position: relative; } */ .menu-item-has-children:hover .sub-menu { display: flex; position: absolute; background-color: #fff; width: 100vw; padding: 16px 16px; left: 50%; transform: translateX(-50%); top: 109px; border-bottom: 2px solid #002c5d; flex-wrap: wrap; justify-content: center; gap: 0; } .menu-item-has-children .sub-menu > * { flex: 0 0 auto; width: 25%; padding: 0px 10px; margin-bottom: 5px; } .menu-item-has-children .sub-menu li a { color: #002c5d; font-size: 15px; text-transform: uppercase; font-weight: 500; line-height: 28px; display: block; padding: 5px 0; border-bottom: 1px solid #002c5d1a; transition: all 0.5s ease-in-out; } .menu-item-has-children .sub-menu li a:hover { border-color: #002c5d6e; color: #2061a8; transition: all 0.5s ease-in-out; } .about-banner__text h3, .about-banner__text h4 { color: #fff; } .about-banner__text p { color: #eaeaea; } .cus-btn2 img { width: 15px !important; } .cus-btn2 { display: inline-flex; background-color: #050522; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 11px 0px; gap: 9px; width: 100%; margin-top: 10px; transition: all 0.5s ease-in-out; } .cus-btn2:hover { color: #fff; background-color: #010155; transition: all 0.5s ease-in-out; } .cus-btn { font-weight: 700; font-size: 14px; line-height: 17px; color: #484848; margin: 16px auto 0px; display: inline-flex; align-items: center; gap: 8px; width: 100%; text-align: center; justify-content: center; border: 1px solid #333; padding: 7px 0; } .cus-btn:hover { color: #484848; } .loc-man-box .title h4 { font-weight: 700; font-size: 18px; line-height: 22px; color: #404040; margin: 25px 0 4px; } .loc-man-box { flex: 0 0 auto; width: 24%; box-shadow: 1px 1px 15px rgba(125, 125, 125, 0.21); text-align: center; padding: 20px 12px; } .loc-man-box-wrap { gap: 14px; margin-bottom: 32px; } .loc-man-box:hover img { transform: rotateY(3.14rad); transition: all 0.5s ease-in-out; } .loc-man-box img { transform: rotateY(0); transition: all 0.5s ease-in-out; width: 100%; } @media (max-width: 1200px) and (min-width: 1024px) { .loc-man-box {width: 32%;} } @media (max-width: 1024px) and (min-width: 992px) { .loc-man-box {width: 32%;} } @media (max-width: 991.98px) { .loc-man-box {width: 32%;} } @media (max-width: 767.98px) { .loc-man-box {width: 48%;padding: 8px 5px;} .loc-man-box-wrap {gap: 10px;} .loc-man-box .title h4 {font-size: 14px;line-height: 17px;margin: 16px 0 4px;} .cus-btn {font-size: 9px;line-height: 13px;padding: 5px 0;margin: 5px auto 0px;} .cus-btn2 {font-size: 8px;padding: 8px 0px;gap: 3px;margin-top: 6px;} .cus-btn2 img {width: 9px !important;} } /* header search */ /* .searchwrapbx span { display: inline-flex; color: #fff; font-size: 20px; position: absolute; z-index: 0; } .searchwrapbx .is-search-submit { display: none; } .searchwrapbx { display: flex; align-items: center; position: relative; } .searchwrapbx .searchfrmbox { width: 30px; opacity: 0; background-color: transparent; border-bottom: 1px solid #fff; position: relative; z-index: 9999; transition: all 0.5s ease-in-out; } .searchwrapbx .searchfrmbox:hover { width: 100%; opacity: 1; transition: all 0.5s ease-in-out; } .searchwrapbx .searchfrmbox .is-form-style input.is-search-input { background-color: transparent !important; border: none !important; color: #fff; padding-left: 26px; font-size: 15px !important; } .searchwrapbx .searchfrmbox .is-form-style input.is-search-input::placeholder { color: #fff !important; } */ /* top header new 07-08-2023 */ header { z-index: 999999 !important; position: relative; padding: 0 !important; } header .top-bar { padding: 11px 0 !important; background-color: #3c3c3c !important; transition: all 0.5s ease-in-out; overflow: hidden; } header.sticky .top-bar { padding: 3px 0 !important; transition: all 0.5s ease-in-out; } .top-bar-right { display: flex; align-items: center; justify-content: end; position: relative; z-index: 9; } .top-bar-right li a { display: inline-flex; justify-content: center; align-items: center; gap: 6px; padding: 0 20px; } .top-bar-right li a p { margin: 0; } .top-bar-right li a { display: inline-flex; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; } /* .catalog-btn { background: linear-gradient(#1a3362,rgb(42, 67, 115)); margin: 3px; padding: 8px 20px !important; border-radius: 11px 0px 11px 0; text-align: center; text-decoration: none; box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.64); width: 100%; position: relative; transition: all 0.5s ease-in-out; } */ .catalog-btn { overflow: hidden; background: linear-gradient(#1a3362,rgb(42, 67, 115)); margin: 3px; padding: 10px 20px !important; border-radius: 0; text-align: center; text-decoration: none; box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.64); width: 100%; position: relative; transition: all 0.5s ease-in-out; } .catalog-btn span:nth-child(2) { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background: linear-gradient(to right, #161618, #fff); animation: animate1 2s linear infinite; } @keyframes animate1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .catalog-btn span:nth-child(3) { position: absolute; top: 0; right: 0; height: 100%; width: 2px; background: linear-gradient(to bottom, #161618, #fff); animation: animate2 2s linear infinite; animation-delay: 1s; } @keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } .catalog-btn span:nth-child(4) { position: absolute; bottom: 0; right: 0; width: 100%; height: 2px; background: linear-gradient(to left, #161618, #fff); animation: animate3 2s linear infinite; } @keyframes animate3 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } .catalog-btn span:nth-child(5) { position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: linear-gradient(to top, #161618, #fff); animation: animate4 2s linear infinite; animation-delay: 1s; } @keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } header.sticky .top-bar .catalog-btn, header.sticky .top-bar .concept-btn { padding: 5px 16px !important; transition: all 0.5s ease-in-out; } /* .catalog-btn:hover, .catalog-btn:focus { color:#fff; background:#000 } */ /* .catalog-btn::after { content:''; width:30px; height:30px; border-radius:100%; border:2px solid #00ffcb; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); animation:ring 1.5s infinite; z-index: -1; } */ @keyframes ring { 0% { width:30px; height:30px; opacity:2 } 100% { width:200px; height:200px; opacity:0 } } .search-wrap .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp { background: transparent; padding: 0; border-radius: 0; } .search-wrap .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { padding: 0px 0px 0px 35px !important; line-height: 24px; font-size: 15px; border: none; border-radius: 0; background-color: transparent; border-bottom: 1px solid #dfdfdf; color: #fff !important; } .search-wrap .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:hover, .search-wrap .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus { background-color: transparent !important; } .search-wrap .dgwt-wcas-search-submit { margin: 0 !important; left: 0 !important; top: 0 !important; } .search-wrap .dgwt-wcas-search-submit svg { margin: 0 !important; } .search-wrap .dgwt-wcas-search-submit svg path, .search-wrap .dgwt-wcas-preloader.dgwt-wcas-close svg path { fill: #dfdfdf !important; } #pr-close { display: none; } .mob-v { display:none!important } .concept-btn { position:relative; display:flex!important; justify-content:center!important; align-items:center!important; background:transparent; color:#fff; border:1px solid #fff; border-radius:8px 0 8px 0; transition:0.2s ease-in-out; padding: 9px 16px !important; margin-right: 8px; } .concept-btn p { animation:typing 4s steps(12) infinite; display:inline-block; overflow:hidden; white-space:nowrap } @keyframes typing { 0% { width:0 } 50% { width:100% } 55%, 65%, 75% { opacity:1 } 60%, 70% { opacity:0 } 80% { width:100% } 100% { width:0 } } @media (max-width: 991px) { .top-bar-right li:last-child a p {display: none;} .des-v {display: none !important;} .mob-v{display: unset !important;} .top-bar-right li {margin: 0 !important;} .top-bar a span {margin-left: 0 !important;} .search-wrap .dgwt-wcas-search-form {max-width: unset; padding-top: 5px;} .top-bar-right li a {padding: 0 12px;gap: 5px;} .search-wrap .dgwt-wcas-search-wrapp {max-width: unset;min-width: unset;} } @media (max-width: 767.98px){ .loc-man-box {width: 47% !important;} #pr-close {display: block;} } @media (max-width: 480px) { .top-bar-right li a {font-size: 11px;padding: 4px 16px !important;} .uploadconcept i {width: 20px;height: 20px;display: inline-flex;justify-content: center;align-items: center;padding: 0;} .catalog-btn {padding: 4px 13px !important;} header .top-bar {padding: 7px 0 !important;} .search-wrap .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {padding: 0px 0px 0px 25px !important;font-size: 12px;} } /* top header new 07-08-2023 */ /* ---------- Send Your Ideas ------------------- */ .uploadconcept{display: inline-block; position: relative; color: #fff; text-decoration: none;} .uploadconcept i{ background: #fff; padding: 5px; color: #002c5d; border-radius: 50%; width: 24px; height: 24px; text-align: center;} .uploadconcept:hover{ color: #f9f9f9;} .arrow {position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); transform: rotate(-90deg); cursor: pointer; } .arrow span {display: block;width: 1.5vw; height: 1.5vw; border-bottom: 3px solid #ffffffa8; border-right: 3px solid #ffffffb5; transform: rotate(45deg);margin: -10px; animation: animate 2s infinite;} .arrow span:nth-child(2) {animation-delay: -0.2s;} .arrow span:nth-child(3) {animation-delay: -0.4s;} @keyframes animate { 0% { opacity: 0; transform: rotate(45deg) translate(-20px, -20px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg) translate(20px, 20px); } } @media (max-width: 480px) { .uploadconcept{ font-size: 11px !important;} .arrow span {width: 4vw; height: 4vw; } .arrow{ top: 60%;} } /* ---------- Send Your Ideas End------------------- */ /* ---------- 21-09-2023 ------------------- */ .uni-btn { font-weight: 500; font-size: 14px; line-height: 15px; text-align: center; text-transform: capitalize; color: #fff; background: var(--clr-accemt); border-radius: 0; display: inline-block; padding: 10px 20px; text-decoration: none; border: 1px solid transparent; transition: all 0.5s ease-in-out; margin-top: 12px; } .uni-btn:hover { background-color: transparent; border: 2px solid var(--clr-primary); color: var(--clr-primary); transition: all 0.5s ease-in-out; } /* private label new */ .private-label-content .custom-paragraph p { font-family: 'Roboto', sans-serif; color: #333; font-size: 16px; line-height: 30px; } .private-label-content .heading > * { font-weight: 700; font-size: 26px; line-height: 39px; text-transform: capitalize; color: #002c5d; text-align: center; width: 55%; margin: 0 auto; } .private-label-content .heading { margin-bottom: 32px; } .private-label-content .media .images { display: flex; position: relative; z-index: 9; padding-bottom: 32px; } .private-label-content .media img { width: 100%; filter: invert(0) grayscale(1); } .private-label-content .media .images .pl-image-2 { position: absolute; z-index: 10; width: 240px; height: 250px; object-fit: cover; right: 0; bottom: 0; } .private-label-content .media .images .pl-image-1 { padding-right: 45px; } .private-label-content .media .video img { height: 300px; object-fit: cover; } .private-label-content .media .video { position: relative; z-index: 1; } .private-label-content .media .video .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; width: 100%; height: 100%; z-index: 2; color: #fff; align-items: center; justify-content: center; font-size: 70px; } .private-label-main [class^="col-lg-"]:not(:last-child) .private-label-content { margin-bottom: 40px; } .custom-pad { padding: 70px 0; } .private-label-content .custom-paragraph p a { color: var(--clr-accemt); font-weight: 500; } .private-form .form-control::placeholder { color: rgba(230, 230, 230, 0.75); } /* private label new */ /* 25-09-2023 */ .custom-header.sticky { position: fixed; top: 0; left: 0; width: 100%; } .custom-header.sticky .bottom-bar { padding: 8px 0; } .tagged_as a { display: inline-block; background-color: #f5f5f5; font-size: 13px; padding: 10px 15px; color: #002c5d; text-decoration: navajowhite; text-transform: capitalize; font-weight: 500; border-radius: 2px; margin: 0 6px; transition: all 0.5s ease-in-out; } .tagged_as a:hover { background-color: var(--clr-accemt); color: #fff; transition: all 0.5s ease-in-out; } .p-detail .entry-summary span.posted_in a:hover { background-color: var(--clr-accemt); color: #fff; transition: all 0.5s ease-in-out; } .p-detail .entry-summary p a { color: var(--clr-primary); } .p-detail .entry-summary p a:hover { color: var(--clr-accemt); } .tagged_as { padding-bottom: 16px; display: inline-block; } /* 25-09-2023 */