/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 Sep, 2020, 10:01:32 AM
    Author     : Hp
*/

html,
body,
div,
h1,
p,
a,
video {
    margin: 0;
    padding: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}

html{scroll-behavior: smooth;}

/* =============================================================================
  HTML, BODY
============================================================================= */

@font-face {
    font-family: ProximaNovaT-Thin;
    src: url(../fonts/ProximaNovaT-Thin.ttf);
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Light;
    src: url(../fonts/ProximaNova-Light.ttf);
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Regular;
    src: url(../fonts/ProximaNova-Regular.ttf);
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Semibold;
    src: url(../fonts/ProximaNova-Semibold.ttf);
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Bold;
    src: url(../fonts/ProximaNova-Bold.ttf);
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Extrabld;
    src: url(../fonts/ProximaNova-Extrabld.ttf);
    font-weight: 800;
    font-style: normal
}
@font-face {
    font-family: ProximaNova-Black;
    src: url(../fonts/ProximaNova-Black.ttf);
    font-weight: 900;
    font-style: normal
}

body {
    height: 100%;
}
body a{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}

body {font-size: 15px; font-family: 'Roboto', sans-serif;line-height: 1.5; height: 100%;}
a, a:hover, a:focus{color: #000; text-decoration: none; outline: none; border: none;}

h1,h2,h3,h4,h5{ margin: 0px; padding: 0px;}

h1{font-size:36px;} 
h2{font-size:30px} 
h3{font-size:24px} 
h4{font-size:20px} 
h5{font-size:18px} 
h6{font-size:16px}

.p-10{padding-top: 10px;padding-bottom: 10px; }
.p-20{padding-top: 20px;padding-bottom: 20px; }
.p-30{padding-top: 30px;padding-bottom: 30px; }
.p-40{padding-top: 40px;padding-bottom: 40px; }
.p-50{padding-top: 50px;padding-bottom: 50px; }
.p-60{padding-top: 60px;padding-bottom: 60px; }
.p-70{padding-top: 70px;padding-bottom: 70px; }
.p-80{padding-top: 80px;padding-bottom: 80px; }
.p-90{padding-top: 90px;padding-bottom: 90px; }
.p-100{padding-top: 100px;padding-bottom: 100px; }

/*Navbar Start*/

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
    border: none;
    height: 70px;
    margin-bottom: 0px;
    position: relative;
    z-index: 99999999;
}
.navbar-inverse .navbar-brand {
    color: #fff;
    padding: 0px;
    width: 100%;
}
.navbar-brand>img {
    margin: 12px auto;
    display: block;
    text-align: center;
    width: 70%;
}
.navbar-right {
    float: right!important;
    margin-right: 0px;
    background: #eee;
    padding: 8px 50px;
    margin-left: 20px;
}
#main-menu li a{
    font-size: 16px;
    padding: 23px 15px;background: none ! important;}
