/*
Theme Name: cinnatropinform 
Author: Afshin Forouzan
Author URI: https://forozan.com
Description: cinnatropinform is the fastest, fully customizable & beautiful theme suitable for business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, cinnatropinform comes with schema.org code integrated so search engines will love your site. cinnatropinform offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. cinnatropinform is fast, fully customizable and beautiful theme!
Version: 2.5.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cinnatropinform
Template: hello-elementor
*/


/*:root {*/
/*    --e-global-typography-primary-font-family: 'YekanBakh';*/
/*    --e-global-typography-secondary-font-family: 'YekanBakh';*/
/*}*/
/* :root {
  --font-h1-min: 16px;
  --font-h1-max: 28px;
  --font-h2-min: 14px;
  --font-h2-max: 24px;
  --font-h3-min: 12px;
  --font-h3-max: 20px;
  --font-t1-min: 10px;
  --font-t1-max: 16px;
  --font-t2-min: 9px;
  --font-t2-max: 14px;
  --font-b1-min: 8px;
  --font-b1-max: 12px;
  --font-b2-min: 7px;
  --font-b2-max: 10px;
  --font-c1-min: 6px;
  --font-c1-max: 8px;
}




h1 {
  font-size: clamp(var(--font-h1-min), 
    calc(var(--font-h1-min) + (var(--font-h1-max) - var(--font-h1-min)) * ((100vw - 320px) / 1120)), 
    var(--font-h1-max));
  line-height: 44px;
    font-family: 'YekanBakh', sans-serif ;
}

h2 {
  font-size: clamp(var(--font-h2-min), 
    calc(var(--font-h2-min) + (var(--font-h2-max) - var(--font-h2-min)) * ((100vw - 320px) / 1120)), 
    var(--font-h2-max));
  line-height: 36px;
    font-family: 'YekanBakh', sans-serif ;
}

h3 {
  font-size: clamp(var(--font-h3-min), 
    calc(var(--font-h3-min) + (var(--font-h3-max) - var(--font-h3-min)) * ((100vw - 320px) / 1120)), 
    var(--font-h3-max));
  line-height: 32px;
    font-family: 'YekanBakh', sans-serif ;
}

.t1 {
  font-size: clamp(var(--font-t1-min), 
    calc(var(--font-t1-min) + (var(--font-t1-max) - var(--font-t1-min)) * ((100vw - 320px) / 1120)), 
    var(--font-t1-max));
  line-height: 24px;
    font-family: 'YekanBakh', sans-serif ;
}

.t2 {
  font-size: clamp(var(--font-t2-min), 
    calc(var(--font-t2-min) + (var(--font-t2-max) - var(--font-t2-min)) * ((100vw - 320px) / 1120)), 
    var(--font-t2-max));
  line-height: 22px;
    font-family: 'YekanBakh', sans-serif ;
}

.b1 {
  font-size: clamp(var(--font-b1-min), 
    calc(var(--font-b1-min) + (var(--font-b1-max) - var(--font-b1-min)) * ((100vw - 320px) / 1120)), 
    var(--font-b1-max));
  line-height: 20px;
    font-family: 'YekanBakh', sans-serif ;
}

.b2 {
  font-size: clamp(var(--font-b2-min), 
    calc(var(--font-b2-min) + (var(--font-b2-max) - var(--font-b2-min)) * ((100vw - 320px) / 1120)), 
    var(--font-b2-max));
  line-height: 16px;
    font-family: 'YekanBakh', sans-serif ;
}

.c1 {
  font-size: clamp(var(--font-c1-min), 
    calc(var(--font-c1-min) + (var(--font-c1-max) - var(--font-c1-min)) * ((100vw - 320px) / 1120)), 
    var(--font-c1-max));
  line-height: 12px;
    font-family: 'YekanBakh', sans-serif ;
} */


body {
    font-family: 'YekanBakhFaNum-VF', sans-serif !important;
 
}
body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}



.en-72-300 {
    font-family: '72-Light' ;
}

.en-72-400 {
    font-family: '72-Regular' ;
}


.en-72-600 {
    font-family: '72-Semibold' ;
}


.en-72-700 {
    font-family: '72-Bold' ;
}


.en-72-900 {
    font-family: '72-Black' ;
}





.ltr-en {
    direction: ltr ; 
    unicode-bidi: embed; 
}


