body{ background:url(../images/Body-BG.webp) center top no-repeat; background-size:cover;
  font-size: 18px; color:#fff; line-height:28px;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1{ font-size: 60px; line-height:75px; color:#fff; font-weight:500; } 
h2{ font-size: 50px; line-height: 60px; color:#fff; font-weight:700; }
h3{ font-size: 38px; line-height:44px; font-weight:600; color:#fff; }
h4{ font-size: 25px; line-height:40px; font-weight:400; color:#fff; }
h5{ font-size: 22px; line-height:36px; font-weight:400; color:#fff; }
h6{ font-weight:400; color:#fff; }

.full-width{ width:100%; margin:0 auto; }
ul{ margin:0px; padding:0px; list-style:none; }
a{ color: #071c4d; text-decoration:none; outline:none; transition: all 0.3s ease 0s; }
a:hover, a:focus{ color: #175cff; text-decoration: none; }

h2.title span{ background:#01f0ff; padding:0 4px; }

.page-gapping{ padding:50px 0px; }
.gapping{ padding-left:0px; padding-right:0px; }

.heading-title{ margin-bottom:35px; }

img{ max-width:100%; }





/* BUTTON 5 */




input{ width: 100%; padding: 0 15px; border: 1px solid #f5f5f5; font-weight: 400; outline: 0; border-radius: 6px; background-color: #f4f5f7; font-size: 15px;
transition: all 0.3s ease 0s; line-height:50px; color: #212529; display: block; }
input:hover, input:focus{ border:1px solid #000; outline:none; }
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
input::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

select{ background: url(assets/images/select-arrow-grey.png) right 22px no-repeat #fff; border-radius:4px; padding:10px 12px; color: #000; border:0;
border-bottom:0; width: 100%; margin-bottom:10px; font-size:18px; transition: all 0.3s ease 0s; -webkit-appearance:none;-moz-appearance:none;appearance:none; 
font-family: 'Poppins', sans-serif; }
select:hover, select:focus{ border:0; border-bottom:0px;  outline:none; }

textarea{ width:100%; color: #212529; background-color: #f4f5f7; border:1px solid #ced4da; font-weight: 400; font-size: 15px; color: #212529; padding: 10px 15px 0;
outline: 0; transition: all 0.3s ease 0s; height:130px; border-radius: .25rem; }

textarea:hover, textarea:focus{ border:1px solid #000; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

input[type="radio"], input[type="checkbox"]{ width:auto; margin-right: 4px; margin-bottom:10px; }


.no-gap{ padding:0px; }
.clear{ clear:both; }
.text-end { text-align: right !important; }



/* Header Section */
.page{ position:relative; }

.header{  }


.logo-white{ float:left; padding:15px 0px 40px; }
.logo-white .row {  }
.logo-white .logo-top { padding-top:4px; }

.logo-white .navigation { padding-top:0; }
.logo-white .navigation .top-menu { padding:0px 0 0 0; width: 100%; }
.nav-sec{ width:100%; float:left; padding: 20px 0 0 0; }

.nav-sec .navbar{ padding:0px; background: none !important; width: 100%;  }
.nav-sec .navbar-default{ background-color:initial;  }
.nav-sec .navbar-collapse { padding: 0px; text-align:center; border: 0; }
.nav-sec .navbar-default{ border: 0; min-height: initial; margin: 0px; background: none; float:left; width:100%; }

.nav-sec .menu-top-menu-container { width: 100%; }
.nav-sec ul{ width:100%; display:inline-block; }
.nav-sec ul li { display:inline-block; margin-right:5px; }
.nav-sec ul li:last-child { margin-right:0px; }
.nav-sec ul li a { color: #fff !important; padding: 3px 5px 14px !important; text-align: center; line-height: 32px; display: block; font-weight: 500; text-transform: none; font-size: 17px; }
.nav-sec ul li a:hover, .nav-sec ul li a:focus{ background-color:initial !important; color:#ffffff !important; }
.nav-sec ul li.active a{ background-color:initial !important; color:#ffffff !important; }
.nav-sec .navbar-default .navbar-nav > .open > a, .nav-sec .navbar-default .navbar-nav > .open > a:hover, 
.nav-sec .navbar-default .navbar-nav > .open > a:focus{ background-color:initial !important; color:#ffffff !important; }


.nav-sec ul li a span { position: relative; }
.nav-sec li a:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-sec ul li a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -20px;
    left: 0;
    background-color: #ffffff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav-sec ul li.current-menu-item a span  { border-bottom: 4px solid #ffffff; padding-bottom:16px; }
.nav-sec ul li.current-menu-item a span:before  { content:none; }


.nav-sec .navbar-nav li:hover > ul.dropdown-menu { display: block; }
.nav-sec .dropdown-submenu { position:relative; }
.nav-sec .dropdown-submenu > .dropdown-menu {  }
.nav-sec .dropdown-submenu li {  float: left; width: 100%; text-align: left; }
.nav-sec .dropdown-submenu li:last-child{ margin:0px; padding:0px; border:0px; }
.nav-sec .dropdown-menu a{ font-size: 14px; line-height: 25px; text-align: left; border-bottom: 1px solid #cecece; padding:5px 12px !important;
margin-bottom:3px; }
.nav-sec .dropdown-menu a:last-child{ border:0px; margin:0px; }
.nav-sec .dropdown-menu a .fa-solid{ font-size:15px; }



.header-hero { display: inline-block; text-align: center; }
.header .btns { width: 100%; text-align: center; padding: 60px 0 20px; }
.header .btns a { background: url(../images/Button-BG.webp)0 0 no-repeat; color: #fff; font-size: 35px; font-weight: 600; padding: 10px 35px; background-size: cover; }

.header-hero .logo-1 { padding: 0 0 60px 0; }
.header-hero .content { padding-bottom:0px; }
.header-hero .content p { font-size: 26px; padding-top: 25px; font-weight: bold; text-shadow: 2px 2px 0 #000; line-height: 40px; }





/* Header Section */


 


/* Middle Section */
.middle-container{ overflow:hidden;  padding-bottom:0px; }
p:empty{ display:none; }

.title{ position:relative; }
.title:before{ content:""; width:349px; height:40px; background:url(../images/Red-Left-Arrow.webp) 0 0 no-repeat; position:absolute; left:0px; top:11px; }
.title:after{ content:""; width:349px; height:40px; background:url(../images/Red-Right-Arrow.webp) 0 0 no-repeat; position:absolute; right:0px; top:11px; }

.section-one { overflow:hidden; }
.section-one .title { text-align: center; } 
.section-one .content { text-align:center; }
.section-one .content .thsn-ihbox-icon{ margin-bottom:2px; }
.section-one .content .thsn-ihbox-icon .img{ position: relative; overflow: hidden; box-shadow: 0 60px 20px rgba(0, 0, 0, 1%); display: inline-block; width:100%; }
.section-one .content .thsn-ihbox-icon .img img{ filter: grayscale(0); transition: all .3s ease-in-out; transform: scale(1.01); width: 100%; border: 2px solid transparent; } 
.section-one .content .thsn-ihbox-icon .img:hover img{}
.section-one .content:hover .thsn-ihbox-icon .img img { filter: grayscale(100%); transform: scale(1.1); }
.section-one .content .cont { text-align: center; padding: 10px; }
.section-one .content .cont h3 { margin-bottom:10px; }
.section-one .content .cont h4 {  }


.section-two { text-align: center; position:relative; padding-bottom:0px; }
.section-two .title { margin: 0 auto; }
.section-two .cont { text-align: left; }
.section-two .imgs { text-align: center; }
.section-two .content { padding-left:0px; padding-top: 150px; }
.section-two p{ font-size:21px; }
.section-two h3 { font-size: 36px; font-weight: 600; padding-top: 10px; }
.section-two .btns { float: left; padding-top: 150px; }
.section-two .btns a { background: url(../images/Button-BG.webp)0 0 no-repeat; color: #fff; font-size: 35px; font-weight: 600; padding: 10px 35px; background-size: cover; }

/* Middle Section */







/* Footer Section */
.footer-sec { overflow: hidden; text-align: center; }
.ft-contact-sec { overflow: hidden; margin: 0 auto; width: 47%; background: #fff; border-radius: 100px; text-align: center; padding: 15px 20px 30px; }
.ft-contact-sec .title-img { padding-bottom: 15px; }
.ft-contact-sec .list {  }
.ft-contact-sec .list li { display: inline-block; }
.ft-contact-sec .list li a { display: block; }

.ft-follow-sec { overflow: hidden; width: 65%; margin: 60px auto 30px; background: #fff; padding: 10px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; text-align: center; }
.ft-follow-sec .title-img { color: #000; font-size: 35px; text-transform: uppercase; width: calc(100% - 0px); }





/* Footer Section */