@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
    CSS RESET
-------------------------------------------------------------------*/
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video { margin: 0;  padding: 0; border: 0;  font-size: 100%;    font: inherit;  vertical-align: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html{
  scroll-behavior: smooth;
}

/*------------------------------------------------------------------
    BASIC STYLES
-------------------------------------------------------------------*/


/***

====================================================================
            Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


/***

====================================================================
            global setting
====================================================================
***/


body { background: #fff; color: #000; font: 14px 'Montserrat', sans-serif; overflow-x: hidden;
       font-family: 'Montserrat', sans-serif;
 }
a { color: #666666; text-decoration: none;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;   }
a:hover { color: #ee7e1a; text-decoration: none; }
a:hover, a:active { outline: 0; }
hr {margin: 15px 0;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

    /*-- Heading --*/

    h1, h2, h3, h4, h5, h6 {-ms-transition: all .8s;  -o-transition: all .8s;  transition: all .8s; font-family: 'Montserrat', sans-serif !important; color: #222222; }
    h1 { font-size: 30px; }
    h1 a { color: #222222; }
    h2 {  font-size: 58.33px; color: #333333; }
    h2 a { color: #222222; }
    h3 { font-size: 20.83px;}
    h3 a { color: #222222; }
    h4 { font-size: 14px; }
    h4 a { color: #222222; }
    h5 { font-size: 12px; }
    h5 a { color: #222222; }
    h6 { font-size: 10px; }
    h6 a { color: #222222; }


    /*-- Lists --*/
    ul {}
    ul li {font: 400 14px 'Montserrat', arial, sans-serif;}
    ul li a {font: 400 14px 'Montserrat', arial, sans-serif;}

    ol {}
    ol li {font: 400 14px 'Montserrat', arial, sans-serif;}
    ol li a {font: 400 14px 'Montserrat', arial, sans-serif;}

    /*-- Paragraph --*/
    p strong { font-weight: bold; }
    p em { font-style: italic; }
    p {font: 400 14px 'Montserrat', arial, sans-serif; line-height: 26px; color: #222222;}
    blockquote {  font: italic 18px 'Montserrat', arial, sans-serif; margin-bottom: 45px; line-height: 32px; color: #666666; background: url("../images/quotes.png") no-repeat 10px 10px;  padding: 0px 55px;  }
    blockquote p {font: italic 16px 'Montserrat', arial, sans-serif; line-height: 26px; color: #666666; margin: 0px;}
h1, h2, h3, h4,h5, h6 ,input{
    font:'Montserrat', arial, sans-serif;
}

    label {font: 400 14px 'Montserrat', arial, sans-serif; margin-bottom: 12px; color: #222222;}

    .cd-top {     display: inline-block;  height: 44px;  width: 44px; line-height: 44px; text-align: center; border-radius: 10px; background: #ee7e1a;  position: fixed;  bottom: 20px;  right: 16px;  overflow: hidden;  white-space: nowrap;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  z-index: 999999; }
    .cd-top.cd-is-visible {  visibility: visible;  opacity: 0.5;  }
    .cd-top i {  color: #fff;  font-size: 30px;  vertical-align: -4px;  }
    .cd-top.cd-is-visible:hover { opacity: 1; }
    .seaction_margin { margin-bottom: 60px; margin-top: 60px; }
    .layer {background: rgba(0,0,0,.9);}


/*------------------------------------------------------------------
    Button
-------------------------------------------------------------------*/
.button {background: #ee7e1a;border: 3px solid rgba(0,0,0,.0) !important; -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;  display: inline-block; font:700 14px 'Montserrat', sans-serif; color: #fff; padding: 5px 20px; letter-spacing: 0.2px; text-transform: uppercase; border-radius: 25px; cursor: pointer;}
.button:hover {border-color: #ee7e1a !important ; background: #fff; color: #ee7e1a !important;}
.random-m{
    margin-top: 1rem !important;
}

/* ===========================================WhatsappChatStart============================ */   

/* CSS Multiple Whatsapp Chat */
.whatsapp-name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 0.5;
    color: #fff;
  }
  p small{
      color: #fff;
  }
  #whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
    bottom: 90px;
    right: 30px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
  }
  
  a.blantershow-chat {
    background: #fff;
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    z-index: 98;
    bottom: 25px;
    right: 30px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 50%;
    box-shadow: 0 1px 15px rgb(32 33 36 / 28%);
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    overflow: hidden;
  }
  
  a.blantershow-chat svg {
    transform: scale(2.5);
    height: max-content;
  }
  
  .header-chat {
    /*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
    background: #009688;
    background: #095e54;
    color: #fff;
    padding: 20px;
  }
  
  .header-chat h3 {
    margin: 0 0 10px;
  }
  
  .header-chat p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
  }
  
  .info-avatar {
    position: relative;
  }
  
  .info-avatar img {
    border-radius: 100%;
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
    height: 50px;
    object-fit: cover;
    border: 1px solid;
  }
  
  a.informasi {
    padding: 20px;
    display: block;
    overflow: hidden;
    animation-name: showhide;
    animation-duration: 0.5s;
  }
  
  a.informasi:hover {
    background: #f1f1f1;
  }
  
  .info-chat span {
    display: block;
  }
  
  #get-label,
  span.chat-label {
    font-size: 12px;
    color: #888;
  }
  
  #get-nama,
  span.chat-nama {
    margin: 5px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #222;
  }
  
  #get-label,
  #get-nama {
    color: #fff;
  }
  
  span.my-number {
    display: none;
  }
  
  /* .blanter-msg {
    color: #444;
    padding: 20px;
    font-size: 12.5px;
    text-align: center;
    border-top: 1px solid #ddd;
  } */
  textarea#chat-input{
    position: relative;
    left: -1px;
    padding: 1rem 5rem 2rem 1rem;
    outline: none;
    resize: none;
    overflow: hidden;
    border: none;
    box-shadow: none;
    background: transparent;
    height: max-content;
    font-size: 16px;
    width: 100%;
  
  }
  
  a#send-it{
    padding: 0;
    background: transparent;
    border-radius: 0;
    position: absolute;
    right: 13px;
    bottom: 28px;
  
  }
  a#send-it svg {
    fill: #a6a6a6;
    height: 24px;
    width: 24px;
  }
  
  .first-msg {
    background: transparent;
    padding: 30px;
    text-align: center;
  }
  .first-msg span {
    background: #e2e2e2;
    color: #333;
    font-size: 14.2px;
    line-height: 1.7;
    border-radius: 10px;
    padding: 15px 20px;
    display: inline-block;
  }
  
  .start-chat .blanter-msg {
    display: flex;
     position: relative;
      right: -1px;
      background: #fff;
  }
  
  #get-number {
    display: none;
  }
  
  a.close-chat {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #fff;
    font-size: 30px;
  }
  
  @keyframes ZpjSY {
    0% {
      background-color: #b6b5ba;
    }
    15% {
      background-color: #111111;
    }
    25% {
      background-color: #b6b5ba;
    }
  }
  @keyframes hPhMsj {
    15% {
      background-color: #b6b5ba;
    }
    25% {
      background-color: #111111;
    }
    35% {
      background-color: #b6b5ba;
    }
  }
  @keyframes iUMejp {
    25% {
      background-color: #b6b5ba;
    }
    35% {
      background-color: #111111;
    }
    45% {
      background-color: #b6b5ba;
    }
  }
  @keyframes showhide {
    from {
      transform: scale(0.5);
      opacity: 0;
    }
  }
  @keyframes showchat {
    from {
      transform: scale(0);
      opacity: 0;
    }
  }
  @media screen and (max-width: 480px) {
    #whatsapp-chat {
      width: auto;
      left: 5%;
      right: 5%;
      font-size: 80%;
    }
  }
  .hide {
    display: none;
    animation-name: showhide;
    animation-duration: 0.5s;
    transform: scale(1);
    opacity: 1;
  }
  
  .show {
    display: block;
    opacity: 1;
  }
  
  .whatsapp-message-container {
    display: flex;
    z-index: 1;
  }
  
  .whatsapp-message {
    padding: 7px 14px 6px;
    background-color: white;
    border-radius: 0px 8px 8px;
    position: relative;
    transition: all 0.3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px);
  }
  
  .whatsapp-chat-body {
    padding: 20px 20px 20px 10px;
    background-color: #e6ddd4;
    position: relative;
  }
  .whatsapp-chat-body::before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0.08;
    background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
  }
  
  .dAbFpq {
    display: flex;
    z-index: 1;
  }
  
  .eJJEeC {
    background-color: white;
    width: 52.5px;
    height: 32px;
    border-radius: 16px;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-left: 10px;
    opacity: 0;
    transition: all 0.1s ease 0s;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  }
  
  .hFENyl {
    position: relative;
    display: flex;
  }
  
  .ixsrax {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    background-color: #9e9da2;
    animation-name: ZpjSY;
  }
  
  .dRvxoz {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    background-color: #b6b5ba;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    animation-name: hPhMsj;
  }
  
  .kAZgZq {
    padding: 7px 14px 6px;
    background-color: white;
    border-radius: 0px 8px 8px;
    position: relative;
    transition: all 0.3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px);
  }
  .kAZgZq::before {
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0px;
    left: -12px;
    width: 12px;
    height: 19px;
  }
  
  .bMIBDo {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.4);
  }
  
  .iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111111;
  }
  
  .iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: #111111;
  }
  
  .cqCDVm {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(17, 17, 17, 0.5);
    margin-right: -8px;
    margin-bottom: -4px;
  }
  
  /* ===========================================WhatsappChatEnd============================ */ 




/*------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------*/
.media-responsive{display: none;}
header.header {
    background: transparent;
    /*height: 80px;*/
    width: 100%;
    position: fixed;
    z-index: 0101;
    color: white;
    letter-spacing: 0.025em;
    transition: background-color 0.2s linear;

}
header span .fa-telegram-plane {
    position: absolute;
    color: #fff;
    font-size: 18px;
    right: 70px;
    background: #ee7e1a;
    padding: 8px 8px;
    border-radius: 50%;
    cursor: pointer;
    top: 13px;
    display: none;
}
header.header.solid-nav {
    background-color: #06163a;
    transition: background-color 0.2s linear;
    z-index: 0101;
}

header .main-header{
    position: relative;
}

header .main-header .navbar{
    /*position: absolute;*/
    padding: 0rem 0rem;
}

header .main-header .navbar-brand{
    width: 275px;
    margin-right: 50px;
}

header .main-header .navbar-brand img{
    width: 100%;
}

header .main-header .navbar-toggler .navbar-toggler-icon i{
    font-size: 26px;
    color: #fff;
}

header .main-header .navbar-toggler:focus, .navbar-toggler:hover{
    outline: none;
}

header .main-header .dropdown-menu.show::before {
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: -11px;
    left: 20%;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.7em solid transparent;
    border-bottom: 0.7em solid #fff;
    border-left: 0.7em solid transparent;
}

header .main-header .dropdown.mega-menu .dropdown-menu::before {
    left: 45%;
}

header .main-header .dropdown-menu .dropdown-item{
    padding: 0.5rem 1rem;
    font-weight: 500;
    
}

header .main-header .dropdown.mega-menu{
    position: inherit;
}

header .main-header .dropdown.mega-menu .dropdown-menu{
    margin: auto;
    left: 0;
    right: 0;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, header .main-header .dropdown.mega-menu ul li a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #ee7e1a;
}

header .main-header .dropdown.mega-menu ul li a{
    color: #000;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

header .main-header .dropdown.mega-menu ul.nav.flex-column{
    border-right: 1px solid #dee2e6;
}

header .main-header .dropdown.mega-menu:last-child ul.nav.flex-column{
    border-right: none;
}

nav ul li a{
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    line-height: normal;
    padding: 0px 10px;
}

.navbar-expand-lg .navbar-nav{
    justify-content: center;
    align-items: center;
}

nav ul li a:hover{
    color: #ee7e1a;
    text-decoration: none;
}
nav ul li a.active {
    color: #ee7e1a;
}
.welcom_wrap nav ul li a {
    color: #fff;
}


.sticky {
  position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 01010101; transition: all .5s; animation-delay: .5s; -webkit-box-shadow: 0px 0px 5px 0px rgba(145,145,145,1); -moz-box-shadow: 0px 0px 5px 0px rgba(145,145,145,1);  box-shadow: 0px 0px 5px 0px rgba(145,145,145,1);}
#myHeader{transition: all .5s; animation-delay: .5s;}


nav ul li ul.dropdown-menu {  z-index: 9999;  position: absolute;  width: 199px;  text-align: left;  background: #fff;  display: none;  padding: 0px;  top: 48px;  left: 0px;}
nav ul li ul.dropdown-menu li:last-child a {  border: 0px;  }
nav ul li ul.dropdown-menu li {  margin: 0px;  display: block;  }
nav ul li ul.dropdown-menu li a {  color: #000;  font-size: 13px;  text-transform: none;  padding: 10px;  text-align: left;  display: block;  border-bottom: 1px solid rgba(255, 255, 255, 0.37); line-height: inherit;  }
nav ul li ul.dropdown-menu li a:hover {  background-color: #ee7e1a; color: #fff; background: #ee7e1a;}
nav ul li ul.dropdown-menu li a:focus {  background-color: #ee7e1a; background: #ee7e1a;}

header .main-header nav ul li.contact-button{
    padding: 0px;
}



nav ul li:hover ul.dropdown-menu {display: block;}


/*------------------------------------------------------------------
    Slider
-------------------------------------------------------------------*/
#slider{
    background-image: url(../../images/slider-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 0px;
    background-attachment: fixed;
    padding-bottom: 0px;
    position: relative;
}

#slider .section-main h1 {
    font-family: Montserrat;
    font-size: 50px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

#slider .section-main .box{
    padding: 17px 30px 27px;
}
#slider .section-main .box h5{
    font-family: Montserrat;
    font-size: 50px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: -13px;
}

#slider .section-main .box h6{
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ee7e1a;
}

#slider .section-main .box p{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

#slider .section-main .Presence-in h4 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: lighter;
    color: #fff;
    text-align: left;
}

#slider .section-main .Presence-in{
    padding-top: 0px;
}

#slider .section-main .Presence-in p {
    padding: 5px 0px 17px 0px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
}

#slider .section-main .Presence-in p span:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #ee7e1a;
    vertical-align: middle;
    margin: 0px 8px;
    display: inline-block;
}

#slider .section-main .Presence-in p span.mview:after{
    display: none;
}

#slider .section-main .slider-con{
    text-align: left;
}

#slider .section-main .slider-con p{
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-align: left;
}
#slider .section-main .slider-con a.button{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-bottom: 60px;
}

#slider .section-main{
    padding-top: 130px; padding-bottom:0px;
}
.mannual-a{
    border-right: 2px solid #ee7e1a;
     border-bottom: 2px solid #ee7e1a;

}

.mannual-b{
    border-bottom: 2px solid #ee7e1a;

}

.mannual-c{
    border-right: 2px solid #ee7e1a;

}

/*------------------------------------------------------------------
    What's New
-------------------------------------------------------------------*/
.marquee-main {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-top: 80px;
    margin-left: 133px;
    display: flex;
}

.marquee-main .wtats-new{
    background-color: #ffffff;
    color: #172146;
    display: inline-block;
    padding: 0px 6px;
    width: 13%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.marquee-main marquee{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}

/*------------------------------------------------------------------
    Client
-------------------------------------------------------------------*/
.client-bar{
   -webkit-box-shadow: 0px 0px 73px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 73px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 73px 0px rgba(0,0,0,0.3);
background: #fff;
}
.client-bar .container{
    position: relative;
    padding: 10px 0px;
}
.client-bar .container .client-experience{
    display: flex;
    flex-direction: column;
    background: #000;
    color: #fff;
    background: #213473;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0px 20px;
    left: 0;
    top: -30px;
    bottom: 0;
}
.client-bar .container .client-experience:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 30px solid #172146;
    border-left: 31px solid transparent;
    top: 0;
    left: -31px;
}

/* .client-bar .container .client-experience:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 33px solid #172146;
    border-left: 30px solid transparent;
    top: -2px;
    right: -31px;
    transform: rotate(90deg);
} */


.client-bar .container .client-experience h5{
color: #fff;
font-size: 32px;
font-weight: 700;
}
.client-bar .container .client-experience h4{
    color: #fff;
}

.client-bar .container .client-experience a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    /* width: 125px; */
    text-align: center;
    margin-top: 5px;
    background-color: #ee7e30;
    padding: 5px 10px;
    border-radius: 29px;
    text-transform: uppercase;
}

