@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
    --accent-color: #d85063;
    --arFont:'Vazirmatn', sans-serif;
}
body, html {overflow-x: inherit;}
body {
    background: #fff !important;
    font-family: "Poppins", sans-serif;
}
a{
    transition: .4s;
    color: #000;
}
.ar-font{font-family: var(--arFont) !important;}
.nav-social a {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding-top: 8px;
    background: var(--accent-color);
    border-radius: 5px;
    padding: 10px 15px !important;
}
.fixed-nav{background-color: #fff !important;}
.navbar-nav .nav-link {
    color: var(--accent-color);
    font-weight: bold;
}
.navbar-brand .logo {color: var(--accent-color);}
.navigation.fixed-nav {
    border-bottom: 1px solid var(--accent-color) !important;
}
a.nav-link{
    border-radius: 5px;
}
a.nav-link:hover {
    background-color: var(--accent-color);
    color: #fff;
}
nav.navbar{
    background-color: #fff;
    border-bottom: 1px solid rgb(216 80 99 / 70%);
}
.text-color{color: var(--accent-color);}
.card {transition: .4s;}
.card h3, .card i, .card p{color: #000 !important;}
.card:hover {background-color: var(--accent-color);}
.card:hover {background-color: var(--accent-color);}
.card:hover h3, .card:hover i, .card:hover p{
    color: #fff !important;
}
.slider-img:before {border: 10px solid rgb(216 80 99 / 70%);}
.backtop {border-radius: 5px;}
.portfolio-item:before {background: rgb(216 80 99 / 70%);}
.portfolio-item i {
    color: #fff;
}
.portfolio-item:before{content: none;}
#portfolio .owl-theme .owl-nav [class*="owl-"] {color: #fff;}
.img-hover {
    position: relative;
    overflow: hidden;
}
.img-hover img {
    position: relative;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition-property: transform, -webkit-transform;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-delay: 0s;
}
.img-hover:hover img {
    transform: scale(1.1);
    transition-duration: .6s;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.bg-dark {
    background-color: #2c2c2c!important
}
.footer {
    padding: 20px 0px;
    background-color: #1e1e1e;
}
.border-top-1 {
    border-top: 1px solid rgb(216 80 99 / 70%);
}
input, textarea{color: #fff !important;}
#research .img-hover {
    border: 2px solid var(--accent-color);
}
input::placeholder, textarea::placeholder {
    color: #fff !important;
}
nav .ti-view-list{color: var(--accent-color);}
.contact-form .form-control {
    border: 0px;
    border-bottom: 1px solid rgb(255 255 255);
}
.contact-form .form-control:hover,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus {border-bottom: 1px solid #fff;}
.owl-theme .owl-nav [class*="owl-"] {background: var(--accent-color);}
.portfolio-item h4{text-align: center;}
.owl-theme .owl-nav [class*=owl-]{
    transition: .4s;
    background: var(--accent-color);
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: var(--accent-color);
    opacity: .8;
}
.card {border: 1px solid rgb(216 80 99 / 70%);}
.title {font-size: 50px;}
/* body{display: none;} */
.gallery-item-bg{
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (min-width: 992px){
    .container {max-width: 1100px;}
}
@media (min-width: 1200px){
    .container {max-width: 1280px;}
}
.post_gallery h4 {
    text-align: center;
}
  
.floating-icons {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
}

.floating-icon-container {
    display: inline-block;
}

.floating-icon {
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--accent-color);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    transition: background-color 0.4s;
    padding: 0 !important;
}

.floating-icon:hover {
    background-color: #3b5998;
    color: #fff;
}

.floating-icon.telegram:hover {
    background-color: #0088cc;
    color: #fff;
}

.floating-icon.instagram:hover {
    background-color: #405DE6;
    color: #fff;
}


@media (max-width: 768px) {
    .floating-icons{
        left: auto !important;
        right: 0 !important;
    }
}
.research-carousel .item img {
    border: 1px solid var(--accent-color);
}
#about h3{
    font-size: 45px !important;
}
.slider-img:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    border: 10px solid var(--accent-color);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portfolio-item {
    border: 6px solid var(--accent-color);
}