/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


.header_icon .info-box-icon {
    padding: 10px !important;
	 background-color: #f1f1f1 !important;
}


.box-icon-with-bg .info-box-icon {
    padding: 10px;
    background-color: #f1f1f1;
}
.info-box-icon img.attachment-.size- {
    height: 15px;
    width: 15px;
}
.newsletter input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFF3;
    border-radius: 10px 10px 10px 10px;
	  color: #9b9b9b;
    font-family: 'Sora';
}
.newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    border-radius: 10px;
    font-family: 'Sora';
    letter-spacing: 0.8px;
    font-weight: 400;
}
img.attachment-medium.size-medium.wp-post-image {
    height: 180px;
    object-fit: cover;
}
div#content-wrap {
    margin-top: 98px;
}
.white-line:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 210px;
    left: 26px;
    top: 142px;
    background: #245393;
    z-index: 2;
}
.white-line:after {
    position: absolute;
    left: 31px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 22px 0 22px 22px;
    border-color: transparent transparent transparent var(--tolak-white, #245393);
    animation: topBottomTwo 3s infinite linear;
}
@keyframes topBottomTwo{
	0%, 100% {
    transform: translateY(0);
}
25%, 75% {
    transform: translateY(5px);
}
50% {
    transform: translateY(-5px);
}
}
.top-hov-b:after {
    position: absolute;
    left: 0;
    top: 70px;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 0 45px 45px;
    border-color: transparent transparent transparent #245393;
    animation: topBottomTwo 4s infinite linear;
}

.main-head:before {
    background-image: linear-gradient(180deg, #289de6 0%, #FFFFFF00 100%);
    opacity: 0.2;
    border-radius: 16px 16px 16px 16px;
    transition: background 0.3s;
    content: "";
    position: absolute;
    top: 8px;
    transform: rotate(-12deg);
    left: 0;
    right: 0;
    z-index: -1;
    margin: auto;
    width: 281px;
    height: 55px;
}

.elementor-accordion-item {
    margin-top: 15px !important;
    border-top: 1px solid #DFF5FF !important;
	box-shadow: 0px 0px 5px 0px #0000000a;
	border-radius:5px;
}

.cross-shap:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 80%;
    background-color: var(--tolak-white, #fff);
    border-radius: 10px;
    clip-path: polygon(0 38%, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}

.cta-two__image {
    animation: messageMove 3s linear 0s infinite;
}
@keyframes messageMove{
	0%, 100% {
    transform: translateX(0);
}
25%, 75% {
    transform: translateX(5px);
}
50% {
    transform: translateX(10px);
}
}

.btn-cst{
	animation: glowing 1.5s infinite;
	border-radius:2px;
}

@keyframes glowing{
	0% {
    -webkit-box-shadow: 0 0 0 0 #245393;
}
70% {
    -webkit-box-shadow: 0 0 0 6px #2453935c;
}
100% {
    -webkit-box-shadow: 0 0 0 0 #24539399;
}
}
.tringle-btm:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -47px;
    margin: 0 auto;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 46px 46px 0 46px;
    border-color: #0e91e3 transparent transparent transparent;
    animation: messageMove 3s linear 0s infinite;
}
.ICON-HOV_0{
	overflow:hidden;
}

.ICON-HOV_0:BEFORE {
    position: absolute;
    content: "";
    background-color: #245393;
    width: 96px;
    height: 15px;
    left: -11px;
    top: -31px;
    transform: rotate(-45deg);
    z-index: 0;
    transition: all 500ms ease;
}
/* .hov-react:hover .ICON-HOV_0:before{
	height: 100%;
	 z-index: 0;
} */

.gradient-bg {
    background: linear-gradient(110deg, rgba(58, 119, 238, .1), rgba(103, 40, 245, .1) 32.73%, rgba(12, 179, 183, .1) 64.29%, rgba(0, 235, 210, .1));
}
.iti-arrow {
    display: none;
}


.platforms_1,.platforms_7{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 5s;
}
.platforms_2{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 3s;
}
.platforms_3,.platforms_9{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 7s;
}
.platforms_4,.platforms_10{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 4s;
}
.platforms_5	{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 6s;
}
.platforms_6	{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 4.5s;
}

.platforms_8	{
	animation: platformLogo 3s ease-in-out infinite;
	animation-duration: 6.5s;
}




@keyframes platformLogo{
	0% {
    transform: translateY(0);
}
50% {
    transform: translateY(30px);
}
100% {
    transform: translateY(0);
}
}


.left-angle:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #0785c6;
    border-right: 2px solid #0785c6;
    background: #fff;
    margin-left: -2px;
    z-index: 2;
}

.cloud-1{
	    animation-name: cloud-animation;
	    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.cloud-2{
	    animation-name: cloud-animation;
	    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes cloud-animation{
	0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
50% {
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}

.rocket_5{
	  animation: fly 5s infinite;
}

@keyframes fly{
	0% {
    top: 1px;
}
100% {
    top: -50px;
}
}
.spin-circle{
	animation: spinner 6s both alternate infinite;
}

@keyframes spinner{
	0% {
    -webkit-transform: rotate(0deg) translateY(30px);
    transform: rotate(0deg) translateY(30px);
}
100% {
    -webkit-transform: rotate(160deg) translateY(30px);
    transform: rotate(160deg) translateY(30px);
}
}
.line-dot:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    top: 18px;
}
.line-dot:after {
    content: '';
    position: absolute;
    height: 39px;
    border: 1px dashed #000;
    left: 0px;
    right: 0;
    width: 1px;
    top: -12px;
    margin: auto;
}

.line-dot-2:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 18px;
}
.line-dot-2:after {
    content: '';
    position: absolute;
    height: 39px;
    border: 1px dashed #000;
    left: 0px;
    right: 0;
    width: 1px;
    bottom: -12px;
    margin: auto;
}
.bottom-after:before {
    content: '';
    position: absolute;
    width: 94%;
    height: 89%;
    border-radius: 18px;
    bottom: -9px;
    left: 0;
    right: 0;
    background: #0e91e324;
    margin: auto;
}

.shap-logo:before {
    position: absolute;
    top: -6px;
    left: 0px;
    bottom: 0;
    right: 0;
    border-top: 82px solid #8ADAFF;
    border-right: 31px solid transparent;
    content: "";
    z-index: 1;
}
.shap-logo:after {
    content: "";
    position: absolute;
    top: -6px;
    right: -5px;
    width: 6px;
    border-left: 3px solid transparent;
    border-right: 5px solid transparent;
    z-index: 3;
    border-bottom: 6px solid #8ADAFF;
}


section.elementor-section.elementor-top-section.elementor-element.elementor-element-8739f62.elementor-section-full_width.elementor-section-stretched.gradient-bg.elementor-section-height-default.elementor-section-height-default {
    position: fixed;
    top: 0;
    width: 100%;
	background: linear-gradient(110deg, #e7f1fa, rgb(233 232 248) 32.73%, rgb(229 246 246) 64.29%, rgb(229 253 251));
}

 .elementor-accordion-item .elementor-tab-title.elementor-active {
    border-width: 1px;
    border-bottom-color: #DFF5FF;
    background: #0e91e3 !important;
}

.bottom-set img{
	animation: leftToRight 3s linear 0s infinite;
}

@keyframes leftToRight{
	0%, 100% {
    transform: translateX(0);
}
25%, 75% {
    transform: translateX(5px);
}
50% {
    transform: translateX(10px);
}
}
.bottom-set:before {
    width: 363px;
    height: 107px;
    background-color: #245393;
    right: -60px;
    bottom: -43px;
    z-index: -1;
    content: '';
    position: absolute;
}
.bottom-set:after {
        position: absolute;
    right: -27px;
    z-index: -1;
    bottom: -26px;
    content: "";
    width: 115%;
    height: 32%;
    border: 3px solid #245393;
}


.aerrow-animate{
	    animation-name: float-bob-y-2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


@keyframes float-bob-y-2{
	0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
}
50% {
    -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
    transform: translateY(10px) translateX(10px) rotate(5deg);
}
100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
}
}

/* start about us */

.spin-rotate {
    animation-name: rotateme;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotateme{
	0% {
    transform: rotate(0deg);
    opacity: 1;
}
50% {
    transform: rotate(180deg);
}
100% {
    transform: rotate(360deg);
    opacity: 1;
}
}
.top-right:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 101px;
    top: -20px;
    right: -20px;
    background: transparent;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

.boxes_2:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: -13px;
    right: 55px;
    background: #8adaff;
    z-index: 2;
}

.boxes_2:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 35px;
    right: 6px;
    background: #245393;
    z-index: 2;
}

.eael-tabs-nav {
    margin-right: 120px;
    margin-left: 120px;
}

.border-point:before {
    content: '';
    position: absolute;
    width: 219px;
    height: 71px;
    border-radius: 10px;
    border: 2px solid #000;
    top: -6px;
    left: 9px;
    z-index: -2;
}
.over:before {
    position: absolute;
    bottom: -19px;
    left: 45px;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 30px solid #fff;
    transition: all 300ms ease;
    content: "";
	z-index: 1;
}
.text_head:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../webp/title-shape.webp);
    background-position: center;
    background-repeat: no-repeat;
    left: -102px;
    right: 0;
    margin: auto;
}
.text_heading:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../webp/title-shape.webp);
    background-position: center;
    background-repeat: no-repeat;
    left: -80px;
    margin: auto;
}
.text_heading:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../webp/title-shape-1.webp);
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: -80px;
    margin: auto;
}
.marquee {
    position: relative;
    --duration: 30s;
    --gap: 0px;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 0px;
}
.marquee-block {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 25px;
    min-width: 100%;
    -webkit-animation: scroll 05s linear infinite;
    animation: scroll 20s linear infinite;
}
.marquee-block .content-box {
    position: relative;
    margin-right:0px;
}
.marquee-block .content-box:last-child {
    margin-right:0px;
}
@keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
.marquee-block h3 {
    font-size: 25px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Inter";
    background: transparent;
    padding: 0;
	  margin-bottom: 0;
}
.marquee-block img {
    padding: 0 20px 0 0;
}
.marquee-block {
    margin-left: 43px;
}
.journey_sec .elementor-widget-wrap.elementor-element-populated {
    flex-direction: column;
    display: flex
;
    align-items: flex-end !important;
    align-content: flex-end !important;
    gap: 15px;
}
.Journey_line:before {
    content: '';
    position: absolute;
    height: 81%;
    border-style: dotted;
    border-color: #d2d2d2;
    left: 50%;
    top: 220px;
    right: 50%;
    border-width: 8px;
    border-right: none;
    border-top: none;
    border-bottom: none;
}
.col_dot:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #42cd83;
    top: 81px;
    right: -11px;
    border-radius: 50%;
}
.col_dot:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 20px 6px rgb(75 226 148);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -11px;
    top: 81px;
    border-radius: 50%;
}
.col_dot_sec:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #f29111;
    top: 84px;
    right: -11px;
    border-radius: 50%;
}
.col_dot_sec:before {
    content: '';
    position: absolute;
    box-shadow:0 0 20px 6px rgb(217 164 92);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -11px;
    top: 84px;
    border-radius: 50%;
}
.col_dot_third:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #7164ea;
    top: 103px;
    right: -11px;
    border-radius: 50%;
}
.col_dot_third:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 20px 6px rgb(127 117 219);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -11px;
    top: 103px;
    border-radius: 50%;
}
.col_dot_forth:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #f90bad;
    top: 103px;
    right: -11px;
    border-radius: 50%;
}
.col_dot_forth:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 20px 6px rgb(254 187 233);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -11px;
    top: 103px;
    border-radius: 50%;
}
.col_dot_fifth:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #30d6ff;
    top: 90px;
    right: -11px;
    border-radius: 50%;
}
.col_dot_fifth:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 20px 6px rgb(174 236 252);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -11px;
    top: 90px;
    border-radius: 50%;
}
.col_dot_sixth:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #f21111;
    top: 104px;
    right: -11px;
    border-radius: 50%;
}
.col_dot_sixth:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 20px 6px rgb(255 192 192);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -11px;
    top: 104px;
    border-radius: 50%;
}
.col_dot_seventh:after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: #8bdb11;
    top: 89px;
    right: -12px;
    border-radius: 50%;
}
.col_dot_seventh:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 20px 6px rgb(228 255 186);
    animation-name: show_shadow;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: opacity .5s;
    background: transparent;
    height: 15px;
    width: 15px;
    right: -12px;
    top: 89px;
    border-radius: 50%;
}
@keyframes show_shadow {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    15% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}
/* end about us */


