/*** uncss> filename: https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Roboto:wght@300;400;500;700;900&display=swap ***/
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOA5Vop.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-kc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7EPCw.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3j-wc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
 
/*** uncss> filename: assets/css/bootstrap.min.css ***/
@charset "UTF-8";/*!
 * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0))}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}img,svg{vertical-align:middle}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}select{word-wrap:normal}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);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:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-auto{width:auto}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-6{width:50%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-12{width:100%}.gy-2{--bs-gutter-y:0.5rem}.gy-4{--bs-gutter-y:1.5rem}@media (min-width:576px){.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-6{width:50%}}@media (min-width:768px){.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-6{width:50%}}@media (min-width:992px){.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-auto{width:auto}.col-lg-5{width:41.6666666667%}.col-lg-5,.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-9{width:75%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width:1200px){.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-auto{width:auto}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-4{width:33.3333333333%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-6{width:50%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-8{width:66.6666666667%}}@media (min-width:1400px){.col-xxl-3{width:25%}.col-xxl-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{-webkit-transition:none;transition:none}}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-select{display:block;width:100%;padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select:disabled{color:#6c757d;background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.collapse:not(.show){display:none}.btn-group{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.accordion-button{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;background-color:transparent;border:1px solid rgba(0,0,0,.125);border-radius:0;overflow-anchor:none;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{-webkit-transition:none;transition:none}}.accordion-button.collapsed{border-bottom-width:0}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.accordion-button:after{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.25rem;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button:after{-webkit-transition:none;transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-collapse{border:solid rgba(0,0,0,.125);border-width:0 1px}.accordion-body{padding:1rem 1.25rem}.visually-hidden-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.overflow-hidden{overflow:hidden!important}.d-inline-block{display:inline-block!important}.d-none{display:none!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-row-reverse{-webkit-box-direction:reverse!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.mt-3{margin-top:1rem!important}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.ms-2{margin-left:.5rem!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-body{color:#212529!important}.bg-transparent{background-color:transparent!important}@media (min-width:992px){.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-none{display:none!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.mb-lg-0{margin-bottom:0!important}.text-lg-start{text-align:left!important}}@media (min-width:1200px){.mt-xl-0{margin-top:0!important}.text-xl-start{text-align:left!important}}@media (min-width:1400px){.ps-xxl-5{padding-left:3rem!important}} 
/*** uncss> filename: assets/css/fontawesome.min.css ***/
/*!
 * Font Awesome Pro 6.0.0-beta3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2021 Fonticons, Inc.
 */.fa-regular,.fa-solid,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-bars:before{content:"\f0c9"}.fa-calendar-days:before{content:"\f073"}.fa-chevron-down:before{content:"\f078"}.fa-comment:before{content:"\f075"}.fa-comments:before{content:"\f086"}.fa-copyright:before{content:"\f1f9"}.fa-envelope:before{content:"\f0e0"}.fa-location-dot:before{content:"\f3c5"}.fa-map-location:before{content:"\f59f"}.fa-phone:before{content:"\f095"}.fa-plus:before{content:"\2b"}.fa-user:before{content:"\f007"}.fa-times:before{content:"\f00d"}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(../fonts/fontawesome/fa-brands-400.ttf) format("truetype")}.fab{font-family:Font Awesome\ 6 Brands;font-weight:400}.fa-facebook-f:before{content:"\f39e"}.fa-instagram:before{content:"\f16d"}.fa-linkedin-in:before{content:"\f0e1"}.fa-twitter:before{content:"\f099"}.fa-whatsapp:before{content:"\f232"}.fa-youtube:before{content:"\f167"}:host,:root{--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}@font-face{font-family:Font Awesome\ 6 Duotone;font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fontawesome/fa-duotone-900.woff2) format("woff2"),url(../fonts/fontawesome/fa-duotone-900.ttf) format("truetype")}:host,:root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:300;font-display:block;src:url(../fonts/fontawesome/fa-light-300.woff2) format("woff2"),url(../fonts/fontawesome/fa-light-300.ttf) format("truetype")}.fal{font-family:Font Awesome\ 6 Pro;font-weight:300}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(../fonts/fontawesome/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:Font Awesome\ 6 Pro;font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(../fonts/fontawesome/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:Font Awesome\ 6 Pro;font-weight:900}:host,:root{--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:100;font-display:block;src:url(../fonts/fontawesome/fa-thin-100.woff2) format("woff2"),url(../fonts/fontawesome/fa-thin-100.ttf) format("truetype")} 
/*** uncss> filename: assets/css/magnific-popup.min.css ***/button::-moz-focus-inner{padding:0;border:0} 
/*** uncss> filename: assets/css/swiper-bundle.min.css ***/
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{overflow:hidden;overflow:clip;list-style:none;padding:0}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:block}:root{--swiper-navigation-size:44px} 
/*** uncss> filename: assets/css/imageRevealHover.css ***/ 
/*** uncss> filename: assets/css/style.css ***/
@charset "UTF-8";
/*
Template Name: Webteck
Template URL: http://themeholy.com/html/webteck
Description: Technology & IT Solutions HTML Template
Author: Themeholy
Author URI: https://themeforest.net/user/themeholy
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation

04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. CTA
    4.00. Service
    4.00. Pricing
    4.00. Gallery
    4.00. Skill
    4.00. Process
    4.00. Particle
    4.00. Feature

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
@use "sass:math";
/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
:root {
  --theme-color: #684DF4;
  --theme-color2: #684DF4;
  --theme-color3: #FF8139;
  --title-color: #141D38;
  --body-color: #737887;
  --smoke-color: #F5F5F5;
  --smoke-color2: #E2E8FA;
  --smoke-color3: #EFF1F9;
  --black-color: #000000;
  --black-color2: #080E1C;
  --gray-color: #bdbdbd;
  --white-color: #ffffff;
  --light-color: #72849B;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --th-border-color: #E0E0E0;
  --title-font: 'Barlow', sans-serif;
  --body-font: 'Roboto', sans-serif;
  --icon-font: "Font Awesome 6 Pro";
  --main-container: 1220px;
  --container-gutters: 24px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 60px;
  --ripple-ani-duration: 5s;
}

/*------------------- 1.5. Typography -------------------*/
html,
body {
  scroll-behavior: auto !important;
}

body {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--body-color);
  line-height: 26px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  outline: none;
}

input:focus {
  outline: none;
  box-shadow: none;
}

img:not([draggable]) {
  max-width: 100%;
  height: auto;
}

ul {
  list-style-type: disc;
}

a {
  color: var(--theme-color);
  text-decoration: none;
  outline: 0;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

a:hover {
  color: var(--title-color);
}

a:active, a:focus, a:hover, a:visited {
  text-decoration: none;
  outline: 0;
}

button {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

img {
  border: none;
  max-width: 100%;
}

p:empty {
  display: none;
}

p {
  font-family: var(--body-font);
  margin: 0 0 18px 0;
  color: var(--body-color);
  line-height: 1.75;
}

h3 a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

h1,
h2,
h3 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px 0;
}

h1 {
  font-size: 48px;
  line-height: 1.208;
}

h2 {
  font-size: 40px;
  line-height: 1.25;
}

h3 {
  font-size: 36px;
  line-height: 1.278;
}

/* Large devices */
@media (max-width: 1199px) {
  h1 {
    font-size: 44px;
    line-height: 1.3;
  }
  h2 {
    font-size: 36px;
    line-height: 1.3;
  }
  h3 {
    font-size: 30px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 34px;
    line-height: 1.3;
  }
  h3 {
    font-size: 26px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  h1 {
    font-size: 34px;
    line-height: 1.35;
  }
  h2 {
    font-size: 28px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  h1 {
    font-size: 32px;
  }
}

/*------------------- 1.6. Extend -------------------*/
/*------------------- 1.7. Wordpress Default -------------------*/

/* Large devices */

/* Small devices */

/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
/* Medium Large devices */
@media (max-width: 1399px) {
  :root {
    --main-container: 1250px;
  }
}

/* Hight Resoulation devices */

@media only screen and (min-width: 1300px) {
  .container {
    max-width: calc(var(--main-container) + var(--container-gutters));
    padding-left: calc(var(--container-gutters) / 2);
    padding-right: calc(var(--container-gutters) / 2);
  }
}

.round-container {
  max-width: 1620px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

/* Large devices */
@media (max-width: 1199px) {
  .round-container {
    border-radius: 0;
  }
}

/*------------------- 2.2. Grid -------------------*/

.gy-40 {
  --bs-gutter-y: 40px;
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}

/* Medium devices */

/*------------------- 2.3. Input -------------------*/
select,
.form-control,
.form-select,
textarea,
input {
  height: 56px;
  padding: 0 25px 0 25px;
  padding-right: 45px;
  border: 1px solid transparent;
  color: var(--body-color);
  background-color: var(--smoke-color);
  border-radius: 4px;
  font-size: 16px;
  width: 100%;
  font-family: var(--body-font);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  outline: 0;
  box-shadow: none;
  border-color: var(--theme-color);
  background-color: var(--smoke-color);
}

select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--body-color);
}

select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--body-color);
}

select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--body-color);
}

select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: var(--body-color);
}

select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
  color: var(--body-color);
}

