@font-face {
    font-family: 'Space_Grotesk';
    src: url('font/Space_Grotesk/static/SpaceGrotesk-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'inter';
    src: url('font/Inter/static/Inter_28pt-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'inter_light';
    src: url('font/Inter/static/Inter_24pt-Light.ttf') format('truetype');
}


body * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "inter";
}




body {
    min-height: 100vh;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
}



button {
    cursor: pointer;
}


input:focus,
select:focus,
textarea:focus {
    outline: none;
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 57px;
}

.blue_btn {
    background-color: #003366;
    color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    border: 1px solid #003366;
    transition: 0.3s;
}

.blue_btn:hover {
    background-color: #003366;
    border: 1px solid #003366;

}

.header_holder {
    padding: 49px 94px;
    background-image: url(../img/header.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-width: unset;
}

.menu_items_holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.menu_items_holder .menu {
    display: flex;
    align-items: center;
    gap: 78px;
}

.menu_items_holder .menu .menu_items {
    display: flex;
    gap: 50px;
    align-items: center;
    list-style: none;
}

.menu_items_holder .menu .menu_items li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
}

.menu_items_holder .menu .menu_items li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    display: block;
    right: 0;
    left: 0;
    bottom: -10px;
    background-color: #fff;
    transition: 0.2s;
}

.menu_items_holder .menu .menu_items li a:hover::after {
    width: 100%;

}

.logo {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 28.83px;
    font-weight: 500;
    line-height: 28.83px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-family: "Space_Grotesk";
}

.logo img {
    width: 75px;

}

.logo h1 {
    font-family: "Space_Grotesk";
}

.blue_btn.contact_us_btn {
    padding: 18px 22px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
}

.blue_btn.contact_us_btn svg {
    transform: rotate(0deg);
    transition: 0.4s;
}

.blue_btn.contact_us_btn:hover svg {
    transform: rotate(360deg);
}

.banner_holder {
    padding: 0;
}

.banner {
    margin-top: 68px;
    max-width: 705px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 44px;
    margin-bottom: 90px;
}

.banner .banner_title {
    font-size: 46px;
    font-weight: 700;
    line-height: 85px;
    color: rgba(255, 255, 255, 1);
    font-family: "Space_Grotesk";
}

.banner .banner_title small {
    font-size: 40px;
    font-weight: 500;
}

.banner .banner_description {
    font-size: 19px;
    font-weight: 400;
    line-height: 31.77px;
    color: rgba(223, 223, 223, 1);
    font-family: 'inter_light';
}

.banner .banner_btn {
    display: flex;
    gap: 28px;
}

.banner .banner_btn a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    color: rgba(255, 255, 255, 1);
    max-width: 165px;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.banner .banner_btn a:last-child {
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(13px);
    transition: 0.3s;
}

.banner .banner_btn a:last-child:hover {
    background-color: rgba(255, 255, 255, 0.163);
}

.header_btn_holder {
    display: flex;
    gap: 20px;
    align-items: center;
}

/* ====================================================================== */
.counter_container {
    padding: 57px 0;
    background-color: rgba(18, 18, 18, 1);
    width: 100%;
}

.counter_holder {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    color: rgba(255, 255, 255, 1);
    list-style: none;
    gap: 35px;
}

.counter_holder .counter_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    text-align: center;
}

.counter_number {
    font-size: 34.62px;
    font-weight: 700;
    line-height: 44.17px;
}

.counter_number b {
    color: #003366;
}

.counter_title {
    font-size: 17.14px;
    font-weight: 500;
    line-height: 21.87px;

}

/* ============================================================= */
.about_us_holder {
    background-image: url(../img/aboutus.png);
    background-size: cover;
    padding-top: 227px;
    max-width: 1130px;
    margin-left: auto;
}

.about_us_container {
    padding: 0;
    position: relative;
    top: 160px;
}

.about_us_article {
    padding: 42px 38px;
    background-color: rgba(255, 255, 255, 1);
    max-width: 629px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 31px;
    position: relative;
    right: 1px;
}

.section_small_title {
    font-size: 13.5px;
    font-weight: 700;
    line-height: 15px;
    color: #003366;
    text-decoration: none;
}

.section_title {
    font-size: 46.63px;
    font-weight: 700;
    line-height: 60.98px;
    color: rgba(28, 28, 28, 1);
    font-family: "Space_Grotesk";
}

