@charset "UTF-8";

/*
Theme Name: Icon Starter
Theme URI: https://icon-infotech.net
Author: Mohammad Jewel
Author URI: https://facebook.com/jewelmm9
Description: Icon starter is a multiparous theme.
Tested up to: 5.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mugdho
Tags: one-column, accessibility-ready, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 */
 .mc_icon {
    position: relative !important;
 }
 .mc_icon::before {  
    clip-path: polygon(4.596% 0.565%,4.596% 0.565%,3.947% 0.895%,3.336% 1.309%,2.766% 1.801%,2.24% 2.364%,1.762% 2.994%,1.336% 3.686%,0.966% 4.433%,0.655% 5.23%,0.407% 6.072%,0.226% 6.954%,0.226% 6.954%,0.176% 7.633%,0.134% 9.052%,0.099% 11.243%,0.071% 14.238%,0.051% 18.072%,0.037% 22.777%,0.03% 28.386%,0.029% 34.931%,0.034% 42.447%,0.045% 50.966%,0.113% 93.462%,0.747% 95.156%,0.747% 95.156%,0.969% 95.705%,1.219% 96.23%,1.495% 96.729%,1.795% 97.201%,2.119% 97.644%,2.466% 98.057%,2.834% 98.439%,3.221% 98.786%,3.628% 99.099%,4.052% 99.376%,5.094% 100%,94.968% 100%,96.009% 99.376%,96.009% 99.376%,96.433% 99.099%,96.84% 98.786%,97.228% 98.439%,97.595% 98.057%,97.942% 97.644%,98.266% 97.201%,98.566% 96.729%,98.842% 96.23%,99.092% 95.705%,99.314% 95.156%,99.948% 93.462%,100.016% 62.259%,100.016% 62.259%,100.026% 56.181%,100.03% 50.744%,100.027% 45.939%,100.017% 41.754%,100.002% 38.18%,99.98% 35.207%,99.952% 32.824%,99.919% 31.023%,99.88% 29.793%,99.835% 29.123%,99.835% 29.123%,99.782% 28.765%,99.722% 28.409%,99.657% 28.055%,99.585% 27.703%,99.506% 27.353%,99.421% 27.006%,99.33% 26.662%,99.233% 26.32%,99.129% 25.982%,99.02% 25.646%,99.02% 25.646%,98.694% 24.858%,98.32% 24.143%,97.887% 23.492%,97.382% 22.896%,96.796% 22.344%,96.115% 21.827%,95.33% 21.335%,94.428% 20.858%,93.398% 20.387%,92.228% 19.911%,92.228% 19.911%,90.917% 19.385%,89.803% 18.853%,88.861% 18.284%,88.064% 17.642%,87.387% 16.895%,86.802% 16.008%,86.285% 14.949%,85.808% 13.684%,85.345% 12.179%,84.871% 10.401%,84.871% 10.401%,84.719% 9.788%,84.565% 9.183%,84.412% 8.598%,84.262% 8.041%,84.118% 7.522%,83.984% 7.05%,83.863% 6.635%,83.757% 6.286%,83.669% 6.013%,83.603% 5.825%,83.603% 5.825%,83.404% 5.38%,83.153% 4.909%,82.858% 4.424%,82.528% 3.935%,82.171% 3.455%,81.797% 2.994%,81.414% 2.564%,81.031% 2.177%,80.656% 1.843%,80.298% 1.575%,80.298% 1.575%,79.621% 1.141%,78.889% 0.795%,77.849% 0.527%,76.251% 0.327%,73.84% 0.186%,70.367% 0.092%,65.577% 0.037%,59.22% 0.01%,51.043% 0.001%,40.794% -0%,40.794% 0%,31.784% 0.009%,24.453% 0.022%,18.619% 0.04%,14.103% 0.066%,10.725% 0.104%,8.304% 0.156%,6.661% 0.225%,5.615% 0.315%,4.987% 0.427%,4.596% 0.565%);
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    content: "" !important;
    display: block !important;
    background: #031b4e;
}
.mc_list ul li .elementor-icon-list-text {
    width: 100%;
}
.mc_icon.mc_sc::before {
    background: #3368c6 !important;
}

