/*============================================================================================== CONVERTION LOADER START */
.ctn_ht_align {
  height: 0px;
}

.ctn_popup {
  width: 70%;
  height: auto;
  margin: 0px auto;
  padding: 3px 0 3px 0;
  margin-top: 0px;
  transition: 20s;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ctn_bg {
  background: #3243db;
  border-radius: 10px;
  transition: 20s;
  height: 130px;
}

.ctn_popup_text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: '';
  transition: 20s;
  position: relative;
  top: 60px;
  font-family: 'poppins';
}


.loader-83 {
  width: 175px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -15%);
}

.loader-83::before {
  content: "";
  left: 60px;
  bottom: 18px;
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #FFF;
  background-image: radial-gradient(circle 8px at 18px 18px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 18px 0px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 0px 18px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 36px 18px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 18px 36px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 30px 30px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 5px 30px, #3243db 100%, transparent 0), radial-gradient(circle 4px at 5px 5px, #3243db 100%, transparent 0);
  background-repeat: no-repeat;
  -webkit-animation: rotationBack 3s linear infinite;
  animation: rotationBack 3s linear infinite;
}

.loader-83::after {
  content: "";
  left: 94px;
  bottom: 15px;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #FFF;
  background-image: radial-gradient(circle 5px at 12px 12px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 12px 0px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 0px 12px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 24px 12px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 12px 24px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 20px 20px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 3px 20px, #3243db 100%, transparent 0), radial-gradient(circle 2.5px at 3px 3px, #3243db 100%, transparent 0);
  background-repeat: no-repeat;
  animation: rotationBack 4s linear infinite reverse;
}

/* keyFrames */
@-webkit-keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}


/*============================== MOB RESPONSIVE START */
@media only screen and (max-width: 768px) {
  .ctn_popup {
    top: 34%;
  }
}

/*============================== MOB RESPONSIVE END */
/*=============================================================================================== CONVERTION LOADER END */

/*========================================================================================= JPG TO PNG CONVERTER START   */
#section_1 {
  background: #000;
}

.convertion_hint {
  width: 35px;
}

.convertion_hint_position {
  position: absolute;
  right: 0;
  top: 30px;
}

.main_title_text_wrapper {
  padding: 3% 0 3% 0;
  margin: 8% 0 0%;
  position: relative;
}

.section_1_h6 {
  font-size: 15px;
  color: #fff;
  font-weight: unset;
  text-align: justify;
  width: 100%;
  line-height: 25px;
}

.jp_h1 {
  font-size: 50px;
  font-weight: normal;
  font-family: 'Poppins';
  text-align: left;
  color: #fff;
}

div.input-wraper-jpg-to-png {
  width: 100%;
  text-align: center;
  background: #47cc761a;
  margin: 4% 0% 4% 0%;
  vertical-align: middle;
  padding: 40px 2% 40px 2%;
  border-radius: 20px;
  box-shadow: 0px 5px 16px -2px rgba(42, 115, 217, 0.2);
  border: 1px solid #F2F2F2;
}

#fileInput {
  opacity: 0;
  display: none;
}

.cf-align {
  padding: 10px;
  margin-bottom: 0 !important;
  font-weight: normal;
}

.cf-align a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

.para-dfh-align {
  font-size: 16px;
  font-weight: 600;
  color: #b5cef2;
  width: 100%;
  text-align: center;
  letter-spacing: 0.02em;
  margin: 40px 0px;
}

.drop_area_selection {
  text-decoration: none !important;
}

.file-input-align {
  border-radius: 50px;
  width: 280px;
  background: #3243db;
  padding: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  margin: 0px auto 10px;
}

#uploadStatus {
  display: none;
  color: green;
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.butten_wraper {
  padding: 10px;
}

.button_one {
  background: #2a73d9;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border: none;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  width: 160px;
  font-size: 14px;
}

.button_two {
  background: #2fa20f;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border: none;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  width: 160px;
  font-size: 14px;
}

.button_three {
  background: #f70303;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border: none;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  width: 160px;
  font-size: 14px;
}

.db_icon {
  width: 12%;
  position: relative;
  top: -1px;
  right: 7px;
}

.ud-icon {
  width: 15%;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #uploadStatus {
    top: 42%;
  }

  .section_1_para {
    width: 100%;
  }

  .main_title_text_wrapper {
    padding: 20% 0 10% 0;
  }

  .convertion_hint {
    width: 35px;
  }
  .section_1_h6 {
    width: 100%; 
    line-height: 20px;
  }
}

