/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

html {
  scroll-behavior: smooth;
}

body {

  /* font-family: 'Inter', sans-serif !important; */
  font-family: 'Poppins', sans-serif !important;


  font-size: 18px;
  line-height: 30px;
}

.bg-main {
  background: #F4F9FF !important;
  /* border: 1px solid #e5e5e5; */
}

.site-header {
  border-bottom: 1px solid #80808045;
}

.nblog .blog-txtset {
  width: 100% !important;
  /* margin-top: -70px !important; */
  background: #FFF !important;
  margin: 0px auto;
  position: relative;
  /* border-radius: 16px 16px 0px 0px !important; */
}

.nblog .blgtp-img {
  min-height: calc(100vh - 160px - 85px);
}

.page-head.bg-main {
  background-image: url(https://imgtype.com/wp-content/uploads/2023/07/banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-color: #f4f6ff;
}

.page-head {
  background: #0c373c !important;
  text-align: left !important;
}

.page-head h1 {
  color: #e3ffcc !important;
}

.page-head p {
  color: #FFF !important;

  font-size: 16px !important;
  line-height: 26px !important;
}

.page-head p:last-child {
  margin-bottom: 0px !important;
}

h1, h2, h3 {
  color: #181D20 !important;
}

.page-template-page-main label, .page-template-page-main .wpcf7-form-control-wrap, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
  width: 100% !important;
}

.container {
  margin: 0 auto;
  padding: 20px;
}

body {
  background: #F4F8FF !important;
}

.input-label {
  margin-bottom: 10px;
}

.input-file {
  display: none;
}

.convert-btn {
  margin-top: 10px;
}

.output-table {
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

.output-image {
  width: 100% !important;
  min-height: 200px !important;
  max-height: 200px;
  object-fit: cover !important;
  margin-bottom: 12px !important;
}

.download-btn {
  display: none;
  margin-top: 10px;
}

.image-link {
  font-size: 14px !important;
  margin-left: 12px !important;
}

.loader {
  display: none;
  margin-top: 20px;
  text-align: center;
}

.loader::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.image-container {
  width: 24%;
  padding: 10px !important;
  text-align: center !important;
  border: 1px solid #cccccc !important;
  margin: 5px !important;
  border-radius: 12px !important;
}

.image-container .btn {
  padding: 8px 16px !important;
  font-size: 14px !important;
}

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

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


.imtype-header {
  box-shadow: 0 3px 24px rgba(0, 0, 0, 0.08);
  background: #FFF !important;
}


.drag-drop-box {
  background: #F4F8FF !important;
  border: 2px dashed #ccc;
  padding: 1em;
  text-align: center;
  cursor: pointer;
  padding: 60px;
  border-radius: 12px !important;
}

.drag-drop-box p {
  margin: 0;
}

.drag-drop-box.hover {
  background-color: #f9f9f9;
}

.o-icon {
  width: 60px;

}

#output-container {
  justify-content: center;
  /* border: 2px dashed #ccc;a
    padding: 30px; */
  /* border-radius: 12px !important; */
}


.btn {
  text-transform: uppercase !important;
}

.d-none {
  display: none !important;
}

.text-center {
  text-align: center !important;
}

.btn {
  border-radius: 4px !important;
  margin: 0px 8px !important;
}

.image-container .btn {
  color: #FFF !important;
  width: 100% !important;
  margin: 0px !important;
  text-decoration: none !important;
  font-weight: 700;
}

.bg-white {
  background: #FFF !important;
}


/* padding and margin start */

/* padding start */

