/* dop-converter-theme1 */
.dop-converter-theme1 .dop-conversionarea-waves{ background-color: rgb(255 97 102 / 18%); }
.dop-converter-theme1 .dop-convert-imgprocessing #footer .process .three-quarter-spinner { width:30px; height:30px; border: 3px solid #ff6166; border-top: 3px solid transparent; border-radius: 50%; animation: spin .5s linear 0s infinite; }
.dop-converter-theme1 .converted-area .dop-bottombanner-conversion-area{background:rgb(255 97 102 / 10%);}
.dop-converter-theme1 .converted-emailbox .dop-bottombanner-conversion-area{background:rgb(255 97 102 / 10%);}
.dop-converter-theme1 .converted-area .converted .btn{background-color: #2137d0; color: #fff;}
.dop-converter-theme1 .converted-emailbox .btn-email{background:#ff6166;color:#fff;}
.dop-converter-theme1 .converted-emailbox .btn-email:hover{background:#e95459;color:#fff;}
.dop-converter-theme1 .converted-emailbox .form-control{border:1px solid #ff6166;}
.dop-converter-theme1 .converted-emailbox .form-control:hover{border:1px solid #e95459;}
/* dop-converter-theme2 */
.dop-converter-theme2 .dop-conversionarea-waves{ background-color:rgb(97 117 255 / 40%); }
.dop-converter-theme2 .dop-convert-imgprocessing #footer .process .three-quarter-spinner { width:30px; height:30px; border: 3px solid #6175ff; border-top: 3px solid transparent; border-radius: 50%; animation: spin .5s linear 0s infinite; }
.dop-converter-theme2 .converted-area .dop-bottombanner-conversion-area{background:rgb(97 117 255 / 40%);}
.dop-converter-theme2 .converted-emailbox .dop-bottombanner-conversion-area{background:rgb(97 117 255 / 40%);}
.dop-converter-theme2 .converted-area .converted .btn{background-color: #6175ff; color: #fff;}
.dop-converter-theme2 .converted-emailbox .btn-email{background:#6175ff;color:#fff;}
.dop-converter-theme2 .converted-emailbox .btn-email:hover{background:#5466df;color:#fff;}
.dop-converter-theme2 .converted-emailbox .form-control{border:1px solid #6175ff;}
.dop-converter-theme2 .converted-emailbox .form-control:hover{border:1px solid #5466df;}
/* dop-converter */
.dop-converter-home-banner .dop-bottombanner-conversion-area{overflow:hidden;}
.dop-converter-home-banner .progress-area .dop-bottombanner-conversion-area{padding:0rem;}
.dop-converter-home-banner .converted-area .dop-bottombanner-conversion-area{padding:4.1rem 2rem;}
.dop-converter-home-banner .converted-area .converted p{margin:1rem 0rem 1rem;}
.dop-converter-home-banner .converted-area .converted .btn{border-radius:3rem;padding:0.5rem 1.5rem;}
.dop-converter-home-banner .converted-area .converted .converted_tick { display: flex; justify-content: center; }
.dop-converter-home-banner .converted-area .converted .converted_tick svg { display: block; height:4rem; width:4rem; color: #28cd0c;}
.dop-converter-home-banner .converted-area .converted .converted_tick .circle { stroke-dasharray: 76; stroke-dashoffset: 76; -webkit-animation: convertedtickdraw 1s forwards; animation: convertedtickdraw 1s forwards; }
.dop-converter-home-banner .converted-area .converted .converted_tick .tick { stroke-dasharray: 18; stroke-dashoffset: 18; -webkit-animation: convertedtickdraw 1s forwards 1s; animation: convertedtickdraw 1s forwards 1s; }
@-webkit-keyframes convertedtickdraw { to { stroke-dashoffset: 0; } }
@keyframes convertedtickdraw { to { stroke-dashoffset: 0; } }
@keyframes spin { from { transform: rotate(0); } to{ transform: rotate(359deg); } }
/* converted fail */
.dop-converter-home-banner .converted_fail svg.error { width: 4rem; height: 4rem; display: block; margin: auto; }
.dop-converter-home-banner .converted_fail svg.error circle.solid { stroke:transparent; fill: none; stroke-width: 3; }
.dop-converter-home-banner .converted_fail svg.error circle.animation { stroke: #e61d1d; fill: none; stroke-width:7; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: convertedfaildash 1s ease-in-out forwards; }
@keyframes convertedfaildash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 100% { stroke-dasharray: 200, 0; stroke-dashoffset: -200; } }
.dop-converter-home-banner .converted_fail svg.error line { stroke: #e61d1d; stroke-width: 7; stroke-dasharray: 70px; stroke-dashoffset: 50px;stroke-linecap:round; stroke-linejoin:round;}
.dop-converter-home-banner .converted_fail svg.error .line.left { animation: convertedfaillineLeft 1s ease-in-out forwards; }
.dop-converter-home-banner .converted_fail svg.error .line.right { animation: convertedfaillineRight 1.5s ease-in-out forwards; }
@keyframes convertedfaillineLeft { 0% { stroke-dashoffset: 50px; } 100% { stroke-dashoffset: 0; } }
@keyframes convertedfaillineRight { 0% { stroke-dashoffset: 50px; } 100% { stroke-dashoffset: 0; } }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width:100%; }
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.input-group .btn { position: relative; z-index: 2; }
.dop-converter-home-banner .converted-emailbox .dop-bottombanner-conversion-area{padding:5.8rem 2rem;}
.dop-converter-home-banner .converted-emailbox p{margin-bottom:2rem;font-size:1.1rem;}
.dop-converter-home-banner .converted-emailbox .btn-email{border-radius:3rem;padding:.6rem 1.2rem;}
.dop-converter-home-banner .converted-emailbox .form-control{border:1px solid #ff6166;background:#fff8f9;border-radius:3rem;margin:0;display: block; padding:.6rem 1.2rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.dop-converter-home-banner .converted-emailbox .form-control:focus-visible{outline:0;}
.dop-converter-home-banner .converted-emailbox input:focus, .converted-emailbox .form-control:focus{margin:0;}
/*** image processing animation start ***/
.dop-convert-imgprocessing #footer{display:flex;justify-content:center;}
.dop-convert-imgprocessing #footer .process .spinner-box {margin-bottom:.5rem;display: flex; justify-content: center; align-items: center; background-color: transparent; }
.dop-convert-imgprocessing{position: relative; z-index: 10001; display: flex; justify-content: center; flex-wrap: wrap; padding:0rem;}
.dop-convert-imgprocessing#page { align-items: center; background:transparent; bottom: 0; display: flex; justify-content: center; left: 0; right: 0; top:1rem; transition: opacity 1s; }
.dop-convert-imgprocessing #phrase_box { display: flex; flex-flow: column; height:112px; overflow: hidden; width: 260px; }
.dop-convert-imgprocessing #phrases { -webkit-animation: slide-phrases-upward 50s; animation: slide-phrases-upward 50s; }
.dop-convert-imgprocessing #footer {width:100%;padding:3.6rem 1rem 3rem;}
@-webkit-keyframes slide-phrases-upward { 0% { transform: translateY(0px); } 5% { transform: translateY(-50px); } 10% { transform: translateY(-100px); } 15% { transform: translateY(-150px); } 20% { transform: translateY(-200px); } 25% { transform: translateY(-250px); } 30% { transform: translateY(-300px); } 35% { transform: translateY(-350px); } 40% { transform: translateY(-400px); } 45% { transform: translateY(-450px); } 50% { transform: translateY(-500px); } 55% { transform: translateY(-550px); } 60% { transform: translateY(-600px); } 65% { transform: translateY(-650px); } 70% { transform: translateY(-700px); } 75% { transform: translateY(-750px); } 80% { transform: translateY(-800px); } 85% { transform: translateY(-850px); } 90% { transform: translateY(-900px); } 95% { transform: translateY(-950px); } 100% { transform: translateY(-1000px); } }
@keyframes slide-phrases-upward { 0% { transform: translateY(0px); } 5% { transform: translateY(-50px); } 10% { transform: translateY(-100px); } 15% { transform: translateY(-150px); } 20% { transform: translateY(-200px); } 25% { transform: translateY(-250px); } 30% { transform: translateY(-300px); } 35% { transform: translateY(-350px); } 40% { transform: translateY(-400px); } 45% { transform: translateY(-450px); } 50% { transform: translateY(-500px); } 55% { transform: translateY(-550px); } 60% { transform: translateY(-600px); } 65% { transform: translateY(-650px); } 70% { transform: translateY(-700px); } 75% { transform: translateY(-750px); } 80% { transform: translateY(-800px); } 85% { transform: translateY(-850px); } 90% { transform: translateY(-900px); } 95% { transform: translateY(-950px); } 100% { transform: translateY(-1000px); } }
#loadingCheckCircleSVG-0 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-1 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: .6s; animation-delay: .6s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-2 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 2.5s; animation-delay:2.5s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-3 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 5.1s; animation-delay:5.1s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-4 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 7.7s; animation-delay: 7.7s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-5 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 10.3s; animation-delay: 10.3s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-6 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 12s; animation-delay: 12s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-7 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 14s; animation-delay: 14s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-8 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 16.5s; animation-delay:16.5s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-9 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 18.5s; animation-delay:18.5s; fill: white; opacity: 0; }
#loadingCheckCircleSVG-10 { -webkit-animation: fill-to-white 5000ms; animation: fill-to-white 5000ms; -webkit-animation-delay: 21s; animation-delay:21s; fill: white; opacity: 0; }
@-webkit-keyframes fill-to-white { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } }
@keyframes fill-to-white { 0% { opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } }
#loadingCheckSVG-0 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
#loadingCheckSVG-1 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: .6s; animation-delay:.6s; }
#loadingCheckSVG-2 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 2.5s; animation-delay:2.5s; }
#loadingCheckSVG-3 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 5.1s; animation-delay:5.1s; }
#loadingCheckSVG-4 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 7.7s; animation-delay:7.7s; }
#loadingCheckSVG-5 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 10.3s; animation-delay:10.3s; }
#loadingCheckSVG-6 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 12s; animation-delay: 12s; }
#loadingCheckSVG-7 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 14s; animation-delay: 14s; }
#loadingCheckSVG-8 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 16.5s; animation-delay:16.5s; }
#loadingCheckSVG-9 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay: 18.5s; animation-delay:18.5s; }
#loadingCheckSVG-10 { -webkit-animation: fill-to-coral 5000ms; animation: fill-to-coral 5000ms; -webkit-animation-delay:21s; animation-delay:21s; }
@-webkit-keyframes fill-to-coral { 0% { fill: white; } 10% { fill: #FF6D92; } 100% { fill: #FF6D92; } }
@keyframes fill-to-coral { 0% { fill: white; } 10% { fill: #FF6D92; } 100% { fill: #FF6D92; } }
/*** image processing animation end ***/
/*** background wave animation ***/
.dop-conversionarea-waves{position: absolute; overflow: hidden; z-index: 1; left: 0; bottom: 0;display: block; height:100%;width:100%; border-radius: 8px;}
.dop-conversionarea-waves:before, .dop-conversionarea-waves:after { content: ""; position: absolute; left: 50%; min-width: 300vw; min-height: 300vw; background-color: #fff; -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
.dop-conversionarea-waves:before {bottom:50%; border-radius: 45%; -webkit-animation-duration: 10s; animation-duration: 10s; }
.dop-conversionarea-waves:after { bottom:40%; opacity: 0.5; border-radius: 47%;-webkit-animation-duration: 10s; animation-duration: 10s; }
@-webkit-keyframes rotate { 0% { transform: translate(-50%, 0) rotateZ(0deg); }
50% { transform: translate(-50%, -2%) rotateZ(180deg); }
100% { transform: translate(-50%, 0%) rotateZ(360deg); } }
@keyframes rotate { 0% { transform: translate(-50%, 0) rotateZ(0deg); }
50% { transform: translate(-50%, -2%) rotateZ(180deg); }
100% { transform: translate(-50%, 0%) rotateZ(360deg); } }
/*** background wave animation end ***/
/*** file process media query ***/
@media (max-width:576px) {
.input-group{flex-direction: column;}
.dop-converter-home-banner .converted-emailbox .form-control{width: 100%;margin-bottom:1rem;}
.dop-converter-home-banner .converted-emailbox .emailbox{padding:0;}
.dop-converter-home-banner .converted-area .converted{padding:0;}
}
@media (max-width:768px) {
.dop-converter-home-banner .progress-area .dop-bottombanner-conversion-area{padding:1.3rem;}
.dop-convert-imgprocessing #footer{padding:10.6rem 1rem 3rem;}
.dop-converter-home-banner .converted-emailbox .dop-bottombanner-conversion-area{padding:10.8rem 2rem;}
.dop-converter-home-banner .converted-area .dop-bottombanner-conversion-area{padding:8.3rem 1rem;}
}
@media (max-width:576px) {
  .dop-convert-imgprocessing #footer{padding:9.6rem 1rem 3rem;}
  .dop-converter-home-banner .converted-emailbox .dop-bottombanner-conversion-area{padding:8.3rem 2rem;}
}
@media (min-width:992px) {
  .dop-converter-home-banner .converted-emailbox .input-group { max-width:50%; margin: 0 auto; }
}
@media (min-width:576px) {
  .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; }
}