/* Portfolio */

/* END */

/* Start Digital Marketing */

.shap{
    clip-path: polygon(50% 0%, 88% 0, 100% 0, 100% 64%, 60% 64%, 60% 100%, 0 100%, 0% 43%, 0 0);
}


.Services:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 105px;
    height: 105px;
    z-index: -1;
    background: url(../png/pattern-1-1.png) no-repeat;
}

.Benefits_Icon:before{
	content: "";
    position: absolute;
		top: -2px;
    left: -10px;
    width: 93px;
    height: 58px;
    background-image: url(../png/icon-border.png);
}



.Get_Touch:before{
		position: absolute;
    content: " ";
    height: 20px;
    width: 730px;
    background-color: #245393;
    top: -10px;
    border-radius: 30px;
    left: 120px;

}




/* End Digital Marketing */






.bg-shap-set:before {
    content: '';
    height: 101px;
    width: 113px;
    position: absolute;
    top: -25px;
    left: -33px;
    background-color: #245393;
    clip-path: path("M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z");
    z-index: -1;
}
.bg-shap-set:after {
    content: '';
    height: 101px;
    width: 113px;
    position: absolute;
    top: -24px;
    left: -27px;
    background-color: #8adaff;
    clip-path: path("M13.3648 23.689C12.3113 18.0885 13.5019 11.7494 18.6938 9.40012C35.1267 1.96429 68.7714 -9.44147 82.3112 14.0815C100.548 45.7649 138.846 59.5402 82.3112 87.5508C66.122 95.5719 56.2138 98.9992 50.3168 99.8059C42.2525 100.909 34.515 87.5508 26.3756 87.5508H13.8433C10.9933 87.5508 8.2154 86.3499 6.50037 84.0737C-12.7867 58.4757 17.3824 45.0461 13.3648 23.689Z");
    z-index: -1;
}