.p-8 {
  padding: 8px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-32 {
  padding: 32px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-48 {
  padding: 48px !important;
}

.p-56 {
  padding: 56px !important;
}

.p-64 {
  padding: 64px !important;
}

.p-72 {
  padding: 72px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-104 {
  padding: 104px !important;
}

.p-120 {
  padding: 120px !important;
}

/* padding end */

/* padding top start */
.pt-8 {
  padding-top: 8px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-104 {
  padding-top: 104px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

/* padding top end */



/* padding bottom start */
.pb-8 {
  padding-bottom: 8px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-104 {
  padding-bottom: 104px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

/* padding bottom end */

/* padding left and right start */
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.px-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.px-104 {
  padding-left: 104px !important;
  padding-right: 104px !important;
}

.px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

/* padding left and right end */

/* padding top and bottom start */
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.py-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.py-104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

/* padding top and bottom end */


/* margin start */

.m-8 {
  margin: 8px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-32 {
  margin: 32px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-56 {
  margin: 56px !important;
}

.m-64 {
  margin: 64px !important;
}

.m-72 {
  margin: 72px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-104 {
  margin: 104px !important;
}

.m-120 {
  margin: 120px !important;
}

/* margin end */



/* margin top start */
.mt-8 {
  margin-top: 8px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-104 {
  margin-top: 104px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

/* margin top end */



/* margin bottom start */
.mb-8 {
  margin-bottom: 8px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-104 {
  margin-bottom: 104px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

/* margin bottom end */



/* margin left and right start */
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mx-104 {
  margin-left: 104px !important;
  margin-right: 104px !important;
}

.mx-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

/* margin left and right end */

/* margin top and bottom start */
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.my-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

/* margin top and bottom end */



@media (max-width: 991.98px) {
  /* <!-- padding start --> */


  .p-104, .p-120 {
    padding: 80px !important;
  }

  .pt-104, .pt-120 {
    padding-top: 80px !important;
  }

  .pb-104, .pb-120 {
    padding-bottom: 80px !important;
  }

  .px-104, .px-120 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-104, .py-120 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  /* <!-- padding end -->

<!-- margin start --> */

  .m-104, .m-120 {
    margin: 80px !important;
  }

  .mt-104, .mt-120 {
    margin-top: 80px !important;
  }

  .mb-104, .mb-120 {
    margin-bottom: 80px !important;
  }

  .mx-104, .mx-120 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-104, .my-120 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  /* <!-- margin end --> */

}

@media (max-width: 767.98px) {

  /* <!-- padding start --> */
  .p-104, .p-120, .p-80, .p-72 {
    padding: 64px !important;
  }

  .pt-104, .pt-120, .pt-80, .pt-72 {
    padding-top: 64px !important;
  }

  .pb-104, .pb-120, .pb-80, .pb-72 {
    padding-bottom: 64px !important;
  }

  .px-104, .px-120, .px-80, .px-72 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  .py-104, .py-120, .py-80, .py-72 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  /* <!-- padding end -->

<!-- margin start --> */

  .m-104, .m-120 {
    margin: 64px !important;
  }

  .mt-104, .mt-120 {
    margin-top: 64px !important;
  }

  .mb-104, .mb-120 {
    margin-bottom: 64px !important;
  }

  .mx-104, .mx-120 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }

  .my-104, .my-120 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  /* <!-- margin end --> */

}

@media (max-width: 575.98px) {


  /* <!-- padding start --> */
  .p-64 {
    padding: 40px !important;
  }

  .pt-64 {
    padding-top: 40px !important;
  }

  .pb-64 {
    padding-bottom: 40px !important;
  }

  .px-64 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-64 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .p-104, .p-120, .p-80, .p-72 {
    padding: 56px !important;
  }

  .pt-104, .pt-120, .pt-80, .pt-72 {
    padding-top: 56px !important;
  }

  .pb-104, .pb-120, .pb-80, .pb-72 {
    padding-bottom: 56px !important;
  }

  .px-104, .px-120, .px-80, .px-72 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }

  .py-104, .py-120, .py-80, .py-72 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  /* <!-- padding end -->

<!-- margin start --> */

  .m-64 {
    margin: 40px !important;
  }

  .mt-64 {
    margin-top: 40px !important;
  }

  .mb-64 {
    margin-bottom: 40px !important;
  }

  .mx-64 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-64 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .m-104, .m-120, .m-80, .m-72, .m-64 {
    margin: 56px !important;
  }

  .mt-104, .mt-120, .mt-80, .mt-72, .mt-64 {
    margin-top: 56px !important;
  }

  .mb-104, .mb-120, .mb-80, .mb-72, .mb-64 {
    margin-bottom: 56px !important;
  }

  .mx-104, .mx-120, .mx-80, .mx-72, .mx-64 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }

  .my-104, .my-120, .my-80, .my-72, .my-64 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }

  /* <!-- margin end --> */

}



/* margin and margin start */



h1, .h1, .blog .h1, .guide .h1 {
  font-size: 40px;
  line-height: 60px;
  font-style: normal;
  font-weight: bold;
}

h2,
.h2,
.blog .h2,
.guide .h2 {
  font-size: 32px !important;
  line-height: 42px !important;

  font-style: normal;
  font-weight: bold;
  margin: 0 0 16px !important;
}

h3,
.h3,
.blog .h3,
.guide .h3 {
  font-size: 28px !important;
  line-height: 38px !important;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 16px !important;
}

h4,
.h4,
.blog .h4,
.guide .h4 {
  font-size: 24px !important;
  line-height: 34px !important;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 16px !important;
}

h5,
.h5,
.blog .h5,
.guide .h5 {
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 16px !important;
}

h6,
.h6,
.blog .h6,
.guide .h6 {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 25px !important;
}

p {
  font-size: 18px;
  line-height: 30px;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 24px !important;
  color: #354454 !important;
}

@media (max-width: 1199.98px) {

  h1,
  .h1,
  .blog .h1,
  .guide .h1 {
    font-size: 38px;
    line-height: 50px !important;
  }

}

@media (max-width: 991.98px) {


  h2,
  .h2,
  .blog .h2,
  .guide .h2 {
    font-size: 28px !important;
    line-height: 38px !important;
  }

  h3,
  .h3,
  .blog .h3,
  .guide .h3 {

    font-size: 26px !important;
    line-height: 36px !important;
  }

  h4,
  .h4,
  .blog .h4,
  .guide .h4 {
    font-size: 18px !important;
    line-height: 30px !important;
  }

}


@media (max-width: 575.98px) {

  h1,
  .h1,
  .blog .h1,
  .guide .h1 {
    font-size: 32px !important;
    line-height: 42px !important;
  }


}

.page-template-page-main #footer-widgets h2.widget-title, #footer-widgets h2.widget-title {
  color: #263238 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

.pg-title {
  margin-bottom: 72px !important;
}

.pg-title h2 {
  margin-bottom: 0px !important;
}

.pg-title p {
  margin-bottom: 0px !important;
}

.wp-faq-schema-wrap.wp-faq-schema-accordion h2 {
  margin-bottom: 72px !important;
}

.pg-title p:last-child {
  margin-bottom: 0px !important;
}

@media (max-width: 1199.98px) {}


@media (max-width: 991.98px) {

  .pg-title {
    margin-bottom: 52px !important;
  }

  .wp-faq-schema-wrap.wp-faq-schema-accordion h2 {
    margin-bottom: 52px !important;
  }

  br {
    display: none !important;
  }

  #output-container .image-container {
    width: 100% !important;
  }

  .output-image {
    object-fit: contain !important;
  }

  .innser-imgmedia {
    display: none !important;
  }

  .drag-drop-box {
    display: none !important;
  }

  .btn {
    width: 100% !important;
    margin: 8px 0px !important;
  }
}

@media (max-width: 767.98px) {

  .blgtp-img {
    display: none !important;
  }

  /* .blgt-tm{
		display:none !important;
	} */

  .nblog .blog-txtset {
    width: 100% !important;
    margin-top: 0px !important;
  }

}

@media (max-width: 575.98px) {
  .innerpage .pg-title {
    margin-bottom: 32px !important;
  }

  .wp-faq-schema-wrap.wp-faq-schema-accordion h2 {
    margin-bottom: 32px !important;
  }

}


.hw-box {
  border: 1.5px solid #dedede;
  height: 100% !important;
  padding: 24px !important;
  border-radius: 8px !important;
  text-align: center !important;
  background: #fff;
}

.hw-box p {
  font-size: 16px !important;
  margin-bottom: 0px !important;
}

img.xlsx-img {
  height: 20px;
  margin-right: 6px !important;
}

.main-howto {
  background-color: #EFF7FD !important;
}

.main-howto h2 {
  color: #181D20 !important;
}

.main-howto .hwselet {
  padding: 32px;
  border-radius: 12px;
  background: #FFF !important;
  height: 100% !important;
  color: #181D20 !important;
}

.main-howto .hwselet .ttl {
  font-size: 18px !important;
  line-height: 30px !important;
  color: #181D20 !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

.main-howto .hwselet p {
  font-size: 16px !important;
  line-break: 26px !important;
}

.main-howto .hwselet p:last-child {
  margin-bottom: 0px !important;
}

.imgbox-bgremove {
  background: url('https://imgtype.com/wp-content/uploads/2023/09/bgremove.jpg');
  background-size: cover;
}

#response a {
  font-weight: 800 !important;
  font-size: 18px !important;
  padding: 10px 20px !important;
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  text-decoration: none !important;
}

#nav_menu-2 {
  display: none !important;
}

.nblog h1, .nblog h2, .nblog h3, .nblog h4 {
  color: #161b3d !important;
}

.nblog .blgt-tm {
  font-size: 14px;
  opacity: .9;
  /* color: #FFF !important; */
}

#ezw_tco-3 {
  background: #f7f7f7 !important;
  padding: 15px !important;
}


div#flipmodal {
  background: #00000080;
}

.modal-body button {
  padding: 8px 24px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.modal-img .modal-body #image-container {
  text-align: center !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
}

.modal-img .modal-body #image-container img {
  max-height: 450px;
}

.grecaptcha-badge {
  display: none !important;
}

td.trimg {
  display: flex !important;
}

td.trimg img {
  width: 60px !important;
  margin-right: 12px !important;
  max-height: 30px !important;
  order: -1;
}

#result-table {
  border-collapse: unset !important;
  border-spacing: 0;
  border-bottom: 0px !important;
  border-radius: 8px !important;
  overflow: hidden;

}

#result-table .image-link {
  font-weight: 800 !important;
}

#result-table td {
  vertical-align: middle;
}

#result-table td, #result-table th {
  border-top: 0px !important;
}

#result-table thead tr {
  background: #0c373c !important;
  color: #FFF !important;
}