select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: var(--body-color);
}

select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: var(--body-color);
}

.form-select,
select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 26px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

textarea.form-control,
textarea {
  min-height: 154px;
  padding-top: 16px;
  padding-bottom: 17px;
}

.form-group {
  margin-bottom: var(--bs-gutter-x);
  position: relative;
}

.form-group > i {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 19px;
  font-size: 16px;
  color: var(--body-color);
}

.form-group > i.fa-envelope {
  padding-top: 1px;
}

.form-group > i.fa-comment {
  margin-top: -2px;
}

.form-group > i.fa-chevron-down {
  width: 17px;
  background-color: var(--smoke-color);
}

[class*="col-"].form-group > i {
  right: calc((var(--bs-gutter-x) / 2) + 25px);
}

option:checked, option:focus, option:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

/*.form-messages {*/
/*  display: none;*/
/*}*/

.brand-box {
  width: 60px;
  margin: 0 auto;
}

/*------------------- 2.4. Slider -------------------*/

.th-slider.has-shadow {
  padding-left: 12px;
  padding-right: 12px;
  margin: -25px -12px;
}

.th-slider.has-shadow .swiper-wrapper {
  padding: 25px 0;
}

.slider-area {
  position: relative;
}

.slider-arrow {
  display: inline-block;
  padding: 0;
  background-color: var(--white-color);
  border: 1px solid #EBEDF1;
  -webkit-filter: drop-shadow(0px 26px 65px rgba(232, 234, 238, 0.55));
  filter: drop-shadow(0px 26px 65px rgba(232, 234, 238, 0.55));
  color: var(--theme-color);
  position: absolute;
  top: 50%;
  left: var(--pos-x, -120px);
  width: var(--icon-size, 55px);
  height: var(--icon-size, 55px);
  line-height: var(--icon-size, 55px);
  font-size: var(--icon-font-size, 18px);
  margin-top: calc(var(--icon-size, 55px) / -2);
  z-index: 3;
  border-radius: 50%;
  /* Extra large devices */
}

@media (max-width: 1500px) {
  .slider-arrow {
    display: none !important;
  }
}

.slider-arrow.style3 {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}

.slider-arrow.style3:hover {
  background-color: var(--title-color);
  border-color: var(--title-color);
}

.slider-arrow.slider-next {
  right: var(--pos-x, -120px);
  left: auto;
}

.slider-arrow:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
  border-color: var(--theme-color);
}

/* Extra large devices */
@media (max-width: 1500px) {
  .slider-arrow {
    --arrow-horizontal: -20px;
    --pos-x: -70px;
  }
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .slider-arrow {
    --arrow-horizontal: 40px;
    --pos-x: -17px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .slider-arrow {
    --icon-size: 40px;
    line-height: 38px;
    margin-right: 40px;
    font-size: 14px;
  }
  .slider-arrow.slider-next {
    margin-right: 0;
    margin-left: 40px;
  }
}

/*------------------- 2.5. Mobile Menu -------------------*/
.th-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}

.th-menu-wrapper .mobile-logo {
  padding-bottom: 30px;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--smoke-color2);
}

.th-menu-wrapper .th-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: -16.5px;
  top: 25px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 35px;
  font-size: 18px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
}

.th-menu-wrapper .th-menu-toggle:hover {
  background-color: var(--title-color);
  color: var(--white-color);
}

.th-menu-wrapper .th-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: #fff;
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  z-index: 1;
}

.th-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}

.th-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}

.th-mobile-menu ul li {
  border-bottom: 1px solid #fdedf1;
  list-style-type: none;
}

.th-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1.4;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
  padding-left: 18px;
}

.th-mobile-menu ul li a:before {
  content: '\f105';
  font-family: var(--icon-font);
  position: absolute;
  left: 0;
  top: 12px;
  margin-right: 10px;
  display: inline-block;
}

.th-mobile-menu > ul {
  padding: 0 40px;
}

.th-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.th-menu-toggle {
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 20px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  border-radius: 4px;
}

.th-menu-toggle:hover {
  background-color: var(--title-color);
}

@media (max-width: 400px) {
  .th-menu-wrapper .th-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .th-mobile-menu > ul {
    padding: 0 20px;
  }
}

/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
/*=======================
    Preloader
=======================*/

/* Animation of letters loading from the preloader */

/*------------------- 3.2. Buttons -------------------*/
.th-btn {
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  text-align: center;
  /*background-color: var(--theme-color);*/
  color: var(--white-color);
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 20.5px 20px;
  min-width: 144px;
  border-radius: 4px;
}

.th-btn:before, .th-btn:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--title-color);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius: 99px;

  -ms-transform: scaleY(1.1);

}

.th-btn:before {

  -ms-transform: scaleY(0);

}

.th-btn:after {

  -ms-transform: scaleY(0);

}

.th-btn:hover {
  color: var(--white-color);
  box-shadow: none;
}

.th-btn:hover::before, .th-btn:hover:after {
  border-radius: 0;

  -ms-transform: scale(1);

}

.icon-btn {
  display: inline-block;
  width: var(--btn-size, 56px);
  height: var(--btn-size, 56px);
  line-height: var(--btn-size, 56px);
  font-size: var(--btn-font-size, 16px);
  background-color: var(--icon-bg, transparent);
  color: var(--title-color);
  text-align: center;
  border-radius: 4px;
  border: 1px solid #232C47;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.icon-btn:hover {
  background-color: var(--white-color);
  color: var(--theme-color);
  border-color: var(--white-color);
}

.line-btn {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  line-height: 0.8;
  position: relative;
  padding-bottom: 4px;
  margin-bottom: -1px;
  text-transform: uppercase;
  color: var(--theme-color);
}

.line-btn i {
  margin-left: 5px;
  font-size: 0.9rem;
}

.line-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.line-btn:hover {
  color: var(--title-color);
}

.line-btn:hover::before {
  background-color: var(--title-color);
  width: 45px;
}

.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;

  -ms-transform: translateY(45px);

  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.scroll-top:after {
  content: "\f062";
  font-family: var(--icon-font);
  position: absolute;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  border: 2px solid var(--theme-color);
  box-shadow: none;
  border-radius: 50%;
}

.scroll-top svg {
  color: var(--theme-color);
  border-radius: 50%;
  background: var(--white-color);
}

.scroll-top svg path {
  fill: none;
}

.scroll-top .progress-circle path {
  stroke: var(--theme-color);
  stroke-width: 20px;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

/*------------------- 3.3. Titles -------------------*/
.sec-title {
  margin-bottom: calc(var(--section-title-space) - 10px);
  margin-top: -0.32em;
  text-transform: capitalize;
}

.sub-title {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-color);
  margin-bottom: 30px;
  text-transform: uppercase;
  line-height: 24px;
  margin-top: -0.34em;
}

.sub-title:has(img) {
  margin-top: 0;
}

.box-title {
  font-size: 24px;
  line-height: 1.417;
  font-weight: 700;
  margin-top: -0.32em;
}

.box-title a {
  color: inherit;
}

.box-title a:hover {
  color: var(--theme-color);
}

.sec-text {
  max-width: 720px;
}

.title-area {
  margin-bottom: calc(var(--section-title-space) - 10px);
  position: relative;
  z-index: 2;
}

.title-area .sec-title {
  margin-bottom: 15px;
}

.sec-btn {
  margin-bottom: var(--section-title-space);
}

