/* Live image-palette page styles. Loaded only for the image palette tool. */
body{
	font-family:Montserrat,Montserrat Fallback,sans-serif;  	  
  }
    * {
      margin: 0;
      padding: 0;
    }

    .bg-image {
    filter: blur(12px);
    -webkit-filter: blur(12px);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.7;
}

.navbar-imagepalette .logo-left-block h1 {
    margin-top: 0;
}

.navbar-imagepalette .logo-left-block .navbar-brand {
    padding: 0;
}

    .sidebar {
    background: #f5f5f5;
    width: 100%;
	display:none;
}
.form-inline {
    gap: 30px;
}

.cta-btn-mobile {
    position: relative;
    background: var(--color-primary);
    color: #fff;
    padding: 0 0 0 22px;
    line-height: normal;
    width: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    font-size: 16px;
    font-weight: 500;
}

.open {
  transform: translate(0, 0);
}
.fa{
  padding: 7px;
}

    .navbar-imagepalette {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 99999;
    width: 100%;
    /* height: 81px; */
    box-shadow: rgb(0 0 0 / 11%) 0 1px;
    top: 0;
    align-items: center;
    padding: 0 0 0 1rem!important;
}


    .navbar-imagepalette .navbar-brand svg {
      padding: 0;
    }

    #navbarSupportedContent .form-inline {
      margin: 0 0 !important;
	  overflow-x: hidden;
    }
	

    .buttonbox-mobile li a {
    font-size: 16px;
    color: #000;
    padding: 17px 28px;
    display: inline-block;
}
	
    
    .image-box{
      width: 29%;
    height: calc(100vh - 81px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    }
  

    .preview {
    align-self: center;
	max-width:100%;
      z-index: 1;
    }
    label:hover {
      color: var(--color-primary);
    }
    .palette {
      width: 71%;
      display: flex;
      height: calc(100vh - 81px);
    }
    .palette > div {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 10%;
      height: calc(100vh - 81px);
      background-color: var(--color);
    }
	
.dropbox {
    position: inherit;
    z-index: inherit;
    width: 100%;
    height: auto;
    margin: inherit;
    opacity: inherit;
    position: absolute;
    left: 46%;
    top: 50%;
    margin-left: 100%;
    color: transparent;
}

/* Popup container - can be anything you want */
.popup {
  position: absolute;
    left: 53%;
    top: 35%;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #efe9e9;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  box-shadow: 5px 5px 10px rgb(0 0 0 / 50%);
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: #efe9e9 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


    .custom-file-input {
    }
    .custom-file-input::-webkit-file-upload-button {
      visibility: hidden;
    }
	
   .custom-file-input::before {
    content: "Drag/Upload New Image";
    display: inline-block;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    color: #000;
    border-color: rgb(8, 8, 8) !important;
    background: rgb(255 255 255 / 91%);
    border-radius: 100px;
    padding: 13px 24px;
    font-weight: 500;
    font-size: 15px;
	text-align:center;
}

 .palette p {
      font-size: 21px;
      font-weight: 700;
      color: #fff;
      bottom: 155px;
      position: absolute;
      z-index: 1000;
      width: 100%;
      display: block;
      text-align: center;
      text-transform: uppercase;
      left: 0;
      bottom: 15vh;
    }
	
    .custom-file-input:active::before {
      background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }

    .container-fluid {
      display: flex;
      align-items: center;
      width: 100%;
      height: calc(100vh - 81px);
      padding-left: inherit;
      padding-right: inherit;
      overflow: hidden;
      background-color: #006967;
    }
    
    

    .color_options {
      bottom: 240px;
      left: 0;
      right: 0;
      height: auto;
      transition: opacity 0.2s ease-in-out;
    }

    .color_options_btns img {
      opacity: 0.4;
    }
    .color_options_btns img:hover {
      opacity: 1;
    }
    .color_options_btns {
      color: transparent;
      display: flex;
      position: absolute;
      text-align: center;
      font-size: 18px;
      bottom: 230px;
      justify-content: center;
      z-index: 99;
      max-height: 100px;
      transform: translate3d(-50%, 0, 0);
      width: 50px;
      left: 50%;
      flex-direction: column;
      right: auto;
      height: calc(100% - 100px);
      margin-left: 10px;
    }
    /* .color_options_btns .generator-hover {
      margin: 0 10px;
    } */
    .color_options_btns {
      top: 45px;
      justify-content: space-between;
      width: 30%;
      bottom: inherit;
      position: inherit;
    }
    .generator-hover .fas,
    .generator-hover .far {
      opacity: 0.5;
      z-index: 1;
      position: relative;
    }
    .generator-hover:hover .fas,
    .generator-hover:hover .far {
      opacity: 1;
    }
    .generator-hover .fas,
    .generator-hover .far {
      font-size: 16px;
    }
    .color_options_btns .generator-hover {
      margin: 10px 10px;
    }

    .color-generator-main .row {
      height: auto;
    }
    .color-generator-main {     
     width: 100%;     
      background-color: #efefef;
      z-index: 9999;
      padding: 12px 15px;
      position: absolute;
      bottom: 0;
      justify-content: center;
      align-items: center;
      display: flex;
	  opacity:0;
    }

    .color-generator a {
    border: 1px solid #000;
    box-shadow:  5px 5px 10px rgb(0 0 0 / 30%);
    border-radius: 100px;
    padding: 8px 21px;
    display: inline-block;
	margin-left:0;
    color: #000;
    font-size: 16px;
    transition: all linear 0.3s;
	font-weight:500;
	
}

.color-generator {
    text-align: center;
}

.color-generator span {
    margin: 9px 0;
    display: inline-block;
}

.color-generator a:hover {
    border: 1px solid var(--color-primary);
    color: #ffffff;
    text-decoration: none;
    background: var(--color-primary);
    transition: all linear 0.3s;
}
	
.logo-left-block {
    display: flex;
    justify-content: center;
    align-items: center;
}
	
	.navbarcustom h1 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 40px;
}


.button-box {
    flex: auto;
    margin-left: 5rem;
}

.button-box a {
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 15px;
    margin-right: 24px;	
}

.button-box a:hover{
		text-decoration:none;
		color:var(--color-primary);
		transitions:all linear 0.3s;
}

.imgcolor-btn:hover {
   border: 1px solid var(--color-primary);	
   transitions:all linear 0.3s;
	
}

.imgcolor-btn {
    border: 1px solid #000;
    border-radius: 100px;
    padding: 9px 23px;

}

.form-inline label{font-weight:500;cursor:pointer;font-size:1.5rem;}

#menubutton {
    display: none;
}