.navbar-inverse .navbar-nav>li>a{color:#000 ! important;padding: 15px 5px;text-align: center;}
.navbar-inverse .navbar-nav>li>a i{border: 1px solid #aaa;padding: 10px;border-radius: 100px;width: 40px;height: 40px;color:#9d9d9d;line-height: 18px;transition:.5s;}
.navbar-inverse .navbar-nav>li>a:hover{color:#ef6000 ! important;background: none ! important}
.navbar-inverse .navbar-nav>li>a:hover i{background: #1f4694;color:#fff;transition:.5s;}
.navbar-collapse{padding: 0px;margin-right: 30px;}
.navbar-inverse .navbar-nav>.active>a{background: none ! important;color:#006cb7 ! important}

#main-menu li .dropdown-menu li a{padding: 10px 10px;border-bottom: 1px solid #eee;transition:.5s}
.navbar-inverse .navbar-nav li .dropdown-menu li a:hover{color:#006cb7 ! important;background: none ! important;transition:.5s;margin-left: 5px;}
.navbar-inverse .navbar-nav li .dropdown-menu li .active{color:#006cb7 ! important;}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: -1px ! important;
}
.contact-btn{    float: right;
    position: absolute;
    right: 0;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;background: #1f4694;}

.contact-btn a{padding: 25px 20px;color:#fff;text-transform: uppercase;font-size: 14px;font-family: 'Roboto', sans-serif;}

/*Navbar End*/

/*Banner Start*/
.banner{position: relative;top:0;left: 0;right: 0;z-index: 99999;background: url('../images/banner.jpg');height: 550px;background-position: left;background-size: cover;}
.banner .banner-text{top:130px;position: relative;}
.banner .banner-growth{width: 125px;margin-top: -10px;}
.banner h1{font-family: 'ProximaNova-Bold', sans-serif;font-weight: 700;font-size: 42px;color:#fff;margin-top: 0px;margin-bottom: 20px;}
.banner p{font-family: 'Roboto', sans-serif;font-weight: 400;color:#fff;font-size: 20px;text-align: left;line-height: 23px;margin-bottom: 20px;max-width: 85%;}

/*High Demand Start*/

.high-demand{background: url('../images/high-bg.jpg');width:100%;height: 100%;display: block;background-size: cover;padding-bottom: 0px;position: relative;}
.high-demand h1{font-size: 35px;font-family: 'Poppins', sans-serif;font-weight: 700;color:#2f2f2f;text-align: center;margin-bottom: 20px;}
.high-demand h5{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: center;max-width: 80%;margin: 0px auto;margin-bottom: 50px;}
.half-circle {
    width: 80%;
    height: 450px;
    background-color: #f2f3f5;
    border-top-left-radius: 450px;
    border-top-right-radius: 450px;
    border: 10px solid #fff;
    border-bottom: 0;
    margin: 0px auto;
}
.nav-tabs {border-bottom: none;}
.mobile-div{display: none ! important}
.desktop-div{display: block ! important;}
#myTab li{background: none;}
#myTab li a{width: 120px;height: 120px;border-radius: 50%;text-align: center;border: none;background: #1f4694;display: flex;align-items: center;justify-content: center;}
#myTab .active a{background: #1f4694;}
#myTab .active a p{color: #fff;}
#myTab .active a img{filter: invert(1);}
#myTab li a:hover{background: #1f4694;}
#myTab .round-tabs p{font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 10px;color:#fff}
#myTab li a:hover p{color:#fff;}
#myTab .round-tabs img{width: 40px;margin-bottom: 0px;filter: invert(1);}
#myTab li a:hover .round-tabs img{filter: invert(1);}
#myTab li:nth-child(1){position: absolute;top: 75%;left: 23%;}
#myTab li:nth-child(2){position: absolute;top: 46%;left: 28%;}
#myTab li:nth-child(3){position: absolute;top: 25%;left: 55%;}
#myTab li:nth-child(4){position: absolute;top: 25%;right: 55%;}
#myTab li:nth-child(5){position: absolute;top: 46%;right: 28%;}
#myTab li:nth-child(6){position: absolute;top: 75%;right: 23%;}

.tab-content{max-width: 60%;text-align: center;margin: 0px auto;display: flex;align-items: center;justify-content: center;height: 300px;position: relative;top:100px;}

/*Introduction Section Start*/

.introduction{background: #fff;width:100%;height: 100%;display: block;}
.introduction h1{font-size: 48px;font-family: 'Roboto', sans-serif;font-weight: 700;color:#ef6000;margin-bottom: 20px;}
.introduction p{font-size: 18px;font-family: ProximaNova-Regular;color:#5e6372}
.introduction .compass{margin-top: 80px;}
.introduction ol {display: block;list-style: none;overflow: hidden;margin-top: 30px;padding-left: 50px;}
.introduction ol li {width: 45%;margin-right: 35px;float: left;position: relative;margin-bottom: 20px;}
.introduction li span {float: left;position: absolute;left: -50px;text-align: center;color: #3f4e76;font-family: ProximaNova-Regular;font-size: 20px;line-height: 35px;width: 35px; height: 35px;background: #fff;border:1px solid #aaa;border-radius: 100px;}
.introduction ol li h6{font-size: 20px;font-family: 'Roboto', sans-serif;font-weight: 700;margin-top: 0px;margin-bottom: 5px;}
.introduction ol li p{font-size: 14px;font-family: ProximaNova-Regular;padding-right: 12px;}

/*Introduction Section End*/

/*Portfolio Section Start*/

.portfolio{background: #e9eef1;width:100%;height: 100%;display: block;}
.portfolio h1{font-size: 35px;font-family: 'Poppins', sans-serif;font-weight: 700;color:#2f2f2f;text-align: center;margin-bottom: 20px;}
.portfolio h5{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: center;margin-bottom: 20px;max-width: 80%;margin: 0px auto;}
.portfolio .icon-box{text-align: center;margin-bottom: 30px;padding: 20px 40px;}
.portfolio .icon-box .icon img{width: 80px;}
.portfolio .icon-box h4{font-size: 28px;font-family: 'Poppins', sans-serif;font-weight: 700;padding: 30px 0px}
.portfolio .icon-box p{font-size: 16px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#fff;}

.flip-box{margin-top: 40px;}
.flip-card {background-color: transparent;width: 100%;height: 200px;perspective: 1000px;margin-bottom: 30px;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.6s;transform-style: preserve-3d;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
/*.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}*/
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flip-card-front {background: #fff;color: #1f4694;}
.flip-card-back {background-color: #1f4694;color: white;transform: rotateY(180deg);}
.flip-card-back .icon-box .icon img{width: 100px;margin-top: 25px;} 
.flip-card-back .icon-box {text-align: center;margin-bottom: 30px;padding: 25px 10px;}
.flip-card-back .icon-box h4{padding-bottom: 5px;padding-top: 10px}

/*Portfolio Section End*/

/*Convert Section Start*/

.convert-section{background: #fff;}
.convert-section h1{font-size: 35px;font-family: 'Poppins', sans-serif;font-weight: 700;color:#2f2f2f;text-align: center;margin-bottom: 20px;}
.convert-section h5{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: center;max-width: 80%;margin: 0px auto;margin-bottom: 50px;}
.convert-section .orange-btn{font-family: ProximaNova-Light;font-size: 18px;color:#fff;padding: 10px 15px;background: #ef6000;border-radius: 30px;margin-top: 20px;display: inline-block}
.convert-section .left-image{width:100%;height: 490px;background: url(../images/cs-1.jpg);background-size: cover ! important;background-position: center ! important;}
.convert-section .right-text{max-width: 100%;padding: 0px 50px;position: relative;top:90px;}
.convert-section .business{background: url('../images/business-bg.jpg');background-size: cover;height: 500px;margin-bottom: 70px;}
.convert-section .business .blue-box{max-width: 400px;background: #1f4694;color:#fff;padding: 60px 50px;top: 120px;position: relative;z-index: 9;left: 100px;}
.convert-section .business .blue-box .address{font-size: 13px;margin-bottom: 20px;display: inline-block;}
.convert-section .business .blue-box .address:last-child{margin-bottom: 0px;}
.convert-section .business .blue-box .address .number{width: 35px;height: 35px;border: 2px solid #fff;text-align: center;border-radius: 100px;line-height: 30px;font-size: 16px;margin-right: 15px;display: inline-block;float: left;}
.convert-section .business .blue-box .address .text{display: flex;}


.growth-box{padding: 0;}
.growth-bg {padding-top: 55px;padding-bottom: 45px;height: 490px}
.growth-bg .row{margin-bottom: 20px;}
.growth-bg ul{padding: 0;margin: 0;list-style-type: none;display: inline-block;}
.growth-bg ul li{width: 100%;float: none;display: inline-block;margin-bottom: 10px;}
.growth-span h3{color:#000;font-weight: 500;font-family: 'Poppins', sans-serif;text-transform: uppercase;line-height: 25px;font-size: 20px;margin-bottom: 3px;}
.growth-span h4{color:#000;font-weight: bold;font-family: 'Poppins', sans-serif;text-transform: uppercase;line-height: 25px;}
.growth-span p{color:#000;font-size: 14px;font-family: 'Poppins', sans-serif;font-weight: 500;margin-top: 20px;}
.growth-span:first-child{float: left;margin-left: 45px;}
.growth-span{float: left;margin-left: 15px;}
.growth-span a{text-decoration: none;}
.growth-span img{padding-top: 0px;width:80px;}
.growth-description{padding: 183px 152px;}

/*Location-advantage Start*/

.location-advantage{width:100%;height: 100%;background: #fff;}
.location-advantage .right-box{margin-top: 100px;}
.location-advantage h1{font-family: ProximaNova-Bold;font-size: 35px;color:#ef6000;margin-bottom: 10px;}
.location-advantage ul{list-style-type: none;padding-left: 15px;}
.location-advantage ul li::before {
    content: "■";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #ef6000; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.location-advantage ul li{font-size: 15px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;margin-bottom: 5px;}
.location-advantage .right-box{background: #ececec;padding: 50px 100px;}


.visinory{background: #fff;}
.visinory h1{font-size: 35px;font-family: 'Poppins', sans-serif;font-weight: 700;color:#2f2f2f;text-align: center;margin-bottom: 20px;}
.visinory h5{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: center;max-width: 80%;margin: 0px auto;margin-bottom: 30px;}
.visinory h4{font-size: 16px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: left;max-width: 100%;margin: 0px auto;margin-top: 20px;}
.visinory p{font-size: 14px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#aaa;text-align: left;max-width: 100%;margin: 0px auto;margin-top: 2px;}

/*Clients Start*/

.client{width:100%;height: 100%;background: #e9eef1;}
.client h1{font-size: 35px;font-family: 'Poppins', sans-serif;font-weight: 700;color:#2f2f2f;text-align: center;margin-bottom: 20px;}
.client h5{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: center;margin-bottom: 20px;max-width: 80%;margin: 0px auto;margin-bottom: 50px;}
.three-item-carousel{width:100%;margin-top: 50px;}


/*WTC Global Advantage Start*/

.global-advantage .content-box h2{color:#2f2f2f;text-align: left;font-size: 40px;margin: 40px auto;font-family: 'Poppins', sans-serif;font-weight: 700;margin-bottom: 20px;}

.global-advantage {position: relative;padding-top: 0px;}
.global-advantage .section-outer {position: relative;background-color: #e9eef1;}
.global-advantage .section-outer .image-column {position: absolute;left: 0px;top: 0px;width: 50%;height: 100%;float: left;display: block;background-repeat: no-repeat;background-size: cover;}
.global-advantage .section-outer .image-column .content-box{display: block;max-width: 80%;margin: 0px auto;}
.global-advantage .section-outer .left-column {position: relative;left: 0px;top: 0px;float: right;width: 50%;height: 100%;padding: 30px 40px 40px 60px;background: #ef6000;}
.global-advantage .section-outer .left-column .content {position: relative;max-width: 550px;float: left;width: 100%;}

.global-advantage .section-outer .image-column .content-box ul{list-style-type: none;padding: 0px;}
.global-advantage .section-outer .image-column .content-box ul li{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 18px;color:#2f2f2f;background: #fff;margin-bottom: 10px;border-radius: 10px;padding: 8px 20px;border-left: 5px solid #ef6000;}

.volunter-box {position: relative;margin-bottom: 25px;}
.volunter-box .inner-box {position: relative;padding-left: 120px;}
.volunter-box .inner-box .icon-box {position: absolute;left: 0px;top: 0px;width: 90px;height: 90px;line-height: 88px;border-radius:0px;text-align: center;margin-bottom: 25px !important;background-color: #ef6000;border: 1px solid #e5e5e5;}
.volunter-box:first-child{margin-bottom: 30px;}
.volunter-box:first-child .inner-box .icon-box{border: none;}
.volunter-box .inner-box .icon-box:before {position: absolute;content: '';left: 50%;top: 100%;width: 1px;height: 100%;background-color: #e5e5e5;}
.volunter-box .inner-box h3 {position: relative;font-weight: 500;font-size: 20px;line-height: 1em;margin-bottom: 10px;text-transform: uppercase;}
.volunter-box .inner-box h2{text-align: left;font-size: 36px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#fff;padding-top: 20px;padding-bottom: 20px;}
.volunter-box .inner-box h3 a {color: #fff;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.volunter-box .inner-box .text{font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 15px;color: #fff;margin-bottom: 35px;}
.volunter-box .inner-box .text span{text-transform: uppercase;}
.volunter-box:last-child .inner-box .icon-box:before{display:none;}


/*WTC Global Advantage End*/

/*Blog Start*/

.blog h1{font-family: ProximaNova-Bold;font-size: 40px;margin-bottom: 10px;text-align: center}
.blog h5{font-size: 20px;font-family: 'Poppins', sans-serif;font-weight: 400;color:#2f2f2f;text-align: center;margin-bottom: 40px;}

.event-style-one {
    position: relative;
    margin-bottom: 50px;
}
.event-style-one .inner {
    position: relative;
    border-radius: 5px;
}
.event-style-one .inner .image-box {
    position: relative;
}
.event-style-one .inner .image-box .image {
    position: relative;
}
.event-style-one .inner .image-box .image img {
    position: relative;
    width: 100%;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.event-style-one .inner .lower-box {
    position: relative;
    padding: 10px 30px;
}
.event-style-one .inner .lower-box .date {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: -15px;
    font-family: 'poppins', serif;
    background: #ef6000;
    width: 130px;
    padding: 5px 10px;
    text-align: center;
    border-radius: 10px;
    top: -30px;
}
.event-style-one .inner .lower-box h3 {
    position: relative;
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 6px;
    font-family: 'poppins', serif;
    font-weight: 600;
}
.event-style-one .inner .lower-box h3 a {
    color: #212121;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.event-style-one .inner .lower-box .text {position: relative;font-size: 18px;color: #2f2f2f;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 18px;}

/*Blog End*/

/*Footer Start*/

footer{background-color: #000;background: url(../images/footer-bg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
footer h2{color:#fff;margin-bottom: 20px;font-family: 'Poppins', sans-serif;font-weight: 300;}
footer .contact h3{text-transform: uppercase;color:#fff;font-weight: 300;padding-top: 25px;padding-bottom: 20px;}
footer .address{color:#fff;font-size: 15px;margin-bottom: 30px;line-height: 25px;display: flex;}
.form-control {display: block;width: 100%;height: 45px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.text-area {height: 150px ! important;}
.submit-btn {background: #1f4694;color: #fff;border: none;padding: 15px 25px;width: 100%;border-radius: 2px;}
.footer-client{padding:0px;}
.footer-client li{list-style-type: none;float: left;margin-right: 10px;width:115px}
.footer-client li img{width:100%;}
.social-div{align-items: center;display: flex;justify-content: center;}

.blank-footer{background: #1f4694;}
.blank-footer p{color:#fff;font-family: 'poppins', sans-serif;font-weight: 400;font-size: 15px;padding: 20px 0px;}

/*Footer End*/