/* Custom Fonts */
 @font-face {
    font-family: "magilio";
    src: url("../vendor/font/magilio.ttf");
    src: url("../vendor/font/magilio.otf") format("opentype");
    }

    
 @font-face {
    font-family: "magilio slant";
    src: url("../vendor/font/magilio-slant.ttf");
    src: url("../vendor/font/magilio-slant.otf") format("opentype");
    }

/* Theme Color     */
:root {
    --theme-blue: #497DFF;
    --theme-blue-light:#99b6ff;
}
body, p{
    font-family: 'Raleway', sans-serif;
}
a{
    color: var(--bs-body-color);
    text-decoration: none;
}

header .menubar .site-title {
    left: 7vw;
    top: 5vw;
    font-family: 'magilio';
}
@media (min-width:768px) {
    header .menubar .site-title { 
        top: 1.5vw;
    }   
}
header .menubar .site-title a{
    text-decoration: none;
}
header .menubar .site-title a:hover{
    color:var(--bs-body-color);
}

/* Font Size */
.fsr-5, .fsw-5{
    font-size: 2.75rem;
}
.fsr-6, .fsw-6 {
    font-size: 3.125rem;
}
.fsw-2-5{
    font-size: 3rem;
}
.fsw-8{
    font-size: 12vw;
}
@media (min-width:768px){
    .fsr-6{
        font-size: 6rem;
    }
    .fsr-5{
        font-size: 5rem;
    }
    .fsr-2-5{
        font-size: 2.5rem;
    }
    .fsr-2{
        font-size: 2rem;
    }
    .fsr-1-5{
        font-size: 1.5rem;
    }
  
    .fsw-6{
        font-size: 6vw;
    }
    .fsw-5{
        font-size: 5vw;
    }
    .fsw-2-5{
        font-size: 2.5vw;
    }
    .fsw-1-25{
        font-size: 1.25VW;
    }
    .fsw-0-75{
        font-size: 0.75VW;
    }
}

.special-heading{
    font-family: 'magilio';
}

.vr{
    height: 2rem;
}
@media (min-width:768px) {
    section,footer{
        min-height: 100vh;
    }
}
.gray {
    background-color:var(--bs-gray-100);
}
svg, img {
    max-width: 100%;
}
header{
    min-height: 100px;
}
svg:not(.blue-circle) path {
    stroke: var(--bs-body-color);
}



/* hero secrion  start*/
section.hero-box{
    min-height:120vw;
}

section.hero-box h1.layer-01 span{
    position: absolute;
 }
