<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
  margin: 0;
  padding: 0;
  border: none;
}

.container {
  max-width: 1210px;
  padding-left: 15px;
  padding-right: 15px;
}

.row{
  margin-left: -15px;
  margin-right: -15px;
  }

.row&gt;*{
  padding-left: 15px;
  padding-right: 15px;
  }

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

.col {
  padding-left: 15px;
  padding-right: 15px;
} */


:root {
    --main-color:#fff;
    --heading-color:#1A1A1A;
    --primary-white:#fff;
    --section-bg:#FFF7ED;
    --primary-grey:#646464;
    --secondary-grey:#E1D9D9;
  }
/* 
  .container{
    max-width: 1180px;
  } */
  nav{
    background-color:var(--main-color);
    padding-top: 30px !important;
  }
  
.navbar-collapse ul{
  margin-right: 40px;
}
.navbar-collapse ul li{
  margin-left: 40px;
}


h1{
    font-size: 62px;
    line-height: 72px;
    color: var(--heading-color);
}

h2{
    font-size: 48px;
    line-height: 58px;
    color: var(--heading-color);
}

h3{
    font-size: 32px;
    line-height: 42px;
    color: var(--heading-color);
}
h4{
    font-size: 28px;
    line-height: 32px;
    color: var(--heading-color);
}

h5{
    font-size: 24px;
    line-height: 28px;
    color: var(--heading-color);
}
p{
  font-size: 18px;
  line-height: 26px;
  color: var(--heading-color);
  
}

section{
  margin-top: 100px;
  margin-bottom: 100px;
}
/* section{
    padding-top: 120px;
}
.section-content{
    padding-top: 100px;
    padding-bottom: 100px;
} */

.contact-btnwrapper a{
  background-color:var(--heading-color);
  color: var(--primary-white);
}

.contact-btnwrapper a:hover{
  background-color:var(--heading-color);
  color: var(--primary-white);
}
.contact-bannerbtnwrapper a{
  background-color:var(--heading-color);
  color: var(--primary-white);
  margin-top: 20px;
}

.contact-bannerbtnwrapper a:hover{
  background-color:var(--heading-color);
  color: var(--primary-white);
  margin-top: 20px;
}


.bannersection{
    background-color: var(--main-color);
}
.bannertitle p {
    color: var(--heading-color);
    width: 75%;
    margin-top: 16px;
    text-align: justify;
}

.sitewrapper {
    margin-top: 40px;
}

.sitenamewrapper{
    margin-left: 8px;
}
.sitenamewrapper p {
    margin: 0;
    padding: 0;
}
  
.sitenamewrapper p{
    color: var(--primary-white);
    text-decoration: none;
}
.sitenamewrapper a{
    color: var(--heading-color);
    text-decoration: none;
}
/* .section-content .bannertitle p{
    margin-top:16px;
} */


