.beautypress-3d-project-card {
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
}
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #000000;
    background: #d4a762;
}
.tab-content>.tab-pane.active {
    display: block !important;
}
.tab-content>.tab-pane {
    display: none !important;
}

#back-to-top .btn.btn-primary {
    background: rgb(23 113 148);
    border-radius: 10px;
    margin-bottom: 30px;
    color: #f68120 !important;
    text-shadow: 1px 2px #505050;
}
.banner-area {
    background: url(../../images/images/others/breadbg.png);
    height: 250px;
    min-height: 250px;
}

.banner-heading .border-title.border-left {
    font-size: 36px;
    font-family: 'abeezee';
}
#crumbs {
    font-size: 16px;
    font-family: 'karlavariable';
}
.banner-heading .breadcrumb a {
    color: #f68120;
}
.border-title:before{
    background-color: #f68120;
}
.cubeconticon1 {
    text-shadow: 1px 2px black;
    color: #fff;
    font-size: 25px;
    background: #1385b1;
    padding: 7px 0 0px 13px;
    border-radius: 46px;
    width: 40px;
    height: 40px;
}
.cubeconticon2 {
    text-shadow: 1px 2px black;
    color: #fff;
    font-size: 30px;
    background: #1385b1;
    padding: 4px 0 0px 14px;
    border-radius: 46px;
    width: 40px;
    height: 40px;
}
.cubeconticon3 {
    text-shadow: 1px 2px black;
    color: #fff;
    font-size: 20px;
    background: #1385b1;
    padding: 10px;
    border-radius: 30px;
}
textarea.form-control {
    height: 160px;
}
.enq_form button[type="submit"] {
    padding: 12px 235px 10px;
    border: none;
    background: #1385b1;
    font-size: 14px;
    font-family: 'karlavariable';
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px #6e6e6e;
    border-radius: 10px;
}












/*QC HEADER STYLE START*/
#qcheader-top {
    background: #f68120;
}
.qctopblock { padding: 10px 0px; width: 100%; display: flex; align-items: center; }
.qc-d-flex-1 { flex: 1; }
.qc-top-list { margin: 0; padding: 0; color: #fff; }
.qc-top-list li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    font-size: 14px;
    font-family: 'karlavariable';
    font-weight: 600;
}
.qc-top-list li i { margin-right: 5px; }
.qc-top-list li .block { color: #fff; }
.qc-social .social { width: 30px; height: 30px; background: #fff; border-radius: 50%; line-height: 30px; text-align: center; display: block; font-size: 13px; color: #0b92bf; }
.qc-social .social i { margin: 0; }
#qc-navbar {
    height: 120px;
    margin: 0;
    padding: 0;
}
.qc-menu-bar { margin: 0; padding: 0; height: 100%; }
.qc-brand-block .qc-navbar-brand {
    display: inline-block;
    padding: 0px 0px;
}
.qc-menu-list { margin: 0; padding: 0; }
.qc-menu-list li {list-style: none;}
#qcnavbarmenu {
    padding: 40px 0;
    line-height: 10px;
    margin: auto;
}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.qc-mainmenu a, .navbar-default .navbar-nav > li > a, .qc-mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 15px;
    display: block !important;
    font-family: 'abeezee';
    font-weight: bold;
    border-radius: 20px;
}
.qc-mainmenu .active a, .qc-mainmenu .active a:focus, .qc-mainmenu .active a:hover, .qc-mainmenu li a:hover, .qc-mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    background: #1385b1;
    outline: 0;
    text-shadow: 1px 2px black;
}
.qc-mainmenu .collapse ul > li:hover > a {
    background: #1385b1;
    color: #fff;
    text-shadow: 1px 2px black;
}
.qc-mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}
.qc-mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.qc-mainmenu .collapse ul ul, .qc-mainmenu .collapse ul ul.dropdown-menu{background:#fff;}
.qc-mainmenu .collapse ul ul ul, .qc-mainmenu .collapse ul ul ul.dropdown-menu{background:#fff}
.qc-mainmenu .collapse ul ul ul ul, .qc-mainmenu .collapse ul ul ul ul.dropdown-menu{background:#fff}
.level1.dropdown-menu > li, .level2.dropdown-menu > li, .level3.dropdown-menu > li { width: 100%; }
.level3.dropdown-menu { width: 200px; }
.qc-mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.qc-mainmenu .collapse ul li:hover> ul{display:block}
.qc-mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:200px;display:none}
.qc-mainmenu .collapse ul ul li{position:relative}
.qc-mainmenu .collapse ul ul li:hover> ul{display:block}
.qc-mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:200px;display:none}
.qc-mainmenu .collapse ul ul ul li{position:relative}
.qc-mainmenu .collapse ul ul ul li:hover ul{display:block}
.qc-mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:200px;display:none;z-index:1}
}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
#qc-navbar { height: auto; line-height: 20px; }
.qc-menu-bar { display: inline-block; width: 100%; }
.qctopblock { display: block; }
.qc-top-list { margin-bottom: 5px; }
.qc-brand-block { display: inline-block; width: 100%; }
.qc-navbar-brand {height: 100%; }
.qc-brand-block .navbar-toggle {
    margin: 20px 20px 0px 0px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 10px 10px 10px;
}
.qc-brand-block .navbar-toggle:focus { background: none; }
#qcnavbarmenu { padding: 0; }
.qc-menu-list {width: 100%; display: inline-block;}
.qc-menu-list li {width: 100%;}
}

