/* ################################# #################################### Service CPT style ################################### ################################ */ body .mi-our-services .mi-services-updates{display: flex;} body .mi-our-services .mi-services-head{padding-bottom: 70px;} body .mi-our-services .mi-services-updates .mi-services-update{min-height: 704px;padding: 0px 20px 64px;max-width: 100%;width: 100%;filter: grayscale(100%);display: flex; justify-content: center; align-items: flex-end;position: relative;transition: all 0.3s ease;} body .mi-our-services .mi-services-updates .mi-services-update{min-height: 437px;} body .mi-our-services .mi-services-updates .mi-services-update.slick-center{filter: unset; transition: all 0.3s ease;} body .mi-our-services .mi-services-updates .slick-slide.slick-center .mi-services-update{filter: unset; transition: all 0.3s ease;} body .mi-our-services .mi-services-updates .slick-slide.slick-center .mi-services-update::before{display: none;} body .mi-our-services .mi-services-updates .slick-slide.slick-center .mi-services-update::after{opacity: 1;} body .mi-our-services .mi-services-updates .mi-services-update.slick-center::before{display: none;} body .mi-our-services .mi-services-updates .mi-services-update.slick-center::after{opacity: 1;} body .mi-our-services .mi-services-updates .mi-services-update:hover{filter: unset;transition: all 0.3s ease;} body .mi-our-services .mi-services-updates .mi-services-update:hover::before{opacity: 0;} body .mi-our-services .mi-services-updates .mi-services-update:hover::after{opacity: 1;} body .mi-our-services .mi-services-updates .mi-services-update::before{content: ""; height: 100%; width: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0;opacity: 1; z-index: 7;transition: .3s ease-in-out;} body .mi-our-services .mi-services-updates .mi-services-update::after{content: ""; height: 60%; width: 100%; background-image: linear-gradient(0deg, #20242C, transparent ); position: absolute; z-index: 8; bottom: 0;opacity: 0;transition: .3s ease-in-out;} body .mi-our-services .mi-services-updates .mi-services-update .mi-services-content{width: 100%;text-align: center;position: relative;z-index: 9;} body #main-content .mi-our-services .mi-services-updates .mi-services-update .mi-services-update-title{ font-size: 2em; font-weight: 700; color: #fff;line-height: 1em;padding-bottom: 20px;transition: .3s ease-in-out;} body #main-content .mi-our-services .mi-services-updates .mi-services-update:hover .mi-services-update-title{color: #74BE45;} body #main-content .mi-our-services .mi-services-updates .mi-services-update .mi-services-update-desc{font-size: 1em;line-height: 1em;color: #fff;} body #main-content .mi-our-services .mi-services-updates .slick-prev{ z-index: 9999; left: 0px; width: 77px; height: 82px; background-color: #74BE45;} body #main-content .mi-our-services .mi-services-updates .slick-next{ z-index: 9999; right: 0px; width: 77px; height: 82px; background-color: #74BE45;} body #main-content .mi-our-services .mi-services-updates .slick-prev::before{background-image: url(../img/Arrow.png);color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 35px;} body #main-content .mi-our-services .mi-services-updates .slick-next::before{background-image: url(../img/Arrow-rt.png);color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; font-size: 35px;} /* #################################################################################### */ /* ################################# #################################### Service Tabs style ################################### ################################ */ body #main-content .mi-services .mi-services-tabs{background-color: #74BE45;list-style-type: none;display: flex;padding: 0;} body #main-content .mi-services .mi-services-tabs .mi-services-tab{max-width: calc(100% / 5);width: 100%;} body #main-content .mi-services .mi-services-tabs .mi-services-tab:hover{background-color: #2B303A;transition: all 0.2s ease-in-out;} body #main-content .mi-services .mi-services-tabs .mi-services-tab.active{background-color: #2B303A;} body #main-content .mi-services .mi-services-tabs .mi-services-tab a{display:block;display: flex; flex-direction: column; align-items: center; justify-content: center;padding: 42px 20px;} body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-img{max-width: 50px;width: 100%;height: 50px;margin-bottom: 22px;} body #main-content .mi-services .mi-services-tabs .mi-services-tab:hover a .mi-services-tab-img{filter: unset;transition: all 0.2s ease-in-out;} body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-img img{filter: brightness(20);} body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-title{max-width: 200px;width: 100%;font-size: 1.25em;line-height: 1.2em;font-weight: 700;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail{display: flex;} body #main-content .mi-services .mi-services-tabs-detail {position: relative;} body #main-content .mi-services .mi-services-tabs-detail .container{position: static;max-width: 1310px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-img{position: absolute; left: 0; top: 0;width: 50%;padding-right: 100px;height: 100%;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-img img{object-fit: cover;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content{width: 51%;margin-left: auto;padding: 82px 0 55px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h2{padding-bottom: 40px;text-transform: uppercase;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h4{padding: 40px 0;font-weight: 700;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content p{padding-bottom: 17px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content ul{list-style-type: none;display: flex;flex-wrap: wrap;padding: 0;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content ul li{padding: 0 15px 0 31px;max-width: calc(100% / 2);width: 100%;position: relative;margin: 15px 0;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content ul li::before{content: '';position: absolute;left: 0;top: 9px;width: 13px;height: 9.69px;background: url(../img/tick.png) no-repeat center / cover;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content a{padding: 17px 31px;border-radius: 5px;background-color: #74BE45;display: inline-block;margin-top: 50px;} /* #################################################################################### */ /* ################################# #################################### Service Gallery style ################################### ################################ */ body #main-content .mi-our-services{padding: 111px 0 0;background-color: #2B303A;} body #main-content .mi-our-services .mi-services-head .container h2, body #main-content .mi-our-services .mi-services-head .container p{text-align: center;color: #fff;} body #main-content .mi-our-services .mi-services-head .container h2{padding-bottom: 12px;text-transform: uppercase;} /* #################################################################################### */ /* ################################# #################################### Responsive style ################################### ################################ */ @media only screen and (max-width: 1440px) { body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-title{max-width: 186px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content{padding: 82px 20px 55px 0;} } @media only screen and (max-width: 1280px) { body #main-content .mi-our-services { padding: 80px 0 0;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content ul li{margin: 10px 0;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h4{padding: 30px 0 25px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content a{margin-top: 35px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content { padding: 82px 100px 55px 0; } body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-title { max-width: 162px; } body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-img{padding-right: 70px;} } @media only screen and (max-width: 1167px) { body #main-content .et_pb_section.mi-our-services { padding: 70px 0 0; } body .mi-our-services .mi-services-updates .mi-services-update { min-height: 570px;} body #main-content .mi-our-services .mi-services-updates .slick-prev {height: 67px;} body #main-content .mi-our-services .mi-services-updates .slick-next {height: 67px;} body #main-content .mi-our-services .mi-services-updates .slick-prev::before { font-size: 25px; } body #main-content .mi-our-services .mi-services-updates .slick-next::before { font-size: 25px; } body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content { padding: 82px 40px 55px 0; } } @media only screen and (max-width: 1024px) { body #main-content .et_pb_section.mi-our-services { padding: 60px 0 0;} body .mi-our-services .mi-services-head { padding-bottom: 30px; } } @media only screen and (max-width: 980px) { body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content { padding: 70px 30px 40px 0; } body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-img{padding-right: 50px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content ul li{margin: 7px 0;padding: 0 10px 0 28px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h4{padding: 20px 0;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content a{margin-top: 25px;} body .mi-our-services .mi-services-updates .mi-services-update{filter: unset; transition: all 0.3s ease;} body .mi-our-services .mi-services-updates .mi-services-update::before{opacity: 0;} body .mi-our-services .mi-services-updates .mi-services-update::after{opacity: 1;} } @media only screen and (max-width: 768px) { body #main-content .mi-services .mi-services-tabs{background-color: transparent;padding: 0 27px 40px;flex-wrap: wrap;justify-content: center;position: relative;top: -150px;} body #main-content .mi-services .mi-services-tabs .mi-services-tab{background-color: #74BE45;max-width: calc((100% / 3) - 3px);margin: 1.5px;} body .et_pb_section.mi-about-banner.mi-service-banner{padding: 165px 20px 200px !important;} body #main-content .mi-services .mi-services-tabs .mi-services-tab a{padding: 26px 20px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h2{position: absolute; top: -120px; left: 0; right: 0; margin: auto; text-align: center; width: 100%; padding: 0;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-img{position: static; width: 100%; padding: 0; overflow: hidden; max-height: 538px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content{width: 100%;padding: 60px 30px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail{flex-direction: column;} } @media only screen and (max-width: 667px) { body #main-content .mi-services .mi-services-tabs .mi-services-tab{max-width: calc((100% / 2) - 3px);} } @media only screen and (max-width: 480px) { body .mi-our-services .mi-services-updates .mi-services-update { min-height: 520px; } body #main-content .mi-our-services .mi-services-updates .slick-prev { height: 57px; width: 57px; } body #main-content .mi-our-services .mi-services-updates .slick-next { height: 57px; width: 57px; } body #main-content .mi-our-services .mi-services-updates .slick-prev::before { font-size: 20px; } body #main-content .mi-our-services .mi-services-updates .slick-next::before { font-size: 20px; } body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content ul li{max-width: calc(100% / 1);} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-img{max-height: 350px;} body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h2{width: 100%;top: -140px;padding: 0 10px;} body #main-content .mi-services .mi-services-tabs{padding: 0 10px 60px;} body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-img{margin-bottom: 15px;} body #main-content .mi-services .mi-services-tabs{top: -140px;} } @media only screen and (max-width: 375px) { body #main-content .mi-services .mi-services-tabs { padding: 0 7px 60px; } body #main-content .mi-services .mi-services-tabs .mi-services-tab a { padding: 28px 10px; } body #main-content .mi-services .mi-services-tabs-detail .container .mi-services-tab-detail .mi-services-tab-detail-content h2{font-size: 2.5625em;} body #main-content .mi-services .mi-services-tabs .mi-services-tab a .mi-services-tab-title{font-size: 1.15em;} } /* #################################################################################### */