/* ===== plugins/bootstrap.min.css ===== */ @charset "UTF-8";/*! * Bootstrap v5.3.2 (https://getbootstrap.com/) * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-primary-text-emphasis:#052c65;--bs-primary-bg-subtle:#cfe2ff;--bs-white-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-bg:#e9ecef;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-bg:#f8f9fa;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-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}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}progress{vertical-align:baseline}[hidden]{display:none!important}.list-unstyled{padding-left:0;list-style:none}.img-fluid{max-width:100%;height:auto}.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);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}}:root{}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-12{flex:0 0 auto;width:100%}.g-3{--bs-gutter-x:1rem}.g-3{--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem}.g-4{--bs-gutter-y:1.5rem}@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}}@media (min-width:768px){.col-md-6{flex:0 0 auto;width:50%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-1{margin-left:8.33333333%}}@media (min-width:1200px){.col-xl-6{flex:0 0 auto;width:50%}.offset-xl-1{margin-left:8.33333333%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);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){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-toggler{display:none}}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%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");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%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");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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")}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.carousel{position:relative}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-16x9{--bs-aspect-ratio:56.25%}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){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}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.align-top{vertical-align:top!important}.overflow-hidden{overflow:hidden!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.w-100{width:100%!important}.h-100{height:100%!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.order-1{order:1!important}.order-2{order:2!important}.m-0{margin:0!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-3{padding-top:1rem!important}.pe-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-3{padding-bottom:1rem!important}.ps-0{padding-left:0!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.text-center{text-align:center!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-circle{border-radius:50%!important}.visible{visibility:visible!important}@media (min-width:768px){.d-md-inline-block{display:inline-block!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.mb-md-0{margin-bottom:0!important}}@media (min-width:992px){.d-lg-block{display:block!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.mt-lg-4{margin-top:1.5rem!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-4{margin-bottom:1.5rem!important}.ms-lg-0{margin-left:0!important}.p-lg-5{padding:3rem!important}.pe-lg-5{padding-right:3rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}} /* ===== plugins/animate.css ===== */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* ===== plugins/animated-headline.css ===== */ /* -------------------------------- Primary style -------------------------------- */ /* -------------------------------- xrotate-1 -------------------------------- */ /* -------------------------------- xtype -------------------------------- */ /* -------------------------------- xrotate-2 -------------------------------- */ /* -------------------------------- xloading-bar -------------------------------- */ /* -------------------------------- xslide -------------------------------- */ /* -------------------------------- xclip -------------------------------- */ /* -------------------------------- xzoom -------------------------------- */ /* -------------------------------- xrotate-3 -------------------------------- */ /* -------------------------------- xscale -------------------------------- */ /* -------------------------------- xpush -------------------------------- */ /* ===== plugins/fontawesome-all.min.css ===== */ /*! * Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fab,.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}.far,.fas{font-family:"Font Awesome 6 Free"}.fab{font-family:"Font Awesome 6 Brands"}.fa-check-square:before{content:"\f14a"}.fa-lock:before{content:"\f023"}.fa-users:before{content:"\f0c0"}.fa-plug:before{content:"\f1e6"}.fa-sign-in:before{content:"\f090"}.fa-chart-bar:before{content:"\f080"}.fa-handshake:before{content:"\f2b5"}.fa-shield-alt:before{content:"\f3ed"}.fa-question:before{content:"\3f"}.fa-chart-pie:before{content:"\f200"}.fa-chart-line:before{content:"\f201"}.fa-arrow-right:before{content:"\f061"}.fa-clipboard-check:before{content:"\f46c"}.fa-file-shield:before{content:"\e4f0"}.fa-calendar-check:before{content:"\f274"}.fa-file-download:before{content:"\f56d"}.fa-hands-helping:before{content:"\f4c4"}.fa-file:before{content:"\f15b"}.fa-arrow-down:before{content:"\f063"}.fa-link:before{content:"\f0c1"}.fa-search:before{content:"\f002"}.fa-arrow-up:before{content:"\f062"}.fa-project-diagram:before{content:"\f542"}.fa-rocket:before{content:"\f135"}.fa-angle-up:before{content:"\f106"}.fa-cogs:before{content:"\f085"}.fa-building:before{content:"\f1ad"}.fa-history:before{content:"\f1da"}.fa-shield:before{content:"\f132"}.fa-calendar:before{content:"\f133"}.fa-check:before{content:"\f00c"}.fa-globe-europe:before{content:"\f7a2"}.fa-database:before{content:"\f1c0"}.fa-life-ring:before{content:"\f1cd"}.fa-fighter-jet:before{content:"\f0fb"}:root{}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}.fab{font-weight:400}.fa-linkedin-in:before{content:"\f0e1"}:root{}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}.far{font-weight:400}:root{}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}.fas{font-weight:900} /* ===== plugins/themify-icons.css ===== */ @font-face { font-family: 'themify'; src:url('../fonts/themify.eot?-fvbane'); src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('../fonts/themify.woff?-fvbane') format('woff'), url('../fonts/themify.ttf?-fvbane') format('truetype'), url('../fonts/themify.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-link:before { content: "\e62d"; } .ti-check:before { content: "\e64c"; } .ti-shield:before { content: "\e67b"; } .ti-server:before { content: "\e67d"; } /* ===== plugins/et-line.css ===== */ /* Use the following CSS code if you want to use data attributes for inserting your icons */ /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ /* ===== plugins/magnific-popup.css ===== */ /* Magnific Popup CSS */ button::-moz-focus-inner { padding: 0; border: 0; } /* Main image in popup */ /* The shadow behind the image */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ } /* ===== plugins/owl.carousel.css ===== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ /* No Js */ /* * Owl Carousel - Animate Plugin */ /* * Owl Carousel - Auto Height Plugin */ /* * Owl Carousel - Lazy Load Plugin */ /* * Owl Carousel - Video Plugin */ /* ===== plugins/owl.theme.default.css ===== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ /* ===== plugins/default.css ===== */ /*----------------------------------------------------------------------------------- Theme Name: Amava - Startup Agency and SasS Business Template Description: Startup Agency and SasS Business Template Author: Chitrakoot Web Version: 3.2 -----------------------------------------------------------------------------------*/ /* ---------------------------------- Table of contents 01. Google font 02. Reset 03. Typography 04. Background color 05. Custom 06. Border 07. Background image 08. Margin 09. Padding 10. Display 11. Position 12. Width 13. Responsive Media Query ---------------------------------- */ /* =================================== Self-hosted fonts (no Google contact) ====================================== */ /* Poppins — Latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-300.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-400.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-500.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-600.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-700.woff2') format('woff2'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins-800.woff2') format('woff2'); } /* Space Grotesk — Latin */ @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/spacegrotesk-400.woff2') format('woff2'); } @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/spacegrotesk-500.woff2') format('woff2'); } @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/spacegrotesk-600.woff2') format('woff2'); } @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/spacegrotesk-700.woff2') format('woff2'); } /* =================================== Reset ====================================== */ * { margin: 0; padding: 0; box-sizing: border-box; } body{ font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:16px; letter-spacing: 0.5px; color:#575a7b; font-weight: 400; line-height: 1.7; } body, html { -moz-osx-font-smoothing: grayscale; } a, a:active, a:focus { color: #575a7b; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } a:hover, a:active{color: #1f194c; text-decoration: none;} a:focus, a:active, button:focus, button:active, .btn.active:focus, .btn:active:focus, .btn:focus {outline: none;} img {max-width:100%; height:auto; vertical-align: top; } select::-ms-expand{ display:none;} p {margin: 0 0 20px;} .white-space { white-space: normal; } ::selection { color: #000; background:#dbdbdb; } ::-moz-selection { color:#000; background:#dbdbdb; } @media (min-width: 1200px){ .container { max-width: 1170px; } } @media (min-width: 1400px){ .container { max-width: 1320px;} } .container, .container-fluid { padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } .row > * { padding-right: 15px; padding-left: 15px; } /* =================================== Typography ====================================== */ /* font family */ .alt-font { font-family: 'Poppins', sans-serif; } /* heading */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; font-family: 'Poppins', sans-serif; color: #1f194c;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { font-weight: 600; font-family: 'Poppins', sans-serif; color: #282b2d;} /* font size */ .display-24 {font-size:1.5rem;} .display-28 {font-size:1.1rem;} /* text color */ /* letter spacing */ /* font weight */ .font-weight-300 {font-weight:300;} .font-weight-600 {font-weight:600;} .font-weight-700 {font-weight:700;} /* =================================== Background color ====================================== */ .bg-transparent {background-color: transparent;} .bg-light-gray {background-color:#f1f7ff;} .bg-grey {background-color:#f9f9f9;} /* =================================== Custom ====================================== */ section { padding: 120px 0; overflow: hidden; background: #fff; position: relative;} section.md { padding: 90px 0; } /* data overlay */ [data-overlay-dark],[data-overlay-light] { position: relative;} [data-overlay-dark] .container,[data-overlay-light] .container { position: relative; z-index: 2;} [data-overlay-dark]:before,[data-overlay-light]:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;} [data-overlay-dark]:before { background: #000; } [data-overlay-light]:before { background: #35a8e0;} [data-overlay-dark="0"]:before, [data-overlay-light="0"]:before { opacity: 0; } [data-overlay-dark="1"]:before, [data-overlay-light="1"]:before {opacity: 0.1;} [data-overlay-dark="2"]:before, [data-overlay-light="2"]:before { opacity: 0.2; } [data-overlay-dark="3"]:before, [data-overlay-light="3"]:before { opacity: 0.3; } [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before { opacity: 0.4; } [data-overlay-dark="5"]:before, [data-overlay-light="5"]:before { opacity: 0.5; } [data-overlay-dark="55"]:before, [data-overlay-light="55"]:before { opacity: 0.55; } [data-overlay-dark="6"]:before, [data-overlay-light="6"]:before { opacity: 0.6; } [data-overlay-dark="65"]:before, [data-overlay-light="65"]:before { opacity: 0.65; } [data-overlay-dark="7"]:before, [data-overlay-light="7"]:before { opacity: 0.7; } [data-overlay-dark="8"]:before, [data-overlay-light="8"]:before { opacity: 0.8; } [data-overlay-dark="9"]:before, [data-overlay-light="9"]:before { opacity: 0.9; } [data-overlay-dark="99"]:before, [data-overlay-light="99"]:before { opacity: 0.99; } [data-overlay-dark="10"]:before, [data-overlay-light="10"]:before { opacity: 1; } /* separator */ /* divider */ /* opacity */ .opacity1 {opacity:.1;} /* box-shadow */ /* text-shadow */ /* z-index */ .z-index-1 {z-index:1;} .z-index-9 {z-index:9;} /* verticle align */ .vertical-align-top {vertical-align: top;} /* =================================== Border ====================================== */ /* border */ /* boder width */ /* border color */ /* boder style */ /* border radius */ /* =================================== Background image ====================================== */ .parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed; } .cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;} /*============================== Margin ================================*/ /* negative margin */ .mt-n4{ margin-top: -1.5rem!important; } .mt-n5{ margin-top: -3rem!important; } /* custom margin */ /* margin all */ /* margin top */ .my-2-5 { margin-top: 2.5rem; } /* margin bottom */ .mb-1-6 { margin-bottom: 1.6rem; } .mb-1-8 { margin-bottom: 1.8rem; } .mb-2-2 { margin-bottom: 2.2rem; } .mb-2-3 { margin-bottom: 2.3rem; } .mb-2-5, .my-2-5 { margin-bottom: 2.5rem; } .mb-2-9 { margin-bottom: 2.9rem; } .mb-6 { margin-bottom: 3.5rem; } /* margin left */ /* margin right */ /*============================== Padding ================================*/ /* padding all */ /* custom padding */ .p-2-0 { padding: 2.0rem; } .p-2-2 { padding: 2.2rem; } /* padding top */ .pt-2-8 { padding-top: 2.8rem; } /* padding bottom */ .pb-2-4 { padding-bottom: 2.4rem; } /* padding left */ .px-1-6 { padding-left: 1.6rem; } /* padding right */ .px-1-6 { padding-right: 1.6rem; } /*============================== Display ================================*/ .overflow-hidden {overflow:hidden !important;} /*============================== Position ================================*/ .right {right:0;} .left {left:0;} .top {top:0;} .top-25 { top: 25%; bottom: inherit; } .top-35 { top: 35%; bottom: inherit; } .bottom-5 { bottom: 5%; top: inherit; } .left-10 { left: 10%; right: inherit; } .right-20 { right: 20%; left: inherit; } /*================================ Width ================================*/ .w-80px {width:80px;} .w-85 {width:85%;} .w-90 {width:90%;} .w-95 {width:95%;} .w-100 {width:100%;} /*================================ Responsive Media Query ================================*/ @media screen and (min-width: 576px) { /* width */ /* font size */ /* border */ /* rounded */ /* position */ /* margin */ /* margin all */ /* margin top */ /* margin bottom */ /* margin left */ /* margin right */ /* padding */ /* padding all */ .p-sm-2-8 { padding: 2.8rem; } /* padding top */ /* padding bottom */ /* padding left */ /* padding right */ } @media screen and (min-width: 768px) { /* width */ .w-md-75 {width:75%;} .w-md-80 {width:80%;} .w-md-85 {width:85%;} .w-md-95 {width:95%;} /* font size */ /* border */ /* rounded */ /* position */ /* margin */ /* margin all */ /* margin top */ /* margin bottom */ .mb-md-6 { margin-bottom: 3.5rem; } /* margin left */ /* margin right */ /* padding */ /* padding all */ /* padding top */ /* padding bottom */ /* padding left */ /* padding right */ } @media screen and (min-width: 992px) { /* width */ .w-lg-65 {width:65%;} .w-lg-70 {width:70%;} .w-lg-100 {width:100%;} /* font size */ /* border */ /* rounded */ /* position */ /* margin */ /* margin all */ /* margin top */ .mt-lg-7, .my-lg-7 { margin-top: 4rem; } /* margin bottom */ .mb-lg-7, .my-lg-7 { margin-bottom: 4rem; } .mb-lg-8 { margin-bottom: 4.5rem; } .mb-lg-9 { margin-bottom: 5rem; } /* margin left */ /* margin right */ /* padding */ /* padding all */ .p-lg-8 { padding: 4.5rem; } /* padding top */ /* padding bottom */ /* padding left */ /* padding right */ .pe-lg-9 { padding-right: 5rem; } } @media screen and (min-width: 1200px) { /* width */ .w-xl-50 {width:50%;} .w-xl-55 {width:55%;} /* font size */ .display-xl-21 {font-size:1.8rem;} /* border */ /* rounded */ /* position */ /* margin */ /* margin all */ /* margin top */ /* margin bottom */ /* margin left */ /* margin right */ /* padding */ /* padding all */ .p-xl-10 { padding: 5.5rem; } /* padding top */ /* padding bottom */ /* padding left */ /* padding right */ } @media screen and (min-width: 1400px) { /* width */ /* font size */ /* border */ /* rounded */ /* position */ /* margin */ /* margin all */ /* margin top */ /* margin bottom */ /* margin left */ /* margin right */ /* padding */ /* padding all */ /* padding top */ /* padding bottom */ /* padding left */ /* padding right */ } @media screen and (max-width: 1199px) { section { padding: 90px 0; } section.md { padding: 70px 0; } /* verticle align */ /* image position*/ /* display */ /* position */ } @media screen and (max-width: 1050px) { .parallax {background-attachment: inherit;} } @media screen and (max-width: 991px) { .sm-top-position { margin-top: -71px; } /* custom */ section { padding: 70px 0;} section.md { padding: 50px 0; } /* verticle align */ /* image position*/ /* display */ /* clear-both */ /* position */ .sm-position-relative {position:relative !important;} /* parallax */ .parallax {background-position: center;} /* opacity */ } @media screen and (max-width: 767px) { body { font-size: 15px; } /* opacity */ /* verticle align */ /* image position*/ /* display */ /* position */ } @media screen and (max-width: 575px) { .sm-top-position { margin-top: -66px; } } /* ipad Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .parallax {background-attachment: inherit; background-position: center;} } /* ipad Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .parallax {background-attachment: inherit; background-position: center;} } /* ===== plugins/nav-menu.css ===== */ /*----------------------------------------------------------------------------------- * * Theme Name: Amava - Startup Agency and SasS Business Template * Description: Startup Agency and SasS Business Template * Author: Chitrakoot Web * Version: 3.2 * * ----------------------------------------------------------------------------------- */ /* =================================== Default Header style ====================================== */ header{ transition: all 0.5s ease 0s; position: relative; top: 0; left: 0; z-index: 99999; } .navbar-brand img{ max-height: 43px; transition-duration: 0.5s; } .navbar-header-custom{ padding: 17px 0 15px 0; } .navbar-default{ transition: all 0.5s ease 0s; } .navbar-default .container, .navbar-default .container-fluid{ position: relative; } .menu_area{ position: relative; z-index: 2; } .menu_area .navbar-brand{ transition: all 0.5s ease 0s; display: inline-block; } .navbar-nav li{ list-style: none; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; } .navbar-nav li.has-sub > a{ position: relative; } .navbar-nav li.has-sub a:hover{ color: #1d184a; } .navbar-nav li a{ display: block; color: #393b54; font-size: 15px; font-weight: 500; padding: 9px 37px 9px 27px; } .navbar-nav > li{ margin-left: 15px; float: left; } .navbar-nav > li.has-sub{ padding-right: 13px; } .navbar-nav > li > a{ position: relative; display: block; font-size: 15px; text-transform: uppercase; font-weight: 600; padding: 21px 0.5rem; color: #1d184a; letter-spacing: 0.5px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .navbar-nav > li > a:hover { opacity: 0.65; } .navbar-nav li.current > a{ color: #000; } .navbar-nav > li.active > a{ color: #000; } .navbar-nav > li.has-sub > a:hover{ color: #000; } .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; } .navbar > ul > li.has-sub > a:after{ position: absolute; top: 30px; right: -8px; content: ""; border-color: transparent #1d184a #1d184a transparent; border-style: solid; border-width: 0 1px 1px 0; display: block; height: 6px; transform: rotate(45deg); transition: border 0.3s ease 0s; width: 6px; } .navbar > ul > li.current > a:after{ border-color: transparent #000 #000 transparent; } .navbar-nav ul{ position: absolute; left: -9999px; } .navbar ul ul li{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;} .navbar ul ul li:last-child{ margin-bottom: 0; } .navbar ul ul li.active > a{ color: #000; } .navbar-nav li > ul{ padding: 15px 0; margin: 0 0 0 10px; border-radius: 0.3rem; background: #fff; min-width: 270px; -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); } .navbar-nav li:hover > ul{ left: auto; } .navbar-nav > li.has-sub > ul{ opacity: 0; margin-top: 10px; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .navbar-nav > li.has-sub:hover > ul{ margin-top: 0; opacity: 1; } .navbar-nav > li.has-sub:last-child:hover ul{ left: inherit; right: 0; } .navbar li > ul ul{ margin-top: -39px; margin-left: 240px; min-width: 270px; z-index: 9; } .navbar li > ul ul ul{ margin-left: 175px; min-width: 130px; } .navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a{ border-bottom: 0; } .navbar ul ul li.has-sub > a:after{ position: absolute; top: 22px; right: 17px; width: 8px; height: 2px; display: block; background: #5a5d80; content: ""; } .navbar ul ul li.has-sub > a:before{ position: absolute; top: 19px; right: 20px; display: block; width: 2px; height: 8px; background: #5a5d80; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all 0.25s ease; } .navbar ul ul > li.has-sub:hover > a:before{ top: 17px; height: 0; } /* atribute navigation */ /* top search */ /* top search */ /*============================== One page navbar ================================*/ /* Responsive CSS */ @media screen and (min-width: 992px){ /* =================================== Default Header style ====================================== */ /* atribute navigation */ /* transparent header */ .transparent-header .navbar-nav > li > a { color: #fff; } .transparent-header .navbar-nav > li.active > a,.transparent-header .navbar-nav > li.current > a { opacity: 0.65; } .transparent-header .navbar > ul > li.has-sub > a:after { border-color: transparent #fff #fff transparent; } .transparent-header .navbar-nav > li.has-sub > a:hover { color: #fff; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav > li{ margin-left: 12px; } .navbar-nav > li > a { padding: 21px 0.4rem; } } @media screen and (max-width: 991px){ /* =================================== One page navigation ====================================== */ /* =================================== Default Header style ====================================== */ .navbar-header-custom{ padding: 4px 0 8px; } .menu_area .navbar-brand{ margin-top: 6px; margin-right: 5px; } .navbar-nav li > ul{ -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar-nav > li.has-sub > ul{ opacity: 1; margin: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .navbar li > ul ul{ margin: 0; min-width: auto; } .navbar-nav > li.has-sub{ padding-right: 0; } .navbar-nav > li > a{ padding: 10px 20px; color: #1d184a; } .navbar-nav > li > a:hover{ opacity: 1; } .navbar-nav li.has-sub a:hover{ color: #1d184a; } .navbar ul ul li.active > a{ color: #000; } .navbar-nav{ background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 71px; left: 0; width: 100%; transition-duration: 0; -ms-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; -o-transition-duration: 0; width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .navbar-nav li.active > a{ opacity: 1; } .navbar-nav ul{ width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .navbar-nav li{ width: 100%; border-top: 1px solid #e6e6e6; position: relative; padding: 0; margin: 0; } .navbar-nav ul li:hover{ background: #f5f5f5; } .navbar-nav ul ul li{ height: auto; } .navbar-nav li:hover > ul > li{ height: auto; } .navbar ul li a{ width: 100%; border-bottom: 0; } .navbar ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0; } .navbar ul ul li{ margin-bottom: 0; padding: 0; border-color: #e6e6e6; } .navbar ul ul li a{ width: 100%; border-bottom: 0; color: #616161; background: none; padding: 8px 30px; } .navbar ul ul ul li a{ padding-left: 45px; } .navbar > ul > li{ float: none; } .navbar-nav ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0; } .navbar > ul > li.has-sub > a:after, .navbar > ul > li.has-sub > a:before{ display: none; } .navbar ul ul > li.has-sub > a:after, .navbar ul ul > li.has-sub > a:before{ display: none; } .navbar-nav ul ul ul li.active a{ border-left: none; } .navbar-nav > ul > li.has-sub > ul > li.active > a, .navbar-nav > ul ul > li.has-sub > ul > li.active > a{ border-top: none; } .navbar li > ul ul ul{ margin-left: 0; background: #fff; } .navbar ul ul ul ul li a{ padding-left: 55px; } .navbar-nav .has-sub .has-sub .submenu-button{ height: 40px; } .navbar-nav .has-sub .has-sub .submenu-button:after{ top: 19px; } .navbar-nav .has-sub .has-sub .submenu-button:before{ top: 16px; } .navbar-toggler{ width: 50px; height: 45px; padding: 0; border-radius: 0; position: absolute; right: 0; top: 13px; cursor: pointer; z-index: 12399994; border: none; background: #f4f4f4; } .navbar-toggler:after{ position: absolute; top: 22px; right: 15px; display: block; height: 8px; width: 20px; border-top: 2px solid #000; border-bottom: 2px solid #000; content: ""; } .navbar-toggler:before{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 15px; display: block; height: 2px; width: 20px; background: #000; content: ""; } .navbar-toggler.menu-opened:after{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .navbar-toggler.menu-opened:before{ top: 23px; background: #000; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-nav .submenu-button{ position: absolute; z-index: 99; right: 0; top: 2px; display: block; height: 44px; width: 100%; cursor: pointer; } .navbar-nav .submenu-button:after{ position: absolute; top: 21px; right: 17px; width: 8px; height: 2px; display: block; background: #5a5d80; content: ""; } .navbar-nav .submenu-button:before{ position: absolute; top: 18px; right: 20px; display: block; width: 2px; height: 8px; background: #5a5d80; content: ""; } .navbar-nav .has-sub.active > .submenu-button:before{ display: none; } /* atribute navigation */ /* transparent header */ .transparent-header li.search > a { color: #fff; } /* onepage header */ } @media screen and (max-width: 575px){ .navbar-brand img { max-height: 38px; } } /* ===== plugins/jarallax.css ===== */ .jarallax { position: relative; z-index: 0; } /* ===== plugins/lightgallery.css ===== */ /*! lightgallery - v1.9.0 - 2020-10-14 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2020 Sachin N; Licensed GPLv3 */ /* ===== plugins/xzoom.css ===== */ /* Compatibility styles for frameworks like bootstrap, foundation e.t.c */ /* --------------- */ /* xZoom Styles below */ /* Thumbs */ /* Everything out of border is hidden */ /* Preview */ /* Lens */ /* Loading */ /* Additional class that applied to thumb when it is active */ /* Caption */ /* ===== plugins/prism.css ===== */ /* PrismJS 1.16.0 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ /** * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */ /* Code blocks */ /* Inline code */ /* ===== search.css ===== */ /*Search styles*/ /* ===== quform/base.css ===== */ /*************************************** * Quform Responsive Ajax Contact Form * * Base Stylesheet * * Copyright (c) ThemeCatcher 2009 - 2021 * https://www.themecatcher.net/ ***************************************/ /*Border-box*/ /*Clearfix*/ /* IE < 8 */ /*Cross browser fixes*//* removes gray dotted outline */ /* IE7 + Chrome spacing fix */ /*Main Wrappers*/ /*Hidden*/ /*Required*/ /*Default input, selects and textareas*/ /* Helper class to increase the height on textarea */ /* Default Label*/ /*Element Description*/ /*Headings*/ /*Form Description*/ /*Check box and radio buttons*/ /*Radio and checkboxes inline option*/ /*Captcha*/ /*Groups*/ /*Spacing in groups*/ /*LABEL / INPUT POSITION OPTIONS*/ /*label left*/ /*label above*/ /*input left*/ /*input above - override*/ /*input left - override*/ /*label above- override*/ /*label left- override*/ /*Fix multi elements*/ /*Submit button*/ /*Default*/ /*inner*/ /*outer*/ /*Hover*/ /*outer*/ /*inner*/ /*Active*/ /*outer*/ /*inner*/ /*Loading the submit*/ /*Errors*/ /*Success message*/ /*Fixes for consistent browsing*/ /*Hide FOUC*/ /*Tooltip icons*/ /* Quform PHP Specific */ /*Preset element sizes - full width*/ /*Preset element sizes - small*/ /*Preset element sizes - medium*/ /*Preset element sizes - large*/ /*Preset element sizes - huge*/ /*Preset element sizes - fat*/ /*Preset button sizes - fat*/ /*Preset button sizes - small*/ /*Preset button sizes - med*/ /*Preset button sizes - large*/ /*Preset button sizes - full width*/ /*IE 7 fix*/ /* Form processing error */ /* Replaced select menu text input */ /* Incase the image doesn't load - show refresh icon */ /* Grouped file upload spacing */ /* No JS page */ /* Tooltip styles */ /* tippy.umd.min.js v6.2.7 - MIT License */ /* Quform Responsive - Add your styles here */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* Tablet Portrait and below (devices and browser) */ @media only screen and (max-width: 768px) { /* Groups columns become stacked */ /* Elements become full width */ /* keep date and time elements inline a bit longer */ /* There is no elements to the right so no need for this right padding/margin */ /* Make radio and checkboxes a bit easier to select on touch devices */ } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* Button is larger for easy clicking on small devices. */ /* There is not enough room for left labels - so move them above */ /* Less radio/check inputs per line on phones */ /* Force all pre-sized elements full width */ /* No JS page */ } /* ===== styles.css ===== */ @charset "UTF-8"; /*----------------------------------------------------------------------------------- * * Theme Name: Amava - Startup Agency and SasS Business Template * Description: Startup Agency and SasS Business Template * Author: Chitrakoot Web * Version: 3.2 * * ----------------------------------------------------------------------------------- */ /* ---------------------------------- * * Table of contents * * 01. Common styles * 02. Listing styles * 03. Button styles * 04. Navigation * 05. Section heading * 06. Main banner styles * 07. Page title * 08. Card styles * 09. Video * 10. Mobile App Demo * 11. Client section * 12. Counter box * 13. Testmonials * 14. Owl carousel * 15. Team styles * 16. Project grid * 17. Portfolio * 18. Accordion style * 19. Tabs * 20. Pricing table * 21. Widget block * 22. Other * 23. Blog * 24. Contact * 25. Footer * * ---------------------------------- */ /*============================== * Common styles * ================================ */ /* loader */ #preloader { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: #fff; z-index: 999999; transition: 0.3s ease opacity; text-align: center; width: 100%; height: 100%; } #preloader:before { content: ""; width: 80px; height: 80px; border: 3px solid #35a8e0; display: block; border-radius: 50%; position: absolute; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); animation-name: LoaderCicle; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } #preloader:after { content: ""; width: 80px; height: 80px; border: 3px solid #35a8e0; display: block; border-radius: 50%; position: absolute; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); animation-name: LoaderCicle; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 1s; } @keyframes LoaderCicle { 0% { width: 0; height: 0; opacity: 0; } 10% { width: 10px; height: 10px; opacity: 1; } 80% { width: 60px; height: 60px; opacity: 0.1; } 100% { width: 70px; height: 70px; opacity: 0; } } /* theme color and basic options */ a:hover, a:active, a:focus { color: #35a8e0; text-decoration: none; } .bg-primary { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); } .primary-overlay-180[data-overlay-dark]:before { background: #35a8e0; background: linear-gradient(180deg, #35a8e0, #5db9e6); } .primary-overlay-90[data-overlay-dark]:before, .bg-primary-90 { background: #35a8e0; background: linear-gradient(90deg, #35a8e0, #5db9e6); } .text-color-md-blue { color: #243f67; } .line-height-normal { line-height: normal; } .img-effect { transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .img-effect:hover { transform: translateY(-8px); } button:focus:not(:focus-visible) { box-shadow: none; } /* particles banner */ .small-title { font-size: 18px; line-height: 34px; } .inner-title { font-size: 16px; line-height: 34px; } @media screen and (min-width: 1400px) { .container.lg-container { max-width: 80%; } } @media screen and (max-width: 767px) { .inner-title { font-size: 15px; line-height: 30px; } .small-title { font-size: 16px; line-height: 30px; } } /* scroll to top */ .scroll-to-top { font-size: 20px; text-align: center; color: #fff; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none; border-radius: 50%; background: #000; border: 1px solid #2a2a2a; width: 35px; height: 35px; line-height: 30px; z-index: 9999; outline: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .scroll-to-top i { color: #fff; } .scroll-to-top:hover { color: #1d184a; background: #fff; } .scroll-to-top:hover i { color: #1d184a; } .scroll-to-top:visited { color: #1d184a; text-decoration: none; } /* infinite animation */ /* icon styles */ /* icon square */ /* circle btn */ .circle-btn a { display: inline-block; border: 1px solid #243f67; border-radius: 100%; width: 50px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; } .circle-btn a:hover { color: #fff; background: #243f67; border-color: #243f67; } .circle-btn a:hover i { color: #fff; } .circle-btn i { color: #243f67; } /* icon circle */ .icon-circle { vertical-align: top; width: 75px; height: 75px; background: rgba(53, 168, 224, 0.1); border-radius: 50%; display: inline-block; text-align: center; line-height: 85px; color: #35a8e0; } .icon-circle i, .icon-circle span { font-size: 28px; } .icon-circle.yellow { background: rgba(255, 204, 111, 0.1); color: #ffcc6f; } .icon-circle.green { background: rgba(6, 223, 158, 0.1); color: #06df9e; } .icon-circle.orange { background: rgba(255, 98, 98, 0.1); color: #ff6262; } .icon-circle.blue { background: rgba(21, 178, 236, 0.1); color: #15b2ec; } .icon-circle .text { font-size: 28px; line-height: 75px; font-weight: 600; } @media screen and (max-width: 767px) { .icon-circle { width: 65px; height: 65px; line-height: 75px; } .icon-circle .text { font-size: 24px; line-height: 65px; } } /* icon play */ /* icon style */ /*============================== * Listing styles * ================================ */ /* primary listing */ .list-style { list-style: none; } .list-style li { line-height: 24px; margin-bottom: 12px; position: relative; padding-left: 30px; transition: all 0.3s ease 0s; } .list-style li:last-child { margin-bottom: 0; } .list-style li:before { content: ""; position: absolute; left: 4px; top: 8px; width: 8px; height: 8px; background: #35a8e0; border-radius: 100px; z-index: 2; } .list-style li:after { content: ""; position: absolute; left: 0px; top: 4px; width: 16px; height: 16px; background: rgba(53, 168, 224, 0.35); border-radius: 100px; z-index: 1; } .list-style li:hover { padding-left: 35px; } /*list-style1*/ .list-style1 { margin: 0; padding: 0; } .list-style1 li { list-style-type: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .list-style1 li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .list-style1 li a { color: #232323; } .list-style1 li a:hover { color: #35a8e0; } /* list style2 */ .list-style2 { list-style: none; } .list-style2 li { line-height: 24px; margin-bottom: 10px; position: relative; padding-left: 25px; transition: all 0.3s ease 0s; } .list-style2 li:last-child { margin-bottom: 0; } .list-style2 li:before { content: ""; position: absolute; left: 2px; top: 8px; width: 8px; height: 8px; background: #35a8e0; border-radius: 3px; z-index: 2; transform: rotate(45deg); } .list-style2 li:after { content: ""; position: absolute; left: 0px; top: 6px; width: 12px; height: 12px; background: rgba(53, 168, 224, 0.35); border-radius: 4px; z-index: 1; transform: rotate(45deg); } .list-style2 li:hover { padding-left: 35px; } /* list style3 */ .list-style3 { list-style: none; } .list-style3 li { line-height: 24px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); position: relative; padding-left: 30px; transition: all 0.3s ease 0s; } .list-style3 li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .list-style3 li:before { content: ""; position: absolute; left: 4px; top: 8px; width: 8px; height: 8px; background: #35a8e0; border-radius: 100px; z-index: 2; } .list-style3 li:after { content: ""; position: absolute; left: 0px; top: 4px; width: 16px; height: 16px; background: rgba(53, 168, 224, 0.35); border-radius: 100px; z-index: 1; } .list-style3 li:hover { padding-left: 35px; } /* list style4 */ .list-style4 { list-style: none; padding: 0; } .list-style4 li { font-weight: 500; position: relative; padding: 0 0 0 40px; margin: 0 0 14px 0; } .list-style4 li span { position: absolute; top: 3px; right: 0; } .list-style4 li:last-child { margin-bottom: 0; } .list-style4 li:before { content: "\e64c"; font-family: "themify"; color: #ffffff; font-size: 12px; background: #198754; margin-right: 12px; border-radius: 30px; padding: 6px; position: absolute; left: 0; top: 2px; line-height: 12px; } /* list style5 */ .list-style5 { list-style: none; } .list-style5 li { margin-bottom: 40px; } .list-style5 li:last-child { margin-bottom: 0; } .list-style5 li h3 { font-weight: 500; } .list-style5 li .short-desc { display: inline-block; width: 80%; vertical-align: top; padding-left: 30px; } .list-style5 li .short-desc p { margin-bottom: 0; } @media screen and (max-width: 991px) { .list-style5 li { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .list-style5 li .short-desc { width: 75%; padding-left: 20px; } } /* list style6 */ .list-style6 { list-style: none; } .list-style6 li { font-size: 16px; line-height: 34px; padding-left: 30px; position: relative; } .list-style6 li:last-child { margin-bottom: 0; } .list-style6 li:before { content: "\e64c"; font-family: "themify"; font-size: 15px; position: absolute; top: 0; left: 0; line-height: 35px; color: #06df9e; } @media screen and (max-width: 767px) { .list-style6 li { font-size: 15px; line-height: 32px; } } /* list style7 */ .list-style7 { list-style: none; margin: 0; padding: 0; } .list-style7 li { position: relative; padding: 0 0 8px 40px; margin: 0 0 8px 0; font-size: 16px; } .list-style7 li span { position: absolute; top: 3px; right: 0; } .list-style7 li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .list-style7 li:before { content: ""; } .list-style7 li i { color: #5db9e6; font-size: 12px; background: rgba(0, 132, 233, 0.1); margin-right: 12px; border-radius: 30px; padding: 6px; position: absolute; left: 0; top: 2px; line-height: 12px; } @media screen and (max-width: 767px) { .list-style7 li { font-size: 15px; } } /* list style8 */ .list-style8 { list-style: none; margin-bottom: 0; } .list-style8 li { font-size: 15px; line-height: 30px; padding-left: 30px; position: relative; margin-bottom: 10px; } .list-style8 li:last-child { margin-bottom: 0; } .list-style8 li:before { content: "\e64c"; font-family: "themify"; font-size: 15px; position: absolute; top: 0; left: 0; line-height: 34px; color: #06df9e; } .list-style8.icon-white li:before { color: #fff; } @media screen and (max-width: 767px) { .list-style8 li { font-size: 14px; line-height: 30px; } } /* list style9 */ .list-style9 { margin-bottom: 0; padding-bottom: 0; } .list-style9 li { border-right: 1px solid #d5d5d5; padding-right: 10px; margin-right: 10px; margin-bottom: 5px; display: inline-block; font-size: 14px; } .list-style9 li:last-child { border-right: none; padding-right: 0; margin-right: 0; } /* list style10 */ .list-style10 li { font-size: 15px; line-height: 30px; padding-left: 30px; position: relative; margin-bottom: 10px; } .list-style10 li:last-child { margin-bottom: 0; } .list-style10 li:before { content: "\e64c"; font-family: "themify"; font-size: 15px; position: absolute; top: 0; left: 0; line-height: 34px; color: #06df9e; } .list-style10.icon-white li:before { color: #fff; } .list-style10.center li { color: #fff; } .list-style10.center li:before { color: #fff; } @media screen and (max-width: 767px) { .list-style10 li { font-size: 14px; line-height: 30px; } } /* list-style14 */ .list-style14 li { margin-bottom: 10px; } .list-style14 li:last-child { margin-bottom: 0; } .list-style14 li span { font-weight: 700; color: #fff; margin-right: 6px; } /* list-style15 */ .list-style15 { list-style: none; } .list-style15 li { padding: 10px 10px 10px 45px; font-size: 16px; line-height: 34px; position: relative; margin: 0 30% 3% 0; transition: 0.4s; } .list-style15 li:hover, .list-style15 li.active { background-color: rgba(53, 195, 236, 0.1); border-radius: 8px; } .list-style15 li:last-child { margin-bottom: 0; } .list-style15 li:before { content: "\e64c"; font-family: "themify"; font-size: 15px; position: absolute; top: 0; left: 15px; line-height: 54px; color: #06df9e; } @media screen and (max-width: 1199px) { .list-style15 li { margin: 0 10% 3% 0; } } @media screen and (max-width: 575px) { .list-style15 li { margin: 0 0 2% 0; } } /*list-style16*/ .list-style16 { margin: 0; padding: 0; } .list-style16 li { list-style-type: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .list-style16 li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .list-style16 li a { color: #232323; display: flex; justify-content: space-between; align-items: center; } .list-style16 li a:hover { color: #35a8e0; } /*============================== * Button styles * ================================ */ /* common styles */ .butn { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); cursor: pointer; font-weight: 600; color: #fff; letter-spacing: 1px; font-size: 14px; line-height: 20px; padding: 14px 28px; border-radius: 30px; text-transform: uppercase; display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); position: relative; transition: all linear 400ms; text-align: center; border: none; } .butn:hover { color: #fff; } a.butn:hover, a.butn:active, a.butn:focus { color: #fff; } .butn:before { background: #35a8e0; content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; display: inline-block; transform: scaleX(0); transform-origin: 51%; transition-property: transform; transition-duration: 0.3s; border-radius: 22px; border: none; } .butn:hover:before, .butn:focus:before, .butn:active:before { transform: scaleX(1); } .butn.white { color: #35a8e0; background: #ffffff; background: linear-gradient(-45deg, #e0e0e0, #ffffff); } .butn.white:hover { color: #35a8e0; } a.butn.white:hover, a.butn.white:active, a.butn.white:focus { color: #35a8e0; } .butn.white:before { background: #fff; } .butn.small { font-size: 12px; line-height: 18px; padding: 12px 24px; } @media screen and (max-width: 767px) { .butn { padding: 12px 24px; font-size: 13px; } } /* button style one */ /* button style two */ .butn.style-two { background: transparent; border: 1px solid #fff; border-radius: 4px; display: inline-block; padding: 11px 32px; font-size: 15px; line-height: 28px; font-weight: 500; text-transform: inherit; } .butn.style-two:before { content: none; } .butn.style-two:hover, .butn.style-two:active, .butn.style-two:focus { background: #fff; border-radius: 4px; color: #1d184a; } .butn.style-two.reverse { background: transparent; color: #1d184a; border: 1px solid #5a5d80; border-radius: 4px; display: inline-block; padding: 11px 32px; font-size: 15px; line-height: 28px; font-weight: 500; text-transform: inherit; } .butn.style-two:before { content: none; } .butn.style-two.reverse:hover, .butn.style-two.reverse:active, .butn.style-two.reverse:focus, .butn.style-two.reverse:active { background: #1d184a; border-radius: 4px; color: #fff; } .butn.style-two.small { padding: 6px 20px; font-size: 13px; line-height: 24px; } @media screen and (max-width: 767px) { .butn.style-two { padding: 8px 24px; } } /* button style three */ /* button style foour */ /*============================== * Navigation * ================================ */ /* top bar */ .navbar-nav li.current > a, .navbar-nav > li.active > a { color: #35a8e0; } .navbar > ul > li.current > a:after { border-color: transparent #35a8e0 #35a8e0 transparent; } .navbar ul ul li.active > a { color: #35a8e0; } @media screen and (min-width: 992px) { .navbar-nav ul li { position: relative; transition: 0.3s ease-in-out; } .navbar-nav ul li:hover { padding-left: 25px; } .navbar-nav ul li:before { width: 0; margin-right: 10px; content: ""; background: #35a8e0; transition: 0.3s ease-in-out; display: inline-block; height: 2px; vertical-align: middle; position: absolute; top: 20px; left: 25px; } .navbar-nav ul li:hover:before { width: 20px; } .transparent-header .navbar-nav > li.current > a, .transparent-header .navbar-nav > li.active > a { color: #fff; } } @media screen and (max-width: 991px) { .navbar ul ul li.active > a { color: #35a8e0; } .navbar-toggler:after { border-top: 2px solid #35a8e0; border-bottom: 2px solid #35a8e0; } .navbar-toggler:before { background: #35a8e0; } .navbar-toggler.menu-opened:after, .navbar-toggler.menu-opened:before { background: #35a8e0; } } /* one page */ /*============================== * Section heading * ================================ */ /* section heading */ /* section heading style2 */ /* section heading style3*/ /* section heading style4*/ /* line title */ /* section-heading4 */ /* section-heading5 */ /* section-heading7 */ /* section-heading8 */ /*============================== * Main banner styles * ================================ */ /* main banner style01*/ /* main banner style02 */ /* main banner style03 */ /* main banner style04 */ /* main banner style5 */ /* banner animation */ /* main banner style6 */ /* main banner style7 */ /* main banner style8 */ /* shape animation */ .ani-zoomin { animation: zoominoutsinglefeatured 3s linear infinite; } @keyframes zoominoutsinglefeatured { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } .ani-top-bottom { animation-duration: 5s; animation-iteration-count: infinite; animation-name: TopBottom; animation-timing-function: ease-in-out; } @keyframes TopBottom { 0% { transform: translate(0px, 0px); } 65% { transform: translate(0, 30px); } 100% { transform: translate(0px, 0px); } } /* ani-rotate */ /* ani-movinglight */ /* ani-line */ /* main banner style9 */ /* main banner style10 */ /* main banner style11 */ .main-banner-style11 { position: relative; overflow: hidden; } .main-banner-style11 > .container { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); z-index: 9; } .main-banner-style11 h1 { padding: 0 0 25px 0; color: #fff; font-size: 58px; line-height: 70px; font-weight: 300; } .main-banner-style11 p { padding: 0 0 30px 0; font-size: 22px; line-height: 36px; color: #fff; letter-spacing: 0.5px; font-weight: 300; } .main-banner-style11 .banner-content-img { position: absolute; right: 20px; top: 120px; max-width: 45%; width: 100%; z-index: 9; } .main-banner-style11 .header-shape { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .main-banner-style11 .header-shape img { max-width: none; height: 100%; } @media screen and (max-width: 1399px) { .main-banner-style11 > .container { left: 52%; } .main-banner-style11 h1 { font-size: 52px; margin-bottom: 10px; } .main-banner-style11 p { padding-bottom: 10px; font-size: 18px; line-height: 36px; } } @media screen and (max-width: 1199px) { .main-banner-style11 > .container { left: 54%; } .main-banner-style11 h1 { font-size: 44px; } .main-banner-style11 p { font-size: 16px; line-height: 34px; } } @media screen and (max-width: 1024px) { .main-banner-style11 { min-height: 750px !important; } } @media screen and (max-width: 991px) { .main-banner-style11 { padding: 70px 0 90px 0; min-height: inherit !important; } .main-banner-style11 > .container { left: 50%; } .main-banner-style11 h1 { font-size: 42px; line-height: 58px; } .main-banner-style11 .banner-content-img { position: relative; left: 0; right: 0; width: 100%; top: 0; text-align: center; height: auto; max-width: 80%; margin: 0 auto 50px auto; } .main-banner-style11 > .container { position: relative; left: 0; right: 0; margin: 0 auto; max-width: 100%; top: 0; transform: none; } .main-banner-style11 p { margin-bottom: 20px; } } @media screen and (max-width: 575px) { .main-banner-style11 { padding: 30px 0 50px 0; } .main-banner-style11 h1 { font-size: 28px; line-height: 48px; margin-bottom: 0; } .main-banner-style11 .banner-content-img { max-width: 90%; margin-bottom: 30px; } .main-banner-style11 p { font-size: 14px; line-height: 28px; margin-bottom: 20px; } } /* main banner style12 */ /* main-banner-style13 */ /* main-banner-style14 */ /* main banner style15 */ /* main banner style16 */ /* banner-style17 */ /* banner-style18 */ /* banner-style19 */ /* banner-style20 */ /* =================================== Page title ====================================== */ .page-title-section { padding: 180px 0 90px 0; } .page-title-section h1 { font-size: 54px; margin-bottom: 0; line-height: 1; text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); color: #ffffff; position: relative; z-index: 9; } .page-title-section ul { margin: 0; padding: 11px 0 0 0; list-style: none; display: inline-block; line-height: 1.2; } .page-title-section ul li { display: inline-block; position: relative; padding-right: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; } .page-title-section ul li:last-child { color: #ffffff; opacity: 0.8; font-size: 16px; font-weight: 700; text-transform: capitalize; letter-spacing: 1px; padding-right: 0; padding-left: 0; margin-right: 0; } .page-title-section ul li:last-child a { color: #ffffff; opacity: 0.8; font-size: 16px; font-weight: 500; text-transform: capitalize; letter-spacing: 1px; } .page-title-section ul li:after { content: ""; width: 10px; height: 10px; background: #fff; border-radius: 50%; display: inline-block; right: -2px; z-index: 1; position: absolute; top: 5px; } .page-title-section ul li:before { content: ""; width: 15px; height: 15px; background: #5db9e6; border-radius: 50%; display: inline-block; position: absolute; right: -10px; top: 2px; z-index: 0; } .page-title-section ul li:last-child:after { content: none; } .page-title-section ul li:last-child:before { content: none; } .page-title-section ul li a { color: #ffffff; font-size: 16px; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; } @media screen and (max-width: 1199px) { .page-title-section { padding: 160px 0 85px 0; } .page-title-section h1 { font-size: 48px; } } @media screen and (max-width: 991px) { .page-title-section { padding: 140px 0 80px 0; margin-top: -71px; } .page-title-section h1 { font-size: 42px; } } @media screen and (max-width: 575px) { .page-title-section { padding: 120px 0 70px 0; margin-top: -66px; } .page-title-section h1 { font-size: 36px; } } /*============================== * Card styles * ================================ */ /* card style01 */ .card-style01 { padding: 0.8rem; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.075); } .card-style01 h4 { font-size: 16px; font-weight: normal; margin-bottom: 0; } .card-style01 .card-body { border-bottom: none; padding-right: 0; padding-left: 0; } .card-style01 .card-body small { letter-spacing: 1px; font-size: 12px; } .card-style01 .card-footer { background: none; border-top: 1px solid rgba(0, 0, 0, 0.075); padding-right: 0; padding-left: 0; padding-bottom: 0; } .card-style01 .card-footer .read-more { font-size: 14px; color: #35a8e0; letter-spacing: 0.8px; font-weight: 500; } .card-style01 .card-footer i { vertical-align: middle; } /* card style02 */ .card-style02 { box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05); transition: all 0.4s ease 0s; border-radius: 0.25rem; text-align: center; border: none; } .card-style02 .card-body { padding: 2.5rem 2rem; position: relative; } .card-style02 .card-body .icon { display: inline-block; } .card-style02 .card-body .icon i { color: #35a8e0; font-size: 1.8rem; background: rgba(53, 168, 224, 0.1); border-radius: 50%; line-height: 1; height: 5rem; width: 5rem; line-height: 80px; display: inline-block; transition: all 0.8s; margin-bottom: 1.5rem; } .card-style02 h3 { margin-bottom: 1.2rem; } .card-style02 span, .card-style02 h3, .card-style02 p, .card-style02 a { position: relative; z-index: 9; } .card-style02 .card-body:before { border-radius: 0.25rem; background: #35a8e0; position: absolute; content: ""; top: 99.5%; bottom: 0; left: 0; right: 0; z-index: 1; transition: all 0.5s; } .card-style02 .card-body:hover:before { border-radius: 0.25rem; top: 0; bottom: 0; background: #35a8e0; } .card-style02 .card-body:hover span i { color: #35a8e0; background: #fff; } .card-style02 .card-body:hover h3, .card-style02 .card-body:hover p, .card-style02 .card-body:hover a { color: #fff; } .card-style02.green .card-body .icon i { color: #06df9e; background: rgba(6, 223, 158, 0.1); } .card-style02.green .card-body:before { background: #06df9e; } .card-style02.green .card-body:hover:before { background: #06df9e; } .card-style02.green .card-body:hover span i { color: #06df9e; background: #fff; } .card-style02.orange .card-body .icon i { color: #ff6262; background: rgba(255, 98, 98, 0.1); } .card-style02.orange .card-body:before { background: #ff6262; } .card-style02.orange .card-body:hover:before { background: #ff6262; } .card-style02.orange .card-body:hover span i { color: #ff6262; background: #fff; } .card-style02.blue .card-body .icon i { color: #15b2ec; background: rgba(21, 178, 236, 0.1); } .card-style02.blue .card-body:before { background: #15b2ec; } .card-style02.blue .card-body:hover:before { background: #15b2ec; } .card-style02.blue .card-body:hover span i { color: #15b2ec; background: #fff; } .card-style02.yellow .card-body .icon i { color: #ffcc6f; background: rgba(255, 204, 111, 0.1); } .card-style02.yellow .card-body:before { background: #ffcc6f; } .card-style02.yellow .card-body:hover:before { background: #ffcc6f; } .card-style02.yellow .card-body:hover span i { color: #ffcc6f; background: #fff; } .card-style02.fill .card-body:before { border-radius: 0.25rem; top: 0; bottom: 0; background: #35a8e0; } .card-style02.fill .card-body span i { color: #35a8e0; background: #fff; } .card-style02.fill .card-body h3, .card-style02.fill .card-body p, .card-style02.fill .card-body a { color: #fff; } /* card style03 */ .card-style03 { text-align: center; padding: 40px 20px; transition: all 0.3s ease-out; border: none; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .card-style03 .card-body { padding: 0; } .card-style03:hover { background-color: #fff; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.18); transform: translate(0, -10px); } /* card style04 */ .card-style04 { border: none; text-align: center; padding: 40px 20px; transition: all 0.3s ease-out; } .card-style04:hover { background-color: #fff; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.18); transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); } .card-style04 .card-body { padding: 0; } .card-style04 p { font-size: 16px; line-height: 30px; } .card-style04 .icon-box5 { font-size: 26px; display: flex; align-content: center; align-items: center; justify-content: center; height: 80px; margin: auto; border-radius: 30% 70% 70% 30%/30% 30% 70% 70%; box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2); animation: one-animated 8s infinite; margin-bottom: 40px; } .card-style04 .service-icon1 { display: flex; align-content: center; align-items: center; justify-content: center; height: 60px; border-radius: 30% 70% 70% 30%/30% 30% 70% 70%; box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2); animation: one-animated 8s infinite; } @keyframes one-animated { 0% { border-radius: 30% 70% 70% 30%/30% 30% 70% 70%; box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2); } 25% { border-radius: 58% 42% 75% 25%/76% 46% 54% 24%; } 50% { border-radius: 50% 50% 33% 67%/55% 27% 73% 45%; box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2); } 75% { border-radius: 33% 67% 58% 42%/63% 68% 32% 37%; } } @media screen and (max-width: 991px) { .card-style04 { padding: 30px 10px; } .card-style04 .icon-box5 { height: 70px; margin-bottom: 25px; } } @media screen and (max-width: 767px) { .card-style04 p { font-size: 15px; line-height: 28px; } } /* card style05 */ .card-style05 { border: none; text-align: center; background: #fff; box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05); border-radius: 0.25rem; height: 100%; } .card-style05:hover i { color: #fff; } .card-style05:hover i:after { background: #35a8e0; transform: rotate(0deg); } .card-style05 i { display: inline-block; color: #35a8e0; font-size: 45px; width: 85px; height: 85px; margin: 0 auto 30px auto; line-height: 85px; position: relative; transition: all 0.4s; z-index: 3; } .card-style05 i:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; border-radius: 20px; background: rgba(53, 168, 224, 0.15); z-index: -1; transform: rotate(45deg); transition: all 0.4s; } @media screen and (max-width: 1199px) { .card-style05 i { font-size: 34px; width: 75px; height: 75px; line-height: 75px; margin-bottom: 25px; } } @media screen and (max-width: 991px) { .card-style05 i { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .card-style05 i { font-size: 30px; width: 60px; height: 60px; line-height: 60px; margin-bottom: 15px; } } /* card style06 */ .card-style06 { background: #fff; box-shadow: 0px 3px 10px 0px rgba(53, 168, 224, 0.08); border-radius: 4px; margin: 0px 10px 0px 0px; position: relative; z-index: 5; padding: 55px 35px 45px 35px; transition: all 0.6s linear; height: 100%; border: none; } .card-style06 .card-body { padding: 0; } .card-style06:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); z-index: -3; opacity: 0; transition: all 0.6s linear; border-radius: 4px; width: 100%; height: 100%; } .card-style06:hover:after { opacity: 1; } .card-style06 .icon { font-size: 40px; } .card-style06 h3 { font-size: 22px; font-weight: 500; margin-bottom: 30px; } .card-style06 p { font-size: 16px; line-height: 28px; margin-bottom: 0; } .card-style06 .title-box { margin: 0 0 50px 0; } .card-style06 i { transition: all 0.3s linear; } .card-style06:hover { opacity: 1; transform: translate(0%, 0%); transition: all 1.3s linear; } .card-style06:hover .box-circle { transform: scale(1.2); } .card-style06:hover h3, .card-style06:hover p, .card-style06:hover .icon { color: #fff; } .card-style06:hover .box-circle { background: rgba(255, 255, 255, 0.1); } .card-style06:hover i { color: #fff; } @media screen and (max-width: 1199px) { .card-style06 { padding: 35px 25px 25px 25px; } .card-style06 .title-box { margin: 0 0 40px 0; } .card-style06 h3 { font-size: 20px; margin-bottom: 25px; } .card-style06 p { font-size: 15px; } .card-style06 .icon { font-size: 36px; } } @media screen and (max-width: 991px) { .card-style06 { margin-right: 0; } .card-style06 .title-box { margin-bottom: 30px; } .card-style06 h3 { margin-bottom: 20px; } .card-style06 .icon { font-size: 32px; } } @media screen and (max-width: 575px) { .card-style06 { padding: 25px; } .card-style06 h3 { font-size: 18px; } .card-style06 .title-box { margin-bottom: 25px; } .card-style06 h3 { margin-bottom: 15px; } } /* card style07 */ .card-style07 { background: #fff; border-radius: 0.25rem; border: none; text-align: center; height: 100%; transition: all 0.2s ease-in-out; } .card-style07 .card-body { padding: 0; } .card-style07 i { color: #35a8e0; } .card-style07:hover { box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1); background: #ffffff; } .card-style07:hover i { animation-name: elementor-animation-wobble-to-top-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .card-style07:active, .card-style07:focus, .card-style07:hover { animation-name: elementor-animation-wobble-to-bottom-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .card-style07.bg-light-gray { background: #f7f7f7; } .card-style07 .title-box { position: relative; padding: 20px 0; font-size: 60px; line-height: 1; width: 2em; margin-left: auto; margin-right: auto; } .card-style07 .box-circle-large, .card-style07 .box-circle-small { position: absolute; border-radius: 50%; transition: all 0.3s ease-in-out; } .card-style07 .box-circle-large { left: 0; bottom: 0; width: 1.37em; height: 1.37em; background: rgba(78, 74, 200, 0.1); } .card-style07 .box-circle-small { top: 0; right: 0; width: 0.59em; height: 0.59em; background: rgba(128, 137, 255, 0.1); } .card-style07:hover { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); } .card-style07:hover .box-circle-large { transform: scale(1.2); } .card-style07:hover .box-circle-small { transform: translate3d(0, -35%, 0) rotate(0deg); } .card-style07:hover h3, .card-style07:hover p, .card-style07:hover i, .card-style07:hover a, .card-style07:hover .text-extra-dark-gray { color: #fff; } .card-style07:hover .box-circle-large { background: rgba(255, 255, 255, 0.1); } .card-style07:hover .box-circle-small { background: rgba(255, 255, 255, 0.2); } .card-style07.active { background: #35a8e0; } .card-style07.active h3, .card-style07.active p, .card-style07.active i { color: #fff; } .card-style07.active .box-circle-large { background: rgba(255, 255, 255, 0.1); } .card-style07.active .box-circle-small { background: rgba(255, 255, 255, 0.2); } @keyframes elementor-animation-wobble-to-top-right { 16.65% { transform: translate(8px, -8px); } 33.3% { transform: translate(-6px, 6px); } 49.95% { transform: translate(4px, -4px); } 66.6% { transform: translate(-2px, 2px); } 83.25% { transform: translate(1px, -1px); } 100% { transform: translate(0, 0); } } @media screen and (max-width: 991px) { .card-style07 .title-box { font-size: 50px; } } @media screen and (max-width: 767px) { .card-style07 .title-box { font-size: 42px; } } /* card style08 */ .card-style08 { border: none; background: #fff; box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1); padding: 60px 25px 75px 25px; border-radius: 7px; text-align: center; height: 100%; transition: all 0.2s ease-in-out; } .card-style08 .card-body { padding: 0; } .card-style08:hover { box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1); background: #ffffff; } .card-style08:active { animation-name: elementor-animation-wobble-to-bottom-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .card-style08.bg-light-gray { background: #f7f7f7; } .card-style08 p { margin-bottom: 0; line-height: 30px; } .card-style08 .title-box { margin-left: auto; margin-right: auto; } .card-style08 .box-circle-large { position: absolute; border-radius: 50%; transition: all 0.3s ease-in-out; left: 0; bottom: 0; width: 1.37em; height: 1.37em; } .card-style08:hover .box-circle-large { transform: scale(1.2); } @media screen and (max-width: 1199px) { .card-style08 { padding: 50px 25px 65px 25px; } } @media screen and (max-width: 991px) { .card-style08 { padding: 45px 25px 60px 25px; } } @media screen and (max-width: 767px) { .card-style08 { padding: 35px 20px 60px 20px; } } /* card style09 */ .card-style09 { border: none; background: none; text-align: center; padding-left: 20px; padding-right: 20px; transition: all 0.3s ease 0s; color: rgba(255, 255, 255, 0.85); } .card-style09 .card-body { padding: 0; } .card-style09.line { position: relative; } .card-style09.line:after { content: ""; position: absolute; width: 69%; height: 2px; top: 50px; left: 70%; transition: all 0.3s ease 0s; border: 1px dashed #fff; } .card-style09 .icon { width: 100px; height: 100px; margin: auto; border-radius: 30px; margin-bottom: 35px; transition: all 0.3s ease 0s; background: rgba(255, 255, 255, 0.9); transform: rotate(45deg); } .card-style09 .icon i { display: block; width: 100px; height: 100px; line-height: 95px; color: #35a8e0; font-size: 40px; transform: rotate(315deg); } .card-style09 .title { font-size: 18px; letter-spacing: 1.12px; margin-bottom: 15px; color: #fff; } .card-style09:hover .icon { background: #35a8e0; transform: rotate(0deg); } .card-style09:hover .icon i { transform: rotate(0deg); color: #fff; } @media screen and (max-width: 1199px) { .card-style09 .icon i { width: 90px; height: 90px; line-height: 90px; font-size: 36px; } .card-style09 .title { margin-bottom: 10px; } .card-style09 .icon { width: 90px; height: 90px; margin-bottom: 25px; } .card-style09.line:after { width: 65%; left: 73%; } } @media screen and (max-width: 991px) { .card-style09 .title { font-size: 17px; } .card-style09 .icon { width: 80px; height: 80px; margin-bottom: 20px; } .card-style09 .icon i { width: 80px; height: 80px; line-height: 80px; font-size: 32px; } .card-style09.line:after { width: 65%; left: 75%; top: 40px; } } @media screen and (max-width: 767px) { .card-style09 { margin-bottom: 90px; } .card-style09 .title { font-size: 16px; margin-bottom: 5px; } .card-style09 .icon { width: 70px; height: 70px; margin-bottom: 15px; } .card-style09 .icon i { width: 70px; height: 70px; line-height: 70px; font-size: 28px; } .card-style09.line { top: 0; } .card-style09.line:after { width: 1px; left: 0; top: auto; bottom: -42%; right: 0; margin: 0 auto; height: 35%; } } @media screen and (max-width: 575px) { .card-style09.line:after { bottom: -38%; } } /* card style10 */ .card-style10 { border: none; box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1); margin: 30px; padding: 60px 40px 60px 40px; } .card-style10 .card-body { padding: 0; } .card-style10 h4 { margin-bottom: 20px; } .card-style10 h4 a { color: #1d184a; font-size: 18px; } .card-style10 h4 a:hover { color: #35a8e0; } .card-style10 p { line-height: 30px; } .card-style10 .card-img { height: 120px; width: 120px; line-height: 120px; border-radius: 50%; display: flex; background-color: #e6ecff; padding: 0 15px; margin: 0 auto 30px auto; } .card-style10 .card-img img { border-radius: 50%; vertical-align: middle; } .card-style10 a span { font-size: 24px; display: inline-block; vertical-align: middle; margin-top: -2px; } @media screen and (max-width: 1199px) { .card-style10 { padding: 50px 30px 50px 30px; } } @media screen and (max-width: 767px) { .card-style10 { padding: 35px 25px 35px 25px; margin: 30px 25px; } } /* card style11 */ .card-style11 { border: none; } .card-style11 .card-body { padding: 0; } .card-style11:nth-child(1) { border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; } .card-style11:nth-child(2) { border-bottom: 1px solid #ececec; } .card-style11:nth-child(3) { border-right: 1px solid #ececec; } .card-style11 .inner-box { position: relative; text-align: center; padding: 100px 15px 25px 15px; display: inline-block; width: 100%; } .card-style11 .icon-box .feature-icon { position: relative; } @media screen and (max-width: 575px) { .card-style11 .inner-box { padding: 80px 0 15px 0; } } /* card style12 */ .card-style12 { border: none; text-align: center; } .card-style12 .card-body { padding: 0; } .card-style12 p { margin-bottom: 0; } .card-style12 .icon-box4 { height: 60px; width: 60px; font-size: 26px; box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important; border-radius: 4px; position: relative; text-align: center; display: inline-block; line-height: 63px; } .card-style12 .icon-box4:after { width: 76px; height: 76px; content: ""; position: absolute; top: -8px; left: -8px; opacity: 0.8; border-radius: 5px; transform: scale(0.8); transition: all 0.3s; border: 2px solid transparent; } .card-style12:hover .icon-box4:after { transform: scale(1); border: 2px solid; } .card-style12 p { line-height: 30px; margin: 0 auto; } .card-style12 h5 { font-size: 17px; line-height: 22px; margin-bottom: 15px; } .card-style12 .bg1 { background: #35a8e0; } .card-style12 .bg2 { background: #f7864e; } .card-style12 .bg3 { background: #35c3ec; } .card-style12 .bg4 { background: #e8bb20; } .card-style12 .bg5 { background: #f94897; } .card-style12 .bg6 { background: #5abb29; } .card-style12:hover .icon-box4.bg1:after { border-color: #35a8e0; } .card-style12:hover .icon-box4.bg2:after { border-color: #f7864e; } .card-style12:hover .icon-box4.bg3:after { border-color: #35c3ec; } .card-style12:hover .icon-box4.bg4:after { border-color: #e8bb20; } .card-style12:hover .icon-box4.bg5:after { border-color: #f94897; } .card-style12:hover .icon-box4.bg6:after { border-color: #5abb29; } /* card style13 */ .card-style13 { border: 1px solid #f4f4f9; background-color: white; box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); padding: 50px; height: 100%; webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .card-style13:hover { box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.08); } .card-style13 .card-body { padding: 0; } .card-style13 h5 { font-size: 20px; margin-bottom: 15px; color: #243f67; } .card-style13 p { margin-bottom: 0; line-height: 28px; } .card-style13:hover .service-img { animation-name: hvr-buzz; animation-duration: 0.8s; animation-timing-function: linear; animation-iteration-count: infinite; } @media screen and (max-width: 1199px) { .card-style13 { padding: 40px; } } @media screen and (max-width: 991px) { .card-style13 { padding: 35px; } .card-style13 h5 { font-size: 18px; } } @media screen and (max-width: 575px) { .card-style13 { padding: 30px 25px; } } /* card-style14 */ .card-style14 { box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); position: relative; } .card-style14:after { position: absolute; content: ""; bottom: 60px; right: 40px; width: 180px; height: 180px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.05); transform: translateY(-30px); z-index: -1; transition: all 0.4s; } .card-style14:hover { background-color: #35a8e0; } .card-style14:hover:after { transform: translateY(0px); } .card-style14 .icon-inner { position: relative; } .card-style14 .icon-inner i { color: #35a8e0; } .card-style14:hover a, .card-style14:hover p, .card-style14:hover .icon-inner i { color: #fff; } .card-style14 .icon-inner:before { background: rgba(53, 168, 224, 0.1); position: absolute; content: ""; left: -14px; top: -14px; height: 50px; z-index: 0; width: 50px; border-radius: 50%; } .card-style14:hover .icon-inner:before { background: rgba(255, 255, 255, 0.1); } /* card-style15 */ .card-style15 .icon { position: relative; } .card-style15 .box-circle { left: 14px; bottom: -6px; width: 40px; height: 40px; position: absolute; border-radius: 74% 26% 46% 54%/53% 27% 73% 47%; background: linear-gradient(247deg, #ffcc6f, #ffffff); transition: all 0.8s ease-in-out; z-index: 0; } .card-style15 .box-circle.green { background: linear-gradient(247deg, #06df9e, #ffffff); } .card-style15 .box-circle.orange { background: linear-gradient(247deg, #ff6262, #ffffff); } .card-style15 i { font-size: 50px; z-index: 9; position: relative; } .card-style15.parrot .icon { background-color: #96f7d2; } .card-style15.sky .icon { background-color: #a9d2ff; } /* card-style16 */ .card-style16 { box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); } /* card-style17 */ .card-style17 { box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); } .card-style17 img { border-top-left-radius: 10px; border-top-right-radius: 10px; } .card-style17 .card-img-top:before { content: ""; background-image: -webkit-linear-gradient(90deg, #062a35 0%, rgba(11, 40, 52, 0.5) 21%, rgba(12, 39, 52, 0.43) 25%, rgba(17, 36, 51, 0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } /* card-style18 */ .card-style18 .card-body { border-radius: 5px; padding: 30px; margin-bottom: 20px; position: relative; text-align: center; transition: 0.4s; } .card-style18 .card-body .icon { align-items: center; background: #fff; border-radius: 100%; display: flex; height: 75px; justify-content: center; margin: 0 auto; position: relative; width: 75px; } .card-style18:hover .card-body .hover-action { opacity: 1; bottom: -20px; } .card-style18 .card-body .hover-action { bottom: 0px; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%); transition: 0.4s; } .card-style18 .card-body .hover-action .card-btn { background: #fff; border-radius: 100%; display: inline-block; font-size: 20px; height: 40px; line-height: 43px; width: 40px; } /* card-style19 */ .card-style19 { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); transition: 0.5s; } .card-style19 .card-body { min-height: 16rem; background-color: transparent; } .card-style19 .card-footer { background-color: transparent; } .card-style19:hover .card-body, .card-style19:hover .card-footer { background-color: #fff; transition: 0.5s; } .card-style19:hover:before { opacity: 0; } .card-style19 a, .card-style19 span { color: #fff; } .card-style19:hover a, .card-style19:hover span { color: #232323; } .card-style19:before { content: ""; background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: absolute; left: 0; top: 0; opacity: 1; } /* card-style20 */ .card-style20 { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); } .card-style20 .icon { position: relative; height: 100px; width: 120px; z-index: 2; perspective: 100px; margin-bottom: 30px; } .card-style20 .icon:before { background: rgba(60, 241, 187, 0.1); position: absolute; content: ""; right: 44%; top: -15%; height: 100%; width: 88px; z-index: -1; transform-style: preserve-3d; transform: rotateY(-7deg); box-shadow: 0 0 1px transparent; } .card-style20.yellow .icon:before { background: rgba(255, 204, 111, 0.1); } .card-style20.blue .icon:before { background: rgba(86, 205, 249, 0.1); } .card-style20.orange .icon:before { background: rgba(247, 133, 133, 0.1); } .card-style20.purple .icon:before { background: rgba(114, 117, 245, 0.1); } .card-style20.pink .icon:before { background: rgba(255, 197, 213, 0.1); } .card-style20 .icon .icon-inner { position: relative; left: 32px; display: inline-block; border-radius: 50%; } .card-style20 .icon .icon-inner i { width: 62px; height: 62px; text-align: center; line-height: 62px; border-radius: 50%; color: #fff; font-size: 30px; display: inline-block; } /* card-style21 */ .card-style21 { transform: translateY(-10px); box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.05); } .card-style21 .icon { z-index: 1; width: 70px; height: 70px; position: relative; margin-bottom: 30px; align-items: center; display: inline-flex; justify-content: center; } .card-style21:hover .shape { top: 4px; left: 3px; transform: scale(1.2); } .card-style21 .shape { top: 38%; left: -8px; z-index: -1; width: 60px; height: 60px; position: absolute; border-radius: 0; transform: scale(0.6); transition: 0.3s cubic-bezier(0.37, 1.89, 0.66, 1); } /* card style22 */ .card-style22 { border: 0; border-radius: 0; background-color: transparent; perspective: 1000px; margin-bottom: 0; } .card-style22 .card-img { border-radius: 0.8125rem; position: static; } .card-style22 .card-img-top, .card-style22 .card-img-bottom, .card-style22 .card-body { position: static; } .card-style22:hover .card-flip-details { transform: rotateY(180deg); } /* card style23 */ .card-style23 { transition: all 0.3s; } .card-style23:hover { background-color: #35a8e0; } .card-style23:hover h3, .card-style23:hover p { color: #fff; } .card-style23:hover a { color: #06df9e; } .card-style23:after { position: absolute; content: ""; bottom: 60px; right: 40px; width: 180px; height: 180px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.05); transform: translateY(-30px); visibility: hidden; opacity: 0; transition: all 0.4s; } .card-style23:hover:after { visibility: visible; opacity: 1; transform: translateY(0px); } @media screen and (max-width: 991px) { .card-style23:after { width: 120px; height: 120px; } } /* card style25 */ .card-style25 .team-icon { position: absolute; z-index: 2; left: 13px; top: 50px; display: flex; flex-direction: column; } .card-style25 .team-icon a { margin: 8px; transform: scale(0) rotate(45deg); opacity: 0; transition: all 0.4s ease; background: #35a8e0; width: 34px; height: 34px; color: #fff; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 13px; } .card-style25:hover .team-icon a { transform: scale(1) rotate(0deg); opacity: 1; } /* card style27 */ .card-style27 .team-icon { display: flex; flex-direction: column; text-align: right; position: absolute; top: 5%; right: 14%; } .card-style27 .team-icon a { margin-bottom: 21px; color: #fff; opacity: 0; transform: translateY(30px); transition: 0.7s cubic-bezier(0.39, 0.2, 0, 1.04); } .card-style27 .team-icon a i:after { content: ""; position: absolute; left: 0; bottom: -4px; height: 1px; width: 100%; background-color: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .card-style27:hover .team-icon a { opacity: 1; transform: translateY(0); } .card-style27:hover .team-icon a:nth-child(1) { transition-delay: 0s; } .card-style27:hover .team-icon a:nth-child(2) { transition-delay: 0.1s; } .card-style27:hover .team-icon a:nth-child(3) { transition-delay: 0.2s; } /* course-category */ /* service-style1 */ /* service-style2 */ /* features-style01 */ /* features-style02 */ /*============================== * Video * ================================ */ /* =================================== Shop ====================================== */ /* common for shop */ /* overline title */ /* shop category */ /* offer-deal-banner */ /* shop product grid */ /* shop product list */ /* shop product detail*/ /* table bordered */ /* shop product cart*/ /* shop product grid and list*/ /* categories-02 section home-12 */ /*accordion style 2*/ .accordion-style2 .card { background: transparent; box-shadow: none; margin-top: 0 !important; border: none; } .accordion-style2 .card-header { border: 0px; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); background: none; } .accordion-style2 .btn-link { background: #eff3f9 !important; color: #282b2d; font-size: 14px; line-height: 20px; position: relative; border: none; display: block; width: 100%; text-align: left; white-space: normal; border-radius: 0; padding: 15px 30px 15px 15px; text-decoration: none; } .accordion-style2 .btn-link:hover, .accordion-style2 .btn-link:active, .accordion-style2 .btn-link:focus { background: #eff3f9 !important; border: none; text-decoration: none; box-shadow: none; } .accordion-style2 .btn-link.collapsed:after { background: none; content: "+"; right: 15px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; } .accordion-style2 .btn-link:after { background: none; content: "-"; right: 17px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; position: absolute; color: #282b2d; } .accordion-style2 .card-body { padding: 10px 15px; text-align: left; background: #f7faff; } /*============================== * Mobile App Demo * ================================ */ /* app screenshot slider */ /*============================== * Client section * ================================ */ /* clients-style4 */ /* clients-style5 */ /* clients-style6 */ /*============================== * Counter box * ================================ */ /* counter-box01 */ /* counter-box02 */ /* counter-box03 */ /* counter */ /* counter-style01 */ /* counter-style02 */ /*============================== * Testmonials * ================================ */ /*testimonial style01*/ /* testimonial style01*/ /* testimonial style02*/ /* testimonial style03 */ /* testimonial style04 */ /* testimonial style05 */ /* testimonial style06 */ /* testimonial style07 */ /* testimonial style08 */ /* testimonial-style09 */ /* testimonial-style10 */ /* testimonial-style12 */ /* testimonials-carousel13 */ /*============================== * Owl carousel * ================================ */ /*============================== * Team styles * ================================ */ /* team-style01 */ /* team-style02 */ /* team style03 */ /* team style04 */ /* team style05 */ /* team style06 */ /* team-style07 */ /* team-style08 */ /*============================== * Project grid * ================================ */ /* filtering */ .filtering { margin-bottom: 10px; } .filtering span { border-bottom: 1px solid rgba(0, 0, 0, 0); color: #333333; cursor: pointer; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-right: 20px; display: inline-block; margin-bottom: 5px; } .filtering span:last-child { margin: 0; } .filtering .active { border-color: #35a8e0; color: #35a8e0; } @media screen and (max-width: 767px) { .filtering span { margin-right: 15px; } } /*============================== * Portfolio * ================================ */ /* filtering */ .portfolio { overflow: hidden; } .portfolio .filtering span { margin-right: 20px; color: #333; letter-spacing: 1px; font-weight: 600; font-size: 14px; text-transform: uppercase; cursor: pointer; border-bottom: 1px solid transparent; } .portfolio .filtering span:last-child { margin: 0; } .portfolio .filtering .active { border-color: #35a8e0; color: #35a8e0; } .project-single-text h4:after { content: " "; background: #35a8e0; height: 2px; } .project-single-text p { font-weight: 400; line-height: 1.8; } .project-single-text h5 { color: #1d184a; font-size: 18px; font-weight: 500; margin: 25px 0 20px; } .project-single-text h5:after { display: block; width: 70px; margin-top: 8px; content: " "; background: #35a8e0; height: 2px; } .project-single-text ul li { color: #1d184a; font-size: 15px; font-weight: 500; } .project-single-text ul li i { color: #35a8e0; font-weight: 500; font-size: 15px; padding-right: 10px; } .project-single-info { display: block; width: 100%; } .project-single-info ul { list-style: none; } .project-single-info ul li { color: #777; font-size: 15px; font-weight: 500; border-bottom: 1px dashed #cee1f8; padding: 12px 0; margin-right: 20px; } .project-single-info ul li span { display: inline-block; color: #1d184a; font-size: 15px; font-weight: 500; margin-right: 25px; width: 70px; max-width: 100%; } .project-single-info ul li .value { width: auto; margin-right: 0; color: #5a5d80; } @media screen and (max-width: 767px) { .portfolio { overflow: hidden; } .portfolio .filtering { margin-bottom: 5px; } .portfolio .filtering span { margin-right: 15px; font-size: 12px; } } /*portfolio-style2*/ /* popup gallery */ /* progress-style1 */ /*============================== * Accordion style * ================================ */ .accordion-style01 { background: #fff; box-shadow: 0 1px 18px 10px rgba(0, 0, 0, 0.02); border-radius: 4px; } .accordion-style01 .card .counts { display: inline-block; width: 30px; height: 30px; font-weight: 600; vertical-align: middle; line-height: 30px; border-radius: 100px; text-align: center; background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); color: #fff; font-size: 12px; margin-right: 10px; } .accordion-style01 .card .item-title { display: inline-block; vertical-align: middle; width: 88%; } .accordion-style01 .card-header:hover { background-color: #F3F8FF; } .accordion-style01 .card { background: #fff; box-shadow: none; margin-top: 0 !important; border: none !important; } .accordion-style01 .card:last-child { border: none; } .accordion-style01 .card-header { border: 0px; padding: 0; transition: all 0.3s ease 0s; background: #fff; } .accordion-style01 .btn-link { text-align: left; font-weight: 500; font-size: 15px; letter-spacing: 1px; color: #5a5d80; display: block; text-decoration: none !important; margin: 0; cursor: pointer; padding: 15px 20px; border-bottom: 1px dashed #cee1f8; white-space: normal; } .accordion-style01 .card:last-child .btn-link.collapsed { border-bottom: transparent; } .accordion-style01 .btn-link { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); color: #fff; border-bottom: transparent; border-left: none !important; } .accordion-style01 .btn-link.collapsed { box-shadow: none; background: none; color: #5a5d80; border-bottom: 1px dashed #cee1f8; } .accordion-style01 .btn:not(:disabled):not(.disabled).active, .accordion-style01 .btn:not(:disabled):not(.disabled):active { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); color: #fff; border-bottom: transparent; border-left: none !important; } .accordion-style01 .btn-link.collapsed .counts { background: transparent; border: 1px solid #cee1f8; color: #35a8e0; } .accordion-style01 .btn-link .counts { background: #fff; border: 1px solid #cee1f8; color: #35a8e0; } .accordion-style01 .btn:not(:disabled):not(.disabled).active .counts, .accordion-style01 .btn:not(:disabled):not(.disabled):active .counts { background: #fff; border: 1px solid #cee1f8; color: #35a8e0; } .accordion-style01 .card:last-child { border-bottom: 1px dashed #cee1f8; } .accordion-style01 .card:last-child .show .card-body { border-bottom: transparent; } .accordion-style01 .card-body { line-height: 26px; font-size: 15px; padding: 20px; border-bottom: 1px dashed #cee1f8; text-align: left; } .accordion-style01 .btn:not(:disabled):not(.disabled):active { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); } @media screen and (max-width: 991px) { .accordion-style01 .btn-link { font-size: 14px; padding: 12px 18px; } .accordion-style01 .card .counts { margin-right: 8px; } } @media screen and (max-width: 767px) { .accordion-style01 .card .item-title { width: 80%; } .accordion-style01 .btn-link { font-size: 14px; padding: 12px 15px; } } /*accordion style02*/ .accordion-style02 .card { background: transparent; box-shadow: none; margin-top: 0 !important; border: none; } .accordion-style02 .card-header { border: 0px; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); background: none; } .accordion-style02 .btn-link { background: #35a8e0 !important; color: #fff; font-size: 14px; line-height: 20px; position: relative; border: none; display: block; width: 100%; text-align: left; white-space: normal; border-radius: 4px; padding: 15px 40px 15px 15px; box-shadow: none; text-decoration: none; } .accordion-style02 .btn-link:hover { background: rgba(53, 168, 224, 0.7) !important; border: none; text-decoration: none; } .accordion-style02 .btn-link.collapsed:after { background: none; content: "+"; right: 15px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; } .accordion-style02 .btn-link:after { background: none; content: "-"; right: 20px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; position: absolute; color: #fff; } .accordion-style02 .card-body { padding: 20px; text-align: left; line-height: 2; font-size: 14px; } .accordion-style02 .btn-link.collapsed { background: #ededed !important; color: #282b2d; } .accordion-style02 .btn-link.collapsed:after { background: none; content: "+"; right: 20px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; color: #282b2d !important; } @media screen and (max-width: 767px) { .accordion-style02 .card-body { padding: 15px; } } /*accordion style03*/ .accordion-style03 .card { background: transparent; box-shadow: none; margin-top: 0 !important; border: none; } .accordion-style03 .card-header { border: 0px; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); background: none; } .accordion-style03 .btn-link { color: #0d6efd; font-size: 14px; line-height: 20px; position: relative; display: block; width: 100%; text-align: left; white-space: normal; border-radius: 0; padding: 15px 40px 24px 0px; box-shadow: none; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.17); margin-bottom: 0; } .accordion-style03 .btn-link:hover { text-decoration: none; } .accordion-style03 .btn-link.collapsed:after { background: none; content: "+"; right: 15px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; } .accordion-style03 .btn-link:after { background: none; content: "-"; right: 20px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; position: absolute; color: #0d6efd; } .accordion-style03 .card-body { padding: 20px 20px 20px 0; text-align: left; line-height: 2; font-size: 14px; } .accordion-style03 .btn-link.collapsed { color: #282b2d; } .accordion-style03 .btn-link.collapsed:after { background: none; content: "+"; right: 20px; left: inherit; font-size: 20px; height: auto; transform: none; width: auto; top: 15px; color: #282b2d !important; } .accordion-style03.style1 .card-body { padding: 20px 20px 10px 0; } .accordion-style03.style1 .btn-link { padding: 20px 0px 20px 40px; } .accordion-style03.style1 .btn-link:after { left: 0px; right: inherit; top: 20px; } .accordion-style03.style1 .btn-link.collapsed:after { left: 0; right: inherit; top: 20px; } @media screen and (max-width: 767px) { .accordion-style03 .card-body { padding: 15px; } } /*============================== * Tabs * ================================ */ ul.resp-tabs-list { margin: 0px; padding: 0px; } .resp-tabs-list li { font-size: 16px; font-weight: 600; display: inline-block; padding: 8px 15px; margin: 0 4px 0 0; list-style: none; cursor: pointer; min-width: 180px; } .resp-tabs-list li:last-child { margin-right: 0; } .resp-tabs-list li i { display: inline-block; width: 60px; height: 60px; line-height: 60px; background: rgba(53, 168, 224, 0.15); text-align: center; font-size: 22px; border-radius: 50%; margin-bottom: 10px; transition: 0.4s; color: #35a8e0; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } .resp-tab-content { display: none; padding: 50px 0 0 0; } .resp-tabs-list li.resp-tab-active { padding: 15px 20px 13px 20px; color: #35a8e0; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -webkit-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -o-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; -moz-border-radius-topright: 5px; -o-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .resp-tabs-list li.resp-tab-active i { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); color: #fff; } .resp-tab-content { border: 1px solid #c1c1c1; border-top-color: #c1c1c1; float: left; width: 100%; } h2.resp-accordion { background: #fff !important; cursor: pointer; display: none; font-size: 14px; border: 1px solid #e4e4e4; border-top: 0px solid #e4e4e4; margin: 0px; padding: 15px 21px; float: left; width: 100%; } h2.resp-tab-active { border-bottom: 0px solid #e4e4e4 !important; background: #35a8e0 !important; background: linear-gradient(-45deg, #35a8e0, #5db9e6) !important; color: #fff; } h2.resp-tab-title:last-child { border-bottom: 12px solid #e4e4e4 !important; background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); } /* vertical tabs */ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; font-size: 18px; } .resp-vtabs .resp-tabs-list li p { font-size: 16px; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #35a8e0 !important; float: left; width: 70%; min-height: 250px; clear: none; } .resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; padding: 0; } .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 11px !important; border-top: 1px solid; border: 1px solid #35a8e0 !important; border-left: 4px solid #35a8e0 !important; border-right: 1px #FFF solid !important; } h2.resp-tab-active span.resp-arrow { border-color: #fff transparent transparent #fff; border-style: solid; border-width: 1px 0 0 1px; float: right; display: block; height: 8px; transform: rotate(45deg); width: 8px; margin-top: 7px; } /* accordion styles */ .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; /* !important; */ } .resp-tab-content-active { display: block; border-color: #e4e4e4 !important; } h2.resp-accordion:first-child { border-top: 1px solid #e4e4e4; } h2.resp-accordion.resp-tab-active { border-color: #e4e4e4 !important; } /* tab-style01 */ @media screen and (min-width: 992px) { .tab-style01 ul.resp-tabs-list { text-align: center; } .tab-style01 ul.resp-tabs-list.text-left { padding-left: 15px; } .tab-style01 ul.resp-tabs-list li:last-child { margin-right: 0; } .tab-style01 ul.resp-tabs-list li.resp-tab-active { color: #35a8e0; border-bottom: 3px solid #35a8e0; } .tab-style01 .resp-tab-content { border-top: 1px dashed #cee1f8 !important; border-width: 1px 0 0 0; border-color: #35a8e0; margin-top: -2px; } /* tab-style02 */ .tab-style02 ul.resp-tabs-list { text-align: center; } .tab-style02 ul.resp-tabs-list.text-left { padding-left: 15px; } .tab-style02 ul.resp-tabs-list li:last-child { margin-right: 0; } .tab-style02 ul.resp-tabs-list li.resp-tab-active { color: #35a8e0; } .tab-style02 .resp-tab-content { border-width: 0 0 0 0; border-color: #35a8e0; margin-top: 0; } .tab-style02 .resp-tab-content { border-top: none !important; } .tab-style02 .resp-tabs-list li i { height: auto; width: auto; line-height: normal; background: none; font-size: 30px; margin-bottom: 10px; display: block; color: #5a5d80; } .tab-style02 .resp-tabs-list li.resp-tab-active { border-bottom: none; position: relative; } .tab-style02 .resp-tabs-list li.resp-tab-active i { color: #35a8e0; } .tab-style02 ul.resp-tabs-list li.resp-tab-active:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #35a8e0; bottom: 0; position: absolute; left: 48%; } } /* change the breakpoint to set the accordion */ @media screen and (max-width: 991px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } h2.resp-accordion i { margin-right: 12px; font-size: 18px; min-width: 25px; } h2.resp-accordion.resp-tab-active i { color: #fff; display: inline-block; vertical-align: top; } .resp-vtabs .resp-tab-content { border: 1px solid #e4e4e4; } .resp-vtabs .resp-tabs-container { border: none !important; float: none; width: 100%; min-height: 100px; clear: none; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #e4e4e4 !important; } .resp-tab-content { background-color: #fff; padding: 20px 15px; } } /* tab-style03 */ .tab-style03 ul.resp-tabs-list { text-align: center; } .tab-style03 .resp-tabs-list li { color: #35a8e0; border: 2px solid transparent; background: rgba(53, 168, 224, 0.15); margin: 0; padding: 15px 20px 13px 20px; } .tab-style03 .resp-tabs-list li:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; } .tab-style03 .resp-tabs-list li:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0; } .tab-style03 .resp-tabs-list li.resp-tab-active { color: #fff; background: #35a8e0; } .tab-style03 .resp-tab-content { border: none; } @media screen and (max-width: 1199px) { .tab-style03 .resp-tabs-list li { padding: 10px; min-width: 150px; } } @media screen and (max-width: 991px) { .tab-style03 .resp-tab-content { border: 1px solid #d5d5d5; padding: 40px 35px; } .tab-style03 h2.resp-tab-active { background: #35a8e0 !important; } } @media screen and (max-width: 575px) { .tab-style03 .resp-tab-content { padding: 25px 15px; } } /* tab-style2 */ .tab-style2 .resp-tabs-container { text-align: left; } .tab-style2 ul.resp-tabs-list { text-align: center; background: #35a8e0; padding: 8px; display: table; border-radius: 10rem; width: 55%; margin: 0 auto; } .tab-style2 .resp-tabs-list li { border: 2px solid transparent; margin: 0; padding: 0.425rem 1.125rem; border-radius: 10rem; min-width: auto; font-size: 16px; font-weight: normal; color: #fff; display: table-cell; } .tab-style2 .resp-tabs-list li.resp-tab-active { color: #35a8e0; background: #fff; } .tab-style2 .resp-tab-content { border: none; padding: 4rem 0 0 0; } @media screen and (max-width: 1199px) { .tab-style2 .resp-tabs-list li { padding: 10px; min-width: auto; } } @media screen and (max-width: 991px) { .tab-style2 ul.resp-tabs-list { display: none; } .tab-style2 .resp-tab-content { border: 1px solid #d5d5d5; padding: 40px 35px; } .tab-style2 h2.resp-tab-active { background: #35a8e0 !important; } } @media screen and (max-width: 575px) { .tab-style2 .resp-tab-content { padding: 25px 15px; } } /* vtab-style1 */ .vtab-style1 .resp-tabs-list li { background: #fff; } .vtab-style1 .resp-tabs-list li.resp-tab-active { background: #35a8e0; background: linear-gradient(180deg, #35a8e0, #5db9e6); padding: 15px 20px 13px 20px; color: #35a8e0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .vtab-style1.resp-vtabs ul.resp-tabs-list { width: auto; float: unset; } .vtab-style1.resp-vtabs .resp-tabs-list li { box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.08); margin-bottom: 35px; padding: 20px 35px !important; color: #1d184a; } .vtab-style1.resp-vtabs .resp-tabs-list li:last-child { margin-bottom: 0 !important; } .vtab-style1.resp-vtabs .resp-tabs-container { width: auto; float: unset; border: none !important; } .vtab-style1.resp-vtabs li.resp-tab-active { color: #fff; border: none !important; border-left: none !important; border-radius: 4px !important; } .vtab-style1.resp-vtabs li.resp-tab-active h1, .vtab-style1.resp-vtabs li.resp-tab-active h2, .vtab-style1.resp-vtabs li.resp-tab-active h3, .vtab-style1.resp-vtabs li.resp-tab-active h4, .vtab-style1.resp-vtabs li.resp-tab-active h5, .vtab-style1.resp-vtabs li.resp-tab-active h6 { color: #fff; } .vtab-style1.resp-tab-content { padding-top: 0; } .vtab-style1 .resp-tabs-list li.resp-tab-active .icon-circle { background: white; } .vtab-style1 .resp-tabs-list .tab-desc { display: inline-block; vertical-align: middle; padding-left: 20px; max-width: 70%; width: 100%; } @media screen and (max-width: 1199px) { .vtab-style1.resp-vtabs .resp-tabs-list li { margin-bottom: 25px; padding: 20px !important; } } @media screen and (max-width: 991px) { .vtab-style1.resp-vtabs .resp-tabs-container h2.resp-tab-active { background: #35a8e0 !important; background: linear-gradient(180deg, #35a8e0, #5db9e6) !important; color: #35a8e0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .vtab-style1.resp-vtabs .resp-tab-content { padding: 20px 20px 40px 20px; } .vtab-style1 .resp-accordion.resp-tab-active .icon-circle { background: white; } .vtab-style1 .resp-accordion.resp-tab-active .tab-desc, .vtab-style1 .resp-accordion.resp-tab-active h1, .vtab-style1 .resp-accordion.resp-tab-active h2, .vtab-style1 .resp-accordion.resp-tab-active h3, .vtab-style1 .resp-accordion.resp-tab-active h4, .vtab-style1 .resp-accordion.resp-tab-active h5, .vtab-style1 .resp-accordion.resp-tab-active h6 { color: #fff; } } /*============================== * Pricing table * ================================ */ /* price table1 */ /* price table2 */ .price .item { padding: 0 0 50px 0; transition: all 0.3s; background: #fff; } .price .item:hover { box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2); } .price.price-style1 .item { box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); } .price .type { padding-top: 45px; position: relative; } .price .type i { background: #ffffff; border: 1px solid #35a8e0; border-radius: 100%; color: #35a8e0; display: inline-block; font-size: 30px; height: 80px; line-height: 78px; margin-bottom: 15px; width: 80px; } .price .type h4 { color: #1d184a; font-weight: 700; text-transform: uppercase; } .price .value { position: relative; } .price .value h3 { display: inline-block; font-size: 40px; font-weight: 700; position: relative; margin-bottom: 0; color: #5a5d80; } .price .value h3 span { font-size: 18px; position: absolute; top: -2px; left: -12px; color: #5a5d80; } .price .value .per { font-size: 13px; color: #5a5d80; } .price .features ul { list-style: none; } .price .features li { padding: 20px 0; font-weight: 600; font-size: 15px; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .price .order { padding-top: 15px; position: relative; } .price .item.active { background: #35a8e0; background: linear-gradient(-45deg, #35a8e0, #5db9e6); } .price .item.active h3, .price .item.active h4 { color: #fff; } .price .item.active .value h3 span, .price .item.active .value .per { color: #fff; } .price .item.active .features li { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); color: #fff; } .price .item.active.bg-primary-90 { background: #35a8e0; background: linear-gradient(90deg, #35a8e0, #5db9e6); } @media screen and (max-width: 1199px) { .price .value h3 { font-size: 36px; } } @media screen and (max-width: 991px) { .price .item { padding-bottom: 40px; } .price .type { padding-top: 35px; } .price .features li { padding: 15px 0; font-size: 14px; } } @media screen and (max-width: 767px) { .price .item { padding-bottom: 30px; } .price .value h3 { font-size: 32px; } .price .value h3 span { font-size: 13px; top: 0px; left: -10px; } .price .value .per { font-size: 12px; } } /* price style3 */ /* price-block */ /* pricing */ /*============================== * Widget block * ================================ */ .widget-block { position: relative; box-shadow: 0 1rem 1.75rem 0 rgba(45, 55, 75, 0.1); border: 0.0625rem solid rgba(220, 224, 229, 0.6); border-radius: 0.25rem; transition: all 0.2s ease-in-out; margin-bottom: 50px; word-break: break-word; padding: 40px; } .widget-block:last-child, .widget-block.last { margin-bottom: 0; } .widget-block h4 { font-size: 22px; color: #35a8e0; border-bottom: 1px solid #e4e4e4; padding-bottom: 1.5rem; margin-bottom: 3rem; } .widget-block .list-style-icon { list-style: none; margin-bottom: 0; padding-bottom: 0; } .widget-block .list-style-icon li { border-bottom: 1px solid #e4e4e4; padding-left: 35px; position: relative; margin-bottom: 30px; padding-bottom: 15px; } .widget-block .list-style-icon li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget-block .list-style-icon li i { position: absolute; left: 0; top: 4px; color: #35a8e0; font-size: 20px; } .widget-block .list-style-icon li h6 { font-size: 16px; margin-bottom: 5px; } .widget-block .list-style-icon li p { margin-bottom: 0; } @media screen and (max-width: 1199px) { .widget-block { margin-bottom: 40px; padding: 35px; } } @media screen and (max-width: 767px) { .widget-block h4 { font-size: 20px; margin-bottom: 30px; } .widget-block .list-style-icon li { margin-bottom: 25px; padding-bottom: 13px; } } /*============================== * Other * ================================ */ .margin-top { margin-top: -130px; } /* about-style02 */ /* about-style03 */ /* about-04 */ /* about-card */ /* course-category */ /* subscribe-shape */ /* casestudy page */ /* casestudy page */ /* case-study section */ /* Job listing page*/ /* app buttons */ /*search page*/ /*404 page*/ /* coming soon */ /* count down */ ul.countdown li { border-right: 1px solid rgba(255, 255, 255, 0.3); display: inline-block; padding: 0 30px; text-align: center; } ul.countdown li:last-child { border: medium none; padding-right: 0; } ul.countdown li span { font-size: 36px; font-weight: 600; line-height: normal; position: relative; } ul.countdown li span::before { content: ""; height: 1px; position: absolute; width: 100%; } @media screen and (max-width: 767px) { ul.countdown li { width: 50%; float: left; margin-bottom: 35px; padding: 0 8px; } } /* feature image */ /* media style */ /* social-icon01 */ /* social-icon02 */ /* social-icon03 */ /* social-icon04 */ /* social-icon06 */ /* cover page */ /* extra-block */ /* account page */ /* =================================== Elements ====================================== */ /* modal */ .modal-backdrop { z-index: 99999; } /* fonts-icon page */ /* copy elements */ .inner-title { border-bottom: 1px solid rgba(0, 0, 0, 0.09); margin-bottom: 35px; padding-bottom: 20px; } /*============================== * Blog * ================================ */ /* blog card*/ /* blog card01 */ /* blog style02 */ /*============================== * Contact * ================================ */ /* quform */ /* custom file */ /* contact info */ /* newsletter rounded*/ /* newsletter style one */ /* newsletter style two */ /* newsletter style two */ /* newsletter-style01 */ /* quick contact */ /* contact detail */ /* form-style2 */ /*============================== * Footer * ================================ */ footer { padding: 50px 0 0; background: #25759c; color: rgba(255, 255, 255, 0.65); } footer p { margin-bottom: 0; } footer h3 { font-size: 18px; font-weight: 500; margin-bottom: 30px; line-height: 1; position: relative; } footer h3:after { content: ""; display: block; width: 70px; height: 2px; background: #35a8e0; margin: 12px auto 0 auto; } /* footer nav link */ /* footer background image */ /* footer list style*/ /* footer-list01 */ /* footer-list02 */ /* footer-list03 */ /* footer list social icon*/ /*footer social-icon style01*/ /*footer social-icon style02*/ /*footer social-icon style03*/ @media screen and (max-width: 767px) { footer h3 { font-size: 16px; } } /* footer style1*/ /* footer-style2 */ /* footer-style3 */ .footer-style3 { color: #939393; padding-top: 240px; margin-top: -120px; z-index: 0; } .footer-style3 .footer-icon ul li { display: inline-block; margin-right: 20px; } .footer-style3 ul { list-style: none; } .footer-style3 ul li { margin: 10px 0; font-size: 16px; } .footer-style3 ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .footer-style3 h3:after { content: ""; background: unset; margin: 0; } .footer-style3-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; padding: 20px 0; margin-top: 100px; } .footer-style3 h3 { color: rgba(255, 255, 255, 0.8); font-size: 18px; font-weight: 500; margin-bottom: 20px; } .footer-style3 a { color: #939393; } .footer-style3 a:hover { color: #fff; } @media screen and (max-width: 1199px) { .footer-style3 { padding-top: 220px; margin-top: -120px; } .footer-style3-bottom { margin-top: 70px; } } @media screen and (max-width: 991px) { .footer-style3 { padding-top: 140px; margin-top: -90px; } .footer-style3-bottom { margin-top: 50px; } } @media screen and (max-width: 767px) { .footer-style3 h4 { font-size: 16px; } .footer-style3 ul li { font-size: 15px; } } /* footer-style4 */ /* footer-style5 */ /* footer-style6 */ /* ===== custom.css ===== */ /* color mode */ .ratio video { width: 100%; height: 100%; object-fit: cover; /* makes poster + video fill container */ } /* ===== overrides (after-premise) ===== */ .navbar-brand img { width: auto; } .footer-logo img { max-width: 220px; height: auto; } header { padding-top: 30px; } @media screen and (max-width: 991px) { header { padding-top: 12px; } } /* Cookie consent banner */ #cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100000; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; background: #1d184a; color: #fff; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); font-size: 14px; line-height: 1.5; } #cookie-banner p { margin: 0; flex: 1 1 320px; } .cookie-banner__actions { display: flex; gap: 8px; flex-wrap: wrap; } .cookie-banner__btn { padding: 10px 24px; border: 1px solid transparent; border-radius: 4px; color: #fff; min-width: 100px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; } .cookie-banner__btn--accept { background: #35a8e0; border-color: #35a8e0; } .cookie-banner__btn--accept:hover { background: #2792c4; border-color: #2792c4; } .cookie-banner__btn--reject { background: #6c757d; border-color: #6c757d; } .cookie-banner__btn--reject:hover { background: #565d63; border-color: #565d63; } .manage-cookies-link { cursor: pointer; } @media screen and (max-width: 575px) { #cookie-banner { flex-direction: column; align-items: stretch; text-align: center; } .cookie-banner__actions { justify-content: center; } }