/*QC HEADER STYLE END*/

/*-=-=foot-=-=*/

.cubesubtiltle.heading5 {
    line-height: 30px;
    margin: 10px 0;
    font-size: 16px !important;
    color: #fff !important;
}
.cubepara-cont {
    text-align: inherit;
}
.cubepara.paracont {
    text-align: inherit;
    color: #fff;
}
.cubefooticon {
    color: #1385b1;
    background: #fff;
    padding: 7px 7px 8px 7px;
    border-radius: 2px 15px 15px 2px;
    font-size: 20px;
    text-shadow: 1px 1px #d6d6d6;
    border-radius: 20px;
}
.footer-content .quicklinks li a:hover {
    color: #f68120;
}


/*QC FOOTER STYLE START*/
#qcfooter-block {
    padding: 40px 0 10px 0px;
    background: url(../../images/images/others/img1/cubefootbg.png);
    color: #fff;
}
#qcfooter-block h3 {
    font-size: 20px;
    color: #f68120;
    font-family: 'abeezee';
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px #6e6e6e;
}
.footer-content {margin: 5px 0px;}
.footer-content .qc-brand {
    height: 100px;
    display: block;
    margin: 10px 60px;
    background: #fff;
    border-radius: 20px;
    padding: 0px 0px 0px 25px;
}
.footer-content .qc-brand img {height: 100%;}
.footer-content p {
    font-size: 16px;
    line-height: 30px;
    font-family: 'karlavariable';
    text-align: justify;
}
.footer-content .quicklinks {margin: 0; padding: 0;}
.footer-content .quicklinks li {list-style: none; display: block;}
.footer-content .quicklinks li a {
    padding: 10px 0px;
    display: block;
    color: #fff;
    font-family: 'abeezee';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    text-shadow: 1px 1px #6e6e6e;
}
.footer-content .quicklinks li i {margin-right: 5px;}
.footer-content .social-links .qc-social-list {margin: 10px 0px; padding: 0; color: #ddd; font-size: 15px;}
.footer-content .social-links .qc-social-list li {display: inline-block; margin-right: 10px;}
.qc-social-list .qc-social .social {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #1385b1;
    border: 1px solid #fff;
    border-radius: 10px;
}
.footer-content .mobile-apps {display: none; padding: 10px 0px;}
.footer-content .mobile-apps .mobApp {padding-right: 5px;}
.qcinput {border: 2px solid #fff; color: #fff; padding: 5px; margin-bottom: 10px;}
.qcEmailSubBtn {
    padding: 10px;
    line-height: 0;
    font-size: 14px;
    background: #f68120;
    color: #fff;
    border: 2px solid transparent;
    margin-bottom: 5px;
    outline: none;
    font-family: 'karlavariable';
}
.qcEmailSubBtn:hover, .qcEmailSubBtn:focus {
    background: #1385b1;
    color: #fff;
    border: 2px solid #fff;
    outline: none;
}
.qcEmailSubBtn i {font-size: 13px;}
#qcfooter-copyrights {
    padding: 0px 0;
    background: #f68120;
    border-top: 1px solid #ddd;
}
#qcfooter-copyrights .copyright {
    font-size: 14px;
    color: #fff;
    background: unset;
    font-family: 'abeezee';
    text-align: center;
    padding: 10px 0;
    text-shadow: 1px 1px #b2aba5;
}
.qc-social-list .qc-social .social:hover {
    color: #f68120;
}
#qcfooter-copyrights .developer {color: #fff; text-decoration: underline;}