/*================================================================================== CONVERTION LOADING SUCCESESSFULL START */
.loading {
  cursor: progress;
}

/*==================================================================================== CONVERTION LOADING SUCCESESSFULL END */



/*====================================================================================================== DRAG AND DROP START */
#dropArea {
  width: 90%;
  height: 250px;
  border: 2px dashed #ccc;
  text-align: center;
  border-radius: 20px;
  margin: 0px auto;
  position: relative;
}

#dropArea.drag-over {
  background-color: #f0f0f0;
}

#dropArea label {
  display: block;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}

/*==================================================================================================== DRAG AND DROP END */



/*============================================================================= MOB RESPONSIVE START */
@media only screen and (max-width: 768px) {
  .file-input-align {
    width: 230px;
    font-size: 12px;

  }

  .dfh-align {
    padding: 24.5% 0 24.5% 0;
  }

  .button_two,
  .button_one,
  .button_three {
    font-size: 12px;
    margin: 5px;
  }

  .jp_h1 {
    font-size: 35px;
    text-align: left;
  }
}

@media screen and (max-width: 414px) {
  .main_title_h1 {
    margin: 17% 0 0%;
  }
}

/*============================================================================ MOB RESPONSIVE END */
/*============================================================================================ JPG TO PNG CONVERTER END   */

/*================================== GOOGLE REVIEW START */
.gr_h1 {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #333;
    margin-bottom: 40px;
}

#reviews {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.review {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.review-tg-para {
    font-size: 24px !important;
    color: #333 !important;
    margin: 0;
    font-weight: 600;
}

.stars_google {
    display: inline-block;
    font-size: 20px;
    color: #f1c40f;
}

.stars_trustpilot {
    display: inline-block;
    font-size: 20px;
    color: #00b67a;
}

a.a_trustpilot {
    text-decoration: none;
    cursor: pointer;
}

a.a_google {
    text-decoration: none;
    cursor: pointer;
}

.review p {
    font-size: 16px;
    color: #555;
}
/*================================== GOOGLE REVIEW END */



/*======================================================================================================= SECTION 4 START */
.section_4_h2 {
  font-size: 25px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 15px;
}

span.number_left_item_1 {
  border: 2px solid #3243db;
  padding: 10px 16px 10px 16px;
  border-radius: 12px;
  margin: 0px 10px 0px 0;
  font-size: 20px;
  color: #fff !important;
}

span.number_left_item_2,
.number_left_item_3 {
  border: 2px solid #3243db;
  padding: 10px 14px 10px 14px;
  border-radius: 12px;
  margin: 0px 10px 0px 0;
  font-size: 20px;
  color: #fff !important;
}

.htcjp_h2 {
  text-align: center;
  padding-bottom: 65px;
  padding-top: 30px;
  font-weight: 500;
  color: #fff !important;
  font-size: 50px;
}

.section_4_para {
  font-size: 15px;
  color: #fff;
  font-weight: normal;
  text-align: justify;
}

.content_left_wrapper {
  padding-bottom: 65px;
}

@media only screen and (max-width: 768px) {
  .htcjp_h1 {
    font-size: 40px;
    padding-bottom: 35px;
  }

  .content_left_wrapper {
    padding-bottom: 35px;
  }
  .htcjp_h2 {
    text-align: left;
    font-size: 35px;
  } 
}

/*======================================================================================================= SECTION 4 END */



/*======================================================================================================= SECTION 5 START*/
.section_5_main_h2 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fff !important;
  padding-bottom: 10px;
}

.section_5_ot_pj_h2{
  font-size: 15px;
  color: #000;
  border: 2px solid #3243db;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  text-align: center;
  margin-right: 10px;
  font-weight: 600;
}

.section_5_ot_pj_h2 a {
  text-decoration: none;
  color: #fff !important;
}

.ot_tool_wrapper {
  display: flex;
  padding-bottom: 65px;
}

@media only screen and (max-width: 768px) {
  .ot_tool_wrapper {
    display: block;
  }
}

/*======================================================================================================= SECTION 5 END*/



/*===================================================================================================== SECTION 6 START */
#section_6 {
  background: #000;
}

.text_one,
.text_two,
.text_three {
  text-align: justify;
  color: #000;
  font-size: 15px;
  font-weight: normal;

}