.description {
    font-size: 13.63px;
    font-weight: 400;
    line-height: 22.79px;
    color: #282828;
}

.about_us_article .learn_more {
    padding: 14px 17px;
    display: inline-block;
    text-decoration: none;
    font-size: 11.48px;
    font-weight: 600;
    line-height: 13.89px;
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
}

.learn_more:after,
.subscribe_btn::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7.21018 12.6873C7.09318 12.6873 6.98968 12.658 6.89968 12.5995C6.80968 12.541 6.74443 12.46 6.70393 12.3565C6.66343 12.253 6.65443 12.1473 6.67693 12.0393C6.69943 11.9313 6.74668 11.8413 6.81868 11.7693L11.0037 7.57076L6.81868 3.38576C6.76468 3.33176 6.72418 3.27101 6.69718 3.20351C6.67018 3.13601 6.65668 3.06626 6.65668 2.99426C6.65668 2.92226 6.67018 2.85476 6.69718 2.79176C6.72418 2.72876 6.76468 2.67026 6.81868 2.61626C6.87268 2.56226 6.93343 2.52176 7.00093 2.49476C7.06843 2.46776 7.13143 2.45426 7.18993 2.45426C7.24843 2.45426 7.32268 2.47226 7.41268 2.50826C7.47568 2.53526 7.53418 2.57576 7.58818 2.62976L12.1512 7.19276C12.2592 7.30076 12.3132 7.42901 12.3132 7.57751C12.3132 7.72601 12.2592 7.85426 12.1512 7.96226L7.58818 12.5253C7.48018 12.6333 7.35418 12.6873 7.21018 12.6873ZM11.7732 8.11076H2.05318C1.90018 8.11076 1.77193 8.05901 1.66843 7.95551C1.56493 7.85201 1.51318 7.72601 1.51318 7.57751C1.51318 7.42901 1.56718 7.30076 1.67518 7.19276C1.78318 7.08476 1.90918 7.03076 2.05318 7.03076H11.7732C11.9172 7.03076 12.0432 7.08476 12.1512 7.19276C12.2592 7.30076 12.3132 7.42901 12.3132 7.57751C12.3132 7.72601 12.2614 7.85201 12.1579 7.95551C12.0544 8.05901 11.9262 8.11076 11.7732 8.11076Z' fill='white'/%3E%3C/svg%3E");
    width: 13px;
    height: 13px;
    display: inline-flex;
    position: relative;
    left: 0;
    transition: left 0.3s;
}

.learn_more:hover::after,
.subscribe_btn:hover:after {
    left: 10px;
}

/* =================================================== */

.about_iran_container .section_title {
    margin-top: 30px;
    max-width: 745px;
    width: 100%;
}

.about_iran_container {
    padding: 0 90px;
}

.about_iran_articles_holder {
    margin-top: 90px;
    display: flex;
    justify-content: center;
    gap: 43px;
    flex-wrap: wrap;
}

.about_iran_article {
    padding: 41px 22px;
    border: 1px solid rgba(236, 236, 236, 1);
    display: flex;
    flex-direction: column;
    gap: 34px;
    max-width: 385px;
    width: 100%;
    background: #FFF;
    position: relative;
}

.about_iran_article .icon {
    width: 62px;
    height: 62px;
    border-radius: 11px;
    background-color: #003366;
    display: flex;
    box-shadow: 0px 0px 32.82px 0px rgba(0, 70, 255, 0.3);
    justify-content: center;
    align-items: center;

}

.about_iran_article_title {
    font-size: 28.57px;
    font-weight: 700;
    line-height: 36.45px;
    font-family: "Space_Grotesk";
}

