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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Exo:wght@400;500;600;700;800&display=swap');

* {margin : 0; padding : 0; outline: none !important;}
.clear, .clr { clear : both;}
.gap { clear : both; height : 10px;}
.frt {float : right;}
.flt {float : left;}
img {border : 0;}
form {margin : 0;}
/*ol, ul {list-style:none;}*/
ul {list-style-position: outside;}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a:link, a:visited {text-decoration : none;}
a:hover {color:#c00;}

/*a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	color:#c00;
}

a:hover {
	color: #1f201f;
}*/

/*****
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
*****/

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

.result {width:100px; text-align:left;margin-left:10px; display:inline-block;}
.captcha { float:left; padding-top:2px;}
form em { color:#FF0000;}

.map-content  {height:400px; position:relative; overflow:hidden; margin-top:10px; }
.map-content iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}
.map-content figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}

.gcaptcha { margin-bottom:10px; text-align:left; display:block;}

.breadcrumb { justify-content: center; }
.breadcrumb li a { color:#ccc;}
.breadcrumb li a:hover { color:var(--secondary-color);}
.breadcrumb-item + .breadcrumb-item::before  {color: #cecece;}
.breadcrumb-item.active { color: #cecece; }

:root {
    --primary-color:#084063;
    --secondary-color:#2BA8DD;
}



h1, h2, h3, h4, h5 {font-family: 'Barlow', sans-serif; margin-top:5px;}

h1 { font-size:36px; font-weight: 600; line-height:50px; color:#000;}
h2 { font-size:32px; font-weight: 600; line-height:42px; color:#000;}
h3 { font-size:28px; font-weight: 600; line-height:48px; color:#000;}
h4 { font-size:22px; font-weight: 800; line-height:22px; color:#fff;}
h5 { font-size:18px; font-weight: 500; line-height:24px; color:#000;}

body { font-family: 'Roboto', Helvetica, sans-serif; font-size:16px; color:#333; line-height:24px; background:#fff;}

h2 { color: var(--primary-color);}
h2 span { color: var(--secondary-color);}
.bigtxt {font-size: 48px;}

/*Back to Top*/
#back-top {position: fixed; bottom:40px;z-index:99; right:25px; display:none; width:41px;height:41px;}
#back-top a:hover {color:#333; }
#back-top span {width:41px;height:41px; display: block;	background:url(../images/up-arrow.gif) no-repeat center center #2ba8dd;border-radius: 50%; opacity:0.4; filter:alpha(opacity=40); }
#back-top a:hover span { background-color:var(--secondary-color); opacity:1; filter:alpha(opacity=1);}

.limit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.limit.two-lines {
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: normal;
  }

/* List Style */

ul.listing { list-style:none; margin:0; padding:0; margin-bottom:10px;  list-style: outside disc;}
ul.listing li:before {    
font-family: 'FontAwesome';
content: '\f105';
position:absolute;
top:0; left:0;
}
ul.listing li { position:relative; padding-left:14px; overflow: hidden;}

ul.list { list-style:none; margin-left:0; padding-left:0;}
ul.list li { background:url(../images/sqr.jpg) no-repeat 0 7px; padding-left:16px;}
ul.list li a { color:#333;}
ul.list li a:hover { color:#3399cc;}
ul.list li li {list-style:none; padding-left:15px; margin-left:-20px; background:url(../images/subsqr.jpg) no-repeat 0 7px;}

ul.list li+li {
    margin-top: 7px;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,
.form-select
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

main ul {margin-left:12px;}

main ol {margin-left:0;}
main ol li { padding-left:5px; margin-bottom: 10px;}

.btn {border-radius: 24px; font-size: 16px; font-family: 'Barlow', sans-serif; padding: 12px 24px 14px; border:none; }


.btn-primary, a.btn-primary { background:var(--secondary-color); color:#fff;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-primary:hover { background-color:#333; color:#fff; }

.btn-default, a.btn-default { background:var(--primary-color); color:#fff;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-default:hover { background-color:#333; color:#fff; }

.banner { position:relative; margin-bottom:15px;}

main { margin:10px 0;}

.socialmedia {white-space:nowrap; text-align:right; margin:10px 0;  line-height:0;}
.socialmedia li {  display:inline-block; padding-left:2px; vertical-align:middle;}
.socialmedia li img { width:32px;}

footer {background:#084063; color:#F3F3F3; }
.footer {padding:48px 0 10px;}
.footer, .footer a {  color:#97A5BB;  }
.footer a:hover { color:#fff;}

.footlist{ text-align:center }                      
.footlist li{ display: inline; list-style-type: none; padding: 0; margin:0; color:#cccccc;}
.footlist a { padding: 0px 2px; }
.footlist a:link, .footlist a:visited {color: #cccccc; text-decoration: none;}
.footlist a:hover{color: #2cafe5; text-decoration: none;}

.footer ul {padding-left: 1rem;}
.footer ul li { font-size: 16px; line-height: 32px;}


.footlt { float:left;}
.footrt { float:right;}

.footer h3, .footer h5 {color: #fff;}
.footer ul.list-unstyled li { margin-bottom: 5px;  }
.footer ul.list-unstyled li a {}
.footer ul.list-unstyled li a:hover {color: var(--primary-color);}

.footer .social-icons { margin-top: 15px;}
.footer .social-icons a {
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	margin-right: 3px;
	text-align: center;
	width: 42px;
	background: var(--secondary-color);
	color: #fff;
	border-radius: 24px;	
	transition: all 0.3s ease;
}
.footer .social-icons a:hover { background:#fff; color: #111; }

.footer-logo { margin: 25px 0; }
.copywrite { text-align: center; color: #ccc; }

.navigation { position:relative; z-index:99;}

.thumb { margin-bottom:7px;}
.thumb img { max-width:100%;}
.thumblt { float:left; width:350px; margin:2px 15px 5px 0;}
.thumbrt { float:right; width:350px; margin:2px 0 5px 15px;}
.thumblt img, .thumbrt img { max-width:100%;}

.search { display:inline-block; margin-left:10px; float:right; margin-top:7px; }

.searchpanel { margin:0; padding:0 10px 0 0; clear:right; margin:7px 0 7px;}
.searchpanel { }
.searchpanel .btn-default { background:#fff; border:1px solid #ccc;}
.searchpanel .input-group .form-control { float:right;}
.searchpanel .input-group-btn .fa { color:#1b4279;}

.header {
  position: relative; width: 100%;
  background: #fff;
  border-bottom: 10px solid var(--primary-color);
}
.header::after { clear: both; display: table; content: '';}


a.more { font-family: 'Poppins', sans-serif; font-size:16px; color:var(--secondary-color);}
a.more:after { font-family: 'FontAwesome'; content: '\f105'; padding-left:5px; }
a.more:hover { color:var(--primary-color);}



.slider_div { position: relative;  }
.slider_div .owl-nav { position: absolute; width:100%; top: 42%; font-size: 30px; color: #fff;}
.slider_div .owl-prev { position: absolute; left:0; display: block !important; background: red;   }
.slider_div .owl-next { position: absolute; right:0 } 
.slider_div .owl-theme .owl-nav [class*="owl-"] {  padding: 10px !important; opacity: 0.3; transition: all 0.3s ease-in-out;}
.slider_div .owl-theme .owl-nav [class*="owl-"]:hover{ background: none; padding: 10px !important; opacity: 1.0}

.slider_div .owl-theme .owl-nav.disabled + .owl-dots { position: relative; bottom: 100px; }
.slider_div .owl-theme .owl-dots .owl-dot span {transition: all 0.3s ease; width: 10px; background: #ff6e26; }
.slider_div .owl-theme .owl-dots .owl-dot.active span {
	background: #ff6e26; width: 40px;
}

.slider_div .owl-theme .owl-nav [class*="owl-"] { background: #1aa7ec; }
.slider_div .owl-theme .owl-nav [class*="owl-"]:hover{ background: #1aa7ec;  }

.caption {  display: block; }
.caption-content {  position: absolute; top: 50%; z-index: 2; color: #000; left: 0; right: 0; width: 84%; margin: auto; 
	transform: translateY(-50%); }
.caption .title {font-size: 42px; line-height: 52px; font-weight: 700; font-family: 'Barlow', sans-serif;
color: #fff; margin-bottom: 25px;}
.caption .slidedesc { margin: 10px 0 20px; font-size: 16px; line-height: 24px; }
.caption .slidebtn a { padding: 12px 35px 14px 20px;} 
.caption .slidebtn a.morelink::before, .caption .slidebtn a.morelink::after  { top: 22px;} 



/*latest New */
.lastenew_area { width: 100%; }
.post_block_style4{width: 100%;float: left;margin: 0;padding: 0;position: relative;min-height: 410px;}
.post_block_style4_thumb{width: 50%;box-sizing: border-box;height: 420px;overflow: hidden;position: relative;
position: absolute;left: 0;}
.posts4content {position: absolute;right: 0px;width: 50%;padding: 4%;font-weight: 400;overflow: hidden;} 
.posts4content h6 { text-transform: uppercase; font-size: 16px; font-weight: bold; }
.infopostmeta {  font-size: 13px; margin:20px 0; }
.infopostmeta span a { color:orange }
.post_block_style4 p {line-height: 26px;}
.style4read { background: #282828; padding: 10px 20px; color: #fff; font-weight: bold; margin-top: 65px;
display: inline-block; }
.style4read:hover { background: #531000; color: #fff; }
.lastenew_area h2 { text-align: center; margin:0 0 40px  0  }
.lastenew_area {padding: 35px 0 35px 0}
.second_right .post_block_style4_thumb {right: 0;left: inherit;}
.second_right .posts4content {left: 0;right: inherit;}
/*latest New */



.top-bar { padding: 5px 0; background: #dfdfdf; }
ul.toplink { list-style: none; margin: 0; }
ul.toplink li { display: inline-block; margin-right: 15px; font-size: 16px; padding:5px 0; }
ul.toplink li .fa { font-size: 18px; }
.toprt { text-align: right }
.toprt .social-icons a {
	display: inline-block;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	margin-right: 3px; margin-bottom: 5px;
	text-align: center;
	width: 32px;
    background-color:#151515;
	color: #fff;
	transition: all 0.3s ease;
}
.toprt .social-icons a:hover { background: #ff8400; }

.mid-bar { background: #333; }

#logo { width: 280px; margin: 10px 0; }
#logo img {max-width: 100%; }


.nav_right { float: right; }


.aboutbg { margin: 40px 0; position: relative; }

/*Page Loading*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff url(../images/loading.png) center no-repeat;
}
.se-pre-con img { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.aboutSection {margin: 0 0 45px;}
.blankbg { padding: 45px 0;}
.tradebg {}


.dealSection {margin: 45px 0;}
.graySection { margin: 45px 0; padding: 30px; background: rgba(228, 228, 228, 1); }
.blankSection {margin: 45px 0;}
.brandSection {background: #F2F2F2; margin: 45px 0 0; padding: 30px;}
.aboutltimg {}


.dealPanel { margin: 25px 35px; }

.dealbox {
	display: flex; 
flex-direction: column;
align-items: flex-start;
padding: 15px; margin: 15px 0;
gap: 10px;
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out;
}

.dealbox:hover {box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.15);}

.dealbox .thumImage {}
.dealbox .thumImage img { max-width: 100%; }
.dealbox .thumShort {}
.dealbox .thumShort .shortxt { height: 52px; overflow: hidden; margin-bottom: 10px; }

.advert {}
.advert img {max-width: 100%;}


/* .clients .item { background: #fff; padding: 15px; border: 1px solid #fff; margin: 5px 5px 25px;
box-shadow: 2px 4px 10px  rgba(0, 0, 0, 0.1); }
.clients .item img {filter: grayscale(100%); opacity: 0.5; transition: 0.5s;}
.clients .item:hover img {filter: grayscale(1%); opacity: 1;} 

.clients .owl-theme .owl-dots .owl-dot.active span {background: #3a82bc;}
.clients .owl-theme .owl-dots .owl-dot span {width: 15px;height:15px;margin: 5px 7px;background: #ccc;
display: block;-webkit-backface-visibility: visible;transition:  ease;border-radius: 30px;}
 */

.brands { margin: 30px 0; }
.brands .item { background: #fff; padding: 5px; margin: 5px; }

.innerbanner { background: var(--secondary-color) url(../images/innerbanner.jpg) no-repeat center top;
  background-size:cover; padding-top: 48px; padding-bottom: 30px; text-align: center; }
.innerbanner h1 { color: #fff;}

.wellbox {max-width: 770px; margin: 0 auto;.caption .title
box-shadow: rgba(0, 0, 0, 0.2) 0px 40px 80px 0px;
background-color: rgb(255, 255, 255);
padding: 60px 60px;
border-radius: 10px;}


#cssmenu > ul > li.button > a { color: #fff;}
.morelink {position: relative; padding-right: 40px; overflow: hidden;}
.morelink::before, .morelink::after { content: ''; position: absolute; background: url('../images/toparrow.png') no-repeat top right; width: 19px; height: 19px;
right: 15px; top: 20px; transition: 0.3s ease-in; ;
}
.morelink::before {transform: translate(0px, 0px); }
.morelink:hover::before { transform: translate(36px,-36px);}

.morelink::after {transform: translate(-36px,36px);}
.morelink:hover::after { transform: translate(0px,0px);}

.btn.morelink { border-radius: 4px;}

#cssmenu > ul > li.button > a {padding-right: 34px;}

.servicebox { border: 1px solid #BEC6CA; padding: 48px 15px 15px; position: relative; border-radius: 4px; height: 100%;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15); transition: all 0.3s ease-in-out;}
.servicebox:hover { box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.15)}
.servicebox .sicon { width: 94px; height: 94px; border: 1px solid #BEC6CA; border-radius: 50%; padding: 5px; overflow: hidden;
position: absolute; top: -47px; background: #fff; 
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); transition: all 0.3s ease-in-out;}
.servicebox:hover .sicon { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);}
.servicebox .sicon img {max-width: 100%;}
.servicebox .scontent {}
.servicebox .scontent h4 { color: var(--primary-color);}

a .servicebox .scontent p { color: #333;}

.trade-lt { background: var(--secondary-color); height: 100%; padding: 46px;}
.trade-lt h2 { color: #fff;}
.trade-lt p { color: #EFEFEF;}

.trade-rt { background: url(../images/tradebg.png) no-repeat center top; height: 100%; padding: 46px; background-size: cover;}
.trade-rt img {margin-right: 15px;}
.trade-rt h2 a { color: #fff;}
.trade-rt h2 a:hover { color: var(--secondary-color);}



.nav-pills {
	white-space: nowrap; /* Prevents tab text from wrapping */
	overflow-x: auto;   /* Adds horizontal scrollbar if necessary */
	flex-wrap: nowrap;  /* Prevents tab container from wrapping */
}
.nav-item {
	flex: 0 0 auto;     /* Prevents individual tab items from wrapping */
}




.nav-tabs {
    border: 0;
    padding: 15px 0;
	margin: 0;
	display: flex;
	justify-content: center;
}

.nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.card .nav-tabs {
    border-top-right-radius: 0.1875rem;
    border-top-left-radius: 0.1875rem;
}

.nav-tabs>.nav-item>.nav-link {
    color: var(--secondary-color);
    margin: 0;
    margin-right: 5px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 14px;
    padding: 12px 24px;
    line-height: 1.5;
	font-size: 20px;
	font-family: 'Barlow', sans-serif;
	border: 1px solid var(--secondary-color);
}

.nav-tabs>.nav-item>.nav-link:hover {
    background-color: transparent;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}

.nav-tabs>.nav-item>.nav-link.active {
    background-color: var(--primary-color);
    border-radius: 30px;
    color: #FFFFFF;
	border:1px solid var(--primary-color);
}

.nav-tabs>.nav-item>.nav-link i.now-ui-icons {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 3px;
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
    color: #FFFFFF;
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.has-feedback {position: relative;}
.feedback .form-control {  border-radius: 0; }
.feedback .form-group {position: relative;}
.form-control-feedback { color:#ccc;}
.form-control-feedback {
    display: block;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 34px;
    z-index: 2;
}
.required-field {
    color: #f45858;
    display: inline;
    font-size: 18px;
    line-height: 12px;
}

#ourpurpose, #unique{
	padding: 15px!important;
}

/* How It Works page carousel css*/
															 
																						  
													  
															 
																		  
											 

        #accordion-container {
      display: flex;
      width: 100%;
      border-radius: 15px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      overflow: hidden;
    }

    #accordion-tabs {
      width: 30%;
      background-color: #2ba8dd;
      display: flex;
      flex-direction: column;
      border-radius: 15px 0 0 15px;
	  word-wrap: break-word;
    }

    .accordion-tab {
      padding: 10px 20px;
      cursor: pointer;
      transition: background-color 0.3s;
      color: #fff;
    }
			
			
							   

    .accordion-tab:hover, .accordion-tab.active {
      background-color: #1c7aa3;
    }

    #accordion-content {
      flex-grow: 1;
      background-color: #fff;
      padding: 20px;
      border-radius: 0 15px 15px 0;
    }

    .accordion-content {
      display: none; /* Initially hide all content */
    }

    .accordion-content.active {
      display: block; /* Display content for active tab */
    }

    .accordion-content p {
      margin: 0;
    }
	
	 /* Container for the steps */
        .step-container {
            display: flex;
            align-items: center;
			margin: 50px 0px;
			width: max-content;
			
        }
/* ON HOME PAGE */
        /* Style for each step */
        .step {
            position: relative;
            width: max-width;
            height: 50px;
            background-color: #2ba8dd; /* Step color */
            color: #fff; /* Text color */
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 10px;
            border-radius: 10px;
			padding: 10px;
        }

        /* Style for the arrow between steps */
        .arrow {
            position: absolute;
            right: -20px; /* Adjust the arrow position */
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 0 15px 20px;
            border-color: transparent transparent transparent #2ba8dd; /* Arrow color */
        }

        /* Hide arrow for the last step */
        .step:last-child .arrow {
            display: none;
        }
.aboutbox { position: relative; }
.aboutbox .aboutboxtop { display: flex; align-items:center; }
.aboutboxtop .founderbox { border-radius:50%; overflow:hidden; width:500px; height:500px; 
flex:0 0 auto; margin-right:30px; margin-bottom:15px }
.aboutboxtop .founderbox.about2 {width:300px; height:300px; }
.aboutboxtop .founderbox img { object-fit:cover; width:100%; height:100% }
.aboutboxtop .foundercontent { padding:30px }
.aboutboxtop .foundercontent2 { padding:30px }

.aboutboxbot {}
.aboutboxbot .vmvbox { background:#ccc; height: calc(100% - 22px); padding: 5px 16px 20px}
.aboutboxbot .vmvbox.vision  { background:#87b7e5; color: #fff}
.aboutboxbot .vmvbox.mission {background:#edf4fb;}
.aboutboxbot .vmvbox.values {background:#1e4870; color: #fff}

.aboutboxbot .vmvbox.vision h2, .aboutboxbot .vmvbox.values h2 { color:#fff }

.aboutbox .whitebox {position: absolute;
  background: #eaedef;
  width: 70%;
  height: 550px;
  z-index: -1;
  margin: auto;
  left: 50%;
  top: 74px;
  transform: translateX(-50%);}
  
  /* Style for contacts Portrait */
  #portrait{
  border-radius: 100%;
  border: 1px solid #084063;
  width: 180px;
  margin: 0px 20px;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(43 168 221) !important;
}
.mt-3 .fs-5 {
    font-size: 1.1rem !important;
    color: var(--bs-heading-color, inherit);
}

/* .text::before {
    font-family: "Font Awesome 5 Free";
    content: "\f041;"
}
 */
 
/* Responsive Media Query */

/*@media (min-width: 1440px) {
	.container {
  	max-width: 1420px;
	}
}*/

@media (min-width: 1336px) {
.container {max-width:1320px;}
.aboutboxtop .foundercontent { padding:30px; width:40%; }
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
	/*.wrapper { background:#F50B0B }*/ /*red*/
	.aboutboxtop .foundercontent { padding:30px; width:40%; }
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.wrapper { background:#0B6EF5 /*blue*/}
	.style4read { margin-top: 0px; }
	.post_block_style4_thumb { height:auto; }
	.post_block_style4 { min-height:339px; }
	.aboutboxtop .foundercontent { padding:30px; width:40%; }
	
}

@media (max-width: 991px) {
	.header {position: relative; width: 100%;}
  .header.fixed { position: relative;}
  .aboutboxtop .foundercontent { padding:30px }

  #logo { float: none; text-align: center; margin: 10px auto; }
  .innerbanner {  padding-top: 30px; padding-bottom: 30px; }

  .aboutbox .aboutboxtop {flex-direction: column;}
  .aboutboxtop .foundercontent {padding: 30px 0}
  .aboutbox .whitebox {display: none;}
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.wrapper { background:#32F50B /*green*/}
	.posts4content p { height: 80px;overflow-x: hidden;}
	.style4read { margin-top: 0px; }
	.post_block_style4_thumb { height:auto; }
	.post_block_style4 { min-height:259px; }
	.aboutboxtop .foundercontent { padding:30px; width:40%; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.wrapper { background:#F5800C /*orange*/}
	.footlt, .footrt { float:none; text-align:center;}
	.thumblt { float:left; width:300px; margin:2px 15px 5px 0;}
	.thumbrt { float:right; width:300px; margin:2px 0 5px 15px;}
	.blockdetail .thumb {  width:100%; float:none; overflow:hidden; margin:5px 0 10px 0;}
	.post_block_style4_thumb {height: inherit !important;position: relative !important;width: 100% !important;}
    .posts4content { position: relative; width: 100%; }
    .aboutboxtop .foundercontent { padding:30px; width:40%; }
	
	ul.toplink { text-align: center; margin-bottom: 10px; }
	.toprt { text-align: center; }

	#logo { float: none; text-align: center; }
	.nav_right { float: none; }

	.footer {text-align: center;}

	.mcenter {text-align: center;}
	.mtopmar {margin-top: 20px;}

	.nav-tabs {
        display: inline-block;
        width: 100%;
        padding-left: 100px;
        padding-right: 100px;
        text-align: center;
    }

    .nav-tabs .nav-item>.nav-link {
        margin-bottom: 5px;
    }
}


@media (min-width: 480px) and (max-width: 767px) {
	.wrapper { background:#F54D0B /*dark orange*/}
	.post_block_style4_thumb { height: inherit !important;position: relative !important;width: 100% !important;}
    .posts4content { position: relative; width: 100%; }
    .aboutboxtop .foundercontent { padding:30px }

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.wrapper { background:#F5E50B /*yellow*/}
	.col-xs-6 { width:100%; float:none;}
	.thumblt, .thumbrt { float:none; width:100%; margin:2px 0 7px 0;}
	.frt, .flt {float : none; text-align:center;}
	.post_block_style4_thumb {height: inherit !important;position: relative !important;width: 100% !important;}
    .posts4content { position: relative; width: 100%; }

   .owl-nav {display: none;}

   .nav-tabs {
	padding-left: 10px;
	padding-right: 10px;
	}

}
/* center contacts on mobile */
@media (max-width: 768px) {
  #contactsinfo {
	  text-align: center;
  }
  
  /* space tiles on home page [mobile view] */
  .servicebox {
	  padding-bottom: 50px;
  }
  
    /* hide steps under how it works[mobile view] */
  .step-container {
	  display: none;
  }
}
.form-messege.error{
    color:red;
}
.form-messege.success{
    color:green;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border: 1px solid #ccc;
}

.foundercontent2 h4{
    color: #6a6a6a;
    padding: 10px 0px;
    font-weight: 100;
    font-size: 20px;
}

.tooltip-inner {
  background-color: var(--primary-color) !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

/* Apply styles to tooltip arrows for all placements */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: var(--primary-color) !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--primary-color) !important;
}

.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: var(--primary-color) !important;
}

.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: var(--primary-color) !important;
}