.jtpc_h2 {
  font-weight: 500;
  color: #000;
  font-size: 40px;
  text-align: left;
}

.wsycjp_h2 {
  font-weight: 500;
  color: #000;
  font-size: 40px;
  text-align: left;
}

.iscjp_h2 {
  font-weight: 500;
  color: #000;
  font-size: 40px;
  text-align: left;
}

.jtpc_h2_text_one_align {
  padding-top: 5%;
}

.iscjp_h2_text_three_align {
  padding-bottom: 0%;
}

.iscjp_h2_text_four_align{
  padding-bottom: 5%;
}
.iscjp_h3_text_four_align{
  padding-bottom: 5%;
}
a.cp_a, a.ic_a, a.im_a, a.ig_a, a.dg_a, a.jg_a, a .si_a, a.wp_a, a.jg_a, a.wj_a, a.pg_a, a.cc_a {
  text-decoration: none;
}


@media only screen and (max-width: 768px) {
  .jtpc_h1 {
    font-weight: 500;
    font-size: 25px;
    text-align: left;
  }

  .wsycjp_h2 {
    font-weight: 500;
    font-size: 25px;
    text-align: left;
  }

  .iscjp_h2 {
    font-weight: 500;
    font-size: 25px;
    text-align: left;
  }
  .iscjp_h3 {
    text-align: left;
    font-weight: 500;
    font-size: 25px;
  }
}
/*===================================================================================================== SECTION 6 END */

/*============================== ABOUT US START */
.about_us_content_wrapper {
    margin: 0 auto;
    padding: 20px;
    background: #000;
    border-radius: 10px;
    margin: 10% 0 4% 0;
    box-shadow: 0px 5px 16px -2px #3243db;
}

.au_h1 {
    font-size: 40px;
    font-weight: 600;
    color: #fff !important;
}

.wt_para {
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
    color: #fff;
}

a.cu_a,
a.aio_a {
    color: lightseagreen;
    text-decoration: unset;
    cursor: pointer;
}

@media only screen and (max-width:900px) {
    .about_us_content_wrapper {
        margin: 20% 0 8% 0;
    }
}
/*============================== ABOUT US END */

/*========================= PRIVACY & TERMS START */
.privacy_policy_content_wrapper {
    margin-top: 10%;
}

.privacy_policy_content_wrapper p {
    text-align: left;
}

.post-body .privacy_policy_content_wrapper {
      color: #fff !important;
      }
      
.post-body .privacy_policy_content_wrapper h2, .post-body .privacy_policy_content_wrap1er h3, .post-body .privacy_policy_content_wrapper h1 {
      color: #fff !important;
      }

@media only screen and (max-width:900px) {
    .privacy_policy_content_wrapper {
        margin-top: 18%;
    }
}
/*========================= PRIVACY & TERMS END */

/*=============== CONTACT US FORM START  */
.contact-form-container {
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #000;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    margin-top: 10%;
    margin-bottom: 5%;
    position: relative;
}

.ct_mail_box {
    position: absolute;
    width: 30%;
    left: 91%;
    top: 92%;
    transform: translate(-50%, -50%);
}

#contact-form {
    width: 750px;
}

.cu_h1 {
    color: #fff !important;
    text-align: left;
    font-size: 40px;
    font-weight: 600;
}

.wlh_para {
    text-align: left;
    color: #fff;
}

.input-wrapper {
    text-align: left;
}
      
.contact-form-container label {
    color: #fff;
}

.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container textarea {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  border: 2px solid #0355c8;
  border-radius: 5px;
  background: #000;
}

.contact-form-container input[type="file"] {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: 2px solid #0355c8;
    border-radius: 5px;
    color: #fff;
}

.contact-form-container input[type="file"]:hover {
    border-color: none;
}

button.btn_submit {
    background-color: #0355c8;
    color: #fff;
    padding: 10px 50px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-right: 707px;
    margin-top: 10px;
}

.contact-form-container button:hover {
    background-color: #f70303;
}

#confirmation-message {
    display: none;
    font-weight: bold;
    color: #0355c8;
    margin-top: 10px;
}

@media only screen and (max-width:900px) {
    .contact-form-container {
        width: 100%;
    }

    .input-wrapper {
        width: 40%;
    }

    .ct_mail_box {
        position: absolute;
        width: 30%;
        left: 90%;
        top: 97%;
        transform: translate(-50%, -50%);
    }
}
/*====================== CONTACT US FORM END  */