/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="date"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
:root {
	--primary-color: #33B9CB;
	--secondary-color: #091D3E;
	--sectionbg: #E8FCFF;
	--text-color:#354A6A;
	--white-color:#ffffff;
	--red-color:#F13429;
	--green-color:#1D933A;
}

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:16px/1.45 'Plus Jakarta Sans', Arial, Helvetica, sans-serif; color: var(--text-color); letter-spacing: -0.2px; overflow-x: hidden; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, .servicesbox h6:before, .articletitle:before, .contactinformationbox h6:before, .heroslider:before, .heroslider:after, .heroslider .sliderimg , .sliderarrow, .heroslider h1, .heroslider h2, #header, a, .callus:before, #mainmenu li.hasnav .navtrigger:before, .btn, .btn:after, #mainmenu li a:after  { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color: var(--primary-color); text-decoration:none;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight: bold; letter-spacing: -0.6px; color: var(--secondary-color); }
h1 { font-size:4.167vw;  }
h2 { font-size:2.604vw; }
h3 { font-size:1.458vw; }
h4 { font-size:1.25vw; }
h5 { font-size:22px; }
h6 { font-size:20px; }

.sectitle { margin: 0 0 30px; text-align: center; }
.sectitle span { display: block; font-size: 14px; color: var(--secondary-color); text-transform: uppercase; font-weight: 600; font-style: italic; letter-spacing: -0.2px; margin-bottom: 5px; letter-spacing: 1px; }
.sectitle.sectitleleft { text-align: left; }

ul { list-style: none; padding: 0; margin: 0; }
ul li { line-height:24px; }

figure { margin: 0; }

.wrap { zoom:1; }
.nodisplay { display:none; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }


.cols { margin-left:-20px; margin-right:-20px; display: flex; align-items: center; flex-wrap: wrap; }
.cols .col { padding-left:20px; padding-right:20px; }
.cols1 .col { flex: 0 0 100%; max-width: 100%; width:100% }
.cols2 .col { flex: 0 0 50%; max-width: 50%; width:100% }
.cols3 .col { flex: 0 0 33.333333333333%; max-width: 33.333333333333%; width:100%; }
.cols4 .col { flex: 0 0 25%; max-width: 25%; width:100%; }
.cols .col.w-100 { width: 100%; max-width: 100%; flex: 0 0 100%; }

.dflex { display: flex; flex-wrap: wrap; }
.aligncenter { align-items: center; }
.alignstart { align-items: flex-start; }
.justifybetween { justify-content: space-between; }
.justifycenter { justify-content: center; }
.justifyaround { justify-content: space-around; }

.primarybg { background-color: var(--primary-color); }


/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:var(--secondary-color); }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:8px 12px 0; display:block; color:var(--secondary-color); }
input.has-error { border:solid 1px var(--secondary-color) !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }


/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: var(--secondary-color); color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
.wrap { max-width:1290px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }
.wrapfull { padding: 0 60px; }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background-color: var(--white-color); position: fixed; top: 0; left: 0; right: 0; width: 100%; padding:26px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 9999; }
#header.fixed { padding: 16px 0; }
#logo { display: block; width:222px; position:relative; }
#logo img { max-width:100%; height:auto; width:auto; }
.callus { position: relative; display: inline-block; font-size: 17px; font-weight: 600; text-transform: capitalize; color: var(--secondary-color); padding: 0 0 0 65px; margin-right: 25px; }
.callus:before { content: ''; position: absolute; top: 0; left: 0; width: 55px; height: 55px; margin-right: 10px; background: var(--primary-color) url(../images/vector/callusicon.svg) no-repeat 0 0 / cover; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.callus span { display: block; font-weight: 400; margin: 0 0 3px; }


#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu > ul > li { font-weight: 700; text-transform:uppercase; padding: 0 24px; }
#mainmenu > ul > li:first-child { padding-left: 0; }
#mainmenu > ul > li:last-child { padding-right: 0; }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:var(--secondary-color); position:relative; text-transform: uppercase; letter-spacing: 1.2px; font-size: 14px; }
#mainmenu li.hasnav { position: relative; }
#mainmenu li.hasnav .navtrigger { position: relative; padding-right: 10px; }
#mainmenu li.hasnav .navtrigger:before { content: ''; position: absolute; top: 9px; left: 100%; background: url(../images/vector/dropdownicon.svg) no-repeat 0 0 / cover; width: 11px; height: 7px; }
#mainmenu li.hasnav .navtrigger.open:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#mainmenu li .submenu { display: none; background-color: var(--white-color); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: var(--primary-color) solid 2px; position: absolute; top: calc(100% + 10px); left: 0; right: 0; width: 210px; margin: 0 auto; }
/* #mainmenu li .submenu:before { content: ''; position: absolute; top: -10px; left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent var(--primary-color) transparent; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } */
#mainmenu li .submenu a { padding: 10px 20px; }
#mainmenu li .submenu li.active a { background-color: var(--primary-color); color: var(--secondary-color); }
#mainmenu li.active a { color: var(--primary-color); }

section { position: relative; overflow-x: hidden; }
.secpadding { padding: 6vh 0; }
.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-0 { margin-bottom: 0 !important; }
.dnone { display: none; }
.secbg { background-color: var(--sectionbg); border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; }

.borderimg { position: relative; }
.borderimg:before { content: ''; position: absolute; top: 15px; left: 15px; right: 0; bottom: 0; width: 100%; height: 100%; background-color: transparent; border: var(--primary-color) solid 1px; border-radius: 1.2vw; -webkit-border-radius: 1.2vw; -moz-border-radius: 1.2vw; -ms-border-radius: 1.2vw; -o-border-radius: 1.2vw; }
.roundedcorner { border-radius: 1.2vw; -webkit-border-radius: 1.2vw; -moz-border-radius: 1.2vw; -ms-border-radius: 1.2vw; -o-border-radius: 1.2vw; }
.boxcontent { background-color: var(--white-color); padding: 20px; border: var(--primary-color) solid 1px; border-radius: 1vw; -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; }
.boxcontent p:last-child { margin-bottom: 0; }

.bgimg { background-repeat: no-repeat; background-size: cover; background-position: center; }


#innerbanner { padding-bottom: 0 !important; }
.innerbannercontainer { background-color: var(--primary-color); text-align: center; border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; }
.breadcrumbslisting li { position: relative; padding: 0 20px 0 0; margin: 0 18px 0 0; }
.breadcrumbslisting li:last-child { padding-right: 0; }
.breadcrumbslisting li a, .breadcrumbslisting li span { font-weight: 500; color: var(--secondary-color); }
.breadcrumbslisting li:before { content: ''; position: absolute; top: 8px; right: 0; width: 7px; height: 11px; background: url(../images/vector/breadcrumbicon.svg) no-repeat 0 0 / cover; }
.breadcrumbslisting li:last-child:before { display: none; }

fieldset { border: 0; padding: 0; margin: 0; }
fieldset legend { font-size: 2vw; font-weight: 700; color: var(--secondary-color); display: block; text-align: center; background-color: var(--sectionbg); display: block; width: 100%; padding: 20px 0; margin: 0 0 30px; text-transform: uppercase; }
fieldset legend em { font-size: 16px; font-weight: 500; text-transform: capitalize; display: inline-block; transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); }

