@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/eot/IRANSansWeb_Black.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Black.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Black.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Black.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Bold.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb.woff") format("woff"), url("../fonts/ttf/IRANSansWeb.ttf") format("truetype");
}


body {

    font-family: IRANsans;
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
}
html{
    scroll-behavior: smooth;
}
p {
    text-align: justify;
    line-height: 2;
}


img {
    max-width: 100%;
}
h6{
    line-height: 2;
}
h5 {
    font-weight: bold;
}

#Gallery h4 {
    font-weight: bold;
    text-align: justify;
    line-height: 2;
}
h4{
    font-weight: bold;
}


h3 {
    font-weight: bold;
}

a.nav-link {
    color: white;
}

ul.navbar-nav li {
    padding: 15px;
}

.header-icon {
    color: white;
}

header {
    position: relative;
}

.header-logo {

    padding: 1.5rem 8rem 0rem 0rem;

}

.head {

    position: absolute;
    z-index: 9;
    width: 100%;

}


.home-pic img {
    object-fit: cover;
}


.aboutUs-section-one {

    padding-top: 5rem;
}

.aboutUs-section-two-img{

    width: 450px;
    height: 470px;
    object-fit: cover;
}

.aboutUs-section-two::after {

    border: 7px solid blue;
    content: '';
    position: absolute;
    top: 40px;
    bottom: 15px;
    right: 80px;
    left: 60px;
    z-index: -1;

}
.hover-about figure {
    position: relative;
    overflow: hidden;
}

.hover-about figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgb(181 175 175 / 0%) 0%, rgb(193 192 192 / 30%) 100%);
    background: linear-gradient(to right, rgb(181 175 175 / 0%) 0%, rgb(193 192 192 / 30%) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover-about figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}



.number-section {

    background-color: darkblue;
    padding: 5rem 0rem;
    margin: 0rem;
    color: white;
    display: flex;
    justify-content: center;
}

.number-section img {

    width: 50px;
    height: 50px;
    margin: -0.5rem -1.5rem 0.5rem 0rem;
}

.main-num {

    text-decoration: none;
    color: white;
    padding: 1rem;

}

.main-num:hover {

    color: yellow;
}

.second-image {

    height: 250px;
    width: 100%;
    object-fit: cover;

}

.first-image {

    height: 250px;
    width: 100%;
    object-fit: cover;
}

.Hover-class {
    position: relative;
}

.Hover-class:hover a {
    background: #0000005e;
    opacity: 1;
}

.Hover-class a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.4s;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    opacity: 0;
}

.Hover-class a::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid #fdc526;
    top: 15px;
    left: 15px;
    border-width: 2px 0 0px 2px;
    z-index: 3;
}

.Hover-class a::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border: 2px solid #fdc526;
    bottom: 15px;
    right: 15px;
    border-width: 0px 2px 2px 0px;
    z-index: 3;
}

#Gallery {

    margin: 0rem 10rem  5rem 10rem ;
}

.insta-section-one {

    background: rgb(223, 229, 230);
    padding: 7rem 0rem 9rem 0rem;
}

.insta-section-two {

    background-color: darkblue;
    color: white;
    padding: 6rem 8rem;

}

.caro {
    margin-left: -8rem;
}

.insta-img {

    margin-left: 2rem;
    height: 128px;
    width: 128px;
}

.insta-logo {

    margin: 0rem 0rem 4rem 1rem;
}

.insta-p {

    margin-bottom: 2rem;
}
.Hover-class-insta {
    position: relative;
}

.Hover-class-insta:hover  {
    background: #0000005e;
    color: red;
    opacity: 1;
}


#with-you{

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.with-you-section-one img {

    transition: 0.4s;
}

.with-you-section-one :hover {

    opacity: 0.5;
}

.with-you-section-two {

    padding: 6rem 6rem 2rem 2rem;
}

.with-you-icon :hover {

    transform: scale(1.2);
    transition: 0.4s;

}

.with-you-section-two p {

    font-weight: bold;
}
.with-you-p{

    margin: 0rem 0.5rem 2rem 0rem ;

}


.with-you-icon-item {

    background: rgb(223, 229, 230);
    padding: 1.5rem;
    width: 180px;
    height: 180px;
    margin-top: 5rem;
    object-fit: cover;
}


.Gallery-item {

    width: 256px;
    height: 256px;
    object-fit: cover;
    transition: 0.4s;
}

.Gallery-item:hover {

    opacity: 0.5;
}




.round_icon_img{
    position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: #0000005e;
}

.round_icon_img:hover .overlay {
    opacity: 1;
}

.icon {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.fa-user:hover {
    color: #eee;
}


.footer {

    background-color: darkblue;
    padding: 2rem 0rem 0rem 0rem ;

}

.footer-section-one {

    color: white;
    background-color: darkblue;
}

.footer-num {

    text-decoration: none;
    color: white
}

.box-4 {
    color: white;
    padding: 2rem;
}

.footer-icon {

    width: 25px;
    height: 25px;
    object-fit: cover;
    padding: 0rem 0rem 0rem 0rem ;
}
.footer-item{
    margin: 0rem 0rem 0rem 5rem
}

.footer-copy {
    color: rgb(255, 255, 255);
    background-color: rgb(14 14 157);
}
.footer-copy a{

    color: #eee !important;
}
.footer-copy a:hover{

    color: lightblue!important;
}
.footer-section-one{
    
    margin: 0rem 5rem ;

}



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

    #Gallery {
        margin: 0rem;
    }

    ul.navbar-nav li {
        padding: 8px;
    }

    .navbar-collapse {
        background-color: rgb(100, 100, 100);
        padding-left: 10rem;
    }

    .Gallery-item {
        margin: 1rem 4rem 1rem 1rem;
    }

    .aboutUs-section-two img {

        width: 400px;
        height: 300px;
    }

    .aboutUs-section-two::before {

        border: none;
    }

    .header-logo {


        padding: 0.5rem;

    }

    .aboutUs-section-one {

        padding-top: 2rem;
    }

    .main-num {

        font-size: small;
        padding: 0rem;
    }

    .number-section img {
        margin: 0rem 0rem 0rem 0rem;
    }

    .with-you-section-two {

        padding: 2rem;
    }

    .with-you-icon-item {

        width: 100px;
        height: 100px;
        padding: 1rem;

    }
    .number-section img {

        width: 20px;
        height: 20px;
        margin: 0.5rem -1rem 0rem 0rem ;
    }

}

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

    .insta-section-one {

        padding: 2rem 0rem;
    }

    .insta-section-two {

        padding: 2rem 0rem 2rem 5rem;
    }

    .caro {
        margin-left: 0rem;
        padding-right: 0rem;
    }
    .aboutUs-section-two::after {

        border: none;
    }
    #Gallery {
        margin: 0rem;
    }
    .footer-section-one{
    
        margin: 0rem  ;
    
    }

    


}