@font-face {
    font-family: 'Fondamento';  /* Give your font a name */
    src: url('/Assets/fonts/Neuton-Bold.ttf') format('truetype');  /* Path to the .ttf file */
    src: url('/Assets/fonts/Neuton-Regular.ttf') format('truetype');  /* Path to the .ttf file */
    font-weight: normal;
    font-style: normal;
}


html{
  /* font-family: 'Fondamento' !; */
}
#headerimg {
    background-size: contain;
    background-repeat: no-repeat;
}
#tt-header{
  background-size: 100vw;
    background-repeat: no-repeat;
    
}
#hero-content{
  top: -58px;

}
#hero-img{
  max-width: 55%;
    height: auto;
    box-sizing: border-box;
}

/* Gradient focus ring for inputs */
/* input:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
    } */
  #bf-2{
  display: flow-root;
  box-sizing: border-box;
  padding: 10px;
  /* margin-top: 10px; */
  background-color: #0f1f2d;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;

}
#tt-btn2{
  /* box-shadow: 0 0 2px 1px; */
  padding: 10px;
  border-radius: 21px 0px 31px 0;
}
#tt-btn2:hover{
  color: #e5e5e5;
  background-color: #2D4470;
  border-color: #2D4470;
}
html{
  
}
#faq{
  
  /* background-image: url('/Assets/faq-img.webp'); */
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 100vh;
}
/* outine fnc */
.outlined-text {
  font-weight: 800;
  font-style: italic; 
  text-align: center;
  color: #2A456D;
  
  /* White outline */
  -webkit-text-stroke: 1px #ffffff;
  
  /* Fallback for non-WebKit browsers */
  text-shadow:
  -1px -1px 0 #ffffff,
  /* 1px -1px 0 #ffffff,
  -1px  1px 0 #ffffff,
  1px  1px 0 #ffffff; */
}

/* float-whatsapp */
.float{
  position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
  margin-top:16px;
}

/* Testimonials */
#testimonials{
  background-color: #0f1f2d;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 70vh;
}
* Default
*/
.uk-section-default h3{
  
  font-size: 4rem !important;
}
.uk-section-default {
  padding: 10px;
  --uk-inverse: dark;
  background: #fff;
}
/*
* Muted
*/
.uk-section-muted {
  --uk-inverse: dark;
  background: #f8f8f8;
}
/*
* Primary
*/
.uk-section-primary {
  --uk-inverse: light;
  background: #1e87f0;
}
/*
* Secondary
*/
.uk-section-secondary {
  --uk-inverse: light;
  background: #222;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-fadeIn {
  animation: fadeIn 0.4s ease-out forwards;
}

@media screen and (max-width: 768px) {
  .headerimg {
    background-size: contain !important;
  }
  #hero-img{
    max-width: 30%;
}
#hero-heading1{
  margin-top: 2rem;
  color: #E4B05A;
}
#hero-content {
    top: -37px;
    padding-bottom: 8px;
}
  }
  #tt-header{
    background-position-x: 78%;
  }
  #about{
    background-position: left;
    /* font-family: "Unna", serif;
    font-weight: 700; */
  }
  #tt-header{
    background-size: 100vw;
      background-repeat: no-repeat;
      background-size: cover;
  
  }
  

  #faq{
    background-position: top left;
  }
  #b4f{
    flex-direction: column;
  }
  #b4f img{
    display: block;
  }
  
  
  
  #hero-tt{
    background-position: 74% !important;
  }
  @media screen and (min-width: 800px){
    #b4f{
      flex-direction: row;
    }

  }
  @media screen and (min-width: 768px)and (max-width: 2560px){
    #b4f{
      /* background-color: #00000079; */
      display: block;
      margin: auto;
      max-width: 1200px;
      align-items: center;
      justify-content: center;
    }
    #b4f img{
      max-width: 150px;;
    }
  #tt-btn2{
    /* box-shadow: 0 0 2px 1px; */
    border-radius: 21px 0px 31px 0;
    padding: 8px !important;
  }
  #tt-header{
    min-height: 500px;
    background-size: cover;
  }
  #headerimg{
    margin-top: 47px;
  }
  #bf-2{
    /* margin-top: 40px; */
  }
  #footerlinks{
    /* display: flex !important; */
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 768px){
  #tt-header{

  }
  #hero-heading1{
    z-index: 999;
    color: #E4B05A;
  }
  
}
@media screen and (min-width: 768px) and (max-width: 1024px){

#tt-btn2{
    /* box-shadow: 0 0 2px 1px; */
    border-radius: 21px 0px 31px 0;
    padding: 8px !important;
  }


}