.after-before:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #245393;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.4s;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
    animation-name: ripple;
}
.after-before:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #245393;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 0.4s;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	    animation-delay: 2s;
	animation-iteration-count: infinite;
    animation-name: ripple;
}


@keyframes ripple{
	0% {
    transform: scale(1);
    opacity: 0;
}
30% {
    opacity: 0.4;
}
100% {
    transform: scale(1.5);
    opacity: 0;
}
}


.logo-shap:before {
    content: '';
    height: 102%;
    width: 2000px;
    position: absolute;
    top: -1px;
    right: -31px;
    background-color: #0e91e3;
    clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 100%, 0% 100%);
    z-index: 1;
}

.logo-shap:after {
    background-image: url(../png/image-34.png);
    background-color: #fff;
    background-repeat: repeat;
    clip-path: polygon(0 0, calc(100% - 60px) 0%, 100% 100%, 0% 100%);
    z-index: 1;
    content: '';
    height: 100%;
    width: 2000px;
    position: absolute;
    top: 0;
    right: -11px;
}

.top-shap:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #edf4ff;
    z-index: -1;
    width: 100px;
    height: 100px;
    top: -7px;
    left: -12px;
    clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
    transition: 0.4s ease-in-out;
}

.top-shap .elementor-widget-container:after {
    content: '';
    position: absolute;
    background-color: #0768be;
    border-radius: 50%;
    height: 12px;
    width: 11px;
    bottom: -8px;
    left: 10px;
}


