﻿@font-face {
    font-family: yekanbold;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iranyekanwebbold.eot');
    src: url('../fonts/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iranyekanwebbold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iranyekanweblight.eot');
    src: url('../fonts/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iranyekanweblight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iranyekanwebregular.eot');
    src: url('../fonts/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iranyekanwebregular.ttf') format('truetype');
}
@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-BoldItalic.eot');
    src: url('../fonts/ProductSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProductSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/ProductSans-BoldItalic.woff') format('woff'),
        url('../fonts/ProductSans-BoldItalic.svg#ProductSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Bold.eot');
    src: url('../fonts/ProductSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProductSans-Bold.woff2') format('woff2'),
        url('../fonts/ProductSans-Bold.woff') format('woff'),
        url('../fonts/ProductSans-Bold.svg#ProductSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Italic.eot');
    src: url('../fonts/ProductSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProductSans-Italic.woff2') format('woff2'),
        url('../fonts/ProductSans-Italic.woff') format('woff'),
        url('../fonts/ProductSans-Italic.svg#ProductSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Regular.eot');
    src: url('../fonts/ProductSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProductSans-Regular.woff2') format('woff2'),
        url('../fonts/ProductSans-Regular.woff') format('woff'),
        url('../fonts/ProductSans-Regular.svg#ProductSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --color-primary: #e75218;
  --bg-dark-blue: #222e58;
  --bg-blue: #2f3a67;
  --bg-light: #f7f7f7;
  --bg-light-silver: #DADADA;
  --bg-royal-indigo: #505DA1;
  --bs-danger: #E75218;
  --bg-fiery-orange: #E75218;
  --bg-grean-light: #d3f3b0;
  --bg-blue-mist:#d5d7e6;
  --bs-danger: #E75218;
  --bs-danger-rgb: 231, 82, 24;
  --bs-danger-hover: #cc4316;
  --bs-danger-border: #c33e13;
  --bs-danger-focus-shadow: rgba(231, 82, 24, 0.5);
}