/* .client-bar .container .client-experience a i{
    transition: .5s;
}

.client-bar .container .client-experience:hover a i{
    color: #ee7e1a;
    padding-left: 10px;
    transition: .5s;
} */

.client-bar .container ul{ 
display: flex; 
justify-content: space-between; align-items: center;
margin-left: 148px;
flex-wrap: wrap;

}
.client-bar .container ul li{
    margin: 0px 20px;
    width: 80px;
    height: 80px;
}
.client-bar .container ul li:nth-child(4){
  
    width: 100px;
}




.client-bar .container ul li img{
    height:100%;
    width: 100%;
    object-fit: contain;
}

/*------------------------------------------------------------------
    Our Services
-------------------------------------------------------------------*/

.home_tab_panel {
	background: url(../../images/common_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 25px 0 42px;
}


.home_tab_panel .card {
 background: none;
 border: none;
    /* background-color: #fff; */
   
    /* border: 1px solid rgba(0,0,0,.125); */
  
}

.home_tab_panel .card .card-body{
    padding: 0;
}

.home_tab_panel .card  .tabbable-responsive {
    display: block;
    min-width: 100%;
    /* margin: 0px -20px -13px -20px; */
  }
  .home_tab_panel .card  .tabbable {
    min-width: 100%;
  }
  .home_tab_panel .card  .tabbable .nav-tabs {
    white-space: nowrap;
    display: flex;
    min-width: 100%;
    padding: 0px 21px;
    border: none;
  }
  .home_tab_panel .card   .tabbable .nav-tabs .nav-item {
    display: inline-block;
    white-space: unset;
    width: 24%;
    vertical-align: bottom;
    height: 120px;
    border: none !important;
  }
  .home_tab_panel .card  .tabbable .nav-tabs .nav-item .nav-link.active {
    background-color:#ee7e1a;
    color: #fff;
    height: 140px;
    transform: translateY(-20px);
    border: none !important;
}
.home_tab_panel .card .tabbable .nav-tabs .nav-item .nav-link {
    display: flex;
    align-items: center;
    white-space: break-spaces;
    width: 100%;
    background-color: #fff;
    height: 100%;
    text-align: center;
    vertical-align: bottom;
    font-size: 22px;
    border: none !important;
    transition: .3s;
    color: #000;
    text-transform: capitalize;
  }
  .home_tab_panel .card .tabbable .nav-tabs .nav-item:nth-child(3) a{
      display: grid;
  }


.tab_content_active {
	display: block;
}

.home_tab_panel h3 {
	color: #394963;
	font-weight: 500;
	font-size: 1.75rem;
}

.home_tab_panel .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox{
    border-radius: 10px;
}

.home_tab_panel .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox img{
    height: auto;
}

.home_tab_panel .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox h5{
    font-size: 19px;
    font-weight: 400;
}

.home_tab_panel .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox:hover h5{
    color: #ee7e1a;
}


/*------------------------------------------------------------------
    Four Verticals
-------------------------------------------------------------------*/

.four_verticals_seaction{
    padding-top: 80px;
    padding-bottom: 0;
    margin: 0px;
    position: relative;
    z-index: 1;
    background: #e7ecfe;
}

.four_verticals_seaction .fake-height{
    position: absolute;
    top: 0;
    background: #213471;
    height: 540px;
    width: 100%;
    left: 0;
    z-index: -1;
}

.four_verticals_seaction h2{
    font-size: 31px;
   color: #fff;
    font-weight: bold; 
    text-align: center; 
    margin: 0px 0px 50px 0px; 
    text-transform: uppercase;
    position: relative;
}

.four_verticals_seaction .Rectangle-7 {
    width: 104px; 
    height: 5px; 
    background-color: #fff;
    text-align: center; 
    margin: auto;
    position: absolute;
    bottom: -10px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

.four_verticals_seaction p{
    font-size: 16px; 
    color: #000; 
    line-height: normal; 
    margin: 20px 130px;
    margin-bottom: 50px;
}




.four_verticals_seaction .home_tab_panel .tab-content{
   background: #e7ecfe;
   padding: 40px;
   border-top-left-radius: .5rem;
   border-top-right-radius: .5rem;
   -webkit-box-shadow: 0px 0px 51px 15px rgba(0,0,0,0.16);
   -moz-box-shadow: 0px 0px 51px 15px rgba(0,0,0,0.16);
   box-shadow: 0px 0px 51px 15px rgba(0,0,0,0.16);
}
.four_verticals_seaction .home_tab_panel .tab-content a{
    cursor: auto;
}
.four_verticals_seaction .main-box .inner-box{
    background: rgb(191,47,149);
    background: -moz-linear-gradient(180deg, rgba(191,47,149,1) 0%, rgba(223,80,79,1) 35%, rgba(255,114,8,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(191,47,149,1) 0%, rgba(223,80,79,1) 35%, rgba(255,114,8,1) 100%);
    background: linear-gradient(180deg, rgba(191,47,149,1) 0%, rgba(223,80,79,1) 35%, rgba(255,114,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf2f95",endColorstr="#ff7208",GradientType=1);
    padding: 0px 20px;
    border-radius: 20px 20px 0px 0px;
    display: grid;
    grid-template-columns: 4fr 8fr;
    align-items: center;
    height: 115px;
}

.four_verticals_seaction .main-box .inner-box-2{
    background: rgb(255,114,8);
    background: -moz-linear-gradient(180deg, rgba(255,114,8,1) 0%, rgba(253,166,7,1) 35%, rgba(251,218,5,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,114,8,1) 0%, rgba(253,166,7,1) 35%, rgba(251,218,5,1) 100%);
    background: linear-gradient(180deg, rgba(255,114,8,1) 0%, rgba(253,166,7,1) 35%, rgba(251,218,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7208",endColorstr="#fbda05",GradientType=1);
}

.four_verticals_seaction .main-box .inner-box-3{
    background: rgb(0,184,195);
    background: -moz-linear-gradient(180deg, rgba(0,184,195,1) 0%, rgba(8,189,176,1) 35%, rgba(17,195,156,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,184,195,1) 0%, rgba(8,189,176,1) 35%, rgba(17,195,156,1) 100%);
    background: linear-gradient(180deg, rgba(0,184,195,1) 0%, rgba(8,189,176,1) 35%, rgba(17,195,156,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b8c3",endColorstr="#11c39c",GradientType=1);
}

.four_verticals_seaction .main-box .inner-box-4{
    background: rgb(89,73,142);
    background: -moz-linear-gradient(180deg, rgba(89,73,142,1) 0%, rgba(45,128,168,1) 35%, rgba(0,184,195,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(89,73,142,1) 0%, rgba(45,128,168,1) 35%, rgba(0,184,195,1) 100%);
    background: linear-gradient(180deg, rgba(89,73,142,1) 0%, rgba(45,128,168,1) 35%, rgba(0,184,195,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#59498e",endColorstr="#00b8c3",GradientType=1);
}

.four_verticals_seaction .main-box .inner-box .span-1{
    margin: 0 2px 0 0;
    font-family: Montserrat;
    font-size: 58px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.four_verticals_seaction .main-box .inner-box .span-2{
    margin: 11px 0 8px 2px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.four_verticals_seaction .main-box div.img-box{
    vertical-align: bottom !important;
}

.four_verticals_seaction .main-box .img-box img{
    width: 100%;
}

.four_verticals_seaction .main-box h3{
    padding: 15px 10px;
    background-color: #e4e4e4;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.7px;
    text-align: left;
    color: #0b3155;
    text-align: center;
}

/*------------------------------------------------------------------
    Industries Index
-------------------------------------------------------------------*/
.industries {
    padding: 40px 0px;
}
.industries.indust{
    padding: 0;
    margin: 60px 0;
}
.industries h2{
    font-size: 31px;
   color: #000;
    font-weight: bold; 
    text-align: center; 
    margin: 0px 0px 50px 0px; 
    text-transform: uppercase;
    position: relative;
}

.industries .Rectangle-7 {
    width: 104px; 
    height: 5px; 
    background-color: #0b3155;
    text-align: center; 
    margin: auto;
    position: absolute;
    bottom: -10px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

.industries .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox {
    border-radius: 10px;
    height: 94px;
}

.industries .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox h5 {
    font-size: 19px;
    font-weight: 400;
}

.industries .box.shadow.bg-white.p-3.p-lg-4.d-flex.align-items-center.mb-4.radius.is_tabBox:hover h5 {
    color: #ee7e1a;
}
.industries .container a{
    cursor: auto;
}
/*------------------------------------------------------------------
    Events Index
-------------------------------------------------------------------*/
.events-index{
    padding: 60px 0px;
    background-color: #e7ecfe;
    margin-top: 0px;
    display: block;
}

.events-index .first {
    font-size: 16px;
    color: #000;
    line-height: normal;
    text-align: center;
    margin: 20px 130px;
    margin-bottom: 50px;
}


.events-index h2.area {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;

}

.events-index .Rectangle-7.center {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
}

.events-index .event-main{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

}

.events-index .event-main .event-box{
    background-color: #fff;
    padding: 20px 20px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 10px;
    transition: .5s;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 32%;
    position: relative;
    transition: .5s;
    z-index: 1;

}

.events-index .event-main .event-box:after{
   content: '';
   position: absolute;
   height: 0;
   width: 0;
   background:#ee7e1a;
   top: 0;
   left: 0;
   border-radius: 10px;
   z-index: -1;
  transition: .5s;


}
.events-index .event-main .event-box:hover:after{
  height: 100%;
   width: 100%;  
}

.events-index .event-main .event-box:hover{
    -webkit-box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 20%);
    transition: .5s;
}

.events-index .event-main .event-box:hover .content h4{
    color: #fff;
}
.events-index .event-main .event-box:hover .content p{
    color: #fff;
}

.events-index .event-main .event-box:hover .content a.button{
    background: #fff;
    color:#ee7e1a; 
    border-color: transparent;
}



.events-index .event-main .event-box .content{
    padding: 10px 10px;
    align-items: baseline;
}

.events-index .event-main .event-box .content h4{
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    color: #0b3155;
    transition: .5s;
    text-transform: capitalize;
    transition: .5s;
}


.events-index .event-main .event-box .content p{
    padding: 20px 0px 40px 0px;
    margin: auto;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 32px;
    transition: .5s;
}

.events-index .event-main .event-box .content a.button
 {
    background: #ee7e1a;
    border: 3px solid rgba(0,0,0,.0) !important;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    font: 700 14px 'Montserrat', sans-serif;
    color: #fff;
    padding: 5px 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-radius: 25px;
    cursor: pointer;
}

/*------------------------------------------------------------------
    About
-------------------------------------------------------------------*/
.about_section{
    padding: 40px 0px;
}

.about_section .about_section_inner h2{
    font-size: 31px;
    color: #000;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 5px 0px;
}

.about_section .about_section_inner .Rectangle-11 {
    width: 104px; 
    height: 5px; 
    background-color: #0b3155; 
    text-align: left;
}

.about_section .about_section_inner p.about_text{
    font-size: 19px;
    line-height: 1.5; 
    color: #33405d; 
    text-align: left; 
    margin: 15px 0px;
    font-weight: 400;
}
.about_section .about_section_inner p.about_text strong{
    display: inline-block;
    padding-left: 1rem;
    position: relative;
    padding-bottom: 1rem;
    font-weight: normal;
    text-align: left;
}
.about_section .about_section_inner p.about_text strong:after{
    content:"";
    position: absolute;
    left: -0.5rem;
    top: 0;
}
.about_section .about_section_inner p.about_text strong.one:after{
    content:"1.";
}
.about_section .about_section_inner p.about_text strong.two:after{
    content:"2.";
}
.about_section .about_section_inner p.about_text strong.three:after{
    content:"3.";
}
.about_section .about_section_inner p.about_text strong.four:after{
    content:"4.";
}
.about_section .about_section_inner p.about_text strong.five:after{
    content:"5.";
}
.about_section .about_section_inner .about_span{
    font-size: 18px; 
    font-weight: 500; 
    line-height: 1.4; 
    color: #000; 
    text-align: left;
    display: block;
    font-style: italic;
    line-height: 1.5;
    margin-top: 30px;;
    }

.about_section .about_section_inner .about_img img{
    width: 100%; 
    object-fit: contain;
}

/*------------------------------------------------------------------
    Business
-------------------------------------------------------------------*/

.business{
    background: url(../../images/main_slider.png) no-repeat;
    /* background-attachment: fixed; */
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.business:after{
    content: '';
    display: block;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: -1;
}

.business .business-inner .business-left .business-content{
    text-align: center; 
    padding: 59px 0px;
    padding-bottom: 0px;
}

.business .business-inner .business-left .business-content h3{
    font-family:" Montserrat";
    font-size: 31px;
    font-weight: bold;
    color: #fff; position: relative;
    text-transform: uppercase;
}

.business .business-inner .business-left .business-content h3:after{
    content: '';
    width: 127px;
    height: 4px;
    display: block;
    text-align: left;
    background: #ee7e1a;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}


.business .business-inner .business-left .business-content p{
    font-family: Montserrat;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 10px 0px;

}
.business .business-inner .business-left .business-content h4{
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 40px;
}

.business .business-inner .business-left .business-content .main-box{
    display: grid;
    grid-template-columns: 10fr 2fr;
    align-items: center;
    width: 100%;
    padding: 30px 25px;
    background: #ee7e1a;
    color: #fff;
    margin-top: 30px;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
    outline: none;
    transition: .5s;
    height: 8rem;
}

.business .business-inner .business-left .business-content .main-box .left-side strong{
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    display: inline-block;
}

.business .business-inner .business-left .business-content .main-box .right-side{
    text-align: right;
}

.business .business-inner .business-left .business-content .main-box .right-side span{
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    font-size: 26px;
    line-height: 50px;
    color: #ee7e1a;
    border: 2px solid transparent;
    transition: .5s;
}

.business .business-inner .business-left .business-content .main-box:hover .right-side span{
    background-color: #ee7e1a;
    border-color: #fff;
    color: #fff;
    transition: .5s;
}

/* .business .business-inner .business-left .business-content button.lower{
    background: #ee7e1a;
    border-color:transparent;
}

.business .business-inner .business-left .business-content button.lower:hover{
    background: transparent;
    border:1px solid #fff;
}
.business .business-inner .business-left .business-content button:hover{
    background: #ee7e1a;
    border-color:transparent;
} */

.business .business-inner .img-pos{
    position: absolute;
    right: 0px;
}

.business .business-inner .img-sec img{
    width: 100%;
    height: 105vh;
    object-fit: cover;
}


.main-content-modal .modal-contact-form p#error {
    background: #ef0707;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}
.main-content-modal .modal-contact-form p#success {
    background: #26790c;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}

.main-content-modal .modal-contact-form h4{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #000;
    margin-bottom: 5px;
}


.main-content-modal .modal-contact-form .Rectangle-7 {
    width: 104px;
    height: 3px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.main-content-modal .modal-contact-form{
    padding: 30px 16px;
}

.main-content-modal .modal-contact-form .col-sm-12{
    margin-bottom: 20px;
}

.main-content-modal .modal-contact-form label.error, .main-content-modal .modal-contact-form div.error{
    font-size: 12px;
    color: red;
    font-weight: normal;
    margin: 0px;
}

.main-content-modal .modal-contact-form .form-control{
    height: 43px;
}

.main-content-modal .modal-contact-form textarea.form-control {
    height: 200px;
}

.main-content-modal .modal-contact-form input.button {
    width: 100%;
    border: 3px solid rgba(0,0,0,.0) !important;
    background-color: #213473;
    border-radius: 4px;
    padding: 10px 20px;
}

.main-content-modal .modal-contact-form .button:hover {
    border: 3px solid #213473 !important;
    background-color: transparent;
    color: #213473 !important;
}

.main-content-modal .modal-contact-form input.form-control{
    outline: none; 
    box-shadow: none !important; 
    border: 1px solid #ccd7e0; 
    background: none; 
    border-radius: 4px; 
    font-size: 16px;
    font-family: Montserrat;; 
    color: #9e9e9e;
}

.main-content-modal .modal-contact-form label{
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}

.main-content-modal .modal-contact-form .form-control:focus{
    border-color: #ccd7e0;
    box-shadow: none !important;
}
.main-content-modal .modal-contact-form textarea.form-control {
    outline: none; box-shadow: none !important;
    resize: none; 
    border: 1px solid #ccd7e0; 
    background: none; 
    border-radius: 4px; 
    font-size: 16px;
    font-family: Montserrat;;
    height: 63px; 
    color: #9e9e9e;
}


/*------------------------------------------------------------------
    Journey
-------------------------------------------------------------------*/
.journey_section{
    padding-top: 60px;
    /*margin-bottom: 40px;*/
    background:#e7ecfe; 
    display: block;
    position: relative;
}

.journey_section .img-sec{
    border-radius: 25px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    vertical-align: bottom !important;
}

.journey_section .img-sec img{
    width: 100%;
    height: 100%;  
}

.journey_section .journey-content{
    text-align: left;
}


.journey_section .journey-content h2{
    font-family:" Montserrat";
    font-size: 31px;
    text-align: left;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}

.journey_section .journey-content .Rectangle-11 {
    width: 104px; 
    height: 5px; 
    background-color: #0b3155; 
    text-align: left;
}


.journey_section .journey-content p{
    font-family: Montserrat;
    font-size: 19px;
    font-weight: normal;
    font-style: italic;
    color: #000;
    padding: 15px 0px;
}

.journey_section .journey-content h5{
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ee7e1a;
    margin: 20px 0px;
}

.journey_section .journey-content h4{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #213473;
}

.journey_section .tab-bar{
    background-color: #213473;
    border-bottom: 4px solid #ee7e1a;
    margin-top: 60px;
}

.journey_section .tab-bar .nav-tabs{
    border: none;
}

.nav-tabs .nav-item{
    margin: auto;
}

.journey_section .tab-bar .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 15px 15px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.journey_section .tab-bar .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /* padding: 15px 15px; */
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.journey_section .tab-bar .nav-tabs .nav-link.active {
    background-color: #ee7e1a;
}


/*------------------------------------------------------------------
    Projects Delivered
-------------------------------------------------------------------*/

.projects_delivered_seaction{
    padding: 40px 0px;
    background-color: #fff;
    margin-top: 0px;
    padding-top: 70px;
    display: block;
    margin-bottom: 0px;
}

.projects_delivered_seaction h2{
    font-size: 31px;
    color: #000; 
    font-weight: bold; 
    text-align: center; 
    margin: 0px 0px 5px 0px; 
    text-transform: uppercase;
}

.projects_delivered_seaction .Rectangle-7 {
    width: 104px; 
    height: 5px; 
    background-color: #0b3155; 
    text-align: center; 
    margin: auto;
}

.projects_delivered_seaction p{
    font-size: 19px; 
    color: #000; 
    line-height: normal; 
    text-align: center; 
    margin: 20px 130px;
}

.projects_delivered_seaction .projects_section_inner .inner-box .image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projects_delivered_seaction .projects_section_inner{
    margin-top: 50px;
}

.projects_delivered_seaction .projects_section_inner .inner-box .image-box{
    height: 197px;
    overflow: hidden;
}

.projects_delivered_seaction .projects_section_inner .inner-box{
    margin-bottom: 30px;
}

.projects_delivered_seaction .projects_section_inner .inner-box h3{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 10px 0px;
}

.projects_delivered_seaction .projects_section_inner .inner-box h3:hover{
    color: #ee7e1a;
}

.projects_delivered_seaction .projects_section_inner .inner-box .create-by{
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    padding-top: 10px;
}

.projects_delivered_seaction .projects_section_inner .inner-box p{
    margin: 20px 0px;
    font-family: Montserrat;
    font-size: 19px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}
.media-sec p{
  font-size: 16px;
  line-height: 1.5;
}
/*------------------------------------------------------------------
    Career Kamtech
-------------------------------------------------------------------*/
.career_section{
    background-image: url(../../images/careers-kamtech-bg.png);
    /*background-position: center;*/
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 0px;
    margin: 0px;
    border-bottom: 4px solid #ee7e1a;
    padding-bottom: 0px;
}

.career_section .career-main .content-cnt{
    text-align: center;
    padding: 30px;
    margin-top: 100px;
}

.career_section .career-main .content-cnt p{
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.career_section .career-main .content-cnt h2{
    font-family:" Montserrat";
    font-size: 31px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin: 20px;
}

.career_section .career-main .content-cnt .button{
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.career_section .career-main .content-bott{
    margin-top: 80px;
}

.career_section .career-main .content-bott .inner-box{
    display: grid;
    grid-template-columns: 10fr 2fr;
    align-items: center;
    background-color: #213473;
    padding: 20px 30px;
    border-radius: 20px 20px 0px 0px;
    height: 125px;
}

.career_section .career-main .content-bott .inner-box .left-side h5{
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}

.career_section .career-main .content-bott .inner-box .left-side p{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.career_section .career-main .content-bott .inner-box .right-side{
    text-align: right;
}

.career_section .career-main .content-bott .inner-box .right-side a{
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #ee7e1a;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    border: 2px solid transparent;
}

.career_section .career-main .content-bott .inner-box:hover .right-side a{
    background-color: #fff;
    border-color: #ee7e1a;
    color: #ee7e1a;
}

/*------------------------------------------------------------------
    Contact
-------------------------------------------------------------------*/
.contact_section{
    padding: 80px 0px;
    display: block;
    background: #e7ecfe;
    margin: 0px;
}
.contact_section h3{
    font-size: 31px; 
    color: #06163a; 
    font-weight: bold; 
    text-align: left; 
    margin-bottom: 5px;
    text-transform: uppercase;
}

.contact_section .Rectangle-7 {
    width: 104px; 
    height: 5px; 
    background-color: #213473; 
    text-align: left; 
    margin-bottom: 20px;
}

.contact_section .contact_form p#error {
    background: #ef0707;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}
.contact_section .contact_form p#success {
    background: #26790c;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}
.career_form{
    padding: 30px;
}

.contact_section .contact_map {
    margin-bottom:0px;
}
.contact_section .contact_map iframe{
    width: 100%; 
    height: 360px; 
    border: 0px;
}

.contact_section .contact_address address {
    padding:0px; 
    border-radius: 8px; 
    margin-bottom: 20px;
}
.contact_section .contact_address address p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #213473;
    margin-bottom: 20px;
}
.contact_section .contact_address address p span{
    display: inline-flex;
    width: calc(100% - 50px);
}


.contact_section .contact_address address p a{
    color: #213473;
}
.contact_section .contact_address address p i{
    display: inline-block;
    background-color: #ee7e1a;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    box-shadow: 0 15px 30px 0 rgba(255, 91, 49, 0.3);
}
.contact_section .contact_address address p.hed{
    color: #666;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
}

.contact_section .contact_address address p.tami-table{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #252a3f;
}
.contact_section .contact_address p i {
    color: #ff3514; 
    margin-right: 15px; 
    font-size: 15px;
}

.contact_section .contact_address > p {
    margin-bottom: 45px;
}

.contact_section .contact_form p {
    margin-bottom: 35px;
}

.contact_section .contact_form .form-control {
    height: 43px;
}

.contact_section .contact_form textarea.form-control {
    height: 200px;
}

.contact_section .contact_form input.button {
    width: 100%;
    border: 3px solid rgba(0,0,0,.0) !important;
    background-color: #213473;
    border-radius: 4px;
    padding: 10px 20px;
}

.contact_section .contact_form .button:hover {
    border: 3px solid #213473 !important;
    background-color: transparent;
    color: #213473 !important;
}

.contact_section .contact_form input.form-control {
    outline: none; 
    box-shadow: none !important; 
    border: 1px solid #ccd7e0; 
    background: #fff; 
    border-radius: 4px; 
    font-size: 16px;
    font-family: Montserrat;; 
    /*margin-bottom: 20px;*/ 
    color: #9e9e9e;
}
.contact_section .contact_form textarea.form-control {
    outline: none; box-shadow: none !important;
    resize: none; 
    border: 1px solid #ccd7e0; 
    background: #fff; 
    border-radius: 4px; 
    font-size: 16px;
    font-family: Montserrat;;
    /*margin-bottom: 20px; */
    height: 63px; 
    color: #9e9e9e;
}

.contact_section .contact_form .col-sm-12{
    margin-bottom: 20px;
}

.contact_section .contact_form label.error, .contact_section .contact_form div.error{
    font-size: 12px;
    color: red;
    margin: 0px;
}

.contact_map {margin-bottom:0px;}
.contact_map iframe{width: 100%; height: 360px; border: 0px;}


/*------------------------------------------------------------------
    Subcribe
-------------------------------------------------------------------*/

.subcribe_section .subcribe-bg{
    text-align: center;
    padding: 40px 20px 60px;
    border-radius: 8px 8px 0px 0px;
    background-color: #ee7e1a;
}

.subcribe_section .subcribe-bg-2{
    padding: 8px 0px;
    margin: 0px 15px;
    border-radius: 8px 8px 0px 0px;
    opacity: .80;
    background-color: #ee7e1a;
}

.subcribe_section .subcribe-bg-3{
    padding: 8px 0px;
    margin: 0px 30px;
    border-radius: 8px 8px 0px 0px;
    opacity: .70;
    background-color: #ee7e1a;
}

.subcribe_section .subcribe-bg h3{
    font-family: Montserrat;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.subcribe_section .subcribe-bg input[type="checkbox"]{
    background: #fff;
    height: 20px;
    width: 20px;
}

.subcribe_section .subcribe-bg input[type="email"]{
    background: #fff;
    height: 40px;
    width: 100%;
    outline: none;
    border: none;
    position: relative;
    padding: 5px 15px;
    font-size: 16px;
}
.subcribe_section {
    background: #ee7e1a;
}

.subcribe_section .subcribe-bg label{
    color: #fff;
}

.subcribe_section .subcribe-bg p{
    font-family: Montserrat; input[type="checkbox"]
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}


/*------------------------------------------------------------------
    Page Title
-------------------------------------------------------------------*/

.page_title { background: url(../../images/main_slider.png)  no-repeat; position: relative;    background-size: cover; margin-bottom: 0px; text-align: center;}
.page_title .layer{position: static; padding: 96px 0px; }

.page_title h1 {font-size: 36px; color: #fff; font-weight: 900; display: inline-block; margin-bottom: 13px; text-transform: uppercase;}
.beadcrumb {font:14px 'Open Sans', sans-serif; color: #fff; text-transform: capitalize;}
.beadcrumb a {font-size: 14px; color: #fff;}
.overview_title { background: url(../../images/overview.jpg)  no-repeat; position: relative;    background-size: cover; margin-bottom: 0px; text-align: center;}
.overview_title .layer{position: static; padding: 96px 0px; }
.overview_title h1 {font-size: 36px; color: #fff; font-weight: 900; display: inline-block; margin-bottom: 13px; text-transform: uppercase;}






/*------------------------------------------------------------------
    Our People
-------------------------------------------------------------------*/
.our_people{
    padding: 0px 0px;
    background-color: #e7ecfe;
    margin-top: 0px;
    padding-top: 0px;
    display: block;
    margin-bottom: 0px;
}

.our_people h2{
    font-size: 32px;
    color: #000; 
    font-weight: bold; 
    text-align: center; 
    margin: 0px 0px 5px 0px; 
    text-transform: uppercase;
}

.our_people .Rectangle-7 {
    width: 104px; 
    height: 5px; 
    background-color: #0b3155; 
    text-align: center; 
    margin: auto;
}

.our_people p{
    font-size: 16px; 
    color: #000; 
    line-height: normal; 
    text-align: center; 
    margin: 20px 130px;
    padding-bottom: 30px;
}

.our_people .management{
    padding: 40px 0px;
}

.our_people .management.consultants{
    background-color: #fff;
    padding: 40px 0px;
}

.our_people .management .main-box{
    background-color: #fff;
    padding: 20px 15px;
    margin-bottom: 30px;
    /* text-align: center; */
    border-radius: 5px;
    transition: .5s;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.our_people .management.consultants .main-box{
    background-color: #e7ecfe;
}

.our_people .management .main-box:hover{
    -webkit-box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    -moz-box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    transition: .5s;
}

.our_people .management .main-box .img-box{
    width: 170px;
    height: 170px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
    border: 3px solid #0b3155;
    transition: .5s;
}

.our_people .management .main-box:hover .img-box{
    border-color: #ee7e1a;
    transition: .5s;
}

.our_people .management .main-box .img-box img{
    width: 170px;
    height: 170px;
    display: block;
    object-fit: cover;
}

.our_people .management .main-box .content-box h4{
    padding: 15px 0px;
    font-family:' Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0b3155;
    transition: .5s;
}

.our_people .management .main-box:hover .content-box h4{
    color: #ee7e1a;
    transition: .5s;
}

.our_people .management .main-box .content-box p{
    padding: 0px 0px 5px 0px;
    margin: auto;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

/*------------------------------------------------------------------
    Events
-------------------------------------------------------------------*/
.events{
    padding: 60px 0px;
    background-color: #e7ecfe;
    margin-top: 0px;
    display: block;
}

.events .event-main .event-box{
    background-color: #fff;
    padding: 0px 0px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 10px;
    transition: .5s;
}

.events .event-main .event-box:hover{
    -webkit-box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    -moz-box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    transition: .5s;
}



.events .event-main .event-box .img-box{
    width: 100%;
    height: 250px;
    
}
.events .event-main .event-box .img-box img{
    width: 100%;
    height:100%;
    object-fit: cover; 
    border-radius: 10px 10px 0px 0px;
    transition: .2s;
}

.events .event-main .event-box .content-box{
    padding: 10px 10px;
}

.events .event-main .event-box .content-box h4{
    font-family:'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #0b3155;
    transition: .5s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-orientation: verical;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 30px;
    vertical-align: middle;
}

.events .event-main .event-box:hover .content-box h4 a{
    color: #ee7e1a;
    transition: .5s;
}

.events .event-main .event-box .content-box p{
    padding: 0px 0px 5px 0px;
    margin: auto;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    height: 6rem;
}

.events .event-main .event-box .content-box .button{
    margin: 10px 0px;
}

.events .event-main .pagination{
    justify-content: flex-end;
    margin-top: 20px;
}

.events .event-main .pagination .page-item.active .page-link{
    background-color: #ee7e1a;
    border-color: inherit;
    color: #fff;
}

.events .event-main .pagination .page-item .page-link{
    color: #ee7e1a;
    outline: none;
    box-shadow: none;
}

.events .event-main .pagination .page-item.disabled .page-link{
    color: #6c757d;
}


/*------------------------------------------------------------------
    Gallery
-------------------------------------------------------------------*/
.events_gallery{
    padding: 60px 0px;
    background-color: #e7ecfe;
    margin-top: 0px;
    display: block;
    margin-bottom: 0px;
}

.events_gallery h2{
    font-size: 32px;
    color: #000; 
    font-weight: bold; 
    text-align: center; 
    margin: 0px 0px 5px 0px; 
    text-transform: uppercase;
}

.events_gallery .Rectangle-7 {
    width: 104px; 
    height: 5px; 
    background-color: #0b3155; 
    text-align: center; 
    margin: auto;
}

.events_gallery p{
    font-size: 16px; 
    color: #000; 
    line-height: normal; 
    text-align: center; 
    margin: 20px 130px;
    padding-bottom: 10px;
}


.events_gallery .main-box .clear:after, .clear:before {
    content: '';
    display: table;
    clear: both;
}

.events_gallery .main-box  .gallery {
    display: flex;
    flex-wrap: wrap;
    /*width: calc(100% - 50px);*/
    margin: 0px auto 0;
}

.events_gallery .main-box  .gallery a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    width: 25%;
    overflow: hidden;
    outline: none;
}

.events_gallery .main-box  .gallery a img {
    height: 100%;
    transform: scale(1,1);
    transition: all 300ms ease;
}

.events_gallery .main-box  .gallery a img:hover {
    transform: scale(1.1,1.1);
}

.events_gallery .main-box  .bg {
    width: 100%;
    height: 200px;
    background-size: cover;
    transform: scale(1,1);
    transition: all 300ms ease;
    border: 2px solid #ee7e1a;
    border-radius: 10px;
}

.events_gallery .main-box .bg:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

/*------------------------------------------------------------------
    Award
-------------------------------------------------------------------*/


.award{
    padding: 30px 0px;
}

.award .award_con{
    margin: 10px 0px;
    margin-top: 40px;
}

.award .award_con .award_main{
    position: relative;
    border-radius: 10px;
    border: 1px solid #051937;
    overflow: hidden;
}
.award .award_con .award_main .back_img img{
    width: 100%;
}
.award .award_con .award_main .front_img{
    position: absolute;
    top: 0px;
}
.award .award_con .award_main .front_img img{
    width: 100%;
}
.award .award_con .award_main .a_text{
    background-color: #051937;
    padding: 10px 10px;
    transition: .5s;
    text-align: center;
}

.award .award_con .award_main .a_text h4{
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    height: 47px;
    vertical-align: middle;
}

.award .award_con .award_main .a_year{
    position: absolute;
    top: 30px;
    left: 0px;
    background-color: #051937;
    color: #fff;
    padding: 5px 15px;
    border-radius: 0px 25px 25px 0px;
}


/*------------------------------------------------------------------
    Footer
-------------------------------------------------------------------*/
.footer_top{
    position: relative;
    background: #213473; 
    border-bottom: solid 1px #263a65; 
    padding: 50px 0px;
}
.footer_top .footer-logo{
    text-align: center;
    margin-bottom: 40px;
    /*margin-top: 40px;*/
}

.footer_top .grid{
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 15px;
}

.footer_top .grid .main-box{
    padding: 36px 30px;
    border-radius: 8px;
    border: solid 1px #405391;
    background-color: #0f1f56;
}

.footer_top .grid .main-box h5{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 2.22;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.footer_top .grid .main-box p{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #888cad;
}

/*.news_letter{
    position: absolute;
    top: 0%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    padding: 9px 10px 9px 10px;
    border-radius: 8px;
    background-color: #fff;
}

.news_letter #newsletter_form i{
    margin-top: -6px;
    font-size: 22px;
    vertical-align: middle;
    color: #ee7e1a;
}
.news_letter input[type="text"]{
    width: 74%;
    height: 45px;
    padding: 10px;
    border: 1px solid #fff;
    background: none;
    border-radius: 4px 0px 0px 4px; 
    font: 18px 'Montserrat', sans-serif; 
    margin-left: 10px;
    color: #b0b8ca; 
    background-color: #fff;
    outline: none;
}

.news_letter input[type="submit"] {
    width: 19%;
    padding: 3px 0px;
    border-radius: 8px;
    background-color: #213473;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    outline: none;
}*/

.news_letter{
    margin-top:20px;
}
.news_letter form {
    position: relative;
}
.news_letter input[type="text"]{
    padding: 10px;
    display: block;
    width: 65%;  
    border: 1px solid #fff; 
    background: none; 
    border-radius: 4px 0px 0px 4px; 
    font: 14px 'Montserrat', sans-serif; 
    /*margin-bottom: 20px; */
    color: #b0b8ca; 
    background-color: #fff; 
    height: 52px; 
    float: left;
    outline: none;
}
.news_letter button[type="button"] {
    width: 35%; 
    float: right; 
    border-radius: 0px 4px 4px 0px; 
    font-weight: 600; 
    font-size: 16px; 
    height: 52px; 
    padding: 5px 5px;
}

.footer_bottom {background: #0f1f56;}
.footer_inner {padding-top: 80px; padding-bottom: 60px;}

.footer_widget h5 { color: #fff; font-size: 18px; font-weight: bold;  margin-bottom: 20px;}
.footer_widget p { color: #cccccc; font-size: 14px;}
.footer_widget p span{color: #fff; font-weight: bold; margin-bottom: 18px; display: inline-block;}
.footer_widget p a{color: #b0b8ca; font-weight: 500; font-size: 14px;}

.footer_widget p i { color: #8c96ac; margin-right: 10px; font-size: 15px;}


.footer_widget address { margin-bottom: 30px; }

.footer_widget ul li{margin-bottom: 15px;}
.footer_widget ul li a{ color: #c1c4da; padding-left: 0px; font-size: 15px;}
.footer_widget ul li a:hover{ color: #ee7e1a;}

footer {background: #0f1f56; line-height: 60px; border-top: 1px solid #3c5196;}
footer p { color: #b0b8ca;  font-weight: 500; font-size: 14px; text-align: center;
display: flex; justify-content: end; align-items: center; flex-wrap: wrap; padding: 1rem;}
footer p a{color: #ee7e1a;}


.social_icon{line-height: 56px;}
.social_icon a {color: #fff; background: #3c5196; width: 47px; height: 47px; line-height: 47px; text-align: center; display: inline-block; border-radius: 50%; font-size: 26px; margin-left:5px;}
.social_icon a:hover { background: #ee7e1a; color: #0f1f56;}

/*==============================ISO Icons==========================*/

.iso-icons{
 background: #fff;
 -webkit-box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 25%);
}

.iso-icons ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iso-icons ul li{
   align-items: center;
   align-self: center;
   padding: 15px 0px
}
.iso-icons ul li img{
    height: 100px;
    width: 100px;
    object-fit: contain;
}





/*Services page...................*/

.events .first {
    text-align: justify;
    font-size: 16px;
    padding-bottom: 30px;
}


.events h2.area {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
    padding-top: 30px;

}

.events .Rectangle-7.center {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

a.ser {
}
a.ser:hover{

}

.box-padding{
    padding: 20px 20px;
}

.box-padding h4{
    font-size: 18px;
}
.box-padding p{
    font-size: 16px;
    padding: 10px 0px;
    text-align: center;
}

/*Services page...................*/

/*Services Inner skill & training page...................*/

.training {
    background: url(../../images/management.jpg) no-repeat center;
    position: relative;
    background-size: cover;
    margin-bottom: 0px;
    text-align: center;
    object-fit: cover;
}

.training h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.training .layer {
    position: static;
    padding: 96px 0px;
}
.skill{
    padding: 60px 0px;

}

.skill p{
    text-align: justify;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    margin: 0 100px;
    padding-bottom: 20px;
    font-family: 'Montesserat',arial, sans-serif;
}

.skill h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
    padding-top: 20px;
}

.skill .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: block;
}

.skill-bxs .skill-single .img-bx {
    width: 100%;
    height: 180px;
    
}

  .skill-bxs .skill-single .img-bx img{
     width: 100%;
    height: 100%;
    border-radius: 10px;
}

   .skill-bxs .skill-single {
    background: #fff;
    padding: 20px 20px;
    -webkit-box-shadow: 0px 0px 46px -10px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 46px -10px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 46px -10px rgba(0,0,0,0.2);
   border-radius: 10px;
   height: 435px;
   overflow-y: hidden;
   
   
}
.skill-bxs .skill-single:hover .img-bx{
}

.skill-bxs .skill-single h3{
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom:  0px;
}
.skill-bxs .skill-single .hover-content{
    padding-top: 5px;
    overflow-y: auto;
    height: 150px;

}
.skill-bxs .skill-single .hover-content::-webkit-scrollbar{
    width: 3px;
 
}
.skill-bxs .skill-single .hover-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
.skill-bxs .skill-single .hover-content::-webkit-scrollbar-thumb{
    background-color: rgb(255, 121, 31);
}
.skill-bxs .skill-single .hover-content p{
 font-size: 16px;
 line-height: 1.3;
 margin: 0;
 padding: 0;
 text-align: left;

}
.skill-bxs .skill-single .hover-content .trainings {
    padding: 10px 0;
}
.skill-bxs .skill-single .hover-content .trainings h4 {
    font-size: 16px;
    font-weight: 500;
}
.skill-bxs .skill-single .hover-content .trainings ul li{
    font-size: 14px;
    color: #000;
    padding: 5px 15px;
    position: relative;
}
.skill-bxs .skill-single .hover-content .trainings ul li:after{
    position: absolute;
    height: 5px;
    width: 5px;
    background: #000;
    left: 2%;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    content: '';
    border-radius: 50%;
    z-index: 1;
}




.skill-bxs .skill-single:hover .hover-content{
 left:0%;
}


.why h2 {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}

.why .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    display: block;
}
.why{
    background:url(../images/join.png) no-repeat; 
    background-size: cover;
    background-position: center;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    padding-top: 60px;
}
.why:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.9);
    z-index: -1;
}

.why .why-inner .content-single {
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: 1s;
    background: #ee7e1a;
    border-radius: 5px;
    height: 300px;

}
.why .why-inner .content-single .content-hidden{
    transform: translateY(-30px);

}
.why .why-inner .content-single .content-hidden p{
 color: #fff;
 font-size: 16px;
 line-height: 1.3;

}



.why .why-inner .content-single h4{
    font-size: 18px;
    font-weight: 600;
    transition: 1s;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    transform: translateY(-50px);
}
.number{
    background-color: #e7ecfe;
    padding: 60px 0px;
}
.number h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}

.number .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: block;
}

.number .number-inner .number-single{
    text-align: -webkit-center;
}

.number .number-inner .number-single h3 {
    font-size: 34px;
    font-weight:600;
    
}
.number .number-inner .number-single h4 {
    background: #06163a;
    margin-top: 10px;
    font-weight: 600;
    color: #fff;
    display: flex;
    width: 100%;
    padding: 10px 0;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    height: 80px;
}


/*Featured stories*/
.story{
    padding-top: 60px;
}
.story h2 {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}
.story .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 20px;
}
.story .owl-theme .owl-dots .owl-dot span{
    background: #f1eeee;
}
.story .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #ee7e19;
}
.story .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color:  #0b3155;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: block;
}
.story .story-single{
    background: #f7f7f7;
    border-radius: 10px;
    padding: 20px;
    height: 480px;
}

.story .story-single .imgbx{
    width: 100%;
    height: 150px;
}

.story .story-single .imgbx img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px 10px 10px 10px;
}

.story .story-single .story-content{
   padding: 20px 0px;
}

.story .story-single .story-content p{
    line-height: 32px;
    font-size: 16px;
    color: #000;
    padding-top: 10px;
    height: 160px;
    font-family: 'Montesserat', arial,sans-serif;
    overflow: hidden;
    overflow-y: auto;
}
.story .story-single .story-content p::-webkit-scrollbar{
    width: 3px;
 
}
.story .story-single .story-content p::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .story .story-single .story-content p::-webkit-scrollbar-thumb{
    background-color: rgb(255, 121, 31);
}



.story .story-single .story-content h6{
 font-size: 12px;
 color:#898484;
}

.story .story-single .story-content small{
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding: 15px 0px;
    line-height: 1.3;
}

.story .story-inner{
    margin-bottom: 70px;
}


/*Services Inner skill & training pageEnd...................*/

/*Industry page...................*/

.events h2.industry {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;

}

.events .Rectangle-7.ind {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom:50px;
}

.events .divider{
    background: transparent; 
}

.events .divider .divide-bx h3{
    font-size: 24px;
    text-transform: capitalize;
    position: relative;
    cursor: pointer;
    display: inline-block;
    z-index: 1;
}

.events .divider .divide-bx h3::after{
   content: ''; 
   width: 0%;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   background: #ee7e1a;
   z-index: -1;
   transition: .5s;
}

.events .divider .divide-bx.tex-right h3::before{
   content: ''; 
   width: 0%;
   height: 100%;
   position: absolute;
   top: 0px;
   right: 0px;
   background: #ee7e1a;
   transition: .5s;
   padding:5px 0px; 
}
.events .divider .divide-bx h3:hover::after{
    width: 50%;
}



.events .divider .divide-bx p{
    font-size: 16px;
    text-align: justify;
    padding: 20px 0px;
    line-height: 36px;
}
.events .divider .divide-bx.text-right{
  text-align-last: right !important;
}

.events .divider .divide-bx {
    
    padding: 30px 20px;
    
}

.events .divider .img-sec{
    height: 304px;
    width: 100%;
   
}
.events .divider .img-sec img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;/*rgb(238, 126, 25, 0.1);*/
    transition: .5s;
    display: block;
}

.events .divider .img-sec img:hover::after{
    width: 100%;
    height: 100%;
   
}

.events .divider .img-sec img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #ee7e19;
     position: relative;
     overflow: hidden;
}

/*CareerPage*/
.career-page-inner{
    background: #fff;
     box-shadow: -1px 3px 79px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: -1px 3px 79px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 3px 79px 0px rgba(0,0,0,0.3);
    margin: 100px 0px;
    border-radius: 10px;
}

.career-page-inner form .form-control{
    margin-bottom: 20px;
    outline: none;
    font-size: 16px;
}
.career-page-inner form .form-control:focus{
    outline: none;
    box-shadow: none;
    border-color:#ee7e19;
}

.career-page-inner form select{
    width: 100%;
    height: 40px;
    padding: 10px 10px;
    border-color:#ccd7e0;
    border-radius: 4px;
    outline: none;
    margin-bottom: 20px;
    color:#9e9e9e;
    font-size: 16px;

}

.career-page-inner form select option{
    color:#000;
    font-size: 16px;

}


.career-page-inner form label{
     color:#000;
    font-size: 16px;
    font-weight: bold;
}

.career-page-inner form label sup{
     color:red;
    font-size: 14px;
}

.career-page-inner h3.heading_c{
    padding-bottom: 20px;
    font-weight: bold;
    text-transform: capitalize;
}

.career-img{
    width: 100%;
    height: 100%;
}

.career-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
}
.career-page-inner form input.button{
    width: 100%;
    border: 3px solid rgba(0,0,0,.0) !important;
    background-color: #213473;
    border-radius: 4px;
    padding: 10px 20px;
    transition: .5s;

}
.error {
    position: absolute;
    bottom: 5px;
    color: red;
    font-size: 10px;
}
.error.error2 {
    bottom: -15px;

}

.fileUpload {
    position: absolute;
    overflow: hidden;
    right: 2%;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn--browse{
    border: 1px solid #ccd7e0;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background-color: #213473;
    color: white;
    cursor: pointer;
    height: 43px;
    
   
}
.btn--browse span{
 padding:2px 2px; 
}

.f-input{
    height: 43px;
    background-color: white;
    border: 1px solid #ccd7e0;
    width: 100%;
    border-radius: 4px 0px 0px 4px;
    padding-left: 10px;
    outline: none;
    box-shadow: none;
    position: relative;
}
.f-input:focus{
 border-color:#ee7e19;  
}




.career-page-inner form input.button:hover {
    border: 3px solid #213473 !important;
    background-color: transparent;
    color: #213473 !important;
}



/*CareerPageEND*/

/*AGROPage*/
.agro{
    padding:50px 0px; 
}
.agro h2.aheading {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;

}

.agro p {
    font-size: 16px;
    color: #000;
    padding: 20px 0px;
    line-height: 32px;
    text-align: center;
    font-weight: 500;

}

.agro p.first {
    font-size: 14px;
    color: #000;
    text-align: -webkit-justify;
    padding-bottom: 30px;
    line-height: 32px;

}

.agro p.third {
    font-size: 14px;
    color: #000;
    text-align: -webkit-justify;
    padding-top: 30px;
    line-height: 32px;

}



.agro .Rectangle-7.agr {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

.agro .agro-single{
    margin-bottom: 50px;
    display: flex;
    column-gap: 3rem;
    width: 100%;
    justify-content: center;
    align-items: center;


}
.agro .agro-single .imgbx{
    width: calc(50% - 3rem);
    height: 300px;}

.agro .agro-single .imgbx img{
    width: auto;
    height: auto;
    object-fit: cover;
    max-width: 100%;
    max-height: 300px;
    display: block;

}
.agro .agro-single .agro-content{
    width: 50%;
    box-sizing: border-box;
}

.agro .agro-single .agro-content p{
    text-align: left;
    line-height: 1.8;
    padding: 0px;
    font-size: 16px;
    word-spacing: 3px;
    font-weight: 500;
}
.agro .agro-single .agro-content ul{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-top: 20px;
}
.agro .agro-single .agro-content ul li{
    font-size: 18px;
    font-weight: 400;
    color: #000;
    opacity: 1;
    position: relative;
    padding-left: 20px;
}
.agro .agro-single .agro-content ul li:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    background: #ee7e1a;
    height: 6px;
    width: 6px;
    border-radius: 50%;
}
.agro .agro-single .agro-content h6{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}
.agro .food-sec{
    width: 100%;
    height: 472px;
    position: relative;
    overflow: hidden;
    transition: .5s;
}

.agro .food-sec:hover:after{
  width:0%;
  height:0%;   
}



.agro .food-sec:after{
    content: '';
    background: rgb(11, 49, 85, 0.9);
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    border-radius: 10px;
    transition: .5s;
}

.agro .food-sec img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.indinsight{
    background: #213473;
    padding: 80px 0px;
    margin-bottom: 80px;
    margin-top: 30px;
}
.indinsight h2.aheading {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;

}
.indinsight .Rectangle-7.agr {
    width: 104px;
    height: 5px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

.indinsight .indin-single{
    background: #fff;
    padding: 20px;
     box-shadow: -1px 3px 79px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: -1px 3px 79px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -1px 3px 79px 0px rgba(0,0,0,0.3);
    border-radius: 10px;}



.indinsight .indin-single .imgbx{
           width: 100%;
           height: 160px;}

.indinsight .indin-single .imgbx img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px;
}

.indinsight .indin-single .indin-content p{
    text-align: left;
    line-height: 1.6;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    word-spacing: 3px;
}

.indinsight .indin-single .indin-content h6{
    font-size: 28px;
    font-weight: 600;
    padding: 1.4rem 0;
}

 .indinsight .indin-single .indin-content a{
    color: #ee7e1a;
    padding-top: 10px;
    display: inline-block;
    font-weight: 500;
    transition: .8s;
    font-size: 18px;
    text-decoration: underline;
}
.feature{
    padding-top: 50px;
    padding-bottom: 1px;
    background-color: #e7ecfe;
}
.feature h2.aheading {
    font-size: 32px;
    color:  #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;

}
.feature .Rectangle-7.agr {
    width: 104px;
    height: 5px;
    background-color:  #0b3155;
    text-align: center;
    margin: auto;
}

.feature .feature-inner{
 margin-bottom: 80px;
}

.feature .feature-inner .single-feature{}

.feature .feature-inner .single-feature .imgbx{ position: relative; }

.feature .feature-inner .single-feature .imgbx img
{   height: auto;
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    max-width: 100%;
    max-height: 300px;
}
.feature .feature-inner .single-feature .imgbx:after{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgb(0,0,0, 0.8);
    border-radius: 10px;
    display: none;
}
.feature .feature-inner .single-feature .contentbx{}

.feature .feature-inner .single-feature .contentbx h4 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
}

.feature .feature-inner .single-feature .contentbx p {
    font-size: 14px;
    color: #000;
    line-height: 32px;
    padding: 20px 0px;
    width: inherit;
    text-align: left;
    font-family: 'Montesserat', arial, sans-serif;
    height: 240px;
    overflow: hidden;
    overflow-y: auto;
}

.feature .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 0px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
  .feature  .owl-theme .owl-dots .owl-dot.active span, .feature .owl-theme .owl-dots .owl-dot:hover span

{
    background: #ee7e1a;
}


/*===================================OverViewPage===============================*/

.text{
    padding: 40px 0px;
}

.text p{
    font-size: 16px;
    color: #000;
    font-family: 'Montserrat', arial, sans-serif;
    text-align: justify;
    padding-bottom: 20px;
    line-height: 1.5;
    margin: 0 100px;
}


.business .business-inner .business-left .business-content p.last-para {
    font-family: Montserrat, arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    color: #fff;
    line-height: 36px;
    padding-top: 15px;
}

.associate{
    padding-bottom: 80px
}

.associate h2.assc {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}

.associate .Rectangle-7.ciate {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
}

.associate .contnt-img-main{
    background: #fbfbfb;
    padding: 20px;
    margin-bottom: 20px;
    height: 412px;
    transition: .5s;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;

}
.associate .contnt-img-main:after{
    content: '';
    position: absolute;
    height: 0%;
    width: 0%;
    top: 0;
    left: 0;
    background:#ee7e1a;
    transition: .5s
 
}

.associate .contnt-img-main:hover:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background:#ee7e1a;
    z-index: -1;
 
}


/*.associate .contnt-img-main:hover{
    background:#ee7e1a; 
}*/
.associate .contnt-img-main:hover .contntbx h4, 
.associate .contnt-img-main:hover .contntbx p, 
.associate .contnt-img-main:hover .contntbx a{
 color:#fff;
}
.associate .contnt-img-main:hover .contntbx a:hover{
    color:#000;
}
.associate .contnt-img-main .imgbx{
    width: 100%;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 80px -30px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 80px -30px rgb(0 0 0 / 30%);
}

.associate .contnt-img-main .contntbx h4 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
    height: 90px;
    transition: .5s;
    display: flex;
    align-items: center;
}

.associate .contnt-img-main .contntbx p{
    font-size: 16px;
    color: #000;
    line-height: 32px;
    font-weight: 400;
    font-family: 'Montserrat', arial, sans-serif;
    height: 190px;
    overflow: hidden;
    transition: .5s;
    overflow-y: auto;
}

.associate .contnt-img-main .contntbx p::-webkit-scrollbar {
   width: 3px;
   background: #fff;}

.associate .contnt-img-main .contntbx p::-webkit-scrollbar-thumb {
  background: rgb(204, 204, 204); 
  height: 10px;
}      




.associate .contnt-img-main .contntbx a{
    display: inline-block;
    text-transform: capitalize;
    color: #000;
    font-weight: 500;
    transition: .5s;
}

.associate .contnt-img-main .contntbx a:hover{
    color: #ee7e1a;
    transition: .5s;
}
   /*=========================Clients=========================*/
.client{
    padding-top: 80px
}

.client h2.some {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}

.client .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: block;
}

 .main-logobx{
    text-align: -webkit-center;
    padding-bottom: 40px;
}

 .main-logobx .img-logo{
    text-align: -webkit-center;
}

 .main-logobx .img-logo img{
    display: block;
}
 .main-logobx .logobx-content p{

    font-size: 14px;
    line-height: 24px;
    color: #000;

}


 .col-xs-6  {
  position: relative;
   width: 50%;
   min-height: 1px;
}

 /*swipercarousel*/

.client-main .owl-carousel{
   margin-bottom: 40px;
   padding: 40px 20px;
   background:#fff; 
    -moz-box-shadow: -1px -1px 70px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 46px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 46px 0px rgb(0 0 0 / 20%);
}

.client-main .owl-carousel .owl-item.active.center .main-item .white-bx{
   background: #ee7e1a; 
}
.client-main .owl-carousel .owl-item.active.center p{
   color: #fff; 
}

.main-item {
    text-align: center; position: relative;

}





button:focus{
    outline: none;
    border:none; 
}




.main-item:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 19px solid white;
    position: absolute;
    bottom: 29px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    transition: .5s;
}
.client-main .owl-carousel .owl-item.active.center .main-item:after{
     border-top-color:#ee7e1a !important; 
}

.main-item:hover:after {
    border-top-color:#ee7e1a !important; 
}
 
    
 




.white-bx{
    background: #fff;
    padding: 15px 20px;
     border-radius: 10px;
    box-shadow: -1px -1px 70px 0px rgb(0 0 0 / 44%);
    /* -webkit-box-shadow: -1px -1px 70px 0px rgb(0 0 0 / 44%); */
    -moz-box-shadow: -1px -1px 70px 0px rgba(0,0,0,0.11);
    -webkit-box-shadow: 0px 0px 46px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 46px 0px rgb(0 0 0 / 11%);
    height: 120px;
    transition:.5s; 
   

}
.white-bx p{
    font-size: 14px;
    font-family: 'Monteserrat' sans-serif; 
    color: #000;
    transition: .5s;
}
.white-bx:hover{
    background: #ee7e1a;
}

.white-bx:hover p{
    color: #fff;
}

.main-item h6{
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 0px !important;
}
.main-item small{
    font-size: 11px;
    color: gray;
  
}

.client-main .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 3px;
    margin: 5px 7px;
    background: #ee7e1a;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    opacity: .6;
    transition: .5s;
    outline: none;
    border:none;
}

.client-main .owl-theme .owl-dots .owl-dot.active span, .client-main .owl-theme .owl-dots .owl-dot:hover span{
    width: 20px;
    height: 5px;
    opacity: 1; 
    background: #ee7e1a;
    border:none;
    outline: none;
}




 /*swipercarousel*/








/*=========================Clients=========================*/

.testimonial{
    padding-top: 80px
}

.testimonial h2.testi {
    font-size: 32px;
    color: #000;
    font-weight: bold;
    text-align: -webkit-left;
    text-transform: uppercase;
}

.testimonial .Rectangle-7.under-line {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: left;
}

/*===================================Management===============================*/


.manage{
    background: url(../../images/managebg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: -1;

}

.manage:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.8);
    z-index: -1;
}



.manage h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}

 .management {
    text-align: center;

}

 .management p {
    text-align: center;
    font-size: 19px;
    color: #000;
    padding-bottom: 18px;
    font-family: 'Montesserat', arial, sans-serif;

}
 .management h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}




.management .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

.management .consult-bxs{
    padding-top: 30px;
    padding-bottom: 80px;
}

.management .consult-bxs .consult-single {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
   transition: 1s;
   position: relative;
   border-radius: 10px;
   overflow: hidden;
   z-index: 1;
}

.management .consult-bxs .consult-single:after {
content: '';
position: absolute;
height: 0;
width: 0;
top: 0;
left: 0;
background: #ee7e1a;
transition: 1s;
border-radius: 10px;
z-index: -1;
}


.management .consult-bxs .consult-single:hover.consult-single h3{
  color: #fff;
}

.management .consult-bxs .consult-single:hover.consult-single .hover-content p{
  color: #fff;
  transition-delay: .3s; 
}

.management .consult-bxs .consult-single:hover.consult-single:after{
  height: 100%;
  width: 100%;
    
}

.management .consult-bxs .consult-single .img-bx{
    width: 100%;
    height: 160px;
}

.management .consult-bxs .consult-single .img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
     transition: 1s;
    border-radius: 10px;
}

.management .consult-bxs .consult-single h3{
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: left;
    padding-top: 18px;
    color: #000;
}

.management .consult-bxs .consult-single .hover-content p{
    font-size: 14px;
    line-height: 32px;
    color: #000;
    text-align: justify;
}

 .what {
    background: transparent;
    margin-bottom: 80px;
}


 .what h2.aheading {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}




.what .Rectangle-7.agr {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}
.what .what-inner{
}

.what .what-inner .what-single{
    background:#fbfbfb;
    padding: 20px;
    border-radius: 10px;
  
}
 .what .what-inner .what-single .img-bx{
    width: 100%;
    height: 180px;

}

 .what .what-inner .what-single .img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 80px -30px rgba(0,0,0,0.3);
}

.what .what-inner .what-single h3{
    font-size: 18px;
    font-weight: bold;
    padding-top: 18px;
    color: #000;
    text-align: left;
}

 .what .what-inner .what-single .hover-content p{
    font-size: 14px;
    line-height: 32px;
    text-align: justify;
}

.what .what-inner .owl-theme .owl-dots .owl-dot.active span, .what .what-inner .owl-theme .owl-dots .owl-dot:hover span{
    background: #ee7e1a;
}

.what .what-inner .owl-theme .owl-dots .owl-dot span{
    background:#f1eeee;
}

/*===================================ManagementEnd===============================*/

/*===================================retail===============================*/
.retail{
    background: url(../../images/grocery.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;

}

.retail:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.6);
    z-index: -1;
}



.retail h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.retail h1 span {
display:block;
font-size: 14px;
color: #fff;
font-weight: 300;}

.retailer {
    text-align: center;

}

.retailer p {
    text-align: center;
    font-size: 14px;
    color: #000;
    padding-bottom: 18px;
    margin: 0px 130px;

}
.retailer h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
    margin-bottom: 5px;
}




.retailer .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}


.retailer .retail-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.retailer .retail-main .retail-single{

}

.retailer .retail-main .retail-single .retail-content{
    text-align: left;
}

.retailer .retail-main .retail-single .retail-content ul li{
    font-size: 16px;
    padding: 10px 10px;
    position: relative;
}



.retailer .retail-main .retail-single .retail-content ul li:after {
    content: '';
    position: absolute;
    left: -2px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ee7e1a;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}

.retailer .retail-main .img-bx{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   border-radius: 10px;
}


.retailer .retail-main .img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.capable h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}




.capable .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}


.capable .capable-inner {
    margin-top: 55px;
    margin-bottom: 80px;
}
.capable .capable-inner .single-capable{

}




.capable .capable-inner .single-capable .capable-content ul li{
    font-size: 16px;
    padding: 10px 20px;
    position: relative;
}



.capable .capable-inner .single-capable .capable-content ul li:after {
    content: '';
    position: absolute;
    left: 4px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ee7e1a;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}

.capable .capable-inner .single-capable .imgbx{
    width: 100%;
    height: 350px;
    background: #f1eeee;
    padding: 20px;
    border-radius: 10px;
   border-radius: 10px;
   margin-top: 20px;
}


.capable .capable-inner .single-capable .imgbx img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.capable .owl-theme .owl-dots .owl-dot.active span, .capable .owl-theme .owl-dots .owl-dot:hover span
{
    background: #ee7e1a;
}

.capable .owl-theme .owl-dots .owl-dot span{
  background: #f1eeee;
}

/*================Trade&ArtpageStart======================*/
    .trade{
    background: url(../../images/trade&art.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    background-attachment-position:center;


}

.trade:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.7);
    z-index: -1;
}


.trade h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.trade h1 span {
display:block;
font-size: 14px;
color: #fff;
font-weight: 300;}

 .trade-clients h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 0;
}


 .trade-clients .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.trade-clients p{
    font-size: 14px;
    color: #000;
    margin: 0px 130px;
    text-align: center;
}




.trade-clients .trade-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.trade-clients .trade-main .trade-single{

}

.trade-clients .trade-main .trade-single .trade-content{
    text-align: left;
}

.trade-clients .trade-main .trade-single .trade-content ul li{
    font-size: 24px;
    font-weight: 600;
    padding: 10px 10px;
    position: relative;
}



.trade-clients .trade-main .trade-single .trade-content ul li:after {
    content: '';
    position: absolute;
    left: -2px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ee7e1a;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}

.trade-clients .trade-main .img-bx{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   border-radius: 10px;
}


.trade-clients .trade-main .img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.t-capable h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
}

.t-capable
{
     
}

.t-capable .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}


.t-capable .t-capable-inner {
    margin-top: 55px;
    margin-bottom: 80px;
}


.t-capable .t-capable-inner .trade-capable .capable-trade ul li{
    font-size: 24px;
    padding: 10px 20px;
    position: relative;
    color: #000;
    font-weight: 600;
}



.t-capable .t-capable-inner .trade-capable .capable-trade ul li p {
 color: #000;
 font-size: 14px;
 line-height: 32px;

}

.t-capable .t-capable-inner .trade-capable .imgbx{
    width: 100%;
    height: 350px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
   border-radius: 10px;
   margin-top: 20px;

}


.t-capable .t-capable-inner .trade-capable .imgbx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;

}

.t-capable .owl-theme .owl-dots .owl-dot.active span, .t-capable .owl-theme .owl-dots .owl-dot:hover span
{
    background: #ee7e1a;
}

.t-capable .owl-theme .owl-dots .owl-dot span{
  background: #f1eeee;
}




 .trade-insight h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


 .trade-insight .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.trade-insight p{
    font-size: 14px;
    color: #000;
   margin: 0px 130px;
    text-align: center;
}




.trade-insight .insight-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.trade-insight .insight-main .insight-single{

}

.trade-insight .insight-main .insight-single .insight-content{
    text-align: left;
}

.trade-insight .insight-main .insight-single .insight-content ul li{
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
    position: relative;
    color: #000;
}
.trade-insight .insight-main .insight-single .insight-content ul li p{
    font-size: 14px;
    color: #000;
    line-height: 32px;
    text-align: left;
    margin: 0;
}





.trade-insight .insight-main .img-bx{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   border-radius: 10px;
}


.trade-insight .insight-main .img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*================Trade&Artpageend======================*/

/*================engineerpagestart======================*/

   .eng{
    background: url(../../images/engineer1.png) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: -1;
    background-attachment: fixed;
    background-attachment-position:center;


}

.eng:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.9);
    z-index: -1;
}


.eng h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.eng h1 span {
display:block;
font-size: 14px;
color: #fff;
font-weight: 300;}

 .engineer h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


 .engineer .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.engineer p{
    font-size: 14px;
    color: #000;
    text-align: center;
}




.engineer .engineer-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.engineer .engineer-main .row{
    row-gap: 1.5rem;
    column-gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}
.engineer .engineer-main .row .col-md-6.col-sm-12.col-lg-6{
    background: #fff;
    border: 1px solid;
    max-width: calc(50% - 1.5rem);
    padding: 20px !important;
    border: 1px dashed #213473;
}



.engineer .engineer-main .engineer-single{

}

.engineer .engineer-main .engineer-single .engineer-content{
    text-align: center;
}

.engineer .engineer-main .engineer-single .engineer-content ul li{
    font-size: 20px;
    font-weight: 600;
    position: relative;
    text-transform: unset;
    padding-top: 10px;
}



.engineer .engineer-main .engineer-single .engineer-content ul li p {
color: #000;
font-size: 14px;
line-height: 32px;
text-align: center;
margin: 0;
}



 .challenge h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
     padding: 0 13%;
}



 .challenge .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

 .challenge p{
    font-size: 14px;
    color: #000;
    text-align: center;
}




.challenge .challenge-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.challenge .challenge-main .row{
    margin-left: 0;
    margin-right: 0;
    row-gap: 1.5rem;
    column-gap: 1.5rem;
    justify-content: center;
}
.challenge .challenge-main .row .col-md-6.col-sm-12.col-lg-6{
    max-width: calc(50% - 1.5rem);
    text-align: left;
    background: #f7f7f7;
    padding: 25px;
    text-align: left;
} 



.challenge .challenge-main .challenge-single{

}

.challenge .challenge-main .challenge-single .challenge-content{
}

.challenge .challenge-main .challenge-single .challenge-content ul li{
    font-size: 20px;
    font-weight: 600;
    position: relative;
    color: #0b3155;
}
.challenge .challenge-main .challenge-single .challenge-content ul li:first-child:after{
    content: '';
    position: absolute;
    left: -4.5%;
    top: 50%;
    width: 4px;
    height: 50px;
    background: #0b3155;
    bottom: 50%;
    transform: translate(-50%, -50%);
}


.challenge .challenge-main .challenge-single .challenge-content ul li p {
color: #000;
font-size: 14px;
line-height: 32px;
margin: 0;
text-align: left;
padding-top: 10px;
}



 .how h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


.how  .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.how p{
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 0px 130px;
}




.how .how-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.how .how-main .how-single{

}

.how .how-main .how-single .how-content{
    text-align: left;
}

.how .how-main .how-single .how-content ul li{
    font-size: 20px;
    font-weight: 600;
    padding: 10px 10px;
    position: relative;
}



.how .how-main .how-single .how-content ul li:after {
    content: '';
    position: absolute;
    left: -10px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ee7e1a;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}

.how .how-main .img-bx{
    width: 75%;
    height: 300px;
    background: #fff;
    margin-left: auto;
    margin-bottom: 20px;
}


.how .how-main .img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;

}

 

 .bear-insight h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


 .bear-insight .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
 .bear-insight p{
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 0px 130px;
}




 .bear-insight .bear-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
.bear-insight .bear-main .bear-single{

}

.bear-insight .bear-main .bear-single .bear-content{
    text-align: left;
}

.bear-insight .bear-main .bear-single .bear-content ul li{
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0px;
    position: relative;
    color: #000;
}
.bear-insight .bear-main .bear-single .bear-content ul li p{
    font-size: 14px;
    color: #000;
    line-height: 32px;
    text-align: left;
    margin: 0;
}





.bear-insight .bear-main .img-bx{
    width: 100%;
    height: auto;
    background: #fff;
   border-radius: 10px;
}


.bear-insight .bear-main .img-bx img{
    width: auto;
    height: auto;
    object-fit: cover;
    max-width: 100%;
    max-height: 400px;
}   


/*================engineerpageend======================*/

/*=================It/ITES Start==================*/
.it{
    background: url(../../images/it.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: -1;
    background-attachment: fixed;
    background-attachment-position:center;


}

.it:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.6);
    z-index: -1;
}