#result-table thead th {
  padding: 16px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}

header .inside-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#selected-images-container {
  justify-content: center;
}

.ui-accordion-header .arro-icon img {
  filter: grayscale(100%) brightness(200%) !important;
}

.crp-list-item {
  /* border: 1px solid #80808063; */
  min-height: 271px;
  /* border-radius: 8px 8px 8px 8px !important; */
  overflow: hidden;
}

.crp-list-item .crp-list-item-image {
  height: 180px !important;
  max-height: 227px !important;
  min-height: 227px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.crp-list-item-title {
  padding: 16px 0 !important;
  text-align: left !important;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 26px !important;
}

.related-posts a {
  color: #162020;
  text-decoration: none;
  /* font-size: 17px; */
}

.related-posts img {
  max-width: 100% !important;
  width: 100%;
  min-height: 180px !important;
}

.sticky-inner nav {
  background: #f5f5f5 !important;
}

.sticky-inner ul li a {
  color: #15171A !important;
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 4px 4px 4px 0 !important;
  display: block;
  font-weight: 400 !important;
}

.sticky-inner ul li {
  margin-bottom: 0 !important;
}

/* .sticky-inner ul li.active {
    border-left: 4px solid #000!important;
    padding-left: 20px!important;
    background: #ddeafd!important;
}
.sticky-inner ol li.active a,  .sticky-inner ul li.active a {
    color: #1b1c1e!important;
} */

.side-menubottom, .nstyle .side-menutop {
  padding: 15px;
  justify-content: center;
  display: flex !important;
}

div.ez-toc-widget-container ul.ez-toc-list {
  margin-left: 0px !important;
}

.preview #image-previews .file-info {
  display: none !important;
}

#selected-images-container .image-info .img-name {
  font-size: 16px !important;
  color: #181D20 !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

#selected-images-container .image-info .int-size, #selected-images-container .image-info .img-size, .image-container .file-info p {
  line-height: 24px !important;
  font-size: 16px !important;
  color: #817676 !important;
  margin-bottom: 4px !important;
  font-weight: 600 !important;
}

#selected-images-container .selected-image {
  width: 24%;
  padding: 10px !important;
  text-align: center !important;
  border: 1px solid #cccccc !important;
  margin: 5px !important;
  border-radius: 12px !important;
}

#selected-images-container .selected-image img {
  width: 100% !important;
  min-height: 200px !important;
  max-height: 200px;
  object-fit: cover !important;
  margin-bottom: 12px !important;
}

/* #footer-widgets h2.widget-title {
	font-size: 18px !important;
    line-height: 1.5 !important;
    color: #525658 !important;
} */

body.page-template-page-main {
  background: #FFF !important;
}

body.page-template-page-main header {
  /* box-shadow: 1px 1px 9px rgba(127,127,127,.3); */
}

.row-gap-24 {
  row-gap: 42px !important;
}

#footer-widgets, .site-footer {
/*   background-color: #fff !important; */
	    background: #efefef33 !important;
  /* background-color: #0c373c !important; */
}

.inside-article {
  padding-bottom: 0px !important;
}

#footer-widgets, #footer-widgets a {
  color: #263238 !important;
  font-size: 14px !important;
  opacity: 0.8;
}

.widget ul li {
  margin-bottom: 0.2em !important;
}


.wp-block-separator {
  color: #efefef !important;
  margin: 40px 0px !important;
}

.single-post ul, .single-post ol {
  margin: 0px !important;
  margin-left: 20px !important;
}

.single-post ul li, .single-post ol li {
  font-size: 18px !important;
  line-height: 30px !important;
  margin-bottom: 8px;
}

.single-post h4 {
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

.blog .post-conainer .post-item img {
  min-height: 227px !important;
  object-fit: cover;
}

.post-conainer .post-item a {
  color: #0c373c;
  text-decoration: none;
}

.post-conainer .post-item h3 {
  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
}

.blog .post-conainer .post-item .post-img {
  max-height: 227px !important;
  min-height: 227px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.blog .post-item-text {
  padding-top: 24px !important;
}

.blog .post-conainer .post-item .taglist {
  margin-bottom: 12px !important;
}

.site-info {
	background: #efefef33 !important;
  color: #253238 !important;
}

.site-info .inside-site-info {
  border-top: 0.1px solid #253238;
}

.footer_bottom_box .socia_icon ul li a {
  font-size: 22px !important;
  color: #253238 !important;
}

.footer_bottom_box .socia_icon ul li a:hover {
  color: #253238 !important;
}

.blog .blog-daterd {
  margin: 0 !important;
  list-style: none !important;
}

.blog .blog-daterd li {
  font-weight: 600;
  color: #247881 !important;
  font-size: 14px !important;
}

.blog .blog-daterd li i {
  font-weight: 600 !important;
  margin-right: 4px !important;
}

.font-32 {
  font-size: 32px !important;
  line-height: 42px !important;
}

.btn-primary {
  background: #0277cc !important;
  border-color: #0277cc !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  font-weight: 600;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  margin: 0 !important;
  line-height: 28px;
}

.btn-primary:hover {
  color: #fff !important;
  background: #0462a7 !important;
  border-color: #0462a7 !important;
}

.btn-danger {
  font-weight: 600 !important;
  font-size: 18px !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  line-height: 28px;
}

#download-link, .download-link {
  font-weight: 600 !important;
  font-size: 18px !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  line-height: 28px;
}

.main-navigation ul ul {
  box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.12);
  border-radius: 8px !important;
}

.main-navigation .main-nav ul ul li a:hover {
  background: #F4F8FE !important;
}

.section-blogtop {
  background: #F4F8FF !important;
  text-align: center;
}

.wp-block-image {
  border: 1px solid rgba(157, 157, 157, .5) !important;
  border-radius: 8px !important;
  margin: 0 0 30px;
  padding: 2px;
  clear: both;
  position: relative;
  text-align: center;
}

.single-post h1 {
  font-size: 44px;
  line-height: 56px;
  /* color: #e3ffcc !important; */
  margin-top: 0px !important;
}

