@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@media print {html,body {display: none; }  }  
/* Hide the whole page from print*/
    html {
      /* user-select: none; */
      scroll-behavior: smooth;
      }

    img{pointer-events: none;
      } /* image right click disabled and other mouse functions as well */
      .img-responsive{object-fit: cover;
      height: auto;}
.navbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

#scrollhide{ /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

@keyframes fadeout {
  from {
    opacity: 100%;
  }
  to {
    opacity: 90%;
  }
}

@keyframes fadein {
  from {
    opacity: 90%;
  }
  to {
    opacity: 100%;
  }
}


body {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing:auto;
  font-weight:200 !important;
  font-style: normal !important;
  font-size: medium !important;
  color:rgb(45, 45, 45);
  overflow-x: hidden !important;
}

.a-loader-title {
    display: none !important;
}

.left-quote{
  width:10px;
  height: 10px;
  display:inline-block;
  background-image: url('data:image/svg+xml,<svg fill="%23eeeeee" width="10px" height="10px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z"/></svg>');
  background-repeat: no-repeat;
}


.right-quote{
  width:10px;
  height: 10px;
  display:inline-block;
  background-image:url('data:image/svg+xml,<svg fill="%23eeeeee" width="10px" height="10px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z"/></svg>');
  background-repeat: no-repeat;
}

/* delete later */

:root {
--bs-accordion-btn-icon-edited: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23606060'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

--bs-accordion-btn-active-icon-edited: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23606060'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") ;
  --wrapperheight:300px;

}
.expertise-wrapper{
  position:relative;
  height: var(--wrapperheight);
  overflow:hidden;}

.expertise-image{
  position: absolute;
  height: var(--wrapperheight);
  object-fit: cover;
  width: 100%;
  z-index: 1;
}

.theme-filter{
  width: 100%;
  height:100%;
  position: absolute;
  background-color: var(	--bs-tertiary-bg); 
  opacity:90%;
  animation: fadeout 0.2s linear, unzoom 0.1s cubic-bezier(0.75, 0.8, 0.9, 1) 0s both;
}

.theme-filter:hover{
  background-color: var(--bs-tertiary-bg); 
  opacity: 100%;
  animation: fadein 0.2s linear, zoom 0.1s cubic-bezier(0.75, 0.8, 0.9, 1) 0s both;
 }

.expertise-title{
position: absolute;
font-size:xx-large;
font-weight: 200;
position: absolute;
color: var(--bs-light);
text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
z-index: 3;
top:50%;
left: 10%;
pointer-events:none;
}

#loader{
  z-index: 10000;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #0f0f0f;
  width: 100%;
  height:100%;
}

.loader-icon{
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-40px,-50px);
}


@keyframes trace {
  50%{stroke-dashoffset: 0;
    opacity:1;}
  100%{
    opacity: 0;
    stroke-dashoffset: 450;}
}

.draw{
  stroke-dasharray: 450;
  stroke-dashoffset: 450;
  animation: trace 2s linear forwards;
  animation-iteration-count: infinite;
}