section.hero-box h1.layer-01 span:nth-child(5) {
    left: 25vw;
    top: 70vw;
}
section.hero-box h1.layer-01 span:nth-child(4) {
    left: 68vw;
    top: 35vw;
}
section.hero-box h1.layer-01 span:nth-child(3) {
    left: 38vw;
    top: 35vw;
}
section.hero-box h1.layer-01 span:nth-child(2) {
    left: 7vw;
    top: 15vw;
}
section.hero-box h1.layer-01 span:first-child {
    left: 7vw;
    top: 0;
}
section.hero-box .layer-02 {
    left: 59vw;
    top: 0;
    width: 25vw;
}
section.hero-box .layer-02 .icon-svg {
    margin-left: 2vw;
}
section.hero-box .layer-02 .profile {
    /* mix-blend-mode: luminosity;
    border: solid 8px #fff;
    border-radius: 50%; */
}
section.hero-box .layer-02 .profile-img {
    margin-top: -21vw;
}
section.hero-box .layer-03 {
    left: 7vw;
    width: 27vw;
    top: 31vw;
}
section.hero-box .layer-03 .profile-img {
    margin-right: 2vw;
    margin-top: -18vw;
    margin-bottom: -3vw;
    margin-left: 2vw;
}
section.hero-box .layer-04 {
    left: 38vw;
    top: 51vw;
    width: 50vw;
}
section.hero-box .layer-05 {
    top: 85vw;
    left: 29vw;
    width: 48vw;
}
section.hero-box .layer-06 {
    top: 97vw;
    left: 7vw;
}
button.btn.theme-btn {
    padding: 0;
}
.zoomInHover:hover {
    animation: zooming infinite;
    animation-name: zooming;
    animation-duration: 3s;
}
@keyframes zooming {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
a.btn.theme-btn {
    padding: 10px 15px;
    text-decoration: none;
    display: inline-block;
}
a.btn.theme-btn:hover {
    background-color: var(--bs-body-color);
    color: var(--bs-white);
}
a.btn.theme-btn-primary {
    background-color: var(--bs-body-color);
    color: var(--bs-white);
}
a.btn.theme-btn-secondary {
    background-color: var(--bs-white);
    color: var(--bs-body-color);
}
@media (min-width:769px) {
    section.hero-box{
        min-height: 100vh;
    }    
    .fsw-8{
        font-size: 8vw;
    }
    section.hero-box h1.layer-01 span:nth-child(5) {
        left: 58vw;
        top: 27vw;
    }
    section.hero-box h1.layer-01 span:nth-child(4) {
        left: 42vw;
        top: 20vw;
    }
    section.hero-box h1.layer-01 span:nth-child(3) {
        left: 7vw;
        top: 9vw;
    }
    section.hero-box h1.layer-01 span:nth-child(2) {
        left: 62vw;
        top: 0;
    }
    section.hero-box h1.layer-01 span:first-child {
        left: 7vw;
        top: 0;
    }
   
    section.hero-box .layer-02 {
        left: 44vw;
        top: 0;
        width: 13vw;
    }
    section.hero-box .layer-02 .profile-img {
        margin-top: -10vw;
    }
    section.hero-box .layer-03 {
        left: 23vw;
        width: 17vw;
        top: 8vw;
    }
    section.hero-box .layer-03 .profile-img{
        margin-top: -10vw;
    }
    section.hero-box .layer-04 {
        left: 48vw;
        top: 11vw;
        width: 39vw;
    }
    section.hero-box .layer-05 {
        top: 36vw;
        left: 58vw;
        width: 33vw;
    }
    section.hero-box .layer-06 {
        top: 31vw;
        left: 7vw;
    }
    
}




.medium-width{
    max-width: 850px;
}

section.about-us img{
    max-width: 150px;
    max-height: 175px;
    width: 100%;
    height: auto;
}

section.how-we-work .container-fluid .marquee ul.server-scroll{
    font-size: 2.55rem;
}


section.how-we-work ul.server-scroll li {
    counter-increment: step-counter;
    display: inline;
    margin-right: 70px;
    position: relative;
}
section.how-we-work ul.server-scroll li::after {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: var(--theme-blue-light);
    border-radius: 65% 22% / 44% 50%;
    color: var(--bs-white);
    font-size: 2rem;
    line-height: 60px;
    text-align: center;
    content: counter(step-counter);
    margin-top: -19px;
    margin-left: -15px;
    z-index: 0;
}
section.how-we-work ul.server-scroll li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='30' viewBox='0 0 121 30' fill='none'%3E%3Cpath d='M1.7771 15.0303L119.234 15.0303' stroke='%231E1E1E' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M118.722 14.989C112.64 13.8213 108.657 7.94446 109.824 1.86267' stroke='%231E1E1E' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M118.722 15.0713C112.64 16.2389 108.657 22.1158 109.824 28.1976' stroke='%231E1E1E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    margin-right: 10px;
}
body.dark-theme section.how-we-work ul.server-scroll li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='30' viewBox='0 0 121 30' fill='none'%3E%3Cpath d='M1.7771 15.0303L119.234 15.0303' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M118.722 14.989C112.64 13.8213 108.657 7.94446 109.824 1.86267' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M118.722 15.0713C112.64 16.2389 108.657 22.1158 109.824 28.1976' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

section.how-we-work ul.server-scroll li span {
    z-index: 1;
    position: relative;
}


section.projects .project-link:hover{
    color: var(--theme-blue);
}


section.projects .project-link:hover figcaption{
    display: block;
    animation: zooming infinite;
    animation-name: zooming;
    animation-duration: 3s;
}

section.projects .project-link h4::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0014 0.296631H8.00136V4.38359L5.19816 1.49399L1.66262 5.13849L4.4658 8.02808L0.501343 8.02808L0.501343 13.1822H4.46555L1.66258 16.0716L5.19811 19.7161L8.00136 16.8264V20.9131H13.0014V16.8267L15.8048 19.7165L19.3403 16.072L16.5369 13.1822H20.5013V8.02808L16.5366 8.02808L19.3402 5.13803L15.8047 1.49352L13.0014 4.38328V0.296631Z' fill='%231E1E1E'/%3E%3C/svg%3E");
    margin-right: 10px;
}
body.dark-theme section.projects .project-link h4::before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0014 0.296631H8.00136V4.38359L5.19816 1.49399L1.66262 5.13849L4.4658 8.02808L0.501343 8.02808L0.501343 13.1822H4.46555L1.66258 16.0716L5.19811 19.7161L8.00136 16.8264V20.9131H13.0014V16.8267L15.8048 19.7165L19.3403 16.072L16.5369 13.1822H20.5013V8.02808L16.5366 8.02808L19.3402 5.13803L15.8047 1.49352L13.0014 4.38328V0.296631Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