.single-post h2, .single-post p.h2 {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 16px !important;
  font-weight: 700 !important;
  margin-top: 24px !important;
}

.single-post h3 {
  margin-bottom: 16px !important;
  font-weight: 700 !important;
  margin-top: 24px !important;
}

.single-post h3.crp-list-title {
  text-align: left !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}

.taglistbox .taglist a {
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 16px !important;
  line-height: 16px !important;
}

.taglistbox a {
  background: rgba(15, 103, 234, 0.2) !important;
  color: #0f67ea !important;
}

#ez-toc-container {
  display: none !important;
}

div.ez-toc-widget-container ul.ez-toc-list {
  padding: 10px 0px !important;
}

.innerpage-bg {
  background: #f4f6ff !important;
}

.innerpage-bg .container {
  padding: 80px 0px;
}

.w-menu {
  max-width: 27.3% !important;
}

.is-right-sidebar {
  width: 100% !important;
}

.single-post .ez-toc-widget-container h2.widget-title {
  margin-bottom: 4px !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
}

#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
  margin-left: 0px !important;
}

.ez-toc-widget-container nav ul li a::before {
  display: none !important;
}

body.single-post, .single-post .entry-content {
  background: #FFF !important;
}

.faq-txt h2 {
  font-size: 22px !important;
}

.row-gap-30 {
  row-gap: 30px !important;
}

.row-gap-40 {
  row-gap: 40px !important;
}

.btn i {
  margin-right: 5px !important;
}

.ty-box {
  text-align: center !important;
  height: calc(100% - 24px) !important;
  border: 1.5px solid #dedede;
}

.main-navigation .main-nav>ul a {
  text-decoration: none !important;
}

.ty-img img {
  max-width: 60px;
  margin-bottom: 16px !important;
}

.ui-accordion-content ul, .ui-accordion-content ol {
  margin-left: 25px !important;
}

/* .ui-accordion-content ul li, .ui-accordion-content ol li {
  font-size: 17px !important;
  line-height: 30px !important;
} */

p {
  font-size: 18px;
  line-height: 30px;
}

.main-navigation ul ul {
  background-color: #FFF !important;
}

.ui-accordion-content ul li:not(:last-child), .ui-accordion-content ol li:not(:last-child) {
  margin-bottom: 10px !important;
}

.inside-article {
  padding-top: 0px !important;
}

.entry-content {
  background: #f4f8ff !important;
}

.ty-box:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.ty-box h3 {
  font-size: 24px !important;
  line-height: 34px !important;
  font-weight: 700;
  margin-bottom: 8px !important;
}


.ty-box a {
  text-decoration: none !important;
  color: #212529 !important;
}

h1, h2 {
  font-weight: 700 !important;
}

.site.grid-container {
  padding: 60px 0px !important;
}

/* .ui-accordion-header.ui-corner-top:first-child {
    border-top: none !important;
} */

.ui-accordion .ui-accordion-content {
  background: #F4F8FF !important;
  border-radius: 0px 0px 8px 8px;
  padding: 16px 24px !important;
}

.bg-main .ui-accordion .ui-accordion-content {
  background: #FFF !important;
}

.ui-accordion-header:not(:first-child) {
  margin-top: 16px !important;
}



.ui-accordion-header-icon {
  display: none !important;
}


.ui-accordion .ui-accordion-header.ui-accordion-header-active {
  border-radius: 8px 8px 0px 0px !important;
}

.ui-accordion .ui-accordion-header {
  background: #E8F0FD !important;
  padding: 16px 24px !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  border: none !important;
  margin-bottom: 0 !important;
}

/* .ui-accordion .ui-accordion-header:not(:first-child) {
  border-top: 1px solid #e5e7eb !important;
} */

.ui-accordion-content p, .ui-accordion-content ul li, .ui-accordion-content ol li {
  font-size: 18px !important;
  line-height: 28px !important;
}

.ui-accordion-content p:last-child {
  margin-bottom: 0 !important;
}

/* .bg-main .ui-accordion .ui-accordion-header:not(:first-child) {
  border-top: 1px solid #bdc3cf !important;
} */

.ui-accordion-content {
  padding-left: 8px !important;
  border: none !important;
  background: transparent !important;
}

.wp-faq-schema-wrap h2 {
  text-align: center !important;
  margin-bottom: 22px !important;
}

.ui-accordion-header .arro-icon {
  width: auto !important;
  right: 16px !important;
  text-align: right;
  position: absolute;
  padding-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.ui-accordion-header .arro-icon img {
  transition: 300ms linear all;
  width: 16px !important;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
  background-color: transparent !important;
}

@media (max-width: 991.98px) {

  .m991-hide {
    display: none !important;
  }

  #selected-images-container .selected-image {
    width: 100% !important;
  }

  #selected-images-container .selected-image img {
    object-fit: contain !important;
  }

  span#download-button {
    width: 100% !important;
  }

  #image-previews .image-container {
    width: 100% !important;
  }
}


.footer-widgets .widget:last-child, .sidebar .widget:last-child {
  padding: 0 !important;
}

.w-menu .sticky-top {
  top: 50px !important;
}

.side-menutop {
  padding: 15px;
  justify-content: center;
  display: flex !important;
}

/* .img_pgny h1 span{
  padding: 4px 10px !important;
  border-radius: 8px !important;
} */

.img_pgny h1 span.v1 {
  color: #0277cc !important;
  /* background: #ffe0e6 !important; */
}

.img_pgny h1 span.v2 {
  color: #0277cc !important;
  /* background: #ffede0 !important; */
}

.img_pgny h1 span.v3 {
  color: #0277cc !important;
  /* background: #dce2fa !important; */
}

.img_pgny h1 span.v4 {
  color: #0277cc !important;
  /* background: #ecfae5 !important; */
}

.img_pgny .bg-main {
  background-color: #F4F9FF !important;
  border: 0 !important;
}

.ty-nybox {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 22px;
  height: 100%;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.ty-nybox:hover {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.ty-nybox p {
  margin-bottom: 0px !important;
  color: #707375 !important;
  font-size: 14px !important;
  line-height: 24px !important;
}

a:hover {
  text-decoration: none !important;
}

.ty-nybox .img_tybox {
  /* display: flex !important; */
  margin-bottom: 0px !important;
  align-items: center !important;
}

.ty-nybox .ty-title h3, .ty-nybox .ty-title h2 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase;
}

.ty-nybox .ty-img {
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  display: grid;
  justify-content: center;
  align-items: center !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  background: #FFF !important;
  margin-top: -42px !important;

  border-radius: 50% !important;
}



.ty-img i {
  font-size: 24px !important;
  color: #0c373c;
}


.ty-img.v1 i {
  color: #FF5975 !important;
}

.ty-img.v2 i {
  color: #E2C740 !important;
}

.ty-img.v3 i {
  color: #10D0D5 !important;
}

.ty-img.v4 i {
  color: #FF7919 !important;
}

.ty-img.v5 i {
  color: #79DC47 !important;
}

.ty-img.v6 i {
  color: #624BD8 !important;
}

.ty-img.v7 i {
  color: #4064e2 !important;
}

.ty-img.v8 i {
  color: #b54b21 !important;
}

.ty-img.v9 i {
  color: #21b5a2 !important;
}

.ty-img.v10 i {
  color: #b521ac !important;
}



.ty-nybox .color-grey {
  font-size: 14px !important;
  color: #247881 !important;
  font-weight: 600 !important;
}

.filterDiv {
  display: none;
}

.filterDiv.show {
  display: block !important;
}

#img_tabbox ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}


#img_tabbox {
  background-color: #ffffff;
  border-radius: 99px;
  padding: 16px !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

#img_tabbox ul li {
  display: inline-block !important;
}