/*QC FOOTER STYLE END*/

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-  start  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.heading3 {
    font-size: 20px;
    font-family: 'abeezee';
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f68120;
    text-shadow: 1px 1px #b2aba5;
    position: relative;
}
.heading2 {
    font-size: 35px;
    font-family: 'abeezee';
    text-transform: uppercase;
    line-height: 50px;
    font-weight: bold;
    color: #1385b1;
    text-shadow: 1px 1px #b2aba5;
}
.headingicon {
    padding: 0px 0px 10px 0px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.heading4 {
    font-size: 18px;
    font-family: 'abeezee';
    text-transform: uppercase;
    line-height: 2;
    font-weight: bold;
    color: #1385b1;
    text-shadow: 1px 1px #6e6e6e;
}
.heading5 {
    font-size: 14px;
    font-family: 'abeezee';
    text-transform: uppercase;
    color: #f68120;
    line-height: 2;
    font-weight: bold;
}
.paracont {
    font-size: 16px;
    font-family: 'karlavariable';
    color: #000;
    font-weight: 400;
    text-align: justify;
    line-height: 2;
}
.wdc-title-shortcode {
    display: none;
}
.unliststyleul{
    list-style:none;
}
.ullisttitle {
    font-size: 18px;
    font-family: 'abeezee';
    text-transform: uppercase;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px #b2aba5;
}


/*===================================================  home  ====================================================*/

/*------------------------------------------------  home_welcome  -----------------------------------------------*/

#homewelcome-id {
    margin: 80px 0 80px 0;
    position: relative;
    z-index: 2;
}
.hweldivc1c-p {
    font-size: 16px;
    font-family: 'karlavariable';
    line-height: 2;
    text-align: justify;
    font-weight: 400;
}
.hweldivc1c-p strong {
    color: #f68120;
}
.hprotitlediv {
    text-align: center;
    margin: 0 0 80px 0;
}
.hwelidbg {
    position: absolute;
    z-index: -1;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
    right: 35px;
    bottom: -7%;
}