section.projects .project-link h4::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M0.147829 8.0392C-0.0474332 8.23446 -0.0474339 8.55104 0.147828 8.7463C0.34309 8.94157 0.659672 8.94157 0.854935 8.74631L0.147829 8.0392ZM8.57696 0.817202C8.57696 0.54106 8.35311 0.317202 8.07696 0.317202L3.57696 0.317192C3.30082 0.317192 3.07696 0.541049 3.07696 0.817191C3.07696 1.09333 3.30082 1.31719 3.57696 1.31719L7.57696 1.3172L7.57695 5.3172C7.57695 5.59334 7.80081 5.8172 8.07695 5.8172C8.3531 5.8172 8.57695 5.59335 8.57695 5.3172L8.57696 0.817202ZM0.854935 8.74631L8.43052 1.17076L7.72341 0.463647L0.147829 8.0392L0.854935 8.74631Z' fill='%23497DFF'/%3E%3C/svg%3E");
    margin-left: 10px;
    margin-top: -10px;
    position: absolute;
}
@media (min-width:768px) {
    section.projects .project-link{
        text-decoration: none;
    }
    section.projects .project-link:hover img {
        mix-blend-mode: inherit;
    }
    section.projects .project-link img {
        mix-blend-mode: luminosity;
    }
}
@media (max-width:767px) {
    section.projects .project-link figcaption{
        display: block;
        animation: zooming infinite;
        animation-name: zooming;
        animation-duration: 3s;
    }
}

.heading-icon{
    position: relative;
}
.heading-icon::after{
    position: absolute;
    right: 0;
}
section.about-us .heading-icon::after{
    top: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='38' viewBox='0 0 107 105' fill='none'%3E%3Cpath d='M28.1661 11.694C33.9324 20.3434 38.8155 29.2074 43.813 38.3028C49.3888 48.4508 56.1509 57.9473 62.189 67.8227C67.4153 76.3704 74.4942 84.7006 78.9275 93.5673' stroke='%23FF7D8D' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M38.8854 96.0609L68.2082 9.20026' stroke='%23FF7D8D' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M9.29198 40.6867L97.8017 64.5746' stroke='%23FF7D8D' stroke-width='17' stroke-linecap='round'/%3E%3C/svg%3E");
}