#img_tabbox ul li button.btn.active {
  background-color: #0277cc;
  color: #FFFFFF;
  border-radius: 99px !important;
}

#img_tabbox ul li button {
  font-weight: 600 !important;
}

#img_tabbox .btn:hover {
  background-color: #0277cc;
  color: #FFFFFF !important;
  border-radius: 99px !important;
}


.support-banner {
  color: #FFF !important;
  background: #0277cc;
}

.support-banner :is(h2, h3, p) {
  color: #FFF !important;
}

.support-banner h2 {
  font-size: 48px !important;
  line-height: 58px !important;
  color: #FFF !important;
}

.support-banner p:last-child {
  margin-bottom: 0px !important;
}

.support-banner p.mb-42 {
  margin-bottom: 42px !important;
}

.support-banner a.btk {
  color: #08272b;
  background-color: #ffffff;
  padding: 12px 30px !important;
  display: inline-block !important;
  border-radius: 8px !important;
  font-weight: 600;
  text-transform: uppercase;
}

.item_blog {
  padding: 16px !important;
}

.item_blog .post-item {
  background-color: #FFFFFF;
  /*     box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); */
  border-radius: 12px;
  padding: 16px !important;
  border: 1.5px solid #efefef;
}

.js-slick-carousel button.slick-prev, .js-slick-carousel button.slick-next {
  display: none !important;
}

.blog_grid .pg-title h2 {
  font-size: 48px !important;
  line-height: 58px !important;
  margin-bottom: 8px !important;
}

.blog_grid {
  overflow: hidden !important;
}

.blog_grid .container-fluid {
  margin-left: calc((100vw - 1140px) / 2);
}

.blog_grid .slick-list.draggable {
  padding-left: 0px !important;
}

.statistic {
  background-color: #0277cc;
  border-radius: 10px;
  padding: 24px 40px;
}

.statistic__item {
  align-items: center !important;
}

.statistic__item .statistic__num {
  font-weight: 600;
  font-size: 48px;
  color: #FFF;
  margin-right: 24px;
}

.statistic__item .statistic__text {
  color: #FFFFFF !important;
  font-size: 16px;
  display: flex;
  flex-direction: column;
}

.statistic__item .statistic__text br {
  display: none !important;
}

.statistic__item:not(:last-of-type)::after {
  content: '';
  border-right: 1px solid #C8C9CA;
  height: 20px;
  padding-left: 80px;
}

.img_pgny h1 {
  font-size: 56px !important;
  line-height: 66px !important;
  margin-bottom: 16px !important;
  color: #263238 !important;
}

.img_pgny .bg-main p {
  color: #263238 !important;
}

.img_pgny .ty-nybox p {
  color: #0c373c !important;
}


@media (max-width: 991.98px) {

  #img_tabbox ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px 24px;
  }

  #img_tabbox {
    all: unset !important;
  }

  #img_tabbox ul li button {
    margin: 0 !important;
  }

  .js-slick-carousel .slick-dots {
    display: none !important;
  }

  .btm-img {
    display: none !important;
  }

  .support-banner p.mb-48 {
    margin-bottom: 24px !important;
  }

  .img_pgny h1 {
    font-size: 42px !important;
    line-height: 52px !important;
  }

  .blog_grid .pg-title h2, .support-banner h2 {
    font-size: 32px !important;
    line-height: 42px !important;
  }

  .statistic.d-flex {
    display: block !important;
    text-align: center !important;
    padding: 24px 24px !important;
  }

  .statistic__item:not(:last-of-type)::after {
    display: none !important;
  }

  .statistic__item {
    align-items: center !important;

    padding: 10px 0px !important;

    background: #FFF !important;
    padding: 16px !important;
    border-radius: 8px !important;
  }

  .statistic__item:not(:last-child) {
    /* 		    border-bottom: 1px solid #C8C9CA; */
    margin-bottom: 16px !important;
  }

  .statistic__item .statistic__num {
    font-size: 42px;
  }

  .blog_grid .container-fluid {
    margin-left: auto !important;
    max-width: 720px !important;
  }

  .item_blog {
    padding: 0px 16px !important;
  }

  .blog_grid .container.pt-80 {
    padding-bottom: 0px !important;
  }

  #img_tabbox ul li button.btn {
    background: #FFF;
    border-radius: 99px !important;
  }
}

@media (max-width: 767.98px) {

  .blog_grid .container-fluid {
    max-width: 540px !important;
  }

  .img_pgny h1 {
    font-size: 32px !important;
    line-height: 42px !important;
  }
}

@media (max-width: 575.98px) {
  .blog_grid .container-fluid {
    max-width: 100% !important;
  }

  .statistic.d-flex {
    padding: 0px 0px !important;
    background: #FFF !important;
  }

  .statistic__item {
    background-color: #EFF7FD !important;
    /* 		    justify-content: center !important; */
  }

  #img_tabbox ul li button {
    padding: 12px !important;
  }

  .item_blog {
    padding: 0px 6px !important;
  }

  .blog_grid .blog .post-conainer .post-item img {
    min-height: 180px !important;
    object-fit: cover !important;
  }

  .blog_grid .blog .post-conainer .post-item .post-img {
    max-height: 180px !important;
    min-height: 180px !important;
  }

  .pg-title p:last-child {
    font-size: 16px !important;
    line-height: 27px !important;

  }

  .support-banner {
    text-align: center !important;
  }

  .pg-title {
    margin-bottom: 42px !important;
  }

  #img_tabbox ul {
    gap: 16px 16px;
  }

  .img_pgny h1 span {
    background: transparent !important;
    padding: 0px !important;
  }
}


.gird_size {
  max-width: 500px !important;
  text-align: center !important;
  margin: 0px auto;
  /* border: 1px solid #d3d3d3; */
  border: 2px dashed #556fff;
  border-radius: 8px !important;
  margin-top: 32px !important;
  padding: 32px !important;
  width: 100% !important;
}