#logo{
width: 100px;
height: 100px;
}


    
    .nav{position: absolute;
            z-index: 5 !important;}

    .drop-menu{
      width : auto;
      height: auto;
      transform: translate( -50px, 13px);
      padding-top: 10px;
      padding-left: 50px;
      padding-right: 20px;
      padding-bottom: 10px;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
      background-color: rgba(0, 0, 0, 0.99);
      opacity: 0.9;
      z-index: 10;
      color:rgb(240, 240, 240);
      position: fixed;
    }
    
    .dropdown-me{
    transform: translate(0px, 8.5px)!important;
    border-top-left-radius:0px  !important;
    border-top-right-radius:0px  !important;
    border-bottom-left-radius:10px  !important;
    border-bottom-right-radius:10px  !important;
    background-color: #000000 !important;
    opacity: 0.9;}

    .dropdown-item{
    font-weight: 200 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;}
    
    .navbar-toggler{
      border:none !important;
      touch-action: manipulation;
      transform: scale(1.00);
      transition: all 0.15s ease;
    }



    .navbar-toggler:focus {
      box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
      overflow: visible;
      transform: scale(1.05);
      transition: all 0.15s ease;
    }


    p,span{
      color: var(--bs-body-color-rgb);
      font-optical-sizing: auto;
      font-weight: 200 ;
      font-style: normal ;
      font-size:medium ;
    }
      

    .op25{filter: brightness(25%);}

    .op50{filter: brightness(50%);}

    .op75{filter: brightness(75%);}


    .img-crop{object-fit: cover;
        animation: unzoom 0.1s cubic-bezier(0.75, 0.8, 0.9, 1) 0s both;}

    .img-crop:hover{animation: zoom 0.1s cubic-bezier(0.75, 0.8, 0.9, 1) 0s both;}

    .frame{overflow: hidden;}

    .imgsquare{
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-height: 100%;
    width: 100%;}

    .textinbox5{vertical-align: middle;
            padding-top: 5%;
            padding-left: 0%;}

    .textinbox10{vertical-align: middle;
    padding-top: 10%;
    padding-left: 5%;}


    .bgimage{
    background-image: url("../img/getintouch.webp");
    object-fit: cover;
    background-color: #cccccc;
    height: 720px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    filter:saturate(50%);}

    .responsive-iframe {aspect-ratio:2.18;}

    .scrolldown{
    position:relative;
    transform: translate(-50%,-50%);
    width:40px;
    height:80px;
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.71 18.83"> <line x1="5.35" y1="0.5" x2="5.35" y2="18.33" style="fill: none;stroke: %23fff;stroke-linecap: round;stroke-miterlimit: 10"/> <polyline points="10.21 13.48 5.35 18.33 0.5 13.48" style="fill: none;stroke: %23fff;stroke-linecap: round;stroke-linejoin: round"/></svg>');
    background-repeat: no-repeat;
    background-size: 40%;
    animation: scrolldown 2.2s ease-in .2s both;
    animation-iteration-count: infinite;}

    .scrollbase{
      position:relative;
      transform: translate(-12px,-24px);
      width:40px;
      height:80px;
      background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 80.01"> <g style="opacity: 0.3"> <rect width="40" height="80.01" rx="20" style="fill: %23fff"/> </g></svg>');}

    @keyframes scrolldown{ 
        0%{transform: translateY(0px);}
        70%{transform: translateY(5px);}
        80%{transform: translateY(0px);}
        100%{transform: translateY(0px);}
    }

  

    .panorama-icon{
background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Cg id="Icons"%3E%3Cg id="Icons_Small"%3E%3Cpath d="M83.22,10.33H25.84c-8.44.02-15.26,6.86-15.27,15.3v13.85c.02,8.42,6.85,15.25,15.27,15.27h15.77c2.18.05,4.2-1.17,5.18-3.12.08-.18.16-.35.26-.52l2.38-4.12c1.63-2.82,5.23-3.78,8.05-2.15.89.52,1.64,1.26,2.15,2.15l2.4,4.09c.1.17.18.34.26.52.97,1.97,2.99,3.19,5.18,3.15h15.75c8.42-.02,15.25-6.85,15.27-15.27v-13.85c0-8.44-6.83-15.28-15.27-15.3Z" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cpolyline points="79.82 22.65 74.15 32 73.9 32.01 68.73 22.95" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cline x1="84.31" y1="32.01" x2="84.31" y2="26.78" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cline x1="92.54" y1="32.01" x2="88.1" y2="28.72" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cpath d="M84.74,22.63h4.35c1.55,0,2.81,1.26,2.81,2.81h0c0,1.55-1.26,2.81-2.81,2.81h-4.35c-.24,0-.43-.19-.43-.43h0v-4.74c0-.24.19-.43.43-.43h0v-.02Z" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cpath d="M44.1,1.51h20.86c1.42,0,2.57,1.15,2.57,2.57h0v2.45h-26v-2.46c0-1.42,1.15-2.57,2.57-2.57h0Z" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cpath d="M107.56,24.67v11.32c0,1.42-1.15,2.57-2.57,2.57h-2.45v-16.45h2.45c1.42,0,2.57,1.15,2.57,2.57h0Z" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cpath d="M6.52,22.1v16.45h-2.45c-1.42,0-2.57-1.15-2.57-2.57v-11.31c0-1.42,1.15-2.57,2.57-2.57h2.45Z" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3Cline x1="12.64" y1="17.97" x2="95.14" y2="17.97" style="fill: none; stroke: %23f0f0f0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
background-repeat: no-repeat; /* Prevents the image from repeating */
background-size: cover; /* Ensures the image covers the element area */
background-position: center; /* Centers the image */
height: 100px;
width:100px;
position: absolute;
transform: translate(-50%,-100%);
top:50%;
left:50%;
z-index: 10;
opacity:0;
animation: inout 1.6s ease-in;
animation-delay:1s;
    }
@keyframes inout {
  50%{opacity:1}
  100%{opacity:0}
  
}

    @keyframes zoom{
        0%{transform: scale(1);}
        100%{transform: scale(1.01);}
    }
    @keyframes unzoom{
        0%{transform: scale(1.01);}
        100%{transform: scale(1);}
    }
     
  
    
    h2{
    font-size: 40px;
    font-weight:100;}

    h3{font-size: 30px;
    font-weight:500;}

    .heading2{font-size: 15px;
      font-weight:200;}

    /* switch css */
    

    .switch {
        position: relative;
        display: inline-block;
        width: 44px;
        height: 24px;
      }
      
      .switch input { 
        opacity: 0;
        width: 0;
        height: 0;
      }
      
      .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: .4s;
        transition: .4s;
      }
      
      .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: #fad067;
        box-shadow: 0px 0px 10px rgba(255, 149, 1, 0.8);
        -webkit-transition: .4s;
        transition: .4s;
      }
      
      input:checked + .slider {
        background-color: rgb(40, 40, 40);
      }
      
      input:focus + .slider {
        box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.361) inset;
      }
      
      input:checked + .slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        background-color: rgba(255, 255, 255, 0);
        /* moon */
        box-shadow: -5px -5px 0px #b7b7b7 inset; 

      }
      
      /* Rounded sliders */
      .slider.round {
        box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.361) inset;
        background-color: rgb(40, 40, 40);

        border-radius: 34px;
      }
      
      .slider.round:before {
        border-radius: 50%;
      }

      .card-image-top{
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: .8 !important;
      }

      .card-image-long{
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 3 !important;}

      .card{
        position: relative;
        overflow: hidden;
        border-radius: 10px !important;
        border-width: 0px;
        border-color: #00000000;
        min-width: 0;
        flex-shrink: 1;
        
      }


      .card-body{
        background-color: hsla(0, 0%, 0%, 0.1);
        aspect-ratio: 3;
        min-width: 0;
      }

  .blogcard{
      & a {
         & div {
          & .card {
            & .card-body {
                background-color: hsla(0, 0%, 0%, 0.1);
                aspect-ratio: 1.0 !important;
                min-width: 0;

              }     
            }
          }
        }
     }

