/*

 * 01 Genral style 
 **  1.1 SVG default css    
 **  1.2 Button style
 **  1.3 Form style
 **  1.4 mCustom Scrollbar style
 **  1.5 Slick slider navigators style

 * 02 Header style 
 * 03 Homepage content part
 * 04 Footer Style
 * 05 Model Popups
 * 06 CMS Content Style
 * 07 Inner Pages



*/

/*

font-family: 'Frank Ruhl Libre', serif;
font-family: 'Karla', sans-serif;

 */

/* 01 Genral style */
*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; 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: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
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;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}
.ui-widget{font-family: 'Karla', sans-serif;}
.pink_text{color: #ff0066 !important;}
/* 1.1 SVG default css*/
svg:not(:root).svgImg { overflow: visible }
.svgImg { display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align: -.125em; }
.svg-icons { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }
/*SVG default css*/
.mCS_no_scrollbar_y{margin-right: 0 !important;}
.container{width: 100%; max-width: 1200px;}
.imgMain{position: relative;}
.absoImg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.padding-0{padding: 0 !important}
.wrapper{display:block; width:100%;max-width: 1920px; margin: auto; overflow:hidden; min-height: 100vh;}
img{ display: block; max-width:100%; max-height:100%; width:auto; height:auto}
html{font-size:16px;}
body{display:block; width:100%; padding:0; margin:0; font-family: 'Karla', sans-serif; font-weight:400; line-height:1.4; color:#4f5b6d; background-color:#f8fafb;}
p{line-height:1.8;font-size: 1.0625rem;color:#666666;font-weight:400;margin-bottom:1rem;}
p:last-child{margin-bottom:0;}
a{color: #3c3c3c;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;}
a:hover{color: #4ab7c3;}
.trans{-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.text-uppercase{text-transform: uppercase !important;}

/* 1.2 Button style */
.btn:focus{box-shadow: none;}
.btn{display:inline-block;vertical-align:middle;min-width: 200px;padding: 0.6875rem;background-color: #215561; font-family: 'Karla', sans-serif; color:#ffffff;border: 2px solid #215561; font-size: 1.0625rem;line-height:1.4;font-weight:700;text-align:center;text-decoration:none;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative;text-transform: uppercase;border-radius: 0;}
.btn .icon{vertical-align: middle; margin-left: 5px;font-size: 0.9375rem;}
.btn:hover, .btn.active{background-color: transparent; color: #215561;}
.btn-pink{background-color:#ff0066}
.btn-pink:hover, .btn-pink.active{background-color: #282562}

.btn-lg{font-size: 1.275rem; min-width: 377px;}
.btn-full{width: 100%; text-align: center;}

.btn-blue{border: 2px solid #282562; background: #282562; color: #fff}
.btn-blue:hover, .btn-blue.active{background: transparent; color: #282562;}

.btn-white{border: 2px solid #fff; background: #fff; color: #2a00f7}
.btn-white:hover, .btn-white.active{background: #transparent; border-color:#ffffff;  color: #fff;}

.btn-dark{background-color: #252122; border-color: #252122; color: #fff}
.btn-dark:hover{color: #252122}

.btn-border{ background-color: transparent; color: #ffffff;border-color: rgb(255 255 255 / 20%);}
.btn-border:hover, .btn-border.active{color: #215561; background-color: #fff;border-color: #fff;}

.btn-blue.btn-border{border-color: #282562; color: #282562}
.btn-blue.btn-border:hover, .btn-blue.btn-border.active{background-color: #282562; color: #fff;}

.btn-light-gray{background: #f9f9f9; color: #999999; }
.btn-light-gray:hover, .btn-light-gray.active{color: #fff; background: #ff0066;}

.btn-border-blue{border-color: #282562;}
.btn-sm{font-weight: 500; font-size: 1rem; text-transform: none; padding:1rem 1.875rem;}
.btn-md{min-width: 212px; font-weight: 500; font-size: 1.25rem; text-transform: none; padding:0.875rem;}

.btn:not(:last-child){margin-right: 15px;}

/* 1.4 mCustom Scrollbar style */
.mCustomScrollBox{position:relative;overflow:hidden; width: 100%; height:100%;max-width:100%;outline:0;direction:ltr}
.mCSB_container{height:auto;overflow:hidden;width:auto;margin-right:28px}
.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;height:30px;width:100%;z-index:1}
.mCSB_dragger_bar{background-color:#b5b7bb;height:100%;margin:0 auto;width:6px;text-align:center;position:relative;border-radius:6px}
.mCSB_draggerRail{width:3px;height:100%;margin:0 auto;background-color:#e0e2e6; border-radius: 6px; border:1px solid #dbdcdf; }

/* 1.5 Slick slider navigators style */
.slick-slider:focus, .slick-arrow:focus, .slick-slide:focus{outline: none;}
.slick-dots{display: block; width: 100%; text-align: left; list-style: none; margin:10px 0;}
.slick-dots li {display: inline-block; margin: 0 0.1875rem; font-size: 0; width: 1.125rem; height: 1.125rem; background-color: transparent;border: 0.1875rem solid #1a1a1a;   border-radius: 50%;   cursor: pointer;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;opacity: 0.20;}
.slick-dots li.slick-active,.slick-dots li:hover {background-color: transparent;border-color: #76bcc4;opacity: 1;}
.slick-dots li button{display:none}

.slick-arrow{position: absolute; left: 0; top: 0; bottom: 0;  font-size: 0; z-index: 12; cursor: pointer;  opacity: 0.5;}
.slick-arrow.slick-next{right: 0; left: inherit;}
.slick-arrow{width: 40px;height: 40px;background-color: transparent;position: absolute;top: 0;bottom: 0;margin: auto;transition: all 0.4s ease-in-out;text-align: center;}
.slick-arrow:after{content: ''; width: 16px;height: 16px; border-bottom: 3px solid #fef9ee; border-left: 3px solid #fef9ee; position: absolute; transform: rotate(45deg); right: 48px; top:0; bottom: 0; margin-top: auto; margin-bottom: auto;}
.slick-arrow.slick-prev:after{right: 0;left: 48px;}
.slick-arrow.slick-next:after{ right: 25px; border-left: none; border-right: 3px solid #fef9ee; transform: rotate(-45deg);}
.slick-arrow:hover{opacity: 1;}
.slick-arrow.slick-prev:before{left: 22px;}
.slick-arrow.slick-next:before{right: 0;}
.slick-arrow:hover:{background-color: transparent;border-color: #ec6f05;}
.slick-arrow:hover:after{border-bottom-color: #ec6f05; border-left-color:#ec6f05; border-right-color: #ec6f05;}

/* Header */
.headerMain{width: 100%; display: flex; align-items: center; vertical-align: middle;background: #fff;}
.headLeft{float: left; min-width: 200px; width: 20%; flex: 0 0 auto;}
.headRight{width: 80%;}
.siteLogo{display: block;vertical-align: middle;max-width: 325px;margin: auto; padding: 15px;}
.headerMenu{border-left: 1px solid #d1e3e5;}
.topHed{background: rgb(74 183 195 / 75%);font-weight: 600;color: #ffffff;margin-bottom: 0;padding: 10px;text-align: center;letter-spacing: 0.2px;font-size: 1rem;}
.topHed p{font-weight: 600;color: #ffffff;letter-spacing: 0.2px;font-size: 1rem;}
.topHed a{color: #fff;text-decoration: underline;transition:all 0.4s ease-in-out;}
.topHed a:hover{color: #162542;}
.bottemHed{text-align: right;}
.menuMain{float: left;display: block;vertical-align: middle;text-align: left;padding-left: 2.750%;width: 100%;margin: 0;font-size: 0;}
.nevbar ul li{display: inline-block;vertical-align: middle;font-weight: 700;font-size: 1.0625rem;line-height: 1.6;color: #162542;padding: 0 1.5%;margin: 0;}
.nevbar ul li a{display: block;padding: 30px 5px; position: relative;}
.nevbar ul li a:before{content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 0; transition: all 0.4s ease-in-out; margin: auto;}
.nevbar ul li.current-menu-item a:before, .nevbar ul li a:hover:before{width: 100%; height: 3px; background-color: #77c9d2;}
.nevbar ul li.current-menu-item a, .nevbar ul li a:hover{color: #4ab7c3;}



.sidebar-overlay {    height: 100vh; visibility: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background: #000;z-index: 9999;transition: visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);}
.m_menuLogo { display: none;}
.menuIcon {display: none;width: 2.125rem;height: 2.125rem; position: relative; padding: 0;z-index: 100;position: relative;vertical-align: middle;cursor: pointer;}
.menuIcon span {width: 1.125rem;height: 3px;background: #000;position: absolute;top: 0;bottom: 0;left: -0.1875rem;display: inline-block;right: 0;margin: auto;}
.menuIcon span:before {content: "";width: 1.5rem;position: absolute;top: -0.5rem;left: 0;right: 0;height: 3px;background: #000;}
.menuIcon span:after {content: "";width: 1.5rem;position: absolute;bottom: -0.5rem;left: 0;right: 0;height: 3px;background: #000;}
.menuIcon.menu-close span {background-color: transparent}
.menuIcon.menu-close span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0;}
.menuIcon.menu-close span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;bottom: inherit;}


.headCall { border-right: 1px solid #d1e3e5; text-align: center;}
.callBtn{display: inline-block;vertical-align: middle;margin: 0;padding: 1.125rem 0;text-align: left; padding-left: 3.25rem; position: relative;}
.callBtn .icon{height: 1em; font-size: 2.5rem;color: #215561;vertical-align: middle; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.callBtn span{display: inline-block;vertical-align: middle;font-weight: 700;font-size: 0.9375rem;color: #666666;line-height: 1.2;text-transform: uppercase;}
.callBtn .phoneNumber{display: block; font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.375rem;color: #162542;line-height: 1.4;}
.callBtn:hover .phoneNumber{color: #77c9d2;}



/* Banner */
.bannerSec{display: block;width: 100%;position: relative;z-index: 1;}
.banner-img img{min-width: 100%;}
.bannerCon{width: 100%;max-width: 37%;position: absolute;  top: 50%;transform: translateY(-50%);z-index: 99;text-align: left;padding: 1.25rem 0;}
.bannerSec.InnerSec .bannerCon{max-width: 100%; left: 0; right: 0;}
.bannerCon .smallHed{color: #fff;}
.bannerCon .smallHed:after{background: #fff;}
.bannerHed{display: block;font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 6.25rem;color: #ffffff;line-height: 1.1;padding: 10px 0;letter-spacing: -3px;}
.bannerCon p{font-weight: 400;font-size: 1.5rem;color: #fff;line-height: 1.6;margin: 15px 0;padding-bottom: 20px;}
.bannerCon .banner-btn1{background: #76bcc4;min-width: 14.875rem;padding: 0.875rem;transition:all 0.4s ease-in-out;border-color: #76bcc4;}
.bannerCon .banner-btn1:hover{background: transparent;border-color: #76bcc4;color: #76bcc4;}
.bannerCon .banner-btn2{background: transparent; min-width: 10.875rem;padding: 13px;border: 2px solid #ffffff;opacity: 0.5;}
.bannerCon .banner-btn2:hover{background: #76bcc4;border-color: #76bcc4;color: #fff;opacity: 1;}

/* category */
/*.catList{padding-bottom: 55px;}*/
.catList div[class^='col-']:not(:first-child) .catBox{border-left: none;}
.catBox{display: inline-block;vertical-align: top;width: 100%;background: #fff; padding: 50px 65px;border: 1px solid #d2d5db;text-align: center;position: relative;overflow: hidden;z-index: 0; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.catImg{display: block;width: 100%;padding-bottom: 33%;position: relative;transition: all 0.4s ease-in-out;overflow: hidden;}
.catImg img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.4s ease-in-out;cursor: pointer;}
.catCon{padding: 12px 0;}
.catTitle{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.875rem;color: #162542;line-height: 1.4;padding: 10px 0;}
.catCon p{padding-bottom: 7px;}
.catCon .btn{min-width: 50px;background: #eff0f2;color: #162542;border-color: #eff0f2;}
.catCon .btn .icon{margin: 0;}
.catBox:before{content: '';position: absolute;left: 0;top: 100%;width: 100%;bottom: 0;background-color: #215561;z-index: -1;visibility: hidden;opacity: 0;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.catBox:hover:before{visibility: visible;opacity: 1;top: 0;}
.catBox:hover{border-color: #215561;box-shadow: 0px 2px 50px 0px rgba(22, 37, 66, 0.6); z-index: 999;}
.catBox:hover .catTitle, .catBox:hover .catCon p{color: #fff;}
.catBox:hover .catCon .btn{background: #76bcc4;border-color: #76bcc4;}

/* About */
.commonSec{display: inline-block;vertical-align: top;width: 100%;background: #f8fafb;padding: 120px 0;position: relative;z-index: 12;}
.aboutMain{padding-right: 20px;}
.smallHed{display: inline-block;vertical-align: middle; font-weight: 700;font-size: 1.375rem;color: #76bcc4;line-height: 1.4;margin-bottom: 16px;position: relative;padding: 0 82px;}
.smallHed:after{content: "";width: 51px;height: 3px;background: #76bcc4;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.secTitle{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 3.125rem;color: #162542;line-height: 1.1;letter-spacing: -2px;text-transform: uppercase;margin-bottom: 1rem;}

.aboutSec{padding-top: 75px;}
.aboutMain .secTitle{max-width: 400px;}
.aboutMain .secPre{margin: 30px 0; display: block;}
.aboutMain .btn{min-width: 178px;margin-top: 20px;padding: 14px;}
.aboutList{display: flex; flex-wrap: wrap; vertical-align: middle; margin: 0 -15px;padding: 0;}
.aboutBox{width: 50%;float: left;padding: 15px;}
.aboutInnerBox{width: 100%;height: 100%; display: block;background: #ffffff;text-align: center;transition:all 0.4s ease-in-out;padding: 40px 30px;}
.aboutIcon{display: block;width: 100%;padding-bottom: 54%;position: relative;overflow: hidden;}
.aboutIcon img{position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto;}
.aboutTitle{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.375rem;color: #162542;line-height: 1.2;margin-bottom: 10px;}
.aboutInnerBox:before{content: ""; position: absolute; left: 0; right: 0; bottom: -4px; width: 0; height: 0; background: #76bcc4; margin: auto; transition: all 0.4s ease-in-out;}
.aboutInnerBox:hover{box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.1);transform: translateY(-15px);}
.aboutInnerBox:hover:before{height: 4px; width: 80%;}

.applySec{width: 100%;background: url(../img/apply-bg-img.png) no-repeat left top #215561;background-size: cover;text-align: center;padding: 35px 0;}
.applySec p{display: inline-block;vertical-align: middle;font-family: 'Frank Ruhl Libre', serif;font-weight: 400;font-size: 1.875rem;color: #fff;line-height: 1.2;margin-bottom: 0;text-transform: uppercase;padding-right: 35px;}

/* Testimonial */
.testSec{background: #fff;}
.testSec .smallHed:before, .blogSec .smallHed:before{content: "";width: 51px;height: 3px;background: #76bcc4;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.testMain{padding-top: 55px;}
.testList{padding: 40px;/* padding-right: 0; */width: 100%;background: url(../img/test-slide-icon.png) no-repeat right 50px top 80px;}
.testPre{font-family: 'Frank Ruhl Libre', serif;font-weight: 400;font-size: 1.875rem;color: #162542;line-height: 1.6;letter-spacing: -1px;}
.testPre:before{content: '"'; position: relative; top: -0.5rem; font-weight: 400; display: inline-block;}
.testPre:after{content: '"'; position: relative; top: -0.5rem; font-weight: 400; display: inline-block;}
.userIcon{display: inline-block;vertical-align: middle;width: 65px;height: 65px;border-radius: 60%;overflow: hidden;}
.userIcon img{width: 100%;}
.userCon{width: calc(100% - 70px);display: inline-block;vertical-align: middle;padding-left: 18px;}
.userInfo{padding: 55px 0;}
.userName{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.5rem;color: #162542;line-height: 1.4;padding-bottom: 5px;}
.userDeg{font-weight: 500;font-size: 1.0625rem;color: #666666;line-height: 1.2;}

/* contact */
.contactForm{display: block;background: #fff;width: 100%;margin-bottom: -145px;}
.contactInner{background: #fff;padding: 45px 75px;margin: 0 -75px;box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.07);position: relative;z-index: 99;}
.input-group{padding: 15px 0;}
.form-control{width: 100%;background: #f3f4f5;font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.25rem;line-height: 1.65;color: #162542;padding: 16px 32px;border-radius: 0;-webkit-appearance: none;appearance: none;border: none;}
.form-control::-webkit-input-placeholder {color: #162542;}
.form-control::-moz-placeholder {color: #162542;}
.form-control:-ms-input-placeholder {color: #162542;}
.form-control:-moz-placeholder {color: #162542;}
.wpcf7-form-control-wrap{width: 100%; display: block;}
.wpcf7-form-control-wrap {display: block;position: relative;}
span.wpcf7-not-valid-tip {position: absolute;right: 0;top: -20px;width: auto;height: auto;margin: 0;line-height: normal;font: 11px/11px arial !important;background: #fb0101;padding: 5px 5px 4px;color: #fff !important;}
span.wpcf7-not-valid-tip:after {border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 8px solid #fb0101;content: " ";height: 0;left: 20px;margin-left: -10px;position: absolute;top: 100%;width: 0;}
.aboutContact .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{background: #fff;}


.input-group textarea.form-control{resize: none;height: 65px;}
select.form-control{background: url(../img/dropdown-arrow.png) no-repeat right 32px center #f3f4f5;background-size: 14px;}
.contactInner .btn{margin: 15px 0;padding: 18px;}
.form-control:focus{background-color: #f3f4f5 !important;border-color: #f3f4f5;outline: 0;box-shadow: none;}

/* Blog Section */
.blogSec{padding-top: 265px;}
.blogSec .secTitle:after{right: 0;margin: auto;}
.blogList{display: block;padding-top: 32px; font-size: 0; margin: 0 -15px;}
.blogBox{display: inline-block;vertical-align: top;position: relative;width: 33.33%;padding: 15px;}
.blogInnerBox{width: 100%;display: block;background: transparent;text-align: center;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.1); padding-bottom: 212px; position: relative; background: #fff; z-index: 12;}
.blogBox .blogImg{display: block;width: 100%;padding-bottom: 93.4%;position: relative;transition: all 0.4s ease-in-out;overflow: hidden;}
.blogImg img{width: 100%; height: 100%; position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.4s ease-in-out;object-fit: cover;}
.blogCon{text-align: left;padding: 32px; position: absolute; bottom: 0; left: 0; right: 0; background: #fff; transition: all 0.4s ease-in-out;}
.blogDate .icon{margin-right: 10px;}
.blogTitle{font-family: 'Frank Ruhl Libre', serif;font-weight: 500;font-size: 1.5rem;line-height: 1.3;color: #162542;margin: 12px 0;}
.blogDis{font-size: 1rem; height: 0; margin: 5px 0 15px;overflow: hidden; transition: all 0.4s ease-in-out;}
.blogCon .btn{min-width: 110px;font-weight: 700;font-size: 0.9375rem;line-height: 1.5;background: transparent;color: #666666;border-color: transparent;transition:all 0.4s ease-in-out;padding: 0;}
.blogInnerBox:hover{transition: all 0.4s ease-in-out;cursor: pointer;}
.blogInnerBox:hover{padding-bottom: 300px;}
.blogInnerBox:hover .blogImg{padding-bottom: 70%;}
.blogInnerBox:hover .blogImg img{transform: scale(1.5);}
.blogInnerBox:hover .blogCon{/* padding-top: 15px; */}
.blogInnerBox:hover .blogDis{height: 4em;}
.blogInnerBox:hover .blogTitle a, .blogInnerBox:hover .blogCon .btn{color: #76bcc4;}


/* Footer */
.footerMain{width: 100%;display: block;background: #215360;padding-bottom: 25px;}
.footInner{padding: 95px 0;}
.footBox{margin-bottom: 30px;}
.footlogo{max-width: 230px;margin-bottom: 50px;}
.footCon{color: #f6f8fa;padding-right: 25px;}
.footHed{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.375rem;line-height: 1.2;color: #f8f9f9;margin-bottom: 35px;}
.mainLink ul li{display: block;position: relative; padding: 15px 0;}
.mainLink ul li a{display: block; font-weight: 400;font-size: 1.0625rem;color: #f6f8fa;line-height: 1.4; position: relative;  padding-left: 15px;}
.mainLink ul li a:before{content: "";background: #76bcc4;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 0;top: 8px;bottom: 0;}
.mainLink ul li:first-child{padding-top: 0;}
.mainLink ul li:last-child{padding-bottom: 0;}
.mainLink ul li a:hover{color: #76bcc4;}

.socialIcon ul li{display: inline-block;vertical-align: middle;position: relative;margin: 0 7px;}
.socialIcon ul li:first-child{margin-left: 0;}
.socialIcon ul li a:hover{background: #fff;}
.socialIcon ul li:hover a{color: #215561;}
.socialIcon ul li a{display: inline-block; width: 35px;height: 35px;background: #76bcc4;border-radius: 50%; font-size: 0.875rem; color: #fff; transition: all 0.4s ease-in-out; text-align: center; line-height: 38px;}
.coninfoInner p, .coninfoInner p a{font-weight: 700;font-size: 1.0625rem;color: #aab5cc;line-height: 1.4;}
.conInfo{padding-left: 26px; position: relative;} 
.conInfo .icon{vertical-align: middle; font-size: 1.125rem;color: #76bcc4;padding-right: 10px; position: absolute; left: 0; top: 4px;}
.coninfoInner{padding: 5px 0;}
.coninfoInner p span.highlight{display: block; font-family: 'Frank Ruhl Libre', serif;font-weight: 700;padding-left: 0;color: #76bcc4;padding-top: 10px;}
.coninfoInner p a:hover, .copyRight p a:hover{color: #fff;}
.copyRight{background: #2b606e;padding: 20px 0;}
.copyRight p, .copyRight p a{font-weight: 400;font-size: 1.0625rem;line-height: 1.4;color: #76bcc4;text-align: center;transition: all 0.4s ease-in-out;}


/* Inner Page */
.InnerSec .bannerHed{font-size: 4.0625rem;text-transform: uppercase;margin-bottom: 8px;}
.breadcrumbList{font-size: 1.5rem;font-weight: 700;color: #fff;}
.breadcrumbList a, .breadcrumbList span.breadcrumb_last{display: inline-block;vertical-align: top;font-size: 1.5rem;font-weight: 700;color: #fff;padding: 0 6px;position: relative; color: #fff;transition: all 0.4s ease-in-out;}
.breadcrumbList a:first-child{padding-left: 0;}
/*.breadcrumbList li ~ li:before{content: ">";position: absolute;left: -8px;top: 0;bottom: 0;}*/
.breadcrumbList span.breadcrumb_last{color: #fff;}


.aboutImg{position: relative;z-index: 1;float: left;width: calc(50% - 30px);margin-right: 100px;margin-bottom: 30px;}
.aboutInner{background: #fff;}
.aboutInner .aboutCon{padding-top: 40px;padding-right: 10px;}
.aboutCon p{line-height: 1.9;}
.covidProtec p{font-weight: 600;font-size: 1.25rem;color: #162542;line-height: 1.6;font-style: italic;padding-top: 10px;}
.auCatBox{width: 100%;display: block;padding: 18px 0;border: none;background: transparent;}
.auCatBox:first-child{padding-top: 0;}
.auCatInnerBox{padding: 50px 35px;background: #fff;text-align: left;}
.auCatIcon{width: 80px;display: inline-block;vertical-align: middle;}
.auCatCon{width: calc(100% - 90px);display: inline-block;vertical-align: middle;padding-left: 24px;}
.auCatHed{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.5rem;color: #162542;line-height: 1.2;padding-bottom: 5px;}

.aboutContact{background: #215561;margin-left: 70px;padding: 42px 55px;}
.formTitle{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.875rem;color: #fff;line-height: 1.2;text-transform: uppercase;}
.aboutContact p{color: #fff;margin-bottom: 6px;}
.aboutContact .form-control{font-weight: 500;font-size: 1.0625rem;color: #fff;background: transparent;border: 2px solid #29616e;padding: 14px 16px;}
.aboutContact .form-control::-webkit-input-placeholder {color: #fff;}
.aboutContact .form-control::-moz-placeholder {color: #fff;}
.aboutContact .form-control:-ms-input-placeholder {color: #fff;}
.aboutContact .form-control:-moz-placeholder {color: #fff;}
.aboutContact .btn{background: #77c9d2;font-size: 0.9375rem;margin-top: 10px;padding: 20px;} 
.aboutContact .input-group textarea.form-control{resize: none;height: 110px;}
.aboutContact .form-control:focus{background-color: transparent !important; outline: 0;box-shadow: none;}

.aboutContact .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{border-color: #fff;color: red;margin: 0;border: 1px solid #fff;line-height: 1.2;}

/* Blog Inner page */
.blogInnList{padding-right: 76px;}
.blogIngBox{width: 100%; display: inline-block;vertical-align: middle;padding: 15px 0;}
.blogIngBox:first-child{padding-top: 0;}
.blogIngInnerBox{display: block; width: 100%;background: #fff;transition: all 0.4s ease-in-out;box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.06);}
.blogIngImgMain{display: block; position: relative;}
.blogIngBox .blogIngImg{display: block;width: 100%;padding-bottom: 60.75%;position: relative;transition: all 0.4s ease-in-out; overflow: hidden;}
.blogIngImg img{width: 100%; position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.4s ease-in-out;object-fit: cover;}
.publisText p{font-weight: 700;}
.blogIngCon{padding: 40px;padding-bottom: 0;position: relative;}
.blogIngCon .blogTitle{font-size: 1.75rem;margin: 15px 0;line-height: 1.5;}
.blogPer{margin-bottom: 1.5rem;}
.blogIngCon .blogMeta{display: flex; justify-content: space-between; border-top: 2px solid #eff0f2;padding: 20px 0;position: relative;}
.blogIngCon .blogMeta .blogDate{display: inline-block; font-weight: 500;font-size: 0.9375rem;margin-bottom: 0;}
.blogIngInnerBox:hover{box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.16);}
.blogIngInnerBox:hover .blogIngImg img{transform: scale(1.16);}
.blogIngInnerBox:hover .blogTitle a{color: #77c9d2;} 
.blogIngInnerBox:hover .scrollLeft{background-color: #215561; color: #fff;} 

.scrollLeft{position: absolute;right: 40px;bottom: -25px;width: 3.75rem;height: 3.75rem;background-color: #fff;  border-radius: 50%;z-index: 12;cursor: pointer;color: #162542;font-size: 1.125rem;margin: auto;text-align: center;line-height: 4.125rem;box-shadow: 0px 10px 60px 0px rgba(22, 37, 66, 0.15); transition: all 0.4s ease-in-out;}
.newsshare {display: inline-block;vertical-align: middle;text-align: right;width: auto; position: relative;}
.newsshare .icon{vertical-align: middle;margin-right: 0.5rem;color: #666;font-size: 0.9375rem;}
.newsshare span{display: inline-block;font-size: 0.9375rem;font-weight: 500;color: #666666;}
.sharebox .dropdown-menu{border: 0;left: 50%;right: 0; top: 100%; transform: translateX(-50%);padding: 0;box-shadow: 0 0 0.6rem 0 rgb(0 0 0 / 10%);border-radius: 0;min-width: 8rem;transition: background 0.4s ease-in-out;}
.sharebox .dropdown-item{padding: 0.5rem 0.5rem;border-bottom: 0.1rem solid #e7e9ec;transition: all 0.4s ease-in-out;background: #fff;padding-left: 1rem;position: relative;font-size: 1rem;}
.dropdown-item {display: block;width: 100%;padding: .25rem 1rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;text-decoration: none;white-space: nowrap;background-color: transparent;border: 0;}
.sharebox:hover .dropdown-menu {display: block;}
.sharebox .dropdown-item:hover, .sharebox .dropdown-item:focus{background-color: #f8fafb;}
.sharebox .dropdown-item .icon-facebook{color: #334c8b;}
.sharebox .dropdown-item .icon-twitter{color: #16c6f9;}
.sharebox .dropdown-item .icon-youtube{color: #f00;}

.widget.widget_search{background: #215561;padding: 27px 38px 30px 30px;}
.searchBox label, .widget.widget_search  .widget-title{display: block;font-family: 'Frank Ruhl Libre', serif;font-weight: 500;font-size: 1.5rem;color: #fff;line-height: 1.2;}
.searchHere{display: block;background: #ffffff;padding: 8px; position: relative;margin-top: 15px;}
.search-field{width: 100%;font-weight: 500;font-size: 1.125rem;color: #666666;line-height: 1.4;padding: 10px 15px;padding-right: 45px;}
.search-submit{position: absolute;right: 8px;top: 8px;bottom: 0;color: #fff;background: #77c9d2;width: 45px;height: 45px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;}

.widget:not(.widget_search){padding-top: 27px;padding-bottom: 20px;}
.widget:not(.widget_search) .widget-title{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.5rem;color: #162542;line-height: 1.2;border-bottom: 1px solid #e7e9ec;position: relative;padding: 25px 0;margin-bottom: 20px;}
.widget:not(.widget_search) .widget-title:after{content: "";background: #77c9d2;width: 55px;height: 2px;position: absolute;left: 0;bottom: 0;}
.rpwwt-widget ul li{padding: 10px 0; margin: 0;}
#rpwwt-recent-posts-widget-with-thumbnails-2 img{display: inline-block;vertical-align: middle;width: 75px;height: 75px; object-fit: cover; background: #dad9df;margin: 0;margin-right: 20px;}
.sideBarCon{display: inline-block;vertical-align: middle;width: calc(100% - 80px);padding-left: 16px;}
.widget ul li .rpwwt-post-title{display: block;font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.125rem;color: #162542;line-height: 1.3;min-height: 52px; transition: all 0.4s ease-in-out;}
.widget ul li .rpwwt-post-date{font-weight: 500;font-size: 0.8125rem; margin-top: 5px;}
.widget ul li .rpwwt-post-date:before{    content: "\e900"; display: inline-block; font-family: 'jon-clark-law' !important;line-height: 1;margin-right: 10px;}
.widget ul li a:hover .rpwwt-post-title{color: #77c9d2;}

.freequote{width: 100%;padding: 70px 60px 55px;position: relative;background: url(../img/blog-line.png) no-repeat center center #215561;}
.quoteHed{font-weight: 600;font-size: 1rem;color: #fff;line-height: 1.6;margin-bottom: 10px;}
.freequote p{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.875rem;color: #fff;line-height: 1.5;margin: 15px 0;padding-bottom: 10px;}
.freequote .btn{background: #77c9d2;min-width: 176px;font-size: 0.9375rem;border-color: #77c9d2;padding: 0.9375rem;transition: all 0.4s ease-in-out;}
.freequote .btn:hover{background: #fff;border-color: #fff;}

.pagination{padding-top: 50px;}
.blogInnList .nav-links{display: flex;}
.page-numbers{display: inline-block;width: 45px;height: 45px;background: transparent;border: 2px solid #eff0f2; border-radius: 50%;font-size: 1.125rem;font-weight: 700;color: #666;transition: all 0.4s ease-in-out;text-align: center;line-height: 42px;margin: 0 3px;transition: all .4s ease-in-out;}
.page-numbers.current, .page-numbers:hover{background: #215360;color: #fff;}
.next.page-numbers, .prev.page-numbers{position: relative;font-size: 0;}
.next.page-numbers:after{content: ""; width: 12px;height: 12px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);position: absolute;top: 0;bottom: 0;left: -2px;right: 0;margin: auto;}
.prev.page-numbers:after{content: ""; width: 12px;height: 12px; border-bottom: 2px solid #666; border-left: 2px solid #666; transform: rotate(45deg);position: absolute;top: 0;bottom: 0;left: 0;right: -2px;margin: auto;}
.next.page-numbers:hover:after, .prev.page-numbers:hover:after{border-color: #fff;}


.servicesList .blogIngInnerBox{padding-bottom: 40px;background: transparent;box-shadow: none;border: 1px solid #e7e9ec;}
.servicesList .blogIngBox .blogIngImg{padding-bottom: 50%;}
.servicesList .blogIngBox .blogIngImg img{width: 100%;}
.blogIngInnerBox .cmsCon{padding: 40px 45px;} 
.cmsCon{display: block;}
.cmsCon p{line-height: 1.9;}
.cmsCon p strong{font-weight: 600;font-size: 1.125rem;color: #162542;font-style: italic;}

.cmsCon h1{ display: block;font-family: 'Frank Ruhl Libre', serif; font-size: 3rem; font-weight: 700; color: #162542;line-height: 1.3;letter-spacing: -0.5px;margin-bottom: 15px;}
.cmsCon h2{ display: block;font-family: 'Frank Ruhl Libre', serif;font-size: 2.625rem; font-weight: 700; color: #162542; line-height: 1.3;letter-spacing: -0.5px;margin-bottom: 18px;}
.cmsCon h3{display: block;font-family: 'Frank Ruhl Libre', serif;font-weight: 700; font-size: 2rem; color: #162542; line-height: 1.3;letter-spacing: -0.5px;margin-bottom: 18px;}
.cmsCon h4{ display: block;font-family: 'Frank Ruhl Libre', serif;font-size: 1.75rem; font-weight: 700; color: #162542;line-height: 1.3;letter-spacing: -0.5px;margin-bottom: 15px;}
.cmsCon h5{ display: block;font-family: 'Frank Ruhl Libre', serif;font-size: 1.55rem; font-weight: 400; color: #162542; line-height: 1.3;letter-spacing: -0.5px;margin-bottom: 12px;}
.cmsCon h6{ display: block;font-family: 'Frank Ruhl Libre', serif;font-size: 1.125rem; font-weight: 400; color: #162542; line-height: 1.3;letter-spacing: -0.5px;margin-bottom: 12px;}

.sersideBarItem{background: #eff0f2;padding: 40px 50px;margin-bottom: 25px;}
.serSideHed{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.5rem;line-height: 1.4;color: #162542;margin: 12px 17px;padding-bottom: 10px;}
.sersideBarItem ul li{padding: 5px 0;}
.sersideBarItem ul li a{display: block;font-weight: 700;font-size: 1.125rem;color: #162542;line-height: 1.4;padding: 10px 18px;transition: all 0.4s ease-in-out;}
.sersideBarItem ul li.current-menu-item a, .sersideBarItem ul li a:hover{background: #fff;}


/* Contact Us */
.contactSec{background: #fff;}
.getTitle{font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 2.25rem; color: #162542;line-height: 1.2;margin-bottom: 10px;text-transform: uppercase;letter-spacing: -2px;}
.getInfo{padding: 25px 0;}
.getInn{display: block; width: 100%; border-bottom: 1px dashed #dfdfe0; position: relative; padding: 39px 0;}
.getInn:first-child{padding-top: 0;}
.getInn .infoIcon{display: inline-block; vertical-align: middle; width: 55px;height: 55px; background: #215561; z-index: 999; position: relative;}
.getInn.mailInfo .infoIcon, .getInn.clockInfo .infoIcon{background: #77c9d2;}
.getInn .infoIcon .icon{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 1.5rem; color: #ffffff; text-align: center;line-height: 54px; }
.getCon{display: inline-block; vertical-align: middle; width: calc(100% - 65px);font-family: 'Frank Ruhl Libre', serif;font-weight: 700;font-size: 1.375rem; line-height: 1.5; font-weight: 500; color: #162542;padding-left: 25px;}
.getCon a{color: #162542;transition: all 0.4s ease-in-out;}
.getCon a:hover{color: #77c9d2;}
.getCon .highlight{display: block;font-family: 'Frank Ruhl Libre', serif;font-weight: 700;padding-left: 0;color: #76bcc4;padding-top: 0;}

.mapSec{width: 100%;height: 100%;background: #fff;padding-bottom: 100px;}
.mapSec iframe{width: 100%;height: 590px;}


/* scroll Btn */
.scrollTop {display: none;position: fixed;right: 1rem;bottom: 1rem;width: 2.5rem;height: 2.5rem;z-index: 999;text-align: center;vertical-align: middle;border-radius: 50%;transition: background 0.4s ease-in-out;background: #215561;background-size: 200% auto;box-shadow: 0 0 32px 0 rgb(119 201 210 / 84%);}
.scrollTop span {border: solid #fff;border-width: 0 0.15rem 0.15rem 0; display: inline-block;padding: 0.3rem;transform: rotate(-135deg);-webkit-transform: rotate(-135deg); margin-top: 0.90rem;}
.scrollTop:after {content: "";width: 0.15rem;height: 1rem; position: absolute;left: 0; right: 0;margin: auto;background: #fff;margin-top: 0.90rem;}
.scrollTop:hover{background: #77c9d2;}