.gird_size img {
  margin: 0px auto;
  margin-bottom: 24px !important;
  max-height: 200px !important;
  margin-top: 0px !important;
}

.gird_size label {
  text-align: left !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

.gird_size p.note-txt {
  margin-bottom: 0px !important;
  margin-top: 16px !important;
  font-size: 14px !important;
  color: grey !important;
}


.footer-widgets .widget ul {
  margin-left: 0px !important;
}

#footer-widgets a:hover {
  text-decoration: underline !important;
}

.btn-success {
  background-color: #23A06C;
  border-color: #23A06C;
}

.btn-success:hover {
  background-color: #0b794b !important;
  border-color: #0b794b;
}


.emilbxgird .mail-tab {
  background: #0a083b !important;
  width: 100% !important;
  display: flex !important;
  padding: 7px 12px !important;
}

.emilbxgird .mail-tab .doh {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 20px;
  cursor: pointer;
}

.emilbxgird .mail-tab .doh:first-child {
  background: #FF605C !important;
}

.emilbxgird .mail-tab .doh:nth-child(2) {
  background: #FFBD44 !important;
}

.emilbxgird .mail-tab .doh:nth-child(3) {
  background: #00CA4E !important;
}



.emilbxfrm .emilbxfrm-bx {
  display: flex;
  padding: 12px 16px !important;
  background: #FFF !important;
  align-items: center !important;
  border-bottom: 1px solid #e6e6e6;
}

.emilbxfrm .emilbxfrm-bx span.label {
  color: #0a083b;
  font-weight: 600;
  margin-right: 6px !important;
}

.emilbxfrm .emilbxfrm-bx input {
  width: 100% !important;
  padding: 8px !important;
  border: none !important;
  background: #FFF !important;
  font-size: 16px;
}

.emilbxfrm .emilbxfrm-bx input:focus-visible,
.emilbxfrm .emilbxfrm-bx textarea:focus-visible,
.reultbox .reultbox-f1 textarea:focus-visible {
  outline: unset !important
}

.emilbxfrm .emilbxfrm-bx.textareabox {
  display: block !important;
}

.emilbxfrm .emilbxfrm-bx.textareabox textarea,
.reultbox .reultbox-f1 textarea {
  border: none !important;
  padding: 10px 0px !important;
  resize: none;
  background: #fff !important;
  font-size: 16px !important;
}

.reultbox h4 {
  font-size: 16px !important;
  margin-bottom: 0px !important;
}

.reultbox .reultbox-f1 {
  border: 1px solid #e6e6e6;
  background: #FFF !important;
  display: flex !important;
  padding: 12px 16px !important;
  align-items: center !important;

}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: unset !important;
}

.btn-reset {
  background: transparent !important;
  border: 0 !important;
  color: #7e7f8f !important;
  font-size: 14px !important;
  margin-bottom: 4px !important;
}

button:focus {
  outline: 0 !important;
}


button.btn-copy {
  background: transparent !important;
  color: #0a083b !important;
  font-size: 16px !important;
  padding: 8px 20px !important;
  font-weight: 500;
  border: 2px solid #0a083b;
}

.emilbxfrm-bx .btn-group .btn.btn-outline {
  border: 1px solid #0a083b !important;
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 6px 14px !important;
  font-weight: 600 !important;
}

.emilbxfrm-bx .btn-group .btn.btn-outline:hover {
  color: #FFF !important;
}

.ermbox {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.reultbox-f1 .reultbox-f1bx {
  width: 80%;
}

.reultbox-f1 .reultbox-f1bz {
  width: 20%;
  text-align: right;

}


@media (max-width: 991.98px) {

  .emilbxfrm-bx .btn-group .btn.btn-outline {
    font-size: 12px !important;
    line-height: 24px !important;
    padding: 2px 8px !important;
    margin: 0px 4px !important;
  }

  .emilbxfrm .emilbxfrm-bx input {}


}

@media (max-width: 767.98px) {

  .emilbxfrm .emilbxfrm-bx.textareabox textarea,
  .reultbox .reultbox-f1 textarea {
    max-height: 100px !important;
    padding-right: 12px !important;
  }


  .reultbox-f1 .reultbox-f1bz {
    padding: 0px 6px !important;
  }

  button.btn-copy {
    color: #0a083b !important;
    font-size: 14px !important;
    padding: 5px 5px !important;
  }

}

@media (max-width: 575.98px) {

  .reultbox .reultbox-f1 {
    display: block !important;
  }

  .reultbox-f1 .reultbox-f1bx {
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  .reultbox-f1 .reultbox-f1bz {
    padding: 0px 0px !important;
    width: 100% !important;
    max-width: 200px !important;

  }


}



tbody#previewTableBody td .preview-image {
  max-width: 50px !important;
  max-height: 50px !important;
  margin: 5px;
}


.convert-list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  column-count: 3;
}

.convert-list ul li a {
  padding: 10px !important;
  color: #354454 !important;
  display: block;
  border-radius: 4px;
}

.convert-list ul li a:hover {
  background: #efefef;
}

@media (max-width: 767.98px) {

  .convert-list ul {
    column-count: 1;
  }

}


.imgtype.card {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  transition: all 0.3s ease;
  height: 100% !important;
}

.imgtype.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.imgtype.card-title {
  color: #343a40;
}

.imgtype.card-text {
  color: #6c757d;
}

.imgtype.card p.card-text {
  font-size: 16px !important;
  margin-bottom: 0px !important;
  height: 100% !important;
}

.footer_bottom_box {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.footer_bottom_box .socia_icon ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}


.footer_bottom_box .socia_icon ul li {
  display: inline-block !important;
}

.footer_bottom_box .socia_icon ul li:not(:last-child) {
  margin-right: 8px !important;
}

