.elementor-4590 .elementor-element.elementor-element-9757956{--display:flex;}.elementor-4590 .elementor-element.elementor-element-4765682{--display:flex;}.elementor-4590 .elementor-element.elementor-element-c38e349{--display:flex;}/* Start custom CSS for html, class: .elementor-element-09f498c */.ct-breadcrumb{


display:flex;

gap:10px;

align-items:center;


margin-bottom:25px;


font-size:14px;


color:#667085;


}



.ct-breadcrumb a{


color:#167D8D;

text-decoration:none;


}



.ct-breadcrumb strong{


color:#263238;


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-890a64b */.caretium-product-page{

font-family:inherit;

direction:rtl;

color:#263238;

}


/* HERO */

.ct-hero{

display:flex;

align-items:center;

gap:70px;

padding:70px;

background:

linear-gradient(
135deg,
#F8FBFC,
#EAF5F6
);

border-radius:35px;

}


.ct-hero-image{

width:45%;

text-align:center;

}


.ct-hero-image img{

width:100%;

max-height:420px;

object-fit:contain;

filter:
drop-shadow(0 25px 25px rgba(0,0,0,.12));

}




.ct-hero-content{

width:55%;

}



.ct-badge{

display:inline-block;

padding:8px 20px;

border-radius:30px;

background:#FFF4E8;

color:#F08D1D;

font-size:13px;

font-weight:700;

}



.ct-hero h1{

font-size:46px;

line-height:1.3;

font-weight:800;

margin:25px 0;

}



.ct-hero p{

font-size:17px;

line-height:2;

color:#667085;

}




.ct-buttons{

display:flex;

gap:15px;

margin-top:30px;

}



.ct-btn-primary,
.ct-btn-outline{


padding:14px 35px;

border-radius:30px;

text-decoration:none;

font-weight:700;

transition:.3s;

}



.ct-btn-primary{

background:#F08D1D;

color:white;

}


.ct-btn-outline{

border:1px solid #167D8D;

color:#167D8D;

}


.ct-btn-primary:hover{

background:#167D8D;

}



/* FEATURES */


.ct-features{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

margin:40px 0;

}



.ct-feature-card{


background:

rgba(255,255,255,.7);


backdrop-filter:blur(15px);


border:1px solid #E7EAEE;


border-radius:25px;


padding:30px;


text-align:center;


transition:.3s;

}


.ct-feature-card:hover{

transform:translateY(-8px);

border-color:#167D8D;

}




.ct-icon{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

border-radius:50%;

background:#FFF4E8;

color:#F08D1D;

font-size:25px;

}




/* ABOUT */


.ct-about{

display:grid;

grid-template-columns:1fr 1fr;

gap:35px;

margin:60px 0;

}



.ct-about h2,
.ct-spec h2{

font-size:32px;

font-weight:800;

}



.ct-about p{

font-size:16px;

line-height:2.2;

color:#667085;

}



.ct-glass-box{


background:

rgba(255,255,255,.65);


backdrop-filter:blur(18px);


border-radius:25px;


padding:35px;


border:1px solid #E7EAEE;

}




/* TABLE */


.ct-spec{

margin:50px 0;

}


.ct-spec table{

width:100%;

border-collapse:collapse;

background:white;

border-radius:20px;

overflow:hidden;

}



.ct-spec td{

padding:18px;

border-bottom:1px solid #E7EAEE;

}



.ct-spec td:first-child{

font-weight:700;

color:#167D8D;

}



/* CTA */


.ct-cta{

padding:50px;

text-align:center;

background:

linear-gradient(
135deg,
#123C4A,
#167D8D
);

border-radius:30px;

color:white;

}



.ct-cta a{

display:inline-block;

margin-top:20px;

padding:14px 35px;

background:#F08D1D;

border-radius:30px;

color:white;

text-decoration:none;

}



/* MOBILE */


@media(max-width:900px){


.ct-hero,
.ct-about{

display:flex;

flex-direction:column;

padding:30px;

}


.ct-hero-image,
.ct-hero-content{

width:100%;

}


.ct-features{

grid-template-columns:1fr 1fr;

}


}


@media(max-width:600px){


.ct-features{

grid-template-columns:1fr;

}


.ct-hero h1{

font-size:32px;

}

}


</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f44d4d3 */.ct-gallery{

margin:60px 0;

}


.ct-gallery-main{


background:

rgba(255,255,255,.7);


backdrop-filter:blur(20px);


border:

1px solid #E7EAEE;


border-radius:30px;


padding:40px;


text-align:center;


box-shadow:

0 20px 45px rgba(38,50,56,.08);


}



.ct-gallery-main img{


width:100%;

height:450px;


object-fit:contain;


filter:

drop-shadow(
0 25px 25px rgba(0,0,0,.12)
);


}




.ct-gallery-items{


display:grid;


grid-template-columns:

repeat(3,1fr);


gap:20px;


margin-top:25px;


}



.ct-gallery-items div{


background:white;


border:

1px solid #E7EAEE;


border-radius:20px;


padding:15px;


transition:.3s;


}




.ct-gallery-items img{


width:100%;


height:150px;


object-fit:contain;


}



.ct-gallery-items div:hover{


transform:

translateY(-8px);


border-color:#167D8D;


box-shadow:

0 15px 35px rgba(22,125,141,.12);


}





@media(max-width:768px){


.ct-gallery-main img{

height:300px;

}



.ct-gallery-items{

grid-template-columns:1fr;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8967322 */.ct-performance{

margin:70px 0;

}



.ct-performance-grid{


display:grid;


grid-template-columns:

repeat(3,1fr);


gap:25px;


}



.ct-performance-card{


background:

rgba(255,255,255,.7);


backdrop-filter:blur(15px);



border:

1px solid #E7EAEE;



border-radius:25px;


padding:35px;


text-align:center;


transition:.3s;


}



.ct-performance-card span{


display:flex;


align-items:center;


justify-content:center;



width:60px;

height:60px;


margin:auto;


background:#FFF4E8;


border-radius:50%;


color:#F08D1D;


font-size:28px;


}



.ct-performance-card h3{


color:#123C4A;


margin-top:20px;


}



.ct-performance-card p{


color:#667085;


line-height:2;


}



.ct-performance-card:hover{


transform:

translateY(-10px);


border-color:#167D8D;


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5ea0fc */.ct-spec-section{

margin:80px 0;

}



/* Header */

.ct-section-header{

text-align:center;

margin-bottom:40px;

}



.ct-section-header span{


display:inline-block;


padding:8px 22px;


border-radius:30px;


background:#FFF4E8;


color:#F08D1D;


font-size:13px;


font-weight:700;


}



.ct-section-header h2{


font-size:34px;


font-weight:800;


color:#123C4A;


margin:18px 0;


}



.ct-section-header p{


color:#667085;


font-size:15px;


}





/* Table Container */


.ct-spec-table{


background:

rgba(255,255,255,.65);


backdrop-filter:

blur(18px);


-webkit-backdrop-filter:

blur(18px);


border:

1px solid rgba(255,255,255,.8);


border-radius:30px;


overflow:hidden;


box-shadow:

0 20px 50px rgba(38,50,56,.08);


}





/* Rows */


.ct-spec-row{


display:grid;


grid-template-columns:

35% 65%;


border-bottom:

1px solid #E7EAEE;


transition:.3s;


}



.ct-spec-row:last-child{

border-bottom:none;

}




.ct-spec-row:hover{


background:

rgba(22,125,141,.04);


}





/* Title */


.ct-spec-title{


padding:22px 30px;


background:

rgba(22,125,141,.04);


color:#167D8D;


font-weight:800;


font-size:15px;


}



/* Value */


.ct-spec-value{


padding:22px 30px;


color:#263238;


font-size:15px;


line-height:2;


}



/* Mobile */


@media(max-width:768px){


.ct-spec-row{


grid-template-columns:

1fr;


}


.ct-spec-title{


padding-bottom:10px;


}



.ct-spec-value{


padding-top:10px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8228648 */.ct-applications{

margin:80px 0;

}




.ct-app-grid{


display:grid;


grid-template-columns:

repeat(4,1fr);


gap:22px;


}




.ct-app-card{


position:relative;


background:

rgba(255,255,255,.65);


backdrop-filter:

blur(18px);



-webkit-backdrop-filter:

blur(18px);



border:

1px solid rgba(255,255,255,.8);



border-radius:28px;


padding:35px 25px;


text-align:center;



box-shadow:


0 15px 35px rgba(38,50,56,.07);



transition:

.35s ease;



overflow:hidden;


}




/* خط برند بالای کارت */

.ct-app-card:before{


content:"";


position:absolute;


top:0;


left:35px;


right:35px;


height:3px;


background:

linear-gradient(

90deg,

#167D8D,

#F08D1D

);



border-radius:

0 0 15px 15px;


}





.ct-app-icon{


width:70px;


height:70px;


display:flex;


align-items:center;


justify-content:center;


margin:0 auto 20px;



background:

#FFF4E8;



border-radius:50%;



font-size:32px;


}




.ct-app-card h3{


font-size:18px;


font-weight:800;


color:#123C4A;


margin-bottom:15px;


}





.ct-app-card p{


font-size:14px;


line-height:2;


color:#667085;


}





/* Hover */


.ct-app-card:hover{


transform:

translateY(-10px);



border-color:

rgba(22,125,141,.3);



box-shadow:


0 25px 55px rgba(22,125,141,.12);


}





.ct-app-card:hover .ct-app-icon{


background:

#167D8D;


transform:

scale(1.05);


}





.ct-app-card:hover .ct-app-icon{


filter:

brightness(1.1);


}





@media(max-width:1000px){


.ct-app-grid{


grid-template-columns:

repeat(2,1fr);


}


}




@media(max-width:600px){


.ct-app-grid{


grid-template-columns:

1fr;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1f4ff8 */.ct-contact-section{


margin:90px 0;


padding:55px;


position:relative;


overflow:hidden;



border-radius:35px;



background:


linear-gradient(

135deg,

#123C4A 0%,

#167D8D 100%

);



box-shadow:


0 30px 70px rgba(18,60,74,.25);



color:white;


}



/* Glow نارنجی */

.ct-contact-section:before{


content:"";


position:absolute;


width:350px;


height:350px;


right:-120px;


top:-120px;



background:


radial-gradient(

circle,

rgba(240,141,29,.35),

transparent 70%

);



border-radius:50%;



}



/* محتوای اصلی */

.ct-contact-content{


position:relative;


z-index:2;


max-width:750px;


}



.ct-contact-badge{


display:inline-block;



padding:8px 22px;



background:

rgba(240,141,29,.15);



border:

1px solid rgba(240,141,29,.4);



border-radius:30px;



color:#FFD19A;



font-size:13px;



font-weight:700;


}





.ct-contact-content h2{


font-size:34px;


font-weight:800;


margin:20px 0;


color:white;


}



.ct-contact-content p{


font-size:16px;


line-height:2.2;


color:

rgba(255,255,255,.8);


}





/* Buttons */

.ct-contact-buttons{


display:flex;


gap:15px;


margin-top:35px;


}



.ct-download-btn,
.ct-request-btn{


padding:15px 35px;


border-radius:35px;


text-decoration:none;


font-weight:700;


transition:.3s;


}





.ct-download-btn{


background:#F08D1D;


color:white;


box-shadow:


0 10px 25px rgba(240,141,29,.35);


}




.ct-request-btn{


background:

rgba(255,255,255,.12);



border:

1px solid rgba(255,255,255,.4);



color:white;


}





.ct-download-btn:hover{


background:white;


color:#167D8D;


}





.ct-request-btn:hover{


background:white;


color:#167D8D;


}





/* آمار */

.ct-contact-info{


position:relative;


z-index:2;


display:grid;


grid-template-columns:repeat(3,1fr);



gap:20px;


margin-top:45px;



padding-top:35px;



border-top:

1px solid rgba(255,255,255,.2);


}



.ct-contact-info div{


text-align:center;


}



.ct-contact-info strong{


display:block;


font-size:35px;


color:#F08D1D;


font-weight:900;


}



.ct-contact-info span{


color:

rgba(255,255,255,.75);


font-size:14px;


}




@media(max-width:700px){


.ct-contact-section{


padding:30px 20px;


}



.ct-contact-buttons{


flex-direction:column;


}



.ct-contact-info{


grid-template-columns:1fr;


}



.ct-contact-content h2{


font-size:26px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-744e88e */.ct-faq-section{

margin:90px 0;

}



.ct-faq-container{

max-width:900px;

margin:auto;

}




.ct-faq-item{


background:

rgba(255,255,255,.7);



backdrop-filter:

blur(15px);



border:

1px solid #E7EAEE;



border-radius:22px;



margin-bottom:15px;



overflow:hidden;


}



.ct-faq-question{


width:100%;


display:flex;


justify-content:space-between;


align-items:center;


padding:22px 30px;


background:none;


border:none;


cursor:pointer;



font-size:16px;


font-weight:700;


color:#123C4A;


text-align:right;


}



.ct-faq-question span{


width:32px;


height:32px;


display:flex;


align-items:center;


justify-content:center;


border-radius:50%;


background:#FFF4E8;


color:#F08D1D;


font-size:22px;


}





.ct-faq-answer{


padding:0 30px 25px;


}



.ct-faq-answer p{


margin:0;


color:#667085;


line-height:2;


font-size:15px;


}




.ct-faq-item:hover{


border-color:#167D8D;


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0472aeb */.ct-related{

margin:90px 0 40px;

}



.ct-related-grid{


display:grid;


grid-template-columns:repeat(3,1fr);


gap:25px;


}



.ct-product-card{


background:

rgba(255,255,255,.75);



border:

1px solid #E7EAEE;



border-radius:28px;



padding:30px;



text-align:center;



transition:.35s;


}



.ct-product-card img{


height:180px;


width:100%;


object-fit:contain;


margin-bottom:20px;


}




.ct-product-card h3{


color:#123C4A;


font-size:20px;


font-weight:800;


}




.ct-product-card a{


display:inline-block;


margin-top:15px;


padding:10px 25px;


border-radius:30px;


border:1px solid #167D8D;


color:#167D8D;


text-decoration:none;


font-weight:700;


}



.ct-product-card:hover{


transform:translateY(-10px);


box-shadow:

0 20px 45px rgba(22,125,141,.12);


border-color:#167D8D;


}



.ct-product-card a:hover{


background:#167D8D;


color:white;


}



@media(max-width:700px){


.ct-related-grid{


grid-template-columns:1fr;


}


}/* End custom CSS */