/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ /*======================================= * header-section * ======================================*/ .main-header .elementor-item:before { border-radius:5px; } .main-header .elementor-item.elementor-item-active{ opacity: .8; } .crocodile-header-section .pp-advanced-menu li a { border: 1px solid #ffffff00; border-radius: 5px; } .crocodile-header-section .pp-advanced-menu li a:hover { border: 1px solid #ffffff; border-radius: 5px; } .crocodile-header-section .pp-advanced-menu li a.pp-menu-item-active { border: 1px solid #ffffff; border-radius: 5px; } /*======================================= * banner-section * ======================================*/ .crocodile-banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { text-align:right; padding-right: 250px; } .crocodile-banner .elementor-button { -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .crocodile-banner .elementor-slide-description .e-con-boxed { padding:0px !important; } /*======================================= * mission-vision-section * ======================================*/ .mission-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal, .vision-slider .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { left: 34%; overflow-x: hidden; } /*======================================= * testimonial-section * ======================================*/ .crocodile-testimonial .elementor-swiper-button { font-size: 20px; top: -64px !important; color: rgba(0, 123, 95, 1) !important; } .crocodile-testimonial .elementor-element .swiper-container .elementor-swiper-button-prev, .elementor-element .swiper-container~.elementor-swiper-button-prev, .elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper-container .elementor-swiper-button-prev, .elementor-lightbox .swiper-container~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev{ left: 1120px !important; } .crocodile-testimonial .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { left: 44%; } .crocodile-testimonial .swiper-slide { border-right: 1px solid rgba(217, 217, 214, 1) ; } .crocodile-testimonial .elementor-testimonial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .crocodile-testimonial .elementor-testimonial__footer { padding-bottom: 20px; } .crocodile-testimonial .elementor-testimonial__footer { min-height: 92px; } .crocodile-testimonial .elementor-widget-reviews .elementor-main-swiper, .elementor-widget-testimonial-carousel .elementor-main-swiper { width: 100% !important; } .crocodile-testimonial .elementor-swiper { padding-bottom: 20px } /* scroling css */ .crocodile-testimonial .elementor-testimonial__text { height: 260px; -ms-scroll-chaining: inherit; overscroll-behavior: inherit; padding-right:15px; overflow-y: hidden; } .crocodile-testimonial .elementor-testimonial__content:hover .elementor-testimonial__text{ overflow-y: auto; } .crocodile-testimonial .elementor-testimonial__text::-webkit-scrollbar { border-radius: 100%; height: 10px !important; width: 5px!important; background-color: rgba(217, 217, 214, 1); border-radius:10px; } /* Track */ .crocodile-testimonial .elementor-testimonial__text::-webkit-scrollbar-track { width: 5px; background: rgba(217, 217, 214, 1); border-radius:10px; } /* Handle */ .crocodile-testimonial .elementor-testimonial__text::-webkit-scrollbar-thumb { height: 10px !important; width: 5px !important; background: #577A72; border-radius:10px; } /* Handle on hover */ .crocodile-testimonial .elementor-testimonial__text::-webkit-scrollbar-thumb:hover { height: 10px; width: 5px; background: #577A72; border-radius:10px; } /*======================================== * contact-us-section * =======================================*/ .crocodile-contact-form div#gform_fields_1 { row-gap: 30px; } .crocodile-contact-form div#input_1_3 { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } /*============================================ * our-core-focus-tabs * ===========================================*/ .our-core-focus-tabs .e-n-tab-title{ -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .our-core-focus-tabs .e-n-tab-title:nth-child(2), .our-core-focus-tabs .e-n-tab-title:nth-child(3){ margin-left:65px; } .our-core-focus-tabs .e-n-tab-title .e-n-tab-title-text{ display:none !important; } .our-core-focus-tabs .e-n-tab-title .e-n-tab-icon{ width:90px; height:90px; border-radius:50%; background-color:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 28%); box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 28%); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; position: relative; } .our-core-focus-tabs .e-n-tabs-content .e-active{ -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .our-core-focus-tabs .e-n-tab-title.e-active .e-n-tab-icon{ -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4); overflow:visible!important; } .our-core-focus-tabs .e-n-tab-title .e-n-tab-icon{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .our-core-focus-tabs .e-n-tab-title.e-active .e-n-tab-icon:after{ content: ""; position: absolute; z-index: -1; width: 90px; height: 90px; background: #FFF; border-radius: 50%; } .our-core-focus-tabs .e-n-tab-title.e-active .e-n-tab-icon:before{ content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 90px; height: 90px; background: #007B5F; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1); opacity: 0; } } .our-core-focus-tabs .e-n-tabs-content{ min-height:70vh; } /*======================================== * About Us Page * =======================================*/ .crocodile-about-contact-form .name_middle label { display: none !important; } .crocodile-about-contact-form.name_middle { padding-right: 0px !important; } .crocodile-about-contact-form div#gform_fields_2, .crocodile-about-contact-form div#gform_fields_3, .crocodile-about-contact-form div#gform_fields_4 { row-gap: 30px !important; } .crocodile-about-contact-form div#input_1_3 { -webkit-column-gap: 10px !important; -moz-column-gap: 10px !important; column-gap: 10px !important; } .crocodile-about-contact-form .gfield_checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .meet-our-board .pp-posts.pp-posts-grid{ display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; } .meet-our-board .pp-post-wrap{ width:23% !important; } .crocodile-banner .swiper-slide-inner{ max-width:1200px; } /*======================================== * Responsive css * =======================================*/ @media screen and (max-width: 1400px){ .crocodile-tab-section { margin-left:-11% !important; } } @media screen and (max-width: 1300px){ } @media screen and (max-width: 1100px){ .our-core-focus-tabs .e-n-tab-title { padding: 10px !important; } } @media screen and (min-device-width: 1024px) and (max-device-width: 1199px) { .crocodile-testimonial .elementor-element .swiper-container .elementor-swiper-button-prev, .elementor-element .swiper-container~.elementor-swiper-button-prev, .elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper~.elementor-swiper-button-prev, .elementor-lightbox .swiper-container .elementor-swiper-button-prev, .elementor-lightbox .swiper-container~.elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper~.elementor-swiper-button-prev{ left: 924px !important; } } @media screen and (max-width: 991px) { .meet-our-board .pp-post-wrap{ width:31% !important; } } @media screen and (max-width: 767px) { .meet-our-board .pp-post-wrap { width: 30% !important; } .crocodile-tab-section { margin-left:0% !important; } } @media screen and (max-width: 650px) { .meet-our-board .pp-post-wrap { width:47% !important; } } @media screen and (max-width: 450px) { .meet-our-board .pp-post-wrap { width:100% !important; } }