.justify_text  {
    text-align: justify !important;
}

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


/* Elementor Bug Fix:  extra space below icon widget */

body .elementor-widget-icon .elementor-icon-wrapper {
    line-height: 0 ;
}
.line-height-0  {
    line-height: 0 ;
}

body .elementor-widget-container .elementor-menu-toggle {
	padding: 0;
}

body  .center-icon  .elementor-button-icon{
	justify-content:center;
	align-items:center;
	align-content:center;
}
/* Jet Engine Bug Fix */

/* Jet Block - breadcrumb  */
.fix-breadcrumb span.jet-blocks-icon {
    vertical-align: middle;
}

/* Jet Engine Bug Fix */



/* desktop-menu */

.desktop-menu.elementor-widget-nav-menu  a.elementor-item::before {
    content: "";
    position: absolute;
    right: -10px; 
    top: 50%;
    transform: translateY(-50%); 
    width: 49px;
    height: 10px;
    
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 10"><path d="M49 0H0v10h39"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 10"><path d="M49 0H0v10h39"/></svg>');
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: -1; 
	background-color: #EFF8FF !important;
    opacity: 1 !important;

}
.desktop-menu.elementor-widget-nav-menu .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
    opacity: 1 !important;
}
.desktop-menu.elementor-widget-nav-menu a.elementor-item:hover::before {
    background-color: #D1E9FF !important;
}
.desktop-menu.elementor-widget-nav-menu  a.elementor-item.elementor-item-active::before {
 background-color:#D1E9FF !important;
}
.desktop-menu.elementor-widget-nav-menu a.elementor-item:hover::before,.elementor-widget-nav-menu a.elementor-item::before 
	{
		transition: background-color 1.3s ease;
}

/* desktop-menu */

/* FAQ cinnatropinform HOME */
body .faq-cinnatropinform .e-n-accordion-item[open] {
    margin: 20px 0px !important;
}
body .faq-cinnatropinform .e-n-accordion-item {
    transition: margin 0.5s ease; 
}

@media only screen and (min-width: 768px) {
    
/*  first-of-type */
.faq-cinnatropinform .e-n-accordion-item:first-of-type .e-n-accordion-item-title {
    border-radius: 20px 20px 0 0;
}
.faq-cinnatropinform .e-n-accordion-item:first-of-type .elementor-element {
    border-radius:  0 0  20px 20px;
}

/* none */
.faq-cinnatropinform .e-n-accordion-item:last-of-type:not([open]) .e-n-accordion-item-title {
    border-radius: 0 0 20px 20px ;
}

/* last-of-type  */
.faq-cinnatropinform .e-n-accordion-item:last-of-type[open] .elementor-element {
    border-radius: 0 0 20px 20px ;
}
.faq-cinnatropinform .e-n-accordion-item:last-of-type[open] .e-n-accordion-item-title {
    border-radius: 20px 20px 0 0;
}

/* All Open Tabs */
.faq-cinnatropinform .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-radius: 20px 20px 0 0;
}
.faq-cinnatropinform .e-n-accordion-item[open]  .elementor-element {
    border-radius: 0 0 20px 20px;
}
    
}


@media only screen and (max-width: 767px) {

/*  first-of-type */
.faq-cinnatropinform .e-n-accordion-item:first-of-type .e-n-accordion-item-title {
    border-radius: 12px 12px 0 0;
}
.faq-cinnatropinform .e-n-accordion-item:first-of-type .elementor-element {
    border-radius:  0 0  12px 12px;
}

/* none */
.faq-cinnatropinform .e-n-accordion-item:last-of-type:not([open]) .e-n-accordion-item-title {
    border-radius: 0 0 12px 12px ;
}

/* last-of-type  */
.faq-cinnatropinform .e-n-accordion-item:last-of-type[open] .elementor-element {
    border-radius: 0 0 12px 12px ;
}
.faq-cinnatropinform .e-n-accordion-item:last-of-type[open]  .e-n-accordion-item-title {
    border-radius: 12px 12px 0 0;
}

/* All Open Tabs */
.faq-cinnatropinform .e-n-accordion-item[open]  .e-n-accordion-item-title {
    border-radius: 12px 12px 0 0;
}
.faq-cinnatropinform .e-n-accordion-item[open]  .elementor-element {
    border-radius: 0 0 12px 12px;
}

}