[data-bs-theme="dark"] .blogcard{
      & a {
         & div {
          & .card {
            & .card-body {
                background-color: #202020;
                aspect-ratio: 1.0 !important;
                min-width: 0;

              }     
            }
          }
        }
     }



      .card-title{
        padding: 0px !important;
        margin: 0px !important;
        font-size: medium;
        }

      .card-text{
        padding: 0px !important;
        margin: 0px !important;
        font-size: small;
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }


  [data-bs-theme="dark"] .search{
    background-color: #202020;
    color:#ffffff ;
    border-color: #ffffff !important;
      /* background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.58 64.58'%3E%3Ccircle cx='26' cy='26' r='25' style='fill: %23252525%3Bstroke: %23fff%3Bstroke-linecap: round%3Bstroke-miterlimit: 10%3Bstroke-width: 2px'/%3E%3Cline x1='44.19' y1='44.19' x2='63.58' y2='63.58' style='fill: none%3Bstroke: %23fff%3Bstroke-linecap: round%3Bstroke-miterlimit: 10%3Bstroke-width: 2px'/%3E%3C/svg%3E"); */
}



  .search{
    /* background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.58 64.58'%3E%3Ccircle cx='26' cy='26' r='25' style='fill: %23fff%3Bstroke: %23231f20%3Bstroke-linecap: round%3Bstroke-miterlimit: 10%3Bstroke-width: 2px'/%3E%3Cline x1='44.19' y1='44.19' x2='63.58' y2='63.58' style='fill: none%3Bstroke: %23231f20%3Bstroke-linecap: round%3Bstroke-miterlimit: 10%3Bstroke-width: 2px'/%3E%3C/svg%3E"); */
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center right 15px;
    border-radius: 20px !important;
    border-width: 1px !important;
    height:auto;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 20px !important;
  }

  [data-bs-theme="dark"] .modal-content{
    background-color: #202020;
    border-color: #ffffff !important;
}


  .dropdown .btn{
    background-color: rgba(255, 255, 255, 0.5);
    border-color: rgba(0, 0, 0, 0.3);
    border-width: 1px;
    padding: 7px 0px 7px 20px;
      background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  viewBox='0 0 330 330' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607 79.393c-5.857-5.857-15.355-5.858-21.213 0.001l-139.39 139.393L25.607 79.393c-5.857-5.857-15.355-5.858-21.213 0.001c-5.858 5.858-5.858 15.355 0 21.213l150.004 150c2.813 2.813 6.628 4.393 10.606 4.393s7.794-1.581 10.606-4.394l149.996-150C331.465 94.749 331.465 85.251 325.607 79.393z'/%3E%3C/svg%3E");
      background-size: 12px;
      background-repeat: no-repeat;
      background-position: center right 15px;
  }


  /* .quote-end{
    background-image:url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path fill="none" d="M0 0h24v24H0z"/><path d="M19.417 6.679C20.447 7.773 21 9 21 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311-1.804-.167-3.226-1.648-3.226-3.489a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179zm-10 0C10.447 7.773 11 9 11 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311C4.591 12.322 3.17 10.841 3.17 9a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179z"/></g></svg>');
  }
.quote-start{
  background-image: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path fill="none" d="M0 0h24v24H0z"/><path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z"/></g></svg>');
} */



