/* =======================================================*/
/*                      By Netsam Ns00--#$@dn                        */
/* =======================================================*/
@import url( Bootstrap/css/bootstrap.min.css );
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); 
/*========================================================*/
/*  Default HTML                                          */
/*========================================================*/
html { height:100%; }
body { height:100%; margin:0 0 0 0; background:#ffffff; -webkit-font-smoothing:antialiased; }
form { height:100%; margin:0; padding:0; }
table, tr, td {font-family:'Manrope', sans-serif; color:#5c5c5c; line-height:24px; font-weight:400; font-size:17px;}
p { font-family:'Manrope', sans-serif; color:#5c5c5c; line-height:24px; font-weight:400; font-size:17px; margin:0 0 24px 0; }
div { font-family:'Manrope', sans-serif; color:#5c5c5c; line-height:24px; font-weight:400; font-size:17px; padding:0px; margin:0px;}
span { }
figure { margin:0;}
hr { margin:10px 0; padding:0px; border-bottom:1px dashed #8f8f8f; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block;}
img { border:none;}
/*========================================================*/ 
/*  Main SKIN Elements                                    */
/*========================================================*/
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right; }
.minp { margin:0 200px; }
.paneOutline { border:1px dashed #666666; }
.logo { padding:15px 0 0 0; float:left; } .logo img { text-align:center; }
.top { background:#0A78C3; height:50px; }
.pixmenu{ display:none; }
.header-img { background:url(Images/header-img.png) top center no-repeat; padding:0 0; }
.header-wrap { min-height: 900px; }
.header-wrap-in { background:#222222; }
.headerpos { position:relative; z-index:9; }
.headerpos-in { background:url(Images/inner-default-bg.jpg) top center no-repeat #222222; }
.banner-wrapper { position:absolute; z-index:-1; top:0; background: #222222; }
.banner-wrapper-in { position:absolute; z-index:8; top:0; width:95%; }
body:not(.dnnEditState) .banner-wrapper-in { width:100% !important; }
.header { clear:both; margin:30px 0 0 0; padding:0 0 0 0; }
.header-in { clear:both; margin:30px 0 0 0; padding:0 0 0 0; position:relative; z-index:10; }
.headright { float:right; padding:60px 0 0 0; }
.menu { float:left; }
.inqlinks {  }
.herxs { padding-right: 0;  }
.inq-se { display:none; }
ul.qlinks { float:left; margin:0; padding:0; }
.qlinks li { list-style:none; display:inline-block; margin:0; padding:8px 0 0 5px; }
.hredbtn img { padding:0 8px 0 0; }
.hbody { margin:60px 0 0 0; position:relative; background:#ffffff; z-index:9; }
.ibody { margin:100px 0 100px 0; min-height:540px; position:relative; background:#ffffff; z-index:12; }
.logoold { text-align:center; padding:130px 0 0 0; }
.img-box { border:8px solid #ffffff; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; }
.footer-wrap { background:#0D2845; padding:100px 0 10px; }
.footer-copy { clear:both; border-top: 1px solid #081F39; text-align:center;   }
.footer p, .footer span, .footer a { font-size:16px !important; color:#5d5d5d !important;  }
.footer a:hover { color:#5d5d5d !important; text-decoration:underline !important; }
ul.footer-link { margin:0; padding:0; }
.footer-link li { list-style:none; margin:0 0 10px 0; }
.footer-link li img { padding:0 10px 0 0; }
#loading { margin:0 auto; display:block; text-align:center; padding:150px 0 100px;  } 
.finfo p { font-size: 16px; color: #ffffff; margin: 10px 0 0 0; }
.ftitle  { font-size: 17px; color: #ffffff; margin: 10px 0 0 0; font-weight: 700; display: block; margin: 0 0 20px; }
ul.footer-link { margin:0; padding:0; }
.footer-link li { list-style:none; margin:0 0 5px 0; }
.footer-link li a { font-size: 16px; color: #ffffff; margin: 0 0 0 0; }
.footer-link li a:hover {  color: #26C6DA !important; }
.fcgap { clear: both; display: block; height: 20px; width: 100%; }
.ftitle2 { font-size: 16px; color: #ffffff; margin: 0 0 20px 0; }
.ftitle2 strong { font-size: 17px; color: #ffffff; font-weight: 700; display: block; margin: 0 0 0; }
.ftitle2 img { float: left; margin: 0 10px 0 0; }
/*========================================================*/
/*Contents                                              */
/*========================================================*/ 
.img-rounded { border-radius:20px; width:100%; }
.FeedbackForm h3 { font-size:18px; color:#ff0000; font-weight:400; margin:0 0 25px 0; }
.FeedbackForm .NormalTextBox  { height:46px; }
.dnnForm.FeedbackForm .dnnFormItem .dnnLabel { margin-right: 15px !important; }
.FeedbackForm label  { font-weight:400 !important; }
.FeedbackForm .dnnPrimaryAction, .FeedbackForm a.dnnPrimaryAction { box-shadow: none; background: #f00; border: none; border-radius: 0; padding: 10px 25px; color: #fff; text-shadow: none; }
.FeedbackForm .dnnPrimaryAction:hover, .FeedbackForm a.dnnPrimaryAction:hover { color:#ffffff !important; background:#005988 !important; }
.FeedbackForm #dnn_ctr449_Feedback_txtBody { height: 250px; width: 100% !important; max-width: 80%; }
.allrevew { position: absolute; bottom:15px; right:20px; }
.gplus { position: absolute; bottom:23px; left:15px; }
.cop { border:1px solid #ffffff; padding:10px; }
/*========================================================*/
/*  Admin Control Bar                                     */
/*========================================================*/  
#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a { height:55px !important; }
#ControlNav > li > a { height:53px !important; } #ControlEditPageMenu > li > a { height:55px  !important; }
ul#ControlBar_Module_ModulePosition li { height:30px !important; padding:5px 0 5px 10px !important; }
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li { height: 28px !important; padding: 5px 0 5px 10px !important;}
ul.dnnAdminTabNav { height: 45px !important; }
ul.dnnAdminTabNav li.ui-tabs-active a { padding: 9px 9px 10px !important; }
/*========================================================*/
/*  Site Contents                                         */
/*========================================================*/  
.center { text-align:center !important;}
.gborder { border:1px solid #cccccc; }
.tright { text-align:right; }
.tpad-normal { padding-top:15px; }
.tpad-mid { padding-top:30px; }
.tpad-big { padding-top:45px; }
.rpad-big { padding-right:75px; }
.bmar-small { margin-bottom:10px !important;}
.bmar-normal { margin-bottom:20px;}
.bmar-midd { margin-bottom:30px;}
.margin-tb-sm { margin:15px;} .margin-tb-normal { margin:30px;}
.block { display:block;}
.bold { font-weight:600 !important;}
.nbold { font-weight:400 !important;}
.dblock { display:block !important;}
.dinline { display:inline-block !important;}
.red { color:#fe0000; }
.blue { color:#0000fd; }
.black { color:#000000;}
.gray { color:#555555;}
.imgfl { float:left; margin:0 25px 0 0; }
.white { color:#ffffff; }
.line-big { line-height:26px !important; }
.no-margin  { margin:0 !important;}
.hspace-small { height:15px;}
.hspace-normal { height:30px;}
.tcenter { text-align:center; }
.comments {  color:#888888; font-family:'Manrope', sans-serif; font-weight:500; font-size:12px;}
.hero-cont { padding: 100px 0 0 0; }
.hero-cont h1 { font-size: 120px; color: #ffffff; line-height: 130px; font-weight: 700; width: auto; }
.hero-cont h2 { font-size: 60px; color: #26C6da; line-height: 70px; font-weight: 700; margin: 0 0 30px 0; }
.hero-cont h4 { font-size: 26px; color: #ffffff; line-height: 36px; font-weight: 700; margin: 0 0 5px 0; }
.hero-cont p { font-size: 20px; color: #ffffff; line-height: 30px; font-weight: 500; width: 750px; margin: 0; padding:0 0 30px 0; }
.hero-cont .hcaction { padding: 0 0 0 0; }
.hero-cont h1.rand { position: relative; display: grid; margin: 0; overflow: visible; }
.hero-cont h1.rand p { grid-area: 1 / 1; margin: 0; padding: 0; opacity: 1; transform: scale(0.85); will-change: transform, opacity; pointer-events: none; }
.hero-cont ul { margin: 0; padding: 60px 0 0; }
.hero-cont ul li { list-style: none; display: inline-block; padding: 0 30px 0 30px; font-size: 20px; font-weight: 500; color: #ffffff; background: url(Images/arrow-ok.svg) left center no-repeat; }
.red-border-rounded { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 220px; height: 70px; border: 2px solid #26C6DA; border-radius: 50px; background: #08AEEA; color: #ffffff; text-decoration: none; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 700; overflow: hidden; isolation: isolate; }
.red-border-rounded span { position: relative; z-index: 10; font-size: 20px; font-weight: 500; color: #ffffff; transition: color .3s ease; }
.red-border-rounded i { position: absolute; z-index: 2; left: 0; top: -55%; width: 100%; height: 220px; transform: translateY(-10%); background: #08AEEA; overflow: hidden; }
.red-border-rounded i::before { content: ""; position: absolute; width: 200%; height: 200%; top: 0; left: 50%; transform: translate(-50%, -75%) rotate(0deg); border-radius: 46%; background: rgba(255, 255, 255, .28); animation: poolWave1 5s linear infinite; }
.red-border-rounded i::after { content: ""; position: absolute; width: 200%; height: 200%; top: 0; left: 50%; transform: translate(-50%, -75%) rotate(0deg); border-radius: 40%; background: rgba(0, 80, 150, .18); animation: poolWave2 9s linear infinite reverse; }
.red-border-rounded:hover { background: #08AEEA; }
.red-border-rounded:hover i::before { animation-play-state: paused; }
.red-border-rounded:hover i::after { animation-play-state: paused; }
.red-border-rounded:hover span { color: #ffffff; }
@keyframes poolWave1 { from { transform: translate(-50%, -75%) rotate(0deg); } to { transform: translate(-50%, -75%) rotate(360deg); } }
@keyframes poolWave2 {  from { transform: translate(-50%, -75%) rotate(0deg); } to { transform: translate(-50%, -75%) rotate(360deg);  } }
.bread-hero { position:relative; text-align:center; margin:0 auto; padding:80px 0 50px 0; z-index: 9; }
body.dnnEditState .bread-hero { position:relative; text-align:center; margin:0 auto; padding:20px 0 0 0; }
.bread-hero .ptitle { font-family:'Manrope', sans-serif; color:#ffffff; font-size:50px; line-height:90px; font-weight:800; margin:0 0 24px 0; }
#Breadcrumb { color:#ffffff; font-size:18px; }
.hero-card { }
.badge { background: #f1f2f7; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; border-radius: 20px; font-weight: 600; color: #2c2c2c; letter-spacing: 4px; padding: 8px 20px; }
.badge2 { display: inline-block; background: #ffffff; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; border-radius: 20px; font-weight: 600; color: #2c2c2c; letter-spacing: 4px; padding: 4px 20px; }
.hero-card h3 { color: #0d2845; font-size: 44px; font-weight: 800; line-height: 50px; margin: 0 0 20px; }
.hero-card h3 span { color: #1e88e5; display: block; }
.hero-card .hero-text { padding-right: 80px; padding-top: 40px; }
.hero-card .overlap-img1 { position: relative; }
.hero-card .overlap-img2 { position: absolute; width: 250px; height: 250px; right: -30px; bottom: -50px; }
.why-choose-section {  background: #e6eef3; padding: 86px 0; margin: 100px 0 0; text-align: center; }
.wc-heading h3 { color: #0d2845; font-size: 44px; font-weight: 800; line-height: 50px; margin: 0 0 20px; width: 700px; margin: 0 auto 10px; }
.wc-heading h4 { color: #1E88E5; font-size: 22px; font-weight: 700; line-height: 30px; margin: 0 0 20px; margin: 0 auto 0; }
.wc-heading { text-align: center; margin-bottom: 62px; }
.section-label { display: inline-flex; align-items: center; justify-content: center; height: 26px; padding: 0 23px; background: #ffffff; border-radius: 30px; color: #102d50; font-size: 12px; font-weight: 600; letter-spacing: 5px; line-height: 1; }
.benefits-grid { display: grid; text-align: left;  grid-template-columns: repeat(3, 1fr); column-gap: 58px; row-gap: 42px; margin: 0; padding: 0; list-style: none; }
.benefit-item { display: flex; align-items: flex-start; min-width: 0; }
.benefit-number { flex: 0 0 80px; width: 80px; height: 80px;  display: flex; align-items: center; justify-content: center; background: #0D2845; border-radius: 12px; color: #ffffff; font-size: 50px; font-weight: 300; line-height: 1; }
.benefit-content { padding-left: 15px; padding-top: 0; }
.benefit-content h3 { margin: 0 0 5px; color: #0D2845; font-size: 21px; font-weight: 700; line-height: 1.2; }
.benefit-content p {  }
.pool-services { position: relative; padding: 100px 20px 100px; overflow: hidden; background: #064c7d; }
.pool-services::before { content: ""; position: absolute; inset: 0; background: linear-gradient( rgba(0, 28, 78, 0.88), rgba(0, 35, 98, 0.88) ), url("/Portals/0/Images/service-background.jpg") center center / cover no-repeat; z-index: 0;  }
.services-header { text-align: center; margin-bottom: 38px; position: relative; }
.services-header h3 { color: #ffffff; font-size: 44px; font-weight: 800; line-height: 50px; margin: 0 0 20px; width: 700px; margin: 0 auto 10px; }
.services-header p { color: #ffffff; }
.services-grid { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 22px; }
.service-card { position: relative; min-width: 0; background: #f8fbfd; border-radius: 25px; padding: 30px 18px 18px 20px; overflow: hidden; min-height: 315px; }
.service-card h4 { position: relative; z-index: 2; min-height: 70px; color: #0D2845; font-size: 25px; line-height: 1.25; font-weight: 600;  margin: 0; padding-right: 35px; }
.service-image { width: 100%; margin-top: 15px; border-radius: 20px; overflow: hidden; }
.service-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1), filter 0.4s ease; }
.service-image::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); transition: background 0.4s ease; pointer-events: none; }
.service-arrow { position: absolute; top: 25px; right: 18px; width: 50px; height: 50px; border-radius: 50%; background: #ff1515; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 25px; line-height: 1; opacity: 0; transform: scale(0.5); transition: opacity 0.3s ease, transform 0.3s ease; z-index: 5; }
.service-arrow span { display: block; transform: translateY(-1px); }
.service-card:hover .service-image img { transform: scale(1.12); }
.service-card:hover .service-image::after { background: rgba(0, 0, 0, 0.08); }
.service-card:hover .service-arrow { opacity: 1; transform: scale(1); }
.service-card:hover .service-arrow { top: 25px; right: 18px; }
.hero-card { margin: 0 0 80px 0; }
.journey-section { padding: 100px 0 100px; overflow: hidden; }
.journey-heading { margin: 0 0 50px 0; }
.journey-heading h3 { color: #0d2845; font-size: 44px; font-weight: 800; line-height: 50px; margin: 0 0 20px; }
.journey-heading h3 span { color: #1e88e5; display: block; }
.journey-heading p { margin: 0 auto; }
.journey-slider-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.journey-slider { width: 100%; overflow-x: auto; overflow-y: hidden;  }
.journey-slider::-webkit-scrollbar { display: block; }
.journey-slider.is-dragging { }
.journey-track { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.journey-item { display: flex; align-items: flex-start; flex: 0 0 25%; max-width: 25%; }
.journey-card { width: 285px; text-align: center; padding: 0 8px; }
.journey-icon { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; margin: 0 auto 12px; background: #ff0000; border-radius: 50%; }
.journey-icon .se-tip { background: #ff0000; padding:12px 19px; color: #ffffff; position: absolute; left: 30px; top: 0; font-size: 20px; font-weight: 600; border-radius: 34px; }
.journey-icon img { display: block; width: 50px; object-fit: contain; }
.journey-card h4 { margin: 0 0 8px; color: #0D2845; font-size: 18px; line-height: 1.3; font-weight: 600; }
.journey-card p { font-size: 15px; }
.jowrap { padding: 44px 0 0 0; }
.jowrap h3 { color: #0d2845; font-size: 44px; font-weight: 800; line-height: 50px; margin: 0 0 20px; }
.jowrap h3 span { color: #1e88e5; display: block; }
.journey-arrow { display: flex; align-items: center; justify-content: center; width: 55px; flex: 0 0 55px; }
.journey-arrow span { display: block; color: #111; font-size: 28px; line-height: 1; font-weight: 300; }
.journey-nav { position: absolute; z-index: 5; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: #ff1515; color: #fff; font-size: 22px; cursor: pointer; transition: background 0.25s ease, transform 0.25s ease; }
.journey-nav:hover { background: #d90000; transform: scale(1.08); }
.journey-nav span { line-height: 1; }
.journey-prev { left: -20px; }
.journey-next { right: -20px; }
.journey-slider { width: 100%; overflow-x: auto; overflow-y: hidden;  }
.journey-slider::-webkit-scrollbar { display: none; width: 0; height: 0; }
.journey-slider.is-dragging {  }
.journey-custom-scrollbar { position: relative; width: 98%; height: 8px; margin-top: 18px; background: #e6eef3; border-radius: 20px; }
.journey-scrollbar-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 25%; background: #8aa1b0; border-radius: 20px; background 0.2s ease; }
.journey-scrollbar-thumb:hover { background: #0D2845; }
.journey-scrollbar-thumb.is-dragging { background: #0D2845; }
.cus-scroll { display: block; position: absolute; bottom: 0; width: 100%; }
.projects-section { width: 100%; padding: 100px 0 100px; background: #0D2845; overflow: hidden; }
.projects-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 25px; }
.projects-top { display: grid; grid-template-columns: minmax(280px, 1fr)  minmax(300px, 1.15fr)  auto; align-items: center; column-gap: 55px; margin-bottom: 28px; }
.services-header { text-align: center; margin-bottom: 38px; position: relative; }
.services-header p { color: #ffffff; }
.projects-title  h3 { color: #ffffff; font-size: 44px; font-weight: 700; line-height: 50px; width: 700px; margin: 0 auto 10px; }
.projects-title  h3 span { color:#26C6DA; display: block; }
.projects-intro {  max-width: 650px; }
.projects-intro p { margin: 0; color:#ffffff; }
.projects-navigation { display: flex; align-items: center; gap: 8px; }
.project-arrow { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 50%; background: #ff1515; color: #ffffff; cursor: pointer; transition: transform 0.25s ease, background 0.25s ease; }
.project-arrow:hover { background: #e00000; transform: scale(1.08); }
.project-arrow span { display: block; font-size: 21px; line-height: 1; font-weight: 300; }
.projects-slider { position: relative; width: 100%; overflow: hidden; border-radius: 12px; }
.projects-track { display: flex; width: 100%; transition: transform 0.75s cubic-bezier(0.65, 0, 0.35, 1); will-change: transform; }
.project-slide { position: relative; flex: 0 0 100%; width: 100%; overflow: hidden; border-radius: 12px; }
.project-slide > img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; }
.project-slide::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55%; background: linear-gradient( to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0) ); pointer-events: none; z-index: 1; }
.project-info { position: absolute; z-index: 2; left: 28px; bottom: 23px; width: 400px; padding: 20px 20px; border-radius: 12px; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity: 0; transform: translateY(100px); transition: opacity 0.7s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.project-slide.description-show .project-info { opacity: 1; transform: translateY(0); }
.project-info h3 { margin: 0 0 7px; color: #ffffff; font-size: 22px; line-height:32px; font-weight: 500; }
.project-info strong { display: block; margin-bottom: 6px; color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 600; }
.project-info p { color:#ffffff; font-size: 15px; }
.testimonials-section { width: 100%; padding: 100px 0 100px; background: #ffffff; overflow: hidden; }
.testimonials-heading { text-align: center; margin: 0 auto 48px; }
.testimonials-heading h3 { color: #0D2845; font-size: 44px; font-weight: 700; line-height: 50px; width: 700px; margin: 0 auto 10px; }
.testimonials-heading h3 span { color:#1e88e5; display: block; }
.testimonials-slider { width: 100%; overflow-x: hidden; overflow-y: hidden; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
.testimonials-slider.is-dragging { cursor: grabbing; }
.testimonials-track { display: flex; align-items: stretch; gap: 16px; width: max-content; padding: 0; margin-left: calc(50vw - 235px); }
.testimonial-card { flex: 0 0 450px; width: 450px; min-height: 250px; padding: 25px; box-sizing: border-box; border-radius: 20px; background: #eaf2f7; }
.testimonial-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 13px; }
.testimonial-user { display: flex; align-items: center; gap: 9px; }
.testimonial-avatar { width: 50px; height: 50px; flex: 0 0 32px; border-radius: 50%; object-fit: cover; pointer-events: none; }
.testimonial-user h5 { margin: 0 0 0; color: #16375b; font-size: 18px; line-height: 1.2; font-weight: 700; }
.testimonial-user span { display: block; color: #525252; font-size: 14px; }
.google-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 21px; border-radius: 50%;  }
.google-avatar {  width: 30px; }
.testimonial-rating { display: flex; align-items: center; ap: 7px; margin-bottom: 10px; }
.stars { color: #f5b400; font-size: 20px; letter-spacing: 1px; line-height: 1; }
.rating-number { color: #666; font-size: 14px; line-height: 1; }
.testimonial-text { }
.head {}
.heading { font-size:24px; line-height:34px;}
.h5 { height:5px; } .h10 { height:10px; } .h15 { height:15px; } .h20 { height:20px; } .h25 { height:25px; } .h30 { height:30px; } .h35 { height:35px; } .h40 { height:40px; } .h45 { height:45px; } .h50 { height:50px; }  .h55 { height:55px; } .h60 { height:60px; } .h65 { height:65px; } .h70 { height:70px; } .h75 { height:75px; } .h80 { height:80px; } .h150 { height:150px; } 
.flexslider .slides li { overflow: hidden; }.flexslider .slides li img { transform: scale(1.08); transition: transform 5s ease; } .flexslider .slides li.zoom-effect img { transform: scale(1); }
.eff-left, .eff-right, .eff-top, .eff-bottom { opacity: 0; transition: opacity 0.8s ease, transform 0.8s ease;  will-change: opacity, transform; }
.eff-left { transform: translateX(-70px); }
.eff-right { transform: translateX(70px); }
.eff-top { transform: translateY(-70px); }
.eff-bottom { transform: translateY(70px); }
.eff-left.eff-show, .eff-right.eff-show, .eff-top.eff-show, .eff-bottom.eff-show { opacity: 1; transform: translate3d(0, 0, 0); }
@media (prefers-reduced-motion: reduce) { .eff-left, .eff-right, .eff-top, .eff-bottom { opacity: 1; transform: none; transition: none; } }
.faqs { margin:0 0 100px 0; }
.faqs .faqtop { text-align: center; }
.faqs .faqtop h3 { color: #0d2845; font-size: 44px; font-weight: 800; line-height: 50px; margin: 0 0 20px; }
.faqs .faqtop h3 span { color: #1e88e5; display: block; }
.faqs .faqp { color:#3C3C3C; font-size:16px; text-align:right; }
.faqs .faqp a { color:#3C3C3C !important; font-weight:600; }
.faqs .faqp a:hover { text-decoration:underline !important; }
.faq { background:#eaf2f7; border-radius:20px; margin-bottom:15px; padding:30px; overflow:hidden; transition:background-color 0.4s ease; }
.question { display:flex; justify-content:space-between; align-items:center; cursor:pointer; transition:color 0.4s ease; font-size:22px; font-weight:600; }
.arrow { width:20px; height:20px; transition:transform 0.3s ease; }
.answer { max-height:0; overflow:hidden; padding:0; font-size:16px; line-height:26px; transition:max-height 0.4s ease, padding 0.4s ease, color 0.4s ease; color:#333; }
.faq.active { background:#0D2845; color:#fff; }
.faq.active .question { color:#fff; }
.faq.active .answer { max-height:200px; padding:15px 0; color:#fff; }
.faq.active p { margin:0 0 15px 0; }
.faq.active .answer p, .faq.active .answer span, .faq.active .answer li, .faq.active .answer div  { color:#fff; }
.imgres { width: 100%; }
.imground { border-radius: 18px; }
.img-mb { margin-bottom: 30px; }
.about-lice { text-align: center; }
.about-lice ul { padding: 0; margin: 0; }
.about-lice ul li { display: inline-block; list-style: none; }
.about-lice .licimg { width: 150px; }
.custom { }
.custom ul { padding:0; margin:0 0 0 20px; }
.custom li { list-style:none; background:url(Images/ico-check.svg) center left no-repeat; padding:0 0 10px 30px; background-position:0 2px; }
.custom li a.active { color:#222222; }
.meet-team { clear: both; background: #eaf2f7; padding: 25px; border-radius: 20px; margin: 30px 0; }
.meet-team ul {  display: flex; flex-wrap: wrap; gap: 30px; margin: 0; padding: 0; }
.meet-team li {  flex: 0 0 calc(33.3333% - 20px); box-sizing: border-box; text-align: center; list-style: none; margin: 0; overflow-wrap: break-word; word-wrap: break-word; }
.meet-team li img { width: 100%; border-radius: 12px; margin: 0 0 15px; }
.meet-team li .name { color: #26C6DA; font-weight: 800; margin: 0 0 10px 0; font-size: 20px; }
.meet-team li .name span { color: #1e88e5; display: block; font-size: 15px; font-weight: 600; }
.boxlist { }
.boxlist ul { padding:0; margin:0; }
.boxlist li { list-style:none; background:#ffffff; padding:15px 15px 15px 15px; border-radius: 12px; margin: 0 0 15px 0; font-weight: 600; }
.boxlist li a.active { color:#222222; }
.wcs { padding: 0 0; margin:10px 0 0; text-align: center; }
.wcs .section-label { display: inline-flex; align-items: center; justify-content: center; height: 26px; padding: 0 23px; background: #ffffff; border-radius: 30px; color: #102d50; font-size: 12px; font-weight: 600; letter-spacing: 5px; line-height: 1; }
.wcs .benefits-grid { display: grid; text-align: left;  grid-template-columns: repeat(1, 1fr); column-gap: 0px; row-gap: 30px; margin: 0; padding: 0; list-style: none; }
.wcs .benefit-item { display: flex; align-items: flex-start; min-width: 0; }
.wcs .bnum { flex: 0 0 80px; width: 30px; height: 100px;  display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 12px; color: #1e88e5; font-size: 36px; font-weight: 300; line-height: 1; }
.wcs .benefit-content { padding-left: 15px; padding-top: 0; }
.wcs .benefit-content h3 { margin: 0 0 5px; color: #0D2845; font-size: 21px; font-weight: 700; line-height: 1.2; }
.wcs .benefit-content p {  }
.ibody H1 span, .ibody H2 span, .ibody H3 span, .ibody H4 span, .ibody H5 span, .ibody H6 span  { color: #1e88e5; display: block; }
.ibody H1, .ibody H2  { margin: 0 0 30px; }
.ibody H4  { color: #ff0000; font-weight: 800; margin: 0 0 15px 0; }
.ibody H1  { margin: 40px 0 24px 0; font-size: 40px; color: #0d2845; }
.ibody H2  { margin: 40px 0 24px 0; font-size: 30px; color: #1e88e5; }
.ibody H3  { margin: 40px 0 24px 0; font-size: 28px; color: #1e88e5; }
.ps-hub { position: relative; padding: 0; overflow: hidden;  }
.ps-hub-grid { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px 15px; margin: 0;  }
.ps-hub-card { position: relative; min-width: 0; background: #eaf2f7; border-radius: 25px; padding: 30px 18px 18px 20px; overflow: hidden; }
.ps-hub-card h4 { position: relative; z-index: 2; min-height: 60px; color: #0D2845; font-size: 20px; line-height: 1.15; font-weight: 600;  margin: 0; padding-right: 35px; }
.ps-hub-image { width: 100%; margin-top: 0px; border-radius: 12px; overflow: hidden; }
.ps-hub-image img { display: block; width: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1), filter 0.4s ease; }
.ps-hub-image::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); transition: background 0.4s ease; pointer-events: none; }
.ps-hub-arrow { position: absolute; top: 25px; right: 18px; width: 50px; height: 50px; border-radius: 50%; background: #ff1515; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 25px; line-height: 1; opacity: 0; transform: scale(0.5); transition: opacity 0.3s ease, transform 0.3s ease; z-index: 5; }
.ps-hub-arrow span { display: block; transform: translateY(-1px); }
.ps-hub-card:hover .ps-hub-image img { transform: scale(1.12); }
.ps-hub-card:hover .ps-hub-image::after { background: rgba(0, 0, 0, 0.08); }
.ps-hub-card:hover .ps-hub-arrow { opacity: 1; transform: scale(1); }
.ps-hub-card:hover .ps-hub-arrow { top: 25px; right: 18px; }
.test-single { }
.test-single .testimonial-card { flex: 0 0 450px; width: auto; min-height: 250px; padding:0 ; box-sizing: border-box; background: none; }
.test-single .testimonial-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 13px; }
.test-single .testimonial-user { display: flex; align-items: center; gap: 9px; }
.test-single .testimonial-avatar { width: 50px; height: 50px; flex: 0 0 32px; border-radius: 50%; object-fit: cover; pointer-events: none; }
.test-single .testimonial-user h5 { margin: 0 0 0; color: #16375b; font-size: 18px; line-height: 1.2; font-weight: 700; }
.test-single .testimonial-user span { display: block; color: #525252; font-size: 14px; }
.test-single .google-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 21px; border-radius: 50%;  }
.test-single .google-avatar {  width: 30px; }
.test-single .testimonial-rating { display: flex; align-items: center; ap: 7px; margin-bottom: 10px; }
.test-single .stars { color: #f5b400; font-size: 20px; letter-spacing: 1px; line-height: 1; }
.test-single .rating-number { color: #666; font-size: 14px; line-height: 1; }
.test-single .testimonial-text { }
.offimg { width: 450px; }
.btg-box { margin-bottom:50px; }
.btg-box .title_wrapper { padding:25px 0 25px 0; display:block; background:#0D2845; text-align:center; border-radius:18px; border-bottom-right-radius:0px !important; border-bottom-left-radius:0px; }
.btg-box .title_box { padding:0 0 0 0; }
.btg-box .title_text { text-align:center; font-size:26px; color:#ffffff; font-weight:600; line-height:40px; font-family:'Manrope', sans-serif; }
.btg-box .cbody { clear:both; padding:25px 25px; background:#eaf2f7; border-radius:18px; border-top-right-radius:0px; border-top-left-radius:0px; }
.pro-item { margin-bottom:50px; }
.pro-item .pro-arrow { text-align: center; color: #0D2845; }
.pro-item .pro-arrow img { width: 50px; height: 50px;  }
.pro-card { position: relative; display: flex; align-items: flex-start; width: 100%; padding: 25px 25px; border-radius: 12px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10); background: #fff; }
.pro-icon { flex: 0 0 120px; width: 120px; height: 120px; background: #eaf2f7; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
.pro-icon img { max-width: 60px; max-height: 60px; }
.pro-content { flex: 1; min-width: 0; }
.pro-content h3 { margin: 0 0 5px; font-size: 22px; }
.pro-content h3 span { color: #0D2845; display: inline-block; }
.pro-content p { margin: 0; }
.pro-card::after { content: ""; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #fff; }



/*========================================================*/
/* Vertical Menu                                          */
/*========================================================*/ 
.vmlist #dnnMenu .topLevel li { float:none; padding:0; width:100%;  }
.vmlist #dnnMenu .topLevel li a{display:block; width:100%; text-decoration:none; list-style-image:none; margin-bottom:20px !important; background: #fff; border-radius:8px; padding:10px 15px; }
.vmlist #dnnMenu .topLevel li a div{ display:block; background:none;}
.vmlist #dnnMenu .topLevel li a div div { color:#595959; white-space: pre-wrap;  display:inline-block; font-weight:500; height:40px; line-height:40px; padding:0; margin:0px; font-size:18px; text-transform: inherit;}
.vmlist #dnnMenu .topLevel li a:hover { white-space:nowrap;  background: #3C3C3C; text-decoration:none;  padding:10px 15px;}
.vmlist #dnnMenu .topLevel li a:hover div { background-image:none; }
.vmlist #dnnMenu .topLevel li a:hover div div { color:#ffffff; font-weight:500; cursor:pointer; line-height:40px; padding:0; font-size:18px; text-transform: inherit;}
.vmlist #dnnMenu .topLevel li.breadcrumb a{ whitte-space:nowrap; background: #1e88e5; text-decoration:none;  padding:10px 15px;}
.vmlist #dnnMenu .topLevel li.breadcrumb a div{ padding:0;}
.vmlist #dnnMenu .topLevel li.breadcrumb a div div{ color:#ffffff; font-weight:500; cursor:pointer; line-height:40px; padding:0; font-size:18px; text-transform: inherit; }
.vmlist #dnnMenu .topLevel li.breadcrumb a div div:hover { }
.vmlist #dnnMenu .topLevel li:nth-child(7) div { line-height: 20px !important; }
.vmlist #dnnMenu .topLevel li:nth-child(7) .breadcrumb a div div { line-height: 20px !important; }
/*========================================================*/
/*  Bootstrap Class                                       */
/*========================================================*/
.container {}
.thumbnail {}
.img-responsive {}
.clearfix {}
.modal-dialog { width:800px !important;}
.nopadl { padding:0 15px 0 0 !important; }
.nopadr { padding:0 0 0 15px !important; }
.nopad { padding:0 !important; } 
/*========================================================*/
/*  Default DNN Links Tokens                              */
/*========================================================*/
a:link, a:visited, a:active { color:#1e88e5; font-family:'Manrope', sans-serif; font-weight:400; font-size:16px; text-decoration:none; line-height:24px; }
a:hover { color:#ff0000 !important; text-decoration:none !important; }
a:active { outline:none !important; } :focus {outline:0 !important; }
.terms_privacy, a.terms_privacy:link, a.terms_privacy:visited, a.terms_privacy:active { color:#677B9F; font-family:'Manrope', sans-serif; font-size:14px; font-weight:400; text-decoration:none; padding:20px 0; }
a.terms_privacy:hover { text-decoration:underline; color:#90A5CB !important; }
.bottomlinks, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active { color:#444444 !important; font-family:'Manrope', sans-serif; font-size:13px; font-weight:500; text-decoration:none; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s;  -o-transition:color 0.5s; }
a.bottomlinks:hover { text-decoration:none !important; color:#222222 !important;} .bottomlinks span { color:#444444;}
.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active { color:#ffffff; font-family: 'Manrope', sans-serif; font-size:16px; font-weight:600; text-decoration:none;}
a.breadcrumb:hover { color:#26C6da !important; }
.reg_login, a.reg_login, a.reg_login:link, a.reg_login:visited, a.reg_login:active { font-family:'Manrope', sans-serif; font-weight:500; font-size:16px; color:#007d79; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px; } 
a.reg_login:hover { text-decoration:underline; color:#000000 !important; }
.hredbtn, a.hredbtn, a.hredbtn:link, a.hredbtn:visited, a.hredbtn:active { font-family:'Manrope', sans-serif; font-weight:600; font-size:16px; color:#ffffff; background:#ff0000; border-radius: 30px; text-decoration:none; padding:18px 15px 18px 15px; -webkit-transition: background 1s; transition: background 1s; } 
a.hredbtn:hover { color:#ffffff !important; background:#26C6DA; }
.red-cta, a.red-cta, a.red-cta:link, a.red-cta:visited, a.red-cta:active {  font-family:'Manrope', sans-serif; font-weight:600; font-size:16px; display:inline-block; background:#ff0000; color:#ffffff; text-decoration:none; padding:15px 40px; border-radius:30px; -webkit-transition: background 1s; transition: background 1s; } 
a.red-cta:hover { color:#ffffff !important; background:#005988; }
.red-cta2, a.red-cta2, a.red-cta2:link, a.red-cta2:visited, a.red-cta2:active {  font-family:'Manrope', sans-serif; font-weight:600; font-size:16px; line-height: 20px; display:inline-block; color:#ffffff; text-decoration:none; padding:8px 25px 8px 60px; background: url(Images/phoner.png) left center no-repeat #ff0000;  border-radius:30px; -webkit-transition: background 1s; transition: background 1s; } 
a.red-cta2:hover { color:#ffffff !important; background-color:#005988; } .red-cta2 span { font-size: 14px; }
.more-red, a.more-red:link, a.more-red:visited, a.more-red:active { color:#ff0000; font-family:'Manrope', sans-serif; font-weight:500; font-size:16px; text-decoration:none; text-transform:uppercase; padding:0 0 0 0;}
a.more-red:hover { color:#005988; }
.gplus-img, a.gplus-img:link, a.gplus-img:visited, a.gplus-img:active { background:url(Images/google2.webp) center left no-repeat; color:#ff0000; font-family:'Manrope', sans-serif; font-weight:500; font-size:15px; text-decoration:none; padding:15px 0 15px 55px; height:46px; }
a.gplus-img:hover { color:#005988; }
.gplus-img img { width:80px; }
/*========================================================*/
/*  Default DNN Static Tokens                             */
/*========================================================*/
.Copyright { font-family:'Manrope', sans-serif; font-size:13px; font-weight:500; color:#444444; }
.SubHead { font-family:'Manrope', sans-serif;font-size:12px; font-weight:500; color:#444444;}
.SubHead span { font-family:'Manrope', sans-serif; font-size:12px; font-weight:500; color:#5c5c5c;}
.Head { font-family:'Manrope', sans-serif; font-size:18px; color:#ff0000; font-weight:600; padding:0 0 2px 0;}
.dnnFormItem input[type=date], .dnnFormItem input[type=datetime-local], .dnnFormItem input[type=email], .dnnFormItem input[type=password], .dnnFormItem input[type=search], .dnnFormItem input[type=text], .dnnFormItem select, .dnnFormItem textarea { font-size: 1.5rem !important }
/*========================================================*/
/*  Other used Text                                       */
/*========================================================*/
.Normal { font-family:'Manrope', sans-serif;color:#5c5c5c; line-height:24px; font-size:16px; font-weight:400;}
.NormalBold { font-family:'Manrope', sans-serif;font-size:16px; font-weight:700; color:#5c5c5c; line-height:24px;}
.NormalRed { color:#e02429; font-weight:normal; font-family:Arial; font-size:14px; }
UL LI { list-style-image:url("Images/rarrow.png"); list-style-position:outside; font-family:'Manrope', sans-serif; font-size:16px; font-weight:400; color:#5c5c5c; margin:0 0 5px 0; }
ul, ol { margin:0 0 30px 40px; }
/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.hbp { padding:0 0 0 0;  }
.hcp { padding:0 0 0 0; }
.ihcp { padding:0 0 0 0; }
.fwinp { padding:0 0 0 0; } 
.hddcp { padding:0 0 0 0; clear:both; }
.minp { padding:0 0 0 0; }
.htcp { padding:0 0 0 0; }
.htlp { padding:0 0 0 0; }
.mlip { padding:0 50px 0 15px; }
.mrip { padding:0 15px 0 50px; }
.mripc { padding:0 15px 0 22px; }
.smlp { padding:0 60px 0 15px; }
.smrp { }
/*========================================================*/
/*  Default HTML Headings                                 */
/*========================================================*/
H1 { margin:0 0 15px 0; line-height:60px; font-weight:800; font-size:48px; color:#0d2845; font-family:'Manrope', sans-serif;}
H2 { margin:0 0 15px 0; line-height:50px; font-weight:800; font-size:40px; color:#0d2845; font-family:'Manrope', sans-serif;}
H3 { margin:0 0 15px 0; line-height:40px; font-weight:800; font-size:36px; color:#0d2845; font-family:'Manrope', sans-serif;}
H4 { margin:0 0 15px 0; line-height:36px; font-weight:600; font-size:30px; color:#0d2845; font-family:'Manrope', sans-serif;}
H5 { margin:0 0 15px 0; line-height:28px; font-weight:600; font-size:22px; color:#0d2845; font-family:'Manrope', sans-serif;}
H6 { margin:0 0 6px 0; line-height:22px; font-weight:600; font-size:18px; color:#0d2845; font-family:'Manrope', sans-serif;}

/*========================================================*/
/*  Form Object                                           */
/*========================================================*/
select, input { font-family:Arial; font-size:14px; color:#484848; }
.NormalTextBox { color:#414141; padding-left:4px; line-height:12px; font-family:Arial; font-weight:normal; font-size:12px; border:1px solid #414141; background:#ffffff; }
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton { border:#414141 0px solid; font-size:11px; font-family:'Manrope', sans-serif;background:#e31836; padding:3px 10px; color:#ffffff; }
/*========================================================*/
/*  Social Icons                                          */
/*========================================================*/
.list { clear:both; list-style:none; padding:0 0 0 0; margin:0 auto; position:relative; float:none; overflow:hidden; }
.list li a {color:#808080; }
.list li {line-height:40px; width:auto; float:none; color:#808080; padding:0; margin:0; }
.social-icons li {width:40px;height:40px;float:left; list-style:none; background:none; }
.social-icons li a {width:40px;height:40px;background:url(Images/social-icons.png) no-repeat 0 0;display:inline-block;float:none;}
.social-icons li .facebook {background-position:0 0;}
.social-icons li .facebook:hover {background-position:-40px 0 ;}
.social-icons li .linkedin {background-position:0 -40px;}
.social-icons li .linkedin:hover {background-position:-40px -40px;}
.social-icons li .twitter {background-position:0 -80px;}
.social-icons li .twitter:hover {background-position:-40px -80px;}
/*========================================================*/
/*  DNN Login                                             */
/*========================================================*/  
#dnn_ctr502_Login_Login_DNN_plUsername, #dnn_ctr502_Login_Login_DNN_plPassword { display: none !important; }
#dnn_ctr502_Login_Login_DNN_chkCookie, #dnn_ctr502_Login_Login_DNN_chkCookie + .dnnCheckbox, #dnn_ctr502_Login_Login_DNN_chkCookie + .dnnCheckbox + label, #dnn_ctr502_Login_Login_DNN_lblLoginRememberMe { display: none !important; }
#dnn_ctr502_Login_Login_DNN_txtUsername { height: 60px !important; border-radius: 36px !important; padding-left: 15px !important; font-size: 16px !important;	width:100% !important; }
#dnn_ctr502_Login_Login_DNN_txtUsername::placeholder { color: #aaa; font-size: 16px; opacity: 1; }
#dnn_ctr502_Login_Login_DNN_txtPassword { height: 60px !important; border-radius: 36px !important; padding-left: 15px !important; font-size: 16px !important;	width:100% !important; }
#dnn_ctr502_Login_Login_DNN_txtPassword::placeholder { color: #aaa; font-size: 16px; opacity: 1; }
.LoginPanel { width: 800  !important; padding-right: 0  !important; float: none  !important; margin:0 auto; }
.LoginPanel .dnnFormItem .dnnLabel { display: none  !important; }
.dnnLoginService  .dnnFormLabel { display:none !important; }
#dnn_ctr502_Login_Login_DNN_lblLogin { display:none; }
.LoginPanel .dnnForm .dnnFormItem { text-align:center !important; }
#dnn_ctr502_Login_Login_DNN_cmdLogin { border:none; background:#005395 !important; padding:15px 30px !important; border-radius:6px !important; color:#ffffff !important; font-weight:600 !important; }
#dnn_ctr502_Login_Login_DNN_cancelLink { border:none; background:#3C3C3C !important; padding:15px 30px !important; border-radius:6px !important; color:#ffffff !important; font-weight:600 !important; }
#dnn_ctr502_Login_Login_DNN_passwordLink { border:none; background:none !important; }
.dnnLoginActions ul { padding:0 0 0 0 !important; }
.dnnContainerPreview .dnnSecondaryAction, .dnnSecondaryAction, a.dnnSecondaryAction, .dnnPrimaryAction, a.dnnPrimaryAction { color:#ffffff !important; }
#dnn_ctr513_Feedback_divSubject2 .dnnLabel, #dnn_ctr513_Feedback_divMessage .dnnLabel, #dnn_ctr513_Feedback_divName .dnnLabel, #dnn_ctr513_Feedback_divTelephone .dnnLabel, #dnn_ctr513_Feedback_divEmail .dnnLabel { display: none !important; }
#dnn_ctr513_Feedback_divName, #dnn_ctr513_Feedback_divTelephone { width: 50% !important; float: left; box-sizing: border-box; padding-right: 10px; }
#dnn_ctr513_Feedback_divTelephone { padding-right: 0; }
#dnn_ctr513_Feedback_divSubject2 input, #dnn_ctr513_Feedback_divName input, #dnn_ctr513_Feedback_divTelephone input, #dnn_ctr513_Feedback_divEmail input { font-size:16px; width: 100% !important;	max-width:100% !important; height: 50px !important; border-radius: 30px !important; padding: 0 15px; box-sizing: border-box; border: 1px solid #ccc; }
#dnn_ctr513_Feedback_divMessage textarea { font-size:16px;  width:100% !important; max-width:100% !important; border-radius:10px !important; padding:20px 15px; box-sizing: border-box; border: 1px solid #ccc; }
.ModDNNFeedbackC h3 { color:#646464; display:none; }
/*========================================================*/
/*  Animated Burger Menu                                  */
/*========================================================*/
.titre { cursor:pointer; position:absolute; z-index:99999; margin:5px 5px 0 0; right:0; top:0; }
.tcon::before { color:#ffffff; text-transform:uppercase; font-size:15px; position:relative; top:5px; margin:0 12px 0 0; }
.tcon { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; cursor:pointer; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:30px; transition:0.3s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:40px; background:transparent; outline:none; -webkit-tap-highlight-color:transparent; }
.tcon > * { display:block; }
.tcon:hover, .tcon:focus { outline:none; }
.tcon::-moz-focus-inner { border:0; }
.tcon-menu__lines { display:inline-block; height:2.71429px; width:30px; transition:0.3s; background:#ffffff; position:relative; }
.tcon-menu__lines::before, .tcon-menu__lines::after { display:inline-block; height:2.71429px; transition:0.3s; background:#ffffff; content:''; position:absolute; left:0; -webkit-transform-origin:2.85714px center; transform-origin:2.85714px center; width:100%; } 
.tcon-menu__lines::before { top:8px; }
.tcon-menu__lines::after { top:-8px; }
.tcon-transform .tcon-menu__lines { -webkit-transform:scale3d(0.8, 0.8, 0.8); transform:scale3d(0.8, 0.8, 0.8); }
.tcon-menu--xbutterfly { width:auto; }
.tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition:top 0.3s 0.6s ease, transform 0.3s ease; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines { background:transparent; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { top:0; transition:top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition:top 0.3s ease, transform 0.3s 0.5s ease; width:30px; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before { -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); }
.tcon-visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
/*========================================================*/
/*  Search                                                */
/*========================================================*/
.search_bg {  background:#ffffff; float:right; width:225px; height:30px; position:relative; margin:0px 5px 0 0;}
.search, a.search:link, a.search:active, a.search:visited {  background:url(Images/search-btn.png) right top no-repeat; width:24px; height:30px;  position:absolute; right:3px; top:0px; text-indent:-99999px; overflow:hidden;}
.searchInputContainer { display:block !important; }
a.search:hover{ background:url(Images/search-btn.png) right bottom no-repeat; }
.search-box #dnn_dnnSearch_cmdSearch { display:none; }
.search-box { margin:auto !important; position:absolute; left:0; right:0; top:0px !important; width:100%; bottom:0; background-color:rgba(255,255,255,.9); height:100%; z-index:999; padding-top:25px; }
.search-box input { float:left; width:93%; height:50px; background-color:#fefefe; border:1px solid #cacaca; border-radius:3px; box-shadow:0 1px 2px hsla(0, 0%, 4%, 0.1) inset; box-sizing:border-box; color:#0a0a0a; display:block; font-family:inherit; font-size:1rem; font-weight:400; margin:0 0 1rem; padding:0 20px; transition:box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s; }
#closeSearch { float:right; color:#484848; font-size:1.6em; margin-top:8px; margin-right:14px; }
#closeSearch:hover, #closeSearch:focus, #closeSearch:visited {text-decoration:none; }
/*========================================================*/
/*  Media Styles                                          */
/*========================================================*/

@media (min-width:992px) and (max-width:3840px) {
 .slick-slide img { width:100%; }
}


@media (min-width:1350px) and (max-width:1900px) {
.logo img { width: 360px; margin: 10px 0 0px 0; }
.hero-cont { padding: 50px 0 0 0; }
.flexslider-container, .banner-wrapper, .flexslider .slides li img { min-height: 780px; }
.hero-cont ul { padding: 40px 0 0; }

}
@media (min-width: 993px) and (max-width: 1199px) {
.logo img { width: 360px; margin: 10px 0 0px 0; }
.services-grid { grid-template-columns: repeat(2, 1fr); }
.service-card { min-height: 300px; }
.services-header h2 { font-size: 34px; }

}
@media (min-width:767px) and (max-width:992px) {
.header { margin: 20px 0 0 0; }
.logo { float: none; text-align: center; }
.headright { float: none; padding:0 0 0 0; text-align: center; }
.menu { float: none; }
.inqlinks { display:none; } 
.why-choose-section { padding: 65px 25px; }
.why-choose-heading h2 { font-size: 38px; }
.why-choose-heading > p { font-size: 24px; }
.benefits-grid { grid-template-columns: repeat(2, 1fr); column-gap: 40px; row-gap: 40px; }
.journey-section { padding: 60px 0 70px; }
.journey-container { padding: 0 35px; }
.journey-heading { margin-bottom: 45px; }
.journey-card { width: 190px; }
.journey-arrow { width: 45px; flex-basis: 45px; }
.journey-prev { left: -15px; }
.journey-next { right: -15px; }
.projects-section {  padding: 65px 0 70px;  }
.projects-top { grid-template-columns: 1fr 1fr; row-gap: 20px; column-gap: 35px; }
.projects-navigation { grid-column: 2; justify-content: flex-end;  }
.project-slide { height: 310px; }
.testimonials-section { padding-top: 60px; }
.testimonials-heading { margin-bottom: 38px; }
.testimonial-card { flex-basis: 280px; width: 280px; }
}
@media (min-width:240px) and (max-width:766px){
#dnnMenu .topLevel li  body { height:100%; margin: 0 0 0 0; background:#ffffff; -webkit-font-smoothing: antialiased; }
#dnnMenu .topLevel li a div div, #dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div, #dnnMenu .topLevel li.breadcrumb a div div{ margin-right:0px !important; }
a div div { margin-left:0px !important; }
#pixmenu{ display:none; margin:0; overflow:hidden; float:none; position: absolute; top:0; right: 0; width: 100%; height: 100vh; z-index:9999; background: #ff5e00; background: linear-gradient(0deg,rgba(12, 40, 69, 1) 0%, rgba(38, 198, 218, 1) 92%); }
#jmobileicos{ visibility:visible; height:0; z-index:58888; width:100%; padding:0 0 0 0; }
.xmbtn { position:absolute; z-index: 99999; margin:9px 0 0 10px; }
.xmbtn a.tsm { color:#fff; font-size:16px; font-weight:500; }
.logo img { text-align:center; max-width:100%; }
.xmbtn a.tsm img { padding:0 10px 0 0;  }
.logo { padding:30px 0 0 0; float:none; text-align:center; }
.xs-none { display:none; }
.qlinks li { display: none; }
.pool-services { padding: 50px 15px 60px; }
.services-grid { grid-template-columns: 1fr; gap: 20px; }
.services-header { margin-bottom: 30px; }
.services-header h2 { font-size: 28px; }
.services-header p { font-size: 14px; }
.services-label { font-size: 10px; letter-spacing: 4px; }
.service-card { min-height: auto; padding: 25px 15px 15px; }
.service-card h3 { min-height: auto; font-size: 23px; margin-bottom: 15px; }
.service-image { height: 220px; margin-top: 0; }
.services-header h2 { font-size: 25px; }
.service-image { height: 190px; }
.service-card h3 { font-size: 21px; }
.why-choose-section { padding: 55px 0px; }
.why-choose-heading { margin-bottom: 45px; }
.section-label { font-size: 10px; letter-spacing: 4px; padding: 0 18px; }
.why-choose-heading h2 { font-size: 32px; line-height: 1.15; }
.why-choose-heading h2 br { display: none; }
.why-choose-heading > p { font-size: 21px; }
.benefits-grid { grid-template-columns: 1fr; row-gap: 30px; }
.benefit-number { flex-basis: 70px; width: 70px; height: 70px; font-size: 44px; }
.benefit-content { padding-left: 14px; }
.benefit-content h3 { font-size: 19px; }
.benefit-content p { font-size: 15px; line-height: 1.5; }
.why-choose-heading h2 { font-size: 28px; }
.why-choose-heading > p { font-size: 19px; }
.benefit-number { flex-basis: 62px; width: 62px; height: 62px; font-size: 39px; }
.benefit-content h3 { font-size: 18px; }
.benefit-content p { font-size: 14px; }
.journey-section { padding: 50px 0 60px; }
.journey-container { padding: 0 25px; }
.journey-heading { margin-bottom: 35px; }
.journey-heading h2 { font-size: 27px; }
.journey-heading h2 span { font-size: 25px; }
.journey-heading p { width: auto; }
.journey-card { width: 300px; }
.journey-arrow { width: 35px; flex-basis: 35px; }
.journey-arrow span { font-size: 22px; }
.journey-icon { width: 50px; height: 50px; }
.journey-nav { width: 36px; height: 36px; font-size: 18px; }
.journey-prev { left: -18px; }
.journey-next { right: -18px; }
.projects-section { padding: 55px 0 60px; }
.projects-container { padding: 0 20px; }
.projects-top { display: flex; flex-direction: column; align-items: flex-start; gap: 18px;  margin-bottom: 25px; }
.projects-title h2 { font-size: 27px; }
.projects-intro { max-width: 100%; }
.projects-navigation { align-self: flex-end;  }
.project-slide { height: 300px; border-radius: 10px; }
.project-info { left: 15px; right: 15px; bottom: 15px; width: auto; padding: 14px 15px; }
.project-info h3 { font-size: 15px; }
.testimonials-section { padding: 50px 0 30px; }
.testimonials-heading { margin-bottom: 32px; padding: 0 20px; }
.testimonials-heading h2 { font-size: 25px; }
.testimonials-track { gap: 12px; padding-left: 20px; }
.testimonials-track {  margin-left: calc(8vw - 275px); }
.testimonial-card { flex-basis: 275px; width: 275px; }
.wc-heading h3 { width: auto; }
.services-header  h3 { width: auto; }
.projects-title h3  h3 { width: auto; }
.hero-card .overlap-img2 { width: 200px; height: 200px; right: 0px; bottom: -70px; }
.hero-card .hero-text { padding-right:0px; padding-bottom: 26px; padding-left: 0; padding-top:25px; }
.hero-cont { padding: 0 0 0 0; }
.hero-cont h1 p { font-size: 60px; line-height: 60px; }
.hero-cont h2 { font-size: 30px; color: #26C6da; line-height: 40px; margin: 5px 0 40px 0; }
.hero-cont p { font-size: 18px; color: #ffffff; line-height: 30px; width: auto;  }
.hero-cont ul { display: none; }
.header-wrap { min-height: 700px; }
.flexslider, .flexslider .slides, .flexslider .slides li { width: 100%; height: 750px; }
.flexslider .slides li { overflow: hidden; }
.flexslider .slides li img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: scale(1.08); transition: transform 5s ease; }
.flexslider .slides li.zoom-effect img { transform: scale(1); }
ul.services-grid { margin: 0; padding: 0; }
.projects-title h3, .testimonials-heading h3 { width: auto; }
.hero-card .hero-image-wrap { padding-left: 0; }
.fot2, .fot3, .fot4   { padding-top: 40px; }
html, body { overflow-x: hidden; width: 100%; }
.wc-heading, .services-header, .journey-section, .testimonials-heading { text-align: left; }
.bread-hero .ptitle { font-size: 30px; line-height: 30px; }
.bread-hero { padding: 0 0 0px 0; }
.offimg { width: auto; }
.xs-scoll { position: relative !important; width: 100%; }
.header-wrap-in { min-height: 415px; }
.hero-card { margin: 0 0 40px 0; }
.hero-cont h1 { font-size: 68px; line-height: 80px; }
.hero-cont h4 { font-size: 22px; line-height: 26px; }
.hbody { margin: 70px 0 0 0; }
.hero-image-wrap { padding-right: 0; }
.journey-item { flex: 0 0 50%; max-width: 50%; }
.journey-card { width: 285px;  }
	
	
	
	
}