.top-shap .elementor-widget-container:before {
    content: '';
    position: absolute;
    background-color: #0768be;
    border-radius: 50%;
    height: 20px;
    width: 19px;
    top: -4px;
    right: -2px;
}
/* .row {
    DISPLAY: contents !important;
} */

.top-and-botton:before {
    content: '';
    position: absolute;
    width: 93%;
    left: 0;
    right: 0;
    height: 41px;
    top: 22px;
    margin: auto;
    background: #0E91E3;
    border-radius: 100px;
}
.top-and-botton:after {
    content: '';
    position: absolute;
    width: 95px;
    height: 95px;
    border: 9px solid #0e91e3;
    bottom: -35px;
    right: -35px;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
}
.Foot_1:before {
    content: "";
    height: 100%;
    width: calc(515% - 40px);
    background-color: #245393;
    position: absolute;
    top: 0;
    z-index: 1;
    left: -1200px;
    clip-path: polygon(100% 0, calc(100% - 60px) 50%, 100% 100%, 0 100%, 0 0);
}

.foot_c:before{
    content: "";
    height: 100%;
    width: 85%;
    background-color: #245393;
    border-radius: inherit;
    position: absolute;
    top: -5px;
    left: -0px;
    z-index: -1;
    transition: 0.3s ease-in-out;
    border-radius: 5px;
}
.hov-e:hover .foot_c:before{
	top: 0px;
	left: 5px;
}

.Foot_1:after {
    position: absolute;
    left: 216px;
    content: '';
    top: 0;
    background-color: #fff;
    height: 101%;
    width: 33%;
    z-index: 0;
    clip-path: polygon(100% 0, calc(100% - 60px) 50%, 100% 100%, 0 100%, 0 0);
}


.Main_Btn{
	overflow: hidden;
}
.Main_Btn:before{
	content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #245393;
    z-index: 0;
	transition: all 0.4s ease-out;
    border-radius: 99px;
	    transform: scaleY(0);
}

.Main_Btn:hover:before{
	    transform: scale(1);
}
.Main_Btn:after{
content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #245393;
    z-index: -1;
	    transition: all 0.4s ease-out;
    border-radius: 99px;
	    transform: scaleY(0);
}

.Main_Btn :hover:after{
	transform: scale(1);
}
.Main_Btn span.elementor-button-text {
    position: relative;
    z-index: 3 !important;
}

