@font-face {
    font-family: kalame_light;
    src: url('../fonts/KALAMEH-LIGHT.eot');
    src: url('../fonts/KALAMEH-LIGHT.woff') format("woff"),
    url('../fonts/KALAMEH-LIGHT.woff2') format("woff"),
    url('../fonts/KALAMEH-LIGHT.ttf') format("truetype");
}

@font-face {
    font-family: kalame_bold;
    src: url('../fonts/KALAMEH-BOLD.eot');
    src: url('../fonts/KALAMEH-BOLD.woff') format("woff"),
    url('../fonts/KALAMEH-BOLD.woff2') format("woff"),
    url('../fonts/KALAMEH-BOLD.ttf') format("truetype");
}

@font-face {
    font-family: kalame_black;
    src: url('../fonts/KALAMEH-BLACK.eot');
    src: url('../fonts/KALAMEH-BLACK.woff') format("woff"),
    url('../fonts/KALAMEH-BLACK.woff2') format("woff"),
    url('../fonts/KALAMEH-BLACK.ttf') format("truetype");
}

@font-face {
    font-family: Casablanca_Heavy;
    src: url('../fonts/Casablanca_Heavy.eot');
    src: url('../fonts/Casablanca_Heavy.woff') format("woff"),
    url('../fonts/Casablanca_Heavy.woff2') format("woff"),
    url('../fonts/Casablanca_Heavy.ttf') format("truetype");
}


@font-face {
    font-family: Narm;
    src: url('../fonts/Narm.eot');
    src: url('../fonts/Narm.woff') format("woff"),
    url('../fonts/Narm.woff2') format("woff"),
    url('../fonts/Narm.ttf') format("truetype");
}

@font-face {
    font-family: danstevis;
    src: url('../fonts/danstevis.eot');
    src: url('../fonts/danstevis.woff') format("woff"),
    url('../fonts/danstevis.woff2') format("woff"),
    url('../fonts/danstevis.ttf') format("truetype");
}

@font-face {
    font-family: iranyekan;
    src: url('../fonts/iranyekan.eot');
    src: url('../fonts/iranyekan.woff') format("woff"),
    /*url('../fonts/iranyekan.woff2') format("woff"),*/
    url('../fonts/iranyekan.ttf') format("truetype");
}


@font-face {
    font-family: Samim-FD;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Samim-FD.eot');
    src: url('../fonts/Samim-FD.eot') format("embedded-opentype"),
    url('../fonts/Samim-FD.woff2') format("woff2"),
    url('../fonts/Samim-FD.woff') format("woff"),
    url('../fonts/Samim-FD.ttf') format("truetype");
}


@font-face {
    font-family: Balonku;
    src: url('../fonts/Balonku.eot');
    src: url('../fonts/Balonku.woff') format("woff"),
    url('../fonts/Balonku.woff2') format("woff"),
    url('../fonts/Balonku.ttf') format("truetype");
}

.farsi-digit {
    font-family: Samim-FD;
}


html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    max-width: 100%;
}


body{
    background: var(--white-color);
    /* position: relative; */
    overflow-x: hidden !important;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    direction: rtl;
    font-family: var(--text-family);
    overflow-x: hidden;
    max-width: 100%;
    color: var(--text-color);
}

*{
    text-align: right;
}

p{
    text-align: justify;
    line-height: 33px;
}



body::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

body::-webkit-scrollbar-thumb {
    background: var(--additional-color);
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #a09ea4;
}


html{
    overflow-x: hidden !important;
}


li {
    list-style: none;
}

.row{
    margin-inline: unset;
}

/*.row {*/
/*    margin-right: unset;*/
/*    margin-left: unset;*/
/*}*/

.sliders-container{
    display: none !important;
}

:root {
    --text-color: #23272d;
    --text-color2: #dedede;
    --text-white: #fff;
    --white-color: #ffff;
    --primary-color: #919ef9;
    --secondary-color: #8bb7ff;
    --additional-color: #161c31;
    --text-font: 15px;
    --text-mobile-font: 12px;
    --title-font: 27px;
    --main-text: 19px;
    --line-height: 30px;
    --title-line-height: 37px;
    --main-title-family: 'danstevis';
    --text-family: 'iranyekan';
    --mobile-text-font: 12px;
    --nav-btn-back: #161c31;
    --text-swich-color: #fff;
}

:root[data-theme="dark"]{
    --text-color: #131519;
    --main-text-color: #ffff;
    --text-color2: #23272DFF;
    --text-white: #fff;
    --white-color: #ffff;
    --primary-color: #919ef9;
    --secondary-color: #8bb7ff;
    --additional-color: #161c31;
    --text-font: 15px;
    --title-font: 27px;
    --main-text: 19px;
    --line-height: 30px;
    --title-line-height: 37px;
    --main-title-family: 'danstevis';
    --text-family: 'iranyekan';
    --mobile-text-font: 12px;
    --background-item: #ffff;
    --filter-img: invert(0);
    --nav-btn-back: #161c31;
    --text-swich-color: #161c31;
    --filter-svg: invert(0);
}



:root[data-theme="light"]{
    --text-color: #131519;
    --main-text-color: #161c31;
    --text-color2: #dcdcdc;
    --text-white: #fff;
    --white-color: #ffff;
    --primary-color: #919ef9;
    --secondary-color: #8bb7ff;
    --additional-color: #161c31;
    --text-font: 15px;
    --title-font: 27px;
    --main-text: 19px;
    --line-height: 30px;
    --title-line-height: 37px;
    --main-title-family: 'danstevis';
    --text-family: 'iranyekan';
    --mobile-text-font: 12px;
    --background-item: #161c31;
    --filter-img: invert(1);
    --nav-btn-back: #ffff;
    --text-swich-color: #ffff;
    --filter-svg: invert(1);

}



a:hover {
    text-decoration: none;
}


@keyframes bounce {
    20% {transform: translate3d(0, 0, 0);}
    /*30% { transform: translate3d(5px, 0, 0);}*/
    70%   { transform: translate3d(10px, 0, 0); }
}