.it h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.it h1 span {
display:block;
font-size: 14px;
color: #fff;
font-weight: 300;}

.it-service{
    text-align: center;

}
.it-service p {
    text-align: justify;
    font-size: 16px;
    color: #000;
    line-height: 32px;
    padding-bottom: 18px;

}
.it-service h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
}


.public{

}

.it-service .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.it-service .it-object .single-media{
    -webkit-box-shadow: 0px 0px 30px -2px rgb(0 0 0 / 6%);
    box-shadow: 0px 0px 30px -2px rgb(0 0 0 / 6%);
    background: #fff;
    padding: 20px;
    height: 240px;
    overflow: hidden;
    margin-bottom: 30px;
}

.it-service .it-object .single-media i {
    font-size: 40px;
    color: #213473;
    padding-bottom: 15px;
    transition: .5s;
}

 .it-service .it-object .single-media h5 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}

 .it-service .it-object .single-media p{
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    padding: 0;
    height: 100px;
    overflow-y: auto;
}

 .it-service .it-object{
    margin-bottom: 40px;
 }

 .it-service .it-object .single-media:hover i{
color: #ee7e1a;
 }


.tech h2.testi {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}

.tech {
    margin-bottom: 80px;
    background: url(../../images/itafter.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0px;
    position: relative;
    background-attachment: fixed;
    z-index: 1;
}
.tech:after {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.7);
    z-index: -1;
}

