/*
Theme Name: Forms Made Easy
Theme URI: https://formsmadeasy.com/frommedesy
Author: Forms Made Easy
Author URI: https://formsmadeasy.com
Description: Forms Made Easy empowers businesses to build dynamic, no-code forms in Salesforce. This powerful Salesforce form builder helps teams work 10x faster with enterprise-grade compliance.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: formsmadeasy.com
Tags: responsive, bootstrap, custom-theme
*/


:root {
  --primary-font: 'Archivo', sans-serif;
  --primary:#2F82ED;
  --secondary:#562FED;
  --secondaryOcean:#562FED;
  --secondaryYellow:#FFB131;
}
html{
	    overflow-x: hidden;
}

body {
  font-family: var(--primary-font) !important;
}

/********** Global CSS Start **********/
/* Btn CSS Start */
.text-primary1{
	color:var(--primary);
}
.text-secondary1{
	color:var(--secondary);
}
.btn1{
	text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;	
	font-size:1.1rem;
	font-weight:400;
	display: inline-block;
	transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
}
.btn-primary1{
	color:#fff;
	background-color:var(--primary);
	border:2px solid;
	border-color:var(--primary);
}
.btn-primary1:hover{
	color:var(--primary);
	background-color:#fff;
	border:2px solid;
	border-color:var(--primary);
}
.btn-secondary1{
	color:#fff;
	background-color:var(--secondary);
	border:2px solid;
	border-color:var(--secondary);
}
.btn-secondary1:hover{
	color:var(--secondary);
	background-color:#fff;
	border:2px solid;
	border-color:var(--secondary);
}
.btn-light1{
	color:var(--secondary);
	background-color:#fff;
	border:2px solid;
	border-color:#fff;
}
.btn-light1:hover{
	color:#fff;
	background-color:var(--primary);
	border:2px solid;
	border-color:var(--primary);
}
.btn-primary-bg-light{
	color:var(--secondary);
	background-color:#fff;
	border:2px solid;
	border-color:#fff;
}
.btn-primary-bg-light:hover{
	color:#fff;
	background-color:var(--secondary);
	border:2px solid;
	border-color:var(--secondary);
}
/* Btn CSS End */

/*** Spinner Start ***/
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*** Spinner End ***/

