#home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:1600px; margin:auto; background:#f7f3f3; } .maze-box{ width:22.3%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:80%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32.4%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:80%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 25px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } @media all and (max-width:2560px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:1600px; margin:auto; background:#f7f3f3; } .maze-box{ width:24.3%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:80%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32.4%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:80%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 25px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:2048px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:1600px; margin:auto; background:#f7f3f3; } .maze-box{ width:24.3%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:80%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32.4%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:80%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1920px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:1600px; margin:auto; background:#f7f3f3; } .maze-box{ width:22.3%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:80%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32.4%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:80%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 25px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1600px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:90%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:80%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32.4%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:80%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1536px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:90%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:80%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32.4%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:80%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1440px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:90%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:32%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 16px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 16px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1366px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:90%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:31.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:47.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1280px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:90%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 38px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:31.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 38px; font-size: 20px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1232px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 38px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:31.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 40px; font-size: 20px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1112px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:24%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 38px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:31.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 38px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:80%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:1024px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:32%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:31.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:95%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:991px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:32%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:350px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:470px; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:31.8%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:500px; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:48.5%; height:352px; background-color:transparent; margin-left: 10px; margin-top:25px; float:left;} .diverse__box{ height:350px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:95%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:834px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:450px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:447px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:447px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 22px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:800px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:450px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:447px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:447px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 20px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:768px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:450px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:447px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:447px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:767px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:450px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:447px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:447px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:736px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:403px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:400px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:400px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:720px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:400px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:397px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:397px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:684px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:400px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:397px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:397px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:667px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:48%; height:400px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:397px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:397px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 45px; font-size: 22px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:48%; height:352px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:220px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:600px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:47.5%; height:370px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 18px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:20px; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:568px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:95%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:47.5%; height:370px; background-color:transparent; margin-left: 10px; margin-top:10px; float:left; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 18px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:20px; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: center; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:480px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 34px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:240px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:240px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:240px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 33px; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:414px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 16px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 33px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:280px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:280px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:280px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 16px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:412px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 33px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:280px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:280px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:280px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 30px; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:411px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 22px; font-weight: bold; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:380px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:380px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:380px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 35px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:280px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:280px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:280px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 15px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:384px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 20px; font-weight: 500; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 14px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:100%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:80%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:280px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:280px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:280px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: auto; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:375px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 20px; font-weight: 500; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 14px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 35px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:100%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:280px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:280px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:280px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: auto; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding:10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 22px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 15px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:360px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 20px; font-weight: 500; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 14px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:370px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:367px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:367px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:240px; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 30px; font-size: 16px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 22px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 16px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:300px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:300px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:300px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 10px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 18px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 16px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } } @media all and (max-width:320px) { #home-content { width: 100%; height: 100%; margin: 0 auto; margin-bottom: -1px; padding-bottom: 1px; background-color: #000; } #__slider__wrap { width: 100%; height: 100%; margin-top: 0px; } .__slider__class{width:100%; height:100%; } #service-section-block{ width:100%; height:100%; background-color:#fff; } .home-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .services-section { width: 100%; margin: auto; } .services-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .services-section-title h1 { font-size: 20px; font-weight: 500; text-align: center; color: #090e00; } .services-section-para { width:100%; font-size: 14px; line-height:22px; text-align: justify; color: #000; margin:auto; } .services-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .service-container{ width:100%; margin:auto; background:#f7f3f3; } .maze-box{ width:100%; height:340px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none; } .services__box{ height:337px; background: #adf5bf; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box:hover{ height:337px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius:5px; cursor:pointer; overflow:hidden; } .services__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .services__box__img figure img{ transition: transform 400ms; transform: scale(1); } .services__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .services__box__content{ width: 100%; height: auto; } .services__box__title{ width: 100%; height: 35px; font-size: 18px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: -webkit-linear-gradient(0deg, #000000, #000000, #0c0c0b); background-image: linear-gradient(0deg, #000000, #000000, #0c0c0b); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .services__box__des{ width: 100%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #what-different-block{ width:100%; height:100%; } .home-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FA8BFF; background-image: linear-gradient(30deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diff-section { width: 100%; margin: auto; } .diff-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diff-section-title h2 { font-size: 22px; font-weight: 500; text-align: center; color: #090e00; } .diff-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diff-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .advantageCardList{width:100%; height:352px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diff__box{ height:350px; background: #f7f7f7; color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diff__box:hover{ height:350px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diff__box__img{ width:100%; height:auto; overflow:hidden; cursor: pointer;} .diff__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diff__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diff__box__content{ width: 100%; height: auto; } .diff__box__title{ width: 100%; height: 30px; font-size: 14px; font-weight: bold; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 8px; } .diff__box__des{ width: 100%; height: auto; font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } .diff__box__des:hover{ width: 100%; height: auto; font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; color:#000; } #diversified-block{ width:100%; height:100%; } .diversified-diff-block{ width:95%; height:100%; background-color:#fff; background-color: #FBDA61; background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .diverse-section { width: 100%; margin: auto; } .diverse-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .diverse-section-title h2 { font-size: 16px; font-weight: bold; text-align: center; color: #090e00; } .diverse-section-para { width:90%; font-size: 15px; line-height:22px; text-align: center; color: #000; margin:auto; } .diverse-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .SolutionsCardList{width:100%; height:300px; background-color:transparent; margin-left: 0px; margin-top:10px; float:none;} .diverse__box{ height:300px; background: #fff; color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius:20px; cursor:pointer; overflow:hidden; } .diverse__box:hover{ height:300px; background: #fff; color:#000; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden; } .diverse__box__img{ width:100%; height:100px; overflow:hidden; cursor: pointer; margin-left:10px; padding:10px; margin-top:10px; } .diverse__box__img figure img{ transition: transform 400ms; transform: scale(1); } .diverse__box__img figure:hover img{ -webkit-transform: scale(1.3);transform: scale(1.3); } .diverse__box__content{ width: 100%; height: auto; margin-top:-30px; margin-left:10px; } .diverse__box__title{ width: 95%; height: auto; font-size: 14px; font-weight: 500; color: #000000; background-color: #a48360; background-image: -moz-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: -webkit-linear-gradient(0deg, #a48360, #dfcaa9, #dfcaa9); background-image: linear-gradient(0deg, #a48360, #c99219, #dfcaa9); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: 'Poppins', sans-serif; padding: 10px; margin-top:-30px; } .diverse__box__des{ width: 90%; height: auto; font-size: 15px; font-family: "Quicksand", sans-serif; font-weight: normal; margin-top: -6px; padding: 8px; text-align: justify; letter-spacing: 0px; line-height:20px; } .diverse__h2 h2{ height:50px; font-size: 18px; font-weight: 500; color:#000; background: linear-gradient(90deg, rgba(140, 51, 255, 1), rgba(255, 78, 226, 1)); -webkit-background-clip: text; background-clip: text; color: transparent; padding:10px; } .d2-btn{ width:auto; background-color:#000; Color:#fff !important; padding:10px; margin-left:10px; } #connect-section-block{ width:100%; height:100%; background-color:#fff; } .connect-services-block{ width:100%; height:100%; background-color:#fff; padding: 0 10px 10px; margin:auto; margin-top:10px; margin-bottom:10px; border-radius:20px; overflow:hidden;} .connect-section { width: 100%; margin: auto; } .connect-section-title { width:100%; height:auto; background-color:transparent; margin-top:10px; } .connect-section-title h2 { font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 500; text-align: center; color: #002662; } .connect-section-para { width:100%; font-size: 14px; line-height:22px; text-align: justify; color: #000; margin:auto; margin-bottom:20px; } .connect-section-para p { font-family: "Poppins", sans-serif; font-weight: 500; } .e2-btn{ width:auto; background-color:#235ab3; Color:#fff !important; padding:10px; margin-left:0px; margin-top:0px; border-radius:5px; } }