.tech p{
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 0px 130px;
}

 .tech .tech-main{
    margin-top: 50px;
 }

.tech .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

 .tech .tech-main ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

 .tech .tech-main ul li {
    color: #000;
    font-weight: 500;
    border-radius: 0;
    transition: .5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: calc(16.666% - 0.5rem);
    font-size: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 30px -2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 30px -2px rgb(0 0 0 / 15%);
    background: #fff;
    padding: 50px 10px;
}

 .tech .tech-main ul li i{
    font-size: 40px;
    padding-bottom: 10px;
    color: #213473;
 }


 .sector h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
}
 .sector p{
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 32px;
}


 .sector .sector-main{
    margin-top: 50px;
 }

  .sector .sector-main img{
    width: 100%;
    height: auto;
    object-fit: cover;
  }

 .sector .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

 .sector .sector-main ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}

 .sector .sector-main ul li {
   padding: 20px 23px;
    background: #fff;
    color: #000;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.15);
   transition: .5s;
}

 .sector{
    margin-bottom: 80px;
 }






 .provide h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}
 .provide p{
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 32px;
}


 .provide .provide-main{
    margin-top: 50px;
 }



 .provide .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

 .provide .provide-main ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

  .provide .provide-main ul li {
   padding: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 1.5rem);
   transition: .5s;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   font-size: 20px;
   font-weight: 600;
   background: #fff;
   -webkit-box-shadow: 0px 0px 30px -2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 30px -2px rgb(0 0 0 / 15%);
    border: 1px dashed #213473;
}
.provide .provide-main ul li:hover i{
    color: #ee7e1a;
}
 .provide .provide-main ul li i{
    font-size: 40px;
    padding-bottom: 10px;
    color: #213473;
    transition: .5s;
 }

  .provide .provide-main ul li p{
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-align: center;
    padding-top: 15px;
  }

 .provide{
    margin-bottom: 80px;
 }