/*------------------------------------------------------  home_product  -----------------------------------------------------*/
#homeproducts-id {
    background-color: #f8f8f8;
    padding: 80px 0 80px 0;
    z-index: 2;
    position: relative;
}
.hproidbg {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite;
}
@keyframes jumpAni{
0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
.hpservice-card {
    border-radius: 0px;
    background: #ffffff;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 3%);
    padding: 40px;
    margin: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    margin: 20px 20px 0 20px;
    z-index: 0;
}
.hpservice-card-bg-img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.hpservice-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hpservice-card-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 3%);
    border-right: 10px solid #f8f8f8;
    border-bottom: 10px solid #f8f8f8;
    box-sizing: content-box;
    top: -60px;
    left: -60px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 -20px -26px 0;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.hpbox-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
    margin-top: -0.32em;
    font-family: 'abeezee';
}
.hpbox-title a {
    color: inherit;
}
.hpservice-card-number {
    color: #B2B2B2;
    margin-left: auto;
}
.hpservice-card-text {
    margin-bottom: -0.3em;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 16px;
    color: #4d5765;
    font-family: 'karlavariable';
    font-weight: 400;
}
.hpth-btn {
    margin-top: 38px;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px;
    background-color: #00000000;
    color: #4d5765;
    border: 1px solid #e4e4e4;
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-family: 'karlavariable';
    line-height: 1;
    border-radius: 0;
}
.hpth-btn:before {
    left: 0;
    border-radius: 0 20px 20px 0;
}
.hpth-btn:before, .hpth-btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 0%;
    background-color: #0E121D;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.hpth-btn:after {
    right: 0;
    border-radius: 20px 0 0 20px;
}
.hpservice-card-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.12;
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite;
}
.hpservice-card:hover .hpservice-card-bg-img {
    opacity: 1;
}
.hpservice-card:hover .hpservice-card-icon {
    background: #ff5e14;
}
.hpservice-card:hover .hpservice-card-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-filter: brightness(99);
    filter: brightness(99);
}
.hpservice-card:hover .hpbox-title a {
    color: #fff;
}
.hpservice-card:hover .hpservice-card-number {
    color: #ff5e14;
}
.hpservice-card:hover .hpservice-card-text {
    color: #B2B2B2;
}
.hpservice-card:hover .hpth-btn {
    border-color: #ff5e14;
    color: #ff5e14;
}
.hpservice-card:hover .hpservice-card-shape {
    -webkit-filter: brightness(99);
    filter: brightness(99);
}
.hpservice-card:hover:after {
    opacity: 0.86;
}
.hpservice-card .hpservice-card-icon img {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    width: 60px;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
}
.hpservice-card:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #0E121D;
    z-index: -1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}



@keyframes jumpReverseAni{
0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}









/*--------------------------------------------------------  home_label  -----------------------------------------------------*/

#homelabelid {
    margin: 40px 0 40px 0;
    background: #ddd;
    background-image: url(../../images/images/home/img2/hconbg.png);
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden!important;
    padding: 40px 0 40px 0;
}
.heading2.ad-design {
    color: #fff;
    line-height: 1.5;
}
.hlabelcont-img {
    width: 300px;
    right: 0;
    position: absolute;
}
#homelabelid:before {
    opacity: .9;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #0E121D;
}
.hlabelro {
    position: relative;
    z-index: 1;
}
.hlbtn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
    box-pack: start!important;
    justify-content: flex-start!important;
    position: relative;
    vertical-align: middle;
}
.hlth-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #f68120;
    color: #fff;
    font-family: 'karlavariable';
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 20.5px 29px;
    border-radius: 0;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.hlth-btn:hover {
    color: #0e121d;
}
.hlth-btn:hover:before, .hlth-btn:hover:after {
    background-color: #fff;
}

.hlth-btn:hover::before, .hlth-btn:hover:after, .hlth-btn.active::before, .hlth-btn.active:after {
    width: 50%;
    border-radius: 0;
}
.hlth-btn:before {
    left: 0;
    border-radius: 0 20px 20px 0;
}
.hlth-btn:after {
    right: 0;
    border-radius: 20px 0 0 20px;
}
.hlth-btn:before, .hlth-btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 0%;
    background-color: #0E121D;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


/*------------------------------------------------------  home_plandivfilter  -----------------------------------------*/
.hspf-title h2 {
    font-size: 25px;
    line-height: 1.5;
}
.hspf.tab_all {
    padding: 20px 0 0 0;
}
.hspf-title {
    text-align: center;
}
.hspf-div.tab_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 40px 0;
    border: 2px solid #ddd;
    border-width: 0 0 1px 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: none;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
}
.hspfcd1c1-img {
    width: 250px;
    margin: 0 0 0 150px;
    height: 300px;
}
.hspf-a {
    font-size: 14px;
    font-family: 'abeezee';
    font-weight: 500;
    color: #808080;
    text-shadow: 1px 1px #d9d9d9;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #f68120;
    background: unset;
}



















/*------------------------------------------------------  home_companynames  -------------------------------------------*/