.bg-shadow:before {
    content: '';
    height: 220px;
    width: 622px;
    border-radius: 50px;
    z-index: -2;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), #36D659;
    filter: blur(200px);
    position: absolute;
}


.circle-animate{
	animation-name: veritcal;
    animation-timing-function: linear;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}


@keyframes veritcal{
	0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
50% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

.after-heading:before {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #0e91e3;
    position: absolute;
    left: 0;
    bottom: -13px;
}

.after-heading:after {
    content: '';
    height: 10px;
    width: 10px;
    background-color: #fff;
    position: absolute;
    bottom: -17px;
    left: 96px;
    border-radius: 99px;
    border: 2px solid #0e91e3;
}



.round-shap {
    clip-path: polygon(6.726% 0%, 93.274% 0%, 93.274% 0%, 94.364% .14%, 95.399% .545%, 96.364% 1.192%, 97.245% 2.061%, 98.029% 3.129%, 98.701% 4.373%, 99.249% 5.772%, 99.657% 7.303%, 99.912% 8.945%, 100% 10.676%, 100% 61.278%, 100% 61.278%, 99.732% 65.983%, 98.988% 69.483%, 97.863% 71.995%, 96.447% 73.739%, 94.835% 74.934%, 93.119% 75.798%, 91.39% 76.552%, 89.742% 77.413%, 88.268% 78.601%, 87.061% 80.335%, 87.061% 80.335%, 86.147% 82.63%, 85.483% 85.137%, 84.946% 87.749%, 84.409% 90.359%, 83.749% 92.86%, 82.839% 95.146%, 81.556% 97.11%, 79.775% 98.644%, 77.369% 99.643%, 74.215% 100%, 6.726% 100%, 6.726% 100%, 5.637% 99.861%, 4.603% 99.457%, 3.638% 98.811%, 2.758% 97.944%, 1.974% 96.879%, 1.302% 95.638%, .754% 94.241%, .346% 92.712%, .09% 91.071%, 0% 89.342%, 0% 10.676%, 0% 10.676%, .088% 8.945%, .343% 7.303%, .751% 5.772%, 1.299% 4.373%, 1.971% 3.129%, 2.755% 2.061%, 3.636% 1.192%, 4.601% .545%, 5.636% .14%, 6.726% 0%);
}
.round-shap{
	transition: all 0.5s;
}
.hob-color .elementor-widget-container{
	transition: all 0.5s;
}

.hov-bg:hover .round-shap{
	background: linear-gradient(110deg, rgba(58, 119, 238, .1), rgba(103, 40, 245, .1) 32.73%, rgba(12, 179, 183, .1) 64.29%, rgba(0, 235, 210, .1));
	transition: all 0.5s;
}
.hov-bg:hover .hob-color .elementor-widget-container{
	background : #8ADAFF;
}
.blog-aerrow a.carousel-arrow.carousel-prev.slick-arrow {
    position: absolute;
    left: -46.3%;
    top: 80%;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: #fff;
    width: 40px;
    height: 40px;
}

.blog-aerrow a.carousel-arrow.carousel-next.slick-arrow {
    position: absolute;
    left: -40.3%;
    top: 80%;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: #fff;
    width: 40px;
    height: 40px;
}

.service-heading p.elementor-heading-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    right: 0;
    z-index: -1;
    height: 10px;
    border-radius: 50px;
    background: linear-gradient(to top, #0e91e3 0, #fff 100%);
}


.spin{
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin{
	0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.bot-m-bodr .elementor-widget-wrap.elementor-element-populated:before {
    content: '';
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 4px;
    transition: all 1s;
    border-radius: 0;
    background: #245393;
}
.bot-m-bodr .elementor-widget-wrap.elementor-element-populated:hover:before{
	transition: all 1s;
    width: 100%;
}
.bottom-line .elementor-widget-wrap.elementor-element-populated:before {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -13px;
    width: calc(100% - 43px);
    height: 100%;
    z-index: -1;
    box-shadow: 3px 3px 13px 0 rgb(0 0 0 / 5%);
    content: '';
}


@media only screen and (max-width: 600px) {
	.white-line:before{
		display:none;
	}
	.white-line:after{
		display:none;
	}
	.top-hov-b:after{
		display:none;
	}
	.top-and-botton:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    border: 9px solid #0e91e3;
    bottom: -35px;
    right: -7px;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
}
.elementor-2081 .elementor-element.elementor-element-dfb8486 .premium-cf7-container .wpcf7-form-control.wpcf7-select {
    max-width: 100% !important;
}
}