.buttonbox-mobile {
    list-style: none;
    margin: 0;
	
	
}
@media only screen and (max-width:1800px){	
.navbarcustom h1 {
    display: none;
}
}

@media only screen and (max-width:1600px){	
.dropbox{
	width:60% !important;
}

}

@media only screen and (max-width: 1440px) {
	
	.dropbox {
    width: 70%!important;
}
.button-box {
    margin-left: 3rem;
}

.dropbox {   
    left: 42%;
}

#palette p{
	font-size:14px;
}



#menubutton {
    display: block;
    border: 0;
    background: #fff;
}



.buttonbox-desktop {
    display: none;
}
.tools-container {
    width: 100%!important;
}
}


@media only screen and (max-width: 1280px) {
.dropbox {
    width: 80%!important;
}
}

@media only screen and (max-width: 990px) {
	
	.drawer-right-box-block .box {
    flex: inherit;
    width: 200px;
}

	
	.minimized .drawer-right-box-block {
    width: 100%;
}


	.sidebar ul.buttonbox-mobile {
    display: flex;
    justify-content: center;
}
	
	#navbarSupportedContent .form-inline label {
    display: none;
}

	.navbarcustom h1 {
    display: none;
}
	
.our-features.ourfeaturs-new {
    padding-top: 0!important;
}

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

	.color-generator-main {
    position: fixed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
	opacity:0;
}
	
	.accordion {
    margin-top: 0px !important;
}

	.colorpicker-content{
		padding:50px 0  !important;
	}
	
	.colorpicker-content h2 {
    font-size: 22px !important;
}
	
	.imagepallete-content h3 {
    font-size: 20px !important;
}


	.faq-palettes, .our-features {
    padding: 50px 0 !important;
}

	.faq-palettes .card .btn-header-link {
    white-space: inherit;
}

	
.copywhiteftr-left {
    margin-bottom: 1rem;
}

.copywhiteftr-right a {    
    display: inline-block;
}
.footer .copywhiteftr-left  p, .footer .copywhiteftr-right  p {
    padding-right: 0!important; 
	font-size:14px !important;
}
	.faq-palettes {
    padding-top: 0!important;
}