/* UI-kit */

/*! UIkit 3.23.11 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
/* ========================================================================
   Component: Base
 ========================================================================== */
/*
 * 1. Set `font-size` to support `rem` units
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Style
 */
html {
  /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #666;
}
/*
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/* Links
 ========================================================================== */
/*
 * Style
 */
a,
.uk-link {
  /* color: #D4AF37; */
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link {
  /* color: #D4AF37; */
  /* text-decoration: underline; */
}
/* Text-level semantics
 ========================================================================== */
/*
 * 1. Add the correct text decoration in Edge.
 * 2. The shorthand declaration `underline dotted` is not supported in Safari.
 */
abbr[title] {
  /* 1 */
  text-decoration: underline dotted;
  /* 2 */
  -webkit-text-decoration-style: dotted;
}
/*
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/*
 * 1. Consolas has a better baseline in running text compared to `Courier`
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Style
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  /* 1 */
  font-family: Consolas, monaco, monospace;
  /* 2 */
  font-size: 0.875rem;
  /* 3 */
  color: #f0506e;
  white-space: nowrap;
  padding: 2px 6px;
  background: #f8f8f8;
}
/*
 * Emphasize
 */
em {
  color: #f0506e;
}
/*
 * Insert
 */
ins {
  background: #ffd;
  color: #666;
  text-decoration: none;
}
/*
 * Mark
 */
mark {
  background: #ffd;
  color: #666;
}
/*
 * Quote
 */
q {
  font-style: italic;
}
/*
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
 ========================================================================== */
/*
 * Remove the gap between the element and the bottom of its parent container.
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * 1. Constrain the element to its parent width.
 * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present.
 * 3. Take border and padding into account.
 */
canvas,
img,
svg,
video {
  /* 1 */
  /* max-width: 100%; */
  /* 2 */
  height: auto;
  /* 3 */
  box-sizing: border-box;
}
/*
 * Deprecated: only needed for `img` elements with `uk-img`
 * 1. Hide `alt` text for lazy load images.
 * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
 */
img:not([src]) {
  /* 1 */
  visibility: hidden;
  /* 2 */
  min-width: 1px;
}
/*
 * Iframe
 * Remove border in all browsers
 */
iframe {
  border: 0;
}
/* Block elements
 ========================================================================== */
/*
 * Margins
 */
p,
ul,
ol,
dl,
pre,
address,
fieldset,

/* Add margin if adjacent element */
* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,

/* Headings
 ========================================================================== */

hr,
.uk-hr {
  /* 1 */
  overflow: visible;
  /* 2 */
  text-align: inherit;
  /* 3 */
  /* margin: 0 0 0px 0; */
  border: 0;
  /* border-top: 1px solid #e5e5e5; */
}
/* Add margin if adjacent element */
* + .uk-hr {
  margin-top: 20px;
}
/* Address
 ========================================================================== */
address {
  font-style: normal;
}
/* Blockquotes
 ========================================================================== */
blockquote {
  margin: 0 0 20px 0;
  font-size: 1.25rem;
  line-height: 1.5;
  font-style: italic;
  color: #333;
}
/* Add margin if adjacent element */
* + blockquote {
  margin-top: 20px;
}
/*
 * Content
 */
blockquote p:last-of-type {
  margin-bottom: 0;
}
blockquote footer {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #666;
}
blockquote footer::before {
  content: "— ";
}
/* Preformatted text
 ========================================================================== */
/*
 * 1. Contain overflow in all browsers.
 */