body::after{
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 1px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: -42vw -4vh 0px 0px #fff,25vw -41vh 0px 0px #fff,-20vw 49vh 0px 1px #fff,5vw 40vh 1px 1px #fff,29vw 19vh 1px 0px #fff,-44vw -13vh 0px 0px #fff,46vw 41vh 0px 1px #fff,-3vw -45vh 0px 1px #fff,47vw 35vh 1px 0px #fff,12vw -8vh 1px 0px #fff,-34vw 48vh 1px 1px #fff,32vw 26vh 1px 1px #fff,32vw -41vh 1px 1px #fff,0vw 37vh 1px 1px #fff,34vw -26vh 1px 0px #fff,-14vw -49vh 1px 0px #fff,-12vw 45vh 0px 1px #fff,-44vw -33vh 0px 1px #fff,-13vw 41vh 0px 0px #fff,-36vw -11vh 0px 1px #fff,-23vw -24vh 1px 0px #fff,-38vw -27vh 0px 1px #fff,16vw -19vh 0px 0px #fff,28vw 33vh 1px 0px #fff,-49vw -4vh 0px 0px #fff,16vw 32vh 0px 1px #fff,36vw -18vh 1px 0px #fff,-25vw -30vh 1px 0px #fff,-23vw 24vh 0px 1px #fff,-2vw -35vh 1px 1px #fff,-25vw 9vh 0px 0px #fff,-15vw -34vh 0px 0px #fff,-8vw -19vh 1px 0px #fff,-20vw -20vh 1px 1px #fff,42vw 50vh 0px 1px #fff,-32vw 10vh 1px 0px #fff,-23vw -17vh 0px 0px #fff,44vw 15vh 1px 0px #fff,-40vw 33vh 1px 1px #fff,-43vw 8vh 0px 0px #fff,-48vw -15vh 1px 1px #fff,-24vw 17vh 0px 0px #fff,-31vw 50vh 1px 0px #fff,36vw -38vh 0px 1px #fff,-7vw 48vh 0px 0px #fff,15vw -32vh 0px 0px #fff,29vw -41vh 0px 0px #fff,2vw 37vh 1px 0px #fff,7vw -40vh 1px 1px #fff,15vw 18vh 0px 0px #fff,25vw -13vh 1px 1px #fff,-46vw -12vh 1px 1px #fff,-18vw 22vh 0px 0px #fff,23vw -9vh 1px 0px #fff,50vw 12vh 0px 1px #fff,45vw 2vh 0px 0px #fff,14vw -48vh 1px 0px #fff,23vw 43vh 0px 1px #fff,-40vw 16vh 1px 1px #fff,20vw -31vh 0px 1px #fff,-17vw 44vh 1px 1px #fff,18vw -45vh 0px 0px #fff,33vw -6vh 0px 0px #fff,0vw 7vh 0px 1px #fff,-10vw -18vh 0px 1px #fff,-19vw 5vh 1px 0px #fff,1vw 42vh 0px 0px #fff,22vw 48vh 0px 1px #fff,39vw -8vh 1px 1px #fff,-6vw -42vh 1px 0px #fff,-47vw 34vh 0px 0px #fff,-46vw 19vh 0px 1px #fff,-12vw -32vh 0px 0px #fff,-45vw -38vh 0px 1px #fff,-28vw 18vh 1px 0px #fff,-38vw -46vh 1px 1px #fff,49vw -6vh 1px 1px #fff,-28vw 18vh 1px 1px #fff,10vw -24vh 0px 1px #fff,-5vw -11vh 1px 1px #fff,33vw -8vh 1px 0px #fff,-16vw 17vh 0px 0px #fff,18vw 27vh 0px 1px #fff,-8vw -10vh 1px 1px #fff;

    /* stars were too big with the layers above but left the code in case no one cares  -- as in, if noone's just that  one other loner who actually cares    */

    box-shadow: 24vw 9vh 1px 0px #fff,12vw -24vh 0px 1px #fff,-45vw -22vh 0px 0px #fff,-37vw -40vh 0px 1px #fff,29vw 19vh 0px 1px #fff,4vw -8vh 0px 1px #fff,-5vw 21vh 1px 1px #fff,-27vw 26vh 1px 1px #fff,-47vw -3vh 1px 1px #fff,-28vw -30vh 0px 1px #fff,-43vw -27vh 0px 1px #fff,4vw 22vh 1px 1px #fff,36vw 23vh 0px 0px #fff,-21vw 24vh 1px 1px #fff,-16vw 2vh 1px 0px #fff,-16vw -6vh 0px 0px #fff,5vw 26vh 0px 0px #fff,-34vw 41vh 0px 0px #fff,1vw 42vh 1px 1px #fff,11vw -13vh 1px 1px #fff,48vw -8vh 1px 0px #fff,22vw -15vh 0px 0px #fff,45vw 49vh 0px 0px #fff,43vw -27vh 1px 1px #fff,20vw -2vh 0px 0px #fff,8vw 22vh 0px 1px #fff,39vw 48vh 1px 1px #fff,-21vw -11vh 0px 1px #fff,-40vw 45vh 0px 1px #fff,11vw -30vh 1px 0px #fff,26vw 30vh 1px 0px #fff,45vw -29vh 0px 1px #fff,-2vw 18vh 0px 0px #fff,-29vw -45vh 1px 0px #fff,-7vw -27vh 1px 1px #fff,42vw 24vh 0px 0px #fff,45vw -48vh 1px 0px #fff,-36vw -18vh 0px 0px #fff,-44vw 13vh 0px 1px #fff,36vw 16vh 0px 1px #fff,40vw 24vh 0px 0px #fff,18vw 11vh 0px 0px #fff,-15vw -23vh 1px 0px #fff,-24vw 48vh 0px 1px #fff,27vw -45vh 1px 0px #fff,-2vw -24vh 0px 1px #fff,-15vw -28vh 0px 0px #fff,-43vw 13vh 1px 0px #fff,7vw 27vh 1px 0px #fff,47vw 5vh 0px 0px #fff,-45vw 15vh 1px 1px #fff,-5vw -28vh 0px 1px #fff,38vw 25vh 1px 1px #fff,-39vw -1vh 1px 0px #fff,5vw 0vh 1px 0px #fff,49vw 13vh 0px 0px #fff,48vw 10vh 0px 1px #fff,19vw -28vh 0px 0px #fff,4vw 7vh 0px 0px #fff,21vw 21vh 1px 1px #fff,-15vw -15vh 0px 1px #fff,-6vw -42vh 1px 0px #fff,-15vw 48vh 1px 1px #fff,-23vw 25vh 1px 1px #fff,-48vw 25vh 0px 1px #fff,-31vw -19vh 0px 1px #fff,4vw 37vh 1px 1px #fff,-43vw 28vh 0px 0px #fff,3vw -25vh 0px 1px #fff,-39vw 14vh 0px 1px #fff,-40vw 31vh 0px 1px #fff,35vw -36vh 1px 1px #fff,16vw 49vh 0px 0px #fff,6vw 39vh 0px 0px #fff,3vw -35vh 0px 1px #fff,-44vw -2vh 1px 0px #fff,-6vw 21vh 1px 0px #fff,48vw 9vh 1px 1px #fff,-43vw 30vh 1px 1px #fff,29vw -12vh 1px 1px #fff,-48vw 13vh 1px 0px #fff,-42vw 32vh 1px 1px #fff,34vw 15vh 1px 1px #fff,29vw -37vh 1px 1px #fff,28vw 2vh 0px 0px #fff;
    animation: zoom 16s alternate infinite;
}

@keyframes zoom {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.5);
    }
}



/*title*/

.wal-title{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.main-title{
    display: flex;
    align-items: center;
    gap: 3px;
}
.wal-title h3 {
    color: var(--text-color);
    font-size: var(--title-font);
    font-style: normal;
    font-family: var(--main-title-family);
    line-height: var(--title-line-height);
}

.main-title h2 {
    color: var(--text-color);
    font-size: var(--main-text);
    font-style: normal;
    font-family: var(--main-title-family);
    line-height: var(--line-height);
}

.light-sec .wal-title span {
    color: var(--white-color);
}


/*title*/

/*text*/

.walvira-content p{
    color: var(--text-color);
    text-align: justify;
    font-size: var(--text-font);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height);
}