.feature-left-content h2, .ourfeaturs-new h2 {
    font-size: 2.2rem!important;
}


.feature-right-bg {
    margin-bottom: 3rem;
}
.palette-featurs {
    width: 100%!important;
    height: auto!important;
}
.tools-container {
    width: 100%!important;
}
.featur-spacing {
    padding: 0 0!important;
}
.feature-left-content {
    margin-bottom: 50px;
}

}



    @media only screen and (min-width: 320px) and (max-width: 768px) {
		
		body .blogtopicgenrator-faq {
    padding-top: 50px !important;
}

		#navbarSupportedContent .cta-btn-mobile {
    font-size: 16px !important;
    height: auto;
    position: relative;
}
		
		#orderone {
    order: 1;
}
#ordertwo {
    order: 2;
}

#orderthree {
    order: 3;
}
#orderfour {
    order: 4;
}
#orderfive {
    order: 5;
}
#ordersix {
    order:6;
}
#orderseven {
    order: 7;
}
#ordereight {
    order: 8;
	margin-bottom:0;
}

		
		 .buttonbox-mobile li a {
    font-size: 14px;
    color: #000;
    padding: 17px 20px;
    display: inline-block;
}

.popup {
      position: absolute;
      top:85% ;
      left: 85%;
    }
    .popup .popuptext {
    font-size: 10px;
    width: 110px;
  }

		.dropbox {
    left: 0;
    width: 65% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    text-align: center;
    margin: 0 auto;
    right: 0;
	height:47px;
  margin-top: 40%;
}
		
		

      .navbar-imagepalette .navbar-brand svg {        
        max-width: 100%;
      }
      .form-inline label {
        margin: 0;
        font-size: 10px;
      }

      .form-inline label img {
        height: 15px !important;
      }

      .palette p {
    padding-top: 0!important;
    margin-bottom: 0!important;
    bottom: 0!important;
    left: 7px!important;
    height: auto!important;
    width: auto!important;
    font-size: 18px!important;
    position: inherit!important;
	font-weight: 700;
    padding-bottom:0;
	text-align: inherit;
    padding-left: 10px;
}

      .anchor {
        position: inherit;
        top: 60px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        text-align: center;
      }
    

     .container-fluid {
    display: block;
    /*height: calc(100vh - 60px);*/
	height:100vh;
	overflow:inherit;
}


      .custom-file-input {
      }
      .custom-file-input::-webkit-file-upload-button {
        visibility: hidden;
      }
      .custom-file-input::before { 
        font-size: 14px;
       
       } 
      .custom-file-input:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
      }

      .preview {
                height:200px;
      }

      .palette {
        width: 100%;
        height: auto;
        display: block;
		overflow:auto;
		
		
      }
      .palette > div {        
        height: auto;        
		width:100%;
		padding:8px 0;
		justify-content: space-between;
      }

      .color_options_btns {
        flex-direction: row;
        font-size: 12px;
      }
      .color_options_btns .generator-hover {
        margin: 0px 13px;
      }
      .generator-hover .fas,
      .generator-hover .far {
        font-size: 12px;
      }
      
      .image-box {
    width: 100%;
    height: auto;}
    
     
.color-generator {
    text-align: center;
}
.color-generator a {
  font-size: 12px;
}
  
  
  .navbarcustom h1 {
    font-size: 10px;
	margin-left:0;
}

#img-box input:focus-visible { 
    outline: 0;
}

  }
    
  
    @media (min-width: 769px) and (max-width: 1024px) {
     
      .color-generator-main {
    position: fixed;
    justify-content: flex-start;
    align-items: center;
    display: flex;
	
}
.buttonbox-mobile li a {
    font-size: 16px;
    color: #000;
    padding: 17px 28px;
    display: inline-block;
}

.color-generator {
    text-align: center;
}
.color-generator a {
  padding: 2px 15px;
  font-size: 12px;
  margin-left: inherit;
}

.buttonbox-mobile li a {
    font-size: 16px;
    color: #000;
    padding: 17px 28px;
    display: inline-block;
}
 

      .container-fluid {
        display: block;
        align-items: center;
        /* padding: 10px 5px 10px 5px; */
        width: 100%;
        /* height: 105vh; */
        height: auto;
        overflow: auto;
      }
      
      .palette {
        width: 100%;
        display: flex;
      }
      .color_options_btns {
        flex-direction: column;
        font-size: 16px;
      }
      .palette p {
        font-size: 21px;
        font-weight: 700;
        position: absolute;
        bottom: 7vh;
      }

      .anchor {
        position: inherit;
        /* top: 60px; */
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        text-align: center;
      }

      .preview {
    max-width: 65%;
}

      .palette > div {
        width: 100%;
        height: 80vh;
      }
      
      .image-box {
    width: 100%;
    height: auto;}

    .popup {
      position: absolute;
      top:85%;
    }
    .dropbox{
      margin-left: inherit;
      margin-top: 50%;
      left: 35%;
    }
    }
	
	
	
	.tools-container {
    width: 75%;
    margin: 0 auto;
}