.aspect-expertise-web{
  aspect-ratio:3 !important;}

.aspect-expertise-mobile{
    aspect-ratio:1.2 !important;}

.plain-text{text-decoration: none;}

.carousel-indicators button{
border-radius: 100%;
height: 6px !important;
width: 6px !important;
margin: 4px !important;
}

.carousel-indicators{
margin: 4px !important;
}

.carousel,
.carousel-inner,
.carousel-item {
  background-color: #000;
}

.carousel-item img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
}
.a-loader-title {color: rgb(184, 184, 184);}

.favicon { background-image: url('data:image/svg+xml,%3Csvg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="256px" height="256px" viewBox="0 0 357.18 348.54"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23efa82e;stroke-linecap:round;stroke-linejoin:round;stroke-width:15px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class="cls-1" points="5.26 342.18 5 194.79 176.88 5 352.18 200.09 352.14 343.33 101.06 343.54 100.66 224.75 240.79 76.91"/%3E%3C/svg%3E') ;}

.framebox{
  width:100%;
}

textarea::placeholder,input::placeholder {
  color: var(--bs-tertiary-color) !important;

}

select{color: var(--bs-tertiary-color) !important;}

.form-select:focus,.form-control:focus{
  outline: none !important; /* Removes the outline */
  box-shadow: none !important; /* Removes the box-shadow */
  border-color: var(--bs-secondary);
}

.accordion-button:focus {
  outline: none !important; /* Removes the outline */
  box-shadow: none !important; /* Removes the box-shadow */
  background: #00000000;
}

