/* ---------------------------- about us page ------------------------------ */ .aboutUs_page {background: #ffffff;} .aboutUs_page .about-us-head.section_block {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 586px;padding-top:150px;background: url('../../../images/clickdealer/about-us/head-about-us-img.jpg')no-repeat center ;background-size:cover;} .aboutUs_page .about-us-head .section_heading {color: #ffffff;padding: 0;} .aboutUs_page .about-us-head .page_slogan {color: #ffffff;font-size: 27px;padding-top: 35px;} .about-us-head.section_block .page_title {margin:0;} .about-us-head.section_block .page_title_in {padding: 0;} .aboutUs_page ul,ol {list-style-type: none;padding: 0;} .aboutUs_page li {list-style: none;} @media screen and (max-width: 1080px){ .aboutUs_page .about-us-head.section_block {height: 430px;padding-top: 65px;padding-bottom: 65px;} } @media screen and (max-width: 768px){ .aboutUs_page .about-us-head.section_block {height: auto; padding-top: 130px;padding-bottom: 120px;display: block;} .about-us-head .section_heading {font-size: 48px;} .aboutUs_page .about-us-head .page_slogan {padding-top: 25px;font-size: 24px;line-height: 1.2;} } /* about-our-story -----------------------------------*/ .about-our-story.section_block {overflow:hidden; background: url('../../../images/clickdealer/about-us/about-our-story-bg.jpg') no-repeat right -272px bottom -463px;} .about-our-story .section_heading {text-align: left; padding-top: 5px;padding-bottom: 0;} .about-our-story .our-story-description {margin-top: 50px;padding-bottom: 29px;} .about-our-story .our-desc-row {position: relative;} .about-our-story svg {display: block;width: 100%;} .about-our-story .our-desc-text {width: 100%; max-width: 500px; position: relative;z-index: 1;} .about-our-story .our-desc-img img {display: block;} .about-our-story .our-story-text {font-size: 18px;line-height: 30px;color: #656c71;text-align: justify;margin-bottom: 10px;} @media screen and (max-width: 1450px){ .about-our-story.section_block {background-size: 1500px auto;background-position: right -350px bottom -400px;} } @media screen and (max-width: 1200px){ .about-our-story.section_block {background-size: 1200px auto;background-position: right -250px center;} } @media screen and (max-width: 1024px){ .about-our-story.section_block {padding-top: 55px; padding-bottom: 65px;} .about-our-story .section_heading {text-align: center;} .about-our-story .our-story-description {margin-top: 40px;padding-bottom: 0;} .about-our-story .our-desc-text {margin: 0 auto;} } @media screen and (max-width: 768px){ .about-our-story.section_block {background-size: 1000px auto;background-position: right -200px center;} .about-our-story .section_heading {font-size: 28px;} .about-our-story .our-story-text {font-size: 16px;line-height: 25px;} } @media screen and (max-width: 600px){ .about-our-story.section_block {background-size: 750px auto;background-position: right -140px center;} } @media screen and (max-width: 420px){ .about-our-story.section_block {padding-bottom: 30px;background-position: right -230px center;} } @media screen and (max-width: 375px){ .about-our-story.section_block {background-size: 900px auto;background-position: right -440px center;} } /* about-our-story -----------------------------------*/ /* industry-acclaimed -----------------------------------*/ .industry-acclaimed.section_block {padding-bottom:240px;background-size: cover; background: url('../../../images/clickdealer/about-us/industry-acclaimed-bg.png') no-repeat right top ,#735fae; background: url('../../../images/clickdealer/about-us/industry-acclaimed-bg.png'), -webkit-linear-gradient(top, #735fae 0%,#1dccad 100%);background: url('../../../images/clickdealer/about-us/industry-acclaimed-bg.png'), -webkit-gradient(linear, left top, left bottom, from(#735fae),to(#1dccad));background: url('../../../images/clickdealer/about-us/industry-acclaimed-bg.png'), -o-linear-gradient(top, #735fae 0%,#1dccad 100%);background: url('../../../images/clickdealer/about-us/industry-acclaimed-bg.png'), linear-gradient(to bottom, #735fae 0%,#1dccad 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735fae', endColorstr='#1dccad',GradientType=0 ); background-repeat: no-repeat;background-position: right top;background-size: cover;} .industry-acclaimed .section_heading {color: #ffffff;padding-top: 7px; padding-bottom: 51px;} .industry-acclaimed .sub_heading {color: #ffffff;font-size: 18px;line-height: 30px;} /* slick begin */ .industry-acclaimed .about-rewards-slider {width: 100%;max-width: 1850px;margin:0 auto;position: relative;margin-top: 120px;} .industry-acclaimed .timeline-wrapper {padding: 0 30px;height: 174px;display: -webkit-box;display: -ms-flexbox;display: flex;} .industry-acclaimed .timeline-block {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;} .industry-acclaimed .timeline-block a {text-decoration: none;} .industry-acclaimed .timeline-block a:hover {text-decoration: underline;} .industry-acclaimed .timeline-list {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;list-style-type: none;padding: 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-item-align: stretch;align-self: stretch;position: relative;padding-bottom: 18px;z-index: 3;} .industry-acclaimed .timeline-item {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;} .industry-acclaimed .timeline-item:after {content: "";width: calc(100% - 7px*3);height: 2px;margin-top: -1px;position: absolute;top: 50%;left: calc(50% + 7px);background: white;z-index: 5;pointer-events: none;} .industry-acclaimed .timeline-item:last-child:after {display: none;} .industry-acclaimed .timeline-item-active .timeline-item-point:after {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .industry-acclaimed .timeline-item-active .timeline-item-point, .industry-acclaimed .timeline-link:hover .timeline-item-point {-webkit-transform: translate(-50%, -50%) scale(1.4);-ms-transform: translate(-50%, -50%) scale(1.4);transform: translate(-50%, -50%) scale(1.4);background: #ffffff;} .industry-acclaimed .timeline-link {position: relative;display: block;padding: 10px 0;} .industry-acclaimed .timeline-item-point {width: 11px;height: 11px;position: absolute;border: 2px solid #ffffff;border-radius: 50%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 6;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .industry-acclaimed .timeline-item-point:after {content: "";display: block;width: 100%;height: 100%;background: white;position: absolute;top: 0;left: 0;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .industry-acclaimed .timeline-item-content { min-height: 90px;position: absolute;left: 50%;bottom: 100%;-webkit-transform: translate(-50%, -30px);-ms-transform: translate(-50%, -30px);transform: translate(-50%, -30px);opacity: .2;-webkit-transition: all 0.75s ease-out;-o-transition: all 0.75s ease-out;transition: all 0.75s ease-out;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .industry-acclaimed .timeline-item-content:after {border-top-color: #ffffff;-webkit-transform: translate(-50%, 0%) scale(0.8); -ms-transform: translate(-50%, 0%) scale(0.8); transform: translate(-50%, 0%) scale(0.8);-webkit-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;transform-origin: 50% 0%;} .industry-acclaimed .clippath .timeline-item-content:after {-webkit-box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.1);-webkit-clip-path: polygon(-2px -2px, calc(100% + 2px) -2px, 50% 100%);clip-path: polygon(-2px -2px, calc(100% + 2px) -2px, 50% 100%);} .industry-acclaimed .timeline-item-active .timeline-item-content {opacity: 1;} .industry-acclaimed .timeline-item-active .timeline-item-content .timeline-item-thumb{animation: timelineItem3dY 1.4s 1 ease-in-out;animation-fill-mode: forwards; transform-style: preserve-3d;transform-origin: center center;} @keyframes timelineItem3dX { 50% {transform: perspective(500px) rotateX(-250deg);} 80% {transform: perspective(500px) rotateX(-140deg);} 100% {transform: perspective(500px) rotateX(-360deg);} } @keyframes timelineItem3dY { 100% {transform: perspective(500px) rotateY(-360deg);} } .industry-acclaimed .timeline-item-year {position: absolute;top: 40px;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2;-webkit-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;opacity: 0;font-size: 18px;color: #ffffff;} .industry-acclaimed .timeline-item-active .timeline-item-year, .industry-acclaimed .timeline-link:hover ~ .timeline-item-year, .industry-acclaimed .timeline-item-content:hover ~ .timeline-item-year {font-size: 29px;font-weight: bold;} .industry-acclaimed .timeline-item:nth-child(2n + 1) .timeline-item-year, .industry-acclaimed .timeline-item-2019 .timeline-item-year {opacity: 1;} .industry-acclaimed .timeline-item-thumb {position: relative;z-index: 5; -webkit-transition: all 0.75s ease;-o-transition: all 0.75s ease;transition: all 0.75s ease;height: 72px;} .industry-acclaimed .timeline-path {position: absolute;top: 0;left: 25px;right: -30px;height: 100%;overflow: hidden;pointer-events: none;z-index: -1;background: rgba(255, 255, 255, 0.12);-webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);} .industry-acclaimed .timeline-path-triangle {display: block;position: absolute;border-style: solid;width: 0;height: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .industry-acclaimed .timeline-path-triangle-static-1, .industry-acclaimed .timeline-path-triangle-static-3, .industry-acclaimed .timeline-path-triangle-static-5 {top: 0;} .industry-acclaimed .timeline-path-triangle-static-2, .industry-acclaimed .timeline-path-triangle-static-4, .industry-acclaimed .timeline-path-triangle-static-6 {bottom: 0;} .industry-acclaimed .timeline-path-triangle-static-1 {border-width: 450px 260px 0 185px;border-color: rgba(255, 255, 255, 0.12) transparent transparent transparent;left: -4%;} .industry-acclaimed .timeline-path-triangle-static-2 {border-width: 0 225px 408px 225px;border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent;left: 8.5%;} .industry-acclaimed .timeline-path-triangle-static-3 {border-width: 400px 211px 0 245px;border-color: rgba(255, 255, 255, 0.12) transparent transparent transparent;left: 19.6%;} .industry-acclaimed .timeline-path-triangle-static-4 {border-width: 0 225px 400px 225px;border-color: transparent transparent rgba(255, 255, 255,0.12) transparent;right: 25.4%;} .industry-acclaimed .timeline-path-triangle-static-5 {border-width: 420px 230px 0 220px;border-color: rgba(255, 255, 255, 0.12) transparent transparent transparent;right: 14.3%;} .industry-acclaimed .timeline-path-triangle-static-6 {border-width: 0 225px 360px 225px;border-color: transparent transparent rgba(255, 255, 255,0.12) transparent;right: 3%;} .industry-acclaimed .timeline-path-triangle-static-7 {border-width: 360px 220px 0 210px;border-color: rgba(255, 255, 255, 0.12) transparent transparent transparent;right: -6%;} .industry-acclaimed .timeline-path-triangle-moving {position: absolute;border-width: 390px 225px 0 225px;border-color: rgba(255, 255, 255, 0.12) transparent transparent transparent;left: 0;top: 0;transition: -webkit-transform 3s ease-out;-webkit-transition: -webkit-transform 3s ease-out;-o-transition: transform 3s ease-out;transition: transform 3s ease-out;transition: transform 3s ease-out, -webkit-transform 3s ease-out;} .industry-acclaimed .views {display: none;} .industry-acclaimed .view-inner {text-align: center;padding-top: 10px; padding-bottom: 10px;} .industry-acclaimed .timeline-wrapper {position: absolute;z-index: 2;width: calc(100% - 80px);top: 100%;} .industry-acclaimed .slick-slide {outline: none;} .industry-acclaimed .slick-arrow {position: absolute;z-index: 3;top: 33%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;width: 40px;height: 40px;background: none;border: none;color: transparent;font-size: 0;outline: none;z-index: 3;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .industry-acclaimed .slick-arrow:before, .industry-acclaimed .slick-arrow:after {content: "";position: absolute;width: 21px;height: 2px;background-color: #fff;visibility: visible;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .industry-acclaimed .slick-next.slick-arrow:before, .industry-acclaimed .slick-next.slick-arrow:after {top: 50%;right: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;} .industry-acclaimed .slick-prev.slick-arrow:before, .industry-acclaimed .slick-prev.slick-arrow:after {top: 50%;left: 0;-webkit-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;} .industry-acclaimed .slick-next.slick-arrow:before {-webkit-transform: rotate(45deg) translateY(1px);-ms-transform: rotate(45deg) translateY(1px);transform: rotate(45deg) translateY(1px);} .industry-acclaimed .slick-next.slick-arrow:after {-webkit-transform: rotate(-45deg) translateY(-1px);-ms-transform: rotate(-45deg) translateY(-1px);transform: rotate(-45deg) translateY(-1px);} .industry-acclaimed .slick-prev.slick-arrow:before {-webkit-transform: rotate(45deg) translateY(-1px);-ms-transform: rotate(45deg) translateY(-1px);transform: rotate(45deg) translateY(-1px);} .industry-acclaimed .slick-prev.slick-arrow:after {-webkit-transform: rotate(-45deg) translateY(1px);-ms-transform: rotate(-45deg) translateY(1px);transform: rotate(-45deg) translateY(1px);} .industry-acclaimed .slick-prev {left: 11px;} .industry-acclaimed .slick-next {right: 12px;} /* slick end */ @media screen and (max-width:1550px) { .industry-acclaimed .timeline-item-thumb {max-height: 60px;} } @media screen and (max-width:1200px) { .industry-acclaimed .timeline-wrapper {height: 144px;} .industry-acclaimed .timeline-path {left: 0;} .industry-acclaimed .timeline-item-thumb {max-height: 50px;} .industry-acclaimed .timeline-item-content {-webkit-transform: translate(-50%, -12px); -ms-transform: translate(-50%, -12px); transform: translate(-50%, -12px);} .industry-acclaimed .timeline-item-active .timeline-item-content, .industry-acclaimed .timeline-link:hover + .timeline-item-content, .industry-acclaimed .timeline-item-content:hover { -webkit-transform: translate(-50%, -20px) scale(1.135); -ms-transform: translate(-50%, -20px) scale(1.135); transform: translate(-50%, -20px) scale(1.135);} } @media screen and (max-width: 1150px){ .industry-acclaimed.section_block {padding-top: 53px;padding-bottom: 50px;overflow:hidden;} .industry-acclaimed .section_heading {font-size: 30px;} .industry-acclaimed .section_heading + .sub_heading {font-size: 18px;padding: 0;text-align: justify;} .industry-acclaimed .about-rewards-slider {margin-top: 45px;} .industry-acclaimed .timeline-list {display: none;} .industry-acclaimed .timeline-path-triangle-static-3, .industry-acclaimed .timeline-path-triangle-static-4, .industry-acclaimed .timeline-path-triangle-static-5, .industry-acclaimed .timeline-path-triangle-static-6, .industry-acclaimed .timeline-path-triangle-static-7, .industry-acclaimed .timeline-path-triangle-moving {display: none} .industry-acclaimed .timeline-path-triangle-static-1 {border-width: 200px 100px 0 0;} .industry-acclaimed .timeline-path-triangle-static-2 {border-width: 0 80px 325px 170px; left: auto;right: -3%;} .industry-acclaimed .timeline-wrapper {height: 174px;bottom: 0;top: auto;width: 100%;padding: 0;z-index: 1;} .industry-acclaimed .timeline-path {-webkit-clip-path: none;clip-path: none;} .industry-acclaimed .views {display: block;position: relative;z-index: 2;} .industry-acclaimed .timeline-item-thumb {margin-left: auto;margin-right: auto;max-height: 100%; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .industry-acclaimed .view-inner .timeline-path-slide {height: 174px;overflow:hidden;margin-top: -33px;} .industry-acclaimed .timeline-path-pagination {height: 20px;position: relative;margin-top: 75px;margin-bottom: 12px;} .industry-acclaimed .timeline-path-pagination:before, .industry-acclaimed .timeline-path-pagination:after {content: '';position: absolute;height: 2px;background: #ffffff;top: 50%;} .industry-acclaimed .timeline-path-pagination:before {left: 0;right: 52%;} .industry-acclaimed .timeline-path-pagination:after {right: 0;left: 50%;} .industry-acclaimed .timeline-path-pagination span {display: block;position: absolute;left: 50%;top: 0; width: 20px;height: 20px;border-radius: 50%;background: #ffffff;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .industry-acclaimed .timeline-year {font-size: 28px;line-height: 1.1;color: #ffffff;font-weight: bold;} } @media screen and (max-width:768px) { .industry-acclaimed .timeline-path-pagination:before {right: 53%;} } @media screen and (max-width:500px) { .industry-acclaimed .timeline-path-pagination:before {right: 55%;} } /* industry-acclaimed -----------------------------------*/ /* package-services -----------------------------------*/ .package-services.section_block {padding-bottom: 40px;} .package-services * {-webkit-box-sizing: border-box;box-sizing: border-box;} .package-services .section_heading {padding-top: 5px;padding-bottom: 0;} .package-services .package-services-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 51px;} .package-services .package-services-i {width: 300px;min-height: 230px;margin-bottom: 50px;} .package-services .package-services-list .package-services-i:nth-child(4), .package-services .package-services-list .package-services-i:nth-child(5), .package-services .package-services-list .package-services-i:nth-child(6) {margin-bottom: 0;} .package-services .package-services-img {height: 79px; margin-bottom: 44px;position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .package-services .package-services-img img {display: block;margin: 0 auto;width: auto;} .package-services .package-services-icon {display: none; position: absolute;margin: 0 auto;left: 50%;bottom: 0;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);display: block;} .package-services .package-services-desc {font-size: 18px;line-height: 24px;color: #656c71;text-align: center;} @media screen and (max-width: 1024px){ .package-services.section_block {padding-top: 59px;padding-bottom: 80px;} .package-services .section_heading {font-size: 30px;} .package-services .package-services-i {width: 50%;padding-left: 20px;padding-right: 20px;} } @media screen and (max-width: 860px){ .package-services .package-services-list {margin-top: 56px; margin-bottom: 55px;display: block;} .package-services .package-services-i {width: 100%;max-width: 280px;margin: 0 auto;padding: 0;min-height: auto;} .package-services .owl-dots {width: 100%;text-align: center; position: absolute;top: 100%;left: 0;margin-top: 17px;} .package-services .owl-carousel button.owl-dot {margin-left: 6px;padding: 3px !important;} .package-services .owl-dot span {display: block;width: 9px;height: 9px;background: #656c71;border-radius: 50%;opacity: .3;} .package-services .owl-dots .owl-dot:first-child {margin-left: 0;} .package-services .owl-dots .owl-dot.active span {opacity: 1;} .package-services .owl-nav button {position: absolute;top: 48%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 30px;height: 30px;} .package-services .owl-nav button span {display: none;} .package-services .owl-nav button:before, .package-services .owl-nav button:after {position: absolute;content: ''; width: 21px;height: 2px;background-color: #6e7378;visibility: visible;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .package-services .owl-prev {left: -9px;} .package-services .owl-next {right: -9px;} .package-services .owl-prev:before, .package-services .owl-prev:after {top: 50%;left: 0;-webkit-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;} .package-services .owl-prev:before { -webkit-transform: rotate(45deg) translateY(-1px); -ms-transform: rotate(45deg) translateY(-1px); transform: rotate(45deg) translateY(-1px);} .package-services .owl-prev:after {-webkit-transform: rotate(-45deg) translateY(1px);-ms-transform: rotate(-45deg) translateY(1px);transform: rotate(-45deg) translateY(1px);} .package-services .owl-next:before, .package-services .owl-next:after {top: 50%;right: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;} .package-services .owl-next:before {-webkit-transform: rotate(45deg) translateY(1px);-ms-transform: rotate(45deg) translateY(1px);transform: rotate(45deg) translateY(1px);} .package-services .owl-next:after {-webkit-transform: rotate(-45deg) translateY(-1px);-ms-transform: rotate(-45deg) translateY(-1px);transform: rotate(-45deg) translateY(-1px);} } @media screen and (max-width: 480px){ .package-services .package-services-desc {font-size: 16px;line-height: 22px;padding-left: 18px;padding-right: 18px;} } /* package-services -----------------------------------*/ /* about-us-partners -----------------------------------*/ .about-us-partners.section_block {background: #dedede url('../../../images/clickdealer/about-us/partners-bg.png')no-repeat left top;padding-bottom: 27px;} .about-us-partners .section_heading {padding-top: 9px;padding-bottom: 46px;} .about-us-partners .about-partners-wrap {width: 100%;max-width: 1750px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px;padding-right: 10px;margin-top: 67px; margin-left: auto;margin-right: auto;} .about-us-partners .about-partners-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;} .about-us-partners .about-partners-list .partners-list-i {width: 14%;} .about-us-partners .about-partners-list .partners-list-icon {display: block; min-height: 90px; margin: 0 auto 70px;} .about-us-partners .about-partners-list .partners-list-icon:hover img {filter: grayscale(0);-webkit-filter: grayscale(0); filter: grayscale(0);opacity: 1;} .about-us-partners .about-partners-list img {opacity: .8; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); -webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;display: block;filter: grayscale(100%);-webkit-filter: grayscale(100%); filter: grayscale(100%);} .about-us-partners .about-partners-list .huawei-icon {width: 81px;height: 81px;} .about-us-partners .about-partners-list .ali-express-icon {width: 126px;height: 29px;} .about-us-partners .about-partners-list .adthink-icon {width: 132px;height: 25px;} .about-us-partners .about-partners-list .big-bang-ads-icon {width: 149px;height: 66px;} .about-us-partners .about-partners-list .uc-browser-icon {width: 66px;height: 76px;} .about-us-partners .about-partners-list .joom-icon {width: 124px;height: 27px;} .about-us-partners .about-partners-list .bemobi-icon {width: 130px;height: 45px;} .about-us-partners .about-partners-list .reimage-icon {width: 119px;height: 28px;} .about-us-partners .about-partners-list .tekka-icon {width: 150px;height: 48px;} .about-us-partners .about-partners-list .mr-green-icon {width: 95px;height: 76px;} .about-us-partners .about-partners-list .traffic-icon {width: 105px;height: 57px;} .about-us-partners .about-partners-list .jumia-icon {width: 121px;height: 25px;} .about-us-partners .about-partners-list .be-love-icon {width: 81px;height: 65px;} .about-us-partners .about-partners-list .gear-best-icon {width: 100px;height: 44px;} @media screen and (max-width: 1100px){ .about-us-partners.section_block {padding-top: 51px;padding-bottom: 157px;} .about-us-partners .section_heading {font-size: 30px;} .about-us-partners .section_heading + .sub_heading {font-size: 18px;padding: 0;text-align: justify;} .about-us-partners .sub_heading br {display: none;} .about-us-partners .about-partners-wrap {margin-right: 0;margin-left: 0;margin-top: 35px;} .about-us-partners .about-partners-list {display: block;} .about-us-partners .about-partners-list .partners-list-i {width: 100%;} .about-us-partners .about-partners-list .partners-list-icon {margin-bottom: 15px;min-width: 155px;} .about-us-partners .about-partners-list img {-webkit-filter: none;filter: none; width: auto;margin: 0 auto;} .about-us-partners .owl-dots {width: 100%;text-align: center; position: absolute;top: 100%;left: 0;margin-top: 40px;} .about-us-partners .owl-carousel button.owl-dot {margin-left: 6px;padding: 3px !important;} .about-us-partners .owl-dot span {display: block;width: 9px;height: 9px;background: #656c71;border-radius: 50%;opacity: .3;} .about-us-partners .owl-dots .owl-dot:first-child {margin-left: 0;} .about-us-partners .owl-dots .owl-dot.active span {opacity: 1;} .about-us-partners .owl-nav button {position: absolute;top: 45%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 30px;height: 30px;} .about-us-partners .owl-nav button span {display: none;} .about-us-partners .owl-nav button:before, .about-us-partners .owl-nav button:after {position: absolute;content: ''; width: 21px;height: 2px;background-color: #6e7378;visibility: visible;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .about-us-partners .owl-prev {left: 0px;} .about-us-partners .owl-next {right: 0px;} .about-us-partners .owl-prev:before, .about-us-partners .owl-prev:after {top: 50%;left: 0;-webkit-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;} .about-us-partners .owl-prev:before {-webkit-transform: rotate(45deg) translateY(-1px); -ms-transform: rotate(45deg) translateY(-1px); transform: rotate(45deg) translateY(-1px);} .about-us-partners .owl-prev:after {-webkit-transform: rotate(-45deg) translateY(1px);-ms-transform: rotate(-45deg) translateY(1px);transform: rotate(-45deg) translateY(1px);} .about-us-partners .owl-next:before, .about-us-partners .owl-next:after {top: 50%;right: 0;-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;} .about-us-partners .owl-next:before {-webkit-transform: rotate(45deg) translateY(1px);-ms-transform: rotate(45deg) translateY(1px);transform: rotate(45deg) translateY(1px);} .about-us-partners .owl-next:after {-webkit-transform: rotate(-45deg) translateY(-1px);-ms-transform: rotate(-45deg) translateY(-1px);transform: rotate(-45deg) translateY(-1px);} } /* about-us-partners -----------------------------------*/ /* about-us-news-instagram -----------------------------------*/ .about-us-news-instagram.section_block {padding-bottom: 43px;padding-top: 73px;} .about-us-news-instagram .section_heading {padding: 0;text-align: left;} .about-us-news-instagram .wrap {display: flex;justify-content: space-between; max-width: 1520px;width: 100%; padding-left: 15px;padding-right: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;} .about-us-news-instagram .news-section {max-width: 960px;width: 100%;} .about-us-news-instagram .about-news-list-wrap {margin-left:-22px;margin-right: -22px;} .about-us-news-instagram .about-news-list { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; flex-wrap: wrap; margin-top: 46px;} .about-us-news-instagram .news-list-i {width: 50%;padding: 0 22px;box-sizing: border-box;margin-bottom: 45px;} .about-us-news-instagram .news-list-i a {text-decoration: none;display: block;height: 100%;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);} .about-us-news-instagram .news-list-i img {display: block;width: 100%;} .about-us-news-instagram .news-list-img-holder {margin-bottom: 18px;position: relative;overflow:hidden;} .about-us-news-instagram .news-list-img-holder:before {content: '';position: absolute;left: -1px;top: -1px;right: -1px;bottom: -1px;z-index: 1;background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(110,64,157,1)), color-stop(100%, rgba(73,253,221,1)));background: -webkit-linear-gradient(325deg, rgba(110,64,157,1) 0%, rgba(73,253,221,1) 100%);background: -o-linear-gradient(325deg, rgba(110,64,157,1) 0%, rgba(73,253,221,1) 100%);background: linear-gradient(125deg, rgba(110,64,157,1) 0%, rgba(73,253,221,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e409d', endColorstr='#49fddd',GradientType=1 );-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;opacity: 0;} .about-us-news-instagram .news-item-description {padding-left: 18px;padding-right: 18px;padding-bottom: 25px;} .about-us-news-instagram .news-list-title {min-height: 50px; font-size: 22px;line-height: 25px;color: #81868a;font-weight: bold;margin-bottom: 20px;} .about-us-news-instagram .news-list-desc {font-size: 16px;line-height: 1.25;color: #81868a;} .about-us-news-instagram .news-list-i:hover .news-list-img-holder:before {opacity: .62;} .about-us-news-instagram .regular_btn {width: 80px;border:1px solid #ef7c47;color: #ef7c47;background: #ffffff;line-height: 31px;height: 31px;font-size: 14px;padding: 0 15px;} .about-us-news-instagram .regular_btn:hover {color: #ffffff; background: #ffbd3e;background: -webkit-linear-gradient(left, #ffbd3e 0%,#ee854f 100%);background: -webkit-gradient(linear, left top, right top, from(#ffbd3e),to(#ee854f));background: -o-linear-gradient(left, #ffbd3e 0%,#ee854f 100%);background: linear-gradient(to right, #ffbd3e 0%,#ee854f 100%);border: 0;line-height: 33px;height: 33px;} .about-us-news-instagram .news-section .section-header {display: flex;justify-content: space-between;align-items: center;} .about-us-news-instagram .section-header {border-bottom: 1px solid #b5b9bb;padding-bottom: 7px;} .about-us-news-instagram .instagram-section {width: 411px;/* min-width: 375px; */ margin-left: 30px;} .about-us-news-instagram .instagram-widget {margin-top: 46px;} .about-us-news-instagram .instagram-widget .widget-img-wrap {font-size: 0;text-align: center; /* display: flex;flex-wrap: wrap;justify-content: space-between; */ } .about-us-news-instagram .instagram-widget .pic {display: inline-block;width: 33.33%;height: auto;font-size: 0;} .about-us-news-instagram .instagram-widget .widget-footer {margin-top: 17px;text-align: center;} .about-us-news-instagram .instagram-widget .btn {border-radius: 4px;color: #fff;font-size: 14px;text-align: center;height: 34px;line-height: 34px;padding: 0 14px;} .about-us-news-instagram .instagram-widget .btn-follow-instagram {margin-left: 5px;background: #527fa6;} .about-us-news-instagram .instagram-widget .btn-follow-instagram i {margin-right: 7px;} @media screen and (max-width: 1600px){ .about-us-news-instagram .instagram-section {min-width: 320px;} } @media screen and (max-width: 1200px){ .about-us-news-instagram .about-news-list-wrap {margin-left: -12px;margin-right: -12px;} .about-us-news-instagram .news-list-i {padding-left: 12px;padding-right: 12px;} .about-us-news-instagram .news-list-title {font-size: 18px;line-height: 22px;min-height: 44px; margin-bottom: 15px;} .about-us-news-instagram .news-item-description {padding: 0 14px 20px;} } @media screen and (max-width: 1100px){ .about-us-news-instagram .wrap {display: block;} .about-us-news-instagram .about-news-list-wrap {margin-left: 0;margin-right: 0;} .about-us-news-instagram .instagram-section {min-width: auto;width: 100%;margin: 50px 0 0;} .about-us-news-instagram .instagram-widget .pic {width: 16.666%;} .about-us-news-instagram .news-section {max-width: 100%;width: 100%;} .about-us-news-instagram .news-list-i {margin: 0 auto 7px;} .about-us-news-instagram .owl-nav button span {display: none;} .about-us-news-instagram .news-section .owl-nav button:before, .about-us-news-instagram .news-section .owl-nav button:after {position: absolute;content: '';width: 21px;height: 2px;background-color: #6e7378;visibility: visible;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease;} .about-us-news-instagram .news-section .owl-prev:before {-webkit-transform: rotate(45deg) translateY(-1px);-ms-transform: rotate(45deg) translateY(-1px);transform: rotate(45deg) translateY(-1px);} .about-us-news-instagram .news-section .owl-prev:after {-webkit-transform: rotate(-45deg) translateY(1px); -ms-transform: rotate(-45deg) translateY(1px); transform: rotate(-45deg) translateY(1px);} .about-us-news-instagram .news-section .owl-prev {left: 0px;} .about-us-news-instagram .news-section .owl-next {right: 0px;} .about-us-news-instagram .news-section .owl-nav button {position: absolute;top: 45%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px;} .about-us-news-instagram .news-section .owl-prev:before, .about-us-news-instagram .news-section .owl-prev:after {top: 50%;left: 0;-webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%;transform-origin: 0 50%;} .about-us-news-instagram .news-section .owl-next:before, .about-us-news-instagram .news-section .owl-next:after {top: 50%;right: 0; -webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%;} .about-us-news-instagram .news-section .owl-next:before {-webkit-transform: rotate(45deg) translateY(1px);-ms-transform: rotate(45deg) translateY(1px);transform: rotate(45deg) translateY(1px);} .about-us-news-instagram .news-section .owl-next:after {-webkit-transform: rotate(-45deg) translateY(-1px);-ms-transform: rotate(-45deg) translateY(-1px);transform: rotate(-45deg) translateY(-1px);} .about-us-news-instagram .news-section .owl-dots {width: 100%; text-align: center;position: absolute; top: 100%; left: 0; margin-top: 8px; } .about-us-news-instagram .news-section .owl-carousel button.owl-dot {margin-left: 6px;padding: 3px !important;} .about-us-news-instagram .news-section .owl-dots .owl-dot:first-child {margin-left: 0;} .about-us-news-instagram .news-section .owl-dot span {display: block; width: 9px; height: 9px; background: #656c71;border-radius: 50%; opacity: .3;} .about-us-news-instagram .news-section .owl-dot.active span { opacity: 1;} } @media screen and (max-width: 1080px){ .about-us-news-instagram .wrap {margin:0;} } @media screen and (max-width: 1024px){ .about-us-news-instagram.section_block {padding-top: 60px;padding-bottom: 65px;} .about-us-news-instagram .section_heading {font-size: 30px;} } @media screen and (max-width: 1023px){ .about-us-news-instagram .instagram-section {margin-top:55px;} } @media screen and (max-width: 768px){ .about-us-news-instagram .news-list-title {font-size: 17px;line-height: 20px;min-width: 40px;} .about-us-news-instagram .news-list-desc {font-size: 15px;} } @media screen and (max-width: 640px){ .about-us-news-instagram .about-news-list {display: block;margin: 40px auto 0;} .about-us-news-instagram .news-list-i {width: 100%;max-width: 400px; margin:0 auto 25px;} .about-us-news-instagram .about-news-list .news-list-i:last-child {margin-bottom: 0;} .about-us-news-instagram .regular_btn {width: 70px;font-size: 13px;} .about-us-news-instagram .instagram-widget {margin-top: 40px;} .about-us-news-instagram .instagram-widget .pic {width: 25%;} } @media screen and (max-width: 490px){ .about-us-news-instagram .news-section .owl-nav {display: none;} .about-us-news-instagram .news-list-i {padding: 8px;} .about-us-news-instagram .instagram-widget .pic {width: 33.333%;} } /* about-us-news-instagram -----------------------------------*/ /* about-our-team -----------------------------------*/ .about-our-team.section_block {text-align: center; height: 360px; padding-top: 70px; background: url(../../../images/clickdealer/about-us/about-our-team-bg.jpg)no-repeat center; background-size: cover;} .about-our-team .section_heading {color: #ffffff;padding-bottom: 50px;} .about-our-team .regular_btn {height: 60px;line-height: 60px;font-size: 21px;width: 157px;} @media screen and (max-width: 1024px){ .about-our-team.section_block {height: auto;padding-top: 50px;padding-bottom: 55px;} .about-our-team .section_heading {padding-bottom: 30px;} .about-our-team .regular_btn {padding: 0 35px;} } /* about-our-team -----------------------------------*/ /* ---------------------------- about us page ------------------------------ */ @media (max-width: 1400px){ .bannerextra .hero-page-section { width: 100%; } .hero-page-section-info h2 { font-size: 50px !important; } .hero-page-section-info p { font-size: 18px ; } .hero-page-section.hero-page-section-aboutus { width: 100%; height: auto; } } @media (max-width: 1200px){ .bannerextra .hero-page-section { width: 100%; } .hero-page-section-info h2 { font-size: 50px !important; } .hero-page-section-info p { font-size: 18px ; } } @media (max-width: 992px){ .bannerextra .hero-page-section { width: 100%; } .hero-page-section-info h2 { font-size: 50px !important; } .hero-page-section-info p { font-size: 18px ; } .hero-page-section.hero-page-section-aboutus { width: 100%; height: auto; } } @media (max-width: 768px){ .hero-page-section-info{ margin: 0 10px; } .hero-page-section.hero-page-section-aboutus { width: 100%; height: auto; } } @media (max-width: 576px){ .hero-page-section.hero-page-section-aboutus { width: 100%; height: auto; } }