@import url('https://fonts.googleapis.com/css2?family=Ga+Maamli&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

html {
    scroll-behavior: smooth;
}


h1,h2,h3,h4,h5,h6,p,span,ul,li,a {
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 40px;
    font-weight: 600;
    color: white;
    position: relative;
}
h2 span {
    color: #ffc444;
}
p {
    color: #ffffffc7;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none!important;
}

ul {
    list-style: none;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no_space {
    padding-right: 0px;
    padding-left: 0px;
}

.sec {
    width: 100%;
    padding: 60px 0;
}

.main_btn1 {
    font-size: 16px;
    color: #000;
    border: 1px solid #ffc444;
    padding: 10px 20px;
    transition: linear 0.3s;
    background: #ffc444;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
}

.main_btn1:hover {
    color: #292930;
    border: 1px dashed;
}

.main_btn1 span {
    margin: 0 25px 0 -40px;
    opacity: 0;
    transition: linear 0.3s;
    animation: shrink infinite;
    font-size: 18px;
}

.main_btn1:hover span {
    opacity: 2;
    margin: 0 10px 0 0px;
    color: #000;
}
/************************** btns_call  ************************************/
/*sidebar Chat*/

.chat_btn_wrap{position:fixed;right: -7px;z-index: 2;}
.chat_btn_wrap a:hover{text-decoration: none!important;right: 0px;}
.chat_btn_wrap .chat_wrap{width: 310px;position: absolute;right: -247px;background: #ffc444;top: 200px;border-radius: 50px 0 0 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.chat_btn_wrap .chat_wrap span{border-left: 1px solid #000000;color: #000000;font-size: 18px;vertical-align: middle;background: #ffc444;padding: 17px 12px;}
.chat_btn_wrap .chat_wrap span.icoo,.btns_call .chat_wrap span.icoo{color: #000;font-size: 22px;padding: 10px 10px 10px 20px;vertical-align: middle;display: inline-block;border: none;}

/*sidebar Chat

/*sidebar num*/
.btns_call{position:fixed;right: 11px;z-index: 2;}
.btns_call a:hover{text-decoration: none!important;right: -12px;}
.btns_call .call_wrap{width: 279px;position: absolute;right: -238px;background: #ffc444;top: 270px;border-radius: 50px 0 0 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.btns_call .call_wrap span{border-left: 1px solid #000000;color: #000;font-size: 18px;vertical-align: middle;background: #ffc444;padding: 17px 21px;}
.btns_call .chat_wrap span.icoo,.btns_call .call_wrap span.icoo{color: #000;font-size: 22px;padding: 10px 10px 10px 15px;vertical-align: middle;display: inline-block;}
/*sidebar num*/





/************************** popup ************************************/

/*sidebar form*/
.sidebar_form_bg {width: 290px;position: fixed;top: 20%;right: 0;/* transform: translate(845px, 0); */border-radius: 5px;cursor: pointer;transition: linear .3s;z-index: 999;box-shadow: 46px 5px 10px 0 #00000029;right: -301px;}
.sidebar_active { transform: translate(0, 0); }
.sidebar_head {position: absolute;left: -66px;background: #ffc444;padding: 10px;color: #000000;top: 208px;width: 66px;text-align: center;border-radius: 40px 0 0px 40px;border: 1px solid #ffc444;}
.sidebar_head span {
    font-size: 20px;
    position: relative;
    z-index: 999;
}
.sidebar_form {background: #000;padding: 0px;height: 332px;display: flex;flex-direction: column;/* flex-wrap: nowrap; *//* align-content: center; *//* align-items: stretch; */border: 2px solid #ffc444;z-index: 999;position: relative;top: 80px;}
.sidebar_head h3 { font-size: 20px; color: #ffffff; }
.sidebar_head h3 span { color: #e2013f; font-weight: 600; }
.sidebar_form .form-control {padding: 13px;height: auto;border: 2px solid #ffc444;background: transparent;color: #fff;}
.sidebar_right {padding: 20px;position: relative;z-index: 999;}
.sidebar_right button.ban_btn {background: #ffc444;padding: 8px 50px;border-radius: 5px;border: 2px solid #ffc444;color: #000000;font-weight: 500;text-transform: uppercase;}
.error_page { text-align: center; padding: 140px 0; }
.ban_left.error_page h2 { text-align: center; margin: 0 0 20px; color: #fff; }
.sidebar_form_bg:hover {
    right: 0;
}

.sidebar_right h3 {
    color: #ffc444;
    margin: 0 0 20px;
}
/*sidebar form end*/
/************************** popup  ************************************/

.modal-content {
    background: url(img/popup_bg.png) no-repeat center;
    background-size: cover;
}

.modal-dialog {
    width: 50%;
}

.modal-body {
    position: relative;
    padding: 50px 30px;
}

.modal {
    background: #0e1134c7;
}

.modal h5 {
    font-size: 24px;
}

.modal h4 {
    font-size: 32px;
    font-weight: 600;
    color: #13103c;
    margin: 10px 0;
}

.modal .form-control {
    padding: 13px 10px 13px 40px;
    height: auto;
    border: 2px solid #5a87db;
    color: #000;
    font-size: 16px;
}

.field {
    position: relative;
    margin: 5px 0;
}

span.pop_icon {
    position: absolute;
    left: 15px;
    font-size: 20px;
    top: 10px;
    color: #5a87db;
}

button.pop_btn {
    display: block;
    width: 100%;
    background: linear-gradient(90deg, rgb(75 146 221) 0%, #de1fb3 100%);
    color: #fff;
    border-radius: 6px;
    border: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
}

.modal textarea.form-control {
    resize: none;
}

.modal p {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

button.close {
    background: url(img/cross.html) no-repeat 0 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    right: 15px;
    display: block;
    z-index: 222220;
    opacity: 1;
}

/************************** popup ************************************/

/************************** header  ************************************/
ul.preload{position: fixed;top: 0;left: 49.9%;transform: translate(-50%,0%);margin: 0;padding: 20% 0;display: flex;z-index: 9999;background: #000;width: 100%;justify-content: center;height: -webkit-fill-available;}
/*ul.preload::before {
    content: "";
    position: absolute;
    background: #ffc444;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}*/
ul.preload li{position: relative;list-style: none;font-size: 5em;letter-spacing: 20px;animation: animate 3s linear infinite;color: #ffc444;}

ul.preload li::before {
    content: "";
    position: absolute;
    background: #000;
    
}



ul.preload li:nth-child(1){
animation-delay: 0s;
}
ul.preload li:nth-child(2){
animation-delay: .2s;
}
ul.preload li:nth-child(3){
animation-delay: .4s;
}
ul.preload li:nth-child(4){
animation-delay: .6s;
}
ul.preload li:nth-child(5){
animation-delay: .8s;
}
ul.preload li:nth-child(6){
animation-delay: 1s;
}
ul.preload li:nth-child(7){
animation-delay: 1.2s;
}
ul.preload li:nth-child(8){
animation-delay: 1.4s;
}
ul.preload li:nth-child(9){
animation-delay: 1.6s;
}
ul.preload li:nth-child(10){
animation-delay: 1.8s;
}
ul.preload li:nth-child(11){
animation-delay: 2s;
}
ul.preload li:nth-child(12){
animation-delay: 2.2s;
}
ul.preload li:nth-child(13){
animation-delay: 2.4s;
}
ul.preload li:nth-child(14){
animation-delay: 2.6s;
}
ul.preload li:nth-child(15){
animation-delay: 2.8s;
}
ul.preload li:nth-child(16){
animation-delay: 2.8s;
}


@keyframes animate{
0%{
transform: translateX(-50px);
letter-spacing: 20px;
opacity: 0;
color: #000;

}
10%{
opacity: 1;
}
50%{
letter-spacing: -20px;
opacity: 1;
}
100%{
transform: translateX(50px);
letter-spacing: 20px;
opacity: 0;
color: #ffc444;

}
}




.wow {
    animation-duration: 3s;

}

/************************** header  ************************************/
/************************** header  ************************************/
.header {
    width: 100%;
    background: #00000000;
    padding: 10px 0;
    position: absolute;
    z-index: 999;
}
.logo a, .foot_tright a {
    display: flex;
    align-items: center;
}
#type {
  font-size: 15px;
  padding: 10px 3px;
  color: #FFC107;
  font-weight: 600;
  /* font-family: "Ga Maamli", sans-serif; */
}
#types {
  font-size: 16px;
  padding: 10px 3px;
  color: #FFC107;
  font-weight: 600;
  /* font-family: "Ga Maamli", sans-serif; */
}


.head_mid .navbar-nav > li {
    display: inline-block;
    float: none;
}

.main_navigation {
    width: 100%;
    padding: 9px 0;
}

.navbar-inverse {
    background-color: transparent;
    border: none;
}

.navbar-collapse.collapse {
    float: none;
    padding: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    padding: 10px 0;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
    transition: linear 0.3s;
    position: relative;
    margin: 0 20px 0 0;
}

.head_mid .navbar-nav > li > a:hover {
    color: #ffc444;
}



.head_mid .navbar-nav > li > a:before {
    content: "";
    position: absolute;
    background: #ffc444;
    height: 2px;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 100%;
    transition: linear 0.3s;
}
.head_mid .navbar-nav > li > a:hover::before {
    right: 0;
}

/***********************************************************/



/***********************************************************/

.dropdown-menu {
    padding: 8px 0;
    margin: 0;
    background-color: #fff;
    top: 65px;
}

ul.dropdown-menu {
    position: absolute;
    width: 250px;
    height: 240px;
    top: 65px;
    left: 0;
    margin: auto;
    background: #000000;
    padding: 15px 25px 15px 20px;
    text-align: left;
    border-radius: 10px;
    border: 2px solid #ffc444;
}



.dropdown-menu > li > a {
    color: #000000;
    text-align: left;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 0 5px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: transparent;
    color: #FFF;
}

ul.dropdown-menu li {
    width: 100%;
    margin: 0 0 10px;
}

.caret {
    color: #ffc444;
    margin-left: 9px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #000;
    background-color: transparent;
}

.nav.navbar-nav {
    display: block;
    text-align: center;
}

.navbar-nav {
    float: none;
}

.navbar.navbar-inverse {
    margin-bottom: 0;
}

.navbar {
    min-height: auto;
}

.navbar-inverse .navbar-nav > li > a.main_btn {
    padding: 10px 30px;
    top: 14px;
    color: #000;
    font-weight: 600;
}

.navbar-inverse .navbar-nav > li > a.main_btn:hover {
    background: #342ead;
    color: #fff;
}


.head_right {width: 100%;margin: 0 0;text-align: right;}
.head_right ul li {display: inline-block;margin: 0 0 0 20px;}
.head_right ul li a {font-size: 16px;color: #ffffff;transition: .3s all;transition: linear .3s all;position: relative;vertical-align: middle;font-weight: 400;}
.head_right ul li a:hover {color: #000;}
.head_right ul li a span { margin: 0 10px 0 0; color: #ffc444; }
.head_right span { margin: 0 15px 0 0; }

.head_right ul li a:hover {
    color: #ffc444;
}



.head_right ul li a:before {
    content: "";
    position: absolute;
    background: #ffc444;
    height: 1px;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 100%;
    transition: linear 0.3s;
}
.head_right ul li a:hover::before {
    right: 0;
}


ul.dropdown-menu.services {
    left: -140%;
    width: 750px;
}
ul.dropdown-menu.video {
    left: -242px;
    width: 750px;
}
ul.dropdown-menu.industry {
    left: -366px;
    width: 750px;
}

.ser_box {
    overflow: hidden;
    overflow-y: scroll;
    height: 200px;
}

.ser_box::-webkit-scrollbar {
  width: 3px;
}
.ser_box::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.ser_box::-webkit-scrollbar-thumb {
  background: #ffc444;
}


.ser_box ul li a {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
    text-decoration: none;
} 

.ser_box ul li a span {
    font-size: 16px;
    color: #fff;
}   
.ser_box ul li a .menu-linkDetail strong {
    font-size: 16px;
    margin-bottom: 5px;
    :;
    lor 0.3s;
    text-transform: capitalize;
    color: #ffc444;
    display: inline-block;
    font-weight: 400;
}
.ser_box ul li a .menu-linkDetail p {
    color: #fff;
    font-size: 12px;
    width: 100%;
}
/************************** section 1  ************************************/

.h_banner {width: 100%;height: 100vh;/* padding: 170px 0 80px; */position: relative;display: flex;/* background: #333; */33; */flex-flow: wrap;align-items: center;overflow: hidden;z-index: 0;}
.h_banner::before {content: "";position: absolute;background: #00000085;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;}
.h_banner video {position: absolute;top: -2%;width: 100%;right: 0;transform: scale(1);z-index: 0;}
.ban_top {width: 100%;color: #fff;position: relative;z-index: 999;text-align: center;}
.ban_top h1 {font-size: 50px;font-weight: 500;color: #ffffff;margin: 0 0 20px;}
.ban_top p {
    color: #fff;
    margin: 0 0 30px;
}
button.ban_btn { width: 100%; padding: 10px; border-radius: 5px; border: none; background: var(--red); box-shadow: 3px 3px 10px 0 #00000054; text-transform: uppercase; font-weight: 700; font-size: 18px; }
canvas { display: block; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

/************************** section 1  ************************************/

.h_sec1.sec {
    width: 100%;
    background: url(img/s1_banner.jpg) no-repeat;
    background-size: cover;
}


.s1_tright {
    width: 100%;
    /* margin: 20px 0 20px 50px; */
}

.s1_bot {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0;
}

.s1_bbox {
    width: 100%;
    background: #33333a;
    padding: 20px;
    border-radius: 10px;
    border: 1px dashed #ffffff33;
    transition: linear 0.3s;
    margin: 20px 0 0;
    height: 300px;
}

.s1_bbox:hover {
    border-color:#fff;
}
.s1_bbox h3 {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #ffc444;
}

.s1_bbox p {
    font-size: 14px;
}
.s1_bbox a {
    margin: 15px 0 0;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.s1_bbox a:hover {
    color: #ffc444;
}
.s1_bbox a span {
    color: #ffc444;
    margin: 0 0 0 5px;
}

.s1_bbox a::before {
    content: "";
    position: absolute;
    background: #ffc444;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 100%;
    transition: linear 0.3s;
}

.s1_bbox:hover a::before {
    right: 0;
}



.s1_bbox img {
    transition: linear 0.3s;
}
.s1_bbox:hover img {
    transform: scaleX(-1);

}
.s1_btn {
    width: 100%;
    text-align: center;
    margin: 40px 0 0;
}


/************************** section 1  ************************************/

.h_sec2.sec {
    width: 100%;
    background: #000;
}
.s2_top {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}

.s2_box {
    width: 100%;
    /* padding: 10px; */
    position: relative;
    margin: 20px 0 0;
}
.s2_box::before {
    content: "";
    position: absolute;
    background: #f6bd42;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
    transition: linear 0.3s;
    border-radius: 10px;
}
.s2_box:hover::before {
    opacity: 0.9;
    bottom: 0;
}
.s2_box a {
    position: relative;
    padding: 10px 0;
}
.s2_box a:focus {
    outline: 0;
    outline-offset: 0;
}
.s2_box a::before {
    content: "";
    position: absolute;
    background: url(img/s2_playbtn1.png) no-repeat center;
    background-size: contain;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: linear 0.3s;
}
.s2_box:hover a::before {
    top: 0;
    transform: rotate(222deg);
}

.s2_box a img {
    border-radius: 10px;
}

.s2_btn {
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
}

.s2_btn ul li {
    display: inline-block;
    margin: 0 10px 0;
}


/************************** section 1  ************************************/


.h_sec3.sec {
    width: 100%;
    background: #292930;
    position: relative;
    background: url(img/s3_banner.jpg) no-repeat;
    background-size: cover;
    background-position: 12% 0;
}
/*.h_sec3.sec::before {
    content: "";
    position: absolute;
    background: url(img/s3_banner.png) no-repeat;
    
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}*/

.s3_left {
    width: 100%;
    margin: 0;
}

.s3_left h2 {
    margin: 0 0 60px;
    position: relative;
}
.s3_left h2 span {
    color: #ffc444;
}

.s3_left h2::before {
    content: "";
    position: absolute;
    background: #efb740;
    height: 2px;
    width: 30%;
    bottom: -30px;
}

.s3_left ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.s3_left ul li span {
    font-size: 30px;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 50px;
    transition: linear 0.3s;
    position: relative;
    z-index: 999;
    color: #ffc444;
}
.s3_left ul li span:hover::before {
    background: #ffc444;
}
.s3_left ul li span::before {
    content: "";
    position: absolute;
    background: #000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 50px;
    transition: linear 0.3s;
}

.s3_left ul li span:hover {
    color: #000;
    transform: scale(1.1);
}

.s3_left p {
    margin: 0 0 20px;
}



.s3_rbox {
    width: 100%;
    text-align: center;
    border: 2px solid #ffc444;
    border-radius: 10px;
    padding: 20px;
    transition: linear 0.3s;
    margin: 10px 0;
}

.s3_rbox h3 {font-size: 36px;margin: 10px 0;}

.s3_rbox:hover {
    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.83);
}
/************************** section 1  ************************************/

.h_sec4.sec {
    background: #000;
}

.s4_top {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}

.s4_top h2 {
    margin: 0 0 10px;
}

.s4_bot {
  position: relative;
  padding: 3.75rem 0;
  z-index: 1;
}
.s4_bot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 100%;
  background: #292930;
  z-index: -1;
  border-radius: 3.125rem;
  transform: translate(-50%, -50%);
}
.s4_bot > ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 0.625rem;
  justify-content: space-between;
}
.s4_bot > ul::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.s4_bot > ul > li {
  width: 140px;
  min-width: 120px;
  text-align: center;
  border-radius: 70px;
  padding: 60px 5px;
  border: 4px solid #ffc444;
  overflow: hidden;
  transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out;
  position: relative;
}
.s4_bot > ul > li:hover {
  width: 300px;
  min-width: 300px;
}
.s4_bot > ul > li:first-child {
  background-color: #ffe1e1;
  border: 4px solid #f39393;
}
.s4_bot > ul > li:nth-child(2) {
  background-color: #fcc1a8;
  border: 4px solid #ff8958;
}
.s4_bot > ul > li:nth-child(3) {
  background-color: #d3f2ff;
  border: 4px solid #7fd9ff;
}
.s4_bot > ul > li:nth-child(4) {
  background-color: #b8d6ff;
  border: 4px solid #6ba4f1;
}
.s4_bot > ul > li:nth-child(5) {
  background-color: #ffe680;
  border: 4px solid #ffcd00;
}
.s4_bot > ul > li:nth-child(6) {
  background-color: #c9eed9;
  border: 4px solid #3acb79;
}
.s4_box > img {
  width: 120px;
  height: 120px;
  margin-bottom: 1.5625rem;
  object-fit: contain;
}
.s4_box > .s4_box_detail > h3 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.s4_box > .s4_box_detail > i {
  font-size: 20px;
  color: #000;
  transition: 0.3s;
  opacity: 1;
  line-height: 1.539;
}
.s4_box > p {
  position: absolute;
  bottom: 11px;
  right: 0;
  width: 290px;
  font-size: 12px;
  text-align: center;
  padding: 0 1.125rem;
  transform: translate(100%, 0);
  transition: 0.5s;
  color: #000;
  font-weight: 600;
}
.s4_bot > ul > li:hover > .s4_box > p{
  transform: translate(0, 0);
}

.s4_bot > ul > li:hover .s4_box > .s4_box_detail > i {
    opacity: 0;
}
/************************** section 1  ************************************/
.h_sec5.sec {
    background: url(img/s3_banner.jpg) no-repeat 5%;
    background-size: cover;
}

.s5_top {
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px;
    text-align: center;
    padding: 0 80px;
}
.s5_top ul.nav-tabs {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin: 20px 0 30px;
    border: 2px solid #ffc444;
    padding: 10px;
    border-radius: 50px;
}
.s5_top ul.nav-tabs li {
    border-radius: 50px;
    border-bottom: 2px solid #edb61d;
    padding: 10px 0;
    background-color: #00000000;
    margin: 0 20px 0 0;
    width: 100%;
    transition: linear 0.3s;
}
.s5_top ul.nav-tabs li:hover {
    border: 1px solid #edb61d;
}
.s5_top ul.nav-tabs li.active {background: #edb61d;}
.s5_top ul.nav-tabs li.active:hover {
    border: none;
    border-bottom: 2px solid #edb61d;
}
.s5_top ul.nav-tabs li img {
    margin: 0 20px 0 0;
    max-width: 100%;
}

.s5_top .nav-tabs {
    border: none;
}

.s5_top .nav-tabs>li>a {
    color: #fff;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    display: block;
    text-align: center;
    padding: 0;
    line-height: normal;
}

.color-white .s5_top .nav-tabs>li>a {
    color: #000;
}

.s5_top .nav-tabs>li>a:hover {
    color: #fff;
    border: none;
}
.color-white .s5_top .nav-tabs>li>a:hover {
    color: #000;
}

.s5_top .nav-tabs>li.active>a {
    border: none;
    border-radius: 8px;
    font-family: 'Source Sans Pro', sans-serif;
    background: transparent;
    color: #000;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.s5_top .tab-content {
    width: 100%;
}

.s5_bot {
    width: 100%;
    display: inline-block;
}

.s5_bbox {
    width: 100%;
    border: 2px solid #f2d3a5;
    padding:  20px;
    text-align: center;
    border-radius: 10px;
}

.s5_box_top {
    width: 100%;
}

.s5_box_top h3 {
    background: #f2d3a5;
    color: #000;
    padding: 20px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.s5_box_top h4 {
    font-size: 30px;
    margin: 20px 0;
    color: #f2d3a5;
}

.s5_box_top h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 200;
    border-bottom: 1px solid #fff;
    padding: 0 0 20px;
}

.s5_box_mid {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
}

.s5_box_mid ul li {font-size: 14px;text-align: left;padding: 0 0 0 30px;position: relative;font-weight: 200;}
.s5_box_mid ul li.list-heading {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #f2d3a5;
    margin: 10px 0 10px;
    padding: 0;
}
.s5_box_mid ul li.list-heading::before {
    display: none;
}
.s5_box_mid ul li::before {
    content: "\f560";
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    color: #f2d3a5;
}

.s5_box_bot {
    width: 100%;
    margin: 20px 0 0;
}

.s5_box_bot a {
    background: #f2d3a5;
}



.s5_bbox.s5_box1 {
    border: 2px solid #fdbd5e;
}
.s5_box_top.s5_box1 h3 {
    background: #fdbd5e;
}
.s5_box_top.s5_box1 h4 {
    color: #fdbd5e;
}

.s5_box_mid.s5_box1 ul li::before{
    color: #fdbd5e;
}
.s5_box_bot.s5_box1 a {
    background: #fdbd5e;
}
.s5_box_mid.s5_box1 ul li.list-heading {
    color: #fdbd5e;
}



.s5_bbox.s5_box2 {
    border: 2px solid #f1a432;
}
.s5_box_top.s5_box2 h3 {
    background: #f1a432;
}
.s5_box_top.s5_box2 h4 {
    color: #f1a432;
}

.s5_box_mid.s5_box2 ul li::before{
    color: #f1a432;
}
.s5_box_bot.s5_box2 a {
    background: #f1a432;
}
.s5_box_mid.s5_box2 ul li.list-heading {
    color: #f1a432;
}

.s5_bbox.s5_box3 {
    border: 2px solid #ff9800;
}
.s5_box_top.s5_box3 h3 {
    background: #ff9800;
}
.s5_box_top.s5_box3 h4 {
    color: #ff9800;
}

.s5_box_mid.s5_box3 ul li::before{
    color: #ff9800;
}
.s5_box_bot.s5_box3 a {
    background: #ff9800;
}
.s5_box_mid.s5_box3 ul li.list-heading {
    color: #ff9800;
}

/************************** section 1  ************************************/
.h_sec7.sec {background: #000}

.s7_top {width: 100%;text-align: center;margin: 0 0 50px;}

.s7_top h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000000;
    margin: 0 0 10px;
    background: #ffaa17;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
}

.s7_box {width: 100%;padding: 50px 30px;background: #232429;color: #fff;border-top: 6px solid #ffaa17; position: relative;}

.s7_box::before {content: "\f10e";position: absolute;font-family: 'FontAwesome';top: 87px;right: 30px;font-size: 60px;line-height: 0;color: #ffaa17;}

.s7_box_top {width: 100%;}

.s7_box_top img {float: left;margin: 0 20px 0 0;border-radius: 50%;}

.s7_box_top h3 {margin: 30px 0 10px;display: inline-block;}

.s7_box_bot {width: 100%;display: inline-block;margin: 30px 0 0;}

.h_sec7 .owl-prev{animation-duration: 2s;font-size: 15px;color: #fff;display:inline-block;background: #000000;border: 3px solid #ffc444;border-radius: 50px;padding: 10px 0;width: 50px;height: 46px;top: 90%;right: 0;left: 45%;transition: linear 0.3s;}
.h_sec7 .owl-prev:hover {background: #ffc444;color: #000000;}
.h_sec7 .owl-next{animation-duration: 2s;font-size: 15px;color: #fff;display:inline-block;background: #000000;border: 3px solid #ffc444;border-radius: 50px;padding: 8px 0;width: 50px;height: 45px;position:absolute;/* left: 0; */right: 45%;top: 90%;transition: linear 0.3s;}
.h_sec7 .owl-next:hover {background: #ffc444;color: #000;}

.h_sec7 .owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
    display: inline-block;
}

/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/

/************************** section 1  ************************************/

/************************** section 1  ************************************/


/************************** section 1  ************************************/
/*inner section*/
.contact_banner {
    background: #0000008c url(img/contact_banner.jpg) no-repeat center;
    background-size: cover;
    padding: 150px 0;
    background-blend-mode: overlay;
}

.contact_s1_left,.contact_s1_left h4,.contact_s1_box p {
    color: #000;
}

.contact_s1_left h2 {
    color: #ffc444;
    margin: 5px 0 20px;
}

.contact_s1_left input.form-control {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    margin: 0 0 15px;
    height: 50px;
    color: #000 !important;
}
.contact_s1_left textarea.form-control {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    margin: 0 0 15px;
    height: 150px;
    resize: none;
    color: #000 !important;
}
.contact_s1_left button {
    border: none;
}

.contact_s1_box {
    width: 100%;
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 20px 0 0;
}

.contact_s1_box span {
    font-size: 30px;
    background: #ffc444;
    border-radius: 50%;
    padding: 10px 20px;
    display: inline-block;
    color: #000;
}
.contact_s1_box h3 {
    margin: 10px 0 0;
    color: #ffc444;
}


.inner_page_banner {
    width: 100%;
    padding: 100px 0 30px;
    /* text-align: center; */
    background: url(img/contact_banner.jpg) no-repeat center top 34%;
    color: #fff;
    border-top: 1px solid #fff;
    background-size: cover;
    height: 70vh;
}

.inner_page_banner h3 {
    font-size: 32px;
    color: #fff;
    text-transform: capitalize;
}


.terms_section {
    width: 100%;
    background: #00000000 url(img/s1_banner1.jpg) no-repeat center;
    background-size: cover;
    background-blend-mode: overlay;
    padding: 30px 0 60px;
    color: #000;
}

.terms_section h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    color: #000;
}
.terms_section label {
    color: #000;
    font-weight: 500;
}

.terms_section p {
    margin: 0 0 25px;
    color: #666;
    font-size: 16px;
}

.terms_section ul {
    display: flex;
    flex-wrap: wrap;
}
.terms_section ul li {
    list-style: none;
    font-size: 16px;
    margin: 0 0 20px;
    position: relative;
    color: #666;
    width: 30%;
}

.terms_section ul li a {
    color: #102a45;
}

.terms_section .form-control {
    resize: none;
    border-radius: 5px;
    border: 2px solid #000000;
}

.terms_section_form {
    width: 100%;
}

.terms_section_form h5 {
    font-size: 32px;
    margin: 0 0 30px;
    color: #000000;
}

.terms_s_left {
    width: 100%;
    padding: 0;
}
.terms_s_left h2,.terms_section_form h2 {
    color: #000;
    font-weight: 600;
}
.terms_s_left h2::before,.terms_section_form h2::before {
    background: #000;
}
.terms_s_left h3 {
    font-size: 18px;
    margin: 0 0 10px;
    line-height: -70px;
    color:#000;
    text-transform: uppercase;
}

.terms_s_left p {
    font-size: 16px;
    color: #666;
}

.capbox0 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

#CaptchaDiv0 {
    width: 20%;
    background: #fff;
    padding: 9px 12px;
    margin: 0 0 15px;
    border-radius: 10px;
    float: left;
    border: 2px solid #555555;
    color: #000;
}

.capbox-inner0 {
    padding: 3px 13px;
    width: 76%;
    float: left;
    border-radius: 10px;
    margin: 0 0 0 20px;
    border: 2px solid #555555;
    color: #000;
}

#CaptchaInput0 {
    margin: 1px 0px 1px 30px;
    width: 130px;
    border-radius: 10px;
    padding: 4px;
    border: 2px solid #555555;
}

button.cont_but {
    font-size: 18px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    padding: 9px 0;
    box-shadow: 0px 5px 15px #00000087;
    transition: 0.3s ease-in;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    border: none;
}

input#birthday {
    width: 100%;
    border: 2px solid #000;
    height: 40px;
    border-radius: 5px;
    padding: 5px 10px;
}

/***************************footer*******************************/
.footer {
    width: 100%;
    /* background: url(img/foot_img1.png); */
    background-size: cover;
    background: #00000082 url(img/foot_banner.jpg) no-repeat bottom right;
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
}

.foot_top_box {
    width: 100%;
    padding: 60px 0;
}
.foot_top {
    width: 100%;
    display: inline-block;
    padding: 0 0 40px 0;
}

.foot_tleft h3 {
    margin: 0 0 60px;
    position: relative;
    font-size: 50px;
    font-weight: 500;
}
.foot_tleft h3 span {
    color: #ffc444;
}

.foot_tleft h3::before {
    content: "";
    position: absolute;
    background: #efb740;
    height: 2px;
    width: 20%;
    bottom: -30px;
}

.foot_tleft p {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    margin: 0 0 20px;
}
.foot_tright {
    width: 100%;
    margin: 60px 0;
    text-align: center;
}
.foot_mbox_heading {
    width: 100%;
    margin: 0 0 15px;
}

.foot_mbox_heading h3 {
    text-transform: uppercase;
}

.foot_mid {
    width: 100%;
    display: inline-block;
}

.foot_mbox_list {
    width: 100%;
}
.foot_mbox_list ul li {
    margin: 3px 0;
}

.foot_mbox_list ul li a {
    color: #fff;
    font-weight: 300;
    position: relative;
    transition: linear 0.3s;
    font-size: 14px;
}
.foot_mbox_list ul li a:hover {
    color: #ffc444;
}

.foot_mbox_list ul li a::before {
    content: "";
    position: absolute;
    background: #ffc444;
    top: 19px;
    bottom: 0;
    left: 0;
    right: 100%;
    transition: linear 0.3s;
}

.foot_mbox_list ul li a:hover::before {
    right: 0;
}

.foot_mbox_list ul.contact_links li {
    margin: 0 0 10px;
}

.foot_mbox_list ul.contact_links li a span {
    margin: 0 10px 0 0;
    color: #ffc444;
}

.foot_mbox_list ul.contact_links li a {
    font-size: 18px;
    position: relative;
}


.foot_mbox_list ul.contact_links li a::before {
    content: "";
    position: absolute;
    background: #ffc444;
    top: 24px;
    bottom: 0;
    left: 0;
    right: 100%;
    transition: linear 0.3s;
}

.foot_mbox_list ul.contact_links li a:hover::before {
    right: 0;
}



.foot_mbox_list ul.social_links {
    margin: 30px 0 0;
    position: relative;
    z-index: 0;
}

.foot_mbox_list ul.social_links li {
    display: inline-block;
    margin: 0 10px 0 0;
}
.foot_mbox_list ul.social_links li a::before {
    display: none;
}

.foot_mbox_list ul.social_links li a span {
    font-size: 20px;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 50px;
    transition: linear 0.3s;
    position: relative;
    z-index: 999;
    color: #ffc444;
}
.foot_mbox_list ul.social_links li span:hover::before {
    background: #ffc444;
}
.foot_mbox_list ul.social_links li span::before {
    content: "";
    position: absolute;
    background: #000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 50px;
    transition: linear 0.3s;
    border: 1px solid;
}


.foot_mbox_list ul.social_links li span:hover {
    color: #000;
    transform: scale(1.1);
}







.foot_bot {
    padding: 20px 0 20px;
    color: #fff;
    text-align: center;
    background: #00000099;
    border-top: 1px solid #ffc444;
}
.foot_bot p a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline !important;
}

/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/


.h_banner.in_service {
    background: url(img/inner_banner1.jpg) no-repeat;
    background-size: cover;
    padding: 180px 0 100px;
    height: auto;
}
.h_banner.in_service::before {
    content: "";
    position: absolute;
    background: #00000073;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.ser_ban_main {
    width: 100%;
    display: flex;
    align-items: center;
}
.ser_ban_right video {
    top: 0;
    transform: scale(1);
    border-radius: 10px;
    box-shadow: 0px 20px 19px -9px #000;
}
.ser_ban_left {
    width: 100%;
}

.ser_ban_left h1 {
    font-size: 36px;
    text-transform: uppercase;
}
.ser_ban_left h1 span {
    color: #ffc444;
    text-transform: uppercase;
}



.ser_ban_left p {
    font-size: 20px;
    color: #fff;
    margin: 20px 0 20px;
}
.ser_s1_right {
    width: 100%;
}

.ser_s1_right p {
    margin: 20px 0 20px;
}

.ser_s3_bot #accordion .panel {border: 0;border-radius: 10px;margin: 0 0 26px;}
.ser_s3_bot #accordion a {display: block;font-weight: 400;padding: 20px 35px;color: #000000;background: #ffc444;border-radius: 0;border-left: 2px solid #ffc444;/* box-shadow: 0 10px 12px 0px #ddd; */font-size: 16px;border-radius: 10px 10px 0 0;font-weight: 600;}
.ser_s3_bot #accordion .panel-heading {padding: 0;border-radius: 10px;}
.ser_s3_bot #accordion .panel-heading .accordion-toggle::before { font-family: 'FontAwesome'; content: '\f00d'; float: right; color: white; font-weight: lighter; transform: rotate(0deg); transition: all 0.2s ease-in; }
.ser_s3_bot #accordion .panel-heading .accordion-toggle.collapsed::before {color: #ffffff;transform: rotate(-135deg);transition: all 0.2s ease-in;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {background: #000000;box-shadow: 0px 10px 60px 0px rgba(33, 28, 26, 0.1);padding: 20px 40px;border-radius: 0 0 10px 10px;border: 1px solid #000000;}
.ser_s3_top {
    width: 100%;
    text-align: center;
    margin: 0 0 50px;
}
.ser_s3_bot_img img {
    width: 100%;
    position: relative;
    top: 0;
}
/**************************************************/
.form-control input { background: #ffffff; font-size: 12px; font-weight: 500; padding: 10px; border: 1px solid #e2e5eb; height: 40px; }
.ser_s1_left h3 { color: #ffffff; font-size: 25px; text-align: center; margin: 0 0 20px 0; line-height: 40px; font-weight: 600; }
/*.ser_s1_left { width: 100%; padding: 20px 25px 20px 25px; border-radius: 5px; position: relative; background: #012245; box-shadow: 10px 10px 25px 0 #00000045; }*/
.ser_s1_left .ban_btn {background: linear-gradient(90deg, #7c32ff 0%, #c738d8 100%);color: #ffffff;border-radius: 3px;padding: 8px 40px;font-size: 16px;
    font-weight: 300;box-shadow: 0 16px 32px 0 rgb(0 40 120 / 35%);transition: all 0.5s ease;border-color: #e000ff00;width: 100%;}
.ser_s1_left .ban_btn:hover { box-shadow: 0 0px 0px 0 rgba(0, 40, 120, 0); background-position: 0 0; }
.ser_s1_left .form-group input {background: #ffffff00;border: none;color: #fff;box-shadow: none;height: 40px;border-radius: 3px;border: 1px solid #828bb2;}
.ser_s1_left .form-group input::placeholder { color: #ffffff; }
.ser_s1_left .form-group textarea {background: transparent;color: #fff;box-shadow: none;height: 75px;padding: 10px 10px;resize: none;border-radius: 3px;border-bottom: 1px solid #828bb2;}
.ser_s1_left .form-group textarea::placeholder { color: #ffffff; }

.ser_s1_right ul {
    margin: 0 0 0;
    border-top: 1px solid #fff;
    padding: 20px 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ser_s1_right ul li {
    position: relative;
    margin: 10px 0 0;
    font-size: 14px;
    padding: 0 0 0 30px;
    width: 50%;
}

.ser_s1_right ul li::before {
    content: "\f058";
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffc444;
}

/***********************industry***************************/
.s1_bbox.ind {
    height: 270px;
}
.in_industry_s8.sec {
    background: #000;
    border-top: 1px solid #888;
}
.ind_s8_top {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}
.ind_s8_box {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  background: #292930;
  border-radius: 0.75rem;
  height: 100%;
  margin: 20px 0 0;
  height: 150px;
}
.ind_s8_box > img {
  margin-right: 20px;
}
.ind_s8_box_details > h3 {
  font-weight: 500;
  color: #fff;
  margin: 0 0 10px;
  font-size: 20px;
  color: #ffc444;
}


/***********************portfolio***************************/

.port_s2_tabs {
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px;
}
.port_s2_tabs ul.nav-tabs {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.port_s2_tabs ul.nav-tabs li {
    border-radius: 5px;
    border-bottom: 2px solid #edb61d;
    padding: 10px 0;
    background-color: #00000000;
    margin: 0 20px 0 0;
    width: 100%;
    transition: linear 0.3s;
}
.port_s2_tabs ul.nav-tabs li:hover {
    border: 1px solid #edb61d;
}
.port_s2_tabs ul.nav-tabs li.active {background: #edb61d;}
.port_s2_tabs ul.nav-tabs li.active:hover {
    border: none;
    border-bottom: 2px solid #edb61d;
}
.port_s2_tabs ul.nav-tabs li img {
    margin: 0 20px 0 0;
    max-width: 100%;
}

.port_s2_tabs .nav-tabs {
    border: none;
}

.port_s2_tabs .nav-tabs>li>a {
    color: #fff;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    display: block;
    text-align: center;
    padding: 0;
}

.color-white .port_s2_tabs .nav-tabs>li>a {
    color: #000;
}

.port_s2_tabs .nav-tabs>li>a:hover {
    color: #fff;
    border: none;
}
.color-white .port_s2_tabs .nav-tabs>li>a:hover {
    color: #000;
}

.port_s2_tabs .nav-tabs>li.active>a {
    border: none;
    border-radius: 8px;
    font-family: 'Source Sans Pro', sans-serif;
    background: transparent;
    color: #000;
}
.port_s2_tabs .tab-content {
    width: 100%;
}

/*************************process_box*************************/
.process_box {
    width: 100%;
    display: flex;
    align-items: center;
}
.process_left img {
    border-radius: 10px;
}
.process_right {
    width: 100%;
}

.process_right h3 {
    margin: 0 0 10px;
    color: #ffc444;
}
/**************************************************/
.loader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    -webkit-transform: translate3d(0,0,0);
}
.loader-anim  , .loader-anim2{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    background:#313131;
}
.loader-anim2 {
    z-index:1
}
.loading-text-container {
    position:absolute;
    top:50%;
    left:50%;
    z-index:4;
    width:180px;
    height:90px;
    margin:-45px 0 0 -75px;
    font-family: 'Oswald', sans-serif;
    font-weight:700;
}
.loading-text {
    font-size:48px;
    color:#fff;
    text-align:left;
    text-transform:uppercase;
    display:block;
    line-height:250px;
    position:relative;
    z-index:2;
}
.loading-text strong {
    display:block;
}
.loader_count {
    position:absolute;
    right:-40px;
    top:-150px;
    font-size:198px;
    z-index:1;
}
.page-load {
    position:fixed;
    top:80px;
    left:80px;
    right:0;
    bottom:0;
    z-index:119;
    -webkit-transform: translate3d(0,0,0);
    display:none;
}
.pl-row {
    float:left;
    width:100%;
    overflow:hidden;
    height:25%;
    position:relative;
    z-index:1;
}
.pl-row  span {
    position: absolute;
    left:0;
    right:100%;
    top:0;
    bottom:0;
}
.pl-row  span.pl-row-anim {
    z-index:2;
    background:#292929;
}
.pl-row  span.pl-row-anim2 {
    z-index:1;
}
.pl-spinner   {
    position:absolute;
    top:50%;
    left:50%;
    z-index:4;
    width:40px;
    height:40px;
    margin:-20px 0 0 -20px;
    border-radius:100%;
    background:#292929;
    box-shadow: 0px 0px 0px 12px rgba(255,255,255,0.05);
    transition: all 500ms cubic-bezier(.19,1,.22,1) 0ms;
    transform:scale(0);
}
.pl-spinner.act-loader {
    transform:scale(1.0);
}
.pl-spinner:before  {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:100%;
    border:2px solid  rgba(255,255,255,0.2);
    animation: rotate 1s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    box-sizing:border-box;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**************************************************/
/**************************************************/
/**************************************************/


/*responsive*/
@media screen and (max-width: 1600px) {
    
}

/**************************************************/
@media screen and (max-width: 1366px) {}




/**************************************************/
@media screen and (max-width: 980px) {
    h2 {
    font-size: 30px;
}

    .btns_call .call_wrap {
    top: 263px;
}
    .navbar-inverse .navbar-nav > li > a {
    font-size: 14px;
    margin: 0 9px 0 0;
}
    .head_right ul li {
    margin: 0;
}
    .head_right ul li a {
    font-size: 14px;
}
    .h_banner {
    height: 90vh;
}
    .ban_top h1 {
    font-size: 40px;
}
    .s1_btn {
    margin: 130px 0 0;
}

    .s3_left h2::before {
    width: 20%;
}
    .s3_left p {
    width: 90%;
    float: left;
}
    .s3_left ul {
    text-align: center;
}
    .s3_left ul li {
    display: inline-block;
    margin: 5px 0;
}
    .s3_rbox {
    height: 220px;
}

    .s4_bot > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
    justify-content: center;
}
    .s4_bot > ul > li {
    padding: 70px 5px;
}

    .s5_top {
    margin: 0;
    padding: 0 50px;
}
    .s5_top ul.nav-tabs li {
    margin: 0;
}
    .s5_bbox {
    margin: 20px 0 0;
}
    .h_sec7 .owl-next {
    right: 40%;
}
    .h_sec7 .owl-prev {
    left: 40%;
}
    .foot_tright {
    display: none;
}
    .foot_mbox_list ul li a::before {
    display: none;
}
    .foot_mbox_list ul.contact_links li a {
    font-size: 16px;
    position: relative;
}




/********************in_services******************************/
.h_banner.in_service {
    padding: 150px 0 100px;
}
.ser_ban_left h1 {
    font-size: 30px;
}
.ser_ban_left p {
    font-size: 15px;
}
.ser_s1_right p {
    font-size: 14px;
}
.ser_s3_bot #accordion a {
    padding: 20px 20px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 20px 20px;
} 

.s1_bbox.ind {
    height: 320px;
}




}

/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
@media screen and (max-width: 767px) {

    .sec {
    width: 100%;
    padding: 30px 0;
}
    h2 {
    font-size: 24px;
}   
    .main_btn1 {
    width: 100%;
    text-align: center;
}
    .header {
    position: relative;
    background: #000;
}
    button.navbar-toggle {
    margin: -45px 0 0;
}
    .head_right {
    display: none;
}
    .head_mid .navbar-nav > li {
    display: block;
}
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffc444;
    background-color: transparent;
}
    
    a.chat_wrap, .btns_call, .sidebar_form_bg  {
    display: none;
}
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #ffc444;
}
    .navbar-inverse .navbar-toggle {
    background: #ffc444;
}
    .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000000;
}
    .ser_box {
    margin: 0 0 20px;
}
    .h_banner {
    height: auto;
    padding: 60px 0;
}
    .ban_top h1 {
    font-size: 26px;
}
    .h_banner video {
    transform: scale(2.7);
}
    .ban_top p {
    margin: 0 0 20px;
    font-size: 14px;
}
    .s1_tright {
    margin: 10px 0 0;
}
    .s1_bot {
    margin: 0;
}
    .s1_bbox {
    height: 280px;
}
    .s1_btn {
    margin: 30px 0 0;
}
    .s2_top {
    margin: 0 0 10px;
}
    .s2_btn ul li {
    margin: 10px 0 0;
    width: 100%;
}
    .s3_left {
    text-align: center;
    }
    .s3_left p {
    width: 100%;
}
    .s3_left h2::before {
    left: 40%;
}
    .s4_bot > ul > li {
    padding: 90px 5px;
}
    .s5_top {
    margin: 0;
    padding: 0;
}
    .s5_top h2 {color: #000;}

    .s5_top ul.nav-tabs li.active {
    background: #000000;
}
    .s5_top .nav-tabs>li.active>a {
    color: #fff;
}
    .s5_top ul.nav-tabs {
    border: 2px solid #000000;
}


    .s5_top ul.nav-tabs li {
    border-bottom: 2px solid #000000;
}
    .s5_top .nav-tabs>li>a {
    color: #000;
}
    .s7_box::before {
    top: 35px;
    right: 20px;
}
    .h_sec7 .owl-theme .owl-controls {
    margin-top: 100px;
}
    .h_sec7 .owl-prev {
    left: 30%;
}
    .h_sec7 .owl-next {
    right: 30%;
}
    .foot_tleft h3 {
    font-size: 45px;
}
    .foot_mbox_list ul.social_links {
    margin: 20px 0 0;
}
    .foot_mbox_list {
    width: 100%;
    margin: 0 0 20px;
}
    .foot_top_box {
    width: 100%;
    padding: 30px 0;
}


/********************in_services******************************/
    .h_banner.in_service {
    background: url(img/inner_banner1.jpg) no-repeat center right 20%;
    background-size: cover;
    padding: 50px 0;
    height: auto;
    text-align: center;
}
    .ser_ban_main {
    display: block;
}
    .h_sec1.sec {
    text-align: center;
}
    .ser_s1_left {
    display: none;
}
    
    .ser_s3_bot_img {
    display: none;
}
    .ser_s1_right ul {
    text-align: left;
}
    .s1_bbox.ind {
    height: 300px;
}
    .ind_s8_box {
    display: flex;
    flex-direction: column;
    text-align: center;
}   
    .ind_s8_box_details > h3 {
    margin: 20px 0 10px;
}
    .contact_banner {
    padding: 50px 0;
}
    ul.preload {
    padding: 50% 0;
}
    ul.preload li {
    font-size: 1.5em;
}

    @keyframes animate{
0%{
transform: translateX(0);
letter-spacing: 0;
}
10%{
opacity: 1;
}
50%{letter-spacing: 0px;opacity: 1;}
100%{
transform: translateX(0);
letter-spacing: 0;
}

/*******************************************************************/
/*******************************************************************/
/*******************************************************************/


}