#footer { background:var(--secondary-color); padding:0; font-size:14px; }
#footer p, #footer a { color: var(--white-color); font-size: 16px; }
#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: var(--white-color); margin-bottom: 15px; }
.footertop { padding: 40px 0; }
.flogo { margin: 0 0 20px; }
.footertop .socials { gap: 20px; }
.footertop .socials li a { display: block; background: url(../images/vector/social-sprite.svg) no-repeat 0 0; width: 22px; height: 22px; }
.footertop .socials .fb a { background-position: 0 0; }
.footertop .socials .ig a { background-position: -24px 0; }
.footertop .socials .tw a { background-position: -48px 0; }
.footertop .socials .li a { background-position: -72px 0; }
.fmenu li { margin-bottom: 10px; }
.fmenu li a { display: inline-block; position: relative; padding: 0 0 0 22px; }
#footer .fmenu li.active a { color: var(--primary-color); }
.fmenu li a:before { content: ''; position: absolute; top: 7px; left: 0; width: 16px; height: 2px; background: url(../images/vector/footerlinkarrow.svg) no-repeat 0 0 / cover; width: 7px; height: 12px; }
.newslettersection form { display: block; width: 100%; }
.newslettersection form input[type="email"] { margin: 0 0 10px; }
#footer .newslettersection .btn { font-size: 14px; color: var(--secondary-color); display: block; text-align: center; border: 2px solid transparent; }
.footerbottom { border-top: rgba(255,255,255,0.1) solid 1px; padding: 40px 0; }
.footerbottom * { color: var(--white-color); font-size: 16px; }
#footer .footerbottom .designbytag a { color: var(--primary-color); text-decoration: underline; }
.copyright { margin:0; }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="number"], input[type="date"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:middle; }
button, input[type="text"], input[type="number"], input[type="date"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { appearance:none; -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="number"], input[type="date"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: 14px; text-transform: capitalize; background:#fff; padding:4px 22px; height:55px; line-height:1.55; border:solid 2px var(--primary-color); border-radius: 50px; color:var(--secondary-color); width:100%; font-family:'Plus Jakarta Sans', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; -ms-transition:border-color 200ms ease-in; -o-transition:border-color 200ms ease-in; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
input[type="email"] { text-transform: lowercase; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
input[type="date"] { position: relative; }
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; }
textarea { width:100%; height:180px; overflow:auto; resize:vertical; padding:10px 15px; font-family:'Plus Jakarta Sans', Arial, Helvetica, sans-serif; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; resize: none; }
select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#fff; }
.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }
.ie select { padding-right:0; }
.ie .custom-select:before { z-index:2; height:40px; }
.ie .custom-select:after { z-index:3; }
.ie input[type="text"], input[type="date"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, 
select:focus { border:solid 2px var(--secondary-color);  }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="url"]:disabled, textarea:disabled, select:disabled { background-color: var(--sectionbg); }

input[type="date"] { text-transform: lowercase; }

input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:var(--secondary-color); color:#fff;  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 45px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:'Plus Jakarta Sans', Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:var(--primary-color); color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:0.7; text-transform: capitalize; }
::-moz-placeholder { opacity:0.7; text-transform: capitalize; }
:-ms-input-placeholder { opacity:0.7; text-transform: capitalize; }
:-moz-placeholder { opacity:0.7; text-transform: capitalize; }

.checkbox, .radio { position: relative; cursor: pointer; margin-right: 15px; padding-left: 22px; cursor: pointer; }
/* .longform .inputgroup { margin-bottom: 35px; } */
.radiowrapper label { color: var(--secondary-color); font-weight: bold; display: block; margin-bottom: 10px;  text-transform: capitalize; }
.checkbox span, .radio span { font-size: 15px; color: var(--secondary-color); font-weight: 500; cursor: pointer; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { font-size: 14px; color: var(--secondary-color); text-transform: capitalize; letter-spacing: -0.2px; padding: 0; padding-left: 26px; display: block; line-height: 1.1;  cursor: pointer; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--primary-color); }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 2px solid var(--primary-color); }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: var(--primary-color); }
.checkbox input:checked + .input-helper:before { background-color: var(--primary-color); }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.checkbox .input-helper:before { top: 3px; width: 18px; height: 18px; border-radius: 2px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 3px; top: 3px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 3px; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: var(--primary-color); border-radius: 50%; top: 8px; left: 5px; transform: scale(0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding:10px 0; background:#efeded; border-bottom:solid 1px #dedede; font-size:14px; color:#999; }
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative; }
.breadcrumbs li:before { content:''; border-left:solid 4px #999; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px; }
.breadcrumbs li a { color:#505061; text-decoration:none; }
.breadcrumbs li a:hover { color:#e34f26; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }

/* =Common button CSS
========================================================================================*/
.btn { background-color: var(--secondary-color); display: inline-block; font-size: 14px; color: var(--white-color); font-weight: 700; text-transform: uppercase; padding: 16px 26px; letter-spacing: 1px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: relative; }
.btn:after { content: ''; display: inline-block; vertical-align: middle; position: relative; top: -1px; width: 14px; height: 12px; margin-right: 10px; background: url(../images/vector/btn-arrow-white.svg) no-repeat -15px 0 / cover; margin-left: 8px; }
.btn.btn-secondary { background-color: var(--primary-color); color: var(--secondary-color); }
.btn.btn-secondary:after { background: url(../images/vector/btn-arrow.svg) no-repeat -15px 0 / cover; }
.btn input[type="submit"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; }
.submitbtnwrap .submitbtn { display: block; text-align: center; }

/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }


/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:var(--secondary-color) }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:15px; width:24px; height:24px; background:url(../images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification {  background-color:#fff0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }


/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }


/* =Home-Page (only homepage used classes)
========================================================================================*/
.herosliderwrapper { position: relative; z-index: 1; }
.heroslider { background: #0D95A7 url(../images/vector/sliderbgpattern.svg) no-repeat center 0 / cover; width: 100%; height: 100%; padding:4vw; z-index: 1; border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; }
.heroslider:before, .heroslider:after { content: ''; position: absolute; width: 0; height: 0; background-color: #33B9CB; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: -1; }
.heroslider:before { top: 0; right: 10vw; }
.heroslider:after { bottom: 0; right: 2vw; }
.heroslider.animate:before, .heroslider.animate:after { width: 25vw; height: 50vh; }
.heroslider .item { display: flex !important; }
.heroslider .slidercontent { overflow: hidden; }
.heroslider h1, .heroslider h2 { color: white; font-size: 3vw; transition-delay: 1s; transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); }
.heroslider .slick-current h1, .heroslider .slick-current h2 { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.heroslider .sliderimg { background-position: center center; background-size: cover; flex: 0 0 25vw; max-width: 25vw; width: 100%; height: 60vh; position: relative; z-index: 1; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; z-index: 1; }

.sliderarrowwrapper { position: absolute; top: calc(50% + 10vh); left: 4vw; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; flex:0 0 140px; max-width: 140px; width: 100%; z-index: 1; }
.sliderarrow { display: block; background-color: var(--secondary-color); background-repeat: no-repeat; background-position: 0 0; background-size: cover; border-radius: 50%; width: 60px; height: 60px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.prevsliderarrow { background-image: url(../images/vector/sliderarrow-left.svg); background-position: 0 0; }
.nextsliderarrow { background-image: url(../images/vector/sliderarrow-right.svg); background-position: -60px 0; } 

.aboutusleft .col:first-child .bgimg { width: 100%; height: 600px; }
.aboutusleft .col:last-child .bgimg { width: 100%; height: calc(600px - 140px); }
.aboutusleft .exptag { margin-bottom: 25px; }
.exptag { background-color: var(--primary-color); color: var(--white-color); padding: 22px 0; }
.exptag em, .exptag span { display: inline-block; }
.exptag em { font-style: normal; font-weight: bold; font-size: 2.5vw; }
.exptag span { line-height: 1.4; text-transform: uppercase; margin-left: 10px; font-size: 14px; font-weight: 500; }

#whatwedo .col:first-child { flex: 0 0 400px; max-width: 400px; width: 100%; }
#whatwedo .col:last-child { flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); width: 100%; }
.whatwedoleftimg { width: 100%; height: 608px; }
.whatyoucando { background-color: var(--white-color); flex-direction: row-reverse; }
.whatyoucando .bgimg { flex: 0 0 300px; max-width: 300px; width: 100%; height: 100%; }
.whatyoucando .contentblock { flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); width: 100%; padding: 30px 40px; }

.statistics { margin-top: 40px; flex-wrap: wrap; }
.statistics ul { padding: 2.5vw 3.5vw; }
.statistics ul li { text-align: center; }
.statistics ul li strong, .statistics ul li em { display: block; color: var(--secondary-color); }
.statistics ul li strong { font-size: 2.5vw; line-height: 1.2; margin-bottom: 5px; }
.statistics ul li em { font-size: 18px; font-weight: 500; line-height: 1; }

.quoteseccontent { padding: 50px 20px; border: 3px solid #EDF4F4; background: linear-gradient(90deg, #F3F9FD 0%, rgba(230, 230, 231, 0.00) 50%, #F3F9FD 100%); flex-direction: column; gap: 30px; }
.quoteseccontent h2 { text-align: center; line-height: 1.4; margin-bottom: 0; }

.articlebox { display: block; }
.articlebox .bgimg { width: 100%; height: 320px; }
.articletitle { width: calc(100% - 30px); background-color: var(--white-color); border: var(--primary-color) solid 1px; position: relative; left: 30px; padding: 30px 120px 30px 30px; min-height: 120px; margin-top: -60px; }
.articletitle:before { content: ''; position: absolute; top: 50%; right: 30px; background: var(--primary-color) url(../images/vector/link-arrow.svg) no-repeat 0 0 / cover; width: 60px; height: 60px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.articletitle h6 { margin-bottom: 0; }

.contactmap #map { width: 100%; height: 100%; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border: var(--primary-color) solid 2px !important; }

.truehealthcareimg { position: relative; }
.truehealthcareimg .bgimg { width: 100%; height: 350px; }
.truehealthcareimg .exptag  { position: absolute; width: 290px; bottom: -54px; left: 0; right: 0; margin: 0 auto; }
.truehealthcareimg .exptag * { color: var(--secondary-color); }
.truehealthcarecontent { padding-left: 20px; }

#whyusabout .cols { flex-direction: row-reverse; }
#whyusabout .col .bgimg { width: 100%; height: 350px; }
.whyusaboutcontent { padding-right: 20px; }

.gridcol3 ol { padding-left: 20px; }
.gridcol3 ol li { margin-bottom: 15px; }
.gridcol3 ol li:last-child { margin-bottom: 0; }

.servicesnameslist { gap: 20px; }
.servicesbox { background-color: var(--white-color); padding: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: var(--primary-color) solid 1px; min-height: 120px; display: flex; align-items: center; flex: 0 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px); width: 100%; }
.servicesbox h6 { margin-bottom: 0; font-weight: 500; position: relative; padding: 0 0 0 100px; }
.servicesbox h6:before { content: ''; position: absolute; top: 50%; left: 0; background: var(--primary-color) url(../images/vector/serviceiconssprite.svg) no-repeat 0 0; width: 80px; height: 80px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

.servicesbox.servicesboxone h6:before { background-position: 0 0; }
.servicesbox.servicesboxtwo h6:before { background-position: -80px 0; }
.servicesbox.servicesboxthree h6:before { background-position: -160px 0; }
.servicesbox.servicesboxfour h6:before { background-position: -240px 0; }
.servicesbox.servicesboxfive h6:before { background-position: -320px 0; }
.servicesbox.servicesboxsix h6:before { background-position: -400px 0; }

/*contact us page left*/
.contactpagecontent { align-items: flex-start; margin: 0 -20px; }
.contactpagecontent > div { padding: 0 20px; }
.contactpageleft { flex: 0 0 55%; max-width: 55%; width:100%; }
.contactpageleft .cols { margin: 0 -10px; }
.contactpageleft .cols .col { padding: 0 10px; margin-bottom: 20px; }
.contactpageleft .cols .col:last-child { margin-bottom: 0; }
.contactpageright { flex: 0 0 45%; max-width: 45%; width:100%; }
.emailinfobox { min-height: 233px; }
.contactinformationbox  { display: block; background-color: var(--white-color); border: var(--primary-color) solid 2px; border-radius: 1vw; -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; padding: 22px; color: var(--text-color); }
.contactinformationbox span { display: inline-block; font-weight: 600; text-decoration: underline; color: var(--secondary-color); }
.contactinformationbox h6 { position: relative; padding-top: 60px; }
.contactinformationbox h6:before { content: ''; position: absolute; top: 0; left: 0; background: var(--primary-color) url(../images/vector/contactus-sprite.svg) no-repeat 0 0; width: 48px; height: 48px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.contactinformationbox.phonebox h6:before { background-position: -48px 0; }
.contactinformationbox.addressbox h6:before { background-position: -96px 0; }
.addressbox #map { margin-top: 20px; width: 100%; height: 358px; border-radius: 1vw; -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; border: var(--primary-color) solid 2px !important; }

.contactformwrap { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: var(--primary-color) solid 2px; background-color: var(--sectionbg); }
.contactformwrap .callus { display: table; margin: 25px auto 20px !important; }
.seprationwrap { position: relative; z-index: 1; }
.seprationwrap .line { background: var(--primary-color); width: 100%; height: 2px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: -1; }
.orsepration { display: block; text-align: center; width: 45px; height: 45px; background-color: var(--white-color); border: var(--primary-color) solid 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: var(--secondary-color); font-weight: 600; line-height: 42px; margin: 0 auto; }
#contactform { padding: 30px; }
#contactform .cols2 { margin: 0 -8px; }
#contactform .col { padding: 0 8px; }
#contactform .inputgroup { margin-bottom: 35px; }

#skillquizsection, #jobapplicationform { max-width: 850px; width: 100%; margin: 0 auto; }

.startdateenddate .cols { margin: 0 -10px; }
.startdateenddate .col { padding: 0 10px; }

.jobapplicationformwrapper .mainlabel { font-size: 16px; text-transform: capitalize; color: var(--secondary-color); font-weight: 600; display: block; margin: 0 0 5px; }

.btnaddremove { position: relative; display: block; width: 100%; font-size: 14px; color: var(--white-color); font-weight: 500; text-transform: uppercase; padding: 16px 26px; letter-spacing: 1px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.btnaddremove span { display: inline-block; position: relative; padding-right: 25px; }
.btnaddremove span:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 16px; height: 16px; background: url(../images/vector/btn-arrow-white.svg) no-repeat 0 0 / cover; }
.btnaddremove.btn-remove { background-color: #F13429; }
.btnaddremove.btn-remove span:before { background-image: url(../images/vector/deleteicon.svg); }
.btnaddremove.btn-add { background-color: #1D933A; }
.btnaddremove.btn-add span:before { background-image: url(../images/vector/addmoreicon.svg); }

.radiowrapper.error { border: 2px solid #f00; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
/*.checkbox.error { border: 2px solid #f00; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
*/
.error, .checkbox span.error, .radio span.error { color: #f00; font-size: 14px; display: block; margin-top: 5px; }

#jobapplicationsection .radiowrapper label:not(.mainlabel) { margin-bottom: 0; }
#jobapplicationsection .cols { margin: 0 -10px; }
#jobapplicationsection .cols .col, .skillquizformwrapper .cols .col { padding: 0 10px; margin-bottom: 20px; }
#jobapplicationsection fieldset > .cols { align-items: flex-start; }
#jobapplicationsection fieldset > .cols > .col .cols { align-items: center; }
#jobapplicationsection .cols.cols1 { display: block; }
.yesnoradioblock, .flexradiowrapper { margin: 20px 0 0; }
.btnaddremove { margin: 0 0 20px; }
.repeat_2, .repeat_3 { display: none; }

.successmsg { background-color: #edfff6; border: solid 1px #04be5b; color: #04be5b; display: block; padding: 15px 20px; margin: 20px 0 0; }

#contactform span.error { position: absolute; }