/*================ItservicepageEnd======================*/

/*========================EducationpageStart===================*/

     .edu{
    background: url(../../images/engineer1.png) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: -1;
    background-attachment: fixed;
    background-attachment-position:center;


}

.edu:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.9);
    z-index: -1;
}


.edu h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.edu h1 span {
display:block;
font-size: 14px;
color: #fff;
font-weight: 300;}



 .education h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


 .education .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
 .education p{
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 0px 130px;
}




 .education .education-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
 .education .education-main .education-single{

}

 .education .education-main .education-single .education-content{
    text-align: left;
}

 .education .education-main .education-single .education-content ul li{
    font-size: 24px;
    font-weight: 600;
    padding: 10px 10px;
    position: relative;
}
 .education .education-main .education-single .education-content ul li:after {
    content: '';
    position: absolute;
    left: -2px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ee7e1a;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}



 .education .education-main .education-single .education-content ul li p {
color: #000;
font-size: 14px;
line-height: 32px;
text-align: center;
}




 .edu-insight h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
}


 .edu-insight .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
 .edu-insight p{
    font-size: 14px;
    color: #000;
    line-height: 32px;
    text-align: center;
}




 .edu-insight .edu-main {
    margin-top: 55px;
    margin-bottom: 80px;
}
 .edu-insight .edu-main .edu-single{

}

 .edu-insight .edu-main .edu-single .edu-content{
    text-align: left;
}

 .edu-insight .edu-main .edu-single .edu-content ul li{
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
    position: relative;
    color: #000;
}
 .edu-insight .edu-main .edu-single .edu-content ul li p{
    font-size: 14px;
    color: #000;
    line-height: 32px;
    text-align: left;
}





 .edu-insight .edu-main .img-bx{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   border-radius: 10px;
}


 .edu-insight .edu-main.img-bx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}   