#homecompnames-id {
    background: url(../../images/images/home/img1/hwhatimg.png), #191a1f;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    padding: 100px 0;
    margin: 80px 0 80px 0;
}
.hcompnamescc2-cont2 {
    margin: 0 0 0 40px;
}
.equalsign {
    margin: 0 40px 0 30px;
}
.paracont.adpara-design {
    color: #fff;
    font-weight:600;
}
.hcbtn-default {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
    background: #f68120;
    color: #fff;
    border-radius: 0;
    padding: 17px 42px 17px 18px;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    font-family: 'karlavariable';
}
.hcbtn-default::before {
    background: #fff;
}
.hcbtn-default::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 100%;
    border-radius: 0;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.hcbtn-default::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url(https://html.awaikenthemes.com/inclub/images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    transform: translate(-18px, -50%);
    transition: all 0.4s ease-in-out;
}
.hcbtn-default:hover {
    color: #ed6325;
}
.hcbtn-default:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}
.hcbtn-default:hover:after {
    background-image: url(https://html.awaikenthemes.com/inclub/images/arrow-accent.svg);
}
.hcbtn-default:hover:after {
    transform: translate(-18px, -50%) rotate(45deg);
}
.heading3.adh3-de2:before {
    position: absolute;
    content: '';
    width: 750px;
    background: #fff;
    height: 1px;
    top: 30px;
}

/*-----------------------------------------------------  home_gallery  --------------------------------------------------*/

.isotope-img-container {
    width: 350px;
    height: 300px;
    margin: 0 0 30px 0;
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
    border-radius: 20px;
}
.isotope-nav {
    display: none;
}
.homegallery-title {
    text-align: center;
}
#home #tem562_home_gallery_block {
    padding-top: 0 !important;
}


/*======================================================  about_page  ===================================================*/

/************************************/
/***       05. About Us Css       ***/
/************************************/

.apabout-us{
    background: url('../images/about-us-bg.svg') no-repeat;
    background-position: right center;
    background-size: auto;
    padding: 100px 0;
}

.apabout-us-images{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    margin-right: 30px;
}

.apabout-us-image-box-1,
.apabout-us-image-box-2{
    display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.apabout-us-image-box-1{
	width: calc(60% - 15px);
}

.apabout-us-image-box-2{
	width: calc(40% - 15px);
}

.apabout-img-1,
.apabout-img-2,
.apabout-img-3{
	width: 100%;
}

.apabout-img-1 figure, .apabout-img-2 figure, .apabout-img-3 figure {
    width: 100%;
    display: block;
    overflow: hidden;
}

.apabout-img-1 img,
.apabout-img-2 img,
.apabout-img-3 img{
	width: 100%;
	object-fit: cover;
}

.apabout-img-1 img{
	aspect-ratio: 1 / 1.97;
}

.apabout-img-2 img{
	aspect-ratio: 1 / 1.28;
}

.apabout-img-3{
	margin-right: 40px;
}

.apabout-img-3 img{
	aspect-ratio: 1 / 1.22;
}

.apintro-video-box{
	position: absolute;
	top: 55%;
	left: 60%;
	transform: translate(-50% , -50%);
}

.apintro-video-box .apvideo-play-button a{
	width: 138px;
	height: 138px;
	background: #f68120;
	border: 10px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: none;
	transition: all 0.3s ease-in-out;
}

.apintro-video-box .apvideo-play-button:hover a{
	background: #f68120;
}

.apintro-video-box .apvideo-play-button a i{
	font-size: 34px;
	color: #fff;
}

.apabout-content-body{
	margin-bottom: 40px;
}

.apabout-detail-item{
	display: flex;
	margin-bottom: 30px;
}

.apabout-detail-item:last-child{
	margin-bottom: 0;
}

.apabout-detail-item .apicon-box{
	position: relative;
	margin-right: 20px;
}

.apabout-detail-item .apicon-box:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f68120;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	z-index: -1;
    transition: all 0.4s ease-in-out;
}

