@charset "utf-8";
*, *:after, *:before {box-sizing: border-box;}
body {
    font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.875rem;
	padding: 0;
	margin: 0;
    color: #010101;  
    background: #ffffff;
    overflow-x: hidden;
}
html{overflow-x: hidden;}
.container{position: relative;    max-width: 1400px;}
.container:after, .clearfix:after{content: ""; display: block; clear: both;}
.spacer, .clear {height: 0; line-height: 0; clear: both; font-size: 0; display: block;}
.page-container{position: relative;max-width: 1200px;margin: 50px auto;}
.section{padding: 80px 0;position: relative;z-index: 1;}
a:hover{text-decoration: none;}
ul{list-style: none;margin-bottom: 0;padding-left: 0;}
.main_container{position: relative;}
img{max-width: 100%;height: auto;}
figure {margin: 0;}
/* ------------------------ */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #000000;
    text-transform: uppercase;
}
/*----------------------------------------------------
scroll bar
------------------------------------------------------*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #fff;
    border-radius: 0px;
    background-color: #fff;
    width: 8px;
}
::-webkit-scrollbar {
    width: 10px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    border-radius: 20px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
    background-color: #000;
}
.scrollup {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    background: #00000080;
    text-align: center;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    display: none;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.scrollup:hover {
    background: #000000;
    color: #ffffff;
}
/* Header
--------------------------------*/
header {
    position: absolute;
    padding: 10px 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  transition: ease-out 0.5s;
  -webkit-transition: ease-out 0.5s;
  -moz-transition: ease-out 0.5s;
}
.logged-in header{top: 32px;}
.logo {
    width: 200px;
    margin-right: 40px;
    font-size: 38px;
    color: #fff;
    font-weight: 400;
    font-family: 'Bebas Neue', sans-serif;
}
.logo a{color: #fff;}
.sticky .logo a{color: #000;}

/*Header END*/

/* Navigation
------------------------------------ */
.nav-menu{text-align: center;}
.nav-menu ul{list-style: none;margin: 0;padding: 0;}
.nav-menu li{display: inline-block;margin: 0 10px;position: relative;}
.nav-menu li > a {
    display: block;
    padding: 0 2px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
/* Top and Bottom borders go out */
.nav-menu li > a:before, .nav-menu li > a:after
{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #1ebbd7;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

.nav-menu li > a:before
{
    top: 0px;
    transform: translateY(10px);
    opacity: 0;
    display: none;
}

.nav-menu li > a:after
{
    bottom: 0px;
    transform: translateY(-10px);
}

.nav-menu li:hover > a:before, .nav-menu li:hover > a:after, .nav-menu li.current-menu-item > a:before, .nav-menu li.current-menu-item  > a:after
{
    opacity: 1;
    transform: translateY(0px);
}
.nav-menu ul .sub-menu{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    color: #000;
    width: 200px;
	box-shadow: 0 0 10px 0px #ccc;
}
.nav-menu ul .sub-menu li{
    display: block;
    margin: 0;
}
.nav-menu ul .sub-menu li > a{
    color: inherit;
    text-align: left;
    font-size: 15px;
    line-height: 34px;
    display: block;
    padding: 5px 20px;
    border-bottom: 1px solid #ddd;
}
.nav-menu ul .sub-menu li:last-child > a{border-bottom: 0px solid #ddd;}
.nav-menu .sub-menu li > a:before, .nav-menu .sub-menu li > a:after{display: none;}
.nav-menu .sub-menu li:hover > a{background-color: #000;color: #fff;}
.nav-menu ul li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
}
.subarrow.fa.fa-caret-down {
    position: absolute;
    color: #000;
    right: -10px;
    top: 7px;
}
.responsive_nav .subarrow.fa.fa-caret-down {
    right: 0;
    height: 40px;
    width: 50px;
    background: #ffffff52;
    top: 0;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
	z-index: 1;
}
.nav_menu .fa.fa-home a {
    font-size: 0;
    line-height: 0;
    padding: 0;
}
/* ---------Heading----------- */
.heading-section {
    position: relative;
}
.heading-section .big {
    font-family: "Lato", Arial, sans-serif;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    font-size: 100px;
    color: rgba(0, 0, 0, 0.04);
    font-weight: 900;
    letter-spacing: 1px;
}
.heading-section h2 {
    font-size: 30px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Arial, sans-serif;
    letter-spacing: 6px;
}
.logo a{display: block;}
/* ------------social-------------------- */
.social a{font-size: 0;}
.social a i{font-size: 20px;}

/* FOOTER
---------------------------------*/
.mainFooter {
    font-size: 16px;
    line-height: 30px;
    color: #fff !important;
    position: relative;
    background: #000 url(../images/fbg.jpg) no-repeat center;
	background-size:cover;
    border: none;
}
.fheading {
    font-size: 18px;
    font-weight: 400;
    border-bottom: none;
    padding: 0 0 10px;
    margin: 0 0 0px;
    color: #fff;
    text-transform: uppercase;
}

.ftop .contact-info li{margin-top: 5px;}
.ftop .contact-logo {padding-bottom: 15px;}
.mainFooter a{color: inherit;}
.mainFooter a:hover, .mainFooter .active > a, .mainFooter .current-menu-item > a, .companyname:hover {
    color: #1ebbd7;
}
.copyright {
    padding: 50px 0 0;
    font-size: 15px;
    line-height: 40px;
    border-top: 1px solid #ccc;
    margin-top: 50px;
}
.copyright p{padding: 0;margin-bottom: 0;}

/*FOOTER END*/

/* ------------service------------ */
.service-list{
    justify-content: center;
}
.banner {
  color: #000;
  position: relative;
    z-index: 2;
}
.inner-banner{
    min-height: 440px;
}

.hook-banner {
    padding: 50px 0;
}

/* -------------------------------- */

.abt-wrap {
    background: #ddd;
    margin: -80px 0 -20px;
}
/* ------------------------------- */
.hook-heighlight .sbox {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.hook-heighlight-inner .heighlight-list figure {
    height: 40px;
    width: 40px;
}
.hook-heighlight-inner .heighlight-list h4 {font-size: 20px;font-weight: 500;}
/* ------------------------------- */
.hook-service .sbox {
    padding: 35px 15px;
    background-color: #f1efef;
    text-align: center;
    border-style: solid;
    border-width: 0px;
    border-color: #E0E0E0;
    margin-bottom: 30px;
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
}
.hook-service .sbox figure img {
    max-width: 100px;
    margin: 0 auto;
    width: 90px;
    margin-bottom: 25px;
}
.hook-service .sbox .readmore {
    color: #000;
    font-size: 30px;
    letter-spacing: 2px;
    display: none;
}
.hook-service .sbox .para {
    height: 36px;
    overflow: hidden;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    color: #242424;
    margin: 10px 0;
}
.hook-service .sbox .subheading {
    font-size: 26px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}
.hook-service .sbox .subheading a{color: #000;}
.hook-service .sbox .btn{
    margin-top: 10px;
    background-color: transparent;
    color: #000;
    border-color: #000;
}
.hook-service .sbox .btn:hover {
    margin-top: 10px;
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.parallax{
    height: 480px;
    background: url(../../../../uploads/2022/10/h2animation.jpg) no-repeat center ;
    background-size: cover;
    background-attachment: fixed;
}
.hook-what-we-offer .sbox .sheading a{color: #fff;}
/* --------------Button Start--------------- */
.btn {
    position: relative;
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    font-size: 18px;
    line-height: 52px;
    min-width: 170px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #fff;
    background: #4eaef6;
    border: 1px solid #4eaef6;
    cursor: pointer;
    border-radius: 0px;
    box-shadow: 0 0 18px 0px rgb(0 0 0 / 12%);
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    font-family: 'Bebas Neue', sans-serif;
}
.btn-sm {
    line-height: 34px;
    min-width: 110px;
}
.btn:hover, .btn-black {
    color: #1ebbd7;
    background: #000000;
    border-color: #000000;
}
.btn-black:hover{
    color: #000000;
    background: #1ebbd7;
    border: 1px solid #1ebbd7;
}
.btn-grp .btn{margin-right: 15px;}
.form-wrap  .btn .wpcf7-submit {
    border-bottom: none;
    padding: 0;
    line-height: inherit;
    height: auto;
    width: auto;
    background-color: transparent;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}
/* --------------Button End--------------- */

.hook-about{padding-bottom: 0px;}
.hook-about svg{width: 100%;height: auto;}
.hook-about-section .why-choose-list ul{column-count: 2;column-gap: 20px;}
.why-choose-list ul .sbox {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}
.why-choose-list ul .sbox figure {
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    background: #fff;
    border-radius: 50%;
    margin: 0 15px 0 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 50px;
    max-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424;
    font-size: 30px;
    font-weight: 700;
    box-shadow: 1px 1px 15px 2px rgb(255 255 255 / 14%);
}
.banner h1 {
    font-size: 60px;
    font-weight: 700;
}
.cta-banner h2{font-weight: 700;}
.service-list svg {
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .8s ease-in-out;  
}
.ul li::before {
    content: '\f00c';
    font-family: FontAwesome;
    margin: 0 10px 0 0;
    background: transparent;
    color: #4eaef6;
    height: 18px;
    width: 18px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    border: 0px solid #000;
}
.contact-info i {margin-right: 10px;}
.social a{margin-right: 10px;}
.f_social {margin-top: 10px;}
.hook-heighlight.hook-service .content-part {
    padding-left: 0px;
    padding-right: 50px;
}
.hook-service.hook-heighlight .sbox {
    padding: 60px 40px;
    text-align: center;
    margin-bottom: 30px;
	border-width: 1px;
}
.hook-heighlight .service-list .col-sm-6:nth-child(even) .sbox{margin-top: -60px;}
.hook-dtm .container{max-width: 1600px;}
section.section.hook-dtm {
    padding: 70px 0;
}
.hook-industries-wrap{padding: 0;z-index: 0;}
.form-wrap{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.form-wrap .wpcf7-form-control{
    border: none;
    border-bottom: 3px solid #ddd;
    padding: 0 15px;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    width: 100%;
}
.wpcf7 .ajax-loader{position: absolute;}
.banner .btn{margin-top: 20px;}
.hook-why-choose .why-choose-list ul .sbox figure {
    width: 50px;
    height: 50px;
    max-width: 50px;
    font-size: 30px;
}
.hook-why-choose .why-choose-list ul li{font-size: 24px;line-height: 44px;}
.heading {
    font-size: 56px;
    line-height: 64px;
    font-weight: 400;
	font-family: 'Bebas Neue', sans-serif;
}
.heading span{color:red;}
.banner .heading {font-size: 54px;line-height: 60px;}
.banner .heading span {font-size: 60px;line-height: 74px;}
.breadcrumb {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    right: 0;
    text-align: right;
    background: rgb(0 0 0 / 30%);
    color: #fff;
    text-transform: capitalize;
}
.contact-us-box .sbox {
    position: relative;
    padding: 0 0 0 45px;
    min-height: 50px;
    margin-bottom: 5px;
}
.social a{color: #ffffff;}
.contact-us-box .address .sbox {margin-bottom: 10px;}
.contact-us-box .sbox strong{display: none;}
.contact-logo{margin-bottom: 15px;}
.contact-us-box .sbox i {
    position: absolute;
    left: 0;
    width: 35px;
    height: 35px;
    border: 3px solid #fff;
    background: #fff;
    border-radius: 50%;
    margin: 0 0 10px 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #242424;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 1px 1px 15px 2px rgb(255 255 255 / 14%);
}
.contact-us-box .mail .sbox i{ font-size: 20px;}
input, select, textarea {
    padding: 5px 10px;
    width: 100%;
    height: 48px;
    border: 1px solid #7c7a7a;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #ffffff;
    color: #212020;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    position: relative;
    vertical-align: top;
    outline: none;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
textarea {
	height: 100px;}
.contact-form .wpcf7-form-control-wrap {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.contact-form input, .contact-form textarea{
    background-color: #fff;
}
.contact-form textarea{
    height: 120px;
}
.contact-sec {
    position: relative;
    z-index: 1;
    background: #090808;
    padding: 60px;
    color: #fff;
    padding-right: 0;
}
.contact-sec::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 100%;
    background: #090808;
    z-index: 0;
}
.contact-sec hr{border-color: #f0f0f0;}
.contact-sec iframe {
    width: 100%;
    height: 170px;
}
.service-list.inner-service-list .sbox svg {
    height: 400px;
}
.service-list.inner-service-list .sbox .stext {
    text-align: left;
}
.hook-service .inner-service-list .sbox h3 {
    font-size: 34px;
    font-weight: 700;
    color: #000;
    margin: 15px 0 15px;
}
.hook-service .inner-service-list .sbox h3 a{color: inherit;}
.hook-service .inner-service-list .sbox .para {
    height: auto;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 30px;
    color: #242424;
}
.service-list-single:nth-child(even) .row{flex-direction: row-reverse;}
.blog_list .meta {
    border: 1px solid #ccc;
    padding: 5px 0;
    border-left: none;
    border-right: none;
    font-size: 14px;
    margin: 15px 0 0 0;
}
.blog_list .subheading {
    font-size: 22px;
    color: #000000;
    line-height: 30px;
    font-weight: 700;
}
.blog_list .subheading a{
    color: inherit;
}
.meta > ul > li{
    display: inline-block;
}
.meta > ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.blog_list li:nth-child(even) .sk_box > .row {flex-direction: row-reverse;}
.blog_list .sk_box{margin: 0 0 30px 0;}
.blog_info i{margin: 0 10px 0 0;}
.blog_list .sk_box .para {
    height: 70px;
    overflow: hidden;
    font-size: 15px;
    line-height: 24px;
}

.cta-banner {
    background: url(../images/d1.png) repeat center;
}
.contact-us-box a {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
}
.copyright_menu li{display: inline-block;}
.copyright_menu li {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #000;
    line-height: 20px;
}
.copyright_menu li:first-child{
    border-left: 0px solid #000;
    padding-left: 0;
}
.heighlight-list figure {
    margin: 0 15px 0 0;
}
.heighlight-list h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
}
/* ------------------ */
.sk_toggle .sk_box {
    margin: 0 0 10px;
    padding: 0 10px 10px;
    border-bottom: 1px dashed #d6d6d6;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 0%);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 0%);
    line-height: 28px;
}
.sk_toggle .sk_ques {
    cursor: pointer;
    position: relative;
    padding: 0 50px 0 0;
}
.sk_ans {
    display: none;
    margin: 10px 40px 15px 0;
}
.sk_toggle .sk_ques:after {
    content: "\f067";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    color: #000000;
    font-size: 22px;
    font-family: 'FontAwesome';
    padding: 0 0 0 1px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.sk_toggle .sk_box.opened > .sk_ques:after {
    line-height: 28px;
    padding: 0 1px 0 0;
    content: "\f068";
    color: #000000;
}
.sk_toggle .subheading {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif;;
}
.sk_content_wrap {margin-bottom: 30px;}
.why-choose-list h5{font-weight: 700;}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}
.wpcf7-checkbox input[type=checkbox]{
    width: auto;
    height: auto;
    margin: 8px 3px 0 0px;
}
.wpcf7-form-control-wrap.checkbox-122 {border: 1px solid #fff; background-color: #ffffff;}
.wpcf7 .btn{padding: 0;}
.wpcf7 .btn .wpcf7-submit {
    padding: 0 40px;
    color: #fff;
    font-size: 18px;
    height: 48px;
    border: none;
}
.about-list h2, .why-choose-list .para h3{font-size: 22px;}
/* ========================================== */

.responsive-cta {
    position: fixed;
    bottom: 25%;
    background: #000;
    left: 0;
    right: auto;
    border-radius: 0;
    width: auto;
    margin: 0 auto;
    display: none;
    box-shadow: 1px 1px 15px 2px rgb(255 255 255 / 14%);
    z-index: 999;
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
}
.responsive-cta ul {display: flex;flex-direction: column;}
.responsive-cta li {
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}
.responsive-cta li:hover{background-color: #121010;color: #fff;}
.responsive-cta li a{color: inherit;display: block;}


@media screen and (max-width: 600px){
    .responsive-cta{display: block;}
    .copyright {padding-bottom: 80px;}
}
.industries-slider{
    margin: 30px 0 ;
}
.industries-slider figure {
    margin: 0 auto 0;
    height: 100px;
    width: 100px;
    line-height: 100px;
   /*  background: #000; */
    border-radius: 50%;
    display: flex;
    align-items: center;
}
.industries-slider figure img {
    /* filter: brightness(0) invert(1); */
    width: 64px;
    margin: 0 auto;
}
.hook-package{background-image: url(../images/sample/banner.jpg);background-attachment: fixed;}
.hook-package::before {
    content: '';
    background-color: rgb(0 0 0 / 80%);
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

/* ---------------------- */
.image_section{
    width: 40%;
    float: left;
    position: relative;
    z-index: -1;
}
.content_section {
    width: 60%;
    float: right;
    position: relative;
    padding: 50px 0 50px 30px;
}
.image_section_inner{
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: -50px;
    bottom: -50px;
    right: -50px;
} 
.content_section_inner{
    background: #000000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    z-index: -1;
}
.section.hook-about-section{padding: 0;overflow: hidden;}
.half-image-content {position: relative;padding: 50px 30px 50px 0;}
.menu-useful-links-container ul{column-count: 2;column-gap: 10px;}
.heading.w, .para.w{color: #ffffff;}
input[type=checkbox], input[type=radio]{width: auto;}
.payment-form-wrap, .contact-form{
    max-width: 650px;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 25px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.wpcf7 input[type="submit"]:hover{color: #000;background-color: #fff;border-color: #000;}
.wpcf7 label {display: block;color: #000;font-weight: 400;letter-spacing: 0.5px;}
.wpcf7 label > span {color: red;}
.contact-form .wpcf7-list-item-label {color: #000;cursor: pointer;}
.contact-form .wpcf7-list-item label{margin-bottom: 0;}

.map-wrap{position: relative;}
.map-wrap iframe{width: 100%;height: 500px;}
.contact-logo .custom-logo {
    width: 144px;
    margin: 0 auto;
    filter: invert(1);
}
/* =========Conatact Form CheckBox/Radio Design============ */
.wpcf7-checkbox {
    display: list-item;
    column-count: 2;
    list-style: none;
}
.wpcf7-checkbox::before, .wpcf7-checkbox::after {
    content: '';
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}
.wpcf7-checkbox span.wpcf7-list-item {
    width: 100%;
    margin: 0;
}
.wpcf7-checkbox label, .wpcf7-radio label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wpcf7-checkbox input, .wpcf7-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.wpcf7-checkbox label, .wpcf7-radio label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wpcf7-checkbox .checkmark, .wpcf7-radio .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #7c7a7a;
    display: block;
}
.wpcf7-checkbox input:checked~.checkmark, .wpcf7-radio input:checked~.checkmark {
    background-color: #000000;
}
.wpcf7-checkbox .checkmark:after, .wpcf7-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.wpcf7-checkbox .checkmark:after, .wpcf7-radio .checkmark:after {
    left: 9px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wpcf7-checkbox input:checked~.checkmark:after, .wpcf7-radio input:checked~.checkmark:after {
    display: block;
}
/* ========================Animation Slider======================= */
.service-details .sk_icon {
    float: right;
    width: 40%;
    margin: 0 0 35px 35px ;
}
.service-details .sk_icon svg{width: 100%;height: auto;}
.paymentLogo {
    width: 120px;
    margin: 0 0 0 auto;
}
/* Sticky */
.responsive_btn {
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    background: #fff;
    margin: 0 0 0 20px;
    float: right;
    position: relative;
    z-index: 20;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn span {
    display: block;
    height: 2px;
    width: 20px;
    position: relative;
    top: 50%;
    margin: -1px auto;
}
.responsive_btn span, .responsive_btn span:before, .responsive_btn span:after {
    background: #000000;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn span:before, .responsive_btn span:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.responsive_btn span:before {
    top: -6px;
}
.responsive_btn span:after {
    bottom: -6px;
}
.responsive_nav {
    display: block;
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    min-height: 100%;
    z-index: 20;
    background: #000;
    color: #fff;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive .responsive_nav {
    left: 0;
}
.responsive_nav ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.responsive_nav ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
/* .responsive_nav ul li:first-child {
    border-top: none;
} */
.responsive_nav ul li > a {
    display: block;
    padding: 5px 15px;
    color: inherit;
    position: relative;
}
.responsive_nav ul ul li > a {
    padding-left: 35px;
    font-size: 16px;
    padding-right: 5px;
}
.responsive_nav .sub-menu{display:none;}
.bodyOverlay, .reviewOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    transform: none;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.responsive .bodyOverlay {
    opacity: 1;
    visibility: visible;
}
.responsive-contact-info {
    padding: 30px 0 0 15px;
    font-size: 13px;
    line-height: 20px;
    border-top: 1px solid #636363;
    margin-top: 30px;
}
.responsive-contact-info h6 {
    color: #fff;
    font-size: 20px;
}
.sticky .site-header {
    position: fixed;
    top: 0;
    padding: 10px 0;
    z-index: 15;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    background: #fff;
}
.logged-in.sticky .site-header{
    top: 32px;
}
.hook-testimonial-inner{background-color: #ffffff;}
.section .single-post figure{
    float: left;
    width: 40%;
    margin: 0 35px 35px 0;
}
.single-post .meta {
    border: 1px solid #000;
    border-left: none;
    border-right: none;
}
.htop{
    background: #000;
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    color: #fff;
}
/* ------------------------ */

.clearNone{clear: none !important;}
.clearLeft{clear: left !important;}
.acf-field-radio{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hook-about::before{
    content: '';
    background: url(../images/sample/bbg.jpg);
    position: absolute;
    z-index: 0;
}
.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

.hook-service-inner.hook-service {
    padding: 50px 0;
}
.hook-service-inner .service-list {
    margin-top: 40px;
}
.hook-service.hook-heighlight .sbox {flex-direction: column;}
.desktop_nav {
    position: fixed;
    top: -1000px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    padding: 10px;
    background-color: #fff;
    background-image: linear-gradient( 
90deg, #090808 45%,  #F2295B00 45%);
}
.desktop_nav .nav_menu {
    padding-left: 100px;
}
.desktop_nav .nav_menu ul{
    font-size: 20px;
    line-height: 40px;
    color: #000;
    column-count: 2;
}
.desktop_nav .nav_menu ul a{color: inherit;}
.responsive .desktop_nav{top: 0;opacity: 1;visibility: visible;}
.closeDeskMenu {
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}
.desktop_nav .contact-sec::before{display: none;}
.desktop_nav .contact-sec {padding-right: 60px;}
.service-details object {
    display: block;
    width: 100%;
    height: auto;
}
.quote-popup {
    padding: 35px;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #ccc;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 99999;
    box-shadow: 0 0 30px 0 #ccc;
    opacity: 0;
    visibility: hidden;
}
.quote-popup.openPopup{
    opacity: 1;
    visibility: visible;
}
.closePopup {
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    height: 36px;
    width: 36px;
    line-height: 34px;
    color: #000;
    cursor: pointer;
    text-align: center;
}
.closePopup:hover{color: #fff;background-color: #000;}
.quote-popup .wpcf7-form-control-wrap {margin: 0 0 5px 0;}
.quote-popup .wpcf7 label {margin-bottom: -3px;font-size: 14px;}
.quote-popup input, .quote-popup textarea {padding: 0px 10px;height: 40px;}
.quote-popup textarea{height: 80px;}
.quote-popup .wpcf7-checkbox label, .quote-popup .wpcf7-radio label {margin-bottom: 0px;font-size: 14px;}
.error404 .hook-industries-wrap {display: none;}
.bank-detail-list h4 {
    background: #111111;
    margin: -1.25rem -1.25rem 15px;
    padding: 1rem;
    color: #fff;
}
.bank-detail-list .card{min-height: 280px;}
.bank-detail-list{margin-bottom: 40px;}
.desktop_nav .contact-us-box .sbox i {
    border: 1px solid #090808;
    background: #090808;
    color: #fff;
    font-size: 24px;
    box-shadow: none; 
}
.desktop_nav .contact-us-box .sbox {min-height: unset;}
.copyright .social a {
    color: #ffffff;
}
.copyright .social a {
    color: #fff;
}


/* ============================= */
.hook-whychooseus{
    /* background-color: #1ebbd7; */
    background: url(../../../../uploads/2022/10/h2animation.jpg) no-repeat center ;
    background-size: cover;
    background-attachment: fixed;
}
.hook-whychooseus .sbox {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px;
    min-height: 190px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}
.hook-whychooseus .abtbox .sbox{min-height: 410px;}
.hook-about{padding-bottom: 0px;}
.hook-about .abtbox {
    padding: 50px 30px;
    box-shadow: 0 0 10px 0px #ccc;
    border-radius: 25px;
    background: #1ebbd7;
    margin: -275px 0 0px 0;
}
.hwc {
    color: #000;
    font-size: 18px;
    margin: 0 15px 0 0;
}
.hwc i {
    color: #fff;
    font-size: 22px;
    margin: 0 10px 0 0;
    background: #25D366;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}
.home-banner p {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    padding-right: 50px;
    color: #fff;
}
.abt-box-container h4 {
    font-size: 17px;
    font-weight: 900;
    line-height: 25px;
}
.abt-box-container p {
    font-size: 13px;
    line-height: 22px;
}
.abt-box-container .btn {
    margin-top: 15px;
}
.hook-heighlight .sbox object {
    height: 64px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.hook-whychooseus .sboxcontent p {
    font-size: 13px;
    line-height: 22px;
}
.hook-testimonial .single-item-wrapper {
    background: #cccccc;
    min-height: 182px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    margin: 30px 0;
	border: 1px solid #ccc;
}
.hook-testimonial .tss-wrapper .tss-carousel1 .item-content {font-size: 12px;}
.hook-testimonial .tss-wrapper .tss-carousel1 .item-content-wrapper:before {color: #1ebbd7;}
.hook-testimonial .tss-wrapper .single-item-wrapper h3.author-name {
    font-size: 16px;
    color: #000;
    margin: 0;
}
.hook-testimonial .tss-wrapper .tss-meta-info.tss-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.hook-testimonial .tss-wrapper .single-item-wrapper h4.author-bio {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0px;
    line-height: 1.4;
    text-transform: none;
    font-weight: 400;
    color: #000;
}
.section-cta {
    background: #1ebbd7;
}
.inner-banner svg, .home-banner svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.home-banner svg{height: 370px;}
.page-template-about .abtbox .btn{display: none;}
.breadcrumb-container ol {padding: 0;}
.breadcrumb-container li:first-child a{padding-left: 0;margin-left: 0;}
.inner-banner .breadcrumb-container li a , .inner-banner .breadcrumb-container li .separator{color: #fff !important;}
.hook-service-inner {
    /* background-color: #1ebbd7; */
    background: url(../../../../uploads/2022/10/h2animation.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.hook-service-inner .heading{color: #fff;}
/*=========================================================*/
.hook-banner {
    padding: 50px 0;
    height: 100vh;
	background: #000 url(../images/banner.jpg) no-repeat center;
    background-size: cover;
}
.hook-banner:before{
	content:'';
	background: url(../images/testimonial.jpg) no-repeat center;
    background-size: cover;
    position:absolute;
	top:0;
	left:50%;
	bottom:0;
	right:0%;
}
.inner-banner {height: 70vh;}
.hook-contact {
    min-height: 100vh;
    background-color: #f8f8f8;
}
.hook-contact:before{
	content:'';
	background: url(../images/contact.jpg) no-repeat center;
    background-size: cover;
    position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:50%;
}
.hook-testimonial{
	min-height: 100vh;
    background-color: #f8f8f8;
	background: url(../images/testimonial-dark.jpg) no-repeat top left;
	background-size: cover;
}
.hook-testimonial:before{
	content:'';
	background: url(../images/testimonial.jpg) no-repeat center;
    background-size: cover;
    position:absolute;
	top:0;
	left:50%;
	bottom:0;
	right:0%;
}
.hook-left-image-content:before{
	content:'';
	background: url(../images/testimonial-dark.jpg) no-repeat center;
    background-size: cover;
    position:absolute;
	top:0;
	left:40%;
	bottom:0;
	right:0%;
}
.hook-what-we-offer .sbox img, .hook-what-we-offer .sbox {
    height: 500px;
	position:relative;
	margin-bottom: 30px;
}
.hook-what-we-offer .sbox img{
	width:100%;
	object-fit:cover;
}
.simg-overlay::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    z-index: 1;
}
.hook-what-we-offer .sbox .scontent {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 1;
}
.hook-what-we-offer .sbox .sheading {
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
}
.search_btn {
    font-size: 26px;
    margin: 0 20px;
    color: #fff;
}
.sticky .search_btn, .sticky .logo, .sticky .nav-menu li > a{color:#000;}
.hook-banner .heading {
    font-size: 100px;
    line-height: 100px;
    font-weight: 400;
    font-family: 'Bebas Neue', sans-serif;
    color: #fff;
}
.tagline {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    color: #f6b110;
    font-family: 'Bebas Neue', sans-serif;
}
.head-wrap{
    margin-bottom: 35px;
}
.counter-num {
    font-size: 180px;
	line-height: 180px;
    font-family: 'Bebas Neue', sans-serif;
    text-align: center;
    color: #000;
    opacity: 0.1;
}
.counter-box {
    position: relative;
}
.counter-text {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    opacity: 0.9;
}
.ftop h2 {
    font-size: 60px;
    color: #fff;
	margin-bottom: 0px;
}
.ftop h2 span {
    display: block;
    color: #f6b110;
}
.ftop .social {margin-top: 35px;}
.fnav li{display:inline-block;margin-right:20px;}
.menu-service-container .fnav li{display: block;}
.hook-left-image-content .heading, .hook-left-image-content .para{color:#fff;}
.hook-testimonial, .hook-testimonial .heading{color:#fff;}
.hook-testimonial figure {
    height: 100px;
    margin: 0 auto 30px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.client-meta .text-left{text-align:center!important;}
.client-meta .text-left span{display:block;}
.fa-quote-right {
    font-size: 40px;
    margin-bottom: 30px;
}
.banner-below {
    margin: -60px auto 0;
    z-index: 1;
}
a.clickscroll {
    color: #fff;
    font-size: 22px;
    font-family: 'Bebas Neue', sans-serif;
}
a.clickscroll i{
	font-size: 20px;
	margin-right:5px;
}
footer .social a{color:#fff;}
.btn::after {
    content: '\f178';
    font-family: FontAwesome;
    margin: 0 0 0 10px;
}
form .wpcf7-form-control.wpcf7-submit {
    background-color: #4eaef6;
    width: auto;
    height: auto;
}
.about-hero{padding-bottom: 0;}
.contact-cta {
    background: #e9e7e7;
}
.page-template-service .hook-service{padding-top: 0;}
.menu-service-container li.current-menu-item a, .menu-service-container li.current-menu-item:before{
    color: #f6b110;
}
.form-group br{display: none;}
.section-service-why-choose p{margin-bottom: 0;}