section.roles .heading-icon::after{
    bottom: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='38' viewBox='0 0 107 104' fill='none'%3E%3Cpath d='M28.2222 11.1309C33.9884 19.7803 38.8716 28.6443 43.8691 37.7397C49.4449 47.8877 56.207 57.3842 62.2451 67.2596C67.4714 75.8072 74.5503 84.1375 78.9836 93.0042' stroke='%2300FFC2' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M38.9414 95.4976L68.2642 8.63691' stroke='%2300FFC2' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M9.34801 40.1236L97.8577 64.0115' stroke='%2300FFC2' stroke-width='17' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (min-width:786px) {
    section.about-us .heading-icon::after{
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='105' viewBox='0 0 107 105' fill='none'%3E%3Cpath d='M28.1661 11.694C33.9324 20.3434 38.8155 29.2074 43.813 38.3028C49.3888 48.4508 56.1509 57.9473 62.189 67.8227C67.4153 76.3704 74.4942 84.7006 78.9275 93.5673' stroke='%23FF7D8D' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M38.8854 96.0609L68.2082 9.20026' stroke='%23FF7D8D' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M9.29198 40.6867L97.8017 64.5746' stroke='%23FF7D8D' stroke-width='17' stroke-linecap='round'/%3E%3C/svg%3E");
        top: -2rem;
        right: -4rem;
    }
    
    section.roles .heading-icon::after{
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='104' viewBox='0 0 107 104' fill='none'%3E%3Cpath d='M28.2222 11.1309C33.9884 19.7803 38.8716 28.6443 43.8691 37.7397C49.4449 47.8877 56.207 57.3842 62.2451 67.2596C67.4714 75.8072 74.5503 84.1375 78.9836 93.0042' stroke='%2300FFC2' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M38.9414 95.4976L68.2642 8.63691' stroke='%2300FFC2' stroke-width='17' stroke-linecap='round'/%3E%3Cpath d='M9.34801 40.1236L97.8577 64.0115' stroke='%2300FFC2' stroke-width='17' stroke-linecap='round'/%3E%3C/svg%3E");
    }
}

section.our-team ul.team-members{
    list-style-type: none;
}



section.our-team ul.team-members li .team .team-img {
    max-width: 100px;
    position: relative;
}
section.our-team ul.team-members li .team .team-img::after {
    content: '';
    background-color: var(--theme-blue);
    border: solid 5px var(--theme-blue-light);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 40px;
    bottom: -6px;
    opacity: 0.9;
}
section.our-team ul.team-members li .team .team-img::before {
    content: '';
    background-color: var(--theme-blue);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 35px;
    bottom: -11px;
    opacity: 0.3;
}
section.our-team ul.team-members li .team .info{
    background: var(--bs-white);
    box-shadow: 9px 13px 16px rgba(178, 178, 178, 0.25);
    border-radius: 6px;
    margin-left: 70px;
    min-width: 200px;
}
body.dark-theme section.our-team ul.team-members li .team .info{
    box-shadow: 9px 13px 16px rgb(0 0 0 / 50%);
}
section.our-team ul.team-members li .team .info small{
    color: var(--theme-blue);
}

@media (min-width:768px){
    section.our-team h2.special-heading {
        position: absolute;
        max-width: 27vw;
        left: 37vw;
        top: 25vh;
    }
    section.our-team ul.team-members li {
        display: inline-block;
        position: absolute;
    }
    section.our-team ul.team-members li:first-child {
        left: 41vw;
        top: -1vw;
    }
    section.our-team ul.team-members li:nth-child(2) {
        left: 16vw;
        top: -1.4vw;
    }
    section.our-team ul.team-members li:nth-child(3) {
        left: 68vw;
        top: -0.75vw;
    }
    section.our-team ul.team-members li:nth-child(4) {
        left: 7vw;
        top: calc(50% - -10vw);
    }
    section.our-team ul.team-members li:nth-child(5) {
        left: 77vw;
        top: calc(50% - -14vw);
    }
    section.our-team ul.team-members li:nth-child(6) {
        left: 5vw;
        top: calc(50% - -26vw);
    }
    section.our-team ul.team-members li:nth-child(7) {
        left: 26vw;
        top: calc(50% - -23vw);
    }
    section.our-team ul.team-members li:nth-child(8) {
        left: 54vw;
        top: calc(50% - -28vw);
    }
    section.our-team ul.team-members li:nth-child(9) {
        left: 70vw;
        top: calc(50% - -25vw);
    }
    section.our-team ul.team-members li .team .team-img {
        max-width: 7.5vw;
    }
    section.our-team ul.team-members li .team .team-img::after {
        border-width: 0.313vw;
        width: 1.25vw;
        height: 1.25vw;
        left: 3.156vw;
        bottom: -0.531vw;
    }
    section.our-team ul.team-members li .team .team-img::before {
        width: 1.875vw;
        height: 1.875vw;
        left: 2.813vw;
        bottom: -0.875vw;
    }
    section.our-team ul.team-members li .team .info{
        margin-left: 5vw;
        min-width: 13vw;
    }
}

footer h2.special-heading{
    max-width: 720px;
}
footer .black-circle div{
    height: 70vw;
    width: 70vw;
    max-height: 500px;
    max-width: 500px;
    background-color:var(--bs-body-color);
    
}
footer .black-circle:hover + .widget-text .contact-link, footer .contact-cursor h2:hover + div + p .contact-link {
    animation: zooming infinite;
    animation-name: zooming;
    animation-duration: 3s;
}


.text-mix-background{
    mix-blend-mode: difference;
}
.mh-500{
    min-height: 270px;
}
@media (min-width:768px) {
    .mh-500{
        min-height: 500px;
    }
}
.team-meeting img, .work-process img{
    mix-blend-mode: multiply;
}
body.dark-theme .team-meeting img, body.dark-theme .work-process img{
    filter: invert(1);
    mix-blend-mode: plus-lighter;
}

body.dark-theme footer .vr.bg-white {
    mix-blend-mode: difference;
}



/******************* change site button start **************************/
.site-switch{
    top: 7vw;
    right: 7vw;
}
@media (min-width:768px) {
    .site-switch{
        top: 2vw;
        right: 7vw;
    } 
}
.switch {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-sun' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7'/%3E%3C/svg%3E");
    -webkit-transition: .4s;
    transition: .4s;
  }
    
  input:checked + .slider {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-sun' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' fill='none'%3E%3Cpath fill='%23ffffff' d='M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z'/%3E%3C/svg%3E");      
  }
  

.contact-cursor{
    cursor: url(../images/contact-cursor.png), auto;
}
.planning-cursor{
    cursor: url(../images/planning-cursor.png), auto;
}
.quality-cursor{
    cursor: url(../images/quality-cursor.png), auto;
}
.development-cursor{
    cursor: url(../images/development-cursor.png), auto;
}
.client-cursor{
    cursor: url(../images/client-cursor.png), auto;
}
.launch-cursor{
    cursor: url(../images/launch-cursor.png), auto;
}
.openmenu-cursor{
    cursor: url(../images/openmenu-logo.png), auto;
}
.parta-cursor{
    cursor: url(../images/parta-logo.png), auto;
}
.realista-cursor{
    cursor: url(../images/realista-logo.png), auto;
}
.turtuletot-cursor{
    cursor: url(../images/turtuletot-logo.png) , auto;
}

.marquee {
    overflow: hidden;
    position: relative;
}

.marquee ul {
    width: max-content;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 30s linear infinite;
    -webkit-animation: scroll-left 30s linear infinite;
    animation: scroll-left 30s linear infinite;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.project-title span {
    font-size: 1rem;
}