.about_iran_article_description {
    font-size: 17.21px;
    font-weight: 400;
    line-height: 28.77px;
    color: #282828;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.about_iran_article .learn_more,
.blog_container .more {
    padding: 18px 22px;
    border: 1px solid rgba(197, 197, 197, 1);
    border-radius: 8px;
    display: block;
    width: fit-content;
    text-decoration: none;
    font-size: 14.49px;
    font-weight: 600;
    line-height: 17.53px;
    color: rgba(31, 31, 31, 1);
    display: flex;
    align-items: center;
    gap: 6px;
}

.about_iran_article .learn_more::after,
.blog_container .more::after {
    content: '';
    display: inline-flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9.23195 15.3416C9.08427 15.3416 8.95362 15.3046 8.84002 15.2308C8.72641 15.1569 8.64405 15.0547 8.59293 14.9241C8.54181 14.7934 8.53045 14.6599 8.55885 14.5236C8.58725 14.3873 8.64689 14.2737 8.73777 14.1828L14.0204 8.88312L8.73777 3.6005C8.66961 3.53234 8.61849 3.45565 8.58441 3.37045C8.55033 3.28524 8.53329 3.1972 8.53329 3.10632C8.53329 3.01543 8.55033 2.93023 8.58441 2.85071C8.61849 2.77118 8.66961 2.69734 8.73777 2.62918C8.80594 2.56101 8.88262 2.50989 8.96782 2.47581C9.05303 2.44173 9.13255 2.42469 9.20639 2.42469C9.28024 2.42469 9.37396 2.44741 9.48757 2.49285C9.56709 2.52693 9.64093 2.57805 9.70909 2.64622L15.4689 8.40598C15.6052 8.54231 15.6733 8.70419 15.6733 8.89164C15.6733 9.07909 15.6052 9.24098 15.4689 9.3773L9.70909 15.1371C9.57277 15.2734 9.41372 15.3416 9.23195 15.3416ZM14.9917 9.56475H2.7224C2.52927 9.56475 2.36739 9.49943 2.23674 9.36878C2.10609 9.23814 2.04077 9.07909 2.04077 8.89164C2.04077 8.70419 2.10893 8.54231 2.24526 8.40598C2.38159 8.26965 2.54063 8.20149 2.7224 8.20149H14.9917C15.1735 8.20149 15.3325 8.26965 15.4689 8.40598C15.6052 8.54231 15.6733 8.70419 15.6733 8.89164C15.6733 9.07909 15.608 9.23814 15.4774 9.36878C15.3467 9.49943 15.1848 9.56475 14.9917 9.56475Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    width: 17px;
    height: 17px;
    left: 0;
    position: relative;
    transition: left 0.3s;
}

.about_iran_article .learn_more:hover::after,
.blog_container .more:hover::after {
    left: 10px;
}

/* ============================================= */
.company_slogan_container {
    padding: 0 !important;
    position: relative;
    top: 200px;
}

.company_slogan_holder {
    max-width: 1200px;
    background-color: #306df1;
    padding: 60px 40px;
    position: relative;
    background-image: url(../img/bg1.png);
    height: 430px;
}

.company_slogan_holder img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 531px;
    height: 477.727px;
    flex-shrink: 0;
    z-index: 0;
}

.company_slogan_article {
    margin-left: 200px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 493px;
    width: 100%;
    z-index: 10;
    position: relative;
}

.company_slogan_article .section_small_title {
    font-size: 12.04px;
    font-weight: 700;
    line-height: 13.38px;
    color: rgba(255, 255, 255, 1);
}

.company_slogan_article .section_title {
    font-size: 41.6px;
    font-weight: 700;
    line-height: 54.4px;
    color: rgba(255, 255, 255, 1);
}

.company_slogan_article .description {
    color: rgba(255, 255, 255, 1);
}

.company_slogan_article .button_holder {
    display: flex;
    gap: 25px;
}

.company_slogan_article .button_holder a {
    display: block;
    width: 147px;
    height: 53px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 14.27px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 52px;
}

.company_slogan_article .button_holder a:first-child {
    background-color: rgba(7, 7, 7, 1);
    border: 1px solid rgba(7, 7, 7, 1);
}

.company_slogan_article .button_holder a:last-child {
    border: 1px solid rgba(202, 202, 202, 1);
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(11px);
}

/* ==================================================== */
.services_container {
    /* margin-top: 217px; */
}

.services_container>.section_small_title {
    text-align: center;
    display: block;
}

.services_container .section_small_title {
    font-size: 16px;
}

.services_container .section_title {
    text-align: center;
    margin-top: 35px;
}



.services_article_title {
    font-size: 40.34px;
    font-weight: 700;
    line-height: 61.74px;
    color: rgba(28, 28, 28, 1);
    font-family: "Space_Grotesk";
}

.services_options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin-top: 80px;
}

.services_option_title {
    width: 30%;
    background-color: #fff;
    box-shadow: 0px 0px 32.82px 0px rgba(0, 70, 255, 0.3);
    padding: 20px;
    width: 100%;
    text-align: center;
    font-size: 17.21px;
    font-weight: 400;
    line-height: 28.77px;
    color: #282828;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services_option_title.blue {
    background-color: #003366;
    color: #fff;
}