.colorpicker-content {
    padding: 80px 0;
    background: #fff;
}

.colorpicker-content h2 {
    margin-bottom: 2.2rem;
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
}
.colorpicker-content p {
    color: #000!important;
    text-transform: inherit!important;
    position: relative!important;
    height: auto!important;
    bottom: inherit!important;
    padding: 0!important;
    margin: 0!important;
    text-align: left!important;
    font-weight: 400!important;
    font-size: 1.8rem!important;
    padding-right: 5rem!important;
	line-height:3.5rem;
}
.howusetext p {
    padding-right: 0!important;
    margin-bottom: 2.5rem!important;
}
.ourfeaturs-new {
    background: #fff;
    padding-top: 0;
}
.ourfeaturs-new p {
    text-align: center;
}
.ourfeaturs-new h2 {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
}

.ordering-div {
    display: flex;
    flex-wrap: wrap;
}
.feature-left-content h2 {
    font-size: 2.8rem;
    font-weight: 500;
    text-align: left;
}
.feature-left-content p {
    font-size: 1.8rem;
    font-weight: 400;
    text-align: left!important;
}

.palette-featurs {
    width: 449px;
    height: 352px;
    box-shadow: 0 20px 30px -9px rgb(0 0 0 / 55%);
    z-index: 6;
    position: relative;
    float: right;
}
.palette-featurs img {
    max-width: 100%;
    height: auto;
    display: block;
}
.featur-spacing {
    padding: 100px 0;
    display: block;
    width: 100%;
}
.faq-palettes {
    background: #fff;
}
.faq-palettes h2 {
    font-size: 3rem;
    font-weight: 600;
}
.faq-palettes h2, .faq-palettes p {
    text-align: center;
}
.faq-palettes h2, .faq-palettes p {
    text-align: center;
}
.faq-palettes p, .our-features p {
    font-size: 1.8rem;
    color: #000;
    font-weight: 400;
	line-height:3.5rem;
}
.accordion {
    margin-top: 50px;
}
#main #faq .card {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
}
#main #faq .card .card-header {
    border: 0;
    border-radius: 2px;
    padding: 0;
}
#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #fff;
    color: #222;
    padding: 3rem 2rem;
    font-weight: 600;
    font-size: 2rem;
}
#main #faq .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}
#main #faq .card .collapse.show {
    background: #fff;
    line-height: 30px;
    color: #222;
}
#main #faq .card .collapse {
    border: 0;
}
.accordion .card .card-body p {
    text-align: left;
}
.our-features .row {
    height: auto;
    justify-content: center;
    margin-top: 60px;
}

.palette-featurs-left-bg {
    float: left!important;
}


.copyrightftr-block {
    text-align: center;
}
.colorpicker-content .row, .footer .row {
    height: auto;
}
.copywhiteftr-left p {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #25282c!important;
    font-weight: 500;
    left: 0!important;
    font-size: 18px!important;
}
.footer p {
    padding-right: 0!important;
    font-size: 14px!important;
    color: #9e9e9e!important;
}
.copywhiteftr-right p, .copywhiteftr-right ul li {
    display: inline-block;
    padding-left: 6px;
    margin-right: 5px;
    left: 0!important;
}
.copywhiteftr-right a, .copywhiteftr-right ul li a {
    position: relative;
    z-index: 1;
    color: #25282c!important;
    font-weight: 500;
    font-size: 14px;
}
.slash-vertical::before {
    content: "|";
    padding: 0 6px;
}

.faq-palettes, .our-features {
    padding: 80px 0;
}

.imagepallete-content h2 {
    margin-bottom: 45px;
}

.imagepallete-content ul {
    padding-left: 2rem;
}

.accordion .card-body ul {
    padding-left: 20px;
}

.accordion .card-body ul li {
    font-size: 1.8rem;
	margin-bottom:1rem;
}