/*========================EducationpageEnd===================*/

/*========================csrpagestart===================*/

     .csr{
    background: url(../../images/social.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: -1;
    background-attachment: fixed;
    background-position:center;


}

.csr:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.8);
    z-index: -1;
}


.csr h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}




.csr-sec h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


.csr-sec .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.csr-sec p{
    font-size: 19px;
    color: #000;
    text-align: center;
    margin: 0px 70px;
}




.csr-sec .media-bxs {
    margin-top: 55px;
    margin-bottom: 30px;
}


.csr-sec .media-bxs .media-single {
    padding: 10px 10px;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: .5s;
    border-radius: 10px;
}
.csr-sec .media-bxs .media-single:hover {
    -webkit-box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    -moz-box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    transition: .5s;
}




.csr-sec .media-bxs .media-single .video-bx {
    width: 100%;
    height: 165px;
}


.csr-sec .media-bxs .media-single .video-bx img {
    width: 100%;
    height: auto;
    object-position: center;
    border-radius: 10px 10px 0 0;
    max-width: 100%;
    max-height: 100%;
}

.csr-sec .media-bxs .media-single h3{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-align: left;
    padding: 10px 0px;
    text-transform: unset;
 }

.csr-sec .media-bxs .media-single .media-content p{
    padding: 0px 0px 5px 0px;
    margin: 0;
    font-size: 16px;
    color: #000;
    text-align: left;
    font-family: 'Montesserat', arial, sans-serif;
 }


 /*========================successpagestart===================*/
 /*================SocialPage======================*/

.social{
    background: url(../../images/nature.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 80px 0px;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;

}

.social:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.6);
    z-index: -1;
}



.social h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.social h1 span {
display:block;
font-size: 14px;
color: #fff;
font-weight: 300;}

.social{
    text-align: center;

}

.public p {
    text-align: center;
    font-size: 16px;
    color: #000;
   margin: 0px 130px;
    padding-bottom: 18px;

}
.public h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


.public{

}

.public .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.public .public-bxs{
 margin: 80px 0px;
}

.public-single {
    background: #fff;
    padding: 12px;
  -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.25);
   border-radius: 10px;
}

.public-single p {
  color: #000;
  font-size: 14px;
  text-align: justify;
  margin: 0;
}

.public-single .img-bx {
    width: 100%;
    height: 150px;
}
 .public-single .img-bx img{
    width: 100%;
    height: 100%;
}

 .public-single h3{
    font-size: 16px;
    font-weight:700;
    padding-top: 18px;
}

.public-feature h2.testi {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
}


.public-feature{

}

.public-feature .Rectangle-7.value {
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.public-feature .public-finner{
 margin: 80px 0px;
}

.public-feature .public-finner .single-finner{}

.public-feature .public-finner .single-finner .imgbx{
    width: 100%;
}
.public-feature .public-finner .single-finner .imgbx img{
    height: 100%;
    width: 100%;
}

.public-feature .public-finner .single-fontent p{
    font-size: 14px;
    line-height: 32px;
    color: #000;
    padding: 15px 0px;
}

.public-feature .public-finner .single-fontent h3{
    font-size: 18px;
    font-weight: bold;}
/*============================Social End*/

/*===================BlogPageStart=============================*/


/*------------------------------------------------------------------
   blog
-------------------------------------------------------------------*/
.blog{
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    position: relative;

    background-attachment: fixed;
    background-position:center;


}

 .blog:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.6);
    z-index: -1;
}


 .blog h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}




 .blog-sec h2.aheading {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    text-align: -webkit-center;
    text-transform: uppercase;
     margin-top: 50px;
     margin-bottom: 5px;
}


 .blog-sec .Rectangle-7.agr{
    width: 120px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
 .blog-sec p{
    font-size: 14px;
    color: #000;
    text-align: center;
    padding-bottom: 10px;
    margin: 0px 100px;
}

 .blog-sec{
    padding: 60px 0px;
    background-color: #fff;
    margin-top: 0px;
    display: block;
}

 .blog-sec .blog-main{
    margin: 60px 0px;
 }

  .blog-sec .blog-main .category{
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}

  .blog-sec .blog-main .category select{
  padding: 15px;
  border: none;
  outline: none;
  border-radius: 10px;
  margin-bottom: 20px;

}

  .blog-sec .blog-main .category select option{
  color: #000;
  font-size: 16px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  padding: 10px 5px;

}


 .blog-sec .blog-main .blog-box{
    padding: 10px 10px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 10px;
    transition: .5s;
}

 .blog-sec .blog-main .blog-box:hover{
    -webkit-box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    -moz-box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 17px 40px 0px rgb(0 0 0 / 31%);
    transition: .5s;
}



 .blog-sec .blog-main .blog-box .img-box{
    width: 100%;
    height: 165px;
    overflow: hidden;
}
 .blog-sec .blog-main .blog-box .img-box img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0px 0px;
    transition: .2s;
    max-width: 100%;
    max-height: 165px;
    display: block;
    vertical-align: middle;
    object-position: center;
}

 .blog-sec .blog-main .blog-box .content-box{
    padding: 10px 0px;
    text-align: left;
}


 .blog-sec .blog-main .blog-box .content-box h4 {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 10px 0px;
}

h4.text-truncate{
     white-space: inherit;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

 .blog-sec .blog-main .blog-box:hover .content-box h4 a{
    color: #ee7e1a;
    transition: .5s;
}
.blog-sec .blog-main .blog-box .content-box .post{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-sec .blog-main .blog-box .content-box .post small{
    font-size: 12px;
    color: #666;
}
.blog-sec .blog-main .blog-box .content-box .post small span{
    font-size: 14px;
    color: #000;
}

 .blog-sec .blog-main .blog-box .content-box p{
    padding: 0px 0px 5px 0px;
    margin: 0;
    font-size: 14px;
    color: #000;
    text-align: left;
    font-family: 'Montesserat',arial, sans-serif;
}

p.text-truncate{
white-space: inherit;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}

.blog-sec .blog-main .blog-box .content-box p.create-by {
    margin: 0px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    padding-top: 10px;
}

 .blog-sec .blog-main .blog-box.content-box .button{
    margin: 10px 0px;
}

 .blog-sec .blog-main .pagination{
    justify-content: flex-end;
    margin-top: 20px;
}

 .blog-sec .blog-main .pagination .page-item.active .page-link{
    background-color: #ee7e1a;
    border-color: #ee7e1a;
    color: #fff;
}

 .blog-sec .blog-main .pagination .page-item .page-link{
    color: #ee7e1a;
    outline: none;
    box-shadow: none;
}

 .blog-sec .blog-main .pagination .page-item.disabled .page-link{
    color: #6c757d;
}

/*------------------------------------------------------------------
   blog
-------------------------------------------------------------------*/

/* ===================================BlogDetailPageStart============================= */


.b-details{
    background: url(../../images/blog1.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0px;
    position: relative;

    background-attachment: fixed;
    background-position:center;


}

.b-details:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0, 0.6);
    z-index: -1;
}
.b-details h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-bottom: 13px;
    text-transform: uppercase;
}
#main-container{
    background: #e7ecfe;
    padding: 60px 0px;
}

.post-image-wrapper {
    margin-bottom: 20px;
    position: relative;
    width: 1024px;
    height: 497px;
}