/*text*/


/*button*/

.walvira-btn {
    /*background-image: linear-gradient(to right, #a1c4fd 0%, var(--primary-color) 51%, var(--secondary-color) 100%);*/
    background-size: 200% auto;
    background-position: left top;
    border-color: transparent;
    color: var(--text-white) !important;
    padding: 14px 30px;
    border-radius: 25px;
    font-size: 14px;
    transition: .5s;
    border: unset;
    width: fit-content;
    background-image: linear-gradient(272deg, var(--primary-color) 32%, rgb(251 2 244) 75%);
}
.walvira-btn:hover {
    background-position: right bottom;
    /*color: #000;*/
    transition: .5s;
}

.walvira-btn:hover svg path{
    /*fill: #000;*/
}

.form-contact .walvira-btn {
    margin-top: 8px;
}

.navbar-toggler-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-toggler-icon svg path{
    stroke: var(--text-swich-color);
}

.walvira-btn.header-tel{
    color: #fff !important;
    font-size: 18px;
    background-image: linear-gradient(to right, #a1c4fd 0%, var(--primary-color) 51%, var(--secondary-color) 100%);
    padding: 10px 22px;
    font-family: 'Samim-FD';
    background-image: linear-gradient(272deg, var(--primary-color) 32%, rgb(251 2 244) 75%);
}

.walvira-btn2 {
    background-size: 200% auto;
    background-position: left top;
    border: 2px solid #A1C4FDFF;
    color: #A1C4FDFF !important;
    padding: 12px 25px;
    border-radius: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: fit-content;
}

.walvira-btn2 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-image: linear-gradient(to right, #a1c4fd 0%, var(--primary-color) 51%, var(--secondary-color) 100%);
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: 0;
    overflow: hidden;
}

.walvira-btn2:hover {
    color: var(--white-color) !important;
    z-index: 2;
}
.walvira-btn2:hover span {
    width: 225%;
    height: 562.5px;
    z-index: -1;
}
.walvira-btn2:active {
    background-image: linear-gradient(to right, #a1c4fd 0%, var(--primary-color) 51%, var(--secondary-color) 100%);
}


/*button*/



/*megamneu contact*/



/*megamneu contact*/


.megamenu-contact{
    display: none;
    margin-right: 0;
    position: absolute !important;
    top: 58px !important;
    z-index: 15;
    background-color: var(--background-item);
    max-height: unset;
    color: var(--white-color);
    border-radius: 0 0 19px 19px;
    overflow: hidden;
    padding: 20px;
    width: 102%;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(14px);
    right: -14px;
}


.megamenu-contact.show{
    display: flex;
}



.mega-contact-ways{
    width: 50%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    border-left: 1px solid #cecece;
}


.mega-way{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
    padding-inline: 30px;
    height: 145px;
    justify-content: flex-start;
}

.mega-way span{
    font-size: 14px;
    color: var(--text-color2);
    text-align: center;
}

.mega-contact-name{
    font-family: 'kalame_bold';
    font-size: 15px;
    color: var(--text-color2);
}

.mega-way a{
    font-size: 14px;
    color: var(--text-color2);
}

.contact-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-inline: 70px;
}

.contact-title span{
    font-family: 'kalame_bold';
    font-size: 30px;
    text-align: center;
    color: var(--text-swich-color);
}


.contact-title p{
    font-size: 15px;
    text-align: center;
    color: var(--text-color2);
}



/*megamenu projects*/

.projects-megamenu{
    display: none;
    margin-right: 0;
    position: absolute !important;
    top: 58px !important;
    z-index: 15;
    background-color: var(--background-item);
    max-height: unset;
    color: var(--white-color);
    border-radius: 0 0 19px 19px;
    right: 0;
    overflow: hidden;
    padding: 20px;
    width: 102%;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(14px);
    flex-direction: column;
    right: -14px;
    border-bottom: 1px solid #161c31;
}

.projects-megamenu.show{
    display: flex;
}

.mega-projects-items{
    width: 100%;
}

.each-prj-item{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-block: 30px;
}

.mega-project-name{
    margin-top: 10px;
    padding-inline: 7px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-family: 'kalame_bold';
    color: var(--text-swich-color);
}

.mega-project-name svg path{
    fill: var(--text-swich-color);
}

.mega-pro-title{
    width: 100%;
    font-size: 25px;
    font-family: 'danstevis';
}

.mega-pro-title span{
    color: var(--text-color2);
}

.mega-extra p{
    font-size: 14px;
    color: var(--text-color2);
    padding-inline: 7px;

}


.project-image{
    width: 100%;
    height: 200px;
}

.project-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/*megamenu-projects*/





/*megamenu services*/

.services-megamenu{
    display: none;
    margin-right: 0;
    position: absolute !important;
    top: 58px !important;
    z-index: 15;
    max-height: unset;
    color: #000;
    border-radius: 0 0 19px 19px;
    overflow: hidden;
    padding: 20px;
    width: 102%;
    justify-content: space-between;
    align-items: center;
    background-color: var(--background-item);
    backdrop-filter: blur(14px);
    flex-direction: column;
    right: -14px;
    border-bottom: 1px solid #161c31;
}

.services-megamenu.show{
    display: flex;
}

.service-mega-row{
    width: 100%;
}



.each-megamenu-main h4{
    font-size: 15px;
    margin-bottom: 0;
    color: var(--main-text-color) !important;

}

.each-megamenu-main span{
    font-size: 13px;
    color: var(--main-text-color) !important;
}

.each-megamenu-main{
    padding: 20px 26px;
    background-color: var(--nav-btn-back);
    border-radius: 10px;
}

.megamenu-main-items{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 23%;
    padding-left: 1rem;
}


.mega-icon{
    width: 50px;
    height: 50px;
}

.mega-icon svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mega-icon img{
    filter: grayscale(100) var(--filter-svg);
}
.mega-content h5{
    white-space: nowrap;
    font-size: 15px;
    font-family: 'kalame_bold';
    margin-bottom: 3px;
    color: var(--text-swich-color) !important;
}

.mega-content span{
    white-space: nowrap;
    font-size: 13px;
    color: var(--text-color2) !important;
}

.mega-item{
    display: flex;
    align-items: center;
    width: max-content;
    margin-bottom: 35px;
    gap: 12px;
}

.mega-span{
    display: flex;
    align-items: center;
}

.mega-item {
    position: relative;
    border: none;
    color: var(--primary-color);
}
.mega-item .mega-span {
    display: flex;
    position: relative;
    width: max-content;
    transition: .5s;
    padding: 4px;
    gap: 15px;
}

.mega-item:hover .mega-icon img {
    filter: grayscale(0);
    transition: .5s;
}

.mega-item::before{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background-color: var(--primary-color);
    right: 0;
    transition: .6s;
    bottom: 0;
}



.mega-item:hover::before{
    width: 100%;
    transition: .6s;
}




.megamenu-items.row{
    width: 73%;
    padding-right: 30px;
    border-right: 1px solid #cecece;
    padding-top: 20px;
}

.megamenu-col{
    width: max-content;
}

.see-all-mega{
    background-image: linear-gradient(to right, #a1c4fd 0%, var(--primary-color) 51%, var(--secondary-color) 100%);
    width: 82%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    color: var(--text-color) !important;
    font-size: 15px;
    background-position: left top;
    border-radius: 10px;

}
.see-all-mega:hover{
    background-position: right bottom;
    transition: .5s;
}

/*megamenu-services*/





/*addressbar*/

.addressbar {
    position: relative;
    padding-block: 160px 40px;
}

.address-box {
    color: var(--additional-color);
    font-weight: 500 !important;
    padding-right: 10px;
}

.address-box li {
    display: inline;
}

.address-box * {
    font-weight: 500 !important;
    font-size: 14px;
    color: #5b697a;
}

.address-box a {
    color: var(--text-color);
}

.address-box li+li:before {
    color: var(--additional-color);
}

.address-box li+li:before {
    content: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 142 111" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31 56H132.5" stroke="%23323232" stroke-width="18.67" stroke-linecap="round" stroke-linejoin="round"/><path d="M51.0988 9.99925L10.0066 54.5705C9.32845 55.3049 9.34163 56.486 10.036 57.2051L52.1119 100.849" stroke="%23323232" stroke-width="18.67" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    padding: 5px;
    font-weight: 900;
    top: 3px;
    position: relative;
}



/*addressbar*/



/*zeynep*/

.zeynep {
    background-color: #fff;
    color: var(--text-color);
    width: 100%;
    text-align: right;
}

.wal-robot{
    width: 200px;
    height: 200px;
    position: inherit;
    left: 0;
    bottom: 9%;
}


.wal-robot img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}


/*zeynep*/






/*lines*/

.mycard#margin-card{
  margin-top: 220px;
  position:relative;
}