.img-wrapper {
    clip-path: polygon(6.232% .432%,6.232% .432%,5.354% .704%,4.526% 1.042%,3.753% 1.442%,3.04% 1.9%,2.393% 2.412%,1.816% 2.972%,1.313% 3.577%,.891% 4.222%,.554% 4.903%,.307% 5.616%,.307% 5.616%,.239% 6.246%,.181% 7.641%,.134% 9.838%,.097% 12.874%,.069% 16.786%,.051% 21.61%,.041% 27.382%,.04% 34.141%,.047% 41.922%,.061% 50.762%,.153% 94.684%,.798% 95.788%,.798% 95.788%,1.084% 96.238%,1.407% 96.669%,1.767% 97.08%,2.16% 97.47%,2.587% 97.837%,3.045% 98.181%,3.533% 98.499%,4.048% 98.792%,4.59% 99.056%,5.157% 99.292%,6.907% 99.964%,36.839% 100.036%,36.839% 100.036%,42.57% 100.047%,47.735% 100.051%,52.337% 100.047%,56.376% 100.038%,59.856% 100.021%,62.778% 99.998%,65.143% 99.969%,66.954% 99.933%,68.212% 99.891%,68.92% 99.844%,68.92% 99.844%,69.701% 99.73%,70.49% 99.578%,71.275% 99.393%,72.046% 99.177%,72.792% 98.935%,73.502% 98.671%,74.165% 98.388%,74.771% 98.091%,75.308% 97.783%,75.766% 97.468%,75.766% 97.468%,76.191% 97.116%,76.585% 96.745%,76.954% 96.346%,77.304% 95.911%,77.642% 95.431%,77.974% 94.897%,78.305% 94.299%,78.642% 93.631%,78.991% 92.882%,79.358% 92.044%,79.358% 92.044%,80.059% 90.471%,80.718% 89.157%,81.376% 88.068%,82.075% 87.173%,82.857% 86.436%,83.765% 85.826%,84.84% 85.308%,86.124% 84.85%,87.66% 84.418%,89.489% 83.979%,89.489% 83.979%,91.465% 83.502%,93.172% 83.009%,94.632% 82.485%,95.867% 81.916%,96.899% 81.285%,97.749% 80.579%,98.439% 79.78%,98.992% 78.875%,99.429% 77.848%,99.773% 76.683%,99.773% 76.683%,99.841% 76.095%,99.899% 74.924%,99.946% 73.137%,99.983% 70.696%,100.011% 67.566%,100.029% 63.71%,100.039% 59.094%,100.04% 53.681%,100.033% 47.436%,100.018% 40.322%,99.926% 5.4%,99.282% 4.296%,99.282% 4.296%,98.996% 3.846%,98.673% 3.415%,98.313% 3.004%,97.919% 2.614%,97.493% 2.247%,97.035% 1.903%,96.547% 1.585%,96.032% 1.292%,95.489% 1.028%,94.922% .792%,93.172% .12%,50.5% .072%,50.5% .072%,39.499% .059%,30.551% .052%,23.433% .051%,17.925% .06%,13.803% .081%,10.847% .115%,8.833% .165%,7.541% .233%,6.748% .321%,6.232% .432%);
}
/* team section */

/* team section */

.btn-hover{
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .btn-hover:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(3 27 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .team-social{
    visibility: hidden;
    position: absolute;
    bottom: 2.5rem;
    right: 0px;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }
  
  .social_li{
    margin-bottom: 0.25rem;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .social_li:hover{
    background-color: rgb(3 27 78 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(51 104 198 / var(--tw-bg-opacity));
  }
  
  .social_li a{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .social_li:nth-child(1) {
    transform: translate(0,0);
  }
  
  .social_li:nth-child(2) {
    transform: translate(0,43px);
  }
  
  .social_li:nth-child(3) {
    transform: translate(0,86px);
  }
  
  .social_li:nth-child(4) {
    transform: translate(0,129px);
  }
  
  .team-btn:hover .social_li {
    transform: translate(0);
  }
  
  .team-btn:hover .social_li:nth-child(2) {
    transform: translate(0,0);
  }
  
  .team-btn:hover .social_li:nth-child(3) {
    transform: translate(0,0);
  }
  
  .team-btn:hover .social_li:nth-child(4) {
    transform: translate(0,0);
  }
  
  .team-btn:hover .team-social{
    visibility: visible;
    --tw-translate-y: -1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }


  #menu-main .menu-item {
    position: relative;
  }
  #menu-main ul.sub-menu {
      position: absolute;
      top: 48px;
      left: 0;
      width: 200px;
      background: #000;
      z-index: 9999;
    display: none;
    visibility: hidden;
    transition: all 0.4s ease;
  }
  #menu-main li:hover .sub-menu{
    display:block;
    visibility: visible;
  }
  #menu-main ul.sub-menu li a {
  
    border-left: none;
    border-bottom-width: 1px
  }
  #menu-main ul.sub-menu li:last-child a {
    border: none;
  }
  #menu-main-1 ul.sub-menu {
    display: none;
    visibility: hidden;
    margin-left: 30px;
      padding-left: 10px;
  }
  .menu-item-has-children > a {
      position: relative;
  }
  #menu-main .menu-item-has-children > a::after {
    content: "\ea4d";
      font-family: 'remixicon' !important;
      font-style: normal;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
  }

/* Style the button */
#scrollBtn {
  display: none; /* Hidden by default */
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #333;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

#scrollBtn:hover {
  background-color: #555;
}
html {
  scroll-behavior: smooth;
}