{"version":3,"sources":["style.scss","style.css","scss/_variable.scss","scss/_root.scss","scss/_header.scss","scss/_mixin.scss","scss/_footer.scss","scss/_button.scss","scss/_color.scss","scss/_base.scss","scss/_style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*------------------------------------------------------------------\r\nProject:    Tapsi Personal Portfolio\r\nVersion:    1.0\r\nPrimary use:    pxdraft\r\n\r\n[Table of contents]\r\n\r\n1. Body\r\n2. Header\r\n3. Footer\r\n4. Blog\r\n5. Section\r\n6. Home Banner\r\n7. About\r\n8. Services\r\n9. Portfolio\r\n10. Testimonial\r\n11. Contact Us\r\n\r\n-------------------------------------------------------------------*/\r\n@import \"../vendor/bootstrap/css/bootstrap.min.css\";\r\n@import \"../vendor/bootstrap/icons/bootstrap-icons.css\";\r\n@import \"../vendor/owl-carousel/css/owl.carousel.min.css\";\r\n@import \"../vendor/magnific/magnific-popup.css\";\r\n@import \"../vendor/font-awesome/css/all.min.css\";\r\n\r\n\r\n@import \"scss/variable\";\r\n@import \"scss/mixin\";\r\n@import \"scss/root\";\r\n@import \"scss/header\";\r\n@import \"scss/footer\";\r\n@import \"scss/button\";\r\n@import \"scss/color\";\r\n@import \"scss/base\";\r\n@import \"scss/style\";\r\n\r\n",null,"@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');\r\n\r\n$px-font:\t\t\t'DM Sans', sans-serif !default;\r\n\r\n\r\n// Theme Variable\r\n\r\n$px-theme:\t\t\t\t#0788FF;\r\n$px-theme-2:\t\t\t#9900FF;\r\n\r\n$px-text:\t\t\t\t#666666;\r\n$px-heading:\t\t\t#0A0911;\r\n$px-bg:\t\t\t\t\t#fff;\r\n\r\n$px-gray:\t\t\t\trgba(11,11,19,.1);\r\n\r\n$px-gray-bg:\t\t\t#f7f7ff;\r\n\r\n$px-white:\t\t\t#fff;\r\n\r\n$px-rounded:\t\t16px;\r\n\r\n// Dark Theme Variable\r\n\r\n$px-dark-text:\t\t\t\t\t#7F8287;\r\n$px-dark-heading:\t\t\t\t#fff;\r\n$px-dark-bg:\t\t\t\t\t#10101a;\r\n\r\n$px-dark-gray:\t\t\t\trgba(255,255,255,.1);\r\n\r\n$px-dark-gray-bg:\t\t\t#0b0b13;\r\n\r\n\r\n// Breakpoints\r\n$px-media-xsm:\t\t567px !default;\r\n$px-media-sm:\t\t767px !default;\r\n$px-media-md:\t\t991px !default;\r\n$px-media-lg:\t\t1200px !default;\r\n",":root {\r\n\t--bs-heading-color: var(--px-heading);\r\n}\r\n\r\n:root, \r\n[data-bs-theme=light] {\r\n\t--px-theme:\t#{$px-theme};\r\n\t--px-theme-2:\t#{$px-theme-2};\r\n\r\n\t--px-bg:\t#{$px-bg};\r\n\t--px-text:\t#{$px-text};\r\n\r\n\t--px-heading:\t#{$px-heading};\r\n\r\n\t--px-white:\t#{$px-white};\r\n\r\n\t--px-gray:\t#{$px-gray};\r\n\r\n\t--px-gray-bg:\t#{$px-gray-bg};\r\n\r\n\t--px-rounded: #{$px-rounded};\r\n\t--px-g:\tlinear-gradient(90deg, var(--px-theme) 0%, var(--px-theme-2) 100%), var(--px-white);\r\n}\r\n\r\n[data-bs-theme=dark] {\r\n\t--px-bg:\t#{$px-dark-bg};\r\n\t--px-text:\t#{$px-dark-text};\r\n\r\n\t--px-heading:\t#{$px-dark-heading};\t\r\n\r\n\t--px-gray:\t#{$px-dark-gray};\r\n\r\n\t--px-gray-bg:\t#{$px-dark-gray-bg};\r\n}",".logo-light {\r\n\tdisplay: none;\r\n\t[data-bs-theme=\"dark\"] & {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.logo-dark {\r\n\tdisplay: block;\r\n\t[data-bs-theme=\"dark\"] & {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n\r\n\r\n.header-left-fixed {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: -85%;\r\n\twidth: 50%;\r\n\tpadding: 3%;\r\n\tbottom: 0;\r\n\tbackground-color: var(--px-theme);\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tz-index: 11111;\r\n\ttransition: cubic-bezier(0.68, -0.26, 0.37, 1.32) all 0.65s;\r\n\t&.menu-open-desk {\r\n\t\tleft: 0;\r\n\t}\r\n\t.main-menu {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0 0 50px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tlist-style: none;\r\n\t\tflex: 1;\r\n\t\tli {\r\n\t\t\t+ li {\r\n\t\t\t\tpadding-top: 25px;\r\n\t\t\t}\r\n\t\t}\r\n\t\ta {\r\n\t\t\tfont-size: 40px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tletter-spacing: 2px;\r\n\t\t\tcolor: var(--px-heading);\r\n\t\t\t-webkit-text-stroke: 1px var(--px-heading);\r\n    \t\t-webkit-text-fill-color: var(--px-theme);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n.main-header {\r\n\tpadding-top: 40px;\r\n\tpadding-bottom: 40px;\r\n\tposition: fixed;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttop: 0;\r\n\tz-index: 11;\r\n\tbackground-color: var(--px-bg);\r\n\ttransition: ease-in-out padding 0.65s;\r\n\t.fixed-header & {\r\n\t\tpadding-top: 20px;\r\n\t\tpadding-bottom: 20px;\r\n\t\tborder-bottom: 1px solid var(--px-gray);\r\n\t}\r\n\t.container {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n}\r\n\r\n// Dark Light Button\r\n.theme-btn {\r\n\t.dropdown-toggle {\r\n\t\tbackground-color: var(--px-bg);\r\n\t    color: var(--px-heading);\r\n\t    border: 1px solid var(--px-gray) !important;\r\n\t    border-radius: var(--px-rounded);\r\n\t    padding: 10px 18px;\r\n\t    line-height: 1;\r\n\t    &:after {\r\n\t    \tdisplay: none;\r\n\t    }\r\n\t}\r\n\t.dropdown-menu {\r\n\t    border: none;\r\n\t    padding: 10px;\r\n\t}\r\n\t.dropdown-item {\r\n\t\tborder-radius: 5px;\r\n\t\tfont-size: 14px;\r\n\t\t&:active,\r\n\t\t&.active {\r\n\t\t\tbackground-color: var(--px-theme);\r\n\t    \tcolor: var(--px-white);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n.toggler-menu {\r\n    background-color: var(--px-bg);\r\n    color: var(--px-heading);\r\n    border: 1px solid var(--px-gray) !important;\r\n    border-radius: var(--px-rounded);\r\n    padding: 10px 25px;\r\n    line-height: 1;\r\n    position: relative;\r\n    margin-left: 15px;\r\n    span {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        margin: auto;\r\n        width: 17px;\r\n        box-shadow: 0 0 0 1px currentColor, 0px -7px 0 1px currentColor, 0 7px 0 1px currentColor;\r\n        height: 0;\r\n    }\r\n}\r\n\r\n\r\n\r\n.header-top-fixed {\r\n\tpadding-top: 40px;\r\n\tpadding-bottom: 40px;\r\n\tposition: fixed;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttop: 0;\r\n\tz-index: 11;\r\n\ttransition: ease-in-out padding 0.65s;\r\n\t@include down-lg {\r\n\t\tpadding-top: 30px;\r\n\t\tpadding-bottom: 30px;\r\n\t}\r\n\t.fixed-header & {\r\n\t\tpadding-top: 20px;\r\n\t\tpadding-bottom: 20px;\r\n\t\tborder-bottom: 1px solid var(--px-gray);\r\n\t\tbackground-color: var(--px-bg);\r\n\t}\r\n\t.container {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.main-menu {\r\n\t\tpadding: 0 20px;\r\n\t\tdisplay: flex;\r\n\t\tlist-style: none;\r\n\t\tflex: 1;\r\n\t\tjustify-content: center;\r\n\t\tmargin: 0;\r\n\t\tli {\r\n\t\t\tmargin: 0 5px;\r\n\t\t}\r\n\t\ta {\r\n\t\t\tpadding: 6px 15px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tletter-spacing: 2px;\r\n\t\t\tborder-radius: 30px;\r\n\t\t\tcolor: var(--px-heading);\r\n\t\t\tfont-weight: 600;\r\n\t\t\t&:hover,\r\n\t\t\t&.active {\r\n\t\t\t    background: var(--px-g);\r\n\t\t\t\tcolor: var(--px-white);\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t@include down-lg {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbackground-color: var(--px-bg);\r\n\t\t\tborder-top: 1px solid var(--px-gray);\r\n\t\t\tflex-direction: column;\r\n\t\t\tpadding: 20px;\r\n\t\t\tdisplay: none;\r\n\t\t\tli {\r\n\t\t\t\tmargin: 5px 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&.menu-open {\r\n\t\t@include down-lg {\r\n\t\t\t.main-menu {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// Media Responsive\r\n@mixin up-xsm {\r\n\t@media(min-width: $px-media-xsm + 1 ){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin down-xsm {\r\n\t@media(max-width: $px-media-xsm){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin up-sm {\r\n\t@media(min-width: $px-media-sm + 1 ){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin down-sm {\r\n\t@media(max-width: $px-media-sm){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin up-md {\r\n\t@media(min-width: $px-media-md + 1 ){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin down-md {\r\n\t@media(max-width: $px-media-md){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin up-lg {\r\n\t@media(min-width: $px-media-lg + 1 ){\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin down-lg {\r\n\t@media(max-width: $px-media-lg){\r\n\t\t@content;\r\n\t}\r\n}",".footer {\r\n\tposition: relative;\r\n\tbackground-color: var(--px-bg);\r\n\tborder-top: 1px solid var(--px-gray);\r\n\t.footer-info {\r\n\t\ttext-align: center;\r\n\t\tmargin-top: -50px;\r\n\t\t.footer-avatar {\r\n\t\t\twidth: 100px;\r\n\t\t\theight: 100px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\t\th6 {\r\n\t\t\tmargin: 15px 0 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.social-link {\r\n\t\tjustify-content: center;\r\n\t\tpadding: 20px 0;\r\n\t\tli {\r\n\t\t\tmargin: 0 5px;\r\n\t\t}\r\n\t\ta {\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t    background: linear-gradient(90deg, var(--px-theme) 0%, var(--px-theme-2) 100%), var(--px-white);\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-size: 100% 100%;\r\n\t\t    color: var(--px-white);\r\n\t\t    border-radius: 10px;\r\n\t\t    transition: ease all 0.35s;\r\n\t\t    border: none;\r\n\t\t    &:hover {\r\n\t\t\t\tcolor: var(--px-white);\r\n\t\t\t\tbackground-size: 200% 100%;\r\n\t\t    }\r\n\t\t}\r\n\t}\r\n\t.copyright {\r\n\t\tfont-size: 12px;\r\n\t\tmargin: 0 0 40px;\r\n\t\ttext-align: center;\r\n\t}\r\n}",".px-btn {\r\n\tpadding: 15px 35px;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbackground-color: var(--px-theme);\r\n\tcolor: var(--px-theme-text);\r\n\ttext-decoration: none;\r\n\tborder-radius: 10px;\r\n\ttransition: ease all 0.35s;\r\n\tfont-weight: 500;\r\n\toutline: none;\r\n\tbox-shadow: none;\r\n\tborder: none;\r\n\tbackground: linear-gradient(90deg, var(--px-theme) 0%, var(--px-theme-2) 100%), var(--px-white);\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 100% 100%;\r\n\tcolor: var(--px-white);\r\n\ti {\r\n\t\tmargin-left: 10px;\r\n\t}\r\n\t&:hover {\r\n\t\tcolor: var(--px-white);\r\n\t\tbackground-size: 200% 100%;\r\n\t}\r\n}",".gray-bg {\r\n\tbackground-color: var(--px-gray-bg);\r\n}","@media (prefers-reduced-motion: no-preference) {\r\n    :root {\r\n        scroll-behavior: inherit;\r\n    }\r\n}\r\n\r\n\r\n\r\nimg {\r\n    max-width: 100%;\r\n}\r\n\r\n* {\r\n    outline: none !important;\r\n}\r\n\r\n\r\n/* ----------------------\r\n*   Loading\r\n---------------------------*/\r\n#loading {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    //background: $px-theme;\r\n    z-index: 99999;\r\n}\r\n\r\n.load-circle {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    span {\r\n        display: inline-block;\r\n        width: 64px;\r\n        height: 64px;\r\n\r\n        &:after {\r\n            content: \" \";\r\n            display: block;\r\n            width: 46px;\r\n            height: 46px;\r\n            margin: 1px;\r\n            border-radius: 50%;\r\n            animation: lds-dual-ring 1.2s linear infinite;\r\n        }\r\n    }\r\n}\r\n\r\n@keyframes lds-dual-ring {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n\r\n/* Section\r\n---------------------*/\r\n.section {\r\n    padding: 100px 0;\r\n    position: relative;\r\n}\r\n\r\n@include down-lg {\r\n    .section {\r\n        padding-top: 80px;\r\n        padding-bottom: 80px;\r\n    }\r\n}\r\n\r\n@include down-sm {\r\n    .section {\r\n        padding-top: 60px;\r\n        padding-bottom: 60px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n.section-heading {\r\n    padding-bottom: 15px;\r\n    margin-bottom: 40px;\r\n    border-bottom: 1px solid var(--px-gray);\r\n    position: relative;\r\n    &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        height: 3px;\r\n        width: 50px;\r\n        background: linear-gradient(90deg, var(--px-theme) 0%, var(--px-theme-2) 100%), var(--px-white);\r\n    }\r\n    h3 {\r\n        margin: 0;\r\n        text-transform: uppercase;\r\n        font-size: 35px;\r\n        font-weight: 700;\r\n    }\r\n    h4 {\r\n        margin: 0;\r\n        text-transform: uppercase;\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n    }\r\n}\r\n\r\n\r\n\r\n/* Modal\r\n-------------------------------*/\r\n.mfp-bg{\r\n    background: rgba(0,0,0,.6);\r\n    opacity: 1;\r\n    backdrop-filter: saturate(180%) blur(20px);\r\n}\r\n.px-modal {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 30px;\r\n    background-color: var(--px-bg);\r\n    position: relative;\r\n    border: 3px solid var(--px-gray);\r\n    @include down-lg {\r\n        padding: 18px;\r\n    }\r\n    .mfp-close {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        background: var(--px-gray-2);\r\n        color: var(--px-text);\r\n        z-index: 1;\r\n        opacity: 1;\r\n    }\r\n    .about-content {\r\n        ul {\r\n            padding: 0;\r\n            margin: 0;\r\n            list-style: none;\r\n        }\r\n        .col-4 {\r\n            color: var(--px-heading);\r\n        }\r\n    }\r\n}\r\n.single-project-box {\r\n    h4 {\r\n        margin-bottom: 12px;\r\n        padding-bottom: 12px;\r\n        border-bottom: 1px solid var(--px-gray);\r\n    }\r\n}","/* Background\r\n-------------------------------*/\r\nbody {\r\n    background-color: var(--px-bg);\r\n    color: var(--px-text);\r\n    font-family: $px-font;\r\n    --bs-body-font-weight: 400;\r\n    --bs-body-font-size: 1rem;\r\n    --bs-body-line-height: 1.6;\r\n    overflow-x: hidden;\r\n}\r\n\r\na {\r\n\ttext-decoration: none;\r\n}\r\n\r\n/* ----------------------\r\n*   owl \r\n---------------------------*/\r\n.owl-dots {\r\n    text-align: center;\r\n    font-size: 0px;\r\n    padding-top: 35px;\r\n    .owl-dot {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        width: 10px;\r\n        height: 10px;\r\n        background: transparent;\r\n        border: 1px solid var(--px-text);\r\n        transition: ease all 0.55s;\r\n        border-radius: 8px;\r\n        margin: 0 4px;\r\n\r\n        &.active {\r\n            background: var(--px-theme);\r\n            width: 20px;\r\n        }\r\n    }\r\n\r\n\r\n}\r\n\r\n.owl-nav {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    margin: auto;\r\n    pointer-events: none;\r\n\r\n    .owl-next,\r\n    .owl-prev {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        margin: auto;\r\n        width: 35px;\r\n        height: 35px;\r\n        background: var(--px-theme);\r\n        color: var(--px-theme-text);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        pointer-events: auto;\r\n        transition: ease all 0.35s;\r\n\r\n        &:hover {\r\n        \tbackground: var(--px-theme-text);\r\n        \tcolor: var(--px-theme);\r\n        }\r\n    }\r\n\r\n    .owl-next {\r\n        right: 0px;\r\n\r\n        @include up-lg {\r\n            right: -50px;\r\n        }\r\n    }\r\n\r\n    .owl-prev {\r\n        left: 0px;\r\n\r\n        @include up-lg {\r\n            left: -50px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n/* ------------------------\r\n*   Home Banner\r\n---------------------------*/\r\n.home-section {\r\n    padding-top: 140px;\r\n    padding-bottom: 100px;\r\n    @include down-lg {\r\n        padding-top: 120px;\r\n        padding-bottom: 50px;\r\n    }\r\n    @include down-md {\r\n        padding-top: 100px;\r\n        padding-bottom: 40px;\r\n    }\r\n    .bg-icon {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n    }\r\n\r\n\t.hs-left {\r\n\t\th1 {\r\n\t\t\tfont-size: 90px;\r\n\t\t\tmargin-bottom: 25px;\r\n            line-height: 1.1;\r\n            font-weight: 700;\r\n            \r\n            @include down-lg {\r\n                font-size: 80px;\r\n            }\r\n            @include down-md {\r\n                font-size: 60px;\r\n            }\r\n            @include down-sm {\r\n                font-size: 50px;\r\n            }\r\n            \r\n\t\t\tspan {\r\n\t\t\t\t-webkit-text-stroke: 1px var(--px-heading);\r\n\t    \t\t-webkit-text-fill-color: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n    .hs-banner {\r\n        margin-top: 50px;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        @include down-md {\r\n            margin-top: 30px;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/* ------------------------\r\n*   About\r\n---------------------------*/\r\n.about-text {\r\n    padding-bottom: 30px;\r\n}\r\n.about-banner {\r\n    overflow: hidden;\r\n    border-radius: var(--px-rounded);\r\n}\r\n\r\n.about-count {\r\n    margin: 0;\r\n    padding: 0;\r\n    .counter {\r\n        font-size: 100px;\r\n        line-height: 0.9;\r\n        color: var(--px-heading);\r\n        text-align: center;\r\n        @include down-md {\r\n            font-size: 85px;\r\n        }\r\n        @include down-sm {\r\n            font-size: 70px;\r\n        }\r\n    }\r\n    li {\r\n        + li {\r\n            border-top: 1px solid var(--px-gray);\r\n            padding-top: 15px;\r\n            margin-top: 15px;\r\n        }\r\n    }\r\n    h6 {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n    }\r\n    p {\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n\r\n/* ------------------------\r\n*   Skill\r\n---------------------------*/\r\n.skill-section {\r\n    .skill-row {\r\n        display: flex;\r\n        border: 1px solid var(--px-gray);\r\n        padding: 17px;\r\n        border-radius: var(--px-rounded);\r\n        background: var(--px-bg);\r\n        + .skill-row {\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n    .skill-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: var(--px-g);\r\n        color: var(--px-white);\r\n        font-size: 25px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n    }\r\n    .skill-col {\r\n        flex: 1;\r\n        padding-left: 20px;\r\n        h6 {\r\n            margin: 0 0 10px;\r\n        }\r\n    }\r\n    .skill-bar {\r\n        width: 100%;\r\n        height: 7px;\r\n        position: relative;\r\n        background: var(--px-gray);\r\n        .skill-bar-in {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            bottom: 0;\r\n            background: var(--px-theme);\r\n            transition: ease all 0.35s;\r\n            width: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n.aducation-box {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    li {\r\n        border: 1px solid var(--px-gray);\r\n        padding: 25px 20px;\r\n        border-radius: var(--px-rounded);\r\n        background: var(--px-bg);\r\n        position: relative;\r\n        + li {\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n    span {\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        margin-bottom: 16px;\r\n        color: var(--px-white);\r\n        padding: 4px 12px;\r\n        border-radius: 30px;\r\n        font-size: 12px;\r\n        line-height: 1;\r\n        background: var(--px-g);\r\n    }\r\n    p {\r\n        margin: 0;\r\n    }\r\n    .icon {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        font-size: 50px;\r\n        color: var(--px-heading);\r\n        opacity: 0.1;\r\n    }\r\n}\r\n\r\n/* ------------------------\r\n*   Services\r\n---------------------------*/\r\n\r\n.feature-box-01 {\r\n    background: var(--px-gray-bg);\r\n    padding: 40px 12%;\r\n    display: flex;\r\n    border-radius: var(--px-rounded);\r\n    flex-direction: column;\r\n    align-items: center;\r\n    transition: ease all 0.35s;\r\n    position: relative;\r\n    top: 0;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n    &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: auto;\r\n        left: 0;\r\n        right: 0;\r\n        margin: auto;\r\n        height: 0px;\r\n        width: 100%;\r\n        background: var(--px-g);\r\n        z-index: -1;\r\n        transition: ease all 0.35s;\r\n    }\r\n    .icon {\r\n        width: 100px;\r\n        height: 100px;\r\n        background: var(--px-g);\r\n        color: var(--px-white);\r\n        font-size: 45px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n    }\r\n    .feature-content {\r\n        padding-top: 16px;\r\n        text-align: center;\r\n        h5 {\r\n            font-weight: 700;\r\n            font-size: 20px;\r\n            margin-bottom: 6px;\r\n        }\r\n        p {\r\n            margin: 0;\r\n        }\r\n    }\r\n    &:hover {\r\n        top: -5px;\r\n        &:after {\r\n            height: 100%;\r\n            top: auto;\r\n            bottom: 0;\r\n        }\r\n        .icon {\r\n            background: var(--px-white);\r\n            color: var(--px-theme);\r\n        }\r\n        .feature-content {\r\n            h5 {\r\n                color: var(--px-white);\r\n            }\r\n            p {\r\n                color: var(--px-white);\r\n                opacity: 0.85;   \r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/* ------------------------\r\n*   Portfolio\r\n---------------------------*/\r\n\r\n.portfolio-row {\r\n    background: var(--px-bg);\r\n    padding: 40px;\r\n    border: 1px solid var(--px-gray);\r\n    border-radius: var(--px-rounded);\r\n    @include down-lg {\r\n        padding: 30px;\r\n    }\r\n    @include down-sm {\r\n        padding: 20px;\r\n    }\r\n    + .portfolio-row {\r\n        margin-top: 40px;\r\n    }\r\n}\r\n\r\n.portfolio-img {\r\n    border-radius: var(--px-rounded);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid var(--px-gray);\r\n    .gallery-link {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        width: 45px;\r\n        height: 45px;\r\n        background: var(--px-g);\r\n        color: var(--px-white);\r\n        font-size: 18px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n    }\r\n}\r\n.portfolio-text {\r\n    h6 {\r\n        font-weight: normal;\r\n        background: var(--px-gray);\r\n        color: var(--px-heading);\r\n        display: inline-block;\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n        border-radius: var(--px-rounded);\r\n        margin: 0 0 20px;\r\n    }\r\n    h5 {\r\n        font-weight: 600;\r\n        font-size: 26px;\r\n        margin: 0 0 20px;\r\n    }\r\n    .btn-bar {\r\n        padding-top: 15px;\r\n    }\r\n}\r\n\r\n/* ------------------------\r\n*   Testimonials\r\n---------------------------*/\r\n.testimonials-box {\r\n    display: flex;   \r\n    border: 1px solid var(--px-gray);\r\n    padding: 20px;\r\n    border-radius: var(--px-rounded);\r\n    .t-lead {\r\n        width: 100px;\r\n        flex: 0 0 100px;\r\n        height: 100px;\r\n        border-radius: var(--px-rounded);\r\n        overflow: hidden;\r\n    }\r\n    .t-text {\r\n        flex: 1;\r\n        padding-left: 20px;\r\n    }\r\n    h5 {\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n    }\r\n    p {\r\n        font-size: 17px;\r\n    }\r\n    h6 {\r\n        font-size: 15px;\r\n        margin: 0;\r\n    }\r\n    span {\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\r\n/* ------------------------\r\n/* Contact\r\n---------------------------*/\r\n.contact-form {\r\n    padding: 40px;\r\n    border: 1px solid var(--px-gray);\r\n    border-radius: 16px;\r\n    background-color: var(--px-bg);\r\n    @include down-md {\r\n        padding: 30px;\r\n    }\r\n    .contact-head {\r\n        padding-bottom: 20px;\r\n        h4 {\r\n            font-size: 32px;\r\n            max-width: 500px;\r\n            @include down-md {\r\n                font-size: 25px;\r\n            }\r\n        }\r\n        p {\r\n            font-size: 17px;\r\n            @include down-md {\r\n                font-size: 15px;\r\n            }\r\n        }\r\n    }\r\n    .form-label {\r\n        font-size: 12px;\r\n    }\r\n    .form-control {\r\n        background-color: var(--px-bg);\r\n        border: 1px solid var(--px-gray);\r\n        box-shadow: none;\r\n        padding: 0.675rem .75rem;\r\n    }\r\n}\r\n\r\n\r\n.contact-info {\r\n    h3 {\r\n        margin-bottom: 30px;\r\n    }\r\n    .google-map {\r\n        background-color: var(--px-bg);\r\n        border: 1px solid var(--px-gray);\r\n        padding: 10px;\r\n        border-radius: var(--px-rounded);\r\n    }\r\n    ul {\r\n        margin: 0;\r\n        padding: 0;\r\n        list-style: none;\r\n    }\r\n    li {\r\n        display: flex;\r\n        border: 1px solid var(--px-gray);\r\n        padding: 20px;\r\n        background: var(--px-bg);\r\n        border-radius: var(--px-rounded);\r\n        + li {\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n    .text {\r\n        flex: 1;\r\n        padding-left: 20px;\r\n        label {\r\n            font-weight: 600;\r\n            font-size: 17px;\r\n            color: var(--bs-heading-color);\r\n        }\r\n        p {\r\n            margin: 0;\r\n            font-size: 15px;\r\n            span {\r\n                display: block;\r\n                width: 100%;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n    }\r\n    .icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        background: var(--px-bg);\r\n        color: var(--px-heading);\r\n        border: 1px solid var(--px-gray);\r\n        font-size: 20px;\r\n    }\r\n}"]}