.inside-site-info {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-template-page-main ul.list {
  padding: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 15px !important;
}

.page-template-page-main ul.list li {}

.page-template-page-main ul.list li:not(last-child) {
  margin-bottom: 12px !important;

}

@media (max-width: 991.98px) {

  .inside-site-info {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}

@media (max-width: 575.98px) {

  .footer_bottom_box {
    display: block !important;
  }

  .footer_bottom_box .copyright {
    margin-bottom: 16px !important;
  }

}


.main-howto .ui-accordion .ui-accordion-header {
  background: #FFFFFF !important;
}

.page_v2n #rote0box {
  border: 1px dashed #222;
  background: #f6f6f7;
  color: #444;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.page_v2n .imgboxly_img {
  background-image: none !important;
}

.page_v2n .download-rote button.btn.btn-primary {
  border: 1.5px solid #0a083b !important;
  background: transparent !important;
  color: #0a083b !important;
  padding: 6px 20px !important;
  font-size: 16px !important;
  line-height: 26px !important;
}


@media (max-width: 575.98px) {
  .alert {
    display: none !important;
  }

}

.page_v2 .btn-primary, .page_v2 .btn-danger {
  padding: 0.375rem 0.75rem !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
}

.form-group label {
  font-size: 14px !important;
  font-weight: 600;
  line-height: 26px !important;
}

.custom-select {
  min-height: 45px !important;
}

.custom-file-input {
  min-height: 45px !important;
}

.custom-file-label, .custom-file-input:lang(en)~.custom-file-label::after {
  min-height: 45px !important;
  padding: 10px 16px;
}

.code-toolbar pre {
  min-height: 300px !important;
  max-height: 300px !important;
}

div.code-toolbar>.toolbar {
  opacity: 1;
}

div.code-toolbar>.toolbar>.toolbar-item>a, div.code-toolbar>.toolbar>.toolbar-item>button, div.code-toolbar>.toolbar>.toolbar-item>span {
  background: #23A06C !important;
  color: #FFF !important;
  padding: 2px 10px !important;
  font-weight: 500 !important;
}

.hwselet {
  padding: 24px !important;
  border-radius: 8px !important;
  height: 100% !important;
  font-size: 16px !important;
  line-height: 26px !important;
  border: 1px solid #dce0e5;
  color: #606261 !important;
}

.row-gap-24 {
  row-gap: 24px !important;
}

.hwselet .ttl {
  font-size: 20px;
  font-weight: 600;
  color: #181D20;
  margin-bottom: 8px !important;
}

.hwselet {
  background: #fff !important;
}

.bg-main .hwselet {
  background: #fff !important;
}

/* .col-md-4:nth-child(1) .hwselet{
	    background: #e3ffcc !important;
}


.col-md-4:nth-child(2) .hwselet{
	    background: #fceaff !important;
}

.col-md-4:nth-child(3) .hwselet{
	    background: #e1e2ff !important;
} */

.blogtopbg {
  /* background: #0c373c !important; */
}

.blogtopbg .custom-short-content p {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 26px !important;
  margin-top: 16px !important;
}

.single-post .blogtopbg ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-post .blogtopbg ul li {
  display: inline-block !important;
  font-size: 16px !important;
  line-height: 26px !important;
  position: relative !important;
}

.single-post .blogtopbg ul li:not(:first-child)::before {
  display: inline-block;
  padding-right: 0.8rem;
  padding-left: 0.8rem;
  color: #e3ffcc;
  content: "|";
}

.blogtopbg .blgtopimg {
  border-radius: 16px !important;
  object-fit: cover !important;
}

.blogtopbg .blogtoptextright {
  padding-right: 42px !important;
}

@media (max-width: 991.98px) {

  .d-none-md {
    display: none !important;
  }

  .blogtopbg .py-80 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .single-post h1 {
    font-size: 32px !important;
    line-height: 42px !important;
  }

}

/* .ui-accordion .ui-accordion-header {
  margin-top: 0px !important;
} */

.home .site-header, .home .main-nav {
  background-color: #F4F9FF !important;
}

.header-fb {
  background: #0277cc !important;
}

.header-fb h1,
.header-fb p {
  color: #FFF !important
}

.preivewbox {
  text-align: center;
  text-align: center;
  border: 1px solid #000;
  border-radius: .375rem;
  max-width: 318px !important;
  margin: auto !important;
  overflow: hidden;
}

.preivewbox #imgbox img {
  width: 100% !important;
}

.preivewbox #downloadLink {
  margin: 10px !important;
}

.preivewbox #downloadLink a {
  background: #2463eb !important;
  color: #FFF !important;
  padding: 8px 16px;
  display: inline-block;
  border-radius: 6px !important;
  font-weight: 500;
  border-bottom: 4px solid #1d40b0;
}

.preivewbox #downloadLink a:hover {
  background: #1d40b0 !important;
}

.preivewbox #downloadLink a svg {
  width: 24px;
  margin-top: -2px;
}

.videopreviebox {
  padding: 40px 15px;
  text-align: center !important;
}

.inutWithButton {
  display: flex;
  background: #FFF !important;
  padding: 8px;
  border-radius: 8px !important;
}

.inutWithButton #urlInput {
  width: 80% !important;
  padding: 24px 15px !important;
  border: none !important;
}

.form-control:focus {
  box-shadow: none !important;
}

.btn-outline-st {
  background: #1877F2 !important;
  color: #FFF !important;
  border: none !important;
  padding: 10px 14px !important;
}

.btn-outline-st:hover {
  background: #1d40b0 !important;
}

#download-other-video {
  background: black;
  color: #FFF;
  padding: 8px 18px;
  border-radius: 8px !important;
  border: none !important;
  display: inline-block;
  margin-top: 16px !important;
}

.downloadBtnGroup div:first-child {
  margin-bottom: 16px !important;
}

.tiktokdata #authimg img {
  height: 160px;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
}

.tiktokdata #authtext p {
  font-size: 16px !important;
  line-height: 26px !important;
}







/* new search */
.ny-search {
  display: flex;
  border-radius: 9999px;
  border: 1px solid black;
  overflow: hidden;
}

mark {
  padding: 0 !important;
  background: transparent !important;
  color: #0277cc !important;
}


.ny-search input {
  padding: 20px 30px;
  background: #FFF !important;
  border: none !important;
}

.ny-search input:focus-visible {
  outline: 0 !important;
  border-radius: 0 !important;
}

.ny-search button {
  padding: 20px 30px !important;
  background: #FFF !important;
  color: black;
}

/* new search */

/* new menu design */

.dropdown-menu {
  box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.12);
  border-radius: 16px !important;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.dropdown-menu ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.menu-col {
  padding: 16px 32px !important;
}

.menu-col.menu-active {
  background: #F4F8FE !important;
}


.menu-col p.menu-subt {
  color: #9D9D9D !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.menu-col ul li a {
  display: flex !important;
  align-items: center !important;

  padding: 12px !important;
  border-radius: 8px !important;

  margin-left: -12px !important;
  margin-right: -12px !important;
}

.menu-col ul li a:hover {
  background: #F4F8FE !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.menu-col.menu-active ul li a:hover {
  background: #FFF !important
}

.menu-col ul li a .icon {
  width: 40px;
  height: 40px;
  background: #FEF9E2;
  text-align: center;
  margin-right: 12px !important;
  border-radius: 8px !important;
  display: grid;
  align-items: center;
  font-size: 24px;
  color: #E2C740 !important;
}

.menu-col ul li a .icon.v2 {
  background: #FFE0E6 !important;
  color: #FF5975 !important;
}

.menu-col ul li a .icon.v3 {
  background: #E9E6F9 !important;
  color: #624BD8 !important;
}

.menu-col ul li a .icon.v4 {
  background: #E3FCFD !important;
  color: #10D0D5 !important;
}