.certificates_holder {
    margin-top: 150px;

}

.certificates_holder .section_title,
.certificates_holder .description {
    text-align: center;
}

.certificates_holder .description,
.certificates_list li p {
    font-size: 17.21px;
    font-weight: 400;
    line-height: 28.77px;
    color: #282828;
    margin-top: 20px;

}

.certificates_list {
    margin-top: 70px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
    background: #f2f2f269;
    padding: 20px;
}

.certificates_list li {
    list-style: none;
    margin-top: 20px;
    width: 100%;
}

.certificates_list li h6 {
    font-size: 28.57px;
    font-weight: 700;
    line-height: 36.45px;
    font-family: "Space_Grotesk";
    color: #003366;
    display: flex;
    align-items: center;
    gap: 15px;
}

.certificates_list li h6 b {
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #003366;
    text-align: center;
    font-size: 20px;
}

.quality .icon {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: -20px;
    left: 20px;
}

.quality .about_iran_article {
    padding-top: 80px;
}

.quality .about_iran_article_description {
    -webkit-line-clamp: none;
}
.quality{
    margin-top: 150px;
}
/* =================== */
.video_container {
    padding: 0;
    margin-top: 200px;
    position: relative;
}

.video_container::before {
    content: '';
    background-color: #000;
    display: block;
    height: 63%;
    width: 80%;
    position: absolute;
    right: 0;
    z-index: -1;
    background-image: url(../img/bg1.png);

}

.video_description_holder {
    padding: 159px 0;
    display: flex;
    justify-content: space-between;
    gap: 123px;
    padding-bottom: 0;
}

.video_description {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 31px;
    padding-right: 40px;
    margin-left: auto;
    max-width: 553px;
}

.video_description .section_title {
    color: #EDEDED;
}

.video_description .description {
    color: #C1C1C1;
}

.video_description .blue_btn {
    padding: 14px 12px;
    color: #FFF;
    font-size: 11.478px;
    font-weight: 600;
    text-decoration: none;
    width: fit-content;
}

.watch {
    display: flex;
    align-items: center;
    gap: 6px;
}

