@font-face {
    font-family: 'Arial';
    src: url('../Fonts/Arial-Black.eot');
    src: url('../Fonts/Arial-Black.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Arial-Black.woff2') format('woff2'),
        url('../Fonts/Arial-Black.woff') format('woff'),
        url('../Fonts/Arial-Black.ttf') format('truetype'),
        url('../Fonts/Arial-Black.svg#Arial-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial';
    src: url('../Fonts/ArialMT.eot');
    src: url('../Fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/ArialMT.woff2') format('woff2'),
        url('../Fonts/ArialMT.woff') format('woff'),
        url('../Fonts/ArialMT.ttf') format('truetype'),
        url('../Fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial';
    src: url('../Fonts/Arial-BoldMT.eot');
    src: url('../Fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Arial-BoldMT.woff2') format('woff2'),
        url('../Fonts/Arial-BoldMT.woff') format('woff'),
        url('../Fonts/Arial-BoldMT.ttf') format('truetype'),
        url('../Fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body { margin:0; font-family: 'Arial'; font-size: 18px; line-height: 26px; font-weight: normal; color: #000; }
h1 { font-size: 60px; line-height: 72px; font-family: 'Arial'; font-weight: 900; color: #000; }
h2 { font-size: 40px; line-height: 50px; font-family: 'Arial'; font-weight: 900; color: #000; margin-bottom: 20px; }
h3 { font-size: 32px; line-height: 40px; font-family: 'Arial'; font-weight: 900; color: #000; margin-bottom: 20px; }
h4 { font-size: 24px; line-height: 30px; font-family: 'Arial'; font-weight: 900; color: #000; margin-bottom: 15px; }
h5 { font-size: 18px; line-height: 24px; font-family: 'Arial'; font-weight: 900; color: #000; margin-bottom: 12px; }
h6 { font-family: 'Arial'; font-weight: 900; color: #000; margin-bottom: 12px; }
h1,h2,h3,h4,h5 { word-break: break-word; }
p { margin:0 0 24px 0; font-family: 'Arial'; font-size: 18px; line-height: 26px; font-weight: normal; color: #000; letter-spacing: 0.27px; }
p:last-child { margin-bottom: 0px; }
.btn-blue { font-size: 24px; line-height: 32px; border: none; outline: none; font-weight: bold; color: #fff; min-width: 318px; padding: 14px 10px; display: inline-block; text-align: center; background: #23a4d1; }
.btn-blue:hover { background: #00b1e6; color: #fff; }
.btn-yellow { font-size: 24px; line-height: 32px; border: none; outline: none; font-weight: bold; color: #000; min-width: 318px; padding: 14px 10px; display: inline-block; text-align: center; background: #f8e439; }
.btn-yellow:hover { background: #edd930; color: #000; }
.border-btn { font-size: 18px; font-weight: bold; color: #23a4d1 !important; border: 1px solid #23a4d1; line-height: 28px; padding: 15px 10px; display: inline-block; min-width: 318px; text-align: center; letter-spacing: 0.27px; }
.border-btn:hover { color: #fff !important; background-color: #23a4d1; }
.font-bold { font-weight: bold; }

.gray-bg { background-color: rgba(123,135,137,0.1); }
a { text-decoration: none; outline: none; }
a, button { transition: all 0.5s ease; }
a:hover { text-decoration: none;}
img { max-width: 100%; }
.container { max-width: 1254px; padding: 0 15px; }
#wrapper { height: 100vh; display: flex; flex-direction: column; }
#content { flex-grow: 1; }

.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 111; transition: all 0.5s ease;}
.header .container { max-width: 100%; padding: 0 72px; }
.header .header-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; padding: 26px 0; }
.header .navbar-nav { flex-direction: row; margin: 0 -20px; }
.header .navbar-nav > li { font-size: 18px; line-height: 40px; padding: 0 20px; font-weight: bold; }
.header .navbar-nav > li > a { color: #fff; display: inline-block; position: relative; }
.header .navbar-nav > li > a:before { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #fff; opacity: 0; transition: all 0.5s ease; }
.header.fixed .navbar-nav > li > a:before { background-color: #000; }
.header .navbar-nav > li > a.active:before,
.header .navbar-nav > li:hover > a:before { opacity: 1; }
.header .navbar-nav > li .dropdown-menu { margin-top: 44px; position: absolute; left: 50%; top: 100%; display: block; border-radius: 0; min-width: max-content; border: none; padding: 15px 20px; transform: translateX(-50%); transition: all 0.3s ease; opacity: 0; visibility: hidden; }
.header .navbar-nav > li .dropdown-menu > li { font-size: 18px; line-height: 30px; font-weight: normal; letter-spacing: 0.27px; }
.header .navbar-nav > li .dropdown-menu > li a { display: inline-block; color: #000; }
.header .navbar-nav > li .dropdown-menu > li a:hover,
.header .navbar-nav > li .dropdown-menu > li a.active { color: #23a4d1; }
.header .navbar-nav > li > .arrow { position: absolute; display: none; right: 15px; height: 26px; width: 26px; line-height: 26px; top: 7px; text-align: center; cursor: pointer; transition: all 0.5s ease; }
.header .navbar-nav > li > .arrow:after { content: ''; position: absolute; right: 8px; top: 5px; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); }
.header .navbar-nav > li.active > .arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.header .header-logo img { height: 47px; width: 197px; }
.header .header-logo svg .black-text { transition: all 0.5s ease; }
.header.fixed .header-logo svg .black-text { fill: #000; }
.home-banner .item:after { position: absolute; content: '';  left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease; mix-blend-mode: multiply; background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,0.8) 100%); }
body.dropdown-hover .home-banner .item:after { opacity: 0.8; visibility: visible; }

.header .right-nav > ul { padding: 0; margin: 0 -10px; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.header .right-nav > ul > li { padding: 0 10px; list-style: none; position: relative; }
.header .right-nav > ul > li > a { display: flex; align-items: center; justify-content: center; min-height: 28px; }
.header .right-nav > ul > li > a img { transition: all 0.5s ease; }
.header.fixed .right-nav > ul > li > a img { filter: brightness(0); }
.header.fixed { background-color: #fff; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2); }
.header.fixed .navbar-nav > li > a { color: #000; }

.search-col { position: absolute; right: 10px; display: flex; align-items: center; overflow: hidden; width: 227px; justify-content: flex-end; }
.search-col .search-icon { display: block; z-index: 1; cursor: pointer; position: relative; text-align: center; background-color: #CDECF6; background-image: url(../Images/search-icon.svg); width: 72px; height: 28px; background-position: right 6px center; background-repeat: no-repeat; }
.search-col .form-group { position: absolute; right: -100%; top: 0; transition: right 0.5s ease; opacity: 0; display: flex; align-items: center; padding: 0; background-color: #CDECF6; }
.search-col .form-group.show { z-index: 11; width: 100%; right: 0; opacity: 1; }
.search-col .input-field { height: 28px; border: none; outline: none; background-color: transparent; width: 100%; padding: 0 10px; font-size: 16px; flex: 1; }
.search-col .search-btn { border: none; outline: none; background-image: url(../Images/search-icon.svg); width: 28px; height: 28px; right: 4px; background-position: center center; background-repeat: no-repeat; background-color: transparent; padding: 0; position: relative; }

.home-banner .item { position: relative; width: 100%; height: 100vh; vertical-align: top; display: flex; align-items: flex-end; flex-wrap: wrap; min-height: 600px; }
.home-banner .item .image-col { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.home-banner .item .image-col img { height: 100%; width: 100%; object-fit: cover; object-position: top; }
.home-banner .item .image-col.center img { object-position: center; }
.home-banner .item:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 624px; z-index: 1; background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%); }
.home-banner .item .container { z-index: 1; }
.home-banner .banner-text { padding: 100px 0 84px 0;}
.home-banner .banner-text h1 { color: #fff; text-shadow: 0px 3px 5px #000000, 0 0 5px #000000;}
.home-banner .banner-text p { color: #fff; font-size: 24px; line-height: 34px; letter-spacing: 0.36px; text-shadow: 0px 3px 5px #000000, 0 0 5px #000000;}
.home-banner .banner-text .line { width: 80px; height: 10px; background-color: #f8e439; margin-bottom: 5px; }
.home-banner .btn-row { display: flex; gap: 10px 40px; flex-wrap: wrap; }
.home-banner .slick-dots { padding: 0; margin: 0; display: flex; justify-content: center; gap: 14px; bottom: 20px; width: 100%; position: absolute; }
.home-banner .slick-dots li { list-style: none; display: flex; }
.home-banner .slick-dots li button { width: 12px; height: 12px; border: none; outline: none; background: #fff; font-size: 0px; padding: 0; border-radius: 10px; }
.home-banner .slick-dots li.slick-active button { background: rgba(35,164,209,0.3); }

.content-section { padding: 50px 0; }
.content-section ul { padding: 0; flex-wrap: wrap; margin-bottom: 24px; }
.content-section ul li { padding: 0; list-style: none; position: relative; padding-left: 36px; }
.content-section ul li:before { position: absolute; content: ''; left: 0; top: 5px; background-image: url(../Images/blue-tickmark.svg); background-position: left top; background-repeat: no-repeat; width: 22px; height: 16px; }

.content-section .twocol-contentrow ul.two-colscontent { padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.content-section .twocol-contentrow ul.two-colscontent li { padding: 0; list-style: none; position: relative; width: 50%; padding-left: 36px; }
.content-section .twocol-contentrow ul.two-colscontent li:before { position: absolute; content: ''; left: 0; top: 5px; background-image: url(../Images/blue-tickmark.svg); background-position: left top; background-repeat: no-repeat; width: 22px; height: 16px; }


.service-slider .item { padding: 0 10px; height: inherit; }
.service-slider .slick-list { margin: 0 -10px; padding: 20px 0; }
.service-slider .slick-arrow { font-size: 0px; z-index: 1; position: absolute; background-color: transparent; border: none; padding: 0; width: 20px; height: 30px; top: 50%; }
.service-slider .slick-arrow:after { position: absolute; content: ''; width: 20px; height: 20px; left: -5px; top: 5px; border-right: 5px solid #00b1e6; border-top: 5px solid #00b1e6; transform: rotate(45deg); transition: all 0.5s ease; }
.service-slider .slick-arrow:hover:after { border-color: #008eb9; }
.service-slider .slick-prev { left: -30px; transform: rotate(180deg); }
.service-slider .slick-next { right: -30px; }
.service-slider .slick-track { display: flex; }

.service-card { background-color: #fff; box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25); height: 100%; position: relative; }
.service-card .service-img { height: 272px; width: 100%; overflow: hidden; background-color: rgba(0,0,0,0.11); }
.service-card:hover .service-img img { transform: scale(1.05); }
.service-card .service-img img { height: 100%; width: 100%; object-fit: cover; transition: all 0.5s ease; }
.service-card .service-text { padding: 11px 15px; }
.service-card .service-text a { font-weight: bold; letter-spacing: -0.09px; font-size: 18px; line-height: 26px; color: #000; display: flex; justify-content: space-between; }
.service-card .service-text a:after { position: relative; right: 0; top: 0; content: '>'; z-index: 0; }
.service-card .service-text a:hover { color: #00b1e6; }
.service-card .service-text .stretched-link:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; }

.footer { background-color: #000; padding: 43px 0; color: #fff; }
.footer .footer-row { display: flex; flex-wrap: wrap; }
.footer .footer-row .footer-col { padding-right: 94px; color: #fff; font-size: 16px; width: 27%; }
.footer .footer-row .footer-col:last-child { padding-right: 0; }
.footer .footer-row .footer-col p { font-size: 16px; line-height: 20px; color: #fff; margin: 0; letter-spacing: 0; }
.footer .footer-row .footer-col p a { color: #fff; }
.footer .footer-row .footer-col p a:hover { color: #00b1e6; }
.footer .footer-row .footer-col strong { font-weight: 500; }
.footer .footer-row .footer-col.address-col { width: 21%; }
.footer .footer-row .footer-col.info-col { width: 28%; }
.footer .footer-row .footer-col.nav-col { width: 16%; }
.footer .footer-row .nav-col ul { margin: 0; padding: 0; }
.footer .footer-row .nav-col ul li { list-style: none; font-size: 16px; line-height: 20px; }
.footer .footer-row .nav-col ul li a { color: #fff; }
.footer .footer-row .nav-col ul li a:hover { color: #00b1e6; }
.footer .footer-row .footer-social { margin-left: auto; display: flex; align-items: center; width: auto; }
.footer .footer-row .footer-social ul { display: flex; padding: 0; margin: 0 -9px; }
.footer .footer-row .footer-social ul li { list-style: none; padding: 0 9px; }

.service-section .row { margin-left: -10px; margin-right: -10px; }
.service-section .row [class*="col-"] { padding-left: 10px; padding-right: 10px; margin-top: 35px; margin-bottom: 10px; }

.twocol-gridsection { padding-top: 35px; display: flex; flex-direction: column; gap: 24px 0px; }
.twocol-gridsection .twocol-gridrow { background-color: #fff; box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.15); margin-bottom: 40px; }
.twocol-gridsection .twocol-gridrow .row { margin: 0; }
.twocol-gridsection .twocol-gridrow .row [class*="col-"] { padding: 0; }
.twocol-gridsection .twocol-gridrow .image-col { height: 448px; }
.twocol-gridsection .twocol-gridrow .image-col img { height: 100%; width: 100%; object-fit: cover; }
.twocol-gridsection .twocol-gridrow .content-col { padding: 20px 72px 20px 38px; }
.twocol-gridsection .twocol-gridrow .content-col h5 { color: #23a4d1; }
.twocol-gridsection .twocol-gridrow:nth-child(even) .row { flex-direction: row-reverse; }
.twocol-gridsection .twocol-gridrow:nth-child(even) .content-col { padding: 20px 48px 20px 60px; }

/* .twocol-contentrow .image-col { height: 402px; } */
.twocol-contentrow .image-col img { height: auto; width: auto; object-fit: cover; }

/*NEW*/
.form-control { border:1px solid #cbcbcb; box-shadow:none; outline:none; }
.form-control:focus { box-shadow:none; border-color:#00b1e6; }
.twocol-contentrow .image-col div,
.twocol-contentrow .image-col .image { height:100%; width:100%; display: block; }
.content-section .form-group { margin-bottom:16px; }
.content-section .form-group .form-label { font-size:16px; line-height: 22px; }
.content-section .form-group textarea.form-control { height:80px; }
.content-section .form-group .error.form-text { margin-top:0; color: #ff0000; }
.content-section .submit .btn-blue { font-size: 18px; line-height: 26px; min-width: 200px; padding: 10px; }
.content-section a { color:#00b1e6; }
.content-section a:hover { color: #0088b1; }
.tx-indexedsearch-form { display:flex; margin:5px 0; }
.tx-indexedsearch-form .tx-indexedsearch-searchbox-sword { border: 1px solid #cbcbcb; box-shadow: none; outline: none; border-radius: 6px 0px 0px 6px; padding: 4px 12px; font-size: 16px; height: 36px; }
.tx-indexedsearch-form .tx-indexedsearch-searchbox-button { height: 36px; font-size: 16px; line-height: 22px; border: none; outline: none; color: #fff; padding: 7px 15px; display: inline-block; text-align: center; background: #23a4d1; transition: all 0.5s ease; border-radius: 0px 6px 6px 0px; }
.tx-indexedsearch-form .tx-indexedsearch-searchbox-button:hover { background: #00b1e6; color: #fff; }
ul.tx-indexedsearch-browsebox { display:block; margin:15px 0; }
ul.tx-indexedsearch-browsebox li { padding-left:15px; width:auto; }
ul.tx-indexedsearch-browsebox li:before { background-image:none; width:5px; height:5px; background-color:#000; border-radius:10px; top:10px; }
.tx-indexedsearch-res { margin-bottom:20px; }
.tx-indexedsearch-res h3 { margin-bottom:10px; }
.input select.singleselect-dropdown { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto;}

/* Responsive Style Start 
-------------------------------------------------- */

@media (min-width: 992px) {
    .header .navbar-nav { display: flex !important; }
    .header .navbar-nav > li.dropdown:hover .dropdown-menu { display: block !important; opacity: 1; visibility: visible; margin-top: 29px; }
    .header .navbar-nav > li .dropdown-menu:before { position: absolute; left: 0; top: -29px; width: 100%; height: 29px; content: ''; }
    .header .navbar-nav > li .dropdown-menu:after { position: absolute; left: 50%; transform: translateX(-50%); top: -14px; content: ''; border-bottom: 14px solid #fff; border-left: 14px solid transparent; border-right: 14px solid transparent; }
}

@media (max-width: 1320px) {
    .service-slider { padding: 0 30px; }
    .service-slider .slick-prev { left: 0; }
    .service-slider .slick-next { right: 0px; }
}

@media (max-width: 1259px) {
    .header .container { padding: 0 40px;}
}

@media (max-width: 1199px) {
    h1 { font-size: 50px; line-height: 58px; }
    .header .container { padding: 0 30px;}
    .header .navbar-nav { margin: 0 -12px; }
    .header .navbar-nav > li { padding: 0 12px; }
    .footer .footer-row { gap: 20px 0px; }
    .footer .footer-row .footer-col { padding-right: 20px; width: 33.33% !important; }
    .footer .footer-row .footer-social { margin-left: 0; }
    .header .navbar-nav > li .dropdown-menu { padding: 6px 15px; }
    .search-col .search-icon { width: 44px; }
    .border-btn { min-width: 250px; }
    .twocol-gridsection .twocol-gridrow .content-col,
    .twocol-gridsection .twocol-gridrow:nth-child(even) .content-col { padding: 20px 35px; }
}

@media (max-width: 991px) {
    .m-menu { padding: 0px; width: 25px; cursor: pointer; position: absolute; right: 0; top: 23px; }
    .m-menu span { background: #fff; display: block; height: 2px; margin: 5px 0; transition: all 0.3s ease; }
    .header.fixed .m-menu span { background: #000; } 
    body.nav-open { overflow: hidden;}
    body.nav-open .m-menu span:first-child { transform: translate(0px, 7px) rotate(45deg); -webkit-transform: translate(0px, 7px) rotate(45deg); -moz-transform: translate(0px, 7px) rotate(45deg); }
    body.nav-open .m-menu span:nth-child(2) { opacity: 0; }
    body.nav-open .m-menu span:last-child { transform: translate(0px, -7px) rotate(-45deg); -webkit-transform: translate(0px, -7px) rotate(-45deg); -moz-transform: translate(0px, -7px) rotate(-45deg); }
    .header .container { padding: 0 15px; }
    .header .header-row .nav-section { align-self: flex-end; }
    .header .header-row { padding: 12px 0; }
    .header .navbar-nav { display: none; position: absolute; left: -15px; right: -15px; top: 100%; width: auto; height: calc(100vh - 71px); background: #fff; margin: 0; padding: 0; z-index: 11; overflow: auto; }
    .header .navbar-nav > li { padding: 5px 15px; line-height: 30px; }
    .header .navbar-nav > li > a { display: block; padding: 0; color: #000; }
    .header .navbar-nav > li > a:after { display: none; }
    .header .navbar-nav > li > .arrow { display: block; }
    .header .navbar-nav > li .dropdown-menu { margin-top: 0; min-width: inherit; display: none; position: relative; width: 100%; transition: none; left: 0; padding: 5px 15px; background-color: #f7f7f7; visibility: visible; opacity: 1; transform: none; }
    .header .navbar-nav > li .dropdown-menu > li { padding: 5px 0; }
    .header .navbar-nav > li.dropdown > a { padding-right: 35px; }
    .header .navbar-nav > li > a:before { height: 1px; background-color: #00b1e6; }
    .header .right-nav { margin-right: 40px; }
    .footer .footer-row { margin: 0 -10px; }
    .footer .footer-row .footer-col { width: 50% !important; padding: 0 10px; }
    .btn-blue,
    .btn-yellow { min-width: 250px; }
    .border-btn { min-width: 200px; padding: 10px; }
    .twocol-gridsection .twocol-gridrow .content-col,
    .twocol-gridsection .twocol-gridrow:nth-child(even) .content-col { padding: 20px 30px; }
}

@media (max-width: 767px) {
    h1 { font-size: 46px; line-height: 54px; }
    h2 { font-size: 36px; line-height: 46px; }
    .header .header-logo svg { height: 34px; width: 140px; }
    .header .header-row .header-rightcol { gap: 4px 0px; }
    .header .right-nav > ul > li { padding: 0 6px; }
    .header .navbar-nav { height: calc(100vh - 58px); }
    .search-col .search-icon { width: 44px; }
    .content-section { padding: 40px 0; }
    .footer { padding: 40px 0; }
    .m-menu { top: 16px; }
    .home-banner .banner-text p { font-size: 20px; line-height: 30px; }
    .home-banner .item { min-height: 550px; height: auto; }
    .home-banner .btn-row { gap: 10px 20px; }
    .btn-blue,
    .btn-yellow { font-size: 20px; line-height: 26px; padding: 10px 20px; min-width: inherit; }
    .service-section .row [class*="col-"] { margin-top: 15px;}
    .twocol-gridsection { padding-top: 15px; }
    .twocol-gridsection .twocol-gridrow { margin-bottom: 0; }
    .twocol-gridsection .twocol-gridrow .content-col,
    .twocol-gridsection .twocol-gridrow:nth-child(even) .content-col { padding: 20px; }
    .twocol-gridsection .twocol-gridrow .image-col { height: auto; }
    .twocol-contentrow .content-col { margin-bottom: 30px; }
    .twocol-contentrow .image-col { height: auto; }
    .border-btn { min-width: inherit; padding: 8px 15px; }
}

@media (max-width: 575px) {
    .header .right-nav > ul > li { padding: 0 5px; }
    .search-col { right: 4px; }
    .search-col .search-icon { width: 30px; background-size: 20px; background-position: center center;}
    .search-col .search-btn { background-size: 20px; background-position: center center; width: 30px; right: 0px; }
    .header .right-nav > ul > li > a img { max-width: 25px; max-height: 20px;}
    .footer .footer-row .footer-col { width: 100% !important; }
    .content-section ul li { width: 100%; }

    /*.content-section .twocol-contentrow ul li { width: 100%; }*/
}