/****************Flash screen start****************/ .homepopupSectionWrapper{height:100vh !important;} .homepopupSectionWrapper .poupregioncolumnCenter{height: calc(100vh - 176px - 166px) !important;} .popupregionItem svg path{opacity:0.3} .popupregionItem:hover svg path {fill: #F7941D; opacity:1;} .popupregionItem .elementor-icon-box-title a{width:100%;} .popupregionItem:hover .elementor-icon-box-title a{color:#FFFFFF;} .popupregionItem .elementor-icon-box-wrapper, .popupregionItem .elementor-icon-box-wrapper * {position:static !important} .popupregionItem .elementor-icon-box-wrapper a:after{ content:""; position:absolute; left:0; top:0; height:100%; width:100%; display:block;} .popupSliderwrapper { height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important;} .popupSliderwrapper .slick-arrow {display:none;} .popupSliderwrapper .popupSliderItem {justify-content: center;align-items: flex-start; display: flex;} .popupSliderwrapper .slick-list, .popupSliderwrapper .slick-track, .popupSliderwrapper .popupSliderItem {height: 100% !important;} .homepopupSectionWrapper ul.slick-dots { position: absolute; bottom: 40px; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; width: 100%; z-index:1; } .homepopupSectionWrapper ul.slick-dots li {display: inline-flex; margin:0 8px; width: auto !important;} .homepopupSectionWrapper ul.slick-dots li button {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border:0; font-size:0; background:rgba(255, 255, 255, 0.5); height:8px; width:8px; border-radius:20px; padding:0; cursor:pointer} .homepopupSectionWrapper ul.slick-dots .slick-active button{width:29px; background:#F7941D;} .textRegionPara p{color: rgba(255,255,255,0.8) !important;} .textRegionPara p a{text-decoration: underline; color:#fff; font-weight:600;} .splash-screen02 {display: none;} .splash-hidden .splash-screen02 {display:none !important;} .splash-overflowHidden {overflow: hidden;} .splash-hidden .splash-overflowHidden{overflow: auto;} .mobilesplash.splash-overflowHidden {overflow: visible;} .mobilesplash.splash-overflowHidden .elementor-element:not(.splash-screen02):not(.splash-screen02 *) /*.home .elementor-element:not(.splash-screen02):not(.splash-screen02 *)*/ {display: none;} /* .home.splash-Hidden .elementor-element:not(.splash-screen02):not(.splash-screen02 *){ display:inherit; } */ @media(max-width:1199px){ .popupSliderwrapper .popupSliderItem .elementor-heading-title {position: absolute; margin-top: -200px; top: 50%; transform: translateY(-50%); left: 0; width: 100%; } .homepopupSectionWrapper .poupregioncolumnCenter{height:calc(100vh - 300px) !important;} } @media(max-width:991px){ .popupSliderwrapper .popupSliderItem .elementor-heading-title {margin-top: -80px;} } @media(max-width:767px){ .poupregioncolumnCenter{position: absolute !important; top: 0 !important; left: 0 !important; } .regionMobileSlider .slick-list { overflow: visible;} .popupSliderwrapper ul.slick-dots {position: fixed; z-index: 9; bottom:65px; display:none !important} .popupregionItem {width: 133px; margin: 0 5px; } .popupSliderwrapper .popupSliderItem .elementor-heading-title {position: absolute; margin-top: -98px; top: 50%; transform: translateY(-50%); left: 0; width: 100%; } .homepopupSectionWrapper ul.slick-dots {bottom: -30px; left: -15px;} .homepopupSectionWrapper, .homepopupSectionWrapper .poupregioncolumnCenter{height:100vh !important;} } @media(max-height: 650px){ .mobilesplash .homepopupSectionWrapper, .mobilesplash .homepopupSectionWrapper .poupregioncolumnCenter{height:150vh !important;} .mobilesplash .homepopupSectionWrapper, .mobilesplash .homepopupSectionWrapper .poupregioncolumnCenter {position: absolute;} } @media(max-height: 450px){ .mobilesplash .homepopupSectionWrapper, .mobilesplash .homepopupSectionWrapper .poupregioncolumnCenter{height:200vh !important;} } /****************Flash screen end****************/ .cpt-items-grid a::after {-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} .cpt-items-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;} .cpt-items-grid .img-block {display:block; width:100%;} .cpt-items-grid .img-block img {object-fit:cover; display:block; width:100%;} .cpt-items-grid h3 {position:absolute; left:0; bottom:35px; text-align:center; width:100%; display:block; z-index:2; color:var(--white) !important; padding:0 15px;} .cpt-items-grid .item a {position:relative; display:block;} .cpt-items-grid .img-block:after {content:""; height:100%; width:100%; position:absolute; top:0; left:0; z-index:1; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 46.94%, rgba(0, 0, 0, 0.7) 100%);} .cpt-items-grid a::after {content:""; opacity:0; visibility:hidden; position:absolute; border-radius:5px; left:0; top:0; height:100%; width:100%; display:block; background:rgba(19, 40, 60, 0.64) url(../images/arrow-yellow-industries.svg)no-repeat center center; background-size:100px; z-index:1;} .cpt-items-grid .item a:hover:after {opacity:1; visibility:visible;} .area-focus-slider {position:relative;} .area-focus-slider button.slick-arrow {box-shadow:none !important; padding:1px; border:1px solid #fff; width:67px; height:67px; border-radius:50% !important; cursor:pointer; background-color:transparent; -webkit-transition:all linear 0.2s; -o-transition:all linear 0.2s; transition:all linear 0.2s; position:absolute; top:0; right:0; z-index:9;} .area-focus-slider button.slick-arrow.slick-prev {right:87px;} .area-focus-slider button.slick-arrow svg {opacity:0.5; display:flex; margin:0 auto;} .area-focus-slider button.slick-arrow:hover {border-color:#F7941D; background-color:#F7941D;} .area-focus-slider button.slick-arrow:hover svg {opacity:1;} .area-focus-slider .elementor-image-box-content {padding:30px;} .area-focus-slider .elementor-image-box-title {padding-bottom:20px; margin-bottom:20px !important; position:relative;} .area-focus-slider .elementor-image-box-title:before {content:''; background:var(--e-global-color-secondary); width:100px; height:2px; display:block; bottom:0; position:absolute;} .area-focus-slider .area-focus-slide {display:flex !important;} .area-focus-slider .elementor-widget-image {width:57%;} .area-focus-slider .elementor-widget-image-box {width:calc(43% + 155px); margin-left:-155px;} .ngo-partner-ib .elementor-widget-image-box {margin-top:95px !important;} .ngo-partner-ib figure.elementor-image-box-img {width:160px !important; height:160px !important; display:flex !important; align-items:center; justify-content:center; margin:-80px auto 45px !important; box-shadow:0px 0px 8px 8px #5E778F45; border-radius:50%; background-color:var(--white); padding:10px; overflow:hidden;} .ngo-partner-ib figure.elementor-image-box-img img {max-width:80%; max-height:100%; height:auto; width:auto; object-fit:contain; display:block;} .ngo-partner-ib .slick-list {width:calc(100% + 12px);} .ngo-partner-ib .slick-track {display:flex !important;} .ngo-partner-ib .slick-slide {height:inherit !important; margin:0px 6px;} .ngo-partner-ib ul.slick-dots {list-style-type:none; display:flex; gap:12px; align-items:center; justify-content:center; padding-top:20px;} .ngo-partner-ib ul.slick-dots li {line-height:0px;} .ngo-partner-ib ul.slick-dots li button {width:10px !important; height:10px !important; font-size:0px !important; line-height:0px !important; border:0px !important; border-radius:10px !important; padding:0px; background-color:#C7C7C7; -webkit-transition:width 0.3s linear; -o-transition:width 0.3s linear; transition:width 0.3s linear;} .ngo-partner-ib ul.slick-dots li.slick-active button, ul.slick-dots li:hover button {width:25px !important; background-color:#f7941d;} .area-focus-slider .elementor-widget-image {background-image:url('/prakash-chemical/wp-content/themes/prakaschemical/images/slider-image-pattern.png'); padding:0px 30px 30px 0px; background-position:top 25px left 25px; background-repeat:no-repeat; background-size:cover;} .area-focus-slider .elementor-widget-image img {width:100% !important; border-radius: 20px;} .csr-gallery .gallery-filters {background-color:var(--white); padding:4px; border-radius:5px; display:flex; gap:10px; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; margin-left:auto; margin-right:0; max-width:60%; margin-bottom:80px;} .csr-gallery .gallery-filters button {padding:11px 15px !important; border:0px !important; font-size:14px !important; line-height:16px !important; background-color:transparent !important; color:#0D0D0D !important; cursor:pointer; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear} .csr-gallery .gallery-filters button:hover, .csr-gallery .gallery-filters .filter-button.active {color:var(--white) !important; background-color:var( --e-global-color-secondary ) !important;} .csr-gallery .custom-gallery-grid {gap:10px; display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:auto;} .csr-gallery .gallery-item {position:relative;} .csr-gallery .gallery-item img {height:100%; width:100%; object-fit:cover;} .csr-gallery .gallery-item.video-item a:before {content:"\e953"; font-family:elementskit !important; font-style:normal; font-weight:400; font-variant:normal; position:absolute; font-size:50px; bottom:15px; right:15px; color:var(--white);} .fancybox__toolbar .carousel__button, .fancybox__nav .carousel__button {background-color:transparent !important; padding:10px !important; cursor:pointer !important;} .fancybox__toolbar .carousel__button.fancybox__button--zoom {display:none !important;} .fancybox__thumbs .carousel__slide .fancybox__thumb {cursor:pointer !important;} .fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color:var(--white) !important; border-width:2px !important;} .is-active .wpc-search-clear-icon{ pointer-events: none; color: #999; cursor: not-allowed; text-decoration: none; } /**/ .recruitmentPreocess {position: relative; width: 360px; height: 360px;} .recruitmentPreocess::after, .recruitmentPreocess::before {content: ""; height: 100%; position: absolute; left: 0; width: calc(100% + 57px); display:block;} .recruitmentPreocess01:after {background: url(../images/round01.png)no-repeat; background-position: bottom left;} .recruitmentPreocess01:before {background: url(../images/vector.png)no-repeat} .recruitmentPreocess02:after {background: url(../images/vector02.png)no-repeat; background-position: bottom left;} .recruitmentPreocess02:before {background: url(../images/round02.png)no-repeat; left: 56px;} .recruitmentPreocess03:after {background: url(../images/round03.png)no-repeat; background-position: bottom left; left: 58px; top: 0px;} .recruitmentPreocess03:before {background: url(../images/vector03.png)no-repeat; } .round985 {opacity: 0.04; left: 47px !important; top: -434px !important; box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.75) !important; } .round819 {opacity: 0.06; left: 124px !important; top: -349px !important; box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.6) !important; } /*Scroll section on Loading page */ .scroll-contentwrap .elementor-image-box-description {padding-top: 20px; } .scroll-contentwrap .elementor-widget-image-box{transition:.6s ease; } .scroll-contentwrap .elementor-widget-image-box .elementor-image-box-title{height:60px; margin-bottom: 0px !important; display: flex; align-items: center; justify-content: start; position: relative; transition: 0.4s ease; } .scroll-datawrapper {position: relative; display: flex; } .scroll-imagewrap img {height: 540px; } .scroll-contentwrap {top:35px; } @media (min-width:768px) { /* Scrollbar section */ .scroll-contentwrap .elementor-widget-image-box.active .elementor-image-box-title {color:var(--e-global-color-secondary) !important; } .scroll-contentwrap .elementor-image-box-title:after, .scroll-contentwrap .elementor-image-box-title:before{position: absolute; } .scroll-contentwrap .elementor-image-box-title:after {content: ''; background-color: rgba(93, 99, 113, 0.08); right: 0; z-index: -1; width: 57px; height: 57px; border-radius: 50% } .scroll-contentwrap .elementor-image-box-title:before{/* content: "\e9c3"; */ content: "\e94a"; font-family: elementskit !important; font-style: normal; font-weight: 400; display:flex; align-items:center; justify-content:center; font-size:20px; line-height:100%; transform: rotate(-90deg); right: 19px; position: absolute; transition: 0.6s ease; color:#5D6371 !important; } .scroll-contentwrap .elementor-widget-image-box.active .elementor-image-box-title:before {transform: rotate(90deg); color:#ffffff !important; } .scroll-contentwrap .elementor-widget-image-box.active .elementor-image-box-title:after {background-color: #F7941D; } .main-scrollbar-wrap .content-progressbar{display:none; } .scroll-contentwrap .elementor-image-box-title {padding-right: 60px;} .scroll-contentwrap .elementor-image-box-img{display: none !important; } .scroll-contentwrap .elementor-image-box-description {overflow: hidden; max-height: 0; transition: max-height 0.5s ease; margin-top: 10px !important; } .scroll-contentwrap .elementor-widget-image-box{padding: 65px 0px; } .scroll-contentwrap .elementor-widget-image-box:not(:last-child){border-bottom: 2px solid rgba(93, 99, 113, 0.3); } .scroll-imagewrap {height: 100%; overflow: hidden; flex-direction: column; display: flex; border-radius: 20px; } .scroll-imagewrap img {border-radius: 20px; object-fit: cover; object-position: center; width: 100%; } .scroll-datawrapper:after {content: ''; width: 2px; height: 100%; background-color: rgba(93, 99, 113, 0.3); display: block; position: absolute; left: 0; right: 0; margin: 0 auto; } .scroll-contentwrap {overflow: hidden; display: flex; flex-direction: column; justify-content: center; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; position: sticky; } .scroll-datawrapper .elementor-widget-image-box .elementor-image-box-title{cursor: pointer;} } .trainingprogramsslider-main>.e-con-inner * {position: unset;} .trainingprogramsslider-main>.e-con-inner{position:relative;} .trainingprogramsslider-main>.e-con-inner button.slick-prev.slick-arrow {left:0px;} .trainingprogramsslider-main>.e-con-inner button.slick-next.slick-arrow{left: 90px;} .trainingprogramsslider .slick-arrow {cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; border: 2px solid #FFFFFF; background: transparent; height: 67px; width: 67px; position: absolute !important; bottom:70px;} .trainingprogramsslider .slick-arrow:hover {border-color: #F7941D; background: #F7941D;} .trainingprogramsslider .slideItem {box-shadow: 0px 4px 16.8px 0px rgba(0, 0, 0, 0.1); margin: 0 9px; padding: 26px; border-radius: 10px; background-color: #ffffff;} .trainingprogramsslider h3.elementor-image-box-title {margin-bottom: 20px; position: relative;} .trainingprogramsslider h3.elementor-image-box-title:after {content:"";width:70px;height:2px;display:block;background:rgba(93, 99, 113, 0.5);position:absolute;bottom: -10px;left: 0;} .trainingprogramsslider .slideItem img {width: 100% !important;} .trainingprogramsslider .slick-list{padding-right:30%;} /**/ .workwithusAccordion .e-n-accordion > .e-n-accordion-item{border-radius:5px; background: #EDF1F4; box-shadow: 0px 0px 5.9px 0px rgba(0, 0, 0, 0);} .workwithusAccordion .e-n-accordion > .e-n-accordion-item[open] {box-shadow: 0px 0px 5.9px 0px rgba(0, 0, 0, 0.25); background:#ffffff;} .workwithusAccordion .e-n-accordion-item-title {padding:20px !important; margin: 0 !important;} .workwithusAccordion .e-n-accordion .elementor-widget-text-editor {padding: 0 20px 20px;} .workwithusAccordion .e-n-accordion span.e-n-accordion-item-title-icon {background: #DDE0E5; height: 30px; width: 30px !important; justify-content: center; align-items: center; border-radius: 8px;} .career-item {border-bottom:1px solid #ddd;padding:30px;position: relative;} .career-header {display:flex; justify-content:space-between; align-items:center; padding-right: 60px; position:relative;} .career-toggle {height: 42px; width: 42px; border-radius: 2px; border: 1px solid #5D6371; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 7px; cursor:pointer; font-weight:600; font-size:16px;} .career-toggle span{height: 14px; width: 17px;} .career-toggle.active {background-color:#F7941D; border-color: #F7941D;} .career-toggle span.arrowDown, .career-toggle.active span.arrowUp {display: flex; align-items: center; justify-content: center;} .career-toggle span.arrowUp, .career-toggle.active span.arrowDown {display: none;} .career-content {display:none; margin-top:10px;} .career-meta {font-family: Inter;font-weight: 400;font-size: 14px;line-height: 26px;color: #0D0D0D;opacity: 0.8;margin: 5px 0 0;} .career-meta span:not(:last-child) {margin-right: 14px;position: relative;} .career-meta span:not(:last-child):after{content:"";height: 18px;width: 2px;display: block;background-color: #0D0D0D;opacity: 0.8;position: absolute;right: -9px;top: 0;} .career-pagination {margin-top:15px; text-align:center;} .career-pagination a {margin:0 5px; text-decoration:none; color:#5D6371; padding:4px 8px; border-radius:4px;} .career-pagination a.active {background:#F7941D; color:#ffffff;} .applujobBtn {min-width:135px;background: #F7941D;color:#ffffff;padding: 0 12px;border-radius: 2px;cursor:pointer;font-family: Inter; font-weight: 500;font-size: 14px;height: 42px;border: 1px solid #F7941D;line-height: 40px; display: flex; align-items: center; justify-content: center; gap: 10px;} .applujobBtn:hover{border: 1px solid #5D6371; background:transparent; color:#5D6371;} .applujobBtn:hover svg path{fill:#5D6371;} .career-popup {display:none; position:fixed; inset:0; z-index:9999;} .career-popup.active {display:flex; justify-content:center; align-items:center;} .popup-overlay {position:absolute; inset:0; background:rgba(0,0,0,0.5);} body.applujobBodyactive{overflow-y: hidden;} .popup-content {position:relative; background:#ffffff; padding:30px; width:500px; max-width:90%; border-radius:8px; z-index:10000;max-height: 85vh;overflow-y: auto;} .popup-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:25px;} .popup-close {cursor:pointer; font-size:30px; font-weight:bold;} .career-title {font-family: Inter; font-weight: 600; font-size: 20px; line-height: 100%; letter-spacing: 0px; vertical-align: middle; color: #0D0D0D;} .career-item.career-itemActive {background: #FFFFFF; box-shadow: 0px 8px 14.8px 0px rgba(0, 0, 0, 0.1);} .career-item{ border-radius:10px; border: 1px solid rgba(93, 99, 113, 0.13); backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.5); margin-bottom:18px;} .career-content {border-top: 1px solid rgba(0, 0, 0, 0.2); margin-top: 20px; padding-top: 30px;} .career-content p, .career-content li{font-family: Inter; font-weight: 400; font-size: 14px; line-height: 26px;} .career-content b, .career-content strong{font-family: Inter;font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: 0px;text-transform: capitalize;margin: 0 0 15px;display: block;} .career-content ul{padding-left: 15px; margin-bottom: 25px; } .jobApplyForm .form-item{ margin: 0 0 10px;} .jobApplyForm .row {display: block;margin: 0px;} .jobApplyForm .wpcf7-not-valid-tip{font-size:14px;} .jobApplyForm input {height: 45px; width: 100%; padding: 0 15px; border: 1px solid #e5e5e5;} .fileuploadRow input {opacity: 0; height: auto; } .fileuploadRow {position: relative;} .fileuploadRow span.wpcf7-form-control-wrap {height: 0px;} .jobApplyForm .fileuploadRow .form-item .fileUploadWrap{background-color: rgba(238, 238, 238, 0.2); border: 1px dashed rgba(93, 99, 113, 0.62); padding: 17px 15px;} .jobApplyForm .fileuploadRow .form-item input{padding:0px; background-color:transparent; text-align:center; visibility:hidden; opacity:0; /* height:0; */ /* width:0; */} .jobApplyForm .fileuploadRow .form-item>p{height:0;} .fileuploadRow .form-item {position: relative;} .fileuploadRow span.fileLabel {display: block; text-align: center; padding-top:10px; color: var(--e-global-color-primary); font-size: 12px; line-height: 12px;} .jobsearch-row .wpcf7-not-valid-tip {color: #dc3232;} .fileuploadRow span.wpcf7-form-control-wrap {position: unset;} .fileuploadRow span.wpcf7-not-valid-tip {display: block; position: absolute; bottom:3px; text-align: center; width: 100%;} .jobApplyForm .fileUploadWrap {text-align: center; cursor: pointer; } .jobApplyForm .fileUploadWrap p {display: flex; align-items: center; justify-content: center; color: var(--e-global-color-5D6371); font-size: 16px; line-height: 20px; font-weight: 400;padding-bottom: 10px;} .jobApplyForm .fileUploadWrap p.uploadtitle{gap: 10px; margin-bottom: 5px;} .jobApplyForm .fileUploadWrap p.lightText{color: rgba(93,99,113,0.6); font-size:14px; line-height:20px;} .jobApplyForm .form-item.submit-item {position: relative;} .jobApplyForm .form-item.submit-item span.wpcf7-spinner {position: absolute; top: 9px; right: 13px; margin: 0; } .applujobBodyactive{overflow:hidden;} .videoPopup > * {width: 100% !important; height: 100% !important;} .videoPopup {aspect-ratio: 16/9 !important;} .single .container-singel .elementor-image-gallery figure img {width: 100%;} .careerPopup{} .careerPopup .closeBtn a{color: #5D6371 !important; cursor: pointer !important;} .careerPopup .closeBtn a:hover { box-shadow: none !important; color: var(--e-global-color-primary) !important;} /* .careerPopup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); width: 90%; max-width: 600px; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1001; } .careerPopup.careerPopupActive {opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1);} body.careerPopupOpen::before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1000; backdrop-filter: blur(2px); } body.careerPopupOpen {overflow: hidden; } */ .careerPopup, .regionPopup {position: absolute; top: 0; left: 0%; background: #fff; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1001; } .careerPopup.careerPopupActive, .regionPopup.regionPopupActive {opacity: 1; visibility: visible;} .careerPopupItem .elementor-image-box-img a, .regionPopupItem .elementor-icon-box-icon a {display: block; background: rgba(93, 99, 113, 0.08); border-radius: 8px; border: 1.04px solid rgba(93, 99, 113, 0.24); position: relative; overflow:hidden;} .careerPopupItem .elementor-image-box-img a,.regionPopupItem .elementor-icon-box-icon a {position: relative;} .careerPopupItem .elementor-image-box-img a:after, .careerPopupItem .elementor-image-box-img a::before, .regionPopupItem .elementor-icon-box-icon a:after,.regionPopupItem .elementor-icon-box-icon a:before{content: ""; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; border-radius: 8px; opacity: 0; visibility: hidden; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;} .careerPopupItem .elementor-image-box-img a::before,.regionPopupItem .elementor-icon-box-icon a:before{height: 100%; display: block; background: rgba(19, 40, 60, 0.67); width: 100%; z-index: 1; left: 0;} .careerPopupItem .elementor-image-box-img a:after,.regionPopupItem .elementor-icon-box-icon a:after{z-index: 2; height: 50px; width: 50px; background-image: url(../images/arrow-menu.svg); background-size: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);} .careerPopupItem .elementor-image-box-wrapper:hover .elementor-image-box-img a:after, .careerPopupItem .elementor-image-box-wrapper:hover .elementor-image-box-img a:before, .regionPopupItem .elementor-icon-box-wrapper:hover .elementor-icon-box-icon a:after, .regionPopupItem .elementor-icon-box-wrapper:hover .elementor-icon-box-icon a:before{opacity: 1; visibility: visible;} .careerPopupItem .elementor-image-box-img a img {transform: scale(1.2);} .iconTopMenu .elementor-inline-item {cursor: pointer;} .regionPopup .regionPopupItem {width: 100% !important;} /* .regionPopupItem .elementor-icon-box-icon { border: 1.04px solid rgba(93, 99, 113, 0.24); padding: 7px; background: #F8F8F8; border-radius: 3px; } */ .regionPopupItem .elementor-icon svg{text-align: center;margin: 0 auto;} .regionPopupItem:hover .elementor-icon-box-icon svg path{fill:var(--e-global-color-secondary);} .regionPopupContent a{text-decoration:underline;} .regionPopupContent a:hover{color:#000 !important;} .mailBox01 .elementor-icon-box-description a{color: #5D6371;text-decoration: underline;} .mailBox01 .elementor-icon-box-description a:hover{color:#F7941D;} /*Single Product page*/ .headerProductBlock .row, .headerProductBlock .product_id_datalist, .headerProductBlock .imgBlock, .headerProductBlock .product_id_datalist li {-ms-box-orient:horizontal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .headerProductBlock .row>* {max-width:100%; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:0 15px;} .headerProductBlock .row {margin:0 -15px;} .headerProductBlock .col {width:50%;} .headerProductBlock {padding:58px 0;} .headerProductBlock h1.title {font-weight:600; font-size:36px; line-height:1.2; color:#FFFFFF; margin:0 0 20px;} .headerProductBlock .product_id_datalist {list-style:none; gap:16px;} .headerProductBlock .product_id_datalist li {border:1px solid rgba(93, 99, 113, 0.06); background:rgba(249, 249, 249, 0.13); padding:12px 18px; border-radius:5px; font-weight:600; font-size:16px; line-height:1; color:#FFFFFF; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-flex-direction:center; align-items:center;} .headerProductBlock .imgBlock {border:3px solid rgba(255, 255, 255, 0.15); background:#FFFFFF; width:160px; height:99px; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-flex-direction:center; align-items:center; float:right; border-radius:10px;} .single-productPage {background-image:none !important;} .productDetailsFAQ {background:#EDF1F4; padding:80px 0;} .productDetailsFAQ h2 {text-align:center; margin-bottom:40px} .productDetailsFAQ .faqItems {max-width:100%; margin:auto; padding: 0 176px;} .productDetailsBlock {padding:80px 0; background: url(../images/BG-1.png)no-repeat center center; background-size: cover;} .productDetailsBlock .row {-ms-box-orient:horizontal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -15px;} .productDetailsBlock .row>* {max-width:100%; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding:0 15px;} .headerProductBlock .row {margin:0 -15px;} .productRequestaQuote {background:#F7941D; color:#ffffff; padding:0 12px; border-radius:2px; cursor:pointer; font-family:Inter; font-weight:500; font-size:14px; height:42px; border:1px solid #F7941D; line-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:10px; margin-top:40px;} .productRequestaQuote:hover {border:1px solid #5D6371; background:transparent; color:#5D6371;} .productRequestaQuote:hover svg path {fill:#5D6371;} .productDetailsBlock .colDetails {width:75%;} .productDetailsBlock .colimage {width:25%;} .productDetailsBlock .detailsitems {border:1px solid rgba(93, 99, 113, 0.16); box-shadow:0px 4px 16.8px 0px rgba(0, 0, 0, 0.1); background:#FFFFFF; -ms-box-orient:horizontal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; padding:26px; border-radius:5px; height:100%;} .productDetailsBlock .imgBlock {display:flex; align-items:center; justify-content:center; min-height:355px; border-radius:5px; /*background:#C7C7C7; */} .chemicalformula {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: 600; font-size: 20px;} .chemicalformula b{ font-weight: 600; color:#F7941D;} .productDetailsBlock .itemcontents .e-n-accordion-item-title-icon i::before { font-family: elementskit !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productDetailsFAQ .item { padding:24px; cursor:pointer; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(93, 99, 113, 0.13); backdrop-filter: blur(20px); margin: 0 0 15px; border-radius: 10px;} .productDetailsFAQ .item.active{background: #FFFFFF;} .productDetailsFAQ .item i{display: flex; align-items: center; justify-content: center;} .productDetailsFAQ .item i::before { font-family: elementskit !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .productDetailsFAQ .headeritem {display:flex; justify-content:space-between; align-items:center;} .productDetailsFAQ .headeritem h3, .productDetailsFAQ .headeritem::before {font-family: Inter; font-weight: 500; font-size: 18px; color: #0D0D0D;} .productDetailsFAQ .itemcontents {display:none; padding-top:16px;} .productDetailsFAQ { /* Set "my-sec-counter" to 0 */ counter-reset: my-sec-counter; } .productDetailsFAQ .headeritem{position:relative; padding-left: 22px;} .productDetailsFAQ .headeritem::before { /* Increment "my-sec-counter" by 1 */ counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; position:absolute; left:0; top:4px; } .productDetailsFAQ .itemcontents .content{ font-family: Inter; font-weight: 400; font-size: 14px; line-height: 22px; color: #5D6371;} .productDetailsFAQ .item .e-n-accordion-item-title-icon {width: 31px; height: 31px; border-radius: 8px; padding: 0; background: rgba(93, 99, 113, 0.1); display:flex; justify-content:center; align-items:center;} .productDetailsFAQ .item.active .e-n-accordion-item-title-icon{background: #F7941D;} .productDetailsFAQ .item .e-closed{color: #6F6C8F; } .productDetailsFAQ .item .e-opened {display:none; color: #fff;} .productDetailsFAQ .item.active .e-opened {display:inline-block; } .productDetailsFAQ .item.active .e-closed {display:none;} .sp-cta{margin: 60px auto !important; padding: 0 15px;} .sp-cta .row{display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 0;} .sp-cta .row .col-6{width: 50%; padding: 0;} .sp-cta .container {border-radius: 20px; background:#f7941d; padding: 0; max-width: 1440px; width: 100%;} .sp-cta .content{padding: 55px 60px !important;} .sp-cta .content h2 {font-family: "Inter", Sans-serif; font-size: 35px; font-weight: bold; line-height: 40px; color: #FFFFFF; padding-bottom: 20px;} .sp-cta .content p {font-family: "Inter", Sans-serif; font-size: 18px; line-height: 22px; font-weight: 500; color: #FFFFFF; letter-spacing: 0.2px;} .sp-cta .singlePorductCTAMobileBG{background-position: top right !important; background-size: cover !important;} .sp-cta .singlePorductCTAMobileBG img{opacity: 0; visibility: hidden; float: right; width: 100%;} .sp-cta .singlePorductCTAMobileBG .ctaMobile{display: none;} .sp-cta .content .mailBox01Wrapper {width: 354px; background-color: #FFFFFF; margin: 40px 0 0; padding: 20px 20px 20px 20px; border-radius: 10px 10px 10px 10px; display: flex; column-gap: 20px; align-items: center;} .sp-cta .content .mailBox01Icon {width: 70px; height: 70px;} .sp-cta .content .mailBox01Icon svg{width: 100%; height: 100%;} .sp-cta .content .elementor-icon-box-content {width: calc(100% - 70px);word-wrap: break-word;} .sp-cta .content .elementor-icon-box-content h3.elementor-icon-box-title {font-family: Inter; font-weight: 600; font-size: 18px; color: #0D0D0D;} .sp-cta .content .elementor-icon-box-description a {font-family: Inter; font-weight: 400; font-size: 14px; line-height: 20px; text-decoration: underline;} .learngrowFlourishBlockItem {min-height: 340px;} .video-popup-open { overflow: hidden; } /***********************************Responsive***********************************/ @media (max-width:1599px) { .learngrowFlourishBlockItem {min-height: 375px;} } @media (max-width:1491px) { .scroll-imagewrap img {height: 500px !important; } .scroll-contentwrap .elementor-widget-image-box .elementor-image-box-title{height: 50px !important; } .scroll-contentwrap .elementor-image-box-title:after{width: 50px !important; height: 50px !important; } .scroll-contentwrap .elementor-image-box-title:before {font-size: 18px !important; right: 18px !important; } .sp-cta .container {max-width: 1200px;} .sp-cta .singlePorductCTAMobileBG {background-size: contain !important;} .sp-cta .content {padding: 35px 50px !important;} .productDetailsFAQ .faqItems {max-width:848px; padding: 0;} .area-focus-slider button.slick-arrow{ top: -17px; } } @media(max-width: 1366px) { .area-focus-slider .elementor-image-box-content {padding:25px;} .area-focus-slider button.slick-arrow {width:60px; height:60px;} .area-focus-slider button.slick-arrow.slick-prev {right:80px;} .area-focus-slider button.slick-arrow svg {width:16px;} .ngo-partner-ib .elementor-widget-image-box {margin-top:90px !important;} .ngo-partner-ib figure.elementor-image-box-img {width:150px !important; height:150px !important; margin-top:-75px !important;} .sp-cta .content {padding: 28px 40px !important;} .sp-cta .content h2 {font-size: 30px; padding-bottom: 17px;} .sp-cta .content p {font-size: 14px; line-height: 20px;} .sp-cta .content .mailBox01Wrapper {width: 347px; margin: 30px 0 0; padding: 14px;} .productDetailsFAQ .headeritem::before {top: 6px !important;} .area-focus-slider button.slick-arrow{top: 0px;} .trainingprogramsslider .slick-list {padding-right: 20%;} } @media(min-width: 1200px) {} @media(max-width: 1199px) { .area-focus-slider .elementor-image-box-content {padding:20px;} .area-focus-slider button.slick-arrow {width:55px; height:55px;} .area-focus-slider button.slick-arrow.slick-prev {right:70px;} .ngo-partner-ib .elementor-widget-image-box {margin-top:85px !important;} .ngo-partner-ib figure.elementor-image-box-img {width:142px !important; height:142px !important; margin-top:-70px !important;} .csr-gallery .custom-gallery-grid {grid-template-columns:repeat(3, 1fr);} .csr-gallery .gallery-filters {margin-right:auto; max-width:100%; margin-bottom:30px;} /**/ .scroll-contentwrap .elementor-image-box-title:after {width: 45px !important; height: 45px !important; } .scroll-contentwrap .elementor-image-box-title:before {font-size: 15px !important; right: 16px !important; } .scroll-contentwrap .elementor-image-box-title {padding-right: 50px !important; height: 50px !important; } .recruitmentPreocess {padding: 80px 30px !important;width: 245px;} .recruitmentPreocess:after, .recruitmentPreocess:before{transform:scale(0.7); width: calc(100% + 179px); } .recruitmentPreocess01:after {left: -63px;} .recruitmentPreocess01:before {left: -63px;} .recruitmentPreocess02:after {left: -52px;} .recruitmentPreocess02:before {left: -15px;} .recruitmentPreocess03:after {left: -10px;} .recruitmentPreocess03:before {left: -50px;} .trainingprogramsslider .slick-arrow {height: 56px; width: 56px; padding: 16px;} .productDetailsBlock .colDetails {width:80%;} .productDetailsBlock .colimage {width:20%;} .sp-cta .content .mailBox01Icon {width: 56px; height: 56px;} .sp-cta .content .elementor-icon-box-content{width: calc(100% - 56px);} .sp-cta .content .elementor-icon-box-content h3.elementor-icon-box-title {font-size: 16px;} .sp-cta .content .elementor-icon-box-description a {font-size: 13px;} .sp-cta .content .mailBox01Wrapper {width: 313px; margin: 30px 0 0; padding: 10px; column-gap: 13px;} .sp-cta .content h2 {font-size: 27px; padding-bottom: 7px;} .learngrowFlourishBlockItem { min-height: 405px; } } @media(max-width: 1024px) { .ngo-partner-ib .slick-list {padding-right:100px !important;} .career-meta{font-size: 13px;} .applujobBtn{font-size: 13px;height: 35px;} .career-toggle{top: 10px;height: 35px;} } @media(max-width: 991px) { .area-focus-slider .elementor-widget-image {width:100%;} .area-focus-slider .elementor-widget-image-box {width:100%; margin-left:0px;} .area-focus-slider button.slick-arrow {bottom:0; top:auto; left:50%; right:auto !important; margin:0 auto; transform:translateX(-50%);} .area-focus-slider .slick-list {padding-bottom:90px;} .area-focus-slider button.slick-arrow.slick-prev {left:calc(50% - 35px);} .area-focus-slider button.slick-arrow.slick-next {left:calc(50% + 35px);} .area-focus-slider .elementor-widget-image {background-image:none !important; padding:0px !important;} .area-focus-slider .elementor-widget-image img {height:350px; object-fit:cover; object-position:top;} /**/ .scroll-contentwrap .elementor-widget-image-box{padding: 50px 0px !important;} .scroll-imagewrap img {height: 420px !important;} .trainingprogramsslider .slideItem {padding: 15px;} .trainingprogramsslider .slick-list{padding-bottom: 80px;padding-right: 10%;} .trainingprogramsslider .slick-arrow {height: 56px; width: 56px; padding: 16px; bottom:40px; top:auto;} .trainingprogramsslider-main>.e-con-inner button.slick-prev.slick-arrow {left: 15px;} .productDetailsBlock .colDetails, .productDetailsBlock .colimage {width:100%;} .productDetailsBlock .row {flex-wrap:wrap-reverse;} .productDetailsBlock .imgBlock {min-height:1px; padding:50px 15px; margin-bottom:30px;} .headerProductBlock .product_id_datalist li {padding:10px 13px; font-size:13px;} .headerProductBlock h1.title {font-size:30px;} .productDetailsBlock, .productDetailsFAQ {padding:50px 0;} .sp-cta .row{flex-direction: column-reverse;} .sp-cta .row .col-6 {width: 100%;} .learngrowFlourishBlockItem {min-height: 1px;} .area-focus-slider .elementor-widget-image img {border-radius: 0px;} .career-headerBlock { width: 70%; } .career-toggle{ top: auto; } } @media (min-width: 768px) { .productDetailsBlock .itemcontents .content {display:block !important;} .productDetailsBlock .detailsitems ul {display:flex; list-style:none; padding:0; margin:0; flex-direction:column; width:230px; gap:10px;} .productDetailsBlock .detailsitems ul li {text-align:left; padding:10px; cursor:pointer; border-bottom:1px solid #FFFFFF; background:#EDF1F4; border-radius:5px; font-weight:500; font-size:16px; color:#5D6371; height:50px; display:flex; align-items:center;} .productDetailsBlock .detailsitems ul li.active {background:#F7941D; color:#ffffff;} .productDetailsBlock .itemcontents {display:none; padding:0 26px; width:calc(100% - 230px);} .productDetailsBlock .itemcontents.active {display:block;} .productDetailsBlock .itemcontents .itemcontentsHead{display: none;} } @media(max-width: 767px) { .area-focus-slider .elementor-widget-image img {height:auto;border-radius: 0px;} .csr-gallery .gallery-filters {background-color:transparent; padding:0px; width:100%; max-width:450px; position:relative;} .csr-gallery .gallery-filters button.filter-button {display:none !important;} .csr-gallery .gallery-filters .custom-dropdown {max-width:300px; font-family:sans-serif; user-select:none; margin-bottom:15px;} .csr-gallery .gallery-filters .custom-dropdown-selected {padding:12px 15px; border:none; border-radius:0px; cursor:pointer; background-color:var(--e-global-color-secondary); position:relative; width:100%; margin:0 auto; color:var(--white); font-size:14px; line-height:16px;} .csr-gallery .gallery-filters .custom-dropdown-selected::after {content:"\e994"; position:absolute; right:15px; top:50%; transform:translateY(-50%); font-size:12px; color:var(--white); font-family:elementskit !important; speak:none; font-style:normal; font-weight:400; font-variant:normal;} .csr-gallery .gallery-filters .custom-dropdown-options {list-style:none; padding:0; margin:0; border:none; border-top:none; max-height:300px; overflow-y:auto; background:var(--white); display:none; position:absolute; width:100%; z-index:100; top:100%; max-width:450px;} .csr-gallery .gallery-filters .custom-dropdown-options li {padding:10px 15px; cursor:pointer; font-size:14px; line-height:16px;} .csr-gallery .gallery-filters .custom-dropdown-options li:hover, .custom-dropdown-options li.active {background-color:var(--e-global-color-primary) !important; color:var(--white) !important;} .csr-gallery .gallery-item.video-item a:before {font-size:35px;} .application-slider .slick-slide .application-img-title-box {height:283px;} .application-sec .application-title {font-size:18px !important;} .application-sec .slick-center .application-img-title-box .application-title {transform:translate(-50%, calc(-50% - 17px));} /**/ .scroll-imagewrap{display: none !important;} .scroll-contentwrap{width: 100% !important;} .scroll-contentwrap{width:100% !important;top:0;margin-left: 0px !important;} .scroll-contentwrap .slick-track{display: flex !important;/*padding-bottom:90px;*/} .scroll-contentwrap .slick-slide{height: inherit !important;padding:0px 7px !important;} /* .scroll-contentwrap .slick-list{padding: 0px 50px;} */ .scroll-contentwrap .slick-slide .elementor-widget-container, .scroll-contentwrap .slick-slide .elementor-image-box-wrapper{height: 100%;} .scroll-contentwrap .elementor-widget-image-box .elementor-image-box-wrapper {background-color: #e5e5e5; border-radius: 10px; padding: 20px 20px 50px;} .scroll-contentwrap .elementor-widget-image-box .elementor-image-box-title{width: 100%; height: auto; color: var(--e-global-color-secondary) !important;} .scroll-contentwrap button.slick-arrow {width: 47px; height: 47px; border-radius: 50% !important; position: absolute; bottom: -22px; left:calc(50% - 62px); background:#0D0D0D; transition: all 0.3s linear; border:0px !important; cursor: pointer; z-index: 1; display: flex; align-items: center; justify-content: center;} .scroll-contentwrap button.slick-arrow.slick-next{left:calc(50% - 0px);} .scroll-contentwrap button.slick-arrow:hover{background:var(--e-global-color-secondary);} .scroll-contentwrap button.slick-arrow svg{width:10px; } .scroll-contentwrap .elementor-widget-image-box .elementor-image-box-title{height: auto !important;padding-right: 0px !important;} .scroll-contentwrap .elementor-widget-image-box{padding: 0px 7px !important;} .recruitmentPreocess {padding: 40px 30px !important; width: 320px; height: 320px;} .recruitmentPreocess:after, .recruitmentPreocess:before{width: calc(100% + 100px);transform: scale(0.86) rotate(91deg);top: 21px;} .recruitmentPreocess01:after {left: -62px;} .recruitmentPreocess01:before {left: -28px;} .recruitmentPreocess02:after {left: -57px;top: 11px;} .recruitmentPreocess02:before {left: -36px;top: 59px;} .recruitmentPreocess03:after {left: -72px;top: 39px;} .recruitmentPreocess03:before {left: -38px;top: -9px;} .processWrapper{margin: 50px 0;} .recruitmentPreocess02{padding-top: 0 !important;} .recruitmentPreocess03{padding-top: 0 !important;} .trainingprogramsslider .slick-arrow {height: 47px; width: 47px; padding: 13px;} .trainingprogramsslider-main>.e-con-inner button.slick-next.slick-arrow {left: 80px;} /* .trainingprogramsslider .slick-prev {right: 64px;} */ .career-header {flex-wrap: wrap;} .career-headerBlock {width: 100%;} .applujobBtn{margin-top: 10px;} .career-item {padding: 20px;} .career-toggle {right: 0; top: 50%; transform: translateY(-50%);} .learngrowFlourishBlock {background: transparent !important;} .learngrowFlourishBlock .removeabosiluteinMobile{position: static !important; background: #223B53 !important;} .ctablockwrapperProduct .imgBlock{background: transparent !important;} .mailBox01 .elementor-icon-box-description a {word-break: break-all;} /**/ .productDetailsBlock .detailsitems ul {display:none;} .productDetailsBlock .itemcontents {margin-bottom:5px; display:block;} .productDetailsBlock .itemcontents .content {display:none; padding:26px 0;} .productDetailsBlock .itemcontents.active .content {display:block !important;} .productDetailsBlock .itemcontents .itemcontentsHead {content:attr(data-title); background:#EDF1F4; padding:10px; cursor:pointer; cursor: pointer; justify-content: space-between; align-items: center; display: flex;} .productDetailsBlock .itemcontents .itemcontentsHead h3{ font-weight:bold; border-radius:5px; color:#5D6371; font-family:Inter; font-weight:600; font-size:14px;} .productDetailsBlock .itemcontents .e-n-accordion-item-title-icon {width: 30px; height: 30px; border-radius: 8px; padding: 0; background: rgba(93, 99, 113, 0.1); display:flex; justify-content:center; align-items:center;} .productDetailsBlock .itemcontents .e-n-accordion-item-title-icon i{ line-height: 22px;} .productDetailsBlock .itemcontents.active .e-n-accordion-item-title-icon{background: #F7941D;} .productDetailsBlock .itemcontents .e-closed{color: #6F6C8F; font-size: 11px; } .productDetailsBlock .itemcontents .e-opened {display:none; color: #fff; font-size: 11px;} .productDetailsBlock .itemcontents.active .e-opened {display:inline-block; } .productDetailsBlock .itemcontents.active .e-closed {display:none;} .productDetailsBlock .detailsitems {flex-wrap:wrap;} .productDetailsBlock .itemcontents {width:100%;} .productDetailsBlock .colDetails, .productDetailsBlock .colimage {width:100%;} .productDetailsBlock {padding:40px 0;} .headerProductBlock {padding:25px 0;} .headerProductBlock .col {width:100%; text-align:center;} .headerProductBlock .imgBlock {float:none; margin:0 auto 22px;} .headerProductBlock h1.title {font-size:20px; margin-bottom:13px;} .headerProductBlock .row {flex-wrap:wrap-reverse;} .headerProductBlock .product_id_datalist li {padding:10px 14px; font-size:12px;} .headerProductBlock .product_id_datalist {-webkit-justify-content:center; -ms-justify-content:center; justify-content:center;} .productDetailsFAQ {padding:40px 0;} .productDetailsFAQ .headeritem h3, .productDetailsFAQ .headeritem::before {font-size: 16px;} .productDetailsFAQ .item i::before {font-size: 11px;} .productDetailsFAQ .headeritem::before {top: 0;} .productDetailsFAQ .item .e-n-accordion-item-title-icon{min-width: 31px;} .productDetailsFAQ .headeritem h3 {padding-right: 9px;} .productDetailsFAQ .item {padding: 20px;} } @media(max-width: 580px) { .csr-gallery .custom-gallery-grid {grid-template-columns:repeat(2, 1fr);} .sp-cta .singlePorductCTAMobileBG {background: transparent !important;} .sp-cta .singlePorductCTAMobileBG img.ctaDesktop {display: none;} .sp-cta .singlePorductCTAMobileBG .ctaMobile {display: block; opacity: 1; visibility: visible; margin-bottom: -150px;} .sp-cta .content h2 {font-size: 22px; padding-bottom: 16px;} .sp-cta .content p {font-size: 16px; line-height: 18px;} .sp-cta .content .mailBox01Wrapper {width: 100%; margin: 50px 0 0; padding: 16px; column-gap: 13px;} .sp-cta .content .mailBox01Icon {width: 70px; height: 70px;} .sp-cta .content .elementor-icon-box-content {width: calc(100% - 70px);} .sp-cta .content .elementor-icon-box-content h3.elementor-icon-box-title {font-size: 18px;} .sp-cta .content .elementor-icon-box-description a {font-size: 14px;} } @media(max-width: 480px) { .ngo-partner-ib figure.elementor-image-box-img {margin-bottom:30px !important;} .mailBox01 .elementor-icon-box-description a {font-size: 12px;} } /***********************************Responsive end's***********************************/ /*Product popup and product listing starts'*/ .pum-theme-3079 .pum-container, .pum-theme-default-theme .pum-container {padding: 0 !important; border-radius: 15px !important; border: 0 !important; background-color: #ffffff !important; box-shadow: 8px 20px 60px 0px rgba(94, 119, 143, 0.22) !important; overflow: hidden !important;} html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {background-color: rgba(0, 0, 0, 0.6) !important;} .productPopupBody{} .productPopupBody .row>*{max-width: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; } .productPopupBody .row{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-moz-flex;display:-webkit-flex;display:flex; margin: 0 !important;} .productPopupBody .row .col-30{width: 40%;} .productPopupBody .row .col-70{width: 60%;} .productPopupBody .desktopImg{ display: block;} .productPopupBody .mobileImg{display: none;} .productPopupBody .imageBlock, .productPopupBody .imageBlock img{width: 100%; height: 100%; object-fit: fill;} .productPopupBody .contentBlock{padding: 30px;} .productPopupBody .contentBlock h3{font-weight: 600; font-size: 20px; text-align: center; text-transform: capitalize; color: #0D0D0D; margin-bottom: 30px;} .productPopupBody .contentBlock .wpc-filters-section{margin-bottom: 8px !important;} .productPopupBody .contentBlock .wpc-filter-header{ display: none;} .productPopupBody .contentBlock .wpc-filter-search-form .wpc-search-field, .productPopupBody .contentBlock .wpc-filter-content .wpc-filters-widget-select {height: 48px;} .productPopupBody .contentBlock .wpc-filter-search-form .wpc-search-field {box-shadow: none !important; outline: none !important; border: 1px solid rgba(93, 99, 113, 0.26); background: rgba(255, 255, 255, 0.2); padding-left: 15px !important; padding-right: 40px;} .productPopupBody .contentBlock .wpc-filter-content .wpc-filters-widget-select{border: 1px solid rgba(226, 226, 226, 0.4); background: rgba(226, 226, 226, 0.2); margin: 0 !important; font-weight: 400; font-size: 14px; color: #0D0D0D;} .productPopupBody .contentBlock .wpc-filter-search-form .wpc-search-icon {right: 16px; left: unset;} .productPopupBody .contentBlock .wpc-filter-search-form .wpc-search-icon:before{} .wpc-filters-main-wrap a.wpc-filters-reset-button, .wpc-filters-main-wrap a.wpc-filters-submit-button{font-weight: 500; font-size: 14px; height:42px; } .wpc-filters-main-wrap a.wpc-filters-reset-button {border:1px solid #F7941D; color:#F7941D;} .wpc-filters-main-wrap a.wpc-filters-submit-button { background: #F7941D !important; border:1px solid #F7941D !important; color:#ffffff;} .wpc-filters-main-wrap a.wpc-filters-reset-button:hover, .wpc-filters-main-wrap a.wpc-filters-submit-button:hover{border-color:#0D0D0D !important; background: #0D0D0D !important; color: #FFFFFF !important;} .productPopupBody .contentBlock .allPtoducturl{display: flex; margin: auto; justify-content: center; gap: 10px; align-items: center; font-weight: 400; font-size: 16px; line-height: 25.92px; letter-spacing: 0.18px; color: #0D0D0D;} .productPopupBody .contentBlock .allPtoducturl a{font-weight: 600; color: #0D0D0D;} .productPopupBody .contentBlock .allPtoducturl a:hover{color:#F7941D;} .productPopupBody .contentBlock .wpc-filters-section.wpc-filter-layout-submit-button {margin: 30px 0 0 !important;} .pum-theme-default-theme .pum-content + .pum-close {font-size: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; height: 50px !important; width: 50px !important; display: flex; align-items: center;} .pum-theme-default-theme .pum-content + .pum-close:after, .pum-theme-default-theme .pum-content + .pum-close:before{content:""; height: 24px; width: 2px; background:#000; display:block; position:absolute; left: 25px; top: 10px;} .pum-theme-default-theme .pum-content + .pum-close:after{transform:rotate(45deg); } .pum-theme-default-theme .pum-content + .pum-close:before{transform:rotate(-45deg); } .productlists .product-item {position: relative;} .productlists .product-item a.viewDetailsBtn {position: unset;} .productlists .product-item a.viewDetailsBtn:after{content:"";height:100%;width:100%;position:absolute; left:0;top:0;display:block;} @media(max-width:991px){ .pum-theme-3079 .pum-container, .pum-theme-default-theme .pum-container {width: 90% !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%);} } @media(max-width:767px){ .productPopupBody .mobileImg{display: block;} .productPopupBody .desktopImg{display: none;} .productPopupBody .row .col-30, .productPopupBody .row .col-70{width: 100%;} .productPopupBody .contentBlock .wpc-open-close-filters-button{display: none !important; } .productPopupBody .contentBlock .wpc-filters-widget-content:not(.wpc-opened){display: block !important;} .productPopupBody .contentBlock {padding:30px 13px;} } .productListWrapper{padding:80px 0;} .productListWrapper .container{max-width: 1234px; padding: 0 15px; width:100%; margin:0 auto;} .productListWrapper .row{margin: 0 -15px;} .productListWrapper .row>*{max-width: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; padding: 0 15px;} .productListWrapper .col30{width: 30%;} .productListWrapper .col70{width: 70%;} .productListWrapper .proFilters .wpc-custom-selected-terms {position: relative;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list:before{content:"Active Filters"; position: absolute;top: 0; left: 0;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list {overflow-x: hidden; flex-wrap: wrap; padding:44px 0 26px;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list.wpc-empty-chips-container{padding: 0 !important; border: 0 !important; margin: 0 !important;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list.wpc-empty-chips-container::before{display: none !important;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-chip-reset-all {position: absolute; right: 0; top: 0; margin: 0; border:0;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-chip-reset-all a{border:0; color: #F7941D; padding:0 !important; font-family: Inter; font-weight: 600; font-size: 11.53px;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-chip-reset-all a:hover{color: #0D0D0D;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-filter-chip:not(.wpc-chip-reset-all) a{background: #13283C; border: 0.82px solid rgba(223, 222, 223, 1); font-family: Inter; font-weight: 500; font-size: 14px; line-height: 19.77px; letter-spacing: 0.1px; color:#ffffff; padding: 4px 12px;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-filter-chip:not(.wpc-chip-reset-all) a:hover{background: #F7941D; border-color:#F7941D;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-filter-chip:not(.wpc-chip-reset-all) a:hover span.wpc-chip-remove-icon {color:#fff;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list:before, .productListWrapper .proFilters .wpc-filter-title {font-family: Inter; font-weight: 500; font-size: 16px; color: #0D0D0D; } .productListWrapper .proFilters .wpc-filter-title{margin-bottom: 24px !important;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list, .productListWrapper .proFilters .wpc-filters-section:not(:last-child){border-bottom: 1px solid rgba(128, 127, 134, 0.5); margin-bottom:26px;} .productListWrapper .proFilters .wpc-filters-section:last-child{margin-bottom: 0 !important;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list{padding:0 0 26px;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item{position: relative;cursor:pointer;display: block; margin-bottom: 13px !important;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item:last-child{margin-bottom: 0 !important;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item.wpc-term-disabled{opacity: 0.5;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item input {opacity: 0; visibility: hidden; position: absolute; margin: 0; left: 0; top: 0; width: 100%;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item label{position:relative;padding-left: 35px;min-height: 24px;display: flex;align-items: center;flex-wrap: wrap;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item label a{font-family: Inter; font-weight: 400; font-size: 14px; line-height: 1; color: #5D6371; } .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item:hover label a{color: #F7941D;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item label:before{ content:""; position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 2px solid #5D6371; border-radius:2px;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list li:hover .wpc-term-item input ~ label:before {background-color: #e5e5e5;} /* .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list:hover .wpc-term-item input:checked ~ label:before {background-color: #F7941D;} */ .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item label:after {content: ""; position: absolute;} .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item input:checked ~ .checkmark:after {display: block;} /* .productListWrapper .proFilters .wpc-filters-section .wpc-filters-ul-list .wpc-term-item label:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} */ .productlists .product-item {display: flex; flex-wrap: wrap; border: 1px solid #E4E7E9; background: rgba(246, 248, 250, 0.6); border-radius: 5px; margin: 0 0 14px; padding: 16px; align-items: center;} .productlists .product-item .product-thumb {border: 0.5px solid rgba(93, 99, 113, 0.34); background: #FFFFFF; border-radius: 10px; padding: 5px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;} .productlists .product-item .product-thumb img{object-fit: cover;} .productlists .product-item .content {padding-left: 24px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 70px);} .productlists .product-item .content h2.product-title {font-weight: 600; font-size: 18px; line-height: 100%; color: #191C1F; width: calc(100% - 150px);} .productlists .product-item a.viewDetailsBtn {border: 1px solid #5D6371; width: 149px; height: 42px; display: flex; align-items: center; text-decoration:none; color:#5D6371; justify-content: center; gap:10px; font-family: Inter; font-weight: 500; font-size: 14px;} .productlists .product-item a.viewDetailsBtn svg path{fill: #5D6371;} .productlists .product-item:hover{border-color: #F7941D; background: rgba(247, 148, 29, 0.03);} .productlists .product-item:hover a.viewDetailsBtn{background: #F7941D; color:#FFFFFF; border-color:#F7941D;} .productlists .product-item:hover a.viewDetailsBtn svg path{fill:#FFFFFF;} .paginationWrapper {display: flex; align-items: center; justify-content: center;} .paginationWrapper .pagination{ margin: 70px 0 0;} .paginationWrapper .nav-links {display: flex; flex-wrap: wrap; gap: 10px;} .paginationWrapper .page-numbers{border: 1.63px solid #DFE3E8; border-radius: 7px; height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; text-align: center; color: #0D0D0D; text-decoration: none;} .paginationWrapper .page-numbers svg path{fill: #DFE3E8;} .paginationWrapper .page-numbers:hover{color: #ffffff; background-color: #F7941D; border-color: #F7941D;} .paginationWrapper .page-numbers:hover svg path{fill: #ffffff;} .paginationWrapper .page-numbers.current{border-color: #F7941D; color: #F7941D; background: transparent;} .productlists .filterTop {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;} .productlists .filterTop .searchFilter {width: calc(100% - 300px);} .filterTop .searchFilter input.wpc-search-field:-moz-placeholder{/* Firefox 18- */ opacity: 0.5;} .filterTop .searchFilter input.wpc-search-field:-ms-input-placeholder{/* IE 10+ */ opacity: 0.5;} .filterTop .searchFilter input.wpc-search-field::-moz-placeholder{/* Firefox 19+ */ opacity: 0.5;} .filterTop .searchFilter input.wpc-search-field::-webkit-input-placeholder{/* Chrome/Opera/Safari */ opacity: 0.5;} .filterTop .sidebarFilter .wpc-orderby-select:-moz-placeholder{/* Firefox 18- */ opacity: 0.5;} .filterTop .sidebarFilter .wpc-orderby-select:-ms-input-placeholder{/* IE 10+ */ opacity: 0.5;} .filterTop .sidebarFilter .wpc-orderby-select::-moz-placeholder{/* Firefox 19+ */ opacity: 0.5;} .filterTop .sidebarFilter .wpc-orderby-select::-webkit-input-placeholder{/* Chrome/Opera/Safari */ opacity: 0.5;} .filterTop .searchFilter input.wpc-search-field, .filterTop .sidebarFilter .wpc-orderby-select {border: 1px solid rgba(93, 99, 113, 0.34); height: 48px; border-radius: 5px; color: #5D6371; font-family: Inter; font-weight: 400; font-size: 14px; } .productlists .filterTop .sidebarFilter .wpc-orderby-select{padding: 0 10px !important;} .productlists .filterTop .searchFilter input.wpc-search-field {width: 100%; padding: 0 40px 0 20px !important;} .productlists .filterTop .searchFilter .wpc-search-icon {left: inherit; right: 17px;} .productlists .filterTop .searchFilter .wpc-filters-section{margin-bottom: 0;} .productlists .filterTop .sidebarFilter .widget-title {font-family: Inter; font-weight: 500; font-size: 16px; color: #0D0D0D;} .productlists .filterTop .searchFilter input.wpc-search-field {border: 1px solid rgba(93, 99, 113, 0.34); height: 48px; border-radius: 5px; width: 100%; padding: 0 40px 0 20px !important;} .productlists .filterTop .searchFilter .wpc-search-icon {left: inherit; right: 2px; width: 32px; top: 1px;} .wpc-search-icon:before{ background-image:url(../images/u_search.svg) !important;} .productlists .filterTop .sidebarFilter .widget-title {font-family: Inter; font-weight: 500; font-size: 16px; color: #0D0D0D; padding-right:14px;} .productlists .filterTop .sidebarFilter .widget_wpc_sorting_widget {display: flex; align-items: center; justify-content: flex-end;} .productlists .filterTop .wpc-search-field-wrapper .wpc-search-clear-icon-wrapper {width: 40px; right: 32px; top: -1px;} @media(min-width:769px) { .productListWrapper .proFilters{background: #F6F8FA; width: 100%; padding:18px; border: 1px solid rgba(0, 0, 0, 0.09);} } @media(max-width:1250px){ .productListWrapper {padding: 60px 0;} .paginationWrapper .pagination {margin:50px 0 20px;} .productlists .filterTop .searchFilter {width: calc(100% - 266px);} } @media(max-width:1199px) { .productListWrapper .col30{width: 40%;} .productListWrapper .col70{width:60%;} .filterTop .sidebarFilter .wpc-sorting-form{width: 50px; height: 50px; background: url(../images/sorting.svg)no-repeat center center; background-size: cover;} .filterTop .sidebarFilter .wpc-orderby-select {opacity: 0;} .productlists .filterTop .sidebarFilter .widget-title{display: none;} .productlists .product-item .content h2.product-title {font-size: 15px;} .productlists .filterTop .searchFilter {width: calc(100% - 60px);} .productlists .product-item .content {padding-left: 9px;} .productlists .product-item .product-thumb{width: 46px; height: 46px;} .productlists .product-item .content {padding-left: 10px;width: calc(100% - 46px);} } @media(max-width:768px){ .productlists .product-item {padding: 10px;} .productlists .product-item .content h2.product-title {font-size: 13px; width: calc(100% - 50px);} .productlists .product-item a.viewDetailsBtn{font-size: 0; gap: 0;} .productlists .product-item a.viewDetailsBtn{height: 32px; width: 32px;} .productListWrapper .col30, .productListWrapper .col70{width:100%;} .productlists .products-grid{margin-top: 20px;} .paginationWrapper { position: relative;} .paginationWrapper .pagination{margin: 30px 0 40px;} .paginationWrapper .page-numbers {height:38px; width: 38px; font-size: 13px;} .paginationWrapper .page-numbers svg {width: 14px; height: 14px;} .productlists .filterTop .searchFilter .wpc-filters-open-button-container, .proFilters .wpc-filters-button-text{display: none !important;} .productlists .filterTop .searchFilter .wpc-filters-widget-content {display: block !important;} .proFilters .wpc-filters-open-button-container{height: 2px;} .proFilters .wpc-open-close-filters-button{width: 50px; height: 50px; background: url(../images/filter.svg)no-repeat center center; background-size: cover; border: 0 !important; position: absolute; top: -59px; left: 0; margin: 0;} .proFilters .wpc-open-close-filters-button *{opacity: 0;} .productListWrapper .proFilters .wpc-filters-widget-content {background: #F6F8FA; width: 100%; padding: 18px; border: 1px solid rgba(0, 0, 0, 0.09);} .productlists .filterTop {position: absolute; top: 122px; left: 76px; width: calc(100% - 91px); } .productListWrapper .proFilters .wpc-custom-selected-terms {position: relative; display: block;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list {overflow-x: auto; display: flex; flex-wrap: nowrap; border: 0; margin: 0; background: #F6F8FA; width: 100%; padding: 47px 12px 12px; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 5px;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list:before {top: 12px; left: 20px;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-chip-reset-all {right: 15px; top: 12px;} .filterTop .searchFilter input.wpc-search-field, .filterTop .sidebarFilter .wpc-orderby-select {font-size: 11px;} .productlists .filterTop .searchFilter input.wpc-search-field {padding: 0 31px 0 8px !important;} .productlists .filterTop .searchFilter .wpc-search-icon {width: 22px;} .productListWrapper .proFilters .wpc-custom-selected-terms {position: absolute; top: 23px; left: 15px; width: calc(100% - 30px);} .productListWrapper {padding: 180px 0 0; position: relative;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list.wpc-empty-chips-container{display: none;} .productListWrapper .proFilters .wpc-custom-selected-terms .wpc-filter-chips-list .wpc-filter-chip:not(.wpc-chip-reset-all){margin-bottom: 0 !important;} .productListWrapper:has(.wpc-empty-chips-container) {padding-top: 100px;} .productListWrapper:has(.wpc-empty-chips-container) .productlists .filterTop{top:41px} } /*Product popup and product listing end's'*/