﻿@charset "utf-8";

/* CSS Document */
/*  Reset for some default browser CSS - General */


/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/
.blog-details ul li,.blog-details ol li{padding-bottom:5px;}

/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/

.blog-right {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f4f4f4 !important;
    /*border: #e1f3fb 1px solid;*/
    border-radius: 0.5rem;
}
.text-green { color: #2d913a;}

.enquiries-box{color:#000; padding: 19px; margin-bottom: 20px; background-color: #f4f4f4;border-radius: 0.5rem;}

/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/
.heading{margin-top:30px;}
a:hover{text-decoration:none}
h4 {font-size: 1.2rem !important;}
h2.icon-news {background:url('images/icon-news.png') no-repeat left; padding:5px; padding-left:23px;}
h2.icon-hr-blog {background:url('images/icon-hr-blog.png') no-repeat left; padding:5px; padding-left:23px;}
h2.icon-forthcoming-news {background:url('images/icon-forthcoming-event.png') no-repeat left center; padding:5px; padding-left:23px;}

h2 a {color:#003f85!important;   text-decoration:none;}
h2 a:hover { text-decoration:underline;}

.blog-right h3 { color:#709430; text-transform:uppercase}

/*
=====================================================================================================================================================
VISUAL PANEL
=====================================================================================================================================================
*/
.blog-visual-area   {margin:0px auto; padding:0px; float:left; margin-top:3px; width:100%; margin-bottom:10px; z-index:0; position:relative;}

.blog-visual-pic        {margin:0px auto; padding:0px; float:none; width:980px; height:auto;  border-bottom:3px solid #818285; padding-bottom:1px;}
.blog-visual-pic img    {max-width:100%; height:auto; padding-bottom:1px; }

.blog-visual-pic .pic-caption   {margin:0px auto; padding:0px; float:none; position:absolute; width:auto; background:#000; padding:15px; bottom:15px; left:10px; font-size:20px; color:#fff; opacity:0.8}



/*
=====================================================================================================================================================
BLOG LEFT PANEL
=====================================================================================================================================================
*/

ul.blog-list { padding:0; margin:0; }
ul.blog-list > li { padding-bottom:20px;  list-style:none; border-radius:0px;  /*-webkit-box-shadow:1px 1px 5px -1px rgba(0,0,0,.42);-moz-box-shadow:1px 1px 5px -1px rgba(0,0,0,.42);box-shadow:1px 1px 5px -1px rgba(0,0,0,.42);*/ width:100%; }
ul.blog-list li.tm-mng-bx{border:1px solid #efefef !important;margin:0 0 20px;}

/*ul.blog-list > li:last-child { background:none;border-bottom:none;}*/
/*.blog h2, .blog h2 a { color:#000 !important; font-weight:bold !important; }*/
.blog {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    float: left;
    list-style: none;
    word-break: break-word;
}
/*.blog .blog-pic   {/*width:200px;*/ height:auto; padding:0px; margin:0px auto; float:left; }*/
.blog .blog-detail, .home-blog-detail {word-break:break-word}
.blog .blog-detail a {color: #2d913a; text-decoration: underline;}

.blog img         { max-width:100%; /*width:100%;*/  height:auto !important; padding:0px; margin:0px auto; /*float:left;*/}
 
.blog .postedby   { margin:0px; padding:0px; color:#868686; float:left; font-size: 10pt;}
.blog .backbtn   {  width:15%; float:right; text-align:right; color:#009beb; }

.blog .backbtn a {    } 

.blog .readmore       {margin:10px auto; padding:10px 3px 0px 0px; margin:0px; float:right; text-transform:uppercase; font-size:13px; color:#aa1b0d}
.blog .readmore img   {border:none}

.blog-details table {width:100% !important; margin-bottom:25px !important;_border: 1px solid #e3e3e3 !important;}
.blog-details table tr td {padding:10px !important; vertical-align:top !important}

@media (max-width:575.98px) {
.blog-details {overflow-x: auto;overflow-y: hidden;}
.blog-details table {max-width: 100%;float:left !important}
.blog-details table tr td {padding:5px !important;}
.blog-details table tr td img { float:none !important;  margin-bottom:15px !important}
}

/*.blog .readmore a     { color:#aa1b0d;  text-decoration:none; text-transform:initial !important}
.blog .readmore a:hover    { color:#000;  text-decoration:underline;}
.blog .readmore a:hover fa { color: #000;}
.blog .readmore a fa{color:#aa1b0d;  text-decoration:none;}*/

.blog-tags {width:auto; padding:0px; margin:0px; }

.tags {width:auto; margin:0px; padding:0px; font-size:11pt; float:left; margin-right:0px;  }
.tags .fa {    }

ul.tag-list {list-style:none; padding:0px; margin:0px; margin-bottom:10px; display:block; }
ul.tag-list li {list-style:none; padding:0px 5px 0px 0px; margin:0px; margin-left:5px; font-size:12px; float:left; position:relative; /*border-right:1px solid #ccc;*/}
ul.tag-list li:last-child {border-right:0px solid #ccc;}
/*ul.tag-list li :before{content:""; position:absolute background:#646464; height:15px; width:1px; right:0px; margin:0px 5px}*/
ul.tag-list li a        {color:#dc1e2b;  }
ul.tag-list li a:hover  {text-decoration:underline;}
ul.tag-list li a u{text-decoration:none;}

.blog-networking {width:auto; padding:0px; margin:20px 0px;}
a.btn-primary span{color:#fff;}
@media (max-width:767px){ .blog .blog-pic{ width:auto !important; /*max-width:225px;*/ display:table; float:none; margin-right: auto !important; margin:15px 0 0 0}}

ul.network-list {list-style:none; padding:0px; margin:0px; color:#8d8d8d}
ul.network-list li {list-style:none; padding:0px 5px 0px 0px; margin:0px; display:inline-block; margin-left:10px;}


.twitter-share-button {width: 80px !important;}
.fb-share-button  { top:-7px;}

.links         {width:auto; padding:0px; margin:0px;  }
.links a       {color: #986722; text-decoration:none; }
.links a:hover {color:#000; /*text-decoration:underline;*/}

.links ul.links-list {list-style:none; display:table; font-size:11pt; padding:0px; margin:10px 0 5px 0; width: 100%;}
.links ul.links-list li {list-style:none; padding:0px 0px 5px 0px; margin:0px; margin-right:10px; display: inline-block;  line-height:16px; position:relative}
.links ul.links-list li:not(:last-child):after  {/*content:'|'; margin: 0 5px;*/}
.links ul.links-list li a{color:#dc1e2b  !important; }
.links ul.links-list li a:hover{text-decoration:underline;}
.links ul.links-list .fa-comments{margin-left:5px;}
/*Button Style*/


/*.linkbtn-bl-bdr a  {   font-size:13px; margin-right:5px;  border:1px solid #000; color:#000; 
                      -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:0px 10px; }
.linkbtn-bl-bdr a:hover {border:1px solid #000; color:#fff; background:#000} */

/*Search Button*/
.err{position:absolute; bottom:-18px; right:0px; font-size:13px; color:#c80000 !important; font-weight:500 !important}
.input-group > .form-control:not(:last-child) {border-radius: 0;}
.input-group .search-btn a {
    position: absolute !important;
    color: #dc1e2b !important;
    z-index: 99;
    right: 0px;
    top: 0px;
    
    height: 37px;
    padding: 7px 10px 4px;
    display: block;
    text-decoration: none;
    border-radius:0px !important;
    border:0px !important;
}

.input-group .search-btn a:active {color: #dc1e2b  !important;}

/*
=====================================================================================================================================================
BLOG RIGHT PANEL
=====================================================================================================================================================
*/


/******************************************************************************
REVIEW STYLE
******************************************************************************/
.reviews {width:100%; padding:0 0 10px; margin:0 0 10px; font-weight:500 !important; float:left; display:block; border:1px solid #ebebeb; border-width:0px 0px 1px 0px; line-height:1.6 !important}
.reviews:last-child {width:100%; padding:0px; margin:0px !important; float:left; display:block; border:none; border-width:0px 0px 1px 0px;  }
.reviews .border-comment{border-left: #ddd 1px solid;}


.reviews h3 {color:#009beb; font-size:15px; text-transform:uppercase; margin-bottom:5px}
.blog-date  {width:auto; padding:0px; margin:0px;}
@media(max-width:767px){
.reviews .border-comment{border-left: #ddd 0px solid;}
}

.reviewleft ul.star {list-style:none; padding:0px; margin:0px 3px 0px 0px; display:inline-block; width:100%}
ul.star {list-style:none; padding:0px; margin:0px 3px 0px 0px; display:inline-block;}
ul.star li {list-style:none; padding:0px; margin:0px; display:inline-block;}
ul.star li.filledstart {background:url(images/star.png); height:16px; width:16px; margin:0px; padding:0px;}

.blog-bodycontainer .left-pan table{border:0;}
/*new*/
.blog-section .blog-form{ background:#feb129}
.blog-section .blog-form input{background:transparent; border:1px solid rgba(0,0,0,.2)}
.blog-section .verification_box .captcha-code input {border: 1px solid rgba(0,0,0,.2) !important}
.blog-section .captcha-img img{ background-color:red !important; border-radius:5px !important}
/*.blog-section h2{font-size:1.3rem !important; color:#000 !important; font-weight:normal !important;}*/
/*.blog-section h2 a{color:#000 !important; text-decoration:none !important}
.blog-section h2 a:hover{ text-decoration:none !important}*/
.blog-section h3{font-size:1.4rem !important; margin-bottom: .05rem; margin-top: 1.05rem; color: #0d1a3d !important; font-weight:600 !important}
.author{-ms-flex: 0 0 150px;flex: 0 0 150px; max-width:150px;padding-left:25px !important; text-align:center !important }
/*.author img{width:150px;}*/
.blog-section .author p{ margin-bottom:0px !important; text-align:center; }
.blog-section img{border-radius:0px; /*margin:0 auto !important*/max-width:100%}
.blog-section p{ margin-bottom:10px !important; word-break:break-word !important}
/*.blog-section a{color: #2d913a; text-decoration: underline;}*/
.blog-section .verify-box input{ width:120px; margin:0px 10px;}
.blog-section .verify-box img{border:0px !important}
.blog-details-sec label{margin-bottom:0px !important}
.blog-details-sec .form-group{ margin-bottom:15px !important}
.blog-details-sec textarea{ resize:none !important}
.blog-details-sec .blog-pic  {max-width: 475px !important; width: 45% !important; margin: 0px 20px 10px 0 !important;}
.blog-section .search-result h3{ font-weight:600 !important; font-size:17px; color:#543a15}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333 !important;}
::-moz-placeholder { /* Firefox 19+ */color: pink !important;}
:-ms-input-placeholder { /* IE 10+ */color: pink;}
:-moz-placeholder { /* Firefox 18- */color: pink;}

.btn-gray{border-radius:50rem !important; border:1px solid #212529; color:#212529; }
.blog-section ul.social_media li{margin-right:5px !important;}
.blog-section ul.social_media .fa{background: #dc1e2b; width:35px !important; font-size:18px !important; height:35px !important; line-height:35px !important; color:rgba(255,255,255,1) !important}
.blog-section ul.social_media .fa:hover{ color:#fff}
input.rounded-pill:hover{background:#000;}
@media(min-width:1440px) {
.blog-details-sec .blog-pic {max-width: 525px;}
}

@media(max-width:991px) {
.blog-details-sec .blog-pic  {display:block !important;width: 100% !important; max-width: initial !important;margin: 0px 0 15px 0 !important;}
h2{font-size:20px !important;}
}

@media(max-width:767px) {
.blog .readmore{ display:block !important; float:none !important; margin:20px 0px !important}
.author{ padding-left:0px !important; text-align:left !important}
.blog-section .author p{ text-align:left !important}
h2{font-size:18px !important;}

}

@media(max-width:767px) {
.blog-section h2 {font-size:1.05rem !important; }
}

/*new*/
body{font-weight:500 !important}
.blog-box .box-details{font-weight:500 !important; margin-bottom:25px}
.blog-box .box-details img{border-radius: 0.5rem; border:1px solid #f4f4f4}
.blog-box .box-details .tag-list-date{ margin-top:7px; display:block !important;}
.blog-box .box-details h2{font-size:20px !important; margin-left:5px; line-height:1.5 !important; font-weight:600 !important}
.blog-box .box-details a{text-decoration:none !important}
.blog-box .box-details p.content {margin-left:5px;}
.blog-box .box-details a:hover{color:#000 !important}
.blog-right .form-control{background:#ddd; border:0px !important; border-radius:.3rem !important}
ul.recent{margin-left:5px !important; font-weight:500 !important}
.border-btn-white {background:#fff !important; font-size:17px !important; text-transform:initial !important; font-weight:600; color:#dc1e2b; padding:}
.border-btn-white:hover{background:#000 !important; color:#fff !important}
/*details*/
.blog-details-box{margin:0 0 20px; padding:20px !important;font-weight:500 !important}
.breadcrumb-item{text-decoration:none !important}
.search-text h3{color:#dc1e2b !important}
.margin-left-neagtive{margin-left:-50px !important}
.blog-details-box h1{font-size:2.3rem !important; line-height: 1.2;}
/* .blog-details-box h2{font-size:2.15rem !important} */
/* .blog-details-box a{color:#003f85; text-decoration:underline} */
.blog-details-box a:hover{color:#000 !important}
.blog-details-box a.btn-danger{color:#fff !important;text-decoration:none !important}
.section-pic{display:none !important}
.blog-head .text-white{background:#ddd !important; color:#000 !important}
.fa-whatsapp:hover{background: #4AC959 !important;}
.fa-linkedin:hover{background:#0275b5 !important;}
.fa-envelope:hover{background:#0970b9 !important;}
@media(max-width:767px) {
    .margin-left-neagtive{margin-left:0px !important}
    .blog-head div{background:none !important}
}
@media(max-width:767px) {
.blog-box .box-details h2,.blog-details-box h1{font-size:20px !important;}
.blog-details-box{padding:10px !important}
}
@media(min-width:992px) {
    .blog-pic{float:right}
}

.news-cards .card{overflow:hidden}
 
.recent-blogs a{display:flex;align-items:flex-start;margin-bottom:1rem;text-decoration:none;}
.recent-blogs .blog-pic{width:100px;flex-shrink:0;}
.recent-blogs .blog-data{padding-left:1rem;font-size:10.2pt;}
.recent-blogs .blog-data .blog-title {margin-bottom:0rem;font-weight:600;}
.recent-blogs .blog-data .blog-date {margin-bottom:0rem;color:#212529}