.accordion-body {
  font-size:large;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.accordion-button:not(.collapsed) {
  font-size:large;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  color: var(--bs-tertiary);
}

.accordion-button:not(.collapsed):not(:focus){background-color: #00000000;}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon-edited);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button.collapsed {
  font-size:large;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;

}

.accordion-button::after {
  background-image: var(--bs-accordion-btn-icon-edited);
}


.cookie-box{
width:350px;
  position: fixed;
  bottom:5%;
  right:5%;
  left:5%;
  border-radius: 15px;
  border: 0px solid rgba(var(--bs-tertiary-color-rgb),1) ;
  background-color:rgba(var(--bs-tertiary-bg-rgb),1);
  z-index: 10;
  padding:35px;
  box-shadow: -4px 4px 20px rgba(0,0,0,0.3); 
  display: none;
}

.video-wrapper{
  position:relative;
  overflow:hidden;
  object-fit:cover;
  width: 100%;
}

.video-player{
  position: absolute;

}

.carousel-indicators button{
margin:10px !important;
margin-left:16px !important;
margin-right:16px !important;
width: 8px !important;
height: 8px !important;
}


.video-caption{
  padding: 15px;
  position: absolute;
  z-index: 1;
  top: 35%;
  left: 15%;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.video-caption h1{
  font-size: 50px;
  font-weight: 500;
}

.video-caption p a, .video-caption p{
  font-size: 18px;
  font-weight: 100;
}

.gradient{
  position: absolute;
  z-index: 1; 
  width: 100%; 
  height: 100%; 
  background: linear-gradient(to right, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));
}

.collapse {
    -webkit-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.navbar-collapse.collapsing {
  -webkit-transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.navbar-collapse.show {
    height: auto;
    opacity: 1;
}


:root {
  --scroll-speed: 30s; /* Adjust scroll speed here */
}


.image-reel-container {
  width: 100%;
  overflow: hidden;
  background: #000; /* optional */
  position: relative;
}

.image-reel {
  display: flex;
  gap: 20px;
  animation: scroll-left var(--scroll-speed) linear infinite;
}

.image-reel-track {
  display: flex;
  width: 100%;
  animation: inherit;
}

.image-reel a {
  display: block;
  height: 350px; /* Set fixed height */
  flex-shrink: 0;
}

.image-reel img {
  height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
}

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

[data-bs-theme="dark"] body{
  background-color: #151515 !important;
    color:rgb(220, 220, 220);
}

[data-bs-theme="dark"] .card-body{
  background-color: #202020 ;
}

[data-bs-theme="dark"] .form-control{
  background-color: #202020;
}


.service-wrapper{
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}

.service-bg{
height:100%;
width:100%;
object-fit: cover; 
position: absolute;
z-index: 1;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}

.service-overlay{
  top:50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
}

.text-shadow{
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
}

.carousel-control-next{
  justify-content:end;
}

.carousel-control-prev{
  justify-content:start;
}




.rubber-button{
  background-color: rgba(var(--bs-body--color),1);
   box-shadow:2px -2px 2px 0px rgba(255, 255, 255, 1),
              inset -3px 3px 3px 0px rgba(255, 255, 255, 1),  
              -4px 4px 4px 0px rgba(0, 0, 0, .1),
              inset 3px -3px 3px 0px rgba(0, 0, 0, .1)
               ;
  border-radius: 50px; 
  border-width: 0px ; 
  text-decoration: none;
  display: inline;
  padding:10px 25px;
}

.rubber-button:active{
  box-shadow: 2px -2px 2px 0px rgba(255, 255, 255, 1),
  inset -1px 1px 1px 0px rgba(255, 255, 255, 1),  
  -4px 4px 4px 0px rgba(0, 0, 0, .1),
  inset 1px -1px 1px 0px rgba(0, 0, 0, .1)
   ;
}



[data-bs-theme="dark"] .rubber-button{
  background-color: rgba(var(--bs-body--color),1);
   box-shadow:2px -2px 2px 0px rgba(255, 255, 255, .1),
              inset -3px 3px 3px 0px rgba(255, 255, 255, .1),  
              -4px 4px 4px 0px rgba(0, 0, 0, .3),
              inset 3px -3px 3px 0px rgba(0, 0, 0, .3)
               ;
  border-radius: 50px; 
  border-width: 0px ; 
  text-decoration: none;
  display: inline;
  padding:10px 25px;
}

[data-bs-theme="dark"] .rubber-button:active{
  box-shadow: 2px -2px 2px 0px rgba(255, 255, 255, .1),
  inset -1px 1px 1px 0px rgba(255, 255, 255, .1),  
  -4px 4px 4px 0px rgba(0, 0, 0, .3),
  inset 1px -1px 1px 0px rgba(0, 0, 0, .3)
   ;
}

[data-bs-theme="dark"] .engraved{
  background-color: #101010;
  text-shadow: rgba(232, 232, 232, 0.8) -0.5px 0.5px 0.5px;
}


.engraved{
  background-color: #aeaeae;
	background-clip: text;
  color: transparent;
  text-shadow: rgba(255, 255, 255, 0.568) -0.5px 0.5px 0.5px;
  font-weight: 400;
}

.engraved:active{
  transform: translate(-0.5px,0.5px);
}