.menu-col ul li a .icon.v5 {
  background: #FFEDE0 !important;
  color: #FF7919 !important;
}

.menu-col ul li span.title {
  color: #181D20 !important;
  font-weight: 600 !important;
  display: block !important;
  font-size: 16px;
  line-height: 24px;
}

.menu-col ul li span.pra {
  color: #3C3C3C;
  font-size: 12px !important;
  line-height: 20px !important;
  display: block;
}

.menu-col ul li:not(:last-child) {
  margin-bottom: 0px !important;
}

/* new menu design */


.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fa-facebook-f, .fa-twitter {
  color: #1877F2;
}

.fa-tiktok {
  color: #111111;
  filter: drop-shadow(1px 0px 0px #FD3E3E) drop-shadow(-1px -1px 0px #4DE8F4);
}

.fa-linkedin-in {
  color: #0A66C2;
}

.header-post ul.nav {
  margin: 0 !important;
  box-shadow: 0px 4px 24px 0px rgba(171, 200, 248, 0.31) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.header-post ul.nav li a {
  padding: 16px 12px !important;
  color: #181d20;
  font-weight: 500;
}

.header-post ul.nav li a.active {
  border-radius: 0 !important;
}

.header-post ul.nav li a.active {
  color: #FFF !important;
}

.header-post ul.nav li a.active i {
  color: #FFF !important;
  background: transparent !important;
  -webkit-text-fill-color: #fff !important;
}

.hwselet .icon {
  margin-bottom: 4px !important
}

.hwselet .icon i {
  font-size: 26px !important;
}


.vidsup {
  background: #fbf9f9 !important;
  padding: 18px 10px !important;
  text-align: center !important;
  border-radius: 8px !important;
}

.bg-main .vidsup {
  background: #FFF !important;
}


.vidsup .img {
  margin-bottom: 6px;
}

.vidsup .text p {
  margin-bottom: 0 !important;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 26px !important;
}

.author-box {
  background: #F5F8FD !important;
  padding: 24px !important;
  border-radius: 16px !important;
}

.author-box .authorboximg {
  margin-right: 24px !important;
}

.author-box .authorboximg img {
  height: 122px;
  width: 122px;
  min-width: 122px;
  border-radius: 60%;
  margin-bottom: 8px;
}

.author-box .authorboxtxt p.h3 {
  margin-bottom: 4px !important;
  font-size: 20px !important;
  line-height: 30px !important;
}

.author-box .authorboxtxt #biolink p {
  font-size: 16px !important;
  line-height: 28px !important;
}

.frmbox-white {
  box-shadow: 0px 4px 24px 0px rgba(171, 200, 248, 0.31) !important;
  padding: 42px !important;
  border-radius: 8px !important;
}

@media (max-width: 991.98px) {

  .header-post ul.nav {
    flex-direction: column !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .header-post ul.nav li {
    border: 1px solid #CFE1FB;
  }

  .header-post ul.nav li:not(:last-child) {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 575.98px) {

  .frmbox-white {
    box-shadow: none !important;
    padding: 32px !important;
    border-radius: 8px !important;
    border: 1px solid #efefef;
  }

  .input-group-append {
    width: 100% !important;
  }

  .author-box .d-flex.flex-row {
    display: block !important;
    text-align: center !important;
  }

  .author-box .authorboximg img {
    height: 60px;
    width: 60px;
    min-width: 60px !important;
    border-radius: 60%;
    margin-bottom: 16px;
  }


}



.card-light {
  border: 1px solid rgb(226 232 240);
  border-radius: 16px !important;
  background: #FFF !important;
  height: 100% !important;
}

.card-light .card-body p {
  font-size: 16px !important;
  line-height: 28px !important;
}

.card-light .card-body p:last-child {
  margin-bottom: 0 !important;
}


.crp-list-item .crp-list-item-image img {
  min-height: 227px !important;
  object-fit: cover;
}

.dn-img img {
  max-height: 300px !important;
}

.cta-download {
  max-width: 900px !important;
  margin: 0px auto !important;
}

.cta-download ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cta-download ul li {
  display: inline-block !important;
}

.cta-download ul li a {
  margin: 10px !important;
}

.nubsel {
  color: #0277cc;
  font-size: 20px !important;
  margin-bottom: 16px !important;
  font-weight: 600;
}


.x-imgh {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.x-imgh .imgh img {}

.x-imgh .txt {
  position: absolute;
  bottom: 0;
  padding: 10px;
  width: 100% !important;
  border-radius: 10px;
  background: linear-gradient(180deg, rgb(0 0 0 / 6%) 14%, rgb(0 0 0 / 65%) 53%);
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.x-imgh:hover .txt {
  opacity: 1;
}

.x-imgh .txt .promptx {
  background: #3c82f6 !important;
  font-size: 10px !important;
  display: inline-block;
  color: #FFF !important;
  font-weight: 600;
  line-height: 20px;
  padding: 0px 8px;
  border-radius: 4px !important;
}

.x-imgh .txt .ctxt {
  font-size: 10px;
  color: #FFF !important;
  line-height: 20px !important;
  font-weight: 600;
}


#right-sidebar {
  display: none !important;
}

ul.emojis__list {
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  list-style: none !important;
  grid-template-columns: repeat(auto-fit, 48px);
}


.emojis__list--40 .emojis__list__emoji {
  font-size: 40px;
  width: 48px;
  height: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.emojis__list__item:hover {
  background: #efefef;
  border-radius: 4px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-24 {
  font-size: 24px !important;
}

.copycta {
  float: right !important;
}

.morecta {
  float: none !important;
}

.relatedposts-bg {
  background-color: rgb(248, 249, 250) !important;
}


.contentbx {
  border: 1px solid #efefef;
  padding: 20px !important;
  border-radius: 16px !important;
  box-shadow: 0px 4px 24px 0px rgba(171, 200, 248, 0.31);

}

.morecta {
  float: right;
}

ul.generated-list {
  margin: 0 !important;
}

.generated-list {
  list-style: none;
  padding-left: 0;
}

.generated-list li {
  margin-bottom: 10px;
  padding: 8px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.copycta,
.morecta {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.copycta:hover,
.morecta:hover {
  background-color: #0056b3;
}

.loading-spinner {
  display: none;
}

.loading-spinner .spinner-border {
  margin-top: 20px;
  color: #007bff;
}

.contentbx {
  margin-top: 1rem;
}

.contentbx .generated-title {
  margin-bottom: 1rem;
}

/* .generated-title {
  counter-reset: section;
} */

.generated-title p {
  margin-bottom: 8px !important;
}

/* .generated-title p::before {

  counter-increment: section;
  content: counter(section) ".";
  margin-right: 8px !important;
} */

.generated-title .q {
  font-weight: 600 !important;
}

.generated-title .ans {
  margin-bottom: 16px !important;
}