.watch:after {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.41309 15.0984V10.3366C3.41308 8.7345 4.26484 7.25323 5.64948 6.44735L10.149 3.82855C11.5482 3.01418 13.277 3.01418 14.6762 3.82855L19.1767 6.44793C20.5613 7.25381 21.4131 8.73508 21.4131 10.3372V15.099C21.4131 16.7011 20.5613 18.1823 19.1767 18.9882L14.6772 21.607C13.278 22.4214 11.5492 22.4214 10.15 21.607L5.64948 18.9876C4.26484 18.1818 3.41308 16.7005 3.41309 15.0984Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5356 14.5669V10.8687C10.5357 10.6364 10.6597 10.4218 10.8609 10.3057C11.0621 10.1897 11.31 10.1898 11.5111 10.306L14.7109 12.1551C14.9119 12.2712 15.0356 12.4857 15.0356 12.7178C15.0356 12.9499 14.9119 13.1644 14.7109 13.2805L11.5111 15.1296C11.31 15.2458 11.0621 15.2459 10.8609 15.1299C10.6597 15.0138 10.5357 14.7992 10.5356 14.5669Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.video {
    position: relative;
    top: -204px;
    max-width: 700px;
    width: 100%;
}

.video .video_container {
    position: relative;
    max-width: 700px;
    width: 100%;
    height: 640px;
    overflow: hidden;
}

.video .video_container video,
.video .video_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video .play_button {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 103px;
    height: 103px;
    cursor: pointer;
    background-image: url(../img/play.png);
    border: navajowhite;
    background-color: unset;
}

.map_container {
    margin-top: 250px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    align-items: center;
}

.map_container .section_small_title,
.contact_us .section_small_title {
    font-size: 16px;
}

.map_container img {
    width: 100%;
}

.map_container .description {
    color: #282828;
    text-align: center;
    font-size: 15.879px;
    font-weight: 400;
    line-height: 167.2%;
    /* 26.55px */
    max-width: 968px;
    width: 100%;
}

.blog_container {
    margin-top: 213px;
}

.blog_container .section_small_title {
    font-size: 17px;
}

.blog_container>header {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.blog_container>header .section_title {
    max-width: 600px;
    width: 100%;
}

.blogs_holder {
    margin-top: 52px;
    display: flex;
    justify-content: center;
    gap: 32px;
}

.blogs_holder .blog {
    width: 33%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 28px;
    transition: 0.2s;
}

.blogs_holder .blog:hover {
    transform: scale(0.9);
}

.blog .blog_info {
    color: #757575;
    font-size: 16.701px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.557px;
    display: flex;
    align-items: center;
    gap: 1px;
}



.blog_info .category:after {
    content: '';
    width: 30px;
    height: 1px;
    background: #CCC;
    display: inline-flex;
    margin: 0 5px;
}

.blog_title {
    color: #040404;
    font-size: 22.268px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.556px;
    /* 141.708% */
}

.blog .blog_img {
    height: 315px;
}

/* ====================================== */
.contact_us_container {
    margin-top: 200px;
    display: flex;
    gap: 77px;
    position: relative;
    top: 100px;
}

.contact_us_form_holder {
    background: #000;
    padding: 161px 116px;
}

.contact_us_form {
    display: flex;
    flex-wrap: wrap;
    gap: 48px 30px;
}

.contact_us_form input {
    width: 45%;
    background-color: unset;
    height: 40px;
    border: none;
    border-bottom: 0.75px solid #FFF;
    color: #ECECEC;
}

.contact_us_form input::placeholder,
.contact_us_form textarea::placeholder,
.footer_form input::placeholder {
    color: #ECECEC;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    font-family: 'inter_light';
}

.contact_us_form textarea {
    width: 100%;
    height: 100px;
    background-color: unset;
    border: none;
    border-bottom: 0.75px solid #FFF;
    color: #ECECEC;
    resize: none;
}

.form_btn {
    background: #003366;
    padding: 18px 21px;
    border: none;
    color: #FFF;
    font-size: 14.489px;
    font-weight: 600;
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 6px;

}

.form_btn:after {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-flex;
    left: 0;
    position: relative;
    transition: left 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9.15749 15.0908C9.00981 15.0908 8.87916 15.0539 8.76556 14.9801C8.65195 14.9062 8.56959 14.804 8.51846 14.6733C8.46734 14.5427 8.45598 14.4092 8.48438 14.2729C8.51278 14.1365 8.57243 14.0229 8.66331 13.9321L13.9459 8.63239L8.66331 3.34977C8.59515 3.2816 8.54403 3.20492 8.50994 3.11972C8.47586 3.03451 8.45882 2.94647 8.45882 2.85558C8.45882 2.7647 8.47586 2.6795 8.50994 2.59997C8.54403 2.52045 8.59515 2.44661 8.66331 2.37844C8.73147 2.31028 8.80816 2.25916 8.89336 2.22508C8.97856 2.191 9.05809 2.17396 9.13193 2.17396C9.20577 2.17396 9.2995 2.19668 9.4131 2.24212C9.49263 2.2762 9.56647 2.32732 9.63463 2.39548L15.3944 8.15525C15.5307 8.29157 15.5989 8.45346 15.5989 8.64091C15.5989 8.82836 15.5307 8.99024 15.3944 9.12657L9.63463 14.8863C9.49831 15.0227 9.33926 15.0908 9.15749 15.0908ZM14.9173 9.31402H2.64794C2.45481 9.31402 2.29292 9.24869 2.16228 9.11805C2.03163 8.9874 1.96631 8.82836 1.96631 8.64091C1.96631 8.45346 2.03447 8.29157 2.1708 8.15525C2.30712 8.01892 2.46617 7.95076 2.64794 7.95076H14.9173C15.099 7.95076 15.2581 8.01892 15.3944 8.15525C15.5307 8.29157 15.5989 8.45346 15.5989 8.64091C15.5989 8.82836 15.5336 8.9874 15.4029 9.11805C15.2723 9.24869 15.1104 9.31402 14.9173 9.31402Z' fill='white'/%3E%3C/svg%3E");
}

.form_btn:hover::after {
    left: 10px;
}

.contact_us {
    display: flex;
    flex-direction: column;
    gap: 42px;
    padding-bottom: 42px;
    border-bottom: 1px solid #D9D9D9;
}

.contact_us_info_item .icon {
    width: 45px;
    height: 45px;
    background-color: #000;
    padding: 10px;
    border-radius: 50%;
    display: block;
}

.contact_us_info {
    padding-bottom: 200px;
}

.contact_us_info li {
    display: flex;
    align-items: center;
    gap: 49px;
    margin-top: 50px;
}

.contact_us_info_item {
    display: flex;
    align-items: center;
    gap: 17px;
}

.contact_us_info_item>div {
    display: flex;
    flex-direction: column;
}

.contact_us_info_item .info_title {
    color: #757575;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
}


.contact_us_info_item .info_value {
    color: #070707;
    font-family: "Space_Grotesk";
    font-size: 16.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.507px;
    display: block;
    margin-top: 7px;
}

/* ================================== */
.footer_holder {
    background: #070707;
    margin-top: 450px;
    padding-top: 150px;
    padding: 0;
    padding-top: 127px;
}

.footer_info {
    display: flex;
    gap: 215px;
    align-items: center;
}

.footer_form {
    background: rgba(255, 255, 255, 0.07);
    padding: 97px;
    padding-left: 197px;
}

.footer_form_title {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.5px;
    /* 110% */
}

.footer_form_description {
    color: #ECECEC;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.507px;
    margin-top: 11px;
}

.footer_form input {
    width: 45%;
    background-color: unset;
    height: 40px;
    border: none;
    border-bottom: 0.75px solid #FFF;
    color: #ECECEC;
    margin-top: 28px;
    max-width: 300px;
    width: 100%;
}

.social_media_items {
    max-width: 350px;
    width: 100%;
}

.form_footer {
    margin-top: 30px;
    display: flex;
    gap: 26px;
    align-items: center;
}

.subscribe_btn {
    border-radius: 57px;
    border: 0.75px solid #003366;
    background: #003366;
    padding: 20px 30px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 13.5px;
    height: 55px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.footer_social_media {
    list-style: none;
    display: flex;
    gap: 12px;
}

.footer_pages {
    display: flex;
    gap: 77px;
    max-width: 481px;
    width: 100%;
    padding: 0 15px;
}

.footer_pages>div {
    display: flex;
    gap: 52px;
}

.footer_pages ul {
    list-style: none;
}

.footer_pages_title {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.5px;
    margin-bottom: 30px;
}


.footer_pages ul li a {
    color: #ECECEC;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    text-decoration: none;
    display: inline-flex;
    margin-top: 13px;
    transition: 0.2s;
}

.footer_pages ul li a:hover {
    color: #306df1;
}

.footer_end {
    display: flex;
    justify-content: space-around;
    padding: 30px;
    align-items: center;

}

.copyright {
    color: #FFF;
    font-size: 13.5px;
    font-style: normal;
    font-weight: 400;
}

.social_media_holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #116cce;
    max-width: 1140px;
    width: 100%;
    padding: 53px 93px;
    position: absolute;
    left: 0;
    top: -266px;
    background-image: url(../img/socialmedia.png);
    background-size: 100% 100%;
}

.social_media_items ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 37px;
}

.social_media_items ul li {
    transition: 0.2s;
}

.social_media_items ul li:hover {
    transform: scale(0.9);
}

.social_media_items h3 {
    color: #FFF;
    font-size: 35.248px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.contact_us_btn_footer {
    border-radius: 7.137px;
    background: #070707;
    color: #fff;
    font-size: 14.274px;
    font-weight: 600;
    text-decoration: none;
    padding: 18px 34px;
    transition: 0.2s;
}

.contact_us_btn_footer:hover {
    transform: scale(0.9);

}

/* ================================================================== */
.about_iran_container_gray {
    background-color: #F2F2F2;
    padding: 426px 0;
    margin-top: -120px;
    padding-bottom: 100px;
}

.gray_holder {
    background: #F2F2F2;
    padding-top: 100px;
}

.phone_menu {
    display: none;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(13px);
    width: 40px;
    height: 40px;
}

.phone_menu_header {
    display: none;
}

.menu_items_holder.header_scroll {
    position: fixed !important;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
    z-index: 1000;
    max-width: unset;
    padding: 20px 40px;
    width: 100%;
    justify-content: space-between;
    background-color: #26262669;
    backdrop-filter: blur(20px);
}

@media only screen and (max-width : 1300px) {
    .header_holder {
        padding: 50px;
    }

    .footer_form {
        padding-left: 97px;
        max-width: 50%;
    }

    .footer_info {
        justify-content: space-between;
        gap: 40px;
    }

    .contact_us_form_holder {
        padding: 161px 60px;
    }
}

@media only screen and (min-width:993px) and (max-width: 1150px) {
    .blue_btn.contact_us_btn {
        display: none;
    }
}

@media only screen and (max-width : 992px) {
    .phone_menu {
        display: block;
    }

    .phone_menu_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu_items_holder .menu .menu_holder {
        display: block;
        width: 350px;
        background: #F2F2F2;
        position: fixed;
        top: 0;
        left: -350px;
        min-height: 100vh;
        max-height: unset;
        padding: 20px;
        z-index: 10;
        transition: left 0.3s;
    }

    .menu_items_holder .menu .menu_items li {
        width: 100%;
    }

    .menu_items_holder .menu .menu_items li a {
        color: #1C1C1C;
        margin-top: 15px;
        font-size: 18px;
        display: block;
        text-align: left;
    }

    .menu_items_holder .menu .menu_items {
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px;
        margin-top: 20px;
    }

    .menu_items_holder .menu .menu_holder.active {
        left: 0;
    }

    .logo.phone .menu_title {
        font-size: 20px;
        color: #1C1C1C;
    }

    .close_phone_menu {
        border: 1px solid #C4C4C4;
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0.01);
        backdrop-filter: blur(13px);
        width: 40px;
        height: 40px;
    }

    .counter_holder {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 35px;
    }

    .about_iran_article {
        width: 45%;
    }

    .company_slogan_article {
        margin-left: 0;
    }

    .contact_us_container,
    .blogs_holder {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact_us_form_holder {
        order: 2;
    }

    .contact_us_info {
        padding-bottom: 0;
    }


    .blogs_holder .blog {
        max-width: 378px;
        width: 100%;
    }

    .video_description_holder {
        flex-direction: column;
        padding: 160px 15px;
        padding-bottom: 0 !important;
    }

    .video {
        order: 2;
    }

    .blog_container>header {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog_container .more {
        margin-left: auto;
    }

    .about_iran_container {
        padding: 0 20px;
    }

    .video_container::before {
        width: 100%;
    }

    .video_description {
        padding: 0 100px;
        max-width: unset;
    }

    .video .video_container,
    .video {
        max-width: unset;
        width: 100%;
    }
    .certificates_list{
        grid-template-columns: repeat(1, 1fr);
    }

}

@media only screen and (max-width : 800px) {
    .footer_info {
        flex-direction: column;
    }

    .footer_end .logo {
        display: none;
    }

    .footer_form {
        max-width: 100%;
    }

    .company_slogan_article {
        backdrop-filter: blur(10px);
        padding: 30px 10px;
    }
}

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

    .about_iran_article {
        width: 100%;
    }


    .header_holder {
        padding: 25px;
    }

    .about_us_article {
        top: 70px;
    }

    .social_media_holder {
        padding: 53px 40px;
    }
    .services_options{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width : 600px) {
    .counter_holder {
        grid-template-columns: repeat(1, 1fr);
    }
    .services_options{
        grid-template-columns: repeat(1, 1fr);
    }
    .header_holder {
        padding: 15px;
    }

    .banner .banner_title {
        font-size: 30px;
        line-height: 40px;
    }

    .section_title,
    .services_article_title,
    .social_media_items h3 {
        font-size: 30px !important;
        line-height: 42.98px !important;
    }

    .logo {
        font-size: 18px !important;
    }

    .menu_items_holder.header_scroll {
        padding: 20px 15px;
    }

    .container,
    .about_iran_container {
        padding: 0 15px;
    }

    .about_us_container {
        padding: 0;
    }

    .about_us_holder {
        padding-right: 15px;
        padding-left: 15px;
    }

    .video_description,
    .contact_us_info_holder {
        padding: 0 40px;
    }

    .video_description_holder {
        padding: 160px 0px;
    }

    .contact_us_form_holder {
        padding: 161px 20px;
    }

    .contact_us_container {
        padding: 0;
    }

    .social_media_holder {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .contact_us_btn_footer {
        margin-top: 20px;
        margin-left: auto;
    }

    .footer_form {
        padding: 127px 20px 80px 20px;
    }
    .blue_btn.contact_us_btn {
        display: none;
    }
}

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

    .company_slogan_holder {
        padding: 40px 20px;
    }

    .footer_pages {
        flex-direction: column;
    }

    .footer_end {
        margin-top: 20px;
    }

    .contact_us_info_holder {
        padding: 0 15px;
    }
}