pre {
  font: 0.875rem / 1.5 Consolas, monaco, monospace;
  color: #666;
  -moz-tab-size: 4;
  tab-size: 4;
  /* 1 */
  overflow: auto;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  background: #fff;
}
pre code {
  font-family: Consolas, monaco, monospace;
}
/* Focus
 ========================================================================== */
:focus {
  outline: none;
}
:focus-visible {
  outline: 2px dotted #333;
}
/* Selection pseudo-element
 ========================================================================== */
::selection {
  background: #39f;
  color: #fff;
  text-shadow: none;
}
/* HTML5 elements
 ========================================================================== */
/*
 * 1. Add the correct display in Edge, IE 10+, and Firefox.
 * 2. Add the correct display in IE.
 */
details,
main {
  /* 2 */
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/*
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Pass media breakpoints to JS
 ========================================================================== */
/*
 * Breakpoints
 */
:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
}
/* ========================================================================
   Component: Link
 ========================================================================== */
/* Muted
 ========================================================================== */
a.uk-link-muted,
.uk-link-muted a,
.uk-link-toggle .uk-link-muted {
  color: #999;
}
a.uk-link-muted:hover,
.uk-link-muted a:hover,
.uk-link-toggle:hover .uk-link-muted {
  color: #666;
}
/* Text
 ========================================================================== */
a.uk-link-text,
.uk-link-text a,
.uk-link-toggle .uk-link-text {
  color: inherit;
}

a.uk-link-text:hover,
.uk-link-text a:hover,
.uk-link-toggle:hover .uk-link-text {
  color: #999;
}
/* Heading
 ========================================================================== */
a.uk-link-heading,
.uk-link-heading a,
.uk-link-toggle .uk-link-heading {
  color: inherit;
}
a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading {
  /* color: #D4AF37; */
  text-decoration: none;
}
.hr-with-text { display: flex; align-items: center;
        text-align: center; width: 100%;background: radial-gradient(farthest-side at center, #3d7494 0%, rgb(0, 0, 0) 100%);
        height: 30px;color: white; font-weight: 400;font-family: 'Fondamento';font-size: 2rem;}
          .hr-with-text::before, .hr-with-text::after 
          { content: ''; flex: 1; border-bottom: 1px solid #e7e1e1;color: aliceblue; 
            }
          .hr-with-text::before { margin-right: .25em; } 
       .hr-with-text::after { margin-left: .25em; }






/* hr {
    height: 2px;
    margin: 20px 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), #333, rgba(0, 0, 0, 0));
    border: 0;
  }
  
  hr:after {
    content: '';
    display: block;
    height: 30px;
    background: radial-gradient(farthest-side at top, #ccc 0%, rgba(255, 255, 255, 0) 100%);
  } */
/* Reset
 ========================================================================== */
/*








/* scroll-animate L to R */

.scroll-animate {
    transform: translateX(-100%); /* Start off-screen to the left */
    opacity: 0; /* Initially invisible */
    transition: transform 1s ease-out, opacity 1s ease-out; /* Smooth animation */
}

.scroll-animate.visible {
    transform: translateX(0); /* Slide to its normal position */
    opacity: 1; /* Fully visible */
}





/* Drop Down Animation */

.drop-motion {
    transform: translateY(-80px); /* Start above */
    opacity: 0;
    transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), 
                opacity 0.9s ease;
}

.drop-motion.drop-active {
    transform: translateY(0);
    opacity: 1;
}




@media (max-width: 800px) {
  #b4f img{
     /* margin: auto;     */
    }
        #footerlinks {
        display: flex;
        flex-direction: column;
        }
    #footerlinks img{
      display: block;
      margin: auto;
    }
    .uk-container{
      padding: 20px;
      margin: 10px !important;
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}


@media screen and (min-width: 800px) {
    .uk-container{
        margin: 10px;
       
    }
    #footerlinks{
      display: flex;
    }
    
}



#footerlinks a{
  color: whitesmoke;
}
#footerlinks a:hover{
  color: #E4B05A;
}
footer a:hover{
  color: #1e87f0 !important;
}
#footerlinks p{
  color:#36588b;
  font-weight: 400;
  text-emphasis-style: var(--uk-breakpoint-m);
}

#tt-logo1{
  max-width: 4rem;
}