/*==============================================
   Cta One
===============================================*/
.cta-one {
   position: relative;
   display: block;
   padding: 120px 0px 120px;
   z-index: 1;
}

.cta-one::before {
   position: absolute;
   left: 0;
   bottom: 0;
   background: var(--donatix-white);
   right: 0;
   height: 32px;
   mask: url("../../images/css-extracted/extracted-aff89804691d42516c7fcad1628cdc70.svg");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: bottom center;
   mask-position: bottom center;
   -webkit-mask-size: cover;
   mask-size: cover;
   content: "";
   z-index: 2;
}

.cta-one .shape1 {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
}

.cta-one .shape2 {
   position: absolute;
   top: 70px;
   right: 80px;
   z-index: 0;
}

.cta-one .shape3 {
   position: absolute;
   bottom: 0px;
   right: 0px;
   z-index: 0;
}

.cta-one .shape4 {
   position: absolute;
   bottom: 0px;
   right: 0px;
   z-index: 0;
}

.cta-one__bg {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-attachment: scroll;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   z-index: -1;
}

.cta-one__bg::before {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: #122F2A;
   background: linear-gradient(90deg, rgba(18, 47, 42, 1) 0%, rgba(18, 47, 42, 0.74) 100%);
   mix-blend-mode: multiply;
   content: "";
}

.cta-one__inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.cta-one__content {
   position: relative;
   display: block;
}

.cta-one__content .sec-title {
   padding-bottom: 27px;
}

.cta-one__content .sec-title__title {
   color: var(--donatix-white);
}

.cta-one__content .btn-box {
   position: relative;
   display: block;
}

.cta-one__content .btn-box .thm-btn::before {
   background-color: var(--donatix-secondary);
}

.cta-one__content .btn-box .thm-btn::after {
   background-color: var(--donatix-secondary);
}

.cta-one__round-text {
   position: relative;
   display: block;
   z-index: 5;
}

.cta-one__round-text-inner {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 180px;
   height: 180px;
   border-radius: 50%;
   background-color: transparent;
   border: 2px solid var(--donatix-white);
   z-index: 1;
}

.cta-one__round-text-inner::before {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   border: 34px solid rgba(var(--donatix-white-rgb), 0.1);
   border-radius: 50%;
   content: "";
   z-index: -1;
}

.cta-one__curved-circle {
   position: relative;
   color: var(--donatix-white);
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase !important;
   letter-spacing: 0px;
   word-spacing: 0px;
   transform: rotate(0deg);
   height: 171px !important;
   font-family: var(--donatix-font);
}

.cta-one__video-link {
   position: relative;
}

.cta-one__video-link a {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 115px;
   height: 115px;
   background: transparent;
   border: 2px solid var(--donatix-white);
   border-radius: 50%;
   color: var(--donatix-white);
}

.cta-one__video-link a:hover {
   color: var(--donatix-base);
}

.cta-one__video-link a span::before {
   position: relative;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
}

/*==============================================
   Cta Two
===============================================*/
.cta-two {
   position: relative;
   display: block;
   padding: 109px 0px 120px;
   margin: 0px 50px 0px;
   border-radius: 50px;
   overflow: hidden;
   z-index: 1;
}

.cta-two::before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   background: var(--donatix-white);
   mask: url("../../images/css-extracted/extracted-8a81d29b7a826b8baf15a61c7bd66681.svg");
   -webkit-mask: url("../../images/css-extracted/extracted-8a81d29b7a826b8baf15a61c7bd66681.svg");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: top center;
   mask-position: top center;
   -webkit-mask-size: cover;
   mask-size: cover;
   height: 111px;
   content: "";
   z-index: 3;
}

.cta-two .shape1 {
   position: absolute;
   top: 0;
   left: 25px;
   z-index: 2;
}

.cta-two .shape2 {
   position: absolute;
   left: 70px;
   bottom: 50px;
   z-index: 2;
}

.cta-two .shape3 {
   position: absolute;
   top: 0px;
   right: -30px;
   z-index: 2;
}

.cta-two__bg {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

.cta-two__bg-overlay {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   mix-blend-mode: multiply;
   background-attachment: scroll;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   z-index: 1;
}

.cta-two__inner {
   position: relative;
   display: block;
   z-index: 2;
}

.cta-two__content {
   position: relative;
   display: block;
}

.cta-two__content h2 {
   color: var(--donatix-white);
   font-size: 48px;
   line-height: 58px;
   font-weight: 800;
   text-transform: capitalize;
}

.cta-two__content .btn-box {
   position: relative;
   display: block;
   margin-top: 27px;
}

.cta-two__content .btn-box .thm-btn::before {
   background: var(--donatix-secondary);
}

.cta-two__content .btn-box .thm-btn::after {
   background: var(--donatix-secondary);
}