.accordion .card-body ul li:last-child { 
	margin-bottom:0;
}

.imagepallete-content ul li {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.imagepallete-content ul li:last-child{ 
    margin-bottom: 0;
}
.imagepallete-content h3 {
    font-size: 2.2rem;
    font-weight: 600;
}

.ourfeaturs-new .row {
    margin-top: 90px;
}

.imagepallete-content p.extractimgpallete {
    text-align: center !important;
    margin-bottom: 4rem !important;
}

.imagepallete-content h2 {
    margin-bottom: 1.2rem;
}



.container-faq {
    max-width: 100%;
    margin: 0 auto;
}
.faqpanel {
    border-top: 0.1rem solid #d0d0d0;
    border-bottom: 0.1rem solid #d0d0d0;
    padding: 5rem 0;
    margin-bottom: -0.1rem;
}
.faqpanel h3 {
    font-weight: 400;
    line-height: 3.2rem;
    display: flex;
    color: #006967;
    font-size: 2.2rem;
    padding-right: 9rem;
}
.faqpanel h3 span {
    margin-right: 3rem;
}
.faqpanel p {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 300;
    color: rgb(0 0 0);
}
.faq-ans ul {
    margin-left: 2rem;
}
.increase-conversion-bloggenerator #trafficConversion {
    top: 0;
    padding-left: 8rem;
}

.increase-conversion-bloggenerator .overflowContent #section0:after{
	display:none;
}
.increase-conversion-bloggenerator #section0 img {
    border-radius: 1rem;
}

.increase-conversion-bloggenerator #section2 .content-blockscroll p img {
    border: none;
}
#section1 img, #section2 img, #section3 img, #section4 img, #section5 img, #section6 img {
    border-radius: 1.2rem;
    box-shadow: 0 20px 30px -9px rgb(0 0 0 / 55%);
}

.ceo-message-blogtopic {
    padding-top: 13rem;
    background: #24272b;
}
.ceo-message::before {
    left: inherit;
    right: -32rem;
    top: 36rem;
}
.ceo-message-blogtopic .ceoimg {
    text-align: right;
	padding-right:8rem;
}
.ceoimg {
    padding-right: 8rem;
}
.ceo-message-blogtopic .ceoimg img {
    margin-top: 8rem;
}
.ceoimg .rounded {
    border-radius: 1rem !important;
}
.ceomsg-content .quote-red {
    display: inherit;
    margin-bottom: 1rem;
    margin-top: 0;
}
.ceomsg-content .quote-red p {
    line-height: 0;
    margin-top: 0;
}
.ceo-message-blogtopic .ceomsg-content p {
    color: #fff;
    max-width: 77rem;
}
.ceomsg-content .quote-red p img {
    width: 8%;
}
.ceo-message-blogtopic .ceomsg-content h3 {
    color: #fff;
}

.imgcolor-container{
	position:relative;
}
.ceomsg-content h3 {
    font-weight: 600;
    font-size: 5rem;
    color: var(--black-color);
    line-height: 4.8rem;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    line-height: 6.5rem;
    margin-bottom: 4rem;
}
.red-underline-Extralong {
    background: url(https://dyrnr2qlz9456.cloudfront.net/video/highlight-4.svg) no-repeat;
    background-position: bottom right;
    padding-bottom: 1rem;
}
.ceomsg-content p {
    line-height: 3rem;
    font-size: 2rem;
    color: var(--black-color);
    font-weight: 300;
    margin-bottom: 2rem;
    max-width: 100%;
}
.ceo-message-blogtopic .ceomsg-content h4 {
    color: #fff;
}
.ceomsg-content h4 {
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 4rem;
    margin-bottom: 2.5rem;
    line-height: 2.5rem;
    font-size: 2rem;
    color: var(--black-color);
}
.ceo-message-blogtopic {
    padding-top: 13rem;
    background: #24272b;
}

.ordertowork h2 {
    font-weight: 600;
    max-width: 45%;
    margin: 0 auto 10rem;
    text-align: center;
    line-height: 6rem;
    text-transform: capitalize;
}

.darkmode .increase-conversion-bloggenerator ul li .orches-left h3 a:before {
    opacity: 0.6;
}
.increase-conversion-bloggenerator ul li .orches-left h3 a.active:before {
    background: url(../images/checkbox-blogtopic-green.svg) no-repeat center left;
    width: 36px;
    height: 36px;
    opacity: 1;
}
.increase-conversion-bloggenerator ul li .orches-left h3 a:before {
    position: absolute;
    content: "";
    left: 0;
    transition: all .4s;
    background: url(../images/checkbox-blogtopic-red.svg) no-repeat center left;
    width: 36px;
    height: 36px;
    border-left: none !important;
    opacity: 0.3;
}
.increase-conversion-bloggenerator .nav li h3 a {
    padding-left: 5rem;
}


@media only screen and (max-width: 1440px){
.increase-conversion-bloggenerator #trafficConversion {
    padding-left: 0;
}
}


