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

/* CSS Files Combined - Base / Component / Common / Slick  / Style */
/*=================================================================================
Base CSS from Murugesan Alagarsamy
=================================================================================*/

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/ 
:root {
 /**/
--logo:url("../images/logo.png") 0 0 no-repeat;
 /**/
--Coustard: 'Coustard', serif;   
--roboto:'Roboto', sans-serif;
--poppins: 'Poppins', sans-serif;
--fontsize: 14px; 
 /*font weight*/ 
--white:#fff;
--drakblack:#404040; 
--black:#041E42;
--lightblack:#495567; 
--blue:#2a5efe;
--link:var(--blue); 
--green:#08a182;
--favgreen: #07A698; 
--orange:#ff7e00;
--red:#ec4758;
--reda:#e32c26;
--yellow:#FBB216;  

--grayaaa: #aaa;
--grayccc: #ccc;
--grayddd: #ddd; 
--grayeee: #eee; 
--gray333: #333; 
--gray444: #444; 
--gray666: #666;
--gray777: #777;
--gray888: #888;
--gray999: #999;

--graya: #F2F2F2;
--grayb: #F4F4F4;
--grayc: #F7F7F7;
--grayd: #E6E6E6;
--graye: #F5F5F5;
--grayf: #F6F6F6;

--gray100: #E5E5E5;
--gray200: #CECECE;
--gray110: #C7C7C7;
--gray120: #E0E0E0;
--gray130: #D9D9D9;
--gray140: #5B5B5B; 
--gray150: #9e9e9e; 
--gray160: #f9fafb; 
--drakblue: #4E6786;
--tagline: #707070; 

--size2:2px;
--size4:4px;
--size5:5px;
--size6:6px;
--size8:8px;
--size10:10px;
--size12:12px;
--size14:14px;
--size15:15px;
--size16:16px;
--size18:18px;
--size20:20px;
--size30:30px;
--size40:40px;
--size50:50px;
--size60:60px;
--size70:70px;
--size80:80px;
--size90:90px;
--size100:100px;
--size200:200;
--size300:300;
--size400:400;
--size500:500;
--size600:600;
--size700:700;
--size800:800;
--size900:900;
--boxshadow: 0 0 var(--size10) rgb(137 173 255 / 35%); 
--boxshadowa: rgba(51, 65, 85, 0.16) 0px 1px var(--size10); 
 
 --borderradius4:4px;
 --borderradius6:6px;
 --borderradius10:10px;
 --borderradius20:20px;
 --borderradius50:50%;
 
 --createctatitle: 3, 27, 78;
 --createctatitlecolor: #FFF2DB;
 --animation: cubic-bezier(.4, 0, .2, 1);
  --downarrow: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2458 0.290792C10.0584 0.104542 9.80498 0 9.5408 0C9.27661 0 9.02316 0.104542 8.8358 0.290792L5.2458 3.83079L1.7058 0.290792C1.51844 0.104542 1.26498 0 1.0008 0C0.736612 0 0.483161 0.104542 0.295798 0.290792C0.20207 0.383755 0.127675 0.494356 0.0769067 0.616216C0.026138 0.738075 0 0.868781 0 1.00079C0 1.1328 0.026138 1.26351 0.0769067 1.38537C0.127675 1.50723 0.20207 1.61783 0.295798 1.71079L4.5358 5.95079C4.62876 6.04452 4.73936 6.11891 4.86122 6.16968C4.98308 6.22045 5.11379 6.24659 5.2458 6.24659C5.37781 6.24659 5.50852 6.22045 5.63037 6.16968C5.75223 6.11891 5.86283 6.04452 5.9558 5.95079L10.2458 1.71079C10.3395 1.61783 10.4139 1.50723 10.4647 1.38537C10.5155 1.26351 10.5416 1.1328 10.5416 1.00079C10.5416 0.868781 10.5155 0.738075 10.4647 0.616216C10.4139 0.494356 10.3395 0.383755 10.2458 0.290792Z' fill='%231AA260'/%3E%3C/svg%3E%0A"); 
 
}
/* Reset css starts here */
/* browser reset */
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; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { height:100%; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto\9; height:auto; max-width:100%; }
ol, ul, li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
th, td, caption { font-weight:normal; vertical-align:top; text-align:left; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
sub, sup, small { font-size:75%; }
sub, sup { line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top: -0.5em;}
svg { overflow:hidden; }
#map_canvas img, .google-maps img { max-width:none; }
/* text reset */
pre, code { font-family:"DejaVu Sans Mono", Menlo, Consolas, monospace; }
hr { border: 0 solid var(--grayccc); border-top-width:1px; clear:both; height:0; }
ol { list-style:decimal; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a { color:var(--link); text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer}
a:hover { color:var(--black); text-decoration:none; }
a:focus { outline:thin dotted var(--gray333); outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
a:hover, a:active, a:focus { outline:0; }
body { color: var(--lightblack); font: 400 14px/1 "Coustard", serif !important;}
/* Note: Use meta tag with viewport-fit=cover in order to use the full available screen for phones that have notch like iPhone xme="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">   along with the env() variables to define padding respectively. */
body {padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);}

.text-danger{color: red;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
[role="button"] {
 cursor: pointer;
}
p{line-height: 20px;}
/* input reset */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;-moz-appearance: textfield;}
input[type=number]{-moz-appearance: textfield!important;}
input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; background: var(--white); border: 1px solid #9e9e9e; color:var(--black); margin: 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; padding: 15px;border-radius: var(--borderradius);}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; -ms-transition: color 0.25s, background 0.25s, border 0.25s; -o-transition: color 0.25s, background 0.25s, border 0.25s; }
input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label { color: #000; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled { background: #000; opacity: 0.5; }
input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {height: 0;width: 0;}
textarea { padding: 10px;} 
input::-webkit-input-placeholder {color: #a8a8a8;font-size: 14px;}
input:-moz-placeholder {color: #a8a8a8;font-size: 14px;}
input::-moz-placeholder { color: #a8a8a8;font-size: 14px;}
input:-ms-input-placeholder {color: #a8a8a8;font-size: 14px;}

textarea::-webkit-input-placeholder {color: #a8a8a8;font-size: 13.5px; }
textarea:-moz-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::-moz-placeholder {color: #a8a8a8; font-size: 13.5px;}
textarea:-ms-input-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::placeholder {color: #a8a8a8; font-size: 13.5px;}
select{ border-radius:var(--borderradius) ; border: 1px solid var(--grayddd); padding: 12px 10px;-ms-appearance: none;-o-appearance: none;appearance: none;    background: url(https://d3aew4oo17ml6.cloudfront.net/common/images/other/down-new.jpg) right 50% no-repeat #fff;   /* Add custom arrow */}
/* Custom Scroll Bar :: BEGIN */
*::-webkit-scrollbar, *::-webkit-scrollbar-thumb { width: 5px;height: 0;border-radius: 13px;background-clip: padding-box;}
*::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px;color: transparent;}
*:hover::-webkit-scrollbar-thumb {color: rgba(0, 0, 0, 0.5);}
* {scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);scrollbar-width: thin;}
/* print */
@media (max-width: 768px) {
    *::-webkit-scrollbar {display: none;}
}
/* Custom Scroll Bar :: END */

@media print {
* { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important; }
a, a:visited { text-decoration:underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr, img { page-break-inside:avoid; }
img { max-width:100%!important; }
 @page {
margin:0.5cm;
}
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
} 
.otherhide{display: none;}
/*============================================  ============================================*/
.margin20t{margin-top: 20px;}
.margin20b{margin-bottom: 20px;}
.margin20tb{margin: 20px 0;}
.margin50tb{margin: 50px 0;}
.hide{display: none !important; }
.show{display: block!important;}
.center{text-align: center}
.relative { position:relative;}
.absolute { position:absolute;}
.norelative, .noabsolute { position:static !important; } 
.count{color: var(--gray999); font-size: 12px;font-family: var(--roboto);position: absolute;bottom:-18px;right: 0;background: var(--grayddd);padding: 0 5px}
.count span{ color: var(--black); }
/*loader*/
.loader {border: 2px dotted #000;border-radius: 50%; width: 15px;height: 15px; display: inline-block;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
/**/
.bodyfix body, .blurbody body{overflow: hidden}
.bodyfix .backdrop{display: block}
.open.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;background: rgba(0,0,0,.8); } 
.backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: #000;z-index: 998;opacity: 0.8;filter: alpha(opacity=80);display: none;   }
@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

/**/
/*============================================ Buttons Start ============================================*/
.disabled, a.disabled, .btun.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled { cursor:not-allowed !important; background:#e0e0e0 !important; border-color: #a1a1a1; color: #a1a1a1!important;opacity: .5;}
.btun { display: inline-block; padding: 7px 20px; margin-bottom: 0; font-size: 13px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; min-width: 100px; letter-spacing:normal;font-family: "Roboto", sans-serif;}
/*.btun:hover, .btun:focus, .btun.focus { color: #333; text-decoration: none;}*/
/* Sizes */
.btun-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.btun-sm { padding: 2px 10px; font-size: 11.9px; line-height:1.7; }
.btun-mi { padding: 1px 5px; font-size: 11px; line-height: 1.5; }
.btun-block { display: block; width: 100%; }
/* disabled  */
 
/* white */
.btun-white, .btun-white.btun-outline:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: var(--black); background-color: var(--grey); border-color: var(--white); }
/* black */
.btun-black, .btun-black.btun-outline:hover { color:var(--white); background-color: var(--black); border-color: var(--black); }
.btun-black.btun-outline { background-color:transparent; color: var(--black) }
.btun-black:hover { color: var(--white); background-color: var(--black); border-color: var(--black); }
/* grey */
.btun-grey, .btun-grey.btun-outline:hover { color: var(--black); background-color: var(--grayddd); border-color: var(--grayddd); }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
/* blue */
.btun-blue, .btun-blue.btun-outline:hover { color: var(--white); background-color: var(--blue); border-color:var(--blue); }
.btun-blue.btun-outline { background-color:transparent; color:var(--blue); }
.btun-blue:hover { background-color: var(--blue); border-color: var(--blue); color: var(--white); }
/* green */
.btun-green, .btun-green.btun-outline:hover { color: var(--white); background-color: var(--green); border-color: var(--green); }
.btun-green.btun-outline { background-color:transparent; color: var(--green); }
.btun-green:hover { background-color: var(--green); border-color: var(--green); color: var(--white); }

/* orange */
.btun-orange, .btun-orange.btun-outline:hover { color: var(--white); background-color:var(--orange); border-color: var(--orange); }
.btun-orange.btun-outline { background-color:transparent; color: var(--orange); }
.btun-orange:hover { background-color: var(--orange); border-color: var(--orange); color: var(--white); }
 
/* red */
.btun-red, .btun-red.btun-outline:hover { color: var(--white); background-color: var(--red); border-color: var(--red); }
.btun-red.btun-outline { background-color:transparent; color: var(--red); }
.btun-red:hover { background-color: var(--red); border-color: var(--red); color: var(--white); } 
/* ltyellow */
.btun-yellow, .btun-yellow.btun-outline:hover { color: var(--black); background-color: var(--yellow); border-color: var(--yellow); font-weight: 500}
.btun-yellow.btun-outline { background-color:var(--white); color: var(--yellow); }
.btun-yellow:hover { background-color: var(--yellow); border-color: var(--yellow); color: var(--black); } 
/* red */
.btun.btun-radus {border-radius: 50px;}
/**/
/*=================================================================================
Grid CSS
=================================================================================*/
/*  Grid Started  */
.container, .container-fluid {width: 100%;padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;}

@media (min-width: 576px) {
.container {max-width: 540px;}
}
@media (min-width: 768px) {
.container { max-width: 720px;}
}
@media (min-width: 992px) {
.container {max-width: 960px;}
}
@media (min-width: 1200px) {
.container {max-width: 1140px;}
 
}
@media (min-width: 1400px) {
.container {max-width: 1500px;}
}
.row {display: flex;flex-wrap: wrap;margin-left:-15px; margin-right: -15px;}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px}
.col{flex:1 0 0}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width: 576px) {
.col-sm{flex:1 0 0}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
.col-md{flex:1 0 0}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
.col-lg {flex: 1 0 0%;} 
.col-lg-auto {flex: 0 0 auto; width: auto;}
.col-lg-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-lg-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-lg-3 {flex: 0 0 auto; width: 25%;}
.col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-lg-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-lg-6 {flex: 0 0 auto; width: 50%;}
.col-lg-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-lg-9 {flex: 0 0 auto; width: 75%;}
.col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-lg-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
.col-xl {flex: 1 0 0%;}
.col-xl-auto {flex: 0 0 auto; width: auto;}
.col-xl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xl-3 {flex: 0 0 auto; width: 25%;}
.col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-xl-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-xl-6 {flex: 0 0 auto;width: 50%;}
.col-xl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xl-9 {flex: 0 0 auto; width: 75%;}
.col-xl-10 {flex: 0 0 auto;width: 83.33333333%;}
.col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xl-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
.col-xxl {flex: 1 0 0%;}
.col-xxl-auto {flex: 0 0 auto; width: auto;}
.col-xxl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xxl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-3 {flex: 0 0 auto; width: 25%;}
.col-xxl-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-xxl-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-xxl-6 {flex: 0 0 auto; width: 50%;}
.col-xxl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xxl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xxl-9 {flex: 0 0 auto; width: 75%;}
.col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xxl-12 {flex: 0 0 auto; width: 100%;}
} 
/*============================================ checkbox & radio Start ============================================*/
.svgicons{display: none}
#header{background:var(--white);box-shadow: var(--boxshadow);align-items: center;padding: 0} 

/*
.logo a, .logo{display: block; height: 40px; width: 120px;}
.logo a{text-indent: -9999px; background: url("../images/other/sulekhalogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%; display: block;}
*/

header{padding: var(--size10) 0;background: #0a2478;position: fixed;top: 0;z-index: 9;width: 100%;}
header .logo{display: block; height: 60px; width: 150px;}
header .logo a{height: 60px;text-indent: -9999px; background: var(--logo);background-position: left center;background-size:70%; display: block;}

/* header start */
.headerarea{display: flex;flex-wrap: wrap; justify-content: space-between;}
.headerarea .header-rt{display: flex;justify-content: space-between;align-items: center;gap: var(--size15)}
.headerarea .header-rt .menu{}
.headerarea .header-rt .menu ul{display: flex;gap:var(--size10)}
             
.headerarea .header-rt .menu ul{display: flex;align-items: center;gap:var(--size10);padding: 0}
.headerarea .header-rt .menu ul li{position: relative;padding: var(--size10); font-size:16px;}
.headerarea .header-rt .menu ul li a{display:inline-flex; color: var(--white);padding: var(--size10) 0;align-items: center;-webkit-transition: 0.3s ease;transition: 0.3s ease;position: relative;white-space: nowrap;}            
.headerarea .header-rt .menu ul li a.active{color:#66bfff} 
.headerarea .header-rt .menu ul li ul{display: none;background: var(--white);position: absolute;box-shadow: 0 0 18px rgb(0 0 0 / 15%);z-index: 3;border-radius: 4px;min-width: 250px;left: 0;padding: var(--size10) 0;margin-top: var(--size10);}
.headerarea .header-rt .menu ul li:hover ul{display: block;}  
.headerarea .header-rt .menu ul li a:before{position: absolute;content: '';bottom: 0;left: 0;-webkit-transform: translateY(40%);-moz-transform: translateY(40%);-ms-transform: translateY(40%);transform: translateY(40%);width: 0;height: 3px;border-radius:var(--size30);-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color: var(--link);z-index: -1;}
.headerarea .header-rt .menu ul li a.active:before, .headerarea .header-rt .menu ul li a:hover:before {width: 100%;color:var(--link);} 
.headerarea .header-rt .csshape {background-image: url('data:image/svg+xml,<svg width="317" height="133" viewBox="0 0 317 133" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M316.994 25.5441C316.993 11.4362 305.596 0 291.537 0H81.6682C70.0311 0 59.8991 7.99396 54.8348 18.5082C46.3448 36.1343 29.4174 59.9944 -8.15406e-06 59.9944C58.5595 59.9944 214.274 108.995 283.276 131.698C299.881 137.162 317.001 124.744 317 107.208L316.994 25.5441Z" fill="%23002697"/></svg>');overflow: hidden;height: 67px;width: 247px;padding: 15px 15px 15px 50px;display: flex;align-items: center;justify-content: center;margin-bottom: -52px;margin-right: -15px;background-size: cover;}   
.headerarea .header-rt .csshape a{color: var(--white)}   
.headerarea .header-rt .csshape a i {width: 26px;height: 26px;border-radius: 100%;background: red;display: inline-flex;justify-content: center;align-items: center;    margin-right: 10px;} 
/* Header End */
             
/* Banner Start */
/*
.herobannerarea{background: linear-gradient(210deg, #002697, #07143c);height: 100%;position: relative;-webkit-border-radius: var(--size20);-moz-border-radius: var(--size20);border-radius: var(--size20);display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.slider-inner{ padding: var(--size60) 0;position: relative}
.slider-inner .slider-content{padding: 0 var(--size40);}
.slider-inner .slider-content h1{-webkit-text-fill-color: transparent;background: linear-gradient(90deg, #00c1d5, #00d423);-webkit-background-clip: text;font-size:var(--size40); font-weight: var(--size900);padding-bottom: var(--size20);}
.slider-inner .slider-content p{color: #77fff2;font-size: var(--size16);}
.slider-inner .img-group{padding: var(--size20) var(--size40) 0}
.slider-inner .img-group figure{width:400px; height: 335px;}
*/

.heroslider{}
.heroslider .herocaptionarea{position: absolute;top: 0;right: 330px;width: 100%;height: 100%;display: flex;align-items:center;justify-content: flex-end}
.heroslider .herocaption{color: var(--white);backdrop-filter: blur(50px);background: rgb(2 2 2 / 0%);transform-style: preserve-3d;transform: perspective(1000px);text-align: left;padding: var(--size30);width: 770px;border: solid 1px rgb(255 255 255 / 18%);border-radius: 10px;}
.heroslider .herocaption .content_typography{font-size: 28px; line-height: 26px;font-weight: 900;letter-spacing: 0.5px;}

.sliderarea{width: 1500px; display: flex;justify-content: end;}
.heroslider{background:url("../images/banner-bg.jpg") center/cover no-repeat; padding: 95px;align-items: center;display: flex;height: 550px;justify-content: flex-end;margin-top: 70px}
.herocaption p{margin-top: var(--size10);font-size: 16px;line-height: 30px;letter-spacing: 0.5px;}
.herocaption .btun-blue{margin-top: var(--size20);font-family: var(--Coustard);} 
.herocaption .btun-outline{background: var(--white);margin-top: var(--size20);font-family: var(--Coustard);margin-right: 5px;} 

/* form */           
.formsheet{display: flex;align-items: end;height: 100%;overflow: hidden;}
.formsheet .formsheet-container{margin: 0 auto;position: relative;width: auto;display: flex;align-items: center;width:550px;}  
.formsheet .formsheet-inner {position: relative;display: flex;flex-direction: column;background: var(--white);width: 100%;-webkit-border-top-left-radius: var(--size20);
-webkit-border-top-right-radius: var(--size20);-moz-border-radius-topleft: var(--size20);-moz-border-radius-topright: var(--size20);border-top-left-radius: var(--size20);border-top-right-radius: var(--size20); height: 100%;box-shadow: 0px -5px 10px 0px rgba(16, 93, 196, 0.3);}
/**/
.shape-lft, .shape-rgt {width:100px;height:100px;overflow:hidden;position:absolute;display:block;bottom:0;z-index: 1;}
.shape-lft{left:-100px;}
.shape-rgt {right:-100px}
.shape-lft:before, .shape-rgt:before {content: "";display: block;width: 200%;height: 200%;position: absolute;border-radius: 50%;bottom: 0;} 
.shape-lft:before {right: 0;box-shadow:50px 50px 0 0 #fff;}
.shape-rgt:before {left: 0;box-shadow: -50px 50px 0 0 #fff;}
.shape-lft:after, .shape-rgt:after {content: "";display: block;width: 200%;height: 200%;position: absolute;border-radius: 50%;bottom: 0;} 
.shape-lft:after {right: 0;box-shadow:inset 0px 1px 5px 0 rgba(16, 93, 196, 0.3);}
.shape-rgt:after {left: 0;box-shadow:inset 0px 1px 5px 0 rgba(16, 93, 196, 0.3);}
/**/
.formsheet .form-head{padding: 15px;display: flex;gap:var(--size20)}    
.formsheet .form-head .close{display: none;}
.formsheet .form-head .headinfo{font-family: var(--Coustard);}
.formsheet .form-head .headinfo .title{font-size: 18px;font-weight: var(--size600);color: #374b5c;padding-bottom: 5px; display: block}
.formsheet .form-head .headinfo p{color: var(--gray777);font-weight: 400;font-size: 14px;margin: 0;line-height: var(--size20);}

.formsheet .form-body{padding:0 15px}      
.formsheet .form-body .error select{border: #D8232A solid 1px !important;}
.formsheet .form-fotr{padding:0 15px 15px}  
.formsheet .form-fotr .btun{border-radius: 4px;}
      
.inputbox{position: relative;padding-bottom: var(--size20)}
.inputbox .select-menu {position: absolute;background: white;min-width: 100%;max-width: 100%;top: calc(100% + -13px);border-radius: 6px;box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);left: 0;padding: 5px 0 0;margin: 0;z-index: 3;display: none;max-height: 190px;overflow-x: hidden;overflow-y: auto;}
.inputbox .select-menu {}
.inputbox .select-menu {min-width: 150px;max-width: 150px;top: calc(100% + 0px);}
.inputbox input, .inputbox select {width: 100%;transition: border-color 0.3s ease;border-radius: var(--size4);border: #9e9e9e solid 1px;padding: var(--size15);} 
.inputbox label {position: absolute;left:var(--size10);top: 12px;font-size: 14px;color:#666;transition: all .2s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px;}
.inputbox label em{color:#c52429}
.inputbox input:focus {border:2px solid #2886FB!important;outline: none;}
.inputbox input:focus + label, .inputbox>input:not(:placeholder-shown) + label, .inputbox.valid label{top: -10px;font-size: 13px;color:#2886FB;background-color:white;padding: 0 4px;border-radius: 4px;left:12px;width: auto;}
.inputbox textarea{width: 100%;border-radius: 4px;border: #9e9e9e solid 1px;padding: var(--size10);line-height: var(--size20)}
.inputbox textarea:focus {border-color: #2886FB;outline: none;border-width: 2px}
.inputbox textarea:focus + label, .inputbox textarea:valid + label{top:-10px;font-size: 13px;color:#2886FB;background-color:white;padding: 0 4px;border-radius: var(--size4);left:12px;}
.error{color: #D8232A;}
.error label{color: #D8232A!important;}
.error input, .error textarea{border: #D8232A solid 1px!important;}
/**/ 
/* marquee Start */  
.marqueearea{background: #e1ebf8;padding: 60px 0;overflow: hidden;}     
.marquee-section{position:relative;padding:12px 0;margin-top: 30px;}
.marquee{position:relative;--duration:30s;--gap:0px;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap)}
.marquee .marquee-group{flex-shrink:0;display:flex;align-items:center;gap:var(--gap);min-width:100%;animation:scroll var(--duration) linear infinite}
.marquee:hover .marquee-group{animation-play-state: paused;}
.marquee .text{margin-right:10px;text-transform:uppercase;width: 250px;height: 60px; background: #fff; border: solid 1px #ddd;padding: 5px 25px;border-radius: 30px;}
.marquee .text img{width: 100%;height: 100%;object-fit: contain;}
 
@media (prefers-reduced-motion:reduce){
.marquee .marquee-group{animation-play-state:play}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}
@keyframes scroll{
0%{transform:translateX(0)}
to{transform:translateX(calc(-100% - var(--gap)))}
}


@keyframes createscrol {
 0% {  transform: translateX(0) }
 to {  transform: translateX(100%) }
} 
/* marquee End */     
/* Time line Start */
.timelinesectionwrap{background:#e1ebf8;padding:100px 0 60px;overflow: hidden}
.timelinecontainerwarp{}
.timelinesection{display: flex; flex-flow: row wrap;max-width: 1280px;margin: 0 auto;padding-top: 80px;}
.timelinesection .timelinecontainer{padding: 15px 30px;position: relative;background: inherit;width: 50%;}
.timelinesection .timelineleft{left: 0;    margin-top: var(--size20);}
.timelinesection .timelineright{left: 100px;margin-top: var(--size20);top: 100px;}
.heading-icon{font-size: 40px; font-weight: 900;max-width:600px;left: 50%;position: relative;}
.heading-icon span{padding: 10px 0 0;display: block;}
.heading-icon p{padding: 10px 0 0;display: block;color:var(--gray777);font-size: var(--size16);font-weight: var(--size400);    line-height: 25px;}
/* Line Start */ 
.timelinesectionwrap .svg-line-wrap{position:absolute;left:0;width:100%}
.timelinesectionwrap .svg-line-wrap .svg-elem{position:absolute}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1{left:44.7%}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1 svg{width:140px}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2 svg{width:7px;opacity: 0;max-height: 2780px;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2{border-left:2px dashed rgb(172 186 206 / 45%);}
      
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2{left:52%;top:168px}
.timelinesectionwrap .svg-line-wrap .flow-svg-line .svg-line-start{border:2px solid #404a57;width:var(--size10);height:var(--size10);border-radius:50%;position:absolute;top:20%;left:-4px;opacity:1;transition:.3s all linear 0}
.timelinesectionwrap .svg-line-wrap .flow-svg-line .svg-line-end{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:var(--size10) solid #404a57;display:inline-block;position:absolute;top:182px;left:24px;opacity:0;transition:.3s all linear 2s}
.timelinesectionwrap .svg-line-wrap .flow-svg-line.zwe-ob #timelineMaskPath{opacity:1;stroke-dasharray:445}
 /* Line End */    
.timelinesection .content {padding: var(--size30);background: var(--white);position: relative;border: 1px solid #bccbdd;border-radius: 12px;text-align: left;font-family: var(--Coustard);}
.timelinesection .content .title{ font-weight: var(--size900); font-size: var(--size20);margin-bottom: var(--size10)}
.timelinesection .content .desc{font-size: 16px;margin-bottom: var(--size20);line-height: 25px;}
.timelinesection .content figure{width: 100%; height: 250px;text-align: center}
.timelinesection .content figure img {
    width: 90%;
    height: auto;
    max-width: 90%;
    object-fit: contain;
}
.timelinesection .content ul{margin-left: 18px;margin-bottom: 10px}
.timelinesection .content ul li{list-style-type: disc; padding-bottom: 8px; font-size: 16px;}
.timelinesection .svg-wrap{position:absolute;width:var(--size40);height:3px;top:calc(50% - 1px);z-index:1}
.timelinesection .svg-wrap svg{position:absolute;width:var(--size40);height:3px;top:0;right:-2px;z-index:1}
.timelinesection .svg-wrap:before{content:"";position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;top:-5px;z-index:10}
.timelinesection .svg-wrap:after{content:"";position:absolute;width:var(--size10);height:var(--size10);top:calc(50% - 5px);background:#fff;border:2px solid #404a57;border-radius:16px;z-index:1}   
.timelinesection .timelineright .svg-wrap{transition:.3s all ease 0;left:-34px;z-index:1}
.timelinesection .timelineright .svg-wrap svg{width:var(--size60)}
.timelinesection .timelineright .svg-wrap:after{content:"";left:-76%}
.timelinesection .timelineright .svg-wrap:before{border-left:var(--size10) solid #404a57;right:-6px} 
.timelinesection .timelineleft .svg-wrap{right:-38px;transition:.3s all ease 0;}
.timelinesection .timelineleft .svg-wrap svg{position:absolute;width:var(--size40);height:3px;top:0;right:-2px;z-index:1}
.timelinesection .timelineleft .svg-wrap:before{border-right:var(--size10) solid #404a57}
.timelinesection .timelineleft .svg-wrap:after{right:-18%} 
/* Time line End */        
/* promo form Start  */
.posteveblock{text-align: center;padding:var(--size50);position: relative;background: #0d1229;border-radius: var(--size20); width:900px; margin: 0 auto;color: var(--white);letter-spacing: 0.5px;margin-top:130px;}
.posteveblock big{ font-size: var(--size30); color: var(--white);font-weight: var(--size900);padding-bottom: var(--size30);display: block}
.posteveblock p{font-size: var(--size20);margin-bottom: var(--size20);display: block;line-height: var(--size30);}
.posteveblock .btun-blue{font-size: 18px;padding: 14px 36px;margin-right: var(--size20);font-family: var(--Coustard);position: relative}
.posteveblock .btun-blue:after {position: absolute;content: "";height: 100%;width: 100%;top: 0;left: 0;border-radius: 200px;animation: 2s ease 0s normal none infinite running playbutton;}
.posteveblock .btun-blue:before{position: absolute;content: "";height: 100%;width: 100%;top: 0;left: 0;border-radius: 200px;animation: 2s ease 0s normal none infinite running playbutton1;}
@keyframes playbutton {
	0% {
		box-shadow:0 0 0 0 rgba(255,255,255,0);
		opacity: 1; 
	}
	100% {
		box-shadow:0 0 0 10px rgba(255,255,255,1);
		opacity: 0; 
	} 
}
@keyframes playbutton1 {
	0% {
		box-shadow:0 0 0 0 rgba(255,255,255,0);
		opacity: 1; 
	}
	100% {
		box-shadow:0 0 0 20px rgba(255,255,255,1);
		opacity: 0; 
	} 
}
/* promo form End  */
       
/* Banner End */
      
      
.pagetitle{text-align: center}
.pagetitle .title{font-size: 36px;font-weight: var(--size900);color: #21294A;line-height: var(--size50);margin-bottom: 10px;font-family: var(--Coustard);}
.pagetitle .tagline {font-size: 18px;color:var(--lightblack);margin-bottom: var(--size20);line-height: 28px;letter-spacing: 0.5px;font-family: var(--Coustard);}
/* uniquearea Start*/
.uniquearea{padding: 60px 0 0;overflow: hidden;}
.uniquearea .uniqueinfo{display: flex; justify-content: center;align-items:flex-end}
.uniquearea .uniqueinfo .uniquecard{-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;background: #f5f5f5;padding:20px 20px 0;width: 200px;display: flex; flex-direction: column; justify-content: flex-end;text-align: center}
.uniquearea .uniqueinfo .uniquecard p{font-size: 16px;}
.uniquearea .uniqueinfo .uniquecard.one{background: #C9BCFD;height: 200px;}
.uniquearea .uniqueinfo .uniquecard.two{background: #B6EEFE;height: 230px;}
.uniquearea .uniqueinfo .uniquecard.three{background: #FED5B0;height: 250px;}      
.uniquearea .uniqueinfo .uniquecard.one figure{margin-top: 10px;}
.uniquearea .uniqueinfo .uniquecard.two figure{margin-top: 10px;}
.uniquearea .uniqueinfo .uniquecard.three figure{margin-top: 30px;}
.uniquearea .uniqueinfo .uniquecard p{padding-bottom: 15px;}
.uniquearea .uniqueinfo .uniquecard figure{display: flex;justify-content: center}
/* uniquearea End*/
/* About Start*/
.aboutarea{padding: 60px 0}
.aboutarea .aboutcontent{} 
.aboutarea .aboutcontent .title{font-size: 40px;font-weight: 900;padding-bottom: 20px;}
.aboutarea .aboutcontent .descinfo{}
.aboutarea .aboutcontent .descinfo p{padding: 0 0 10px;display: block;color: var(--gray777);font-size: var(--size16);font-weight: var(--size400);line-height: 25px;}
.aboutarea .aboutimg{width: 700px; height: 400px;display: block;padding: 15px;}
.connectgridarea{ margin: var(--size70) 0 0}
.connectgridarea .connectitle{font-size: 20px; margin:0 0 var(--size20);font-weight: 900} 
.connectgridwarp{display: grid;grid-template-columns: repeat(4, 1fr); gap:30px;}
.connectgrid{display: flex;background: var(--white);flex-direction: column;justify-content: center;padding: 15px 25px;border-radius: 8px; -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);-o-transition: all .2s cubic-bezier(.02,.54,.58,1);transition: all .2s cubic-bezier(.02,.54,.58,1); border: solid 1px #fff; justify-content: center;text-align: center}
.connectgrid figure{width: var(--size70); height: var(--size70);background: #fff;margin: 0 auto;border-radius: 50%;overflow: hidden;display: inline-flex;align-items: center;justify-content: center; -webkit-transition: all .2s cubic-bezier(.02,.54,.58,1);-o-transition: all .2s cubic-bezier(.02,.54,.58,1);transition: all .2s cubic-bezier(.02,.54,.58,1);}     
.connectgrid span{text-align: center;padding:10px 0 0; font-size: 16px;font-weight: var(--size900); margin: 15px 0}
.connectgrid a{display: flex;flex-direction: column;color: #212121}
.connectgrid.one:hover{box-shadow: #CB4502 0 0 10px}
.connectgrid.two:hover{box-shadow: #0BD390 0 0 10px}
.connectgrid.three:hover{box-shadow: #D1064A 0 0 10px}
.connectgrid.four:hover {box-shadow: #075BCC 0 0 10px}    
.connectgrid.one figure{box-shadow: #CB4502 0 0 10px}
.connectgrid.two figure{box-shadow: #0BD390 0 0 10px}
.connectgrid.three figure{box-shadow: #D1064A 0 0 10px}
.connectgrid.four figure{box-shadow: #075BCC 0 0 10px} 
.connectgrid.one figure svg{fill: #CB4502}
.connectgrid.two figure svg{fill: #0BD390}
.connectgrid.three figure svg{fill: #D1064A}
.connectgrid.four figure svg{fill: #075BCC}      

.connectgrid.one:hover figure, .connectgrid.two:hover figure, .connectgrid.three:hover figure, .connectgrid.four:hover figure{box-shadow:none} 
.connectgrid.one {background: #FFF5F0}
.connectgrid.two {background: #effbf7;}
.connectgrid.three {background: #FEEFF4}
.connectgrid.four {background: #EFF5FD}
/* About end*/
      
/* testimonial Start */
.testimonialarea{padding:100px 0 0;overflow: hidden}
.testimonial{max-width:840px;width:100%;margin: 0 auto; margin-top: 60px; margin-bottom: 60px;}
.testimonialcard{position:relative;background:var(--white);border:1px solid var(--grayddd);border-radius:18px;padding:30px 20px;overflow:hidden} 
.testimonialcard .blockquote{margin:0 auto;max-width:720px;text-align:center;color:#667084;line-height: 20px;position: relative;    padding: 0 50px; font-size: 16px;}
.testimonialcard .author{margin-top:28px;display:grid;justify-content:center;gap:14px;text-align:center}
.testimonialcard .avatar{height:74px!important;object-fit:cover;display:block;margin:0 auto}
.testimonialcard .name{font-weight:700;font-size:18px;color:#28323d}
.testimonialcard .company, .testimonialcard .role{font-size:14px;color:#667084}      
.testimonialcard .blockquote:after, .testimonialcard .blockquote:before{position:absolute;font-size:72px;line-height:1;color:#eceef3;font-family:Georgia,Times,"Times New Roman",serif;pointer-events:none}
.testimonialcard .blockquote:before{content:"“";left:0}
.testimonialcard .blockquote:after{content:"”";right:0;}
 /* testimonial End */
/* new owl-carousel start*/
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent }
.owl-theme .owl-nav { margin-top:10px }
.owl-theme .owl-nav .disabled { opacity:.5; cursor:default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:10px }
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-theme .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#869791 }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative }
.owl-carousel { display:none; width:100%; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; -moz-backface-visibility:hidden }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none }
.owl-carousel .owl-item img { display:block;object-fit: cover;width: 100%;object-position: top center; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none!important}
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block }
.owl-carousel .owl-dot { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top: 15px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background:#24358C}
.owl-theme .owl-nav .disabled { opacity:0; }  
.owl-carousel .owl-nav div {background-color: rgba(0, 0, 0, 0.5); background-size:70%; display: block; height: 50px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 30%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance: none;-webkit-border-radius: 0;background-color: rgba(255,255,255,.75);border-radius: 50%;transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change: background-color,box-shadow;}
.owl-carousel .owl-nav div img{height: 42px;width: 42px;}
.owl-carousel .owl-nav div:hover{box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);background-color: rgba(255,255,255,.9);cursor: pointer; background-color: rgba(255,255,255,.9)}
.owl-carousel .owl-nav div.owl-next { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); right:0;-ms-transform: rotate(90deg);transform: rotate(90deg); }
.owl-carousel .owl-nav div.owl-prev { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); left:0;-ms-transform: rotate(-90deg);transform: rotate(-90deg); }
.owl-carousel .owl-nav div.owl-next.disabled, .owl-carousel .owl-nav div.owl-prev.disabled{display: none}
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel.owl-refresh .owl-item { visibility:hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-grab { cursor:move; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { animation-name:fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition:height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100% }
/*============================================ owl carousel end ============================================*/
.contactarea{padding: 80px 0;background: #e1ebf8;}
.contactarea .container{width: 1000px;}
.contactarea .contactwarp {display: flex;flex-wrap: wrap;}
.contactarea .contactwarp .contactleft {flex: 0 0 auto;width: 50%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.contactarea .contactwarp .contactcontent {flex: 0 0 auto;width: 50%;max-width: 100%;padding-left: 100px;padding-right: 15px;}  
.contactarea .contactwarp .contactleft .contentwrap {color: #222b40;padding: 0;position: sticky;top: 30px;}  
.contactarea .contactwarp .contactleft .contentwrap figure{padding-top: 25px} 
.contactarea .contactwarp .contactleft .contentwrap .contentinfo{margin-bottom: 25px} 
.contactarea .contactwarp .contactleft .contentwrap .faqtitle{font-size: 32px;letter-spacing:0.7px; text-transform: none;padding:0;font-weight: 900;line-height: 45px;}
.contactarea .contactwarp .contactleft .contentwrap .faqdesc{font-size: 16px;line-height: 30px;}
 
.contactarea .contactwarp .contactcontent .contact{border-radius: 4px;margin-bottom: 20px;padding: var(--size20);-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;border: 1px solid #B5B5C3;}  
.contactarea .contactwarp .contactcontent .contact:hover{background: var(--white);filter: drop-shadow(10px 10px 0px #CAC9D6);}
.contactarea .contactwarp .contactcontent .contact .name{ font-size:18px;padding: 0 0 15px;font-weight: 900;letter-spacing: 0.7px;}
.contactarea .contactwarp .contactcontent .contact .mailnum{display:flex; font-size: 16px;padding: 0 0 13px;align-items: center;}
.contactarea .contactwarp .contactcontent .contact .mailnum i svg{fill:var(--gray999)}
.contactarea .contactwarp .contactcontent .contact .mailnum .number{color: var(--black)}
.contactarea .contactwarp .contactcontent .contact .mailnum a{display:flex;align-items: center;gap:10px;padding-left: 5px}
.contactitle{font-size:22px;padding: 0 0 15px;font-weight: 900;letter-spacing: 0.7px;}
.contactlist{padding-bottom: 25px;}
/* ================================================================== */
.thumbs-bxs {bottom:170px;right: 0;width: 160px;height: 160px;line-height: 160px;text-align: center;border-radius: 50%;background-color:rgb(255 255 255 / 12%);position: absolute}
.thumbs-bxs .icon {height: 100%;display: flex;align-items: center;justify-content: center}
.icon img {border-radius: 30px;}
.text-circle {position: absolute;left: 0;right: 0;margin: auto;top: 25px;-webkit-animation: rotateme 9s linear infinite;animation: rotateme 9s linear infinite;width: 110px;height: 110px;}
.text-circle svg {width: 110px;margin: 0 auto;height: auto;overflow: visible;word-spacing: 10px;transform: rotate(0) scaleX(1) scaleY(1)}
.text-circle path {fill: transparent;stroke: transparent;stroke-width: 1px;transition: .3s stroke,.3s fill}
.text-circle use {fill: transparent;stroke: transparent;stroke-width: 1px;transition: .3s stroke,.3s fill}
.text-circle text {fill: var(--white);direction: ltr;transition:.3s stroke,.3s stroke-width,.3s fill;font-size:32px}
@keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

/*  */
.contact-map{position: relative;margin: 20px 0; display: flex; align-items: center;gap:10px; flex-wrap: wrap}
.contact-maparea{background: #fff;height: 100%; top:0; left: 20px;width: 350px;flex-shrink: 0; border-radius: 8px;}
.contact-mapa{background: #fff; height: 100%; display: flex;align-items: center;border-radius: 8px;}
.contact-maparea .contact-mapinfo{padding: 20px;display: flex;flex-direction: column;gap:15px}
.contact-maparea .contact-mapinfo .brandlogo{}
.contact-maparea .contact-mapinfo .brandlogo img{width: 100px;}
.contact-maparea .contact-mapinfo .contacttitle{font-size: 20px;font-weight: var(--size900)}
.contact-maparea .contact-mapinfo .contactadress{font-size: 16px;}
.contact-maparea .contact-mapinfo .contactadress b{font-size: 14px; display: block;padding-bottom: 7px; color: var(--gray777)}
.contact-maparea .contact-mapinfo .contactlocatn{}
.contact-maparea .contact-mapinfo .contactlocatn b{font-size: 14px; display: block;padding-bottom: 5px; color: var(--gray777)}
.contact-maparea .contact-mapinfo .contactlocatn ul{display: flex; flex-wrap: wrap;gap:10px;}
.contact-maparea .contact-mapinfo .contactlocatn ul li{border: solid 1px var(--grayddd);padding: 5px 15px; border-radius: 30px;}
.contact-maparea .contact-mapinfo .contactvia{font-size: 16px;}
.contact-maparea .contact-mapinfo .contactvia p{padding: 5px 0}
.contact-maparea .contact-mapinfo .contactvia p span{width: 100px;display: inline-flex}
.contact-maparea .contact-mapinfo .socallinks{}
.contact-maparea .contact-mapinfo .socallinks small{font-size: 14px; padding-bottom:10px; display: block}
.contact-maparea .contact-mapinfo .sharepoint{}

.contact-maparea .shareicon{display: flex;gap: var(--size10);margin-bottom: var(--size20);flex-wrap: wrap;}
.contact-maparea .shareicon .share{background: var(--white);margin-right: var(--size10);text-align: center;}
.contact-maparea .shareicon .share b{display: none}
.contact-maparea .shareicon .share a{color: var(--black)} 
.contact-maparea .shareicon .share svg{fill:var(--white)}
.contact-maparea .shareicon .share i{width: var(--size30); height: var(--size30);border-radius: 50%;display: inline-flex; align-items: center;justify-content: center}
.contact-maparea .shareicon .share.fb i{background: #3E5A99;}
.contact-maparea .shareicon .share.lin i{background:#0077b7;}
.contact-maparea .shareicon .share.in i{background: rgb(255,208,89);background: linear-gradient(22deg, rgba(255,208,89,1) 0%, rgba(253,86,39,1) 40%, rgba(190,43,188,1) 80%, rgba(1,67,223,1) 100%);}
.contact-maparea .shareicon .share.tw i{background:var(--black);}
.contact-maparea .shareicon .share.wt i{background: #0E9F16;} 
/**/
.service-section { padding: 50px 0;overflow: hidden}
.single-service-box {text-align: right;position: relative;margin-bottom: 30px;padding: 45px 0 46px;right: -16px;}
.single-service-box.two {right: 52px;}
.single-service-box.three {right: -7px;}
.service-conmtent h3 {font-size: 22px;margin: 0 0 10px;font-weight: 600;color: var(--drakblue);}
.service-conmtent p {text-align: right;color: var(--gray888);}
.service-thumb {position: absolute;right: -86px;border-radius: 50%;width: 55px;height: 55px;  display: inline-flex;justify-content: center;align-items: center;background: rgb(33,165,230);
background: linear-gradient(90deg, rgba(33,165,230,1) 0%, rgba(68,210,181,1) 100%);z-index: 1}
.service-thumb svg{fill:var(--white)}
/*right side*/
.single-service-box-two {text-align: left;position: relative;margin-bottom: 30px;padding: 45px 0 46px;left:-39px;}
.single-service-box-two.five {left: 35px;}
.single-service-box-two.six {left: -26px;}
.single-service-box-two .service-thumb {position: absolute;left: -86px;right: inherit;}
.single-service-box-two .service-conmtent p {text-align: left;color: var(--gray888);}
/*shape*/
.shape15 {position: absolute;right: -55px;left: -70px;margin: auto;z-index: -1; border: dashed 2px #48DCA8; border-radius: 50%; width: 502px; height: 502px;}
.shape15 img{opacity: 0}
.shape18 {text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #fff;overflow: hidden;width: 432px;height: 432px;position: absolute;bottom: 20px;left: 30px;}
.shape18 img{width: 400px; height: 400px;margin-bottom: -50px;}
.rotateme {animation-name: rotateme;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes rotateme{
0%{transform:rotate(0deg);}
25%{transform:rotate(90deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
} 
.service-section .herotitle{padding-bottom: 40px;} 
.bottomsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 1000005;}
.bottomsheet-container {max-width: 50rem !important;} 
.bottomsheet-container.large{}
.bottomsheet-container.small{max-width: 500px !important;}
.bottomsheet-container.medium{max-width: 650px !important;}
.bottomsheet .bottomsheet-inner {display: flex;flex-direction: column;overflow: hidden;background: var(--white);width: 100%;height: auto;max-height: 85%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s var(--animation);transition: all 1s ease;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

@media (min-width: 768px){
.bottomsheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;outline: 0;z-index: 1000005}
.bottomsheet .bottomsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin: 15px auto;position: relative;width: auto;pointer-events: none;display: flex;align-items: center;} 
.bottomsheet .bottomsheet-inner {overflow: hidden;width: 100%;max-height: 100%;z-index: 1;pointer-events: auto;position: relative;display: flex;flex-direction: column;background: var(--white); height: auto;background-clip: padding-box;border-radius: var(--borderradius20);outline: 0;}
.bottomsheet .bottomsheet-container.small .bottomsheet-inner{border-radius: var(--borderradius10);}
 } 

.modal-header{display: flex;justify-content: space-between;padding: 25px;align-items: flex-start;font-family: var(--Coustard);font-weight: var(--size900)}
.modal-header .modal-title{font-weight: var(--fontweight700);font-size: 24px;}
.modal-header a{margin-left: auto}
.modal-body{ padding: 5px 25px 25px;overflow-x: hidden;overflow-y: overlay;}
.modal-footer{border-top: solid 1px var(--grayddd);padding: 15px 25px;display: flex;align-items: center;flex-direction: column}
.modal-footer span{display: block;padding: 0 0 10px}
.modal-footer .btun-default{margin-right: 5px;}  
.modal-footer .modalaction{margin-left: auto}
.addlist-footer{margin-left: auto}

.form-grouparea{padding: var(--size15);}            
.form-group {position: relative;margin-bottom: var(--size30);}
.form-group .label {left: var(--size10);font-size: 16px;color: var(--gray666);font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px; margin-bottom: var(--size10); display: flex} 
.form-group .helptext, .form-group .alertext{padding-top:5px;font-family: var(--roboto);font-size: 13px;}
.form-group .alertext{display: block; color: var(--red);padding-top: 10px;}
.form-group .helptext a{color: var(--link);text-decoration: underline}
.form-group input {width: 100%;transition: border-color 0.3s ease; border-width: 1px; border-radius: 4px;}
.form-group label {position: absolute;left: var(--size10);top: 13px;font-size: 14px;color:  var(--gray666);transition: all .2s;font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px;}
.form-group label i{color: var(--red)}
.form-group input:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group input:focus + label, .form-group input:not(:placeholder-shown) + label, .form-group.valid label{top: -10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;width: auto;} 

.form-group textarea{width: 100%; height: 150px;}
.form-group textarea:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group textarea:focus + label, .form-group textarea:valid + label{top:-10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;}

.form-group select{width: 100%}

footer {margin-top: 30px;padding: 15px;background-color: #0a2478;}
footer p {text-align: center; color: #fff;}
/* team */
.sectionone{margin-top: 100px;}
.sectionone .container{max-width: 1280px;}
.singlelistarea {background: #f5f5f5;display: flex; justify-content: space-between;padding: 25px; border-radius: 30px;margin-bottom: var(--size40);gap:var(--size40);height: 400px} 
 
.singlelistarea.one{ background:#dcfaf3;}
.singlelistarea.two{background:#c7e6fe;}
.singlelistarea.three{background:#fdf2d3;}
.singlelistarea.four{background:#ffe3d3;transform:none!important}
.card {position: sticky;top: 120px;transform-origin: center top;} 
.singlelistarea .singlelist-content{} 
.singlelistarea .singlelist-content .singlelisthead{}

.singlelistarea .singlelist-content  .title{font-size: 26px;font-weight: var(--size900);color: #21294A;line-height: var(--size30);font-family: var(--coustard);margin-bottom: var(--size20)} 
.singlelistarea .singlelist-content  p{font-size: 17px;color:var(--lightblack);line-height: 28px;letter-spacing: 0.5px;font-family: var(--coustard);margin-bottom: var(--size20);}
.singlelistarea .postfigure{background: #bdefe4; border-radius: 20px;padding: var(--size20); width: 340px;display: flex;align-items: center;flex-shrink: 0;} 
.singlelistarea .postfigure img{width: 300px; height: 310px;border-radius: 10px;}
.singlelistarea.two .postfigure{background: #abdaff;} 
.singlelistarea.three .postfigure{background: #efe1b2;} 
.singlelistarea.four .postfigure{background: #f1cdb7;} 
/* team */

.mobimenu, .hamburgerwrp{display: none}

/* Muru End */
@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {}
/*----iphone---*/
@media (max-width : 640px) {}
/**/
@media only screen and (min-width : 569px) and (max-width : 640px) {
  /**/
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobilehide{display: none}
.pagetitle .title, .aboutarea .aboutcontent .title, .heading-icon { font-size: 20px;line-height: 30px;}
.single-service-box, .service-thumb, .single-service-box.two{right: 0}
.single-service-box-two, .single-service-box-two .service-thumb, .single-service-box-two.five, .single-service-box-two.six{left: 0}
.single-service-box, .single-service-box-two{padding: 15px;}
.single-service-box .service-conmtent{padding-right: 65px;} 
.single-service-box-two .service-conmtent{padding-left: 65px;}
iframe{width: 100%!important}
.contactarea .container{width: 100%}
.contact-maparea{position: static;height: auto;width: 100%;}
.contact-mapa{width: 100%; height: auto}
.contact-map{margin-bottom: 0}
.contactarea{padding: 20px 0}
.card{position: inherit}
.singlelistarea{flex-direction: column-reverse;height: auto;  margin-bottom: 0; gap: 0;transform-origin: inherit;}
.singlelistarea .postfigure{width: 100%;margin-bottom: 10px}
.singlelistarea .postfigure img{height: auto; width: 100%}
.singlelistarea .singlelist-content .title{font-size: 20px;margin-bottom: 10px;}
.hamburgerwrp{display: block}
.mobimenu{background: #f5f5f5;padding: 10px; display: flex;align-items: center;justify-content: space-between}
.iconhamburger{-webkit-transition: background 0s 0.3s;transition: background 0s 0.3s;background:var(--white);display:block;height: 4px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 25px; transform: rotate(180deg);}
.iconhamburger:before, .iconhamburger:after {-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0s;transition-delay: 0.3s, 0s;content: "";display: block;height: 4px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
.iconhamburger:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -7px;width: 25px;background-color: var(--white);}
.iconhamburger:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -7px;width: 25px;background-color: var(--white);}
    
.headerarea .header-rt .menu  { position: fixed!important; right: -30px; top:0; width: 100%; z-index: 8; background-color: #fff; color: #7f7f7f; height:auto; display: block; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); transform: translateX(800px); -webkit-transform: translateX(800px); -moz-transform: translateX(800px); -ms-transform: translateX(800px); -o-transform: translateX(800px); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; border-top: 1px solid rgba(51, 51, 51, 0.25);overflow-x: hidden;overflow-y: auto; display: block!important;margin-top: 0}
.headerarea .header-rt .menu.open { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);right: 0;top: 0;margin: 0;box-shadow: none;}
    
.headerarea .header-rt .menu ul{flex-direction: column}
.headerarea .header-rt .menu ul li{display: block;border-bottom: solid 1px var(--grayddd);width: 100%;}
.headerarea .header-rt .menu ul li a{color: var(--gray777)}
.headerarea .header-rt .menu ul li a:before{display: none}
.aboutarea, .marqueearea{padding: 20px 0}
.uniquearea, .testimonialarea{padding: 20px 0 0}
.marquee-section{margin-top: 0}
.connectgridarea{margin: 20px 0 0 } 
}
/**/
@media (min-width: 992px) {}
/*----iphone---*/
@media (max-width: 991px) {}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.heroslider{background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../images/banner-bg.jpg") left/cover no-repeat; align-items: flex-end;padding: 15px}
.heroslider .herocaption{width: 100%}
.heroslider .herocaption .content_typography {font-size: 22px; line-height: 30px;}
.posteveblock{padding:25px 15px;width: 100%;        margin: 0;}
.timelinesectionwrap{padding:50px 0 0}
.timelinesection .posteveblock{border-radius: 0;top: var(--size30);height: 350px;}
.timelinesection .content .title{font-size: 16px;line-height: normal;}
.timelinesection .content .desc{font-size: 14px;}
.faqcontentwrap{padding: 0}
.posteveblock big{font-size: var(--size20);padding-bottom: var(--size10);line-height: normal;}
.posteveblock p {font-size: 16px;}
.timelinesection{max-width: 100%}
.timelinesectionwrap .svg-line-wrap, .timelinesection .svg-wrap svg{display: none}
.timelinesection .timelineleft .svg-wrap, .timelinesection .timelineright .svg-wrap {left: 0;right: 0;margin: 0 auto;bottom: -20px;top: auto;width: 2px;background:var(--grayccc);height: 40px;}
.timelinesection .timelineleft .svg-wrap:before, .timelinesection .timelineright .svg-wrap:before {border-left: 6px solid transparent;border-right: 6px solid transparent;top: 30px;border-top: 10px solid #404a57;border-bottom: 6px solid transparent;left: -5px;} 
.timelinesection .timelineleft .svg-wrap:after, .timelinesection .timelineright .svg-wrap:after {right: -4.2px;left: auto;top: 0;}
.timelinesection .timelineright .svg-wrap:last-child {display: none} 
.heading-icon{position: static;text-align: center;display: block;max-width: 100%;line-height: 20px;}
.timelinesection{flex-flow: column wrap;padding-top: 20px;}
.timelinesection .timelinecontainer{width: 100%}
.timelinesection .timelineright{top: inherit;left: inherit}
.timelinesection .timelineleft{margin: 0}
.timelinesection .content{padding: var(--size20);}
.timelinesection .content figure {width: 100%;height: 100%;} 

.aboutarea .aboutimg{width: 100%; height: 100%}
.uniquearea .uniqueinfo{flex-direction: column}
.uniquearea .uniqueinfo .uniquecard{width: 100%;height: 100%!important; border-radius: 0;padding: 20px!important}
.connectgridwarp { display: flex; flex-direction: column    }
    
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {}
/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.formsheet .formsheet-container {width: 350px;}
.aboutarea .aboutimg{width: 100%}
.timelinesection .timelinecontainer {width: 46%;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1 {left:41%;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1 svg {width: 97px;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2 {top: 148px;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2 {left: 49%;}
    
.single-service-box {right: 50px;}
.single-service-box.two {right: 110px;}
.single-service-box.three {right:50px;}
.single-service-box-two {left:20px;}
.single-service-box-two.five {left: 95px;}
.single-service-box-two.six {left: 30px;}
    
}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {
.formsheet .formsheet-container {width: 400px;}
.aboutarea .aboutimg{width: 100%}
.timelinesection .timelinecontainer {width: 46%;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1 {left: 41.7%;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem1 svg {width: 97px;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2 {top: 148px;}
.timelinesectionwrap .svg-line-wrap .svg-elem.svg-elem2 {left: 49%;}
.thumbs-bxs {right: -60px;}
    
.single-service-box {right: 50px;}
.single-service-box.two {right: 110px;}
.single-service-box.three {right:50px;}
.single-service-box-two {left:20px;}
.single-service-box-two.five {left: 95px;}
.single-service-box-two.six {left: 30px;}
    
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {}