@charset "utf-8";
/* CSS Document by https://mahsamomenkhani.com/ */

/* 
html {margin:0; padding:0; border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header, hgroup, nav, section 
{margin: 0;padding: 0;border: 0;font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: right; font-weight: normal; float:none !important; }
table, th, td { vertical-align: middle; } */
a img { border: none; }
a { outline:none; text-decoration:none}
.clear { clear:both}
.vspacer10 { padding: 10px 0}
.vspacer50 { padding: 50px 0}
.vspacer100 { padding: 100px 0}

.clearfix {
    display: block;
    clear: both;
    content: "";
  }



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*-- Roboto font --*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {font-family:'Roboto', sans-serif; font-size:14px; line-height:24px; color:#828282; }

.fixed-top { position: fixed; top: 0;right: 0;left: 0;z-index: 1030;}

h1, h2, h3 { color:#fff}

.boxtop { /*background:#ff7315; */color:#fff;  color:#fff; padding:2px 8px 2px 0; /*border-bottom:1px solid #fff*/ }

.boxtop i {  padding: 8px;background:#ff7315; line-height:20px }
.boxtop span {border-left:1px solid #fff; padding:8px; font-weight:bold;background:#ff7315}

nav { background-color:#005777; color:#fff; padding:0;}
.navbar { padding:0}
.navbar-nav > .active > a {background-color: #fff;    }
.nav-item > a:hover {color:#fff; background-color: #008d97;    }
.navbar-nav a { color:#fff}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link { color:#fff;background-color: #008d97;}
.navbar-toggler{ border:none;}
button.navbar-toggler{ color:#ffffff}
.navbar-toggler:focus { box-shadow:none; }
.dropdown-menu { background-color:#005777; color:#fff; }
.dropdown-item:focus, .dropdown-item:hover {  background-color: #008d97; color:#fff}
.nav-link:focus, .nav-link:hover { color:#fff}
.navbar-toggler-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-toggler-icon::before {
  /*font-family: FontAwesome;
  content: "\f0c9";*/
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.mystyle{ background:#ff7315; color:#fff; border:1px solid #fff}

h1{color: #ff7315;}
.teamMember { border:1px solid #828282;text-align: center;}
.teamMember .teamMember-img-top { margin: auto; margin-bottom: 5px;}
.teamMember .teamMember-title { color: #005777; font-weight: bold; }
.contactIndex { background-color: #005777; color: #fff; padding: 7px 20px 0 7px;}
.MyInputStyle{ background-color: #ff7315; border: none; margin-top: 10px;}

.MyTableStyle { color: #fff;}
.MyTableStyle .TableTitle { color: #ff7315; margin-bottom: 3px; }

.quote { border-bottom: 1px solid #f1f1f1; }
.quote .author{ color: #000;}
.quote .date { font-style: italic;}
#carouselExampleIndicators2 .carousel-indicators [data-bs-target] { background-color: #ff7315;padding-top: 2px; margin-top: 5px; }
#carouselExampleIndicators2 .carousel-indicators {margin-bottom: 0%;}
 

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: large;
    border: none;
    outline: none;
    background-color:#ff7315;
    color: white;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 0px;
  }
  #myBtn:hover {
    background-color: #555;
  }
.footer { background-color: #005777; color: #fff; margin-top: 30px;}
.footerTitle { color: #fff; font-weight: bold; padding:10px 0 0 0;}
.footerTitle span{border-bottom:2px solid #ff7315; }

ul.listCustomStyle li.list-group-item a{ color: #fff; }
ul.listCustomStyle li.list-group-item a:hover { color: #ff7315; text-decoration: underline; }
a.fbIcon, a.instaIcon, a.twitterIcon, a.linkedinIcon, a.whatsappIcon {  margin: 5px auto; background-color: #ff7315; color: #fff; width: 30px; height: 30px; display:inline-block; line-height: 30px;}
a.fbIcon:hover{ background-color:#3b5998;}
a.instaIcon:hover{ background-color:#c32aa3;}
a.twitterIcon:hover{ background-color:#1da1f2;}
a.linkedinIcon:hover{ background-color:#0a66c2;}
a.whatsappIcon:hover{ background-color:#34a853;}

.titleOrange {color: #ff7315; font-weight: bold; padding:10px; font-size:2em; text-transform:capitalize }

.searchbtn .form-control { background:#008d97 !important; border:none; border-radius:0;}
.searchbtn ::placeholder {color: #fff !important;opacity: 1; } 
.searchbtn :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
.searchbtn ::-ms-input-placeholder { /* Microsoft Edge */color: #fff;}
.searchbtn placeholder { color:#fff}
.searchbtn button { border:none; color:#fff}