.post-image-wrapper img {
    border-radius: 10px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.blog-social {
    position: absolute;
    top: -4px;
    right: -4px;
    color: #fff;
    padding: 5px 5px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
}

.post-image-wrapper .blog-social a i{
    
        background-color: #ee7e19;
        color: #fff;
        padding: 10px 10px;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        line-height: 10px;
        height: 40px;
        width: 40px;
  

}

.post-image-wrapper .blog-social a:first-child i{
    
  border-radius: 0px 10px 0px 0px !important;



}

.post-image-wrapper .blog-social a:last-child i{
    
    border-radius: 0px 0px 0px 10px !important;
  
  
  }

.blog-date {
    position: absolute;
    top: 10px;
    left: -1px;
    color: #fff;
   
    font-weight: 700;
}

.blog-date a{
    background: #ee7e19;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px 0px 10px 0;
}

.post-title {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

.post-title a {
    color: #323232;
}

.post-meta {
    color: #959595;
    font-weight: 400;
    font-size: 13px;
}

.post-meta span {
    padding-right: 10px;
}

.post-meta span.post-meta-author a {
    padding-right: 10px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.entry-content {
    padding: 20px 0 10px;
}

.entry-content h2{
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.entry-content h3{
    font-size: 18px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

.entry-content p {
    line-height: 1.56;
    font-size: 14px;
    color: #000;
    font-family: 'Montesserat', arial, sans-serif;
    margin-bottom: 10px;
}

.entry-content ul{
    margin-left: 40px;
}

.entry-content ul li{
    line-height: 32px;
    list-style: disc;
    color: #000;
}

.author-info h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
}

.author-info h3 span {
    font-size: 14px;
    color: #959595;
    border-left: 1px solid #AFAFAF;
    padding-left: 8px;
    margin-left: 5px;
}

.author-info p{
    color: #000;
    font-size: 14px;
    line-height: 32px;
}

.about-author {
    background: #fff;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 10px;
}

.author-img img {
    width: 120px;
    height: 120px;
    margin-right: 30px;
    border-radius: 50%;
    margin-top: 20px;
}

.author-url span a {
    color: #959595;
}

.comments-counter {
    font-size: 18px;
}

.comments-list {
    list-style: none;
    margin: 0;
    padding: 20px 0;
}
.gap-30 {
    clear: both;
    height: 30px;
}

.comments-form h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    text-transform: uppercase;
}

.comments-form form{
    margin-top: 30px;
}

.comments-form form input.form-control{
    box-shadow: none;
}

.comments-form form input.form-control:focus{
    border: 1px solid #ee7e1a;
}

.comments-form form textarea.form-control:focus{
    border: 1px solid #ee7e1a;
}

.comments-form form textarea.form-control{
    box-shadow: none;
}


.sidebar h3.widget-title {
    font-size: 24px;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 600;
}

.widget-tab .posts-thumb img {
    display: block;
    width: 85px;
    height: 65px;
    margin-right: 20px;
    margin-bottom: 20px;
    object-fit: cover;
}

.widget-categories ul.category-list {
    list-style: none;
    margin: 0;
    padding: 0;
}



.widget-categories ul.category-list li:hover {
    padding-left: 10px;
}
.widget-categories ul.category-list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    transition: all 0.3s ease 0s;
}
.widget-categories ul.category-list li a {
    color: #000;
    font-size: 17px;
}
.widget-categories ul.category-list li:hover {
    padding-left: 10px;
}

select.form-control{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../../images/arrow-down.png) no-repeat;
    background-size: 13px 13px;
    background-position:center right 10px;
    background-clip: border-box;
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
}

section.policy.seaction_margin h4{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 1.7;
    padding-bottom: 10px;
}

section.policy.seaction_margin ul{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

section.policy.seaction_margin ul li{
    line-height: 26px;
}


/*===================================New-page-management-consultancy===============================*/
section.feature p{
    font-size: 19px;
    width: 80%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 50px;
    text-align: center;
}
.feature .feature-inner .single-feature .contentbx p {
    font-size: 14px;
    color: #000;
    line-height: 32px;
    padding: 20px 0px;
    width: inherit;
    text-align: left;
    font-family: 'Montesserat', arial, sans-serif;
    height: 240px;
    overflow-y: auto;
}
.feature .feature-inner .single-feature .contentbx p::-webkit-scrollbar{
    width: 3px;
 
}
.feature .feature-inner .single-feature .contentbx p::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .feature .feature-inner .single-feature .contentbx p::-webkit-scrollbar-thumb{
    background-color: rgb(255, 121, 31);
}

.feature .feature-inner .single-feature .contentbx h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: unset;
}


.const{
    padding: 60px 0;
}
.const .const-inner .cost-first h2.aheading {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    padding-bottom: 10px;
}

.const .const-inner{
    display: flex;
    align-items: center;
}
.const .const-inner .cost-first{
    width: 50%;
    text-align: left;  
}
.const .const-inner .cost-first p{
    margin-bottom: 16px;
    font-family: 'Montesserat', arial, sans-serif;
}
.const .const-inner .cost-second{
    width: 50%;
    text-align: right;     
}
.const .const-inner .cost-second img{
    width: auto;
    height: auto;
    max-width: 100%;
}
/* =======================constEnd===================== */


/* =======================TrustedManagementStart===================== */

.company{
    padding-bottom: 60px;
  }
  .company h2.aheading {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.company .Rectangle-7.agr {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}
.company .top{
    font-size: 19px;
    color: #000;
    line-height: normal;
    text-align: center;
    width: 80%;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
}
  
  .company .c-first{
    width: 50%;
  } 
  .company .c-first h3{
    font-size: 20px;
    font-weight: 600;
    text-transform: unset; 
  } 
  .company .c-first p{
    font-size: 16px;
    font-weight: normal;
    font-family: 'Montesserat', arial, sans-serif;
    text-transform: unset;
    color: #222222;
    padding: 15px 0;
    line-height: 26px;
  }
  
  .company .c-second{
    width: 50%;
  }
  
  .company .c-second-inner{
    height: 47rem;
    float: right;
  }
  
  .company .c-second-inner img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .company .c-third{
    width: 45%;
  }
  .company .c-third form{
  padding: 24px;
  -webkit-box-shadow: 3px 3px 5px 1px rgba(245,234,224,0.65);
  -moz-box-shadow: 3px 3px 5px 1px rgba(245,234,224,0.65);
  box-shadow: 3px 3px 5px 1px rgba(245,234,224,0.65);
  border-radius: 5px;
  border:1px solid lightgray;
  }
  
  .company .c-third form h4{
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 20px;
    color: #0b3155;
  }
  .company .c-third form label.error{
      color: #f04124;
      font-size: 12px;
      position: relative;
      top: -.8rem;
      max-width: inherit; 
      white-space:inherit; 
      overflow: inherit; 
      text-overflow:inherit; 
      transform-origin: inherit; 
      transform: inherit;
  }
  
  .company .c-third form label.nda-custom{
    font-size: 15px;
    color: #2a2a2a;
    padding-left: 10px;
  }
  
  
  .company .c-third form input[type="checkbox"]{
    height: 20px;
    width: 20px;
    margin-bottom: 0px;
  }
  .company .c-third form input{
    box-shadow: none;
    outline: none;
    border: 1px solid lightgray;
    background: transparent;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 16px;
    border-radius:5px;
    color: #2a2a2a;
    position: relative;
    width: 100%;
  }
  .company .c-third form input[type="submit"]{
    background: #f56d29;
    border: 3px solid rgba(0,0,0,.0) !important;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    display: inline-block;
    font: 700 14px 'Montesserat', arial, sans-serif;
    color: #fff;
    padding: 5px 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-radius: 25px;
    cursor: pointer;
  }
  .company .c-third form input[type="submit"]:hover{
    border-color: #f56d29 !important;
      background: #fff;
      color: #f56d29 !important;
  }
  
  .company .c-third form input::placeholder{
    opacity: 1;
    color: #2a2a2a;
  }
  
  
  .company .c-third form input:focus{
    box-shadow: none;
    outline: none;
    border-color: #f56d29;
  }
  
  .company .c-third form textarea{
    box-shadow: none;
    outline: none;
    border: 1px solid lightgray;
    background: transparent;
    margin-bottom: 20px;
    padding:15px;
    font-size: 16px;
    width: 100%;
    height: 150px;
    resize: none;
    color: #2a2a2a;
    border-radius: 5px;
    position: relative;
  }
  .company .c-third form textarea:focus{
    box-shadow: none;
    outline: none;
    border-color: #f56d29;
  }
  .company .c-third form textarea::placeholder{
  opacity: 1;
  color: #2a2a2a;
  }
  
  .company .c-third form .inputs-row-last.mt-5 span{
    font-size: 16px;
    color: #2a2a2a;
  }
  .company .c-third form .inputs-row-last.mt-5 input.line-border{
       width: 82%;
      display: inline-block;
      border: none;
      border-bottom: 1px solid lightgray;
      border-radius: inherit;
      margin-left: 20px;
  }
/* =======================TrustedManagementEnd===================== */
/* =======================ProminentStart===================== */
.prominent{
    padding-top: 60px;
}

.prominent h2.aheading {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.prominent  .Rectangle-7.agr {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}
.prominent .top{
    font-size: 19px;
    color: #000;
    line-height: normal;
    text-align: center;
    width: 80%;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
}
.prominent-inner{
    display: flex;
    margin-bottom: 60px;
    align-items: center;
}
.prominent-inner .prominent-first{
    width: 50%;
}
.prominent-inner .prominent-first h3{
    font-size: 20px;
    font-weight: 600;
}
.prominent-inner .prominent-first h3.prominent-heading{
    margin-left: 10%;
}
.prominent-inner .prominent-first h3.prominent-heading2{
    margin-left: 22%;
}
.prominent-inner .prominent-first ul{
    list-style: lower-alpha;
    padding: 0px 15px;
}
.prominent-inner .prominent-first ul.prominent-ul{
    float: right;
}
.prominent-inner .prominent-first ul.prominent-ul li{
    text-align: left;
}


.prominent-inner .prominent-first ul li{
    font-size: 18px;
    padding: 10px 0;
    padding-left: 10px;
    color: #000;
}
.prominent-second{
    width: 50%;
}
.prominent-second img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 350px;
}
/* =======================ProminentEnd===================== */


/* =======================KpisStart===================== */

.kpi{
    margin: 0px 0;
}

.kpi h2.aheading {
    font-size: 32px;
    color: #0b3155;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
    text-transform: unset;
}
.kpi .Rectangle-7.agr {
    width: 104px;
    height: 5px;
    background-color: #0b3155;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

.kpi-main{
    background-color: #06163a;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .kpi ul{
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
  }
  .kpi ul li{
    width: calc(20% - 15px);
    text-align: center;
  }
  
  .kpi ul li span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: auto;
    background-color: rgb(255,255,255, 0.1);
    border-radius: 5px;
  }
  
  .kpi ul li span img{
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
    object-fit: cover;
    vertical-align: middle;
   
  }
  .kpi ul li p{
     font-size: 16px;
      font-weight: normal;
      font-family: 'Montesserat', arial, sans-serif;
      color: #fff;
      padding-top: 15px;
      line-height: 1.4;
      text-transform: unset;
  }
 li.foli{
    list-style: none;
 } 

@media(max-width:991px){
    .const .const-inner {
        flex-wrap: wrap;
        row-gap: 60px;
    }
    .const .const-inner .cost-first {
        width: 100%;
        text-align: center;
    } 
    .const .const-inner .cost-first h2.aheading {
        text-transform: uppercase;
        position: relative;
    } 
    .const .const-inner .cost-first h2.aheading:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 50%;
        right: 50%;
        background: #0b3155;
        width: 104px;
        height: 5px;
        transform: translate(-50%, -50%);
    }  
    .const .const-inner .cost-second {
        width: 100%;
        text-align: center;
    } 
    .const .const-inner .cost-first p {
        font-size: 19px;
        padding-top: 20px;
        font-family: inherit;
    } 

    .company .c-third {
        width: 100%;
        margin-top: 30px;
    }
    .company .c-first {
        width: 100%;
    }
    .prominent-inner {
        flex-wrap: wrap;
        row-gap: 60px;
        align-items: center;
        justify-content: center;
    }
    .prominent-inner .prominent-first {
        width: 100%;
    }
    .prominent-second {
        width: 100%;
    }
    .prominent-second.text-right{
        text-align: center !important;
    }


    .prominent-inner .prominent-first h3.prominent-heading {
        margin-left: 0;
    }
    .prominent-inner .prominent-first h3.prominent-heading2 {
        margin-left: 0;
    }
    .prominent-inner .prominent-first ul.prominent-ul {
         float: inherit;
    }
    
}

@media(max-width:767px){
    .kpi ul li {
        width: calc(33.33% - 15px);

    }
    li.foli{
        text-align: center;
    }
    .kpi ul {
        row-gap: 15px;
    }
    .prominent-inner{
        row-gap: 45px;
    }
    .prominent-second {
        text-align: center;
    }
    .text p{
        margin: 0;
    }
    footer p{
        justify-content: center;
        padding: 0;
    }


}
@media(max-width:599px){

}

@media(max-width:475px){
    .const .const-inner .cost-first {
        text-align: left;
    }  
    .industries h2.servewe{
        text-align: left;
        font-size: 24px;
    }
    .industries .Rectangle-7.serve-2{
        left: 0;
        transform: inherit;
        margin: inherit;
        bottom: -57px;
    }
    .const .const-inner .cost-first h2.aheading:after{
        left: 0;
        transform:inherit;
    }  
    .const .const-inner .cost-first h2.aheading{
        font-size: 24px;
        padding-bottom: 5px;
    }
    .company h2.aheading {
        font-size: 24px;
        text-align: left;
        padding-bottom: 0;
 
    }
    .company .Rectangle-7.agr {
       margin: 0; 
    }
    .company .top {
        width: 100%;
        text-align: left;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .kpi h2.aheading {
        font-size: 24px;
        text-align: left;
        text-transform: unset;
    }
    .kpi .Rectangle-7.agr {
        margin: 0;
        margin-bottom: 40px;
    }

    .prominent h2.aheading {
        font-size: 24px;
        text-align: left;
        padding-bottom: 0
    }
    .prominent .Rectangle-7.agr {
        margin: 0;
    }
    .prominent .top {
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .prominent-second img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 250px;
    }
    .prominent-inner {
        margin-bottom: 45px;
        row-gap: 30px;
    }
    .number h2 {
        font-size: 24px;
        text-align: left;
    }
    .number .Rectangle-7.value {
        margin-left: 0;
        margin-bottom: 40px;
 
    }
    .feature h2.aheading {
        font-size: 24px;
        text-align: left;
    }
    .feature .Rectangle-7.agr {
        margin: 0;
    }
    section.feature p{
        font-size: 19px;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 30px;
        text-align: left;
    }
    .kpi ul{
        row-gap: 30px;
    }
    .kpi ul li {
        width: 100%;
    }
}

/* =======================KpisEnd===================== */

/*===================================New-page-management-consultancyEnd===============================*/