.other-tools {
    background: #f1f3f7;
}

.other-tools-card {
    box-shadow: 0 20px 40px rgb(0 0 0 / 8%);
    background: #fff;
	position:relative;
}
.other-tools-card .description {
    padding: 4rem 4rem 8rem 4rem;
    min-height: 40rem;
}

.other-tools-card .description:hover h3 a {
    color: var(--color-primary);
}

.other-tools-card .description .exploreMoretools-btn {    
    font-size: 2rem;
    padding: 1.5rem 3rem;
    margin-top: 4rem;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-transform: capitalize;
    text-align: center;
    background:  var(--color-secondary-dark) url(https://dyrnr2qlz9456.cloudfront.net/video/white-next-arrow.svg) 66% center no-repeat;
    font-weight: 600;
	transition: all linear 0.3s;
}

.other-tools-card:hover .exploreMoretools-btn {
	background:var(--color-primary) url(https://dyrnr2qlz9456.cloudfront.net/video/white-next-arrow.svg) 68% center no-repeat;
	transition: all linear 0.3s;
}
.other-tools-card:hover figure img {
    transform: scale(1.1);
    transition: all linear 0.3s;
}

.other-tools-card figure img {
    transition: all linear 0.3s;
}

.other-tools-card .description h3 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 5rem;
    height: 4rem;
}

.other-tools-card .description p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem;
    margin: 0;
}

.other-tools-card figure {
    height: 24rem;
    display: inline-block;
    margin: 0;
    overflow: hidden;
}

.other-tools h2 {
    margin-bottom: 6rem;
}

.other-tools-card .description h3 a {
    color: #000;
}


.blogtopicgenrator-faq {
    padding-top: 13rem !important;
}

@media only screen and (max-width:1400px){
	.other-tools-card figure, .other-tools-card .description h3 {
    height: auto; 
}
}

@media only screen and (max-width:990px){
	
	body .drawer-right-box-block .box a {
        padding: 2rem !important;
    }
	
	.faqpanel h3 span {
    margin-right: 1rem !important;
}

.faqpanel h3 {   
    padding-right: 0;
}

	.sidebar {
    display: block;
}

	.logo-left-block {
    justify-content: flex-start !important;
	width:45% !important;
}

.other-tools-card {
    margin-bottom: 3rem;
}

.other-tools h2, .blogtopicgenrator-faq h2 { 
    max-width: 100%;
	margin-bottom: 3rem;
}

.increase-conversion-bloggenerator #section0 {
    margin-bottom: 4rem;
}
.other-tools-card .description { 
    min-height: auto;
}
}

/* Uploaded state; keep the initial upload screen identical to the live page. */
.imgcolor-container.has-image { background-color: white; }
.imgcolor-container.has-image #img-box { position: absolute; inset: 0; width: 100%; height: 100%; }
.imgcolor-container.has-image #input { left: auto; right: auto; top: auto; margin: 0 auto; width: 50%; opacity: .6; z-index: 2; text-align: center; }
.imgcolor-container.has-image #input:hover, .imgcolor-container.has-image #input:focus { opacity: 1; }
.imgcolor-container .palette > .col { position: relative; min-width: 0; }
.imgcolor-container > .color_options { visibility: hidden; }
.imagepallete-content li p { margin: 0; font: inherit; }
.navbar-imagepalette #img_export img { margin: 0 5px 0 0 !important; }
.navbar-imagepalette #img_save img { margin: 0 5px 0 16px !important; }
.imgcolor-container .color_options { flex-shrink: 0; }
.imgcolor-container .palette .color_options_btns { width: 44px; }
.imgcolor-container .palette .generator-hover { min-width: 16px; flex-shrink: 0; }
.imgcolor-container .color_options [role=button]:focus-visible { outline: 2px solid currentColor; }
@media (max-width: 768px) {
  .imgcolor-container.has-image #input { width: 65% !important; }
}