/* Large devices */
@media (max-width: 1199px) {
  .sub-title {
    margin-bottom: 20px;
  }
  .title-area,
  .sec-title {
    --section-title-space: 60px;
  }
  .sec-btn {
    --section-title-space: 55px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .title-area,
  .sec-title {
    --section-title-space: 50px;
  }
  .sec-btn {
    --section-title-space: 50px;
  }
}

/* Extra small devices */

/* Extra small devices */

/*------------------- 3.4. Common -------------------*/

.shape-mockup {
  position: absolute;
  z-index: -1;
}

.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.th-social a {
  display: inline-block;
  width: var(--icon-size, 46px);
  height: var(--icon-size, 46px);
  line-height: var(--icon-size, 46px);
  background-color: var(--white-color);
  color: var(--body-color);
  font-size: 16px;
  text-align: center;
  margin-right: 5px;
  border-radius: 50%;
}

.th-social a:last-child {
  margin-right: 0;
}

.th-social a:hover {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

/*sec shape  start --------------------------*/

/*sec shape  end  --------------------------*/
/*Icon Masking********/
.icon-masking {
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
}

.icon-masking .mask-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  mix-blend-mode: hue;
  background: var(--theme-color);
  top: 0;
}

/*Magnific popup transition********/

/*------------------- 3.6. Font -------------------*/

.fw-medium {
  font-weight: 500;
}

/*------------------- 3.7. Background -------------------*/
.bg-theme {
  background-color: var(--theme-color) !important;
}

.bg-smoke {
  background-color: var(--smoke-color) !important;
}

.gradient-body {
  background-image: -webkit-linear-gradient(349.38deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
  background-image: linear-gradient(100.62deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 24.03%, rgba(198, 241, 255, 0.3) 45.73%, rgba(248, 242, 222, 0.3) 69.05%, rgba(212, 179, 253, 0.3) 100.44%);
}

.gr-bg3 {
  background-image: -webkit-linear-gradient(339.41deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
  background-image: linear-gradient(110.59deg, rgba(236, 207, 254, 0.4) 0%, rgba(255, 221, 221, 0.5) 46.79%, rgba(247, 255, 229, 0.7) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.gr-bg4 {
  background-image: -webkit-linear-gradient(344.56deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
  background-image: linear-gradient(105.44deg, rgba(255, 229, 133, 0.4) 0%, rgba(189, 255, 199, 0.4) 48.48%, rgba(223, 109, 223, 0.4) 100%);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*------------------- 3.8. Text Color -------------------*/
.text-theme {
  color: var(--theme-color) !important;
}

.text-title {
  color: var(--title-color) !important;
}

.text-body {
  color: var(--body-color) !important;
}

/*------------------- 3.9. Overlay -------------------*/

/*------------------- 3.10. Animation -------------------*/
.process-card .pulse:after, .process-card .pulse:before {
  -webkit-animation-duration: var(--ripple-ani-duration);
  animation-duration: var(--ripple-ani-duration);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
  animation-name: ripple;
}

@-webkit-keyframes ripple {
  0% {


    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {


    opacity: 0;
  }
}

@keyframes ripple {
  0% {


    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {


    opacity: 0;
  }
}

@-webkit-keyframes ripple2 {
  0% {


    opacity: 1;
  }
  50% {
    opacity: 0.40;
  }
  100% {


    opacity: 0;
  }
}

@keyframes ripple2 {
  0% {


    opacity: 1;
  }
  50% {
    opacity: 0.40;
  }
  100% {


    opacity: 0;
  }
}

@-webkit-keyframes moving {
  0% {


  }
  50% {


  }
  100% {


  }
}

@keyframes moving {
  0% {


  }
  50% {


  }
  100% {


  }
}

@-webkit-keyframes jumpAni {
  0% {


  }
  40% {


  }
  100% {


  }
}

@keyframes jumpAni {
  0% {


  }
  40% {


  }
  100% {


  }
}

@-webkit-keyframes jumpReverseAni {
  0% {


  }
  50% {


  }
  100% {


  }
}

@keyframes jumpReverseAni {
  0% {


  }
  50% {


  }
  100% {


  }
}

@-webkit-keyframes spin {
  0% {


  }
  100% {


  }
}

@keyframes spin {
  0% {


  }
  100% {


  }
}

.color-animate {

}

@-webkit-keyframes bgColor {
  0% {
    background-color: #F2BA4C;
  }
  25% {
    background-color: #81F24C;
  }
  50% {
    background-color: #41F27D;
  }
  75% {
    background-color: #0500FF;
  }
  100% {
    background-color: #F2BA4C;
  }
}

@keyframes bgColor {
  0% {
    background-color: #F2BA4C;
  }
  25% {
    background-color: #81F24C;
  }
  50% {
    background-color: #41F27D;
  }
  75% {
    background-color: #0500FF;
  }
  100% {
    background-color: #F2BA4C;
  }
}

/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}

.widget_nav_menu .menu {
  margin: 0 0 -10px 0;
}

.widget_nav_menu a {
  display: block;
  background-color: var(--white-color);
  margin: 0 0 10px 0;
  padding: 16px 45px 19px 25px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.313;
  color: var(--body-color);
  border-radius: 4px;
}

.widget_nav_menu a::before {
  content: "\f061";
  position: absolute;
  right: 25px;
  top: 17px;
  font-family: var(--icon-font);
  font-weight: 600;
  color: var(--theme-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.widget_nav_menu li {
  display: block;
  position: relative;
}

.widget_nav_menu li:last-child a {
  border-bottom: none;
}

.widget_nav_menu a:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
}

.widget_nav_menu a:hover:before {
  color: var(--white-color);
}

.widget_nav_menu a {
  padding-right: 20px;
}

.wp-block-archives a:not(:hover) {
  color: inherit;
}

.widget {
  padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
  background-color: var(--smoke-color);
  margin-bottom: 40px;
  position: relative;
  border-radius: 5px;
}

.widget .th-social a {
  box-shadow: 0px 2px 14px rgba(4, 6, 66, 0.1);
}

.widget_title {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--title-font);
  line-height: 1em;
  margin: -0.12em 0 28px 0;
}

/* Medium Large devices */

/* Large devices */
@media (max-width: 1199px) {
  .widget {
    --widget-padding-y: 30px;
    --widget-padding-x: 30px;
  }
  .widget_title {
    font-size: 22px;
    margin: -0.12em 0 24px 0;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .widget {
    --widget-padding-y: 40px;
    --widget-padding-x: 40px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .widget {
    padding: 35px 20px;
  }
}

.footer-widget {
  margin-bottom: 50px;
}

.footer-widget {
  padding: 0;
  border: none;
  padding-bottom: 0;
  background-color: transparent;
  box-shadow: none;
}

.footer-widget .widget_title {
  max-width: 270px;
  color: var(--white-color);
  font-weight: 600;
  text-transform: uppercase;
  margin: -0.12em 0 35px 0;
  padding: 0 0 17px 0;
}

.footer-widget .widget_title:before {
  content: '';
  height: 2px;
  width: 100px;
  background-color: var(--theme-color);
  position: absolute;
  left: 0;
  bottom: 0;
}

.footer-widget .widget_title:after {
  content: '';
  height: 10px;
  width: 10px;
  background-color: var(--white-color);
  position: absolute;
  bottom: -4px;
  left: 96px;
  border-radius: 99px;
  border: 2px solid var(--theme-color);
}

.footer-widget.widget_nav_menu ul {
  margin-top: -5px;
}

.footer-widget.widget_nav_menu .menu {
  margin-bottom: -5px;
}

.footer-widget.widget_nav_menu a {
  font-size: 16px;
  font-weight: 400;
  padding: 0 0 0 20px;
  margin-bottom: 21px;
  font-family: var(--body-font);
  display: block;
  max-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 0;
  background-color: transparent;
  border-bottom: none;
  position: relative;
}

.footer-widget.widget_nav_menu a:before {
  content: "\f054";
  font-weight: 600;
  left: 0;
  top: 2px;

  -ms-transform: translateY(0);

  font-size: 0.9em;
  background-color: transparent;
  border: none;
  color: inherit;
}

.footer-widget.widget_nav_menu a:hover {
  background-color: transparent;
  color: var(--theme-color);
}

.footer-widget.widget_nav_menu a:hover:before {
  color: var(--theme-color);
}

.footer-widget.widget_nav_menu li:last-child a {
  margin-bottom: 0;
}

.th-widget-about .about-logo {
  margin-bottom: 35px;
  margin-top: -8px;
}

.th-widget-about .about-text {
  margin-bottom: 25px;
  margin-top: -0.5em;
}

/* Large devices */
@media (max-width: 1199px) {
  .footer-widget.widget_nav_menu a {
    margin-bottom: 16px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .footer-widget .widget_title {
    margin-bottom: 35px;
  }
  .th-widget-about .about-text {
    margin-bottom: 20px;
  }
}

/* Extra small devices */

/*------------------- 4.2. Header  -------------------*/
.th-header {
  position: relative;
  z-index: 41;
}

.sticky-wrapper {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.main-menu a {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  color: var(--title-color);
  font-family: var(--title-font);
  text-transform: uppercase;
}

.main-menu a:hover {
  color: var(--theme-color);
}

.main-menu > ul > li {
  margin: 0 14px;
}

.main-menu > ul > li > a {
  padding: 47px 0;
}

.main-menu > ul > li > a:hover {
  color: var(--theme-color);
}

.main-menu ul {
  margin: 0;
  padding: 0;
}

.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.main-menu ul li:last-child {
  margin-right: 0 !important;
}

.main-menu ul li:first-child {
  margin-left: 0 !important;
}

.header-button {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.header-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header-links li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.header-links li:not(:last-child) {
  margin: 0 26px 0 0;
}

.header-links li > i {
  margin-right: 6px;
}

.header-links li,
.header-links a {
  color: var(--body-color);
}

.header-links a:hover {
  color: var(--theme-color);
}

.header-links i {
  color: var(--body-color);
}

.header-social .social-title {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  margin: 0 15px 0 0;
  color: var(--body-color);
}

.header-social a {
  font-size: 16px;
  display: inline-block;
  color: var(--body-color);
  margin: 0 15px 0 0;
}

.header-social a:last-child {
  margin-right: 0;
}

.header-social a:hover {
  color: var(--theme-color);
}

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px;
  /* Extra small devices */
}

@media (max-width: 575px) {
  .header-logo {
    max-width: 150px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .main-menu > ul > li > a {
    padding: 37px 0;
  }
}

/* Header 1 ---------------------------------- */

.header-layout1 .main-menu > ul > li > a:not(:hover) {
  color: var(--white-color);
}

/* Hight Resoulation devices */

/* Extra large devices */

/* Medium Large devices */

/* Large devices */

/* Medium devices */

/* Extra small devices */

/* Header 2 ---------------------------------- */

.header-layout2 .menu-area {
  /* Medium devices */
}

@media (max-width: 991px) {
  .header-layout2 .menu-area {
    padding: 10px 0;
  }
}

.header-layout2 .main-menu > ul > li > a {
  color: var(--title-color);
  font-weight: 600;
}

.header-layout2 .main-menu > ul > li > a:hover {
  color: var(--theme-color);
}

.header-layout2 .header-top {
  padding: 17px 0;
  background-color: var(--theme-color);
  --body-color: #fff;
}

.header-layout2 .header-top a:hover {
  color: var(--title-color);
}

.header-layout2 .menu-area {
  background-color: #E1EAFF;
}

.header-layout2 .th-menu-toggle {
  border-radius: 50%;
}

/* Large devices */
@media (max-width: 1199px) {
  .header-layout2 .header-top {
    padding: 12px 0;
  }
}

/* Header 3 ---------------------------------- */

.header-layout3 .header-button .icon-btn:not(:hover) {
  border-color: #bdbdbd;
}

/* Medium Large devices */

/* Header 4 ---------------------------------- */

/* Header 5 ---------------------------------- */

/* Header 6 ---------------------------------- */

/* Header layout 7 start  ---------------------------------- */

/* header layout 7 end -----------------------------*/
/* header-layout8 start ------------------- */

/* header-layout8 end ------------------- */
/* header-layout9 start ------------------- */

/* header-layout9 end ------------------- */
/* header-layout10 start ------------------- */

/* header-layout10 end ------------------- */
/* header layout 11 start ----------------*/

/* header layout 11 end ----------------*/
/* header layout 13 start ----------------*/

/* header layout 13 end ----------------*/
/* header layout 14 end ----------------*/

/* header layout 14 end ----------------*/
/* header layout 15 start ----------------*/

/* header layout 16 start -------------------*/

/* header layout 16 end -------------------*/
/* header layout 17 start -------------------*/

/* header layout 17 end -------------------*/
/* header layout 18 start -------------------*/

/* header layout 18 end -------------------*/
/* header layout 19 start -------------------*/

/* header layout 19 end -------------------*/
/* header layout 20 start -------------------*/

/* header layout 20 end -------------------*/
/* header layout 21 start -------------------*/

/* header layout 21 end -------------------*/
/* header-layout22 start ------------------- */

/* header-layout22 end ------------------- */
/* header-layout24 start ------------------- */

/* header-layout24 end ------------------- */
/* header-layout22 start ------------------- */

/* header-layout22 end ------------------- */

/* header layout 27 --------------------------*/

.header-layout27 .main-menu > ul > li > a:not(:hover) {
  color: var(--white-color);
}

.header-layout28 .main-menu.style2 > ul > li > a:not(:hover) {
  color: var(--white-color);
}

/*------------------- 4.3. Footer  -------------------*/
.footer-wrapper {
  --border-color: rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 2;
}

.footer-wrapper .th-social a {
  background-color: transparent;
  color: var(--white-color);
  border: 1px solid var(--white-color);
}

.footer-wrapper .th-social a:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.widget-area {
  padding-top: var(--section-space);
  padding-bottom: 66px;
}

.footer-links ul {
  padding: 0;
  margin: 0;
}

.footer-links li {
  font-family: var(--body-font);
  display: inline-block;
  padding-right: 15px;
  margin-right: 10px;
  position: relative;
}

.footer-links li:after {
  content: "";
  height: 20px;
  width: 1px;
  background-color: var(--body-color);
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px 0;
}

.footer-links li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer-links li:last-child:after {
  display: none;
}

.footer-links a {
  font-family: inherit;
  color: var(--body-color);
}

.footer-links a:hover {
  color: var(--theme-color);
}

.copyright-wrap {
  padding: 22px 0;
  background-size: 100% auto;
}

.copyright-text {
  margin: 0;
}

.th-widget-contact {
  max-width: 265px;
}

/* Hight Resoulation devices */

/* Extra large devices */

/* Medium Large devices */

/* Large devices */

/* Medium devices */
@media (max-width: 991px) {
  .footer-wrapper .widget-area {
    padding-top: var(--section-space-mobile);
    padding-bottom: 30px;
  }
  .copyright-text {
    text-align: center;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .copyright-wrap {
    background-size: cover;
  }
}

/* footer 2 ---------------------------------- */
.footer-layout2 {
  background-color: var(--smoke-color2);
}

.footer-layout2.bg-transparent {
  background-color: transparent;
  border-top: 1px solid #d9e0f3;
}

.footer-layout2 .footer-widget .widget_title {
  color: var(--title-color);
  font-weight: 700;
}

.footer-layout2 .copyright-wrap {
  --body-color: #fff;
  background-color: var(--theme-color);
}

.footer-layout2 .copyright-wrap a {
  color: var(--white-color);
}

.footer-layout2 .copyright-wrap a:hover {
  color: var(--title-color);
}

.footer-layout2 .th-social a {
  color: var(--body-color);
  box-shadow: none;
  border: 1px solid var(--body-color);
}

.footer-layout2 .th-social a:hover {
  color: var(--white-color);
}

.footer-widget .contact-feature {
  padding: 0 !important;
  background-color: transparent;
  box-shadow: none;
  gap: 15px;
}

.footer-widget .contact-feature:not(:last-child) {
  margin-bottom: 28px;
}

.footer-widget .contact-feature .icon-btn {
  --btn-size: 44px;
  font-size: 16px;
}

.footer-widget .contact-feature_label {
  margin-top: -0.4em;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.5;
}

.footer-widget .contact-feature_link {
  font-size: 18px;
  margin-bottom: -0.4em;
  display: block;
}

/* footer 3 ---------------------------------- */

/* Large devices */

/* Medium devices */

/* Small devices */

/* Extra small devices */

/* footer 5 ---------------------------------- */

.footer-layout5 .th-social a:not(:hover) {
  background: var(--white-color);
  color: var(--title-color);
  box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
}

/* Large devices */

/* footer 6 ---------------------------------- */

.footer-layout6 .th-social a:not(:hover) {
  background: var(--white-color);
  color: var(--title-color);
  box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
}

/* Large devices */

/* footer 7 ---------------------------------- */

.footer-layout7 .th-social a:not(:hover) {
  background: var(--white-color);
  color: var(--title-color);
  box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
}

/* Large devices */

/* footer 8  start ---------------------------------- */

/* footer 8  end ---------------------------------- */
/* footer 9  start ---------------------------------- */

/* footer 9  end ---------------------------------- */
/*footer 11 start -----------------------------------*/

.footer-layout11 .th-social a:not(:hover) {
  background: #1C1C25;
  box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.06);
  border-radius: 100px;
  color: var(--white-color);
}

/* footer 11  end ---------------------------------- */
/* footer 12 start ---------------------------------*/

.footer-layout12 .th-social a:not(:hover) {
  background: var(--white-color);
  box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.06);
  border-radius: 100px;
  color: var(--title-color);
}

/* footer 12 end ---------------------------------*/
/* footer 12 start ---------------------------------*/

/* footer 13 end ---------------------------------*/
/* footer 14 start ---------------------------------*/

/* footer 14 end ---------------------------------*/
/* footer 15 start ---------------------------------*/

/* footer 14 end ---------------------------------*/

/*footer-layout15 start ---------------------------- */

.footer-layout18 .th-social a:not(:hover) {
  background: var(--white-color);
  box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.06);
  border-radius: 100px;
  color: var(--title-color);
}

/*footer-layout15 start ---------------------------- */

/* footer layout 22 start ---------------------*/

/* footer layout 22 end ---------------------*/

.footer-layout19 .footer-links a:not(:hover) {
  color: var(--theme-color);
}

/* footer-layout20 ------------------------*/

/*footer-layout24 ---------------------*/

.footer-layout24 .copyright-wrap .footer-menu li a:not(:hover) {
  color: var(--title-color);
}

/* ---------------------------- footer-layout26 -------------------------*/

/*------------------- 4.4. Breadcumb  -------------------*/

/* Large devices */

/* Medium devices */

/* Small devices */

/* Extra small devices */

/*------------------- 4.5. Pagination  -------------------*/

/* Small devices */

/*------------------- 4.6. Blog  -------------------*/
/* Blockquote ---------------------*/

/* Large devices */

/* Small devices */

.blog-meta {
  display: block;
}

.blog-meta a {
  display: inline-block;
  font-size: 14px;
  color: var(--body-color);
  font-family: var(--body-font);
  position: relative;
  margin-right: 20px;
}

.blog-meta a i {
  margin-right: 6px;
  color: var(--theme-color);
}

.blog-meta a:last-child {
  margin-right: 0;
}

.blog-meta a:hover {
  color: var(--theme-color);
}

/* Large devices */
@media (max-width: 1199px) {
  .blog-meta a {
    margin-right: 6px;
    padding-right: 15px;
  }
}

.blog-img img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* Medium Large devices */

/* Medium devices */

/* Small devices */

/*------------------- 4.7. Comments  -------------------*/

/* Medium Large devices */

/* Large devices */

/* Medium devices */

/* Small devices */

/* Small devices */

/*------------------- 4.8. Hero Area  -------------------*/
/* Hero Global ---------------------------------- */
.th-hero-wrapper {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

/* Extra large devices */

/* Medium Large devices */

/* Medium devices */

/* Small devices */

/* Hero 1 ---------------------------------- */
.hero-subtitle {
  font-family: var(--title-font);
  color: var(--theme-color);
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 17px;
  text-transform: uppercase;
  margin-top: -0.24em;
}

.hero-title {
  font-size: 74px;
  font-weight: bold;
  line-height: 1.135;
  margin-bottom: 0;
}

.hero-title:last-of-type {
  margin-bottom: 21px;
}

.hero-text {
  margin-bottom: 43px;
}

.hero-1 {
  overflow: hidden;
}

.hero-1 .hero-shape1,
.hero-1 .hero-shape2,
.hero-1 .hero-shape3 {
  position: absolute;
  z-index: 2;
}

.hero-1 .hero-shape1,
.hero-1 .hero-shape2 {
  top: 10%;
  right: 0;

}

.hero-1 .hero-shape2 {

}

.hero-1 .hero-shape3 {
  bottom: -80px;
  left: -60px;

}

.hero-1 .hero-img {
  position: absolute;
  top: 60px;
  right: 10%;
  z-index: 3;
}

.hero-1 .hero-img:before {
  content: '';
  width: 500px;
  height: 500px;
  background-color: #F2BA4C;
  opacity: 0.3;
  -webkit-filter: blur(300px);
  filter: blur(300px);
  border-radius: 50%;
  position: absolute;
  right: -40px;
  top: -180px;
  z-index: -1;

}

.hero-style1 {
  position: relative;
  z-index: 6;
  padding: 219px 0 219px 0;
  max-width: 710px;
}

/* Hight Resoulation devices */
@media (min-width: 1922px) {
  .hero-1 .hero-img {
    right: 18%;
  }
}

@media (max-width: 1700px) {
  .hero-1 .hero-img {
    right: 1%;
  }
}

@media (max-width: 1400px) {
  .hero-1 .hero-img {
    top: 20px;
  }
  .hero-style1 {
    padding: 180px 0;
  }
  .hero-title {
    font-size: 68px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .hero-1 .hero-img {
    max-width: 485px;
  }
  .hero-style1 {
    padding: 150px 0;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-title {
    font-size: 60px;
  }
  .hero-1 .hero-img {
    right: -10%;
  }
  .hero-1 .hero-shape1,
  .hero-1 .hero-shape2 {
    max-width: 600px;
  }
  .hero-1 .hero-shape3 {
    max-width: 600px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-title {
    font-size: 54px;
    line-height: 1.2;
  }
  .hero-style1 {
    padding: 110px 0;
    text-align: center;
  }
  .hero-style1 .btn-group {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero-style1 .hero-text {
    margin-left: auto;
    margin-right: auto;
  }
  .hero-1 .hero-img {
    position: relative;
    margin-top: 30px;
    margin-bottom: -60px;
    text-align: center;
    right: 0;
    top: 0;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-subtitle {
    font-size: 18px;
  }
  .hero-title {
    font-size: 48px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-subtitle {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .hero-title {
    font-size: 38px;
    line-height: 1.24;
  }
  .hero-title:last-of-type {
    margin-bottom: 16px;
  }
  .hero-text {
    margin-bottom: 28px;
  }
}

@media (max-width: 390px) {
  .hero-title {
    font-size: 34px;
    line-height: 1.3;
  }
}

@media (max-width: 330px) {
  .hero-title {
    font-size: 30px;
  }
}

/* Hero 2 ---------------------------------- */

/* Medium Large devices */

/* Large devices */

/* Medium devices */

/* Small devices */

/* Hero 3 start---------------------------------- */

/* Medium Large devices */

/* Large devices */

/* Medium devices */

/* Small devices */

/* Hero 3 end---------------------------------- */
/* Hero 4 start ---------------------------------- */

/* Hight Resoulation devices */

/* Medium Large devices */

/* Large devices */

/* Medium devices */

/* Small devices */
@media (max-width: 767px) {
  .hero-subtitle {
    font-size: 18px;
  }
  .hero-title {
    font-size: 48px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-subtitle {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .hero-title {
    font-size: 38px;
    line-height: 1.24;
  }
  .hero-title:last-of-type {
    margin-bottom: 16px;
  }
  .hero-text {
    margin-bottom: 28px;
  }
}

/* Hero 4 end ---------------------------------- */
/* Hero 5  start---------------------------------- */

/* Hero 5 end ---------------------------------- */
/* Hero 6 start---------------------------------- */

/* Medium Large devices */

/* Medium devices */

/* Small devices */

/* Extra small devices */

/* Hero 6 end---------------------------------- */
/* Hero 7 start ---------------------------------- */

/* Hero 7 end ---------------------------------- */
/* Hero 8 start ---------------------------------- */

/* Hero 8 end ---------------------------------- */
/* hero 9 start-------------------------------- */

/* hero 9 end-------------------------------- */
/* hero 10 start -------------------------------- */

/* hero 10 end -------------------------------- */
/* hero 11 start-------------------------------- */

/* hero 11 end-------------------------------- */
/* hero 12 start -------------------------------- */

/* hero 12 end -------------------------------- */
/* hero 13 start ------------------------------*/

/* hero 13 end ------------------------------*/
/* hero 14 start -------------------------------*/

/* hero 14 end -------------------------------*/
/* hero 15 start -------------------------------*/

/* hero 15 end -------------------------------*/
/* hero 16 start -------------------------*/

/* hero 9 start-------------------------------- */

/* hero 17 end-------------------------------- */
/* hero 18 start -------------------------------- */

/* hero 18 end-------------------------------- */
/* hero 19 start -------------------------------*/

/* hero 19 end -------------------------------*/
/* hero 20 start -------------------------------*/

/* hero 20 end -------------------------------*/
/* hero 21 start -------------------------*/

/* hero 21 end -------------------------*/
/* hero 10 start -------------------------------- */

/* hero 22 end ---------------------------------*/
/* hero 23 start ---------------------------------*/

/* hero 23 end ---------------------------------*/
/* hero 24 start ------------------------------*/

/* hero-style26 ------------------------------*/

/* hero 27 ------------*/

/* hero-style28  style */

.hero-28 .hero-social a:not(:hover) {
  color: var(--white-color);
}

.hero-style28 .call-btn .btn-title:not(:hover) {
  color: var(--white-color);
}

/* hero 29 --------------------*/

/* hero 30 start ------------------------*/

/* hero 30 end ------------------------*/
/* hero 31 start ----------------------*/

/*------------------- 4.9. Error  -------------------*/

/* Medium devices */

/* Small devices */

/*------------------- 4.00. Popup Search  -------------------*/

/*------------------- 4.00. Popup Side Menu  -------------------*/

/*------------------- 4.00. Wocommerce  -------------------*/

/* Small devices */

/*------------------- 4.00. Products  -------------------*/

/* Large devices */

/* Medium devices */

/* Extra small devices */

/* Large devices */

/* Medium devices */

/* Extra small devices */

/* Medium Large devices */

/* Medium Large devices */

/* Large devices */

/* Medium devices */

/* Small devices */

/* Extra small devices */

/* Extra small devices */

/* ---------------------- smart-product-----------------------------*/

/*------------------- 4.00. Cart  -------------------*/

/* Medium devices */

/* Small devices */

/*------------------- 4.00. Checkout  -------------------*/

/* Small devices */

/*------------------- 4.00. Wishlist  -------------------*/

/* Medium devices */

/* Small devices */

/*------------------- 4.00. Contact  -------------------*/
/* Contact 1 ---------------------------------- */

.contact-feature {
  padding: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  background: var(--white-color);
  box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.06);
  border-radius: 5px;
}

.contact-feature .icon-btn {
  background-color: var(--theme-color);
  color: var(--white-color);
  font-size: 24px;
  box-shadow: 0px 6px 20px rgba(0, 96, 255, 0.6);
  border-radius: 5px;
  border: none;
}

.contact-feature_label {
  margin-bottom: 0;
}

.contact-feature_link {
  font-size: 20px;
  font-weight: 600;
  color: var(--title-color);
}

.contact-feature_link:hover {
  color: var(--theme-color);
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .contact-feature {
    padding: 20px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .contact-feature {
    gap: 15px;
    padding: 15px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .contact-feature {
    padding: 22px;
  }
}

/* Quote Form faq page ----------------------- */

/* Contact Page ---------------------------------- */

.contact-form select,
.contact-form .form-control,
.contact-form .form-select,
.contact-form textarea,
.contact-form input {
  background-color: var(--white-color);
}

.contact-form .form-group > i {
  background-color: var(--white-color);
  color: var(--theme-color);
  width: 18px;
  text-align: right;
}

/* Extra small devices */

/* Extra small devices */

/* Appointment Area 3 ---------------------------------- */

/* contact 5 start -------------------*/

/* contact 6 */

/* contact area start ----------------------*/

.contact-item_link:not(:hover), .contact-item_text:not(:hover) {
  color: var(--title-color);
}

/* contact area start ----------------------*/
/* contact area start ----------------------*/

/* contact area end ----------------------*/
/* contact9 area start ------------------------*/

/* contact9 area end ------------------------*/
/* contact area 10 start -------------*/

/*------------------- 4.00. About  -------------------*/
/* About 1 ---------------------------------- */

/* Small devices */

/* Extra small devices */

/* About 2 ---------------------------------- */

/* Medium Large devices */

/* Large devices */

/* Small devices */

/* Extra small devices */

/* About 3 ---------------------------------- */

/* Small devices */

/* Extra small devices */

/* About Feature ---------------------------------- */
.about-sec-v4 {
  padding-top: 67px;
}

.img-box6 {
  position: relative;
}

.img-box6 .shape1 {
  position: absolute;
  top: 0;
  right: 0;

}

.img-box6 .shape2 {
  position: absolute;
  top: 0;
  left: -40px;

}

.color-animate {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16 / 16;
  background-color: #F2BA4C;
  opacity: 0.45;
  -webkit-filter: blur(300px);
  filter: blur(300px);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;

}

/* Medium devices */
@media (max-width: 991px) {
  .img-box6 {
    text-align: center;
  }
  .img-box6 .shape2 {
    left: 0;
  }
  .list-center {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  .list-center.two-column {
    max-width: 500px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .img-box6 .shape1,
  .img-box6 .shape2 {
    max-width: 130px;
  }
}

/* About 4 ---------------------------------- */

/* About 5 ---------------------------------- */

.img-box6 {
  position: relative;
  z-index: 2;
  text-align: right;
}

.img-box6 .img1 {
  position: relative;
  text-align: right;
  z-index: 2;
  border-radius: 30px;
  /* Extra small devices */
  /* Large devices */
}

@media (max-width: 575px) {
  .img-box6 .img1 {
    text-align: center;
  }
}

.img-box6 .img1 img {
  border-radius: 30px;
}

@media (max-width: 1199px) {
  .img-box6 .img1 {
    margin-top: 50px;
  }
}

/* About 8 ---------------------------------- */

.about-text {
  color: #8E939D;
}

/* About 9 ---------------------------------- */

/*about 10 ------------------------ */

/* About 9 style2 ------------------------------- */

/* About 13 start  --------------------- */

/* Extra small devices */

/* About 13 end  --------------------- */
/* About 14 start ----------------------*/

/* About 14 end ----------------------*/
/* About 15 start -------------------------*/

/* about area 15 end --------------------------*/
/* about area 17 start --------------------------*/

/* about area 17 end --------------------------*/
/* about area 18 start ------------------*/

/* about area 18 end ------------------*/
/* about area 19 start ------------------*/

/* about area 19 end ------------------*/
/* about area 20 start ------------------*/

/* about area 20 end ------------------*/
/* about area 21 start ------------------*/

/* about area 21 end ------------------*/
/* about area 22 start ------------------*/

/* about area 22 end ------------------*/
/* About area 23 start -----------------------*/

/* About area 23 end -----------------------*/
/* About area 24 start -------------------------*/

/* about area 22 -----------------*/

/* beanq area --------------------------*/

/*------------------- 4.00. Team  -------------------*/
/* Team global ---------------------------------- */

/* Team Card ---------------------------------- */

/* Extra small devices */

/* Team Box ---------------------------------- */

/* Extra small devices */

/* Team Grid ---------------------------------- */

/* Team Featured ---------------------------------- */

/* Medium Large devices */

/* Small devices */

/* Extra small devices */

/* Team Details ---------------------------------- */

/* Large devices */

/* Small devices */

/* Extra small devices */

/* Team Card ---------------------------------- */

/* Team Card start---------------------------------- */

/* Team Card end ---------------------------------- */
/* Team box2 end ---------------------------------- */

/* Team box2 end ---------------------------------- */
/* Team box3 start -------------------------------*/

/* Team box3 end -------------------------------*/
/* Team box4 Start ---------------------------------- */

/* Team box4 end ---------------------------------- */
/* Team box5 Start ---------------------------------- */

/* Team box5 end ---------------------------------- */
/* Team grid start --------------------------*/

/* Team box7 Start ---------------------------------- */

/* Team box7 end ---------------------------------- */
/* team area 11 start ------------------------------------*/

/*------------------- 4.00. Testimonial  -------------------*/
/* Testimonial Card ---------------------------------- */

/* Large devices */

/* Small devices */

/* Extra small devices */

/* Testimonial Box ---------------------------------- */

/* Large devices */

/* Small devices */

/* Extra small devices */

/* Testimonial Grid ---------------------------------- */

/* Testimonial 1 ---------------------------------- */

/* Medium Large devices */

/* Small devices */

/* Extra small devices */

/* Extra small devices */

/* Testimonial Box 5 ---------------------------------- */

/* Small devices */

/* Testimonial 7 ---------------------------------- */

/* testimonial box start ------------------------*/

/* testimonial box end ------------------------*/
/* testimonoal 9 start-----------------------------*/

/* testimonoal 9 end -----------------------------*/
/* testimonial 10 start ------------------------------*/

/* testimonial 9 start ----------------------- */

/* testimonial 9 end ----------------------- */
/* restimonial 10 start */

/* testi-card3 start ------------------------------------ */

/* testi-card3 end ------------------------------------ */
/* testi area 14 start ----------------------------*/

/* Large devices */

/* Small devices */

/* testi 12 start ---------------------*/

/* testi-box8 start -------------------------------- */

/* testi-box8 end -------------------------------- */
/* testi-grid5 start -------------------------------- */

/* testi-grid5 end -------------------------------- */

/* testi-grid5 start -------------------------------- */

/* testi-box9 start ------------------------- */

/* testi area 22 ----------------------- */

/*------------------- 4.00. Counter  -------------------*/
/* Counter 1 ---------------------------------- */
.counter-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.counter-card_number {
  font-size: 40px;
  color: var(--white-color);
  font-weight: 900;
  margin-bottom: 8px;
  margin-top: -0.3em;
}

.counter-card_text {
  font-weight: 500;
  color: var(--white-color);
  display: block;
  margin-bottom: -0.5em;
}

.counter-card .icon {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.counter-card:hover .icon {


}

/* Medium Large devices */
@media (max-width: 1299px) {
  .counter-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .counter-card_number {
    margin-bottom: 4px;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .counter-card_number {
    font-size: 36px;
  }
  .counter-card_text {
    font-size: 14px;
  }
}

/* Counter 4 ---------------------------------- */

/* Medium devices */

/* Small devices */

/* Extra small devices */

/* Counter 5 ---------------------------------- */

/* Counter 6 ---------------------------------- */

/* counter 7 start -------------------------*/

/* counter 7 end -------------------------*/
/* counter 8 start ---------------------*/

/* counter 8 end ---------------------*/
/* counter 9 start ---------------------*/

/* counter 9 end ---------------------*/
/* counter 7 start -------------------------*/

/* counter 7 end -------------------------*/
/* counter 11 start --------------------------*/

/* counter 11 end --------------------------*/

/*------------------- 4.00. Blog  -------------------*/
/* Blog Card ---------------------------------- */
.blog-card {
  box-shadow: 0px 10px 15px rgba(8, 14, 28, 0.06);
  border-radius: 10px;
  background-color: var(--white-color);
}

.blog-card .box-title {
  margin-bottom: 22px;
}

.blog-card .box-title a {
  background-image: -webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
  background-image: linear-gradient(to left, var(--theme-color), var(--theme-color));
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 2px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.blog-card .box-title a:hover {
  background-size: 100% 2px;
}

.blog-card .blog-img {
  overflow: hidden;
  box-shadow: 0px 10px 15px rgba(23, 27, 42, 0.06);
  border-radius: 10px 10px 0px 0px;
}

.blog-card .blog-img img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.blog-card .blog-meta {
  margin-bottom: 20px;
}

.blog-card .blog-meta a > i {
  color: inherit;
}

.blog-card .blog-content {
  padding: 30px 40px;
}

.blog-card .blog-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid var(--th-border-color);
  padding-top: 25px;
}

.blog-card .author {
  color: var(--body-color);
}

.blog-card .author img {
  margin-right: 5px;
}

.blog-card .author:hover {
  color: var(--theme-color);
}

.blog-card .line-btn {
  margin-bottom: 0;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--body-color);
}

.blog-card .line-btn:before {
  background-color: var(--body-color);
}

.blog-card .line-btn:hover {
  color: var(--theme-color);
}

.blog-card .line-btn:hover:before {
  background-color: var(--theme-color);
}

.blog-card:hover .blog-img img {

  -ms-transform: scale(1.08);

}

/* Medium Large devices */
@media (max-width: 1299px) {
  .blog-card .blog-content {
    padding: 30px 35px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .blog-card .blog-content {
    padding: 30px 30px;
  }
  .blog-card .box-title {
    font-size: 22px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .blog-card .blog-content {
    padding: 30px 40px;
  }
  .blog-card .box-title {
    font-size: 24px;
  }
}

@media (max-width: 410px) {
  .blog-card .blog-content {
    padding: 30px 30px;
  }
  .blog-card .box-title {
    font-size: 22px;
  }
}

@media (max-width: 350px) {
  .blog-card .blog-content {
    padding: 30px 20px;
  }
  .blog-card .box-title {
    font-size: 20px;
  }
}

/* blog box --------------------------  */

/*blog box start ----------------------------- */

/* blog-box2 style3 start ------------------------------*/

/* Blog Grid start ---------------------------------- */

/* Blog Grid end ---------------------------------- */
/* Blog Grid start ---------------------------------- */

/* Blog Grid end ---------------------------------- */
/* Blog Grid start ---------------------------------- */

/* Blog Grid end ---------------------------------- */

/*------------------- 4.00. Brand  -------------------*/
/* Brand 1 ---------------------------------- */

/* Small devices */

/* Brand 1.1 ---------------------------------- */

/* Brand 4 ---------------------------------- */

/*brand 6 start --------------------------------*/

/*brand 6 end --------------------------------*/
/*brand 7 start --------------------------------*/
/*brand 7 end --------------------------------*/
/*brand 8 start --------------------------------*/

/*brand 8 end --------------------------------*/
/* brand 9 start --------------------------------*/

/* brand 9 end --------------------------------*/
/* brand 10 start -------------------*/

/* brand 10 end -------------------*/
/* brand 11 start ---------------------*/

/* brand 11 end -------------------*/
/* brand 12 start ---------------------*/

/* brand 12 end ---------------------*/
/* Brand 13 start  ---------------------------------- */

/* Brand 13 end  ---------------------------------- */

/*------------------- 4.00. Simple Sections  -------------------*/
.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}

.checklist li {
  color: var(--title-color);
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.checklist li:not(:last-child) {
  margin-bottom: 10px;
}

.checklist.style2 li {
  font-size: 18px;
  font-weight: 700;
  color: var(--title-color);
  font-family: var(--title-font);
  gap: 15px;
}

.checklist.style2 li:not(:last-child) {
  margin-bottom: 26px;
}

.checklist.style4 li {
  color: #141D38;
}

.checklist.style4 li:not(:last-child) {
  margin-bottom: 20px;
}

.checklist.style4 li img {
  max-width: 26px;
}

.checklist.mb-40 {
  /* Large devices */
}

@media (max-width: 1199px) {
  .checklist.mb-40 {
    margin-bottom: 32px;
  }
}

/* Large devices */

/* th anim start----------------------- */

/* th anim end ----------------------- */
/* custom-mouse-pointer-end */

/*------------------- 4.00. Why -------------------*/
/* Why 1 ---------------------------------- */

.two-column {
  display: grid;
  grid-template-columns: auto auto;
  max-width: 700px;
}

/* Medium Large devices */

@media (max-width: 450px) {
  .two-column {
    grid-template-columns: auto;
    gap: 18px;
  }
  .two-column.list-center {
    max-width: 230px;
  }
  .checklist.style2 li:not(:last-child) {
    margin-bottom: 18px;
  }
}

/* Why 2 ---------------------------------- */

/* Large devices */

/* Extra small devices */

.img-box7,
.img-box8 {
  position: relative;
  margin-left: 56px;
}

.img-box7 .shape1,
.img-box8 .shape1 {
  position: absolute;
  top: 0;
  left: 40px;

}

.img-box7 .shape2,
.img-box8 .shape2 {
  position: absolute;
  top: 0;
  right: 0;

}

.img-box8 .shape1 {
  left: 0;
}

.img-box8 .shape2 {

}

.img-box8 .color-animate {
  top: -200px;
  max-width: 400px;
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .img-box7,
  .img-box8 {
    margin-left: 0;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .img-box7,
  .img-box8 {
    text-align: center;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .img-box7 .shape1 {
    max-width: 50px;
  }
  .img-box7 .shape2 {
    max-width: 70px;
  }
  .img-box8 .shape1 {
    max-width: 100px;
  }
  .img-box8 .shape2 {
    max-width: 100px;
  }
}

/* Why 5 start ------------------------*/

/* Why 5 end  ------------------------*/
/* Choose 2 ---------------------------------- */

/* choose area  6 start ------------------------------------- */

/* choose area  6 end ------------------------------------- */
/* Appointment 3 ---------------------------------- */

/* Why 8 ---------------------------------- */

/* choose area start ----------------------*/

/*------------------- 4.00. Faq -------------------*/
/* Faq 1 ---------------------------------- */
.accordion-card {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  box-shadow: 0px 5px 15px rgba(42, 77, 113, 0.04);
  border-radius: 5px;
  overflow: hidden;
}

.accordion-card:not(:last-child) {
  margin-bottom: 24px;
}

.accordion-card .accordion-button {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--title-font);
  border: 0;
  color: var(--title-color);
  background-color: var(--white-color);
  border-radius: 0;
  padding: 12px 45px 12px 30px;
  min-height: 56px;
  gap: 10px;
  margin-bottom: 0;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.accordion-card .accordion-button:after {
  content: "\2b";
  height: 100%;
  width: auto;
  line-height: 1;
  background-color: transparent;
  font-family: var(--icon-font);
  color: var(--title-color);
  font-weight: 700;
  font-size: 1em;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: 30px;
  -webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
  padding-left: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.accordion-card .accordion-button:focus {
  outline: none;
  box-shadow: none;
}

.accordion-card .accordion-button:not(.collapsed) {
  color: var(--white-color);
  background-color: var(--theme-color);
  box-shadow: none;
  border-radius: 0;
}

.accordion-card .accordion-button:not(.collapsed):after {
  content: '\f068';

  -ms-transform: rotate(0);

  color: var(--white-color);
}

.accordion-card .accordion-collapse {
  border: none;
}

.accordion-card .accordion-body {
  border-radius: 0;
  background-color: var(--white-color);
  border: none;
  padding: 23px 30px 30px 30px;
}

.accordion-card .faq-text {
  margin-bottom: -0.48em;
}

.accordion-card.style3 {
  border-radius: 20px;
  box-shadow: 0px 5px 15px rgba(42, 77, 113, 0.04);
}

.accordion-card.style3:not(:last-child) {
  margin-bottom: 30px;
}

.accordion-card.style3 .accordion-button {
  background-color: var(--white-color);
  box-shadow: none;
}

.accordion-card.style3 .accordion-button:not(.collapsed) {
  color: var(--title-color);
  background-color: var(--white-color);
  box-shadow: none;
}

.accordion-card.style3 .accordion-button:not(.collapsed):after {
  color: var(--theme-color);
}

.accordion-card.style3 .accordion-body {
  padding: 0 30px 30px 30px;
}

.accordion-area .faq-text {
  color: #A1A6B0;
}

/* Extra small devices */
@media (max-width: 575px) {
  .accordion-card .accordion-button {
    font-size: 16px;
  }
}

/* Medium devices */

/* Extra small devices */

/* faq 5 start -------------------------*/

/* faq 5 end -------------------------*/
/* faq 6 start ----------------------------*/

/* faq 6 end ----------------------------*/
/* faq 7 start ----------------------------*/

/* faq 7 end ----------------------------*/
/* faq 8 start ----------------------------*/

/* faq 8 end ----------------------------*/
/* faq 10 start ------------------------------*/

/* faq 10 end ------------------------------*/
/* faq 11 start ------------------------------*/

/* faq 11 end ------------------------------*/
/* faq 12 start ------------------------------*/

/* faq 12 end ------------------------------*/

/*------------------- 4.00. CTA -------------------*/

/* Large devices */

/* Large devices */

/* Medium devices */

/* Extra small devices */

/*CTA Area 4***********************/

/*CTA Area 5***********************/

/*CTA Area 6***********************/

/* cta 9 start ---------------------------- */

/* cta 9 end ---------------------------- */
/* cta 10 start ---------------------*/

/* cta 10 end ---------------------*/
/* cta 11 start -----------------------*/

/* cta 11 end -----------------------*/

/*------------------- 4.00. Service -------------------*/
/* Global Style ---------------------------------- */
.shape-icon {
  position: relative;
  z-index: 2;
  width: 90px;
  height: 85px;
  line-height: 85px;
  text-align: center;
}

.shape-icon:before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--smoke-color2);
  -webkit-clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
  clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
  z-index: -1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* Service Featured ---------------------------------- */

/* Service Card ---------------------------------- */

/* Extra small devices */

/* Service Box ---------------------------------- */

/* Service Grid ---------------------------------- */

/* Service 3D ---------------------------------- */
.service-3d {
  text-align: center;
  background: var(--white-color);
  border-radius: 10px;
  padding: 40px 12px;
}

.service-3d_text {
  max-width: 315px;
  margin: 0 auto 22px auto;
}

.service-3d_icon {
  margin-bottom: 30px;
}

.service-3d_icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.service-3d .th-btn {
  padding: 15.5px 18px;
  background-color: var(--smoke-color2);
  color: var(--title-color);
  box-shadow: none;
}

.service-3d .th-btn:before, .service-3d .th-btn:after {
  background-color: var(--smoke-color2);
}

.service-3d .th-btn:hover {
  color: var(--white-color);
}

.service-3d .th-btn:hover:before, .service-3d .th-btn:hover:after {
  background-color: var(--theme-color);
}

.service-3d:hover .service-3d_icon img {


}

/* Service Card 6---------------------------------- */

/* Service Card 7---------------------------------- */

/* Service Box 7---------------------------------- */

/* Service Details ---------------------------------- */

/* Medium Large devices */

/* Medium Large devices */

/* Large devices */

/* Small devices */

/* Extra small devices */

/* Service Card ---------------------------------- */

/* Service Card ---------------------------------- */

/* service 10 start -------------------*/

/* service 10 end -------------------*/
/* Service 11 start ------------------*/

/* service 11 end -------------------*/
/* Service 12 start ------------------------ */

/* Service 12 end ------------------------ */
/* Service 13 start --------------------------*/

/* Service 13 end --------------------------*/
/* Service 14 start ------------------------------*/

/* Service 14 end ------------------------------*/
/* Service 15 start ------------------------------*/

/* Service 15 end ------------------------------*/
/* Service 16 start ------------------------------*/

/* Service 16 end ------------------------------*/
/* Service 17 start ------------------------------*/

/* service box start -----------------------*/

/* service box end -----------------------*/
/* Service 14 end ------------------------------*/

/* service area 21 ---------------*/

/* service_card8 start --------------------------------------*/

/* service-item3 start --------------------------*/

/* service area -----------------*/

/* service-box4 start ------------------------*/

/* service-sec25 start ------------------------*/

/*------------------- 4.00. Pricing -------------------*/
/* Pricing 1 ---------------------------------- */

/* Extra small devices */

/* Pricing 2 ---------------------------------- */

/* Pricing 4 ---------------------------------- */

/* price area start -------------------------*/

/* price */

/* pricing box -----------------------------*/

/* price start --------------------*/

/* price grid2 start ------------------------------*/

/*------------------- 4.00. Gallery -------------------*/
/* Gallery Card ---------------------------------- */

/* Gallery box start---------------------------------- */

.gallery-box .box-title a:not(:hover) {
  color: var(--white-color);
}

/* Gallery box end---------------------------------- */
/*------------------- 4.00. Project -------------------*/
/* Project Card ---------------------------------- */

/* Extra small devices */

/* Project Card 2 start---------------------------------- */

/* Extra small devices */

/* Project Card 2 end---------------------------------- */
/* Project Grid ---------------------------------- */

/* Project Box ---------------------------------- */
.project-box {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.project-box .project-img {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.project-box .project-img img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.project-box .project-content {
  background-color: var(--white-color);
  padding: 22px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.project-box .box-title {
  margin-bottom: 3px;
}

.project-box .project-subtitle {
  margin-bottom: -0.5em;
  color: var(--theme-color);
}

.project-box .icon-btn {
  background-color: var(--theme-color);
  border: none;
  color: var(--white-color);
  font-size: 24px;
  border-radius: 8px;
}

.project-box .icon-btn:hover {
  background-color: var(--title-color);
}

.project-box:hover .project-img img {

  -ms-transform: scale(1.1);

}

@media (max-width: 360px) {
  .project-box .box-title {
    font-size: 22px;
  }
  .project-box .project-content {
    padding: 26px 20px;
  }
}

/* Project Box 4---------------------------------- */

/* Project 5---------------------------------- */

/*project-card3 start --------------------------*/

/*project-card start --------------------------*/

/*project-card end --------------------------*/
/*project-card3 end --------------------------*/
/* Project Details ---------------------------------- */

/*project-card start --------------------------*/

/*project-card end --------------------------*/
/* project-card4 start ----------------------*/

/*project area start --------------------------*/

/* project-item2 -------------------*/

/*------------------- 4.00. Skill -------------------*/

/* video box2 start ---------------------------------*/

/* video box2 end ---------------------------------*/
/*------------------- 4.00. Marquee -------------------*/
/* Marquee 1---------------------------------- */

/*------------------- 4.00. Process -------------------*/
.process-card {
  position: relative;
  box-shadow: 0px 10px 15px rgba(8, 14, 28, 0.06);
  border-radius: 10px;
  background-color: var(--white-color);
  text-align: center;
  padding: 30px 20px;
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
}

.process-card-area {
  position: relative;
}

.process-card-area .process-line {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.process-card-area .position-top {
  top: 42px;
  bottom: unset;
}

.process-card-wrap {
  padding: 30px 0 0 30px;
}

.process-card-wrap:has(.pulse) {
  padding: 0 12px;
}

.process-card-wrap:has(.pulse):nth-child(even) {
  padding-top: 60px;
}

.process-card:has(.pulse) {
  margin-top: 52px;
}

.process-card .box-title {
  font-weight: 600;
  margin-bottom: 14px;
}

.process-card .pulse {
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: var(--theme-color);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -30px;
  left: -30px;
  z-index: 2;
  font-size: 36px;
  font-weight: 700;
  color: var(--white-color);
}

.process-card .pulse:after, .process-card .pulse:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--theme-color);
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.process-card .pulse:after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.process-card .pulse {
  width: 16px;
  height: 16px;
  position: absolute;
  top: -52px;
  left: calc(50% - 8px);
}

.process-card .pulse:before, .process-card .pulse:after {
  -webkit-animation-name: ripple2;
  animation-name: ripple2;
}

.process-card_icon {
  margin-bottom: 24px;
}

.process-card_text {
  margin-bottom: -0.53em;
  font-size: 14px;
}

/* Large devices */
@media (max-width: 1199px) {
  .process-card-area .process-line {
    display: none;
  }
  .process-card-wrap:has(.pulse):nth-child(even) {
    padding-top: 30px;
  }
  .process-card:has(.pulse) {
    margin-top: 8px;
  }
  .process-card .pulse {
    top: -8px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .process-card-wrap:has(.pulse):nth-child(even) {
    padding-top: 0;
  }
}

/*process area 3*********************/

/*process-item start ----------------------------------*/

/*process-item end ----------------------------------*/
/*process start ----------------------------------*/

/*process end ----------------------------------*/
/* process area start ----------------------*/

/* process area end ----------------------*/
/* process area start --------------------*/

/* process-card6  start ----------*/

/*------------------- 4.00. Particle -------------------*/

.particle-3 {
  max-width: 600px;
  height: 470px;
}

.body-particle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

/*------------------- 4.00. Feature -------------------*/
/* Feature Card ---------------------------------- */
.feature-card {
  text-align: center;
  border: 2px solid #D9E0F3;
  border-radius: 10px;
  padding: 40px 12px;
}

.feature-card .shape-icon {
  width: 120px;
  height: 115px;
  line-height: 115px;
  margin: 0 auto 30px auto;
  -webkit-filter: drop-shadow(0px 10px 30px rgba(8, 14, 28, 0.06));
  filter: drop-shadow(0px 10px 30px rgba(8, 14, 28, 0.06));
}

.feature-card .shape-icon:before {
  background-color: var(--white-color);
  -webkit-clip-path: path("M6.35418 25.7699C-3.10248 43.0115 -1.601 65.2669 8.18807 82.317C21.8699 106.149 51.9755 119.386 78.1565 111.915C104.338 104.443 123.425 76.1006 119.484 48.8163C112.307 -0.867846 31.1988 -19.5262 6.35418 25.7699Z");
  clip-path: path("M6.35418 25.7699C-3.10248 43.0115 -1.601 65.2669 8.18807 82.317C21.8699 106.149 51.9755 119.386 78.1565 111.915C104.338 104.443 123.425 76.1006 119.484 48.8163C112.307 -0.867846 31.1988 -19.5262 6.35418 25.7699Z");
}

.feature-card_text {
  max-width: 315px;
  margin: 0 auto -0.5em auto;
}

/* feature card2 start ------------------*/

/* Appijntment 3 ---------------------------------- */

/* Feature 2 ---------------------------------- */

/* Small devices */

/* Extra small devices */

/* Feature 7 ---------------------------------- */

/* Feature 8 ---------------------------------- */

/* feature ----------------------*/

/* feature 8 ----------------------- */

/* choose area start ---------------------------- */

/* choose area end ---------------------------- */
/* feature area start --------------------------------*/

/* feature */

/* feature area start ----------------------*/

/* feature area end ----------------------*/
/* software area start ------------------------- */

/* software area end ------------------------- */

/*  choose-feature4 start ------------------- */

/*  choose-feature4 end ------------------- */
/*  choose-feature5 start ------------------- */

/*  choose-feature5 end ------------------- */
/* feature-card start -------------------------*/

/* feature area 12 start ---------------------*/

/* feature-item2 start*/

/* about-feature2 ----------------*/

/*------------------- 4.00. Screenshot -------------------*/

/*------------------- 4.00. Color Scheme -------------------*/
/* color scheme ---------------------------------- */

/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/

/*-- Padding Top And Bottom --*/

/*-- Padding Top --*/

/*-- Padding Bottom --*/

/*-- Padding Left --*/

/*-- Padding Right --*/

/*-- margin Left And Right --*/

/*-- margin Top And Bottom --*/

/*-- margin Top --*/

.mt-35 {
  margin-top: 35px;
}

/*-- margin Bottom --*/

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

/*-- margin Left --*/

/*-- margin Right --*/

.mt-n2 {
  margin-top: -.6rem;
}

.mb-n2 {
  margin-bottom: -.6rem;
}

.space,
.space-top {
  padding-top: var(--section-space);
}

.space,
.space-bottom {
  padding-bottom: var(--section-space);
}

/* Medium devices */
@media (max-width: 991px) {
  .space,
  .space-top {
    padding-top: var(--section-space-mobile);
  }
  .space,
  .space-bottom {
    padding-bottom: var(--section-space-mobile);
  }
}

/*# sourceMappingURL=style.css.map */