.flex-container, .behanance-container, .dribbble-container, .figma-container{
    display: flex;
    /* background-color: DodgerBlue; */
  }

  .flex-container &gt; div{
    /* background-color: #f1f1f1; */
    /* margin: 10px;
    padding: 20px; */
  }
  .flex-container &gt; .dribbble, .flex-container &gt; .figma{
    margin-left: 28px;
  }
  .dribbble-container .image-wrapper, .behance-container ,.image-wrapper, .figma-container .image-wrapper{
    display: flex;
  }
  .behance-textwrapper,.dribbble-textwrapper,.figma-textwrapper{
    margin-left: 28px;
  }

  .behance-textwrapper p, .dribbble-textwrapper p, .figma-textwrapper p{
    margin: 0;
    color: var(--heading-color);
  }
  .behance-textwrapper span a, .dribbble-textwrapper span a, .figma-textwrapper span a{
   color: #1a1a1a;
   margin-top: 6px;
   font-size: 14px;
   text-decoration: none;
  }

    /* case studies */

    .casestudies .row{
        --bs-gutter-x: 30px;
    }

    .case-titlewrapper h2{
        text-align: center;    
    }
    .case-titlewrapper p{
        width: 80%;
        text-align: center;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;  
    }

    .casestudies{
        margin-top: 80px;
    }

    .company-nametag p{
        background-color: var(--section-bg);
        margin: 20px;
        padding: 15px;
        width: 20%;
        border-radius:12px ;
    }
    .project-titlewrapper p{
        margin-top: 16px;
        text-align: justify;
    }

    .casestudies .second-case,  .third-case{
      margin-top: 100px;
    }

    .view-casestudy-btn{
      margin-top: 80px;
    }

    .view-casestudy-btn a{
      border:1px solid var(--heading-color);
      color: var(--heading-color);
    }

    .view-casestudy-btn a:hover{
      background-color:var(--heading-color);
      color: var(--primary-white);
    }

    .viewcasestudy-btnwrapper a{
      background-color:var(--heading-color);
      color: var(--primary-white);
      margin-top: 20px;
    }
    .viewcasestudy-btnwrapper a:hover{
      background-color:var(--heading-color);
      color: var(--primary-white);
      margin-top: 20px;
    }

    
    /* service */
    section&gt;.service{
      background-color: var(--section-bg);
      padding-top: 100px;
      padding-bottom: 100px;

    }
  
    .service-wrapper{
      margin-top: 80px;
    }
    .service-titlewrapper p{
      width: 50%;
      margin-top: 16px;
    }
    .service-one, .service-two, .service-third{
      background-color: var(--primary-white);
      border:1px solid var(--secondary-grey);
      border-radius: 8px;
      padding-top:40px ;
      padding-bottom:40px ;
      padding-left: 24px;
      padding-right: 24px;
      height: 425px;
    }

    .service-namewrapper p {
      margin-top: 16px;
      text-align: justify;
      font-size: 16px;
    }

    .tools-used{
      display: flex;
    }

   .tool-ai, .tool-ps{
      margin-left: 28px;
    }
    .contact-titlewrapper{
      text-align: center;
    }
    .contact-titlewrapper p{
      width: 776px;
      margin-top: 16px;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
    }
    .contact-contentwrapper{
      margin-top: 80px;
    }

    .form-wrapper form .form-group
  {
      margin-top: 24px;
    }

    .form-wrapper form .form-group input, .form-wrapper form .form-group textarea
    {
      margin-top: 8px;
    }
    .form-toolong p {
      margin-top: 16px;
    }
    .email{
      display: flex
    }
    .email-namewrapper{
      margin-left: 16px;
    }

    .email-namewrapper a{
      margin-top: 0px;
    }
    .long-form{
      margin-left: 30px;
    }

    .email-container, .number-container, .address-container{
      display: flex;
      /* background-color: DodgerBlue; */
    }
    
    .number-container{
      margin-top:32px;
    }
    .number-container span a{
      color: var(--heading-color);
    }
    
    .address-container{
      margin-top:32px;
    }
    .address-container span{
      color: var(--heading-color);
    }

    footer{
      padding: 16px;
      background-color: #1A1A1A;
    }
    footer p{
      text-align:center;
      margin-top: auto;
      margin-bottom: auto;
      color: var(--primary-white);
    }
@media only screen and (max-width: 768px) {

    h1{
        font-size: 36px;
        line-height: 46px;
    }
    h2{
        font-size: 28px;
        line-height: 36px;
    }
    h3{
        font-size: 20px;
        line-height: 29px;
    }
    h4{
        font-size: 20px;
        line-height: 29px;
    }
    
    h5{
        font-size: 20px;
        line-height: 29px;
    }

    section{
      margin-top: 60px;
    }

    .project-titlewrapper{
       margin-top: 40px;
    }

    /* .bannersection{
        background-color: var(--main-color);
        height: 100%;
        padding: 0;
        margin: 0;
        width: 100%;
    } */

    .bannertitle p, .bannertitle h1 {
      color: var(--heading-color);
      width: 100%;
      text-align: left;
      margin-top: 16px;
  }
    .section-content .bannertitle{
        color: var(--primary-white);
        width: 100%;
    }
    .flex-container{
        margin-left: 0px;
        flex-direction: column;
      }

      .flex-container &gt; .dribbble, .flex-container &gt; .figma{
        margin-left: 0px;
        margin-top: 30px;
      }

      .navbar-toggler{
        display: none;
      }
      .dribbble-container .image-wrapper, .behance-container ,.image-wrapper, .figma-container .image-wrapper{
        display: block;
      }

      .casestudies .second-case,  .third-case{
        margin-top: 60px;
      }

      .view-casestudy-btn{
        margin-top: 40px;
      }

      .service-wrapper {
        margin-top: 40px;
      }
      .service-one, .service-two, .service-third{
        margin-top: 40px;
        height: auto;
      }
    
      .service-titlewrapper p{
        width: 100%;
        margin-top: 16px;
      }

      .form-toolong{
        margin-top: 40px;
      }

      .contact-titlewrapper p{
        width: 100%;
        margin-top: 16px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
      }
  }




    /* for tab */
    @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {

        .bannersection{
            background-color: var(--main-color);
            height: 100%;
            padding: 0;
            margin: 0;
            width: 100%;
        }
        .section-content .bannertitle{
            color: var(--primary-white);
            width: 100%;
        }
        .flex-container{
            margin-left: 28px;
            flex-direction: row;
          }
    
          .flex-container &gt; .dribbble, .flex-container &gt; .figma{
            margin-left: 0px;
            margin-top: 0px;
          }
    
          .navbar-toggler{
            display: none;
          }

    }
</pre></body></html>