/* FAQ cinnatropinform HOME */

/* ************************************************************************** TABLE cinnatropinform HOME */

.cinnatropinform-table {
    max-width: 840px; 
    width: 100%; 
    margin:0 auto;

}
.cinnatropinform-table .table-container {
    max-width: 840px; 
    width: 100%; 
    margin:0 auto;

    overflow-x: auto;
    font-family: "YekanBakh" ;
    color: #182230;
    font-size: 15px;
    font-weight: 500;
}
.cinnatropinform-table table {
    border-collapse: separate;
    text-align: center;
    border-radius: 40px;
    border: 1px solid #D0D5DD;
    overflow: hidden;
    border-spacing: 0;
    white-space: wrap;
    margin: 0px;
}
.cinnatropinform-table th,.cinnatropinform-table  td {
    text-align: center !important; 
    vertical-align: middle !important; 
    border: 1.5px solid #EAECF0 !important;
    padding: 13px 32px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

tr:nth-child(even) {background-color: #fff;}
tr:nth-child(odd) {background-color: #F2F4F7 ;}


.cinnatropinform-table td img,.cinnatropinform-table  th img {
    display: block;
    margin: auto;
}
.cinnatropinform-table th {
    background-color: #f4f4f4;
}

.cinnatropinform-table .title {
    font-size: 17px;
    font-weight: 700;
}
.cinnatropinform-table .footer {
    font-size: 17px;
    font-weight: 700;
}
.cinnatropinform-table .footer span {
    font-size: 11px;
    font-weight: 400;
}

.cinnatropinform-table .header {
    font-size: 24px;
    font-weight: 900;
    color: #182230;
}
.cinnatropinform-table .table-cinnatropinform-title-en {
    font-family: "72-Black";
    background: linear-gradient(180deg, rgba(0,170,238,1) 0%, rgba(0,85,170,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 767px) {
.cinnatropinform-table .table-container {
    font-size: 12px;
}
.cinnatropinform-table table {
    border-radius: 12px;
	}

.cinnatropinform-table .header {
    font-size: 12px;
}
.cinnatropinform-table .title {
    font-size: 12px;
    font-weight: 700;
}
.cinnatropinform-table th,.cinnatropinform-table  td {
    padding: 8px 4px  !important;
    border: 1px solid #EAECF0  !important;
}
	
.cinnatropinform-table td img {
    width:13px ;
}
.cinnatropinform-table .footer {
    font-size: 10px;
    font-weight: 600;
}
.cinnatropinform-table .footer  {
    font-size: 12px;
}
.cinnatropinform-table .footer span {
    font-size: 9px;
    font-weight: 400;
}
    
}



/* TABLE cinnatropinform HOME */





/************************************************************* Customer Satisfaction GRID */
/* toggleGridRows */

.btn-customer-satisfaction span.elementor-button-icon {
    font-size: 14px;
    width: 0;
    overflow: hidden; 
    white-space: nowrap;
    transition: width 0.5s ease; 
}

.customer-satisfaction-child:hover span.elementor-button-icon {
    width: 16px;
}
.customer-satisfaction-child:hover a.elementor-button.elementor-button-link.elementor-size-sm {
    background-color: #1570EF;
    color: #fff;
    border-color: #1570EF;
    
}

.customer-satisfaction-child:hover .pic-customer-satisfaction img {
    border-color: #1570EF;
    /*box-shadow: 0px 0px 40px -8px #D1E9FF;*/
 filter: drop-shadow(0px 0px 50px #D1E9FF); 
    /*clip-path: inset(-64px -64px -64px -64px); */

}

.pic-customer-satisfaction img {
    transition: box-shadow 0.4s ease; 
    transition: border-color 1s ease; 
}


@media (min-width: 1025px) {
  .customer-satisfaction-grid > div:nth-child(n+5) {
    display:none  ;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .customer-satisfaction-grid > div:nth-child(n+4) {
    display:none  ;
  }
}

@media (max-width: 767px) {
  .customer-satisfaction-grid > div:nth-child(n+3) {
    display:none  ;
  }
}

/* toggleGridRows */
/* Customer Satisfaction GRID */


/* Home section 06 Tabs*/
.home-06-tabs .e-n-tab-title[aria-selected="true"] {
    padding: 12px 30px;
    transition: padding 1s ease;
}

.home-06-tabs .e-n-tab-title[aria-selected="false"]{
    padding: 12px 12px;
  transition: padding 1s ease-in-out; 
}
/* Home section 06 Tabs*/


/* Home section 02 Tabs*/
.home-02-tabs .e-n-tab-title[aria-selected="true"] {
    padding: 8px 30px;
    transition: padding 1s ease, background-color 0.5s ease, color 0.5s ease, border 0.5s ease;
}

.home-02-tabs .e-n-tab-title[aria-selected="false"]{
    padding: 8px 12px;
  transition: padding 1s ease-in-out, background-color 0.5s ease-in-out, color 0.5s ease-in-out, border 0.5s ease-in-out;
}


/********************************************************* Home section 02 Tabs *********************************************************/



/********************************************************* Home section 03 Carousel *********************************************************/

.home-why-cinnatropinform-desktop .e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    padding: 0 20px 0px 20px;
}



/*.why-cinnatropinform-icon {*/
/*  max-height: 0; */
/*  overflow: hidden; */
/*  opacity: 0;*/
/*  transition: max-height 1.0s ease, opacity 1.0s ease; */
/*}*/

.home-why-cinnatropinform-desktop .why-cinnatropinform-icon-svg {
  opacity: 0; 
  visibility: hidden;
  transition: opacity 1.0s ease, visibility 1.0s ease; 
  margin-bottom: 16px;
}

/*.home-why-cinnatropinform-desktop.why-cinnatropinform-box:hover .why-cinnatropinform-icon {*/
/*  max-height: 60px; */
/*  opacity: 1; */
/*}*/

.home-why-cinnatropinform-desktop .why-cinnatropinform-box:hover .why-cinnatropinform-icon-svg {
  opacity: 1; 
  visibility: visible; 

}





/* Specific styles for each box */
.box-yellow {
    --border-color: #FEC84B; 
    --shadow-color1: #FFF8E7; 
    --shadow-color2: rgba(254, 200, 75, 0.03); 
    --shadow-color3: rgba(254, 200, 75, 0.01);
}

.box-purple {
    --border-color: #d6bbfb;
    --shadow-color1: #F4EBFF; 
    --shadow-color2: rgba(25, 25, 26, 0.08); 
    --shadow-color3: rgba(25, 25, 26, 0.03); 
}

.box-blue {
    --border-color: #2E90FA; 
    --shadow-color1: #EFF8FF; 
    --shadow-color2: rgba(46, 144, 250, 0.08); 
    --shadow-color3: rgba(46, 144, 250, 0.03); 
}

.box-green {
    --border-color: #5FE9D0; 
/*     --shadow-color1: #CCFBEF;  */
    --shadow-color1: #ccfbef82; 
    --shadow-color2: rgba(95, 233, 208, 0.005); 
    --shadow-color3: rgba(95, 233, 208, 0.005); 
}




/* Hover effect for all boxes */
.home-why-cinnatropinform-desktop .why-cinnatropinform-box:hover div.why-cinnatropinform-100 {
    box-shadow: 
        0px 0px 100px -10px var(--shadow-color1, #F4EBFF), 
        0px 12px 16px -4px var(--shadow-color2, rgba(25, 25, 26, 0.08)),
        0px 4px 6px -2px var(--shadow-color3, rgba(25, 25, 26, 0.03)); 
    border-color: var(--border-color) ; 
    border-width: 1px;
    transition: box-shadow 1s ease, border-color 1s ease, border-width 1s ease; 

}


/* Default styles for all boxes */
.home-why-cinnatropinform-desktop .why-cinnatropinform-100 {
    height: inherit ;
    border: 1px solid  #DEE2E7 ; 
    
    transition: box-shadow 1s ease, border-color 1s ease, border-width 1s ease; 
}




.home-why-cinnatropinform-desktop div.swiper-wrapper {
    align-items: center !important;
    height: 340px !important;
    /*padding: 10px;*/

}

.home-why-cinnatropinform-desktop .why-cinnatropinform-box {
    width: 242px;

    /*height: 100% !important ;*/
    height: 295px !important;
    transition: width 0.7s ease, height 0.7s ease; 

}

.home-why-cinnatropinform-desktop .swiper-slide.swiper-slide:hover  .why-cinnatropinform-box {
    height: 320px !important;
}
/********************************************************* Home section 03 Carousel *********************************************************/