/*-------------------------------------------------------------- ## Home Slider --------------------------------------------------------------*/ .iktheme-slider-wrapper .iktheme-slider { position: relative; overflow: hidden; } .iktheme-slider-wrapper .iktheme-slide-bg { background-size: cover; background-position: 50%; background-repeat: no-repeat; min-width: 100%; min-height: 100%; } .iktheme-slider-wrapper .iktheme-slider-bg-overlay{ height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .iktheme-slider-wrapper .iktheme-slider-inner, .iktheme-slider-wrapper .iktheme-slider-inner:hover { color: var(--white-color); display: flex; align-items: center; justify-content: center; text-align: center; } .iktheme-slider-wrapper .iktheme-slider-inner { background-repeat: no-repeat; background-position: 50%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: var(--container-width); margin:0 auto; } .iktheme-slider-wrapper .iktheme-slider-caption{ max-width: 75%; } .iktheme-slider-super-title { border-bottom: 2px solid; margin-bottom: 25px; font-size: 24px; display: inline-block; color: var(--theme-color); font-weight: 700; } .iktheme-slider-title { font-size: 50px; color: var(--white-color); line-height: 1.2; } .iktheme-slider-description { font-size: 20px; margin-bottom: 25px; color: var(--white-color); } .iktheme-button-wrapper{ display: inline-flex; align-items: center; justify-content: center; text-align: center; gap: 1.5rem; } /********** * Default Button */ .iktheme-button { position: relative; overflow: hidden; text-transform: capitalize; font-weight: 600; padding: 12px 30px; border-radius: 30px; background-color: var(--theme-color); color: var(--white-color); display: inline-flex; gap: 10px; align-items: center; z-index:2; } .iktheme-button::before{ content: ""; position: absolute; top: 0px; left: 0; width: 0px; height: 100%; z-index: -1; background-color: var(--title-color); -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .iktheme-button:hover::before{ width: 100%; } .iktheme-button .elementor-icon{ font-size: inherit; } .iktheme-button .iktheme-link-icon svg{ vertical-align: middle; fill: var(--white-color); } .iktheme-button.iktheme-button-primary:hover, .iktheme-button.iktheme-button-primary:focus{ color: var(--white-color); } .iktheme-button.iktheme-button-border { border: 2px solid var(--link-color); background-color: transparent; color: var(--link-color); padding: 10px 35px; } .iktheme-button.iktheme-button-border::before { background-color: var(--theme-color); } .iktheme-button.iktheme-button-border:hover { border: 2px solid var(--theme-color); color: var(--white-color); } .iktheme-button.iktheme-button-border .iktheme-link-icon svg{ fill: var(--link-color); } .iktheme-button.iktheme-button-border:hover .iktheme-link-icon svg{ fill: var(--white-color); } .iktheme-button.iktheme-button-noborder { padding: 0; background-color: transparent; color: var(--link-color); } .iktheme-button.iktheme-button-noborder::before { background-color: transparent; } .iktheme-button.iktheme-button-noborder:hover { color: var(--link-hover-color); } .iktheme-button.iktheme-button-noborder .iktheme-link-icon svg{ fill: var(--link-color); } .iktheme-button.iktheme-button-noborder:hover .iktheme-link-icon svg{ fill: var(--theme-color); } .iktheme-button.style-white { border: 1px solid var(--white-color); background-color: var(--white-color); color: var(--theme-color); } .iktheme-button.style-white:hover { color: var(--white-color); } .iktheme-button.style-white::before { background-color: var(--theme-color); } .iktheme-button.style-white .iktheme-link-icon svg{ fill: var(--theme-color); } .iktheme-button.style-white:hover .iktheme-link-icon svg{ fill: var(--white-color); } .iktheme-video-link{ position: relative; z-index: 99; font-size: 25px; width: 65px; height: 65px; background: var(--theme-color); color: var(--white-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; /* animation: ripple 0.6s linear infinite; */ } .iktheme-button-wrapper .iktheme-video-link:hover{ color: var(--white-color); } /* ripple effect */ /* @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgb(from var(--theme-color) rgb / 0.2), 0 0 0 10px rgb(from var(--theme-color) rgb / 0.2), 0 0 0 20px rgb(from var(--theme-color) rgb / 0.2), 0 0 0 30px rgb(from var(--theme-color) rgb / 0.2); } 100% { box-shadow: 0 0 0 10px rgb(from var(--theme-color) rgb / 0.2), 0 0 0 20px rgb(from var(--theme-color) rgb / 0.2), 0 0 0 30px rgb(from var(--theme-color) rgb / 0.2), 0 0 0 40px rgb(from var(--theme-color) rgb / 0.9); } } */ .iktheme-ken-burns.iktheme-ken-burns--in { animation: 75s ease 0s normal none infinite running zoomEffectIn; -webkit-animation: 75s ease 0s normal none infinite running zoomEffectIn; -o-animation: 75s ease 0s normal none infinite running zoomEffectIn; -moz--o-animation: 75s ease 0s normal none infinite running zoomEffectIn; } .iktheme-ken-burns.iktheme-ken-burns--out { animation: 75s ease 0s normal none infinite running zoomEffectOut; -webkit-animation: 75s ease 0s normal none infinite running zoomEffectOut; -o-animation: 75s ease 0s normal none infinite running zoomEffectOut; -moz--o-animation: 75s ease 0s normal none infinite running zoomEffectOut; } @keyframes zoomEffectIn { from { transform: scale(1, 1); } to { transform: scale(2, 2); } } @keyframes zoomEffectOut { from { transform: scale(2, 2); } to { transform: scale(1, 1); } } /** Navigation ( Arrows & Dots ) */ .nav_image .owl-nav{ position: absolute; left: 5rem; right: 5rem; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; gap: 10px; } .nav_image .owl-nav button[class*="owl-"] { background-position: center center; background-size: cover; background-blend-mode: multiply; width: 80px; height: 80px; cursor: pointer; background-color: rgb(0 0 0 / 50%); border: 1px solid var(--white-color); border-radius: 5px; opacity: 1; } .nav_arrow .owl-nav{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; gap: 10px; } .nav_arrow .owl-nav button[class*="owl-"] { height: 110px; width: 32px; background-image: none !important; background: var(--theme-color); color: var(--white-color); opacity: .5; -webkit-transition: opacity .35s linear 0s; transition: opacity .35s linear 0s; } .nav_arrow .owl-nav button.owl-next { border-radius: 5px 0 0 5px; } .nav_arrow .owl-nav button.owl-prev { border-radius: 0 5px 5px 0; } .nav_arrow .owl-nav button.owl-next::before, .nav_arrow .owl-nav button.owl-prev::before { font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 22px; } .nav_arrow .owl-nav button.owl-prev::before { content: '\f053'; } .nav_arrow .owl-nav button.owl-next::before { content: '\f054'; } .nav_arrow .owl-nav button.owl-next:hover, .nav_arrow .owl-nav button.owl-prev:hover { opacity: 1; } /** Dots Style **/ .number_type .owl-dots, .dots_type .owl-dots { position: absolute; left: 0; right: 0; bottom: 20px; display: flex; justify-content: center; gap: 10px; } .number_type .owl-dots .owl-dot { background-color: transparent; color: var(--white-color); border: 2px solid var(--white-color); font-weight: 700; width: 50px; height: 50px; border-radius: 50px; } .dots_type .owl-dots .owl-dot { background-color:var(--white-color); border: 2px solid var(--white-color); width:40px; height:10px; border-radius: 50px; } .number_type .owl-dots .owl-dot.active, .dots_type .owl-dots .owl-dot.active { background-color: var(--theme-color); border-color: var(--theme-color); } .iktheme-dots-position-right .owl-dots{ flex-direction: column; top: 50%; transform: translateY(-50%); right: 5rem; left: auto; } .iktheme-dots-position-left .owl-dots{ flex-direction: column; top: 50%; transform: translateY(-50%); left: 5rem; right: 0; } .iktheme-dots-position-left .nav_image .owl-nav, .iktheme-dots-position-right .nav_image .owl-nav, .iktheme-dots-position-left .nav_arrow .owl-nav, .iktheme-dots-position-right .nav_arrow .owl-nav { top: auto; transform: inherit; justify-content: center; bottom: 20px; gap: 10px; left: 5rem; right: 5rem; } .iktheme-dots-position-left .nav_arrow .owl-nav button[class*="owl-"], .iktheme-dots-position-right .nav_arrow .owl-nav button[class*="owl-"] { height: 65px; width: 60px; border-radius: 2px; } .iktheme-dots-position-center .nav_arrow .owl-nav button[class*="owl-"]{ height: 110px; width: 32px; } /*-------------------------------------------------------------- ## Feature Service Block --------------------------------------------------------------*/ .iktheme-imageicon-box-wrapper { display: flex; flex-direction: column; text-align: center; background-color: #f9fafa; overflow: hidden; } .iktheme-imageicon-box-wrapper.icon{ padding: 20px; gap: 1.5rem; } .iktheme-imageicon-box-wrapper.icon .iktheme-imageicon-box-content{ padding: 0; } .iktheme-imageicon-box-img.iktheme-image-box-img{ width: 100%; cursor: pointer; overflow: hidden; } .iktheme-imageicon-box-content{ width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; gap: 1rem; padding:20px; color: var(--title-color); } .iktheme-icon-box-icon{ display: inline-flex; font-size: 65px; padding: 18px; background-color: var(--theme-color); color: var(--white-color); fill: var(--white-color); border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } .iktheme-box-title{ margin: 0; } .iktheme-imageicon-box-img img{ width: 100%; display: block; margin: 0 auto; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .iktheme-imageicon-layout-left .iktheme-imageicon-box-img img, .iktheme-imageicon-layout-right .iktheme-imageicon-box-img img{ height: 500px; object-fit: cover; } .iktheme-imageicon-box-wrapper.style2{ position: relative; } .iktheme-imageicon-box-wrapper.style2 .iktheme-imageicon-box-img img{ height: 400px; object-fit: cover; width: 100%; } .iktheme-imageicon-box-wrapper.style2 .iktheme-imageicon-box-content{ cursor: pointer; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, 0.9); padding: 10px; position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; border-radius: 5px; width: auto; transition: all 0.8s ease; } .iktheme-imageicon-box-wrapper.style2:hover .iktheme-imageicon-box-content{ opacity: 0; overflow: hidden; transform: scale(0.5); } /*-------------------------------------------------------------- ## Home Section Title --------------------------------------------------------------*/ .elementor-widget-ikreateThemes-heading .section-title-wrapper { margin-bottom: 0; } .elementor-widget-ikreateThemes-heading .section-title-wrapper.text-center { max-width: 950px; margin: 0 auto 0; } /*-------------------------------------------------------------- ## Service Block --------------------------------------------------------------*/ .iktheme-service-area .iktheme-service-detail { position: relative; display: flex; justify-content: space-between; gap: 1rem; } .iktheme-feature-service-img { width: calc(100% - 300px); display: flex; justify-content: center; position: relative; overflow: hidden; cursor: pointer; border-radius: 5px; } .iktheme-feature-service-img .iktheme-feature-image{ width: 100%; display: flex; justify-content: center; } .iktheme-feature-image img{ object-fit: cover; } .iktheme-feature-image::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition-duration: 1200ms; } .iktheme-service-area .iktheme-service-detail .iktheme-service-box { width: 100%; } .iktheme-service-area .iktheme-service-item-block { display: flex; flex-direction: row-reverse; gap: 1rem; margin-bottom: 16px; padding: 15px; box-shadow: 0 2px 25px 0 #e5e5e5b0; border-radius: 5px; } .iktheme-imageicon-layout-left .iktheme-leftdata .iktheme-service-item-block{ flex-direction: row; text-align: start; } .iktheme-imageicon-layout-left .iktheme-rightdata .iktheme-service-item-block{ flex-direction: row-reverse; text-align: end; } .iktheme-imageicon-layout-right .iktheme-leftdata .iktheme-service-item-block{ flex-direction: row-reverse; text-align: end; } .iktheme-imageicon-layout-right .iktheme-rightdata .iktheme-service-item-block{ flex-direction: row; text-align: start; } .iktheme-imageicon-layout-above .iktheme-leftdata .iktheme-service-item-block{ flex-direction: column; text-align: end; align-items: end; } .iktheme-imageicon-layout-above .iktheme-rightdata .iktheme-service-item-block{ flex-direction: column; text-align: start; align-items: start; } .iktheme-imageicon-layout-below .iktheme-leftdata .iktheme-service-item-block{ flex-direction: column-reverse; text-align: end; align-items: end; } .iktheme-imageicon-layout-below .iktheme-rightdata .iktheme-service-item-block{ flex-direction: column-reverse; text-align: start; align-items: start; } .iktheme-service-area .iktheme-service-item-block .iktheme-service-wrap{ display: flex; flex-direction: column; gap: 10px; } .iktheme-service-alignment-end .iktheme-leftdata .iktheme-service-item-block, .iktheme-service-alignment-start .iktheme-rightdata .iktheme-service-item-block{ align-items: flex-end; text-align: end; } .iktheme-service-alignment-end .iktheme-rightdata .iktheme-service-item-block, .iktheme-service-alignment-start .iktheme-leftdata .iktheme-service-item-block{ align-items: flex-start; text-align: start; } .iktheme-service-alignment-center .iktheme-leftdata .iktheme-service-item-block, .iktheme-service-alignment-center .iktheme-rightdata .iktheme-service-item-block{ align-items: center; text-align: center; } .iktheme-service-area .iktheme-service-item-block .iktheme-icon-boxicon{ color: var(--theme-color); fill: var(--theme-color); } .iktheme-service-area .iktheme-service-item-block .iktheme-item-title{ margin: 0; } .iktheme-service-area .iktheme-service-item-block:last-child { margin-bottom: 0; } .iktheme-service-area.style2 .iktheme-service-item-wrap{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; } .iktheme-service-area.style2 .iktheme-service-block:nth-child(2), .iktheme-service-area.style2 .iktheme-service-block:nth-child(5), .iktheme-service-area.style2 .iktheme-service-block:nth-child(8) { display: flex; flex-direction: column-reverse; } .iktheme-service-area.style2 .iktheme-top-content img, .iktheme-service-area.style2 .iktheme-bottom-content{ min-height: 400px; } .iktheme-service-area.style2 .iktheme-top-content { position: relative; overflow: hidden; } .iktheme-service-area.style2 .iktheme-top-content img { object-fit: cover; } .iktheme-service-area.style2 .iktheme-service-image::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition-duration: 1200ms; } .iktheme-service-area.style2 .iktheme-bottom-content { display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; gap: 12px; padding: 25px; background: #efefef; } .iktheme-service-area.style2 .iktheme-bottom-content .iktheme-icon-boxicon { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: var(--theme-color); margin-bottom: 10px; clip-path: path("M1.92133 53.4337C-1.28975 65.0875 -1.11481 77.4886 7.42925 85.5867C21.5264 98.9453 46.3572 101.088 63.3776 99.5875C70.6576 98.9453 78.0109 97.3572 84.5233 93.2994C91.0358 89.2416 96.6679 82.4572 98.897 73.8979C102.52 59.9846 96.6453 45.0729 89.5911 33.3316C83.7389 23.5929 76.8484 14.6132 68.4736 8.26082C51.329 -4.74165 33.1912 -2.704 20.1607 16.5749C14.3367 25.181 5.78703 39.392 1.92133 53.4337Z"); } .iktheme-service-area.style2 .iktheme-bottom-content .iktheme-icon-boxicon .elementor-icon{ font-size: 60px; color: var(--white-color); fill: var(--white-color); } .iktheme-service-area.style2 .iktheme-item-title{ margin: 0; } .iktheme-service-alignment-start .iktheme-service-area.style2 .iktheme-bottom-content{ align-items: flex-start; text-align: left; } .iktheme-service-alignment-center .iktheme-service-area.style2 .iktheme-bottom-content{ align-items: center; text-align: center; } .iktheme-service-alignment-end .iktheme-service-area.style2 .iktheme-bottom-content{ align-items: flex-end; text-align: right; } /*-------------------------------------------------------------- ## HightLight Block --------------------------------------------------------------*/ .iktheme-highlight-area .iktheme-highlight-item img { width: 100%; min-height: 375px; object-fit: cover; } .iktheme-top-content-wrap, .iktheme-bottom-content-wrap{ display: flex; gap: 1rem; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; } .iktheme-highlight-area .iktheme-icon-box{ display: flex; align-items: center; justify-content: center; padding: 5px; } .iktheme-highlight-title{ margin: 0; } .iktheme-highlight-area .iktheme-link-icon svg { color: var(--link-color); -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .iktheme-highlight-area.style1 .iktheme-highlight-item { -webkit-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; overflow: visible; position: relative; } .iktheme-highlight-area.style1 .iktheme-highlight-item .iktheme-top-content-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 20px; background: rgba(0, 0, 0, 0.5); } .iktheme-highlight-area.style1 .iktheme-highlight-item .iktheme-bottom-content-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--theme-color); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .iktheme-highlight-area.style1 .iktheme-highlight-item:hover .iktheme-bottom-content-wrap { -webkit-transform: rotateY(0); transform: rotateY(0); } .iktheme-highlight-area.style3 .iktheme-highlight-item { position: relative; overflow: hidden; } .iktheme-highlight-area.style3 .iktheme-highlight-item::after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 20px; background-color: rgba(0, 0, 0, 0.5); z-index: 0; } .iktheme-highlight-area.style3 .iktheme-highlight-item .iktheme-top-content-wrap { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 9; background: var(--theme-color); padding: 10px; border-radius: 5px; display: flex; gap: 1rem; flex-direction: row; justify-content: flex-start; align-items: center; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .iktheme-highlight-area.style3 .iktheme-highlight-item .iktheme-bottom-content-wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; padding: 20px; background: var(--theme-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .iktheme-highlight-area.style3 .iktheme-highlight-item:hover .iktheme-top-content-wrap { -webkit-transform: translateY(200%); transform: translateY(200%); } .iktheme-highlight-area.style3 .iktheme-highlight-item:hover .iktheme-bottom-content-wrap { -webkit-transform: translateY(0); transform: translateY(0); } /*-------------------------------------------------------------- ## Team Member --------------------------------------------------------------*/ .iktheme-team-member-wrapper { position: relative; display: flex; overflow: hidden; } .iktheme-team-layout-left .iktheme-team-top-content, .iktheme-team-layout-right .iktheme-team-top-content{ width: auto; min-width: 50%; } .iktheme-team-top-content { position: relative; overflow: hidden; width: 100%; cursor: pointer; } .iktheme-team-member-img{ transition: all .9s; } .iktheme-team-member-img::after { content: ''; background: #0000003d; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .9s; } .iktheme-team-buttom-content { display: flex; flex-direction: column; gap:1rem; text-align: center; align-items: center; } .iktheme-team-title{ margin: 0; } .iktheme-team-designation{ color: var(--theme-color); } .iktheme-team-socialicon-wrap { display: flex; gap: 10px; } .iktheme-team-socialicon-wrap a{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--theme-color); } .iktheme-team-socialicon-wrap .elementor-icon{ font-size: 20px; color: var(--white-color); fill: var(--white-color); } .iktheme-team-member-img img{ width: 100%; } .iktheme-team-member-wrapper.style1{ background-color: #f6f6f6; box-shadow: 0px 4px 26px -6px #00000033; } .iktheme-team-member-wrapper.style1 .iktheme-team-buttom-content { padding: 20px; } .iktheme-team-member-wrapper.style3 .iktheme-team-top-content .iktheme-team-title{ background: rgba(255, 255, 255, 0.9); padding: 10px; position: absolute; left: 10px; bottom: 10px; right: 10px; border-radius: 5px; text-align: center; transition: all 0.3s ease; opacity: 1; } .iktheme-team-member-wrapper.style3 .iktheme-team-buttom-content{ cursor: pointer; display: flex; justify-content: center; background: rgba(255, 255, 255, 0.9); padding: 20px; position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; border-radius: 5px; opacity: 0; overflow: hidden; transform: scale(0.5); transition: all 0.4s ease; } .iktheme-team-member-wrapper.style3:hover .iktheme-team-buttom-content { opacity: 1; overflow: visible; transform: scale(1); } .iktheme-team-member-wrapper.style7 { flex-direction: column; gap: 10px; border-radius: 10px; background-color: #f8f8f8; } .style7 .ikthemes-team-image-header { overflow: hidden; position: relative; } .style7 .ikthemes-team-image-header img{ width: 100%; height: 220px; object-fit: cover; } .style7 .ikthemes-team-image-wrap{ width: 200px; height: 200px; margin: 0 auto; margin-top: -90px; border: 3px solid var(--theme-color); overflow: hidden; position: relative; border-radius: 50%; z-index: 3; } .style7 .ikthemes-team-image-wrap .iktheme-team-member-img img{ height: 200px; object-fit: cover; } .style7 .iktheme-team-designation{ margin: 0; } .style7 .iktheme-team-buttom-content{ margin:10px; padding:20px 10px; border-radius:10px; background-color: var(--white-color); } .iktheme-team-carousel .iktheme-team-member-wrapper.style1, .iktheme-team-carousel .iktheme-team-member-wrapper.style5 .iktheme-team-buttom-content{ box-shadow: none; background-color: #00000008; } /*-------------------------------------------------------------- ## Testimonial Block --------------------------------------------------------------*/ .iktheme-testimonial-wrapper{ padding: 20px; border-radius: 10px; border: 1px dashed var(--theme-color); text-align: center; overflow: hidden; } .carouseldots .iktheme-testimonial-wrapper{ align-items: center; } .iktheme-testimonial-top-content{ position: relative; } .iktheme-testimonial-buttom-content{ display: flex; flex-direction: column; gap: 1rem; width: 100%; } .iktheme-testimonial-title{ margin: 0; } .iktheme-testimonial-rating i{ color: var(--theme-color); } .iktheme-testimonial-layout-left .iktheme-testimonial-wrapper { flex-direction: row; align-items: center; } .iktheme-testimonial-layout-right .iktheme-testimonial-wrapper { flex-direction: row-reverse; align-items: center; } .iktheme-testimonial-layout-left .iktheme-testimonial-buttom-content{ text-align: start; } .iktheme-testimonial-layout-right .iktheme-testimonial-buttom-content{ text-align: end; } .iktheme-testimonial-layout-left .iktheme-testimonial-top-content, .iktheme-testimonial-layout-right .iktheme-testimonial-top-content{ min-width: 25%; } .iktheme-testimonial-layout-above .iktheme-testimonial-wrapper, .iktheme-testimonial-layout-above .iktheme-testimonial-wrapper.style2 { flex-direction: column; } .iktheme-testimonial-layout-below .iktheme-testimonial-wrapper, .iktheme-testimonial-layout-below .iktheme-testimonial-wrapper.style2 { flex-direction: column-reverse; } .iktheme-testimonial-wrapper.style1{ display: flex; gap: 1rem; } .iktheme-testimonial-wrapper.style1 .iktheme-testimonial-img img{ width: 120px; height: 120px; border: 1px solid var(--theme-color); padding: 5px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .iktheme-testimonial-wrapper.style2 { display: flex; gap: 1rem; flex-direction: column; align-items: flex-start; text-align: left; } .iktheme-testimonial-wrapper.style2 .iktheme-testimonial-box-wrap{ display: flex; align-items: center; gap: 20px; } .iktheme-testimonial-wrapper.style2 .iktheme-testimonial-img img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; border: 1px solid var(--theme-color); padding: 3px; border-radius: 50%; } .iktheme-testimonial-wrapper.style2 .iktheme-testimonial-rating { padding: 10px 20px; background: #f0f3f9; border-radius: 15px; text-align: center; } .ikthemes-quote-icon .elementor-icon{ font-size: 35px; rotate: 90deg; color: var(--theme-color); fill: var(--theme-color); } .iktheme-testimonial-wrapper.style6{ padding: 0; position: relative; cursor: pointer; } .iktheme-testimonial-wrapper.style6 .iktheme-testimonial-top-content img { min-height: 400px; object-fit: cover; width: 100%; } .iktheme-testimonial-wrapper.style6 .iktheme-testimonial-buttom-content { display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); padding: 20px; position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; border-radius: 5px; opacity: 0; overflow: hidden; transform: scale(0.5); transition: all 0.4s ease; width: auto; } .iktheme-testimonial-wrapper.style6 .iktheme-testimonial-buttom-content { opacity: 1; overflow: visible; transform: scale(1); } /*-------------------------------------------------------------- ## Testimonial Slide --------------------------------------------------------------*/ .iktheme-testimonial-slider{ width: 70%; margin: 0 auto; } .iktheme-testimonial-slider-wrap{ display: flex; flex-direction: column; gap: 1rem; text-align: center; align-items: center; } .iktheme-testimonial-slider-wrap .iktheme-testimonial-top-content { display: flex; flex-direction: column; gap: 1rem; align-items: center; } .iktheme-testimonial-slider-wrap .iktheme-testimonial-img img { width: 80px; height: 80px; border: 1px solid var(--theme-color); padding: 5px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } /*-------------------------------------------------------------- ## Counter Section --------------------------------------------------------------*/ .iktheme-counter-wrapper{ display: flex; flex-direction: column; align-items: center; text-align: center; gap:5px; } .iktheme-icon-wrap .elementor-icon{ font-size: 50px; color: var(--theme-color); fill: var(--theme-color); } .iktheme-content-wrap { font-size: 35px; line-height: normal; font-weight: 700; color: var(--theme-color); } .iktheme-counter-title{ margin: 0; color: var(--theme-color); } .iktheme-counter-wrapper.style2{ position: relative; padding:25px; } .iktheme-counter-wrapper.style2:before { content: ""; position: absolute; left: 0; top: 0; width: 30px; border: 1px solid var(--theme-color); transition: all 0.3s ease; } .iktheme-counter-wrapper.style2:after { content: ""; position: absolute; left: 0; top: 0; height: 30px; border: 1px solid var(--theme-color); transition: all 0.3s ease; } .iktheme-counter-wrapper.style2>span:before { content: ""; position: absolute; right: 0; bottom: 0; width: 30px; border: 1px solid var(--theme-color); transition: all 0.3s ease; } .iktheme-counter-wrapper.style2>span:after { content: ""; position: absolute; right: 0; bottom: 0; height: 30px; border: 1px solid var(--theme-color); transition: all 0.3s ease; } .iktheme-counter-wrapper.style2:hover:after, .iktheme-counter-wrapper.style2:hover>span:after { height: 100%; } .iktheme-counter-wrapper.style2:hover:before, .iktheme-counter-wrapper.style2:hover>span:before { width: 100%; } .style3.iktheme-counter-wrapper{ width: 235px; height: 235px; border-radius: 50%; background-color: var(--box-shadow); color: var(--white-color); margin: 0 auto; justify-content: center; gap: 10px; } .counter-shape { position: absolute; width: 270px; height: 270px; border-radius: 50%; border: 2px solid var(--theme-color); -webkit-transition: all 0.4sease-in-out; transition: all 0.4sease-in-out; } .counter-shape span { position: absolute; bottom: 45px; right: 12px; width: 25px; height: 25px; border-radius: 50%; background-color: rgb(var(--theme-rgb-color), 0.20); z-index: 2; } .counter-shape:after, .counter-shape:before { content: ""; position: absolute; bottom: 20%; right: 7%; width: 10px; height: 10px; border-radius: 50%; box-sizing: content-box; background-color: var(--theme-color); } .counter-shape:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple3; animation-name: ripple3; } @keyframes ripple3 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 30% { opacity: 0.4; } 100% { -webkit-transform: scale(2.9); transform: scale(2.9); opacity: 0.2; } } .style3.iktheme-counter-wrapper:hover .counter-shape { -webkit-animation: spin 10s linear infinite; animation: spin 10s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .iktheme-counter-wrapper.style4 { flex-direction: row; padding: 20px; gap: 0; } .iktheme-counter-wrapper.style4 .iktheme-content-wrap{ display: flex; flex-direction: column; align-items: center; } .iktheme-counter-wrapper.style4 .iktheme-counter-title { writing-mode: vertical-rl; text-orientation: mixed; } /*-------------------------------------------------------------- ## Logo Carousel --------------------------------------------------------------*/ .ikthemes-logo-list{ display: grid; gap: 2rem; grid-template-columns: repeat(4, 1fr); } .ikthemes-logo-area { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; cursor: pointer; } /*-------------------------------------------------------------- ## Blog Section --------------------------------------------------------------*/ .ikthemes-blog-wrap{ display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); } .ikthemes-blog-item{ position: relative; overflow: hidden; display: flex; flex-direction: column; text-align: center; border-radius: 3px; background-color: #fafafa; } .ikthemes-blog-post-thumbnail { overflow: hidden; position: relative; } .ikthemes-blog-post-thumbnail .ikthemes-post-thumbnail img { width: 100%; height: 100%; object-fit: cover; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -ms-transition: all ease 0.6s; } .ikthemes-blog-post-thumbnail .ikthemes-post-thumbnail img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .ikthemes-box-content { padding:20px; display: flex; flex-direction: column; gap: 1rem; } .ikthemes-blog-title{ margin: 0; } .ikthemes-entry-meta{ text-transform: capitalize; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 0.5rem; } .ikthemes-entry-meta .avatar { border-radius: 50%; margin-right: 5px; border: 1px solid var(--theme-color); padding:1px; } .ikthemes-blog-wrap.style2 .ikthemes-box-content{ position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; } .style2 .ikthemes-blog-title a, .style2 .ikthemes-entry-meta, .style2 .ikthemes-entry-meta a, .ikthemes-blog-wrap.style2 .iktheme-button.iktheme-button-noborder, .ikthemes-blog-wrap.style2 .iktheme-button.iktheme-button-noborder .iktheme-link-icon svg{ color: var(--white-color); fill: var(--white-color); } .style2 .ikthemes-blog-title a:hover, .style2 .ikthemes-entry-meta a:hover, .ikthemes-blog-wrap.style2 .iktheme-button.iktheme-button-noborder:hover, .ikthemes-blog-wrap.style2 .iktheme-button.iktheme-button-noborder:hover .iktheme-link-icon svg{ color: var(--theme-color); fill: var(--theme-color); } /*-------------------------------------------------------------- ## Logo Flipster --------------------------------------------------------------*/ .ikthemes-image-flipster-carousel .ikthemes-image-slide .flip-content{ width: 100%; height: 100%; display: flex; justify-content: center; overflow: hidden; } .ikthemes-image-flipster-carousel.flipster-carousel .flip-items .flip-item { background-color: var(--white-color); opacity: 1; } .ikthemes-image-stretch-yes.ikthemes-image-flipster-carousel .ikthemes-image-slide .flip-content img{ object-fit: cover; height: 100%; width: 100%; } .ikthemes-disable-nav.ikthemes-image-flipster-carousel .flipto-prev, .ikthemes-disable-nav.ikthemes-image-flipster-carousel .flipto-next{ display: none; } .ikthemes-image-flipster-carousel .flipto-prev, .ikthemes-image-flipster-carousel .flipto-next { font-size: 25px; background: var(--theme-color); display: flex; align-items: center; justify-content: center; color: #ffffff; } .ikthemes-image-flipster-carousel.ikthemes-nav-side .flipto-prev, .ikthemes-image-flipster-carousel.ikthemes-nav-side .flipto-next{ position: absolute; top: 50%; transform: translateY(-50%); height: 110px; width: 32px; } .ikthemes-image-flipster-carousel.ikthemes-nav-side .flipto-prev { left: 0; border-radius: 0 5px 5px 0; } .ikthemes-image-flipster-carousel.ikthemes-nav-side .flipto-next { right: 0; border-radius: 5px 0 0 5px; } .ikthemes-image-flipster-carousel.ikthemes-nav-bottom .flipto-prev, .ikthemes-image-flipster-carousel.ikthemes-nav-bottom .flipto-next{ height: 50px; width: 40px; border-radius: 2px; } .ikthemes-image-flipster-carousel.ikthemes-nav-bottom .flipto-nav{ display: flex; align-items: center; justify-content: center; margin-top: 30px; } .ikthemes-image-flipster-carousel.ikthemes-nav-bottom .flipto-prev { margin-right: 5px; } .ikthemes-image-flipster-carousel.ikthemes-nav-bottom .flipto-next { margin-left: 5px; } /*-------------------------------------------------------------- ## Working Process (Step) --------------------------------------------------------------*/ .working-area { position: relative; z-index: 2; } .working_step_item { display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 20px; } .working_step_item:nth-child(2n) { flex-direction: row-reverse; } .working_step_item::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 6px; height: calc(100% + 100px); background-color: var(--theme-color); } .working_step_item:last-child::before { height: 50%; top: 0; } .working_step_item:first-child::after { content: ""; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); width: 15px; height: 15px; background-color: var(--theme-color); border-radius: 15px; } .working_step_item .working_number { padding: 6px; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 100%; background: var(--white-color); border: 5px solid rgba(var(--theme-rgb-color), 0.9); box-shadow: 0 0 8px rgba(var(--theme-rgb-color), 0.9); } .working_step_item .working_number span { font-size: 32px; font-weight: 600; color: var(--theme-color); width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border: 5px solid rgba(var(--theme-rgb-color), 0.9); border-radius: 100%; margin: 0; box-shadow: 0 2px 15px rgba(var(--theme-rgb-color), 0.9), 1px 0 0 rgba(var(--theme-rgb-color), 0.9) inset, -1px 0 0 rgba(var(--theme-rgb-color), 0.9) inset; } .working_step_item .working_text, .working_step_item .working_img, .working_step_item .working-wrap { width: 42%; position: relative; } .working_step_item .working-wrap .working-icon { display: inline-block; } .working_step_item .working-icon, .working_step_item:nth-child(2n) .working_text { text-align: left; } .working_step_item .working_text, .working_step_item:nth-child(2n) .working-icon, .working_step_item:nth-child(2n) .working_img { text-align: right; } .general-align-end .working_step_item:nth-child(2n) .working_text, .image-align-right .working_step_item:nth-child(2n) .working_img, .image-align-right .working_step_item:nth-child(2n) .working-icon { text-align: left !important; } .general-align-start .working_step_item:nth-child(2n) .working_text, .image-align-right .working_step_item .working-icon, .image-align-left .working_step_item:nth-child(2n) .working_img { text-align: right !important; } .image-align-center .working_step_item .working-icon { text-align: center; } .working_step_item .working_text { padding: 25px; background-color: #fcfcfc; border-radius: 10px; } .working_step_item .working_text::before { content: ''; position: absolute; border-style: solid; border-color: transparent; top: 40%; border-width: 17px; right: -33px; border-left-color: #fcfcfc; } .working_step_item:nth-child(2n) .working_text::before { transform: rotate(180deg); left: -33px; right: unset; } .working_step_item .working_img img { object-fit: cover; height: 240px; width: 100%; border-radius: 10px; cursor: pointer; } .working_step_item .working-icon svg, .working_step_item .working-icon i { height: 180px; width: 180px; font-size: 180px; cursor: pointer; fill: var(--theme-color); } .working-area.style2, .working-area.style3, .working-area.style4 { display: grid; gap: 2rem; grid-template-columns: repeat(3, 1fr); } .working_step_item2 { position: relative; } .working_step_item2 .working_text { background-color: #fcfcfc; padding: 30px; text-align: center; border-radius: 10px 10px 0 0; position: relative; } .working_step_item2 .working_img { position: relative; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 25px; } .working_step_item2 .working_img img { position: relative; z-index: 9; width: 100px; height: 100px; border-radius: 50%; } .working_step_item2 .working-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; font-size: 50px; padding: 20px; border-radius: 50%; margin-bottom: 25px; background-color: var(--theme-color); color: var(--white-color); border: 5px solid var(--box-shadow); } .working_step_item2 .working_img::after, .working_step_item2 .working-icon::after { position: absolute; content: ""; height: 115px; width: 115px; border-radius: 50%; border: 2px dashed var(--theme-color); } .working_step_item2 .working-icon svg { width: 50px; height: 50px; fill: var(--white-color); } .working_shape { height: 110px; width: 100%; aspect-ratio: 2; -webkit-mask: linear-gradient(0deg, transparent calc(60px / sqrt(2)), #000 0), radial-gradient(60px at 50% calc(100% - 60px * sqrt(2)), #000 98%, transparent 101%); clip-path: polygon(50% 75%, 100% -1px, 0 -1px); background: linear-gradient(45deg, #fafafa, #fafafa); } .working_step_item2 .working_number span { position: absolute; z-index: 1; bottom: 10px; left: 50%; transform: translateX(-50%); width: 55px; height: 55px; background: var(--theme-color); color: var(--white-color); font-weight: 600; font-size: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .workingstep { position: relative; } .workingstep::after { content: ''; position: absolute; width: 400px; height: 150px; border: solid 5px var(--theme-color); border-color: var(--theme-color) transparent transparent transparent; border-radius: 50% / 100px 150px 0 0; left: -50%; } .workingstep::before { content: ''; position: absolute; display: block; margin: 35px auto; width: 20px; height: 20px; border-top: 5px solid var(--theme-color); border-left: 5px solid var(--theme-color); transform: rotate(170deg); right: 64%; } .item2 .workingstep::after { width: 585px; height: 125px; } .item4 .workingstep::after { width: 330px; left: -60%; } /*-------------------------------------------------------------- ## CTA ( Call To Action ) Block --------------------------------------------------------------*/ .calltoaction-wrap { position: relative; display: flex; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; overflow: hidden } .calltoaction-bg-wrapper { position: relative; min-height: 400px; width: 100%; z-index: 2; } .calltoaction-bg-image-overlay, .calltoaction-bg-image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; transition: all .9s; z-index: 1; } .calltoaction-content-wrapper { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; gap: 1rem; text-align: center; justify-content: center; background-color: #f9fafa; padding:50px 20px; color: var(--title-color); width: 100%; z-index: 2; } .calltoaction-layout-skin-cover .calltoaction-content-wrapper{ max-width: var(--container-width); margin: 0 auto; overflow: hidden; } .calltoaction-icon i, .calltoaction-icon svg{ width: 65px; height: 65px; font-size: 65px; fill: var(--title-color); } .calltoaction-image-wrap img{ border-radius: 8px; } .calltoaction-title{ margin-bottom: 0; } .calltoaction-button-wrapper .calltoaction-button{ display: inline-block; cursor: pointer; line-height: 1; padding: 12px 24px; border-radius: 3px; color: var(--title-color);; fill: var(--title-color);; border: 2px solid var(--title-color); } .calltoaction-layout-image-above .calltoaction-wrap, .calltoaction-layout-image-below .calltoaction-wrap { flex-wrap: wrap } .calltoaction-layout-image-above .calltoaction-bg-wrapper, .calltoaction-layout-image-below .calltoaction-bg-wrapper { width: 100% } .calltoaction-layout-image-left .calltoaction-wrap, .calltoaction-layout-image-right .calltoaction-wrap { flex-wrap: nowrap } .calltoaction-layout-image-left .calltoaction-bg-wrapper, .calltoaction-layout-image-right .calltoaction-bg-wrapper { width: auto; min-width: 50% } .calltoaction-layout-image-left .calltoaction-content-wrapper, .calltoaction-layout-image-right .calltoaction-content-wrapper { flex-grow: 1 } /* Skin Cover Layout */ .calltoaction-layout-skin-cover .calltoaction-wrap { display: block } .calltoaction-layout-skin-cover .calltoaction-bg-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all .4s; width: 100% } .calltoaction-layout-skin-cover .calltoaction-content-wrapper { min-height: 400px; background-color: transparent; justify-content: center; } /* Features tag Ribbon */ .calltoaction-ribbon { position: absolute; z-index:9; top: 0; left: auto; right: 0; transform: rotate(90deg); width: 150px; overflow: hidden; height: 150px } .calltoaction-ribbon-inner { text-align: center; left: 0; width: 200%; transform: translateY(-50%) translateX(-50%) translateX(45px) rotate(-45deg); margin-top: 45px; font-size: 13px; line-height: 2; font-weight: 800; text-transform: uppercase; background: var(--theme-color); color: #fff } .calltoaction-ribbon.calltoaction-ribbon-left { transform: rotate(0); left: 0; right: auto } .calltoaction-ribbon.calltoaction-ribbon-right { transform: rotate(90deg); left: auto; right: 0 } /*! Hover Effect Custom CSS */ .ikreatethemes-bg-transform .ikreatethemes-bg { will-change: transform; } .ikreatethemes-bg-transform-zoom-in:hover .ikreatethemes-bg, .ikreatethemes-bg-transform-zoom-out .ikreatethemes-bg { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .ikreatethemes-bg-transform-zoom-out:hover .ikreatethemes-bg { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } .ikreatethemes-bg-transform-move-left .ikreatethemes-bg { transform: scale(1.2) translateX(8%); -webkit-transform: scale(1.2) translateX(8%); -ms-transform: scale(1.2) translateX(8%); } .ikreatethemes-bg-transform-move-left:hover .ikreatethemes-bg, .ikreatethemes-bg-transform-move-right .ikreatethemes-bg { transform: scale(1.2) translateX(-8%); -webkit-transform: scale(1.2) translateX(-8%); -ms-transform: scale(1.2) translateX(-8%); } .ikreatethemes-bg-transform-move-right:hover .ikreatethemes-bg { transform: scale(1.2) translateX(8%); -webkit-transform: scale(1.2) translateX(8%); -ms-transform: scale(1.2) translateX(8%); } .ikreatethemes-bg-transform-move-up .ikreatethemes-bg { transform: scale(1.2) translateY(8%); -webkit-transform: scale(1.2) translateY(8%); -ms-transform: scale(1.2) translateY(8%); } .ikreatethemes-bg-transform-move-down .ikreatethemes-bg, .ikreatethemes-bg-transform-move-up:hover .ikreatethemes-bg { transform: scale(1.2) translateY(-8%); -webkit-transform: scale(1.2) translateY(-8%); -ms-transform: scale(1.2) translateY(-8%); } .ikreatethemes-bg-transform-move-down:hover .ikreatethemes-bg { transform: scale(1.2) translateY(8%); -webkit-transform: scale(1.2) translateY(8%); -ms-transform: scale(1.2) translateY(8%); } .calltoaction-animated-content:focus .calltoaction-animated-item--grow, .calltoaction-animated-content:hover .calltoaction-animated-item--grow { transform: scale(1.1) } .calltoaction-animated-content:focus .calltoaction-animated-item--shrink, .calltoaction-animated-content:hover .calltoaction-animated-item--shrink { transform: scale(.85) } .calltoaction-animated-content:focus .calltoaction-animated-item--shrink-contained, .calltoaction-animated-content:hover .calltoaction-animated-item--shrink-contained { transform: scale(1) } .calltoaction-animated-content:focus .calltoaction-animated-item--enter-zoom-in, .calltoaction-animated-content:focus .calltoaction-animated-item--enter-zoom-out, .calltoaction-animated-content:focus .calltoaction-animated-item--fade-in, .calltoaction-animated-content:hover .calltoaction-animated-item--enter-zoom-in, .calltoaction-animated-content:hover .calltoaction-animated-item--enter-zoom-out, .calltoaction-animated-content:hover .calltoaction-animated-item--fade-in { transform: scale(1); opacity: 1 } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-zoom-in, .calltoaction-animated-content:focus .calltoaction-animated-item--exit-zoom-out, .calltoaction-animated-content:focus .calltoaction-animated-item--fade-out, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-zoom-in, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-zoom-out, .calltoaction-animated-content:hover .calltoaction-animated-item--fade-out { opacity: 0 } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-zoom-out, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-zoom-out { transform: scale(.2) } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-zoom-in, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-zoom-in { transform: scale(2) } .calltoaction-animated-content:focus .calltoaction-animated-item--enter-from-bottom, .calltoaction-animated-content:focus .calltoaction-animated-item--enter-from-left, .calltoaction-animated-content:focus .calltoaction-animated-item--enter-from-right, .calltoaction-animated-content:focus .calltoaction-animated-item--enter-from-top, .calltoaction-animated-content:hover .calltoaction-animated-item--enter-from-bottom, .calltoaction-animated-content:hover .calltoaction-animated-item--enter-from-left, .calltoaction-animated-content:hover .calltoaction-animated-item--enter-from-right, .calltoaction-animated-content:hover .calltoaction-animated-item--enter-from-top { opacity: 1; transform: translateY(0) translateX(0) } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-right, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-right { transform: translateX(1000px) } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-left, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-left { transform: translateX(-1000px) } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-top, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-top { transform: translateY(-600px) } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-bottom, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-bottom { transform: translateY(600px) } .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-bottom, .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-left, .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-right, .calltoaction-animated-content:focus .calltoaction-animated-item--exit-to-top, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-bottom, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-left, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-right, .calltoaction-animated-content:hover .calltoaction-animated-item--exit-to-top { opacity: 0 } .calltoaction-animated-content:focus .calltoaction-animated-item--move-right, .calltoaction-animated-content:hover .calltoaction-animated-item--move-right { transform: translateX(30px) } .calltoaction-animated-content:focus .calltoaction-animated-item--move-left, .calltoaction-animated-content:hover .calltoaction-animated-item--move-left { transform: translateX(-30px) } .calltoaction-animated-content:focus .calltoaction-animated-item--move-up, .calltoaction-animated-content:hover .calltoaction-animated-item--move-up { transform: translateY(-30px) } .calltoaction-animated-content:focus .calltoaction-animated-item--move-down, .calltoaction-animated-content:hover .calltoaction-animated-item--move-down { transform: translateY(30px) } .calltoaction-animated-content:focus .calltoaction-animated-item--move-contained-right, .calltoaction-animated-content:hover .calltoaction-animated-item--move-contained-right { --translate: 8%,0 } .calltoaction-animated-content:focus .calltoaction-animated-item--move-contained-left, .calltoaction-animated-content:hover .calltoaction-animated-item--move-contained-left { --translate: -8%,0 } .calltoaction-animated-content:focus .calltoaction-animated-item--move-contained-top, .calltoaction-animated-content:hover .calltoaction-animated-item--move-contained-top { --translate: 0,-8% } .calltoaction-animated-content:focus .calltoaction-animated-item--move-contained-bottom, .calltoaction-animated-content:hover .calltoaction-animated-item--move-contained-bottom { --translate: 0,8% } .calltoaction-animated-content [class^=calltoaction-animated-item] { will-change: transform,opacity } .calltoaction-animated-content .calltoaction-animated-item--shrink-contained { transform: scale(1.17) } .calltoaction-animated-content .calltoaction-animated-item--enter-zoom-in { transform: scale(.2) } .calltoaction-animated-content .calltoaction-animated-item--enter-zoom-out { transform: scale(2) } .calltoaction-animated-content .calltoaction-animated-item--enter-zoom-in, .calltoaction-animated-content .calltoaction-animated-item--enter-zoom-out, .calltoaction-animated-content .calltoaction-animated-item--fade-in { opacity: 0 } .calltoaction-animated-content .calltoaction-animated-item--exit-zoom-in, .calltoaction-animated-content .calltoaction-animated-item--exit-zoom-out, .calltoaction-animated-content .calltoaction-animated-item--fade-out { opacity: 1; transform: scale(1) } .calltoaction-animated-content .calltoaction-animated-item--enter-from-right { transform: translateX(1000px) } .calltoaction-animated-content .calltoaction-animated-item--enter-from-left { transform: translateX(-1000px) } .calltoaction-animated-content .calltoaction-animated-item--enter-from-top { transform: translateY(-600px) } .calltoaction-animated-content .calltoaction-animated-item--enter-from-bottom { transform: translateY(500px) } .calltoaction-animated-content .calltoaction-animated-item--enter-from-bottom, .calltoaction-animated-content .calltoaction-animated-item--enter-from-left, .calltoaction-animated-content .calltoaction-animated-item--enter-from-right, .calltoaction-animated-content .calltoaction-animated-item--enter-from-top { opacity: 0 } .calltoaction-animated-content .calltoaction-animated-item--exit-to-bottom, .calltoaction-animated-content .calltoaction-animated-item--exit-to-left, .calltoaction-animated-content .calltoaction-animated-item--exit-to-right, .calltoaction-animated-content .calltoaction-animated-item--exit-to-top { opacity: 1; transform: translateY(0) translateX(0) } .calltoaction-animated-content .calltoaction-animated-item--move-contained-bottom, .calltoaction-animated-content .calltoaction-animated-item--move-contained-left, .calltoaction-animated-content .calltoaction-animated-item--move-contained-right, .calltoaction-animated-content .calltoaction-animated-item--move-contained-top { transform: scale(1.2) translate(var(--translate)) } /*-------------------------------------------------------------- ## Video Block --------------------------------------------------------------*/ .ikthemes-video-popup{ display: flex; } .ikthemes-video-popup-align-center{ justify-content: center; } .ikthemes-video-popup-align-left{ justify-content: flex-start; } .ikthemes-video-popup-align-right{ justify-content: flex-end; } .ikthemes-play-button { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; position: relative; text-align: center; background: var(--theme-color); } .ikthemes-play-button i{ position: relative; color: var(--white-color); z-index: 9; font-size: 45px; } .ikthemes-play-button-img{ position: relative; } .ikthemes-play-button-img img{ display:flex; position: relative; color: var(--white-color); z-index: 9; width: 80px; height: 80px; background: var(--theme-color); border-radius: 50%; } .ikthemes-play-button-svg{ display: flex; position: relative; } .ikthemes-play-button-svg svg{ display: flex; position: relative; z-index: 9; width: 80px; height: 80px; padding: 10px; border-radius: 50%; fill: var(--white-color); background: var(--theme-color); } .ikthemes-play-button-svg::before, .ikthemes-play-button-img:before, .ikthemes-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; background: var(--theme-color); } .ikthemes-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; background: var(--theme-color); } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-webkit-keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } /*-------------------------------------------------------------- ## Contact Block Section --------------------------------------------------------------*/ .ikthemes-contact-area{ display: flex; flex-direction: column; gap: 1rem; } .ikthemes-touch-contact { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .ikthemes-touch { display: flex; flex-direction: column; text-align: center; background-color: #fafafa; padding: 20px; border-radius:5px; } .ikthemes-touch-icon { font-size: 50px; color: var(--theme-color); } .ikthemes-touch-icon svg{ width: 45px; height: 45px; vertical-align: middle; fill: var(--theme-color); } .ikthemes-touch-title{ margin-bottom: 6px; } .ikthemes-contact-content { display: flex; } .ikthemes-maps-embed{ width: 50%; } .ikthemes-maps-embed > iframe { height: 100%; width: 100%; display: block; } .ikthemes-contact-detail { background: var(--theme-color); width: 50%; padding: 15px; } .ikthemes-contact-form { padding:20px; background: #f9f9f9; } .ikthemes-contact-form textarea { height: 100px; border-bottom: 2px solid #eeeeee; background: none; } .ikthemes-contact-form input[type="text"], .ikthemes-contact-form input[type="email"], .ikthemes-contact-form input[type="url"], .ikthemes-contact-form input[type="password"], .ikthemes-contact-form input[type="search"], .ikthemes-contact-form input[type="number"], .ikthemes-contact-form input[type="tel"], .ikthemes-contact-form input[type="range"], .ikthemes-contact-form input[type="date"], .ikthemes-contact-form input[type="month"], .ikthemes-contact-form input[type="week"], .ikthemes-contact-form input[type="time"], .ikthemes-contact-form input[type="datetime"], .ikthemes-contact-form input[type="datetime-local"], .ikthemes-contact-form input[type="color"] { border-bottom: 2px solid #eeeeee; background: none; } .ikthemes-contact-form p { margin-bottom: 20px; } .ikthemes-contact-form p:last-of-type { margin-bottom: 0; } .ikthemes-contact-form input[type="submit"] { width: 100%; } /*-------------------------------------------------------------- ## Progress Bars --------------------------------------------------------------*/ .iktheme-progress-bar-wrapper { display: flex; flex-direction: column; gap: 1rem; } .iktheme-progress-item { display: flex; flex-direction: column; gap: 5px; } .iktheme-progress-title{ margin: 0; } .iktheme-progress-bar { position: relative; height: 20px; width: 100%; background: var(--box-shadow); border-radius: 2px; } .iktheme-progress-bar-length { background: var(--theme-color); height: 100%; text-align: right; width: 0; border-radius: 2px; } .iktheme-progress-bar-length span { position: absolute; right: 0; bottom: 100%; } .iktheme-team-carousel, .iktheme-testimonial-carousel, .iktheme-testimonial-slider, .ikthemes-logo-carousel { overflow: hidden; } /**======Responsive CSS========**/ @media screen and (max-width: 1024px) { .iktheme-slider-title{ font-size: 40px; } .iktheme-slider-wrapper .iktheme-slider-inner{ padding: 0 25px; } .nav_image .owl-nav { left: 10px; right: 10px; } .iktheme-service-area .iktheme-service-detail { justify-content: space-around; } .iktheme-feature-service-img{ display: none; } .iktheme-service-area.style2 .iktheme-service-item-wrap, .iktheme-service-area.style3 .iktheme-service-item-wrap { grid-template-columns: repeat(2, 1fr); } .iktheme-service-area.style2 .iktheme-service-block:nth-child(2), .iktheme-service-area.style2 .iktheme-service-block:nth-child(4), .iktheme-service-area.style2 .iktheme-service-block:nth-child(6), .iktheme-service-area.style2 .iktheme-service-block:nth-child(8), .iktheme-service-area.style2 .iktheme-service-block:nth-child(10), .iktheme-service-area.style2 .iktheme-service-block:nth-child(12) { display: flex; flex-direction: column-reverse; } .iktheme-service-area.style2 .iktheme-service-block:nth-child(5){ display: flex; flex-direction: column; } .ikthemes-contact-area .ikthemes-touch-contact { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .ikthemes-contact-area .ikthemes-touch:last-child{ grid-column: 3 / 1; } } @media screen and (max-width: 768px) { .iktheme-dots-position-right .owl-dots{ right: 10px; } .iktheme-dots-position-left .owl-dots{ left: 10px; } .iktheme-dots-position-left .nav_image .owl-nav, .iktheme-dots-position-right .nav_image .owl-nav, .iktheme-dots-position-left .nav_arrow .owl-nav, .iktheme-dots-position-right .nav_arrow .owl-nav { left: 10px; right: 10px; } .style1 .working_step_item .working_text:before{ display: none; } .working_step_item { padding: 10px; gap: 1rem; flex-direction: row-reverse; align-items: stretch; margin-bottom: 0; } .working_step_item .working_text, .working_step_item:nth-child(2n) .working-icon, .working_step_item:nth-child(2n) .working_img { text-align: left; } .working_step_item .working_text, .working_step_item .working_img, .working_step_item .working-wrap { width: 50%; } .working_step_item .working_text { display: flex; flex-direction: column; justify-content: center; padding: 0; } .working_step_item .working_img img { height: auto; border-radius: 0; } .working_step_item .working_number span{ width: 50px; height: 50px; font-size: 22px; } .working_step_item::before { left: 4.5%; z-index: 9; } .working_step_item:first-child::after { left: 3.6%; transform: translateX(-3.6%); } .working_step_item .working_number { position: absolute; left: 0%; z-index: 9; } .ikthemes-contact-content { flex-direction: column; } .ikthemes-contact-area .ikthemes-maps-embed { width: 100%; height: 350px; } .ikthemes-contact-form, .ikthemes-contact-detail{ width: 100%; } } @media screen and (max-width: 480px) { .iktheme-button-wrapper { display:flex; gap: 10px; flex-direction: column; } .iktheme-slider-super-title{ border-bottom: 0; text-align: center; } .iktheme-slider-title { font-size: 30px; text-align: center; } .iktheme-slider-description { display: none; } .nav_image .owl-nav { left: 0; right: 0; } .nav_image .owl-nav button[class*="owl-"] { height: 110px; width: 32px; background-image: none !important; background: var(--theme-color); color: var(--white-color); opacity: .5; -webkit-transition: opacity .35s linear 0s; transition: opacity .35s linear 0s; border: 0; } .nav_image .owl-nav button.owl-next { border-radius: 5px 0 0 5px; } .nav_image .owl-nav button.owl-prev { border-radius: 0 5px 5px 0; } .nav_image .owl-nav button.owl-next::before, .nav_image .owl-nav button.owl-prev::before { font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 22px; } .nav_image .owl-nav button.owl-prev::before { content: '\f053'; } .nav_image .owl-nav button.owl-next::before { content: '\f054'; } .nav_image .owl-nav button.owl-next:hover, .nav_image .owl-nav button.owl-prev:hover { opacity: 1; } .iktheme-dots-position-left .nav_arrow .owl-nav button[class*="owl-"], .iktheme-dots-position-right .nav_arrow .owl-nav button[class*="owl-"], .iktheme-dots-position-left .nav_image .owl-nav button[class*="owl-"], .iktheme-dots-position-right .nav_image .owl-nav button[class*="owl-"]{ height: 50px; width: 50px; border-radius: 2px; } .iktheme-dots-position-center .nav_arrow .owl-nav button[class*="owl-"], .iktheme-dots-position-center .nav_image .owl-nav button[class*="owl-"]{ height: 110px; width: 32px; } .iktheme-dots-position-left .nav_image .owl-nav, .iktheme-dots-position-right .nav_image .owl-nav, .iktheme-dots-position-left .nav_arrow .owl-nav, .iktheme-dots-position-right .nav_arrow .owl-nav, .number_type .owl-dots, .dots_type .owl-dots{ bottom: 5px; } .iktheme-service-area .iktheme-service-detail { display: flex; flex-direction: column; } .iktheme-imageicon-layout-left .iktheme-leftdata .iktheme-service-item-block, .iktheme-imageicon-layout-left .iktheme-rightdata .iktheme-service-item-block, .iktheme-imageicon-layout-right .iktheme-leftdata .iktheme-service-item-block, .iktheme-imageicon-layout-right .iktheme-rightdata .iktheme-service-item-block, .iktheme-imageicon-layout-above .iktheme-leftdata .iktheme-service-item-block, .iktheme-imageicon-layout-above .iktheme-rightdata .iktheme-service-item-block { text-align: center; flex-direction: column; align-items: center; } .iktheme-imageicon-layout-below .iktheme-leftdata .iktheme-service-item-block, .iktheme-imageicon-layout-below .iktheme-rightdata .iktheme-service-item-block { flex-direction: column-reverse; text-align: center; align-items: center; } .iktheme-service-area.style2 .iktheme-service-item-wrap, .iktheme-service-area.style3 .iktheme-service-item-wrap { grid-template-columns: repeat(1, 1fr); } .iktheme-service-area.style2 .iktheme-service-block:nth-child(2), .iktheme-service-area.style2 .iktheme-service-block:nth-child(4), .iktheme-service-area.style2 .iktheme-service-block:nth-child(6), .iktheme-service-area.style2 .iktheme-service-block:nth-child(8), .iktheme-service-area.style2 .iktheme-service-block:nth-child(10), .iktheme-service-area.style2 .iktheme-service-block:nth-child(12) { display: flex; flex-direction: column; } .calltoaction-content-wrapper { padding:10px; } .working_step_item .working_text:before, .working_step_item:first-child::after, .working_step_item::before, .working_step_item .working_number{ display: none; } .working_step_item { padding: 0; gap: 0; } .working_step_item, .working_step_item:nth-child(2n) { flex-direction: column; } .working_step_item .working_text, .working_step_item .working_img, .working_step_item .working-wrap { width: 100%; } .working_step_item .working_text, .working_step_item:nth-child(2n) .working-icon, .working_step_item:nth-child(2n) .working_img, .working_step_item .working-icon, .working_step_item:nth-child(2n) .working_text { text-align: center; align-items: center; } .working_step_item .working_text{ padding: 15px; } .ikthemes-contact-area .ikthemes-touch-contact { grid-template-columns: repeat(1, 1fr); } .ikthemes-contact-area .ikthemes-touch:last-child{ grid-column:1; } .ikthemes-touch{ padding: 10px; } }