.text-line-2{
	text-decoration: none;
    color: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-line-3{
	text-decoration: none;
    color: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/********** Global CSS End **********/

/********** Mithun CSS Start **********/

/********** Home Page CSS Start **********/

/*** Header Section CSS Start ***/
.navbar-brand img{
	width:100%;
	max-width:250px;
}
@media (max-width:575.92px){
 .navbar-brand img{
	max-width:200px;
 }
}
.navbar{
	background-color:#fff;
}
.navbar ul li a{
	line-height: 35px;
    color: #000000;
    transition: 0.5s;
    text-decoration: none;
    white-space: nowrap;
	margin-right: 8px;
/* 	margin-right: 30px; */
}
.navbar ul li a:hover{
    color: var(--primary);
}
.navbar ul li.current_page_item a{
    color: var(--primary) !important;
} 
@media (max-width:991.92px){
.navbar .navbar-collapse{
    position: absolute;
    top: 60px;
    background: rgb(255, 255, 255);
    width: 100%;
    left: 0px;
    padding: 25px 0px 25px 35px;
	z-index:9999 !important;
   }
}
/*** Header Section CSS End ***/
/*** Home Banner Section Start ***/
.home-banner-section{
	height: 100%;
    width: 100%;
    overflow: hidden;
    background: #f9f9ff;
    position: relative;
	padding: 80px 30px;
}
.home-banner-section .blob {
    position: absolute;
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
}

.home-banner-section .blob.pink {
  top: 10%;
  right: 20%;
  background: rgb(255 214 240 / 50%);
}

.home-banner-section .blob.purple {
  bottom:0%;
  left: 10%;
  background: rgb(201 214 255 / 60%);
}
.home-banner-section .ai-starts{
  color:#D17DFE;
  position:relative;
}
.home-banner-section .ai-starts img{
	position: absolute;
    right: -7px;
    top: 0px;
}
.trusted-brands .items{
    max-width: 225px;
/*     box-shadow: 0px 0px 22px 2px rgba(0, 0, 0, 0.1); */
    display: flex;
    align-items: center;
    justify-content: center;
/*     padding: 5px 30px; */
	padding: 0px 30px;
    min-height: 100px;
    max-height: 100px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
/* 	background: #fff; */
	transition: background 0.5s, color 0.5s;
}
.trusted-brands .items img{
    max-width: 100%;
	filter: grayscale(100%);
/*     overflow: hidden; */
    transition: ease-in-out 0.5s;
}
.trusted-brands .items:hover img{
	filter: grayscale(0%);
    transform: scale(1.1);
}

.trusted-brands .line-banner{
	display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    position: relative;
	max-width: 900px;
}
.trusted-brands .line {
   flex-grow: 1;
   height: 1px;
   background-color:#212529;
   position: relative;
}
/*** Home Banner Section End ***/

/*** Home Compliance Section Start ***/
.home-compliance-section{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home-compliance-section .items{
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.home-compliance-section .items img{
	width:100%;
	max-width:180px;
}
/*** Home Compliance Section End ***/

/*** Home Features Section Start ***/
.home-features-section .blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
	background: rgb(217 223 254 / 100%);
}
.home-features-section .blob.purple-1{
  width: 20vw;
  height: 15vw;
  bottom:15%;
  left: 5%;
}
.home-features-section .blob.purple-2{
  bottom:10%;
  right: 15%;
  width: 6vw;
  height: 15vw;
}
/*** Home Features Section End ***/

/*** Home Use Cases Section Start ***/
.home-use-cases-section{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
.use-cases-slider .icon-box img{
	width: 100%;
    max-width: 55px;
}
.home-use-cases-section .arrows-box button{
	width: 40px;
    border-radius: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid;
    border-color: var(--secondary);
	color:var(--secondary);
}
.home-use-cases-section .arrows-box{
	bottom: 40px;
    position: absolute;
}
.home-use-cases-section .arrows-box button:hover{
	color:#fff;
	background-color: var(--secondary);
    border-color: var(--secondary);
}
@media(max-width:991.92px){
  .home-use-cases-section .arrows-box{
	bottom: -30px;
  }
}
@media(max-width:767.92px){
  .home-use-cases-section .arrows-box{
	bottom: -30px;
  }
}
/*** Home Use Cases Section End ***/


/*** Home Footer CTA Section Start ***/
.home-footer-cta-section .container{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	border-radius: 19px;
}
/*** Home Footer CTA Section End ***/

/*** Footer Section Start ***/
.footer {
    background: #F1F0FB;
}

.footer .footer-item a {
    line-height: 35px;
    color: #000000;
    transition: 0.5s;
    text-decoration: none;
    white-space: nowrap;
}

.footer .footer-item p {
    line-height: 35px;
}

.footer .footer-item a:hover {
/*     letter-spacing: 1px; */
    color: var(--primary);
}

/* .social-links a {
    width: 30px;
    height: 30px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
} */
.social-links a {
	color:#fff;
    width: 37px;
    height: 37px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
	background: transparent;
    border: none;
	text-decoration: none;
}
.social-links a:hover{
	background: transparent;
    color:var(--primary);
}
.social-links a svg {
    fill: #fff;
}
@media (min-width: 1200px) {
    .footer .footer-item {
        margin-left: auto;
    }
}
/*** copyright Start ***/
.copyright {
    background:#4C00FF;
}

.copyright .right-links a {
    font-size: 14px;
    color: #fff;
    transition: 0.5s;
}

.copyright .right-links a:hover {
    color: var(--primary);
    letter-spacing: 0.2px;
}
/*** Footer Section End ***/
/********** Home Page CSS End **********/

/********** Blog Page CSS End **********/
/*** 
 * Blog Banner Section Start ***/
.blog-banner-section{
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
    background-size: cover;
	padding: 80px 0px;
}
.all-blogs-section .blog-card .card-header{
	height: 200px;
}
.all-blogs-section .blog-card img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.all-blogs-section .blog-card .link-text{
	text-transform:capitalize;
	font-weight:400;
	color:#000;
}
.all-blogs-section .blog-card .link-text:hover{
	color:var(--primary);
}
.all-blogs-section .blog-card .title-link, .all-blogs-section .blog-card p{
	text-decoration: none;
    color: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-blogs-section .blog-card .title-link:hover{
	color:var(--primary);
}
.blog-pagination a{
    text-decoration: none;
}
.blog-pagination a, .blog-pagination span {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #fff;
    color: #212529;
    margin: 0px;
    border-radius: 8px;
    font-weight: 500;
    transition: .2s ease-in;
    border: 2px solid;
    border-color: #6c757d;
}
/* .blog-pagination a:hover, .blog-pagination span.active, .blog-pagination .page-btn{
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
} */
.blog-pagination a:hover, .blog-pagination span.active{
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
/*** Blog Banner Section End ***/

/*** View Blog Banner Section Start ***/
.view-blog-banner-section{
	min-height:200px;
	max-height: 300px;
}
.view-blog-banner-section img{
	min-height:200px;
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.view-blog-content-section .social-share-icons a{
	background: var(--primary);
    border: 1px solid var(--primary) !important;
	color: #fff;
    width: 37px;
    height: 37px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: none;
    text-decoration: none;
}
.view-blog-content-section .social-share-icons a:hover{
	background: #fff;
	color: var(--primary);
}
/*** View Blog Banner Section End ***/

/********** Blog Page CSS End **********/


/*Afzal Ahmed Start Css  */

/* Brand Guide Start */
/*  .brand-hero {
      height: 220px;
      background-color: #2870ff;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
    }

    .brand-hero::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('https://stagingweb.formsmadeasy.com/wp-content/uploads/2025/07/Banner-Brand-Guide.webp');
      background-repeat: repeat-x;
      background-position: center;
      opacity: 0.15;
      z-index: 0;
    }
 */
.margin-top-190{
margin-top: 190px !important;
}
.extra-bold-font {
    font-size: 185px;
    font-weight: 700;
}
.bold-font {
    font-size: 1.2rem;
    font-weight: 900;
    word-break: break-all;
}
.semi-bold-font {
    font-size: 1.2rem;
    font-weight: 700;
    word-break: break-all;
}
.bold-600-font {
    font-size: 1.2rem;
    font-weight: 600;
    word-break: break-all;
}

.medium-font {
    font-size: 1.2rem;
    font-weight: 400;
    word-break: break-all;
}

.inter-font{
font-family: "Inter", sans-serif;
}


.guidelines-section .brand-logo-img {
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.22);
}

.secondary-pallete-section{
display: grid;
gap: 30px;
}

.color-palette-card{
width: 100%;
height: 200px
}


@media screen and (min-width: 480px) {
 .secondary-pallete-section{
display: flex;
gap: 30px;
}

.color-palette-card{
width: 33%; 
height: 200px;
}
}

/* Brand Guide End */

.addBgElement {
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: bottom;
  position: relative;
  z-index: 0;
}
/* Brand Guide End */

/* Blog FAQ Css Start*/
.blog-faqs-section .accordion-item {
  margin-bottom: 20px;
  border-radius: 8px !important;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #fbfbfe;
  box-shadow: 0 1px 4px 0 rgba(25, 33, 61, 0.06);
}
.blog-faqs-section .accordion-item.active {
  background-color: #eae8ff;
}
.blog-faqs-section .accordion-item .accordion-body {
  padding-top: 0px;
}
.blog-faqs-section .accordion-item button {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.15s ease-in-out;
}

.blog-faqs-section .accordion-button::after {
  display: none;
}

.blog-faqs-section .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-color: #fff;
}

.blog-faqs-section .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.blog-faqs-section .accordion-header {
  box-shadow: none;
  border: none;
  border-color: #fff;
  width: 100%;
}
.blog-faqs-section .accordion-item .accordion-button {
  border-radius: 8px !important;
}
.blog-faqs-section .accordion-item .accordion-button i {
  background-color: var(--secondary);
  color: #fff;
  border-radius: 7px;
  padding: 4px;
}
.blog-faqs-section .accordion-item .accordion-button .fa-plus {
  display: inline-block;
}
.blog-faqs-section .accordion-item .accordion-button .fa-minus {
  display: none;
}
.blog-faqs-section
  .accordion-item
  .accordion-button:not(.collapsed)
  .fa-plus {
  display: none;
}
.blog-faqs-section
  .accordion-item
  .accordion-button:not(.collapsed)
  .fa-minus {
  display: inline-block;
}
/* .blog-faqs-section .accordion-item .accordion-button:not(.collapsed) i{
	transform: rotate(-45deg);
} */
@media (min-width: 768px) {
  .blog-faqs-section .accordion-button {
    font-size: 22px;
    font-weight: 500;
  }
}
.view-blog-banner-section table td{
	border:1px solid #FFF !important; 
}

/* Blog FAQ Css End*/

/*** Footer Promobar CSS Start ***/
.footer-promobar{
	position: fixed; 
	width: 100%!important; 
	z-index: 9995; 
	text-align: center;
	bottom: 0px;
}
.footer-promobar .custom-container{
	background: linear-gradient(90deg, #2F82ED, #1447E6, #562FEd);
	position:relative;
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
	max-width:1340px;
}
.sticky-ads{
	bottom: 0;
	left: 0;
	width: 100%;
/* 	height: 207px; */
/* 	box-shadow: 0 -6px 18px 0 rgba(9, 32, 76, .1); */
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #562FEd;
	z-index: 20;
}

.sticky-ads-close{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px 12px 0px 0px;
	position: absolute;
	right: 2px;
	top: 3px;
	background-color: #562FEd;
	color: #fff;
/* 	box-shadow: 0 -6px 18px 0 rgba(9, 32, 76, .08); */
	cursor: pointer;
	z-index:1;
}

.sticky-ads .sticky-ads-content {
	overflow: hidden;
	display: block;
	position: relative;
/* 	height: 200px; */
	width: 100%;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
}
.footer-promobar .btn1{
	font-size: 14px;
	color: #fff;
	background-color: #2FBEED;
    font-weight: 600;
    padding: 8px 18px;
}
.footer-promobar .btn1:hover{
	color: #2FBEED;
    background-color: #fff;
}

@media(max-width:1440px){
 .footer-promobar .custom-container{
	max-width: 1024px;
  }
}
@media(max-width:1280px){
 .footer-promobar .custom-container{
	max-width: 991px;
  }
}
@media(max-width:1245px){
 .footer-promobar .custom-container{
	max-width: 860px;
  }
}
@media(max-width:1120px){
 .footer-promobar .custom-container{
	max-width: 730px;
  }
}
@media(max-width:991px){
 .footer-promobar .custom-container{
	max-width: 605px;
  }
}
@media(max-width:490px){
 .footer-promobar .custom-container{
	max-width: 605px;
  }
}
@media(max-width:1299.92px){
 .footer-promobar .einstein-img{
    display:none !important;
  }
}
@media(max-width:1199.92px){
	.sticky-ads{
		padding-bottom: 50px;
	}
}
@media(max-width:991.92px){
  .sticky-ads{
		padding-bottom: 0px;
	}
}
@media(max-width:767.92px){
 .sticky-ads{
		padding-bottom: 63px;
	}
}
@media(max-width:575.92px){
	.sticky-ads .sticky-ads-content h4{
		font-size: 22px;
	}
	.sticky-ads .sticky-ads-content img{
		max-width: 165px;
	}
	.footer-promobar .btn1 {
       padding: 8px 14px;
   }
}
@media(max-width:425px){
	.sticky-ads .sticky-ads-content h4{
		font-size: 16px;
	}
	.sticky-ads .sticky-ads-content img{
		max-width: 115px;
	}
	.footer-promobar .btn1 {
       font-size: 14px;
       font-weight: 600;
       padding: 5px 16px;
   }
}
/*** Footer Promobar CSS End ***/

/********** Templates Page CSS Start **********/

/*** Banner Section CSS Start ***/
.templates-banner-section{
	height: 100%;
    width: 100%;
    overflow: hidden;
    background: #f9f9ff;
    position: relative;
}
.templates-banner-section .blob{
    position: absolute;
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
}

.templates-banner-section .blob.pink{
  top: 10%;
  right: 20%;
  background: rgb(255 214 240 / 50%);
}

.templates-banner-section .blob.purple{
  bottom:0%;
  left: 10%;
  background: rgb(201 214 255 / 60%);
}
/*** Banner Section CSS End ***/

/*** Templates Post Section CSS Start ***/
.tempate-nav-filter{
	position: sticky;
    top: 96px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0px 8px 10px rgb(211 211 211 / 50%);
}
.tempate-nav-filter .search-container input{
	border: 1px solid #CAD5E2;
    background-color: #F8FAFC;
    border-radius: 8px;
    padding: 8px 10px;
}
.tempate-nav-filter .dropdown .dropdown-btn{
	width:100%;
	border: 1px solid #CAD5E2;
    background-color: #F8FAFC;
    border-radius: 8px;
    padding: 8px 10px;
	display: flex;
    justify-content: space-between;
	align-items:center;
}
.tempate-nav-filter .dropdown .dropdown-btn i{
	transform: rotate(0deg);
}
.tempate-nav-filter .dropdown .dropdown-btn.show i{
	transform: rotate(180deg);
}
.tempate-nav-filter .dropdown .dropdown-btn::after{
	display:none;
}
.tempate-nav-filter .dropdown .dropdown-menu{
	width:100%;
	padding: 10px;
}
.tempate-nav-filter .dropdown .dropdown-menu li a{
	display: flex;
    align-items: center;
    justify-content: space-between;
	border-radius:8px;
}
.tempate-nav-filter .dropdown .dropdown-menu li a:hover{
	background-color: #F1F0FB;
}
.tempate-nav-filter .dropdown .dropdown-menu .badge{
	background-color: #F1F0FB;
    color: #000;
}
@media (max-width:991.92px){
	.tempate-nav-filter{
        top: 60px;
    }
}
@media (max-width:767.92px){
	.tempate-nav-filter{
        position: unset;
    }
}
/* .all-templates-section .items:last-child{
    border-right: none;
} */
.all-templates-section .items{
    border: 1px solid;
    border-color: rgb(86 47 237 / 50%);
	border-radius: 19px;
	height:100%;
}
.all-templates-section .items:hover{
    border-color: rgb(0 0 0 / 15%);
	box-shadow: 0px 0px 16px rgb(0 0 0 / 15%);
}
.all-templates-section .items .card-body{
	padding:20px;
}
.all-templates-section .items .card-header{
/* 	border: 1px solid;
    border-color: rgb(86 47 237 / 50%); */
    padding: 0px 30px 0px 30px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, #EAE8FF, #F1F0FB);
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
}
.all-templates-section .items .card-header img{
	width:100%;
	border-radius: 12px;
	transform: translateY(50px);
	transition: transform .5s ease-in-out;
}
.all-templates-section .items:hover .card-header img{
	transform: translateY(30px);
}
.all-templates-section .items .card-header .btn-preview{
	display:none;
	position: absolute;
    top: 60%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	transition: transform .5s ease-in-out;
}
.all-templates-section  .items:hover .card-header .btn-preview{
    display:flex;
}
/*** Templates Post Section CSS End ***/

/*** Templates Preview Section CSS Start ***/
.template-preview-model{
	background-color: rgb(47 130 237 / 60%);
}
.template-preview-model iframe{
	width:100%;
	min-height: 575px;
/* 	min-height:767px; */
}
.template-preview-model .object-box{
	background-color: #EFF6FF;
	border-radius:12px;
	border:1px solid #DBEAFE;
	padding: 15px;
}
.template-preview-model .object-box .object-icon{
	background: #DBEAFE;
    color: #155DFC;
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: none;
}
.template-preview-model .object-box ul li i{
	color:#00983D;
}
.template-preview-model .preview-template-btn{
	text-decoration: none;
	color:#000;
}
.template-preview-model .preview-template-btn:hover{
	text-decoration: none;
	color:#2F82ED;
}
.template-preview-model .preview-form-related-img{
	max-height: 80px;
	object-fit: cover;
	object-position: top;
	box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 10%);
}
@media (max-width:991.92px){
	.template-preview-model .preview-form-related-img{
	    max-height: 180px;
    }
}
/*** Templates Preview Section CSS End ***/

/********** Templates Page CSS End **********/