.apabout-detail-item .apicon-box img{
	max-width: 60px;
}

.apabout-detail-item .apabout-detail-content{
	width: calc(100% - 80px);
}

.apabout-detail-content h3{
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.apabout-detail-content p{
	margin: 0;
}

.apabout-content-footer{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px 30px;
}

.apabout-contact-box{
	display: flex;
	align-items: center;
}

.apabout-contact-box .apicon-box{
	width: 50px;
	height: 50px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px #14183E1A;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content:center;
	margin-right: 15px;
	transition: all 0.3s ease-in-out;
}

.apabout-contact-box:hover .apicon-box{
	background: #f68120;
}

.apabout-contact-box .apicon-box img{
	max-width: 24px;
	transition: all 0.3s ease-in-out;
}

.apabout-contact-box:hover .apicon-box img{
	filter: brightness(0) invert(1);
}

.apabout-contact-content{
	width: calc(100% - 65px);
}

.apabout-contact-content p{
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.apabout-contact-content h3{
	font-size: 16px;
}

.apabout-contact-content h3 a{
	color: inherit;
}

.apimage-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.apimage-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}
.apimage-anime {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: inherit;
}
.heading2.adspan-design {
    font-size: 16px;
    line-height: 2;
}

/*---------------------  aboutpage_label  ----------------------*/

.aprelative {
    opacity: 1;
    transform: translateZ(0) scale(1);
    transition-duration: 1.5s;
    transition-timing-function: ease;
}
.apbox1 {
    animation: infinite-spinning 16s infinite linear;
    border-radius: 100%;
    transform: rotate(0deg);
}
.apabsolute {
    left: 50%;
    --tw-translate-y: -50%;
    transform: translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    tw-translate-x: -50%;
    top: 50%;
    position: absolute;
}



.go-down-btn {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.go-down-btn svg {
    position: relative;
    z-index: -1;
    display: block;
}

.go-down-btn text {
    font-size: 14px;
    transform-origin: center;
    font-family: 'abeezee';
    text-transform: uppercase;
}


@keyframes rotate-btn{
  to{ transform: rotate(360deg); }
}
.go-down-btn text{
  animation: rotate-btn 10s linear infinite;
}


.ullisttitle.adulh5-design {
    font-size: 16px;
    line-height: 1;
    margin: 20px 0 10px 0;
    font-weight: 100;
    color: #fff;
}
.abpglabelcont-div {
    background: url(../../images/images/home/img1/aplabbg2.png);
    padding: 40px 40px 40px 40px;
    margin: 80px 0 80px 0;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
}
.paracont.adapp-design {
    color: #fff;
}
.paracont.adapli-design {
    color: #fff;
}
.abpgmemc1c-ul {
    display: flex;
    list-style: none;
}
.paracont.adapmemp-design {
    padding: 0 0px 0 20px;
}
.abpgmemc1c-ul i {
    color: #f68120;
}
.paracont.adapmemp-design i {
    color: #1385b1;
}

.abpgmembers-iddiv:before {
    background-image: url(../../images/images/home/img1/abmembg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 40px;
    left: 160px;
    opacity: 0.2;
}
.abpgmembers-iddiv {
    position: relative;
}

.apacounter-grid {
    background: #fff;
    padding: 40px 0px 40px 40px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.apacounter-grid_icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.apacounter-grid_icon img{
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.apadetails {
    position: relative;
    z-index: 1;
}
.apacounter-grid_number-shadow {
    position: absolute;
    font-size: 69px;
    font-weight: 700;
    -webkit-text-stroke: 1px #e4e4e4;
    -webkit-text-fill-color: #00000000;
    z-index: -1;
    top: -25px;
    left: 4px;
    font-family: 'karlavariable';
}
.apacounter-grid_number {
    color: #0e121d;
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0px;
    font-family: 'karlavariable';
}
.apacounter-grid_text {
    color: #4d5765;
    display: block;
    margin: 20px 0 0 0;
    font-size: 13px;
    text-align: initial;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
}
.apacounter-grid:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    height: 30px;
    width: 30px;
    border-right: 30px solid #fff;
    border-top: 30px solid #f68120;
}
.apacounter-grid:hover .apacounter-grid_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#about #tem562_home_partners_block {
    display: none;
}






/*======================================================  service_page  =================================================*/
.serpgserv-div {
    margin: 40px 0 0 0;
}
.serpgc-ul {
    list-style: none;
}
.paracont.serpgc-li i {
    color: #1385b1;
}
.serpgserd-title {
    text-align: center;
    margin: 0 0 60px 0;
}
.serpgsc-btn a {
    font-size: 16px;
    font-family: 'karlavariable';
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.serpgserc-imgdiv:hover .serpgserc-img {
    transform: scale(1.1);
}
.serpgserc-img {
    width: 100%;
    aspect-ratio: 1 / 1.356;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}
.spsimage-anime {
    display: block;
    position: relative;
    overflow: hidden;
}
.spsimage-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}
.spsimage-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.serpgserc-imgdiv:hover .spsteam-readmore-btn {
    top: 30px;
    opacity: 1;
    visibility: visible;
}
.spsteam-readmore-btn {
    position: absolute;
    top: 50px;
    right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
.spsteam-readmore-btn a {
    width: 60px;
    height: 60px;
    background-color: #f68120;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.spsteam-readmore-btn img {
    max-width: 14px;
    transform: rotate(0);
    transition: all 0.4s ease-in-out;
}
.spsteam-readmore-btn a:hover {
    background-color: #191a1f;
}
.spsteam-readmore-btn a:hover img {
    transform: rotate(45deg);
}
.servpgc1 {
    margin: 40px 0 0 0;
}

/*--sev---*/

/* CSS */
.button-86 {
  all: unset;
  width: 100px;
  height: 30px;
  font-size: 16px;
  background: transparent;
  border: none;
  position: relative;
  color: #f0f0f0;
  cursor: pointer;
  z-index: 1;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-86::after,
.button-86::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all .4s;
}

.button-86::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #28282d;
  border-radius: 10px;
}

.button-86::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

.button-86:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

.button-86:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

.button-86:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}

/*---serpg-pro---*/

.serpgpro-ul {
    list-style: none;
}

#services .vc_row.wpb_row.vc_row-fluid.vc_custom_1496734369507.vc_row-has-fill {
    display: none;
}
.serpgserc-imgdiv {
    margin: 10px 10px 10px 10px;
    padding: 0 0px 0px 0px;
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
}


/*==================================================  contact_page  ===================================================*/

.contact-div {
    background: #ddd;
    padding: 30px 30px 30px 30px;
    border-radius: 30px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-  responsive  -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

@media(max-width:767px){
    .hwelidbg {
    display: none;
}
#homeproducts-id {
    padding: 0px 0 0px 0;
}
#homewelcome-id {
    margin: 40px 0 40px 0;
}
.hprotitlediv {
    margin: 0 0 0px 0;
}
.heading2 {
    font-size: 25px;
    line-height: 1.8;
}
.hlabelcont-img {
    display: none;
}
.hspfcd1c1-img {
    margin: unset;
}
.paracont.adpara-design {
    text-align: inherit;
    font-size: 14px;
    line-height: 25px;
}
#homecompnames-id {
    background: #191a1f;
}
.hcompnamescc2c1-col h3 {
    font-size: 14px;
}
.hcompnamescc2c1-col h4 {
    font-size: 14px;
}
.isotope-img-container {
    width: 330px;
}
.footer-content .qc-brand {
    margin: 10px 93px;
}
.abpgmemc1c-ul {
    display: inline-block;
}
.abpgmembers-iddiv:before {
    display: none;
}
.paracont.serpgc-li {
    text-align: inherit;
    line-height: 33px;
}
.banner-text {
    left: 0px;
    right: 0;
}
.enq_form button[type="submit"] {
    padding: 12px 123px 10px;
}
ul.navbar-nav > li {
    padding: 3px 0 3px 0;
}
















}