.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}.chy-about-4-img {
position: relative;
padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-about-4-img {
margin-bottom: 20px;
}
}
.chy-about-4-img .bg-color {
width: 90%;
height: 90%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.chy-solution-4-img {
padding: 27px;
padding-left: 5px;
position: relative;
}
.chy-solution-4-img .bg-color {
position: absolute;
top: 0;
right: 0;
width: 95%;
height: 90%;
z-index: -1;
border-radius: 0px 0px 0px 200px;
}
.chy-solution-4-img .il-img {
position: absolute;
bottom: 0;
left: -170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.chy-solution-4-img .il-img {
left: -70px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-solution-4-img .il-img {
left: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chy-solution-4-img .il-img {
left: 0px;
}
}
@media (max-width: 767px) {
.chy-solution-4-img .il-img {
left: 0px;
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-solution-4-img .il-img {
left: 0;
display: block;
}
}
.chy-solution-4-img .main-img {
width: 100%;
height: 470px;
overflow: hidden;
border-radius: 0px 0px 0px 200px;
}
@media (max-width: 767px) {
.chy-solution-4-img .main-img {
height: 350px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-solution-4-img .main-img {
height: 470px;
}
}.chy-services-5-area {
background: rgba(200, 174, 255, 0.12);
}
.chy-services-5-area .s5-all-btn {
font-size: 20px;
font-weight: 500;
color: #252A4E;
line-height: 30px;
}
.main-btn-5.s5-all-btn a {
color: var(--chy-pr-5);
}
.chy-services-5-item-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.chy-services-5-item-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.chy-services-5-item-wrap {
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-services-5-item-wrap {
grid-template-columns: 1fr 1fr;
}
}
.chy-services-5-item {
padding: 40px;
position: relative;
z-index: 1;
transition: 400ms ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-services-5-item {
border: 1px solid rgba(200, 174, 255, 0.5);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-services-5-item {
padding: 30px 20px;
}
}
@media (max-width: 767px) {
.chy-services-5-item {
padding: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-services-5-item {
padding: 30px 15px;
}
}
.chy-services-5-item:nth-child(1) {
border-right: 1px solid rgba(200, 174, 255, 0.5);
border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(1) .icon::before {
background: rgba(210, 149, 255, 0.7);
}
.chy-services-5-item:nth-child(2) {
border-right: 1px solid rgba(200, 174, 255, 0.5);
border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(2)::after {
background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
}
.chy-services-5-item:nth-child(2) .icon {
color: #FF7469;
}
.chy-services-5-item:nth-child(2) .icon::after {
background: linear-gradient(90deg, #FF7469 -2.17%, #FFB06D 100%);
}
.chy-services-5-item:nth-child(2) .icon::before {
background: #FFCEC4;
}
.chy-services-5-item:nth-child(3) {
border-bottom: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(3)::after {
background: linear-gradient(90deg, #34AACF -2.17%, #30D8DF 100%);
}
.chy-services-5-item:nth-child(3) .icon {
color: #34AACF;
}
.chy-services-5-item:nth-child(3) .icon::after {
background: linear-gradient(90deg, #34AACF -2.17%, #30D8DF 100%);
}
.chy-services-5-item:nth-child(3) .icon::before {
background: #0b97a3;
}
.chy-services-5-item:nth-child(4) {
border-right: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(4)::after {
background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);
}
.chy-services-5-item:nth-child(4) .icon {
color: #FFA835;
}
.chy-services-5-item:nth-child(4) .icon::after {
background: linear-gradient(90deg, #FFA835 -3.85%, #FA3DCC 97.3%, #FA3AD0 100%);
}
.chy-services-5-item:nth-child(4) .icon::before {
background: #ce4b82;
}
.chy-services-5-item:nth-child(5) {
border-right: 1px solid rgba(200, 174, 255, 0.5);
}
.chy-services-5-item:nth-child(5)::after {
background: linear-gradient(85deg, #0050FF -0.78%, #00E9CC 97.77%);
}
.chy-services-5-item:nth-child(5) .icon {
color: #0050FF;
}
.chy-services-5-item:nth-child(5) .icon::after {
background: linear-gradient(85deg, #0050FF -0.78%, #00E9CC 97.77%);
}
.chy-services-5-item:nth-child(5) .icon::before {
background: #009FE5;
}
.chy-services-5-item:nth-child(6)::after {
background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
}
.chy-services-5-item:nth-child(6) .icon {
color: #5A1CCB;
}
.chy-services-5-item:nth-child(6) .icon::after {
background: linear-gradient(90deg, #5A1CCB -2.17%, #815EDC 100%);
}
.chy-services-5-item:nth-child(6) .icon::before {
background: #805DDC;
}
.chy-services-5-item::after {
content: "";
width: 10%;
height: 10%;
background: var(--chy-gd-2);
position: absolute;
top: 70px;
left: 60px;
border-radius: 50%;
transition: 400ms ease-in-out;
z-index: -1;
}
.chy-services-5-item .icon {
width: 82px;
height: 82px;
background: #F4F0FF;
border-radius: 50%;
text-align: center;
font-size: 45px;
line-height: 92px;
position: relative;
color: var(--chy-pr-5);
margin-bottom: 28px;
transition: 400ms ease-in-out;
}
.chy-services-5-item .icon i {
position: relative;
z-index: 2;
}
.chy-services-5-item .icon::after {
content: "";
width: 100%;
height: 100%;
background: var(--chy-gd-2);
position: absolute;
top: 5px;
left: 5px;
border-radius: 50%;
z-index: -1;
transition: 400ms ease-in-out;
}
.chy-services-5-item .icon::before {
content: "";
width: 100%;
height: 100%;
background: transparent;
position: absolute;
top: 5px;
left: 5px;
border-radius: 50%;
z-index: 1;
transition: 400ms ease-in-out;
opacity: 0;
}
.chy-services-5-item .title {
font-size: 26px;
line-height: 1.38;
font-weight: 800;
margin-bottom: 15px;
transition: 400ms ease-in-out;
}
@media (max-width: 767px) {
.chy-services-5-item .title {
font-size: 22px;
}
}
.chy-services-5-item .disc-wrap {
overflow: hidden;
height: 120px;
}
.chy-services-5-item .disc {
margin-bottom: 16px;
height: 100%;
overflow: hidden;
transition: 400ms ease-in-out;
}
.chy-services-5-item .s5-btn {
display: block;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
line-height: 30px;
opacity: 0;
transition: 400ms ease-in-out;
margin-bottom: -40px;
}
.chy-services-5-item .s5-btn i {
margin-left: 5px;
}
.chy-services-5-item .s5-btn:hover {
color: #000;
}
.chy-services-5-item:hover {
box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.1607843137);
}
.chy-services-5-item:hover::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0;
}
.chy-services-5-item:hover .title {
color: #fff;
}
.chy-services-5-item:hover .disc {
height: 90px;
color: #fff;
}
.chy-services-5-item:hover .icon {
color: #fff;
background: transparent;
}
.chy-services-5-item:hover .icon::after {
top: 0px;
left: 0px;
z-index: 1;
}
.chy-services-5-item:hover .icon::before {
opacity: 1;
}
.chy-services-5-item:hover .s5-btn {
opacity: 1;
transform: translateY(-20px);
}.chy-blog-4-area .section-title-wrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px 30px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-blog-4-area .section-title-wrap {
flex-wrap: wrap;
gap: 0;
margin-bottom: 30px;
}
}
.chy-blog-4-area .section-title-wrap .chy-para-4 {
max-width: 540px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.chy-blog-4-area .section-title-wrap .chy-para-4 {
max-width: 350px;
}
}
.chy-blog-4-area .section-title-wrap .left {
max-width: 600px;
}
.chy-blog-4-item {
position: relative;
margin-bottom: 30px;
}
.chy-blog-4-item .main-img {
width: 100%;
height: 490px;
overflow: hidden;
border-radius: 10px;
perspective: 70px;
perspective-origin: 50% 50%;
}
.chy-blog-4-item .main-img img {
transition: 500ms;
}
.chy-blog-4-item .content-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.chy-blog-4-item .content-wrap {
padding-left: 15px;
padding-right: 15px;
}
}
.chy-blog-4-item .content-wrap .inner-div {
background: #fff;
border-radius: 0 10px 0 0;
padding: 20px;
position: relative;
overflow: hidden;
z-index: 1;
}
.chy-blog-4-item .content-wrap .inner-div::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--chy-gd-2);
z-index: -1;
transition: 400ms;
opacity: 0;
}
.chy-blog-4-item .subtitle {
font-size: 18px;
font-weight: 500;
display: inline-block;
background: #5A1CCB;
color: #fff;
padding: 13px 20px;
border-radius: 10px 10px 0 0;
transition: 400ms;
}
.chy-blog-4-item .title {
font-size: 24px;
line-height: 1.41;
margin-bottom: 18px;
transition: 300ms;
}
@media (max-width: 767px) {
.chy-blog-4-item .title {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.chy-blog-4-item .title {
font-size: 24px;
}
}
.chy-blog-4-item .author {
display: inline-block;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.chy-blog-4-item .author span {
color: #FF5266;
}
.chy-blog-4-item:hover .subtitle {
background: #FF7469;
}
.chy-blog-4-item:hover .main-img img {
transform: scaleX(1) scaleY(1) scaleZ(0.1) rotateX(8deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
}
.chy-blog-4-item:hover .content-wrap .inner-div::after {
opacity: 1;
}
.chy-blog-4-item:hover .title {
color: #fff;
}
.chy-blog-4-item:hover .author {
color: #fff;
}
.chy-blog-4-item:hover .author span {
color: #fff;
}