.bg-dark-blue{background-color:var(--bg-dark-blue)}
.bg-blue{background-color:var(--bg-blue)}
.bg-light{background-color:var(--bg-light)}
.bg-fiery-orange{background-color:var(--bg-fiery-orange)}
.bg-light-silver{background-color:var(--bg-light-silver)}
.bg-royal-indigo{background-color:var(--bg-royal-indigo)}
.bg-grean-light{background-color:var(--bg-grean-light)}
.bg-blue-mist{background-color:var(--bg-blue-mist)}
.bg-gradient-blue{background: #252A85;background: linear-gradient(90deg, rgba(37, 42, 133, 1) 0%, rgba(109, 118, 249, 1) 100%);}
.bg-gradient-orange{background:#FE9369;background:linear-gradient(90deg, rgba(254, 147, 105, 1) 0%, rgba(231, 82, 24, 1) 50%, rgba(231, 82, 24, 1) 100%);}
.bg-world{background-image:url(../img/world.png);background-repeat:no-repeat;background-position:center;background-size:contain}
.text-fiery-orange{color:var(--bg-fiery-orange)}
.border-20{border-width:20px!important} 
.border-white{border-color:#fff important}

*{margin:0;padding:0;border:none;outline:none}
.dnnModuleDialog{position:fixed;top:100px !important}
body{font-size:15px;color:#48494b;line-height:28px;font-weight:400;background:#ffffff;font-family:'yekan',Tahoma;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing:antialiased}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'yekanbold','yekan',Tahoma;line-height:1.5}
.text-justify{text-align:justify}
.direction-ltr{direction:ltr}
.direction-rtl{direction:rtl}
.img-white{filter: brightness(0) invert(1)}
.img-gray{filter: grayscale(100%);}
.ff-en{font-family:'Product Sans','yekan',Tahoma}

.btn-danger{color:#fff;background-color:var(--bs-danger);border-color:var(--bs-danger-border)}
.btn-danger:hover{background-color:var(--bs-danger-hover);border-color:var(--bs-danger-border)}
.btn-danger:focus,.btn-danger.focus{background-color:var(--bs-danger-hover);border-color:var(--bs-danger-border);box-shadow:0 0 0 0.25rem var(--bs-danger-focus-shadow)}
.btn-danger:active,.btn-danger.active,.show > .btn-danger.dropdown-toggle{background-color:var(--bs-danger-hover);border-color:var(--bs-danger-border)}
.btn-danger.disabled,.btn-danger:disabled{background-color:var(--bs-danger);border-color:var(--bs-danger-border);opacity:0.65}

.main-content{}

.navbar .nav-link:focus,.navbar .nav-link:active,.navbar .dropdown-toggle:focus{outline:none;box-shadow:none}
.navbar .nav-item:focus,.navbar .nav-item:active{outline:none}
.nav-logo img{max-height:60px;width:100%}
.navbar-expand-lg .navbar-nav .nav-item.active .nav-link{color:var(--color-primary) !important}

.wave-container{background-color:#fff;height:55px}
.wave-container img{max-width:180px;width:100%}
.wave-container::after{content:'';background-image:url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="113" height="63"><path d="M0 0 C37.29 0 74.58 0 113 0 C113 1.32 113 2.64 113 4 C111.42025391 4.12955078 111.42025391 4.12955078 109.80859375 4.26171875 C90.27442428 6.07508455 71.68246309 12.27007562 58 27 C55.6978569 29.79140312 53.51081235 32.6695218 51.31811523 35.54711914 C41.04653307 48.87916223 29.98083327 59.64115386 13 63 C8.71 63 4.42 63 0 63 C0 42.21 0 21.42 0 0 Z " fill="%23FFFFFF" transform="translate(0,0)"/></svg>');display:block;position:absolute;width:55px;height:55px;background-repeat:no-repeat;background-position:0;right:-55px;top:13px;background-size:contain}
.wave-container::before{content:'';background-image:url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="113" height="63"><path d="M0 0 C37.29 0 74.58 0 113 0 C113 1.32 113 2.64 113 4 C111.42025391 4.12955078 111.42025391 4.12955078 109.80859375 4.26171875 C90.27442428 6.07508455 71.68246309 12.27007562 58 27 C55.6978569 29.79140312 53.51081235 32.6695218 51.31811523 35.54711914 C41.04653307 48.87916223 29.98083327 59.64115386 13 63 C8.71 63 4.42 63 0 63 C0 42.21 0 21.42 0 0 Z " fill="%23FFFFFF" transform="translate(0,0)"/></svg>');display:block;position:absolute;width:55px;height:55px;background-repeat:no-repeat;background-position:0;left:-55px;top:13px;background-size:contain;transform:rotateY(180deg)}

#site-nav-search span{display:block;position:relative}
#site-nav-search span input[type="text"]{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:transparent;background-clip:padding-box;border:0 solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
#site-nav-search .searchInputContainer a.dnnSearchBoxClearText.dnnShow{position:absolute;top:0px;left:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z"/></svg>') !important;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important}
#site-nav-search ul.searchSkinObjectPreview{position:absolute;top:100%;right:0;left:0;background:#fff;margin:0;list-style:none;border:1px solid #c9c9c9;width:100%;z-index:200;padding:0}
#site-nav-search .searchcss{position:absolute;left:5px;top:5px;font-size:0;line-height:0;background-repeat:no-repeat !important;background-position:0 !important;background-size:cover !important;width:24px;height:24px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z"/></svg>') !important}

.sub-page-banner{padding:60px 0;background-repeat:no-repeat;background-position:top center;background-size:cover;color:#fff;margin-bottom:15px;position:relative}
.sub-page-banner::before{content:'';position:absolute;background-color:rgba(0,0,0,.5);top:0;border:0;left:0;right:0;display:block;height:100%;width:100%}
.sub-page-banner .container{z-index:10;position:relative}

.slider-home{margin:auto;background-size:contain;background-repeat:no-repeat;background-position:center top;background-image:url(../img/slider/bg.png)}

.services-1{background-size:auto;background-position:right center;background-repeat:no-repeat;background-image:url(../img/services/s1.png)}
.services-2{background-size:auto;background-position:right center;background-repeat:no-repeat;background-image:url(../img/services/s2.png)}
.services-3{background-size:auto;background-position:right center;background-repeat:no-repeat;background-image:url(../img/services/s3.png)}
.services-4{background-size:auto;background-position:right center;background-repeat:no-repeat;background-image:url(../img/services/s4.png)}

.bg-arrow{background-size:contain;background-position:bottom center;background-repeat:no-repeat;background-image:url(../img/bg-arrow.png);}

.collapse-item .collapse-title{cursor:pointer}
.collapse-item.active{border-color: var(--bg-fiery-orange) !important}
.collapse-item.active .collapse-title{color:var(--bg-fiery-orange) !important}

.bg-wf0{background-color:#fff;transition:background-color 0.3s ease}
.bg-wf0:hover{background-color:var(--bg-fiery-orange)}
.bg-wf0:hover *{color:#fff !important}
.bg-wf0:hover .text-muted{color:#fff !important}
.bg-wf0:hover .text-fiery-orange{color:#fff !important}
 .bg-wf0:hover img{filter:brightness(0) invert(1)}

.anim-aboutus{width:100%;height:280px;position:relative;margin:30px 0}
.anim-aboutus .sun{z-index:0;width:100%;height:70%;background-image:url(../img/aboutus/Sun.png);background-repeat:no-repeat;background-position:left top;background-size:contain;position:absolute;left:0;bottom:0px}
.anim-aboutus .city{z-index:5;width:100%;height:203px;background-image:url(../img/aboutus/City2.png);background-repeat:no-repeat;background-position:left bottom;background-size:contain;position:absolute;left:0;bottom:0}
.anim-aboutus .cloud{z-index:10;width:82px;height:31px;background-image:url(../img/aboutus/cloud.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:15%;top:10px;animation:cloudFloat 8s ease-in-out infinite}
.anim-aboutus .cloud2{z-index:10;width:82px;height:31px;background-image:url(../img/aboutus/cloud.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;right:5%;top:30%;animation:cloudFloat 10s ease-in-out infinite}
.anim-aboutus .baloon1{z-index:15;width:25px;height:32px;background-image:url(../img/aboutus/baloon.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:5%;top:20px;animation:baloonFloat 6s ease-in-out infinite}
.anim-aboutus .baloon2{z-index:15;width:31px;height:38px;background-image:url(../img/aboutus/baloon.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:45%;top:15px;animation:baloonFloat 8s ease-in-out infinite}
.anim-aboutus .btn-play{z-index:20;position:absolute;left:32%;top:15px;width:80px;height:80px;}
.anim-aboutus .play-video{z-index:20;display:block;position:relative;text-decoration:none;width:100%;height:100%;background-color:#ffad7c !important;border-radius:50%;animation:pulse 1.5s infinite}
.anim-aboutus .play-video:hover{animation:none;background-color:#ffede3 !important}
.anim-aboutus .play-icon{z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}
.anim-aboutus .play-icon::after{z-index:20;content:"▶";color:#ff6b00;font-size:20px;margin-left:3px}

@keyframes pulse{
    0%{transform:scale(0.8);opacity:0.7}
    70%{transform:scale(1.1);opacity:0.3}
    100%{transform:scale(0.8);opacity:0.7}
}
@keyframes cloudFloat{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(15px)}
}
@keyframes baloonFloat{
    0%,100%{transform:translate(0,0)}
    25%{transform:translate(5px,-5px)}
    50%{transform:translate(0,-10px)}
    75%{transform:translate(-5px,-5px)}
}


.rounded-3-br-0{border-radius: 30px 30px 0px 30px;-webkit-border-radius: 30px 30px 0px 30px;-moz-border-radius: 30px 30px 0px 30px;}
.rounded-3-bl-0{border-radius: 30px 30px 40px 0px;-webkit-border-radius: 30px 30px 40px 0px;-moz-border-radius: 30px 30px 40px 0px;}

.feedback-img{width:80px;object-fit:cover}
.feedback-img-big{width:120px;object-fit:cover}

.circle-text{position:relative;width:100px;height:100px;margin:0 auto;border-radius:50%;display:flex;justify-content:center;align-items:center}
.circle-text span{position:absolute;width:100%;text-align:center;transform:rotate(calc(var(--i) * 24deg));transform-origin:0 50px;font-size:12px;font-weight:bold}

.btn-article{color:#fff !important}
.btn-article:hover{background-color:#000!important}

#customers-testimonials p{display:none;position:absolute;top:calc(100% + 25px)}
#customers-testimonials .item{margin:15px;text-align:center;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#customers-testimonials .owl-item.active.center .item{-webkit-transform:scale3d(1.0,1.0,1)}
#customers-testimonials .owl-item.active.center .item img{opacity:1;-webkit-transform:scale3d(1.0,1.0,1);transform:scale3d(1.1,1.1,1);border-width:2px;border-style:solid;border-color:var(--bg-fiery-orange)}
.owl-carousel .owl-item img{transform-style:preserve-3d;max-width:100%}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span{background:#3190E7;transform:translate3d(0px,-50%,0px) scale(0.7)}
#customers-testimonials.owl-carousel .owl-dots{display:inline-block;width:100%;text-align:center}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{display:inline-block}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span{background:#3190E7;display:inline-block;height:20px;margin:0 2px 5px;transform:translate3d(0px,-50%,0px) scale(0.3);transform-origin:50% 50% 0;transition:all 250ms ease-out 0s;width:20px}
.carousel-nav[data-target="#customers-testimonials"]{position:absolute;left:0;top:100px;font-size:60px;background-color:transparent;background-image:none;border:0}
.carousel-nav[data-target="#customers-testimonials"][data-dir="prev"]{left:100%;}
.carousel-nav[data-target="#customers-testimonials"][data-dir="next"]{}

@media only screen and (max-width: 768px) {
    .slider-home{background-size:cover}
}