.lines#lineProject1{
position: absolute;
top: -513px;
transform: scale(.9);
}

.lines#lineProject2 {
  position: absolute;
  top: 1383px;
  transform: scale(.8);
}

.blog-relative{
  position: relative;
}

/*lines*/


.social-fixed{
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 2%;
}

.social-fixed svg{
  margin: 6px 0;
}

.social-fixed svg path{
    fill: rgb(56 73 96);
}

.social-list svg.instagram:hover {
  transition: .4s;
  filter: drop-shadow(0 0 0.6rem #e00fef);
}
.social-list svg.instagram:hover path{
    fill: #f0c4f1;
}

.social-list svg.linkdIn:hover {
  transition: .4s;
  filter: drop-shadow(0 0 0.6rem #095acd);
}

.social-list svg.linkdIn:hover path{
    fill: #bfcfec;
}

.social-list svg.whatsApp:hover {
  transition: .4s;
  filter: drop-shadow(0 0 0.6rem #35a10d);
}
.social-list svg.whatsApp:hover path{
    fill: #d0eac3;
}
.social-list svg.telegram:hover {
  transition: .4s;
  filter: drop-shadow(0 0 0.6rem #0a8bd5);
}
.social-list svg.telegram:hover path{
    fill: #9ec8e0;
}

.operator-fixed{
    bottom: 15px;
    z-index: 6;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
}

.whole-fix{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #0f1a2e;
    border-radius: 58px;
    justify-content: space-between;
    padding: 9px 10px;
    width: 461px;
    height: 62px;
}

.fix-image{
    width: 80px;
    height: 80px;
    background: #98affb;
    border-radius: 50%;
}



.operator-fixed a{
    display: flex;
    background-image: linear-gradient(to right, #a1c4fd 0%, var(--primary-color) 51%, var(--secondary-color) 100%);
    background-position: left top;
    transition: .5s;
    width: fit-content;
    padding: 12px 25px;
    border-radius: 30px;
    color: var(--white-color) !important;
    gap: 3px;
    background-image: linear-gradient(272deg, var(--primary-color) 32%, rgb(251 2 244) 75%);
    background-size: 200% auto;
    background-position: left top;
}

.operator-fixed a:hover {
    background-position: right bottom;
    /* color: #000; */
    transition: .5s;
}

.operator-fixed img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    bottom: -7px;
    transition: .5s;
}

.operator-fixed .fix-image:hover{
    background-position: right bottom;
    transition: .5s;
}

.operator-fixed .fix-image:hover img {
    bottom: -4px;
    transform: scale(1.1);
    transition: .5s;
}




.container-fluid.fixed-items{
  position: relative;
}



.walvira-overlay{
    background-color: rgba(0, 0, 0, .42);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
}

.walvira-overlay.show{
    display: block !important;
}



/* header{
    height: 750px;
} */


/*header*/


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .banner {
  padding-top: 60px;
}

.navbar .container-fluid{
  max-width: 2000px;
}

.navbar{
  /* position: fixed; */
    z-index: 20;
    width: 100%;
    padding-top: 0;
    background: unset;
    background-color: unset;
    position: absolute;
}

.navbar-collapse{
  height: fit-content;
  /* background-color: #1F2329; */
}

.navbar-light .navbar-toggler-icon{
  background-image: unset !important;
  background-image: url(../images/bar-menu.svg) !important;
}



.bg-light {
  background-color: unset !important
}


.navbar-light .navbar-nav .nav-link{
    color: var(--text-color) !important;
    /* font-family: Inter; */
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.navbar.sticky .navbar-nav .nav-link{
    color: var(--text-swich-color) !important;
    padding: 0.75rem 1rem;
}

.navbar.sticky .navbar-nav .nav-counsel .nav-link{
    color: var(--text-color) !important;
}

.navbar-items .navbar-nav .free_counseling_header.nav-counsel .nav-link{
    color: var(--main-text-color) !important;
}

.navbar-light .navbar-text{
    color: var(--text-color) !important;
    /* font-family: Inter; */
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 200px !important;
    justify-content: center;
    cursor: pointer;
}

.navbar.sticky .navbar-text{
    color: #fff !important;
}

.navbar.sticky .navbar-text svg{
    color: #fff !important;
}

.navbar-text svg{
  padding-right: 3px;
}

.navbar-nav{
    width: 100%;
    justify-content: flex-end;
    padding-right: 0;
    gap: 10px;
    align-items: center;
}

nav.navbar{
  align-items: flex-start;
  padding-top: 0.3rem;
  /*background: linear-gradient(0deg,rgba(19, 21, 25, 0) 0%, rgba(19, 21, 25, 0.33) 24%, rgba(19, 21, 25, 0.66) 50%, rgba(19, 21, 25, 1) 100%);*/
}

.navbar .container{
    flex-direction: column;
}

.first-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-inline: 15px;
    margin-block: 3px 9px;
    gap: 15px;
}

.choose-lang span{
    color: var(--main-text-color);
    margin-top: 6px;
}

.choose-lang svg path{
    stroke: var(--main-text-color);
}

.choose-lang div{
    display: flex;
    align-items: center;
    gap: 4px;
}

.sec-nav{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2px 13px;
    background: var(--background-item);
    border: 1px solid #2d3346;
    border-radius: 12px;
}


.nav-item, .navbar-text {
    padding: 7px 9px;
}

.nav-item{
    position: unset;
    /* background: #1e243c; */
    border-radius: 6px;
    padding: 0;
    border: 1px solid transparent;
}

.nav-item:hover{
    border: 1px solid #5c6b8a;
    box-shadow: 0 0 6px 0px var(--secondary);
}



.nav-counsel{
    background: #fff;
    color: var(--additional-color);
    order: 1;
    padding-inline: 38px;
}

.nav-item .nav-link{
    font-size: 14px;
    padding: 16px 21px !important;
}

.nav-item.free_counseling_header .nav-link {
    padding: 12px 21px !important;
}

.nav-item.free_counseling_header {
    height: fit-content;
    margin-block: 6px;
}

.navbar-items{
    padding-right: 128px;
    position: relative;
}

.navbar-brand{
    justify-content: flex-start;
    width: 151px;
    display: flex;
    height: 69px;
    position: absolute;
    margin-right: 0;
    z-index: 1;
    bottom: -5px;

}

.navbar-brand img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: var(--filter-img);
}


.header-extra{
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-link {
    color: var(--text-swich-color) !important;
    /*color: var(--text-white) !important;*/
    padding: 0;
}

.nav-counsel .nav-link{
    color: var(--text-color) !important;
}
.free_counseling_header{
    background: var(--nav-btn-back) !important;

}.free_counseling_header a{

     color: var(--text-swich-color)  !important;
 }


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sec-nav .container{
    padding: 0;
    position: relative;
}

/*header*/



.portfolio{
    padding-block: 100px;
}

.mySwiper{
    width: 100%;
    margin: 0px !important;
    z-index: 3 !important;
}
.index-portfolio-item{
    width: 100%;
    display: inline-block;
    height: 423px;
    position: relative;
    min-height: 250px;
    margin: 0 0 20px;
    -webkit-transition: background-position 4s ease;
    /*transition: background-position 4s ease;*/
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    border-radius: 5px;
    transition: background-position 4s ease, transform .5s ease-out;
}

.index-portfolio-item:hover {
    background-position: bottom;
    transform: scale(105%);
    transition: background-position 4s ease, transform .5s ease-out;
}

.index-portfolio-item img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.swiper-pagination{
    display: none;
}

.port-title{
    color: #FFF;
text-align: justify;
leading-trim: both;
text-edge: cap;
/* font-family: Inria Serif; */
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 32px;
text-align: center;
}

.port-content{
    color: var(--text-color);
    leading-trim: both;
    text-edge: cap;
    /* font-family: Inria Serif; */
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

.portfolio-content{
    text-align: center;
    max-width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: flex-start;

}

.portfolio .row.title-row{
    justify-content: space-around;
    margin-bottom: 25px;
    width: 100%;
    justify-content: center;
}

.portfolio-title-list.active{
    color: var(--primary-color);
}

.portfolio-title a{
text-decoration: none;
}


.portfolio-title span{
    margin: 0 20px;
}

.portfolio .container-fluid{
    max-width: 2000px;
    margin-inline: 0;
    padding-inline: 0;
}

.about-title.about-hidden-title{
    display: none;
}

/* .portfolio .swiper-slide{
  max-width: fit-content;
} */




/*portfolio*/


/*blog*/




.blog-card{
    /* width: 380px; */
    height: 501px;
    border-radius: 13px;
    background: linear-gradient(89deg, #00132d 0%, rgb(17 38 66) 100%);
    box-shadow: 4px 0px 12px 0px #27313e, -3px 0px 32px 0px #1e1e1e;
    backdrop-filter: blur(15.5px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

section.blog-section{
    padding-block: 100px;
    z-index: 1;
    background: var(--additional-color);
}

.blog-img{
    margin: 20px;
    overflow: hidden;
    /* margin-top: 0px; */
    height: 204px;
    border-radius: 16px;

}

.blog-img img{
    width: 100%;
    height: 100%;
    transition: .7s;
    object-fit: cover;
}

.round-date{
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-color: #2C2F34;
    position:absolute;
    top: 179px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.round-round-date{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #C7C7C7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.round-round-date::after {
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    margin-top: -5px;
    margin-left: -5px;
    height: 10px;
    width: 10px;
    transition: all 0.4s cubic-bezier(0.25, 0.19, 0.64, 1.36);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.round-round-date span{
    color: #31353A;
text-align: center;
leading-trim: both;
text-edge: cap;
/* font-family: Inria Serif; */
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 25px;
    z-index: 2;
}

.read_more{
    color: #ffff;
}

.portfolio-row{
  display: flex;
  justify-content: space-evenly;
}


.rounding{
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.blog-content{
    color: #a4bbd9;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0 20px;
    max-width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: center;
}

.blog-read-more a{
    color: #FFF;
text-align: center;
/* font-family: Inter; */
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}


.blog-whole-contet{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}

.blog-title h4{
    font-size: var(--main-text);
    color: var(--white-color);
    line-height: var(--line-height);
    margin-bottom: 10px;
    font-family: 'kalame_bold';
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px;
}

.blog-back{
    /* background-image: url(./../images/blog-back.png); */
    border-radius: 13px;
    height: 100%;
}

.blog-back a{
    text-decoration: none;
}

.blogSwiper{
    width: 100%;
    margin: 0px !important;
}

.blogSwiper .swiper-wrapper{
    padding: 10px;
    margin-top: 0;
}


swiper-container.thisswiper{
    width:  49%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.blog-section .row.blog-row{
    position: relative;

    justify-content: flex-end;
    justify-content: space-between;
    width: 100%;
}

.blog-section swiper-slide{
    background-color: transparent;
}

.blog-section .portfolio-content{

}

.blog-section .container-fluid{
    max-width: 2000px;
    margin-inline: 0;
    padding-inline: 0;
}



.swiper-btn-P{
    width: 42px;
    height: 42px;
    border: 0.5px solid #646464;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-btn-N{
    width: 42px;
    height: 42px;
    border: 0.5px solid #646464;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-next, .swiper-button-prev{
    width: calc(44px/1*41) !important;
    top: -45px !important;

    display: none !important;
}

.swiper-button-next {
    right: -82px !important;
}

.swiper-button-prev {
    left: 123px !important;
}

.swiper-button-next:after, .swiper-button-prev:after{
  color: transparent;
}


.blog-section .wal-title h3{
    color: #fff;
}

.blog-section .main-title h2{
    color: #fff;
}



/*blog*/



/*contactUs*/

input, select, textarea{
  color: var(--text-color);
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: rgb(232, 240, 254) !important;
  color: fieldtext !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}

.contactUs .whole-contact .form-contact input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #3a3b3e inset !important; !important;
    -webkit-box-shadow: 0 0 0px 1000px #3a3b3e inset !important; !important;
    /*box-shadow: unset !important;*/
    color: #fff !important;
    -webkit-text-fill-Color: #fff !important;
    text-fill-Color: #fff !important;
}

.dropdown {
  --max-scroll: 8;
  --text: #ffffff;
  --border: #2F3545;
  --borderActive: #23C4F8;
  --background: #151924;
  --arrow: #858585;
  --arrowActive: #E4ECFA;
  --listText: #99A3BA;
  --listBackground: #F5F9FF;
  --listActive: #414246;
  --listTextActive: #ffffff;
  --listBorder: none;
  --textFilled: #99A3BA;
  position: relative;
}
.dropdown.light {
  --text: #CDD9ED;
  --border: #CDD9ED;
  --borderActive: #23C4F8;
  --background: #fff;
  --arrow: #99A3BA;
  --arrowActive: #6C7486;
  --listText: #99A3BA;
  --listBackground: #fff;
  --listActive: #F5F9FF;
  --listTextActive: #6C7486;
  --listBorder: #E4ECFA;
  --textFilled: #6C7486;
}
.dropdown select {
  display: none;
}
.dropdown > span {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
    padding: 11px 20px;
    border-radius: 60px;
    border: 1px solid var(--text-color);
    position: relative;
}

.dropdown > span:before, .dropdown > span:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    top: 50%;
    left: 25px;
    background: var(--arrow);
    transition: all 0.3s ease;
}
.dropdown > span:before {
  margin-right: 4px;
  transform: scale(0.96, 0.8) rotate(50deg);
}
.dropdown > span:after {
  transform: scale(0.96, 0.8) rotate(-50deg);
}
.dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-height: calc(var(--max-scroll) * 42px);
  top: 42px;
  left: 0;
  z-index: 1;
  right: 0;
  background: var(--listBackground);
  border-radius: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  transform-origin: 0 0;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transform: scale(0.8) translate(0, 4px);
  border: 1px solid var(--listBorder);
}
.dropdown ul li {
  opacity: 0;
  transform: translate(6px, 0);
  transition: all 0.3s ease;
}
.dropdown ul li a {
  cursor: pointer;
  display: block;
  padding: 10px 16px;
  color: var(--listText);
  text-decoration: none;
  outline: none;
  position: relative;
  transition: all 0.3s ease;
}
.dropdown ul li a:hover {
  color: var(--listTextActive);
}
.dropdown ul li.active a {
    color: var(--listTextActive);
    background: #00132d;
}

.dropdown ul li:hover a{
    background-color: #001736;
    color: #fff !important;
}

.dropdown.open > span {
  border-color: var(--primary-color) ;
  border-radius: 60px;
}
.dropdown.open > span:before, .dropdown.open > span:after {
  background: var(--arrowActive);
}
.dropdown.open > span:before {
  transform: scale(0.96, 0.8) rotate(-50deg);
}
.dropdown.open > span:after {
  transform: scale(0.96, 0.8) rotate(50deg);
}
.dropdown.open ul {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(0, 12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    border: 1px solid var(--primary-color);
    background-color: #ffffff;
    color: var(--text-color);
}
.dropdown.open ul li {
  opacity: 1;
  transform: translate(0, 0);
}
.dropdown.open ul li:nth-child(1) {
  transition-delay: 80ms;
}
.dropdown.open ul li:nth-child(2) {
  transition-delay: 160ms;
}
.dropdown.open ul li:nth-child(3) {
  transition-delay: 240ms;
}
.dropdown.open ul li:nth-child(4) {
  transition-delay: 320ms;
}
.dropdown.open ul li:nth-child(5) {
  transition-delay: 400ms;
}
.dropdown.open ul li:nth-child(6) {
  transition-delay: 480ms;
}
.dropdown.open ul li:nth-child(7) {
  transition-delay: 560ms;
}
.dropdown.open ul li:nth-child(8) {
  transition-delay: 640ms;
}
.dropdown.open ul li:nth-child(9) {
  transition-delay: 720ms;
}
.dropdown.open ul li:nth-child(10) {
  transition-delay: 800ms;
}


select.dropdown {
  padding: 9px 16px;
  border-radius: 6px;
  color: var(--text);
  border: 1px solid var(--border);
  background: var(--background);
  line-height: 22px;
  font-size: 16px;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 60px;
}

input:focus {
  outline: none !important;
  border: 1px solid var(--primary-color) !important;
  box-shadow: 0 0 5px var(--primary-color) !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32)!important;
}




section.contactUs{
    padding-block: 120px 65px;
}

.form-contact{
    align-self: center;
    display: flex;
    flex-direction: column;
    width: 50%;
    position: relative;
}

.form-contact:focus-visible{
  /* border: unset; */
  /* border-color:orangered !important; */
  box-shadow: none;
}

.whole-contact{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.your-info-contact{
    display: flex;
    justify-content: space-between;
    position: relative;
}


.star-necessary{
    position: absolute;
    color: var(--primary-color);
    right: 16px;
    top: 10px;

}

.input-box{
    margin: 9px 0;
    position: relative;
}

.input-box input, .input-box textarea{
    width: 100%;
    padding: 15px 20px;
    border-radius: 60px;
    border: 1px solid var(--text-color);
    position: relative;
}

.input-box textarea{
    border-radius: 25px;
}

.half-input{
    width: 48.9%;
}

.types-of-services{
    margin: 9px 0;
    z-index: 2;
}

.half-input {
    width: 100%;
}

.your-info-contact {
    flex-direction: column;
}

.error-phone{
    position: absolute;
    bottom: 10px;
    right: 8px;
    color: #ffffff;
    background: #eb4646;
    padding: 4px 14px;
    border-radius: 5px;
}

.success-box{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #008000;
    background: #a9cfa9;
    padding: 3px 8px;
    border-radius: 7px;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 48px;
    width: 100%;
}

.half-form{
    width: 100%;
    flex-direction: row;
    gap: 11px;
    display: flex;
}


 select {
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background-image: url(../images/Arrow\ 7.svg) !important;
  background-repeat: no-repeat !important;
  /* background-size: ; */
}


.types-of-services select{
    width: 100%;
    padding: 20px;
    border-radius: 60px;
    border: 1px solid var(--text-color);
    position: relative;
}

.your-business{
    margin: 9px 0;
}

.your-business input{
    width: 100%;
    height: 67px;
    padding: 20px;
    border-radius: 60px;
    background: linear-gradient(89deg, rgb(117 142 185 / 18%) 0%, rgb(0 21 54 / 0%) 100%);
    box-shadow: 4px 0px 12px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15.5px);
    border: unset;
}



.your-email-contact input{
    width: 100%;
    height: 67px;
    padding: 20px;
    border-radius: 60px;
    background: linear-gradient(89deg, rgb(117 142 185 / 18%) 0%, rgb(0 21 54 / 0%) 100%);
    box-shadow: 4px 0px 12px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15.5px);
    border: unset;
}

.your-phoneNo-contact input{
    width: 100%;
    height: 67px;
    padding: 20px;
    border-radius: 60px;
    background: linear-gradient(89deg, rgb(117 142 185 / 18%) 0%, rgb(0 21 54 / 0%) 100%);
    box-shadow: 4px 0px 12px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15.5px);
    border: unset;
}

.form-contact input::placeholder{
    color: #858585;
    text-align: justify;
    /* font-family: Inria Serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
/* padding:60px 10px; */
/* padding: 0 25px; */
}

.form-contact textarea::placeholder{
    color: #858585;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {

  transition: background-color 5000s;
  -webkit-text-fill-Color: #2d2a2a  !important;

}

input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:hover
input[type=text]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:active{
  -webkit-text-fill-Color: #FF5A24 !important;
}

.dropdown > span{
  color: #a1a1a1;
}

.dropdown.filled > span {

  color: var(--text-color);
  text-align: justify;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}

.form-control {
  text-indent: 2rem !important;
}



option{

color: #858585 !important;
text-align: justify;

/* font-family: Inria Serif; */
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 32px;
padding: 0 25px;

}
/* .your-phoneNo-contact input:focus{
    border: 2px solid orange;
} */

.show-detail.subscribeBtn{
    display: flex;
    align-self: flex-end;
    margin-bottom: 0;
    width: 100%;
    justify-content: flex-end;
    margin-top: 5px;
}


/*contactUs*/


/*footer*/

.footer-classic {
    border-top: 1px solid #ebebeb;
    background-color: var(--additional-color);
    background-repeat: no-repeat;
    background-position: 90% 105px;
    background-size: 12%;
    padding-top: 70px;
}

.footer-classic a,
.footer-classic a>span {
    color: #262f3c !important;
    font-size: 0.9rem;
}

.footer-classic .mail-link {
    margin-top: 0;
    font-size: 14px !important;
}

.footer-about-text {
    margin-top: 22px;
    line-height: 25px;
    text-align: justify;
    max-width: 85%;
    color: var(--white-color);
}


.footer-classic-aside a:hover {
    padding-right: 0 !important;
}

.footer-classic a:hover>svg path {
    stroke: var(--primary-color);
}

.footer-classic.footer-classic_boxed,
.footer-classic.footer-classic_boxed .footer-classic-aside {
    border-top: 0;
}

.footer-classic .vira-name {
    margin-bottom: 10px;
    font-weight: 600;
    color: #fffffff0;
}

.breadcrumbs-custom+.footer-classic,
.bg-gray-100+.footer-classic {
    border-top: 0;
}

.footer-classic a.brand:hover {
    padding-right: 0 !important;
}

.footer-classic-main {
    position: relative;
    text-align: right;
}

.footer-classic-list {
    color: #262f3c;
}
.footer-classic-list > li{
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer-classic-title {
    font-weight: 600;
    position: relative;
    /*font-size: 1rem !important;*/
    margin-top: 40px;
    font-size: 17px;
    color: var(--white-color);
}

.footer-classic-title::before {
    position: absolute;
    content: "";
    top: -10px;
    right: -15px;
    background-color: var(--primary-color);
    height: 30px;
    width: 3px;
}

.footer-classic-aside {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #aadfde;
    position: relative;
    z-index: 1;
}

.footer-classic-aside .rights {
    color: #b1b1b1;
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 14px;
}

.footer-classic .footer-classic-title+* {
    margin-top: 15px;
    padding-right: 0;
}


.footer-classic .social-icons {
    margin-top: 15px;
}

.footer-classic .social-icons a {
    margin: auto 10px;
}

.footer-classic .social-icons a:hover {
    padding-right: 0 !important;
}

.footer-classic .social-icons svg {
    width: 15px;
    height: 15px;
}

.footer-classic .social-icons a:hover svg {
    transform: scale(1.1);
}

.footer-classic .social-icons a:hover svg path {
    stroke: var(--primary-color);
    fill: var(--secondary-color);
}


.all-footer-blogs li a:hover{
    color: var(--primary-color) !important;
    padding-right: 4px;
    transition: .5s;
}

.footer-classic-list li a:hover{
    color: var(--primary-color) !important;
    transform: translateX(-5px);
    transition: .5s;
}



/*
*
* Layouts
*/



.svg-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}

.svg-footer svg{
    position: absolute;
    position: absolute;
    top: -4px;
}



.footer-blogs-row{
    padding-block: 58px 30px;
    border-top: 1px solid #5e6aa6;
}

.footer-blogs-section {
    padding-bottom: 70px;
    background: var(--additional-color);
}

.footer-blogs-section ul li{
    position: relative;
    padding-bottom: 3px;
    padding-right: 15px;
}

.footer-blogs-section ul li:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    border-radius: 100%;
}
.form__title_first {
    color: var(--text-color);
    font-size: var(--main-text);
    font-style: normal;
    font-family: var(--main-title-family);
    line-height: var(--line-height);
}

.page_title {
    color: var(--text-color);
    font-size: 36px;
    font-style: normal;
    font-family: var(--main-title-family);
    line-height: var(--title-line-height);
    /*text-align: center;*/
}
.footer-companies{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 30px;
}


.each-footer-company{
    width: 159px;
    height: 53px;
}


.each-footer-company img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.footer-companies-row{
    padding-block: 20px 40px;
}

.footer-trust {
    width: 70%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 10px;
    margin: auto;
}

.footer-trust a {
    padding-right: 0 !important;
    background: #dff0ff;
    border-radius: 7px;
}

.footer-trust img {
    width: 85px;
    height: 95px;
}

.footer-classic a, .footer-classic a>span {
    color: #e0e0e0 !important;
    font-size: 0.9rem;
    transition: .5s;
}

footer .brand {
    width: 162px;
    height: 99px;
    display: block;
}

.footer-logo{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: invert(1);
}

.footer-social > a {
    margin-bottom: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}


.footer-classic-aside {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #5e6aa6;
    position: relative;
    z-index: 1;
    padding-bottom: 86px !important;
}
p.rights a {
    color: inherit;
}

.farsi-digit {
    font-family: Samim-FD !important;
}

@media (min-width: 769px) {
    .footer-classic-aside {
        padding: 11px 0;
        /* margin-top: 25px; */
        background: #101526;
    }
}


.footer-classic .social-icons svg path{
    fill: var(--white-color);
}

.footer-social a svg path{
    fill: var(--white-color);
}


p.rights a{
    color: #6e79c7 !important;
}

.digital-container{
    padding-bottom: 50px;
}

.digital-container .row{
    align-items: flex-start;
}

/*footer*/




/*extra seo section*/

.extra-seo-section{
    padding-block: 0px 73px;
}

.extra-seo-section h1{
    color: var(--white-color);
    font-size: var(--title-font);
    font-style: normal;
    font-family: var(--main-title-family);
    line-height: var(--title-line-height);
}

.extra-seo-section p{
    color: var(--white-color);
    text-align: justify;
    font-size: var(--text-font);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height);
}

.extra-seo-section li{
    font-size: var(--mobile-text-font);
    color: var(--white-color);
}

.extra-seo-section ul{
    padding-right: 0;
}

.extra-seo-section ol{
    padding-right: 0;
}


.extra-seo-section h2, .extra-seo-section h3{
    color: var(--white-color);
    text-align: justify;
    font-size: var(--main-text);
    font-family: 'kalame_bold';
    font-style: normal;
    line-height: var(--line-height);
}

.cta-buttons{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    padding-top: 30px;
}



/*digital marketing*/

.read-more .read-content {
    position: relative;
    overflow: hidden;
    max-height: 193px;
    transition: max-height 500ms ease;
}
.read-more .read-content::before {
    content: "";
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 250px;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); */
    background: linear-gradient(360deg, #161c31 0%, rgb(22 28 49 / 0%) 100%);
    transition: opactiy 500ms ease, visibility 500ms ease;
    right: 0;
}
.read-more.expanded .read-content::before,
.read-more.expanded .trigger {
    opacity: 0;
    visibility: hidden;
}
.read-more.expanded .read-content {
    max-height: 100%;
}

.no-trigger .read-content {
    max-height: 89.6px;
}
.no-trigger .read-content::before {
    height: 48px;
}

.trigger{
    color: var(--primary-color);
    font-family: 'kalame_bold';
    cursor: pointer;
}


/*digital marketing*/





/*extra seo section*/

























/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/



/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/



/*neon button*/

.btn-neon{
    text-decoration: none;
    text-align: center;
    font-size: var(--main-text);
    line-height: unset;
    color: #f5f5f5;
    width: fit-content;
    transition: 1s;
    transition-delay: .5s;
    position: relative;
    display: inline-block;
}

.btn-neon:hover{
    box-shadow: 0 0 0px var(--primary-color), 0 0 0 var(--primary-color), 0 0 20px 0px var(--primary-color);
    background-color: var(--primary-color);
}

.btn-neon:hover polyline{
    stroke-dashoffset: -460;
}

.btn-neon svg{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
}

.btn-neon svg polyline{
    fill: transparent;
    stroke: var(--primary-color);
    stroke-width: 2px;
    stroke-dasharray: 40 460;
    stroke-dashoffset: 40;
    transition:  .8s ease-in-out;
}
/*neon button*/


.index-blog-item .blog-read-more svg{
    transform: rotate(180deg);
}

@keyframes bounce1 {
    20% {transform: translate3d(0, 0, 0) rotate(180deg);}
    /*30% { transform: translate3d(5px, 0, 0);}*/
    70%   { transform: translate3d(10px, 0, 0) rotate(180deg); }
}


/*hover*/

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


    .index-blog-item:hover .round-round-date::after{
        opacity: 1;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .index-blog-item:hover .blog-read-more svg{
        animation: bounce1 2s;
        animation-iteration-count: infinite;
    }

    .index-blog-item:hover .blog-img img{
        transform: scale(1.1);
        transition: .7s;
    }

    .index-blog-item:hover .round-round-date span {
        color: #ffffff;
        transition: .5s;
    }


}


/*hover*/

















@media (min-width: 1200px) {
    .container {
        max-width: 1408px;
    }
}

/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/

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

}

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

    .aboutUs-another-img{
        display: none;
    }


    .aboutUs-info {
        padding-inline: 0;
    }

    .navbar-brand {
        height: 56px;
        width: 130px;
        left: 0;
    }

    .navbar-brand img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .sec-nav {
        justify-content: space-between;
        flex-direction: row;
        padding: 8px 13px;
        position: relative;
    }


}

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

    .operator-fixed a {
        font-size: 14px;
    }

    .operator-fixed a {
        padding: 11px 18px;
    }
    .whole-fix {
        width: 393px;
    }

    .fix-image {
        width: 68px;
        height: 68px;
    }

    .whole-fix {
        height: 58px;
    }

    .about-us-content {
        flex-direction: column;
        align-items: center;
    }


    .walvira-btn.header-tel {
        font-size: 16px;
        padding: 8px 16px;
    }

    .form-contact {
        width: 100%;
    }

}

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

    .page_title {

        font-size: 25px;

    }
    .walvira-btn {
        font-size: 14px;
    }

    .walvira-btn2 {
        font-size: 14px;
    }
    .buttonMore{
        justify-content: center;
        gap: 9px;
        flex-direction: column;
    }
    .cta-buttons {
        flex-direction: column;
    }

    .wal-title h3 {
        font-size: 16px;
    }

    .main-title h2 {
        font-size: 17px;
    }

    .address-box {
        overflow-x: auto;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .address-box::-webkit-scrollbar{
        display: none;
    }


}

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

    .page_title {

        font-size: 19px;

    }
    .dropdown ul li a {
        font-size: 13px;
    }

    .error-phone {
        bottom: 40px;
        right: 11px;
        padding: 3px 12px;
        border-radius: 5px;
        font-size: 11px;
    }

    .category-icon-btn{
        padding-right: 0;
    }

    .dropdown.filled > span {
        font-size: 13px;
        font-family: 'iranyekan';
    }

    .trigger {
        font-size: 14px;
    }

    .col-digital{
        padding-inline: 0;
    }

    .footer-classic-aside .rights {
        font-size: 11px;
    }

    .footer-blogs-section {
        padding-bottom: 51px;
    }

    .footer-about-text {
        font-size: 12px;
    }

    .wal-title {
        gap: 0px;
    }

    .main-title svg{
        width: 22px;
    }


    footer .brand {
        width: 123px;
        height: 79px;
    }

    .extra-seo-section h2, .extra-seo-section h3 {
        font-size: 14px;
    }

    .extra-seo-section p {
        font-size: 12px;
    }

    .walvira-content p {
        font-size: var(--mobile-text-font);
        line-height: var(--line-height);
    }
    section.blog-section {
        padding-block: 50px;
    }

    .portfolio {
        padding-block: 50px;
    }

    .walvira-btn {
        font-size: 12px;
        padding: 12px 20px;
    }

    section.contactUs {
        padding-block: 50px;
    }


    .input-box input, .input-box textarea {
        padding: 12px;
        border-radius: 26px;
    }

    .types-of-services {
        margin: 5px 0;
    }

    .your-info-contact {
        margin: 1px 0;
    }

    .dropdown > span {
        padding: 8px 19px;
    }

    .input-box input::placeholder, .input-box textarea::placeholder {
        font-size: 13px;
    }



    .address-box * {
        font-size: 11px;
        color: #777777;
    }

    .operator-fixed a {
        font-size: 13px;
    }

    .operator-fixed a svg{
        width: 16px;
        height: 16px;
    }

    .fix-image {
        width: 60px;
        height: 60px;
    }

    .whole-fix {
        width: 362px;
    }

    .wal-title h3 {
        font-size: 17px;
    }

    .main-title h2 {
        font-size: 15px;
        margin-bottom: 0;
    }


    .all-footer-blogs{
        padding-inline: 0;
    }

    .footer-classic a, .footer-classic a>span {
        color: #e0e0e0 !important;
        font-size: 12px;
        transition: .5s;
    }

    .footer-classic-title {
        font-size: 15px;
    }


    .footer-classic-title::before {
        top: -7px;
        right: -15px;
        height: 23px;
        width: 2px;
    }

    .navbar-brand {
        width: 108px;
        height: 51px;
    }

    .wal-robo {
        left: 28%;
    }

    .social-fixed svg {
        margin: 5px 0;
        width: 24px;
        height: 24px;
    }

    .extra-seo-section p {
        font-size: 12px;
    }

    .extra-seo-section li{
        font-size: 12px;
    }

}

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

    .half-input {
        width: 100%;
    }
    .half-form {
        flex-direction: column;
        gap: 0;
    }

    .first-nav {
        padding-inline: 0;
    }

    .whole-fix a:nth-child(3){
        display: none;
    }

    .whole-fix {
        width: 232px;
    }

    .fix-image {
        width: 53px;
        height: 52px;
    }



}

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

}

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

}













/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/