@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

html { overflow-x: hidden; }
body {font-family: 'Source Sans Pro', sans-serif;background: #fff;overflow: auto;font-size: 14px;overflow-x: hidden;padding-top: 0;}
a, a:hover, a:focus {  text-decoration: none;  transition: all 400ms ease; }
img{max-width: 100%}
input, button { outline: none; box-shadow: none;  }
.owl-carousel .owl-item img{width: auto;}
.text-primary {
    color: rgb(199 106 26) !important;
}
.st-pb-default {
    padding-bottom: 6.75rem;
}
.st-py-default {
    padding: 6.75rem 0;
}
.mobile {
    display: none;
}
.main-navigation-info {
    padding-top: 20px;
}
nav#myMenu.darkHeader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #181c28;
    transition: all 500ms ease;
}

nav#myMenu {
    padding: 0;
}
.mainHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.iconsNav li a {
    padding: 0 0 !important;
}
.navbar-light .navbar-brand img {
    max-width: 120px;
}
.mainHeader #myMenu li a {
    padding: 26px 15px;
    font-weight: 500;
    color: #fff;
    font-size:1rem;
    /*font-size: 1.125rem;*/
}
.mainHeader #myMenu li a:hover {
    color: #c76a2f;
}
div#navbarSupportedContent ul li a {
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
}

div#navbarSupportedContent ul:not(.iconsNav) li {
    padding: 0 20px;
}

.iconsNav {
    padding-left: 30px;
}
.header-search-flex {
    display: block;
    align-items: center;
    justify-content: space-between;
    max-width: 300px;
    position: relative;
    padding-right: 45px;
    min-height: 52px;
    margin: auto;
}
.header-search-popup {
    position: absolute;
    top: 100%;
    right: 25%;
    width: 100%;
    min-width: 315px;
    z-index: -1;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10rem;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20%);
    border: 1px solid var(--bs-gray-light);
    box-shadow: 0px 2px 16px -3px rgb(0 0 0 / 0.15);
    -webkit-backface-visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.header-search-popup.active {
    opacity: 1;
    visibility: visible;
    transition: all 500ms ease;
    top: 120%;
}
.close-style {
    position: absolute;
    top: 0;
    left: -45px;
    margin: 0 auto;
    display: block;
    width: 45px;
    height: 44px;
    border-radius: 0;
    border-color: #c76a1a;
    border-style: solid;
    background: #fff;
    z-index: 9;
}

.close-style:before, .close-style:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;    
    width: 25px;
    height: 4px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.close-style:hover:before, .close-style:hover:after,
.close-style:focus:before, .close-style:focus:after {
    background: #c76a1a;
    transition: all 300ms ease;
}

.close-style:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-style:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-style:hover:before, .close-style:hover:after,
.close-style:focus:before, .close-style:focus:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: all 300ms ease;
}

.header-search-popup button#header-search-close {
    left: auto;
    right: 0;
    border-radius: 50%;
    top: 4px;
}

.header-search-flex .search-form {
    max-width: 100%;
    padding: 0 !important;
    display: flex;
    min-height: 52px;
    align-items: center;
    padding-top: 11px;
}

.mainHeader #myMenu li {
    position: relative;
}

ul.dropMenu {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0px;
    list-style-type: none;
    width: 210px;
    background: #fff;
    border-bottom: solid 4px #c76a2f;
    transform: scaleY(0);
    transition: all 300ms ease;
    transform-origin: 0 0;
    opacity: 0;
    visibility: hidden;
}

ul.dropMenu li a {
    padding: 8px 16px !important;
    display: block;
    border-bottom: 1px solid rgb(247 247 247);
    color: rgb(21 24 34) !important;
    font-weight: 600 !important;
    line-height: 24px;
    text-transform: none;
    white-space: normal;
    background-color: transparent;
}

.mainHeader #myMenu li:hover ul.dropMenu {
    transform: scaleY(1);
    transition: all 300ms ease;
    opacity: 1;
    visibility: visible;
}

ul.dropMenu li a:hover {
    background-color: #f8f9fa;
}
ul.subDropdown {
    position: absolute;
    left: 100%;
    top: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #fff;
    min-width: 210px;
    border-bottom: solid 4px #c76a2f;
    transform: scaleY(0);
    transition: all 300ms ease;
    transform-origin: 0 0;
}

ul.dropMenu li:hover .subDropdown {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    transition: all 300ms ease;
}










.sliderImg .owl-dots, #testimonials-section .owl-dots{
    display: block !important;
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
#testimonials-section .owl-dots {
    bottom: -30px;
}
.sliderImg .owl-dots button, #testimonials-section .owl-dots button {
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 50%;
    margin: 0 25px;
    border: solid 2px #fff;
    outline: none;
    position: relative;
}
.sliderImg .owl-dots button.active,  #testimonials-section .owl-dots button.active {background: transparent;border: solid 3px #c76a2f;width: 13px;height: 13px;} 
.sliderImg .owl-dots button:not(:first-child):after, #testimonials-section .owl-dots button:not(:first-child):after {content: "";position: absolute;top: 0;bottom: 0;margin: auto;width: 13px;height: 2px;z-index: 0;background: #fff;left: -38px;}

.sliderImg .owl-dots button:not(:first-child):before, #testimonials-section .owl-dots button:not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 13px;
    height: 2px;
    z-index: 0;
    background: #c76a2f;
    left: -26px;
}

ul.menu-right-list {
    display: flex;
    list-style-type: none;
    align-items: center;
    padding: 0;
    justify-content: flex-end;
}

li.main-info-list {
    display: flex;
    align-items: center;
}
.main-info-list aside i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #c76a2f;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}

.contact-area {
    display: flex;
    align-items: center;
}

.contact-icon {
    margin-right: 15px;
}

.contact-info h6 {
    margin: 0;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: 1px;
    color: #fff;
}

.contact-info p {
    margin: 0;
    font-size: 16px;
}

.contact-info p a {
    color: #fff;
}

.main-info-list aside.second i {
    transform: rotate(90deg);
}

aside.second {
    padding: 0 40px;
}
.logo img, .mobile-logo img {
    max-width: 98px;
    height: auto;
}
p.site-description {
    color: #c76a1a;
    font-size: 0.656rem;
    font-weight: 500;
    line-height: 1.2;
}
.btn-like-icon {
    padding: 12px 60px 12px 28px;
    font-size: 1.125rem;
    background: #c76a2f !important;
    border: none;
    border-radius: 50px;
    position: relative;
}
.btn-like-icon em {
    font-style: normal;
    position: relative;
    z-index: 2;
}
.btn-like-icon span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    color: #c76a2f;
    margin-left: 0;
    position: absolute;
    top: 8px;
    right: 10px;
    transform: rotate(0deg);
    transition: all 200ms ease;
}
.btn-like-icon:hover .bticn {
    background: #000;
    color: #fff;
    transform: rotate(360deg);
    transition: all 200ms ease;
}
div#mobileMenuToggleItem {
    background: rgb(0 0 0 / 0.4);
    padding-left: 15px;
}

.mainHeader .iconsNav li a {
    min-height: 80px;
    display: flex;
    align-items: center;
    padding: 0 25px !important;
    border-left: solid 1px #ffffff38;
}
.colorOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 0;
}

.sliderImg .container {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
/*.main-content {
    max-width: 700px;
}*/

.main-content h4 {
    margin-bottom: 1rem;
    display: inline-block;
    padding: 0.875rem 1.875rem;
    position: relative;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.main-content h4:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c76a2f;transform: skewX(
-15deg
);border-radius: 4px;z-index: -1;}
.main-content h4 i {
    font-size: 1.25rem;
    margin-right: 0.35rem;
}

.main-content h1 {
    font-size: 4.5rem;
    margin-bottom: 1rem;
    color: #fff;
    font-weight: 700;
}
.main-content p {
    font-weight: 400;
    font-size: 1.125rem;
    margin-bottom: 1.75rem;
    color: #fff;
}

.slideScroller .owl-nav {
    margin: 0;
}

.slideScroller div.owl-nav button[class*=owl-] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-size: 36px;
    opacity: 1;
    width: 30px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    transition: all 500ms ease;
    outline: none;
}

.home-slider div.owl-nav button[class*=owl-]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transform: skewX(-10deg);
    border-radius: 4px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 0;
}

.slideScroller .owl-nav .owl-prev {
    right: auto;
    left: 1.5rem;
}

.slideScroller .owl-nav .owl-next {
    left: auto;
    right: 1.5rem;
}
.slideScroller div.owl-nav button[class*=owl-]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #181D29;
    transform: skewX(
-10deg
);
    border-radius: 4px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 0;
}
.slideScroller .owl-nav button[class*=owl-]:hover {
    width: 61px;
    color: #fff;
}
.slideScroller div.owl-nav button[class*=owl-] i {
    color: #fff;
    position: relative;
    z-index: 1;
}

.slideScroller div.owl-nav button[class*=owl-]:hover:after {
    background: #c76a2f;
}


/*===== CTA =====*/

.cta-section {
    color: #fff;
}
#cta-section {
    background: url(../images/dotted_image.png) no-repeat scroll center top / cover rgb(33 68 98 / 0.2);
    background-blend-mode: multiply;
}

.home-cta .cta-wrapper {
    padding: 45px 0;
}

.cta-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.cta-content,
.cta-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cta-icon-wrap {
    margin-right: 0.35rem;
}

.cta-img {
    border: 1px solid rgb(255 255 255 / 0.075);
    overflow: hidden;
    border-radius: 100%;
    position: relative;
    left: -12px;
    width: 4.375rem;
    height: 4.375rem;
    z-index: 0;
}

.cta-icon {
    width: 4.375rem;
    height: 4.375rem;
    line-height: 4.375rem;
    text-align: center;
    background-color: #c76a2f;
    border-radius: 100%;
    font-size: 1.563rem;
    transform: rotate(90deg);
    color: #fff;
}
.cta-icon i {
    position: relative;
    z-index: 2;
}
.cta-content h3 {
    line-height: 1;
    color: #c76a2f !important;
    font-size: 1.875rem;
    font-weight: 700;
}

.cta-content h5 {
    font-weight: 500;
    color: #fff;
}

.cta-btn-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cta-btn-wrap aside {
    margin-left: 1.35rem;
    padding-left: 1.35rem;
    position: relative;
    z-index: 0;
    border-width: 0;
    border-left-width: 3px;
    border-style: dotted;
    border-color: rgb(255 255 255 / 0.15);
}

.cta-btn-wrap aside:after {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    height: 100%;
    border-width: inherit;
    border-style: inherit;
    border-color: inherit;
}

.cta-wrapper .title {
    font-size: 1.25rem;
    color: #c76a2f;
    text-align: left;
}

.cta-wrapper p.text {
    font-size: 1.875rem;
    font-weight: bold;
    color: #fff;
}

.cta-wrapper .text a:not(:hover):not(:focus) {
    color: #fff;
}


/*===== 07. Heading Section =====*/

.heading-default .badge {
    padding: 0 0.938rem;
    border-radius: 4px;
    line-height: 2rem;
    margin-bottom: 0.125rem;
    font-size: 15px;
    color: #c76a2f;
    overflow: hidden;
    letter-spacing: 1.65px;
    z-index: 0;
    position: relative;
}

.heading-default .badge:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c2fcf0;
    z-index: -1;
}

.heading-default h2 {
    position: relative;
    z-index: 0;
    padding-bottom: 1.875rem;
    margin-bottom: .94rem;
    font-weight: 700;
    font-size: 2.5rem;
}

.heading-default h2:after,
.heading-default h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    display: inline-block;
    border-radius: 6.25rem;
    margin: 0 auto;
}

.heading-default h2:after {
    width: 92px;
    background-color: #c76a2f;
    opacity: 0.3;
    z-index: 0;
}

.heading-default h2:before {
    width: 32px;
    background-color: #c76a2f;
    z-index: 1;
}

.heading-default p {
    margin-bottom: 0;
    font-weight: 500;
}

/*===== // =====*/

/*===== 08. Service Section =====*/

.service-section {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.theme-item {
    height: 100%;
    padding: 3.5rem 1.563rem 2.188rem;
    text-align: left;
    border-radius: 0.313rem;
    box-shadow: 0px 5px 40px 0px rgba(33, 68, 98, 0.19);
    background-color: #fff;
    color: #000;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.theme-item:after {
    content: '';
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 200px;
    height: 200px;
    background: #000;
    border-radius: 100%;
    opacity: 0.4;
    transform: scale(0);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.theme-item:before {
    content: '';
    position: absolute;
    bottom: -165px;
    right: -165px;
    width: 300px;
    height: 300px;
    background: #c76a2f;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.theme-item:hover:after {
    transform: scale(1);
    webkit-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}

.theme-item:hover:before {
    opacity: 0.4;
    transform: scale(1);
    webkit-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}

.theme-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.theme-item-overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #000;
    opacity: 0.65;
    z-index: 1;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.theme-item-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #000;
}

.service-section .theme-item:hover .theme-item-overlay:after,
.service-section .theme-item:focus-within .theme-item-overlay:after {
    height: 100%;
}

.service-section .theme-item:hover .theme-item-overlay,
.service-section .theme-item:focus-within .theme-item-overlay {
    opacity: 1;
}

.service-section .theme-item:hover,
.service-section .theme-item:focus-within {
    color: #fff;
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}

.theme-icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.313rem;
    height: 5.313rem;
    line-height: 1;
    padding: 0.95rem;
    font-size: 3rem;
    margin: 0 auto 1.25rem;
    border-radius: 5px 0px 5px 5px;
    overflow: hidden;
    background-color: #c76a2f;
    color: #fff;
}

.theme-icon i, .theme-icon img {
    height: 3.125rem;
    line-height: 1;
}

.theme-content {
    position: relative;
    z-index: 1;
}

.theme-item h4 a {
    text-decoration: none;
}

.theme-item h4 a:not(:hover):not(:focus) {
    color: #000;
    font-weight: 700;
}

.theme-item h4 {
    margin-bottom: 1.125rem;
}

.theme-item a {
    margin-top: 0.75rem;
}

.service-section .theme-item:hover h4 a,
.service-section .theme-item:focus-within h4 a {
    color: #fff;
}

.theme-link {
    display: inline-block;
    overflow: hidden;
}

.theme-link .read-link:after {
    content: "";
    width: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: #c76a1a;
    transition: all 400ms ease;
}

.theme-link .read-link:hover,
.theme-link .read-link:focus {
    color: #c76a1a;
    text-decoration: none;
}

.theme-link .read-link:hover:after,
.theme-link .read-link:focus:after {
    width: 100%;
}

/*===== // =====*/


/*===== 20. Shapes =====*/

.shapes-section {
    position: relative;
    z-index: 0;
}

.lg-shape1 {
    position: absolute;
    right: -35%;
    top: -12.25%;
    z-index: -1;
}

.lg-shape1 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape2 {
    position: absolute;
    left: 5.8%;
    top: 15%;
    z-index: -1;
}

.lg-shape2 img {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}

.lg-shape3 {
    position: absolute;
    left: 20%;
    top: 22%;
    z-index: -1;
}

.projects-section .lg-shape3 {
    top: 8%;
    right: 4%;
}

.lg-shape3 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.lg-shape4 {
    position: absolute;
    left: -22%;
    top: 27.75%;
    z-index: -1;
}

.lg-shape4 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape5 {
    position: absolute;
    left: 9.25%;
    top: 7.5%;
    z-index: -1;
}

.lg-shape5 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape6 {
    position: absolute;
    right: 10.25%;
    top: 42.75%;
    z-index: -1;
}

.lg-shape6 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape7 {
    position: absolute;
    left: 10.3%;
    top: 25%;
    z-index: -1;
}

.lg-shape7 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.lg-shape8 {
    position: absolute;
    left: 6%;
    bottom: 25%;
    z-index: -1;
}

.lg-shape8 img {
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}

.lg-shape9 {
    position: absolute;
    right: 5.7%;
    bottom: 18%;
    z-index: -1;
}

.lg-shape9 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.lg-shape10 {
    position: absolute;
    top: 16%;
    right: 0.5%;
    z-index: -1;
}

.lg-shape10 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape11 {
    position: absolute;
    top: 18%;
    left: 15%;
    z-index: -1;
}

.template-gallery .lg-shape10,
.template-gallery .lg-shape11 {
    top: 9%;
}

.template-gallery .lg-shape16 {
    top: 25.25%;
    left: 3%;
}

.lg-shape11 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape12 {
    position: absolute;
    top: 0.5%;
    left: 8%;
    z-index: -1;
}

.lg-shape12 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape13 {
    position: absolute;
    top: 26%;
    left: 0;
    z-index: -1;
}

.lg-shape13 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape14 {
    position: absolute;
    bottom: 23%;
    right: 4.5%;
    z-index: -1;
}

.lg-shape14 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape15 {
    position: absolute;
    top: 20%;
    right: 13%;
    z-index: -1;
}

.lg-shape15 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape16 {
    position: absolute;
    top: 34.25%;
    left: 4.85%;
    z-index: -1;
}

.lg-shape16 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape17 {
    position: absolute;
    top: 6.3%;
    left: 10%;
    z-index: -1;
}

.lg-shape17 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.lg-shape18 {
    position: absolute;
    top: 15%;
    left: 25%;
    z-index: -1;
}

.lg-shape18 img {
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}

.lg-shape19 {
    position: absolute;
    top: 8%;
    right: 16%;
    z-index: -1;
}

.lg-shape19 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.lg-shape20 {
    position: absolute;
    bottom: 3%;
    right: 3%;
    z-index: -1;
}

.lg-shape20 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape21 {
    position: absolute;
    top: 10%;
    right: 1%;
    z-index: 0;
}

.lg-shape21bottom {
    position: absolute;
    top: auto;
    bottom: 10%;
    right: auto;
    left: 0%;
}

.lg-shape21bottom img,
.lg-shape21 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}
.row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.333333%;
        margin-top: 24px;
}
/* Top Animation Effects */

/* Round Rotation Circle Effect */

@-webkit-keyframes slideTop{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}}
@keyframes slideTop{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}}

/* ---//--- */

/* Round Rotation Circle Effect */

@keyframes spin{from{transform:rotate(0deg) scale(1)}to{transform:rotate(360deg)}}
@keyframes spinReverse{from{transform:rotate(0deg) scale(1)}to{transform:rotate(-360deg)}}

/* ---//--- */

/* Boounce Effect */

@keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}}
@keyframes bounce_two{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-1.375rem)}50%{transform:scale(1,1) translateY(0)}57%{transform:scale(1,1) translateY(-0.1875rem)}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}
@keyframes bounce_three{from{transform:translateY(0)}to{transform:translateY(-0.9375rem)}}

/* ---//--- */

/* WaveIn Effect for use Call Icon */

@keyframes waveIn{from{opacity:0;transform:scale(.3) translate(-20px,10px)}50%{transform:translate(0,0);opacity:1}}

/* ---//--- */

/* Buzz Effect for use Contact Widget */

@keyframes buzz-out{10%{-webkit-transform:translateX(0.1875rem) rotate(2deg);transform:translateX(0.1875rem) rotate(2deg)}20%{-webkit-transform:translateX(-0.1875rem) rotate(-2deg);transform:translateX(-0.1875rem) rotate(-2deg)}30%{-webkit-transform:translateX(0.1875rem) rotate(2deg);transform:translateX(0.1875rem) rotate(2deg)}40%{-webkit-transform:translateX(-0.1875rem) rotate(-2deg);transform:translateX(-0.1875rem) rotate(-2deg)}50%{-webkit-transform:translateX(0.125rem) rotate(1deg);transform:translateX(0.125rem) rotate(1deg)}60%{-webkit-transform:translateX(-0.125rem) rotate(-1deg);transform:translateX(-0.125rem) rotate(-1deg)}70%{-webkit-transform:translateX(0.125rem) rotate(1deg);transform:translateX(0.125rem) rotate(1deg)}80%{-webkit-transform:translateX(-0.125rem) rotate(-1deg);transform:translateX(-0.125rem) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}

/* ---//--- */

/* Ripple Effect for use Play Button */

@-webkit-keyframes ripple {0%{transform:scale(1)}75%{transform:scale(1.5);opacity:0.3}to{transform:scale(1.75);opacity:0}}
@keyframes ripple {0%{transform:scale(1)}75%{transform:scale(1.5);opacity:0.3}to{transform:scale(1.75);opacity:0}}

/* Shape Effect */

@-webkit-keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}
@keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}
@-webkit-keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-73px,1px) rotate(-36deg)}40%{transform:translate(-141px,-72px) rotate(-72deg)}60%{transform:translate(-83px,-122px) rotate(-108deg)}80%{transform:translate(40px,-72px) rotate(-144deg)}to{transform:translate(0) rotate(0deg)}}
@keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-73px,1px) rotate(-36deg)}40%{transform:translate(-141px,-72px) rotate(-72deg)}60%{transform:translate(-83px,-122px) rotate(-108deg)}80%{transform:translate(40px,-72px) rotate(-144deg)}to{transform:translate(0) rotate(0deg)}}
@-webkit-keyframes rotate3d{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}
@keyframes rotate3d{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}
@keyframes moveleftbounce{0%{transform:translateX(0px)}50%{transform:translateX(20px)}100%{transform:translateX(0px)}}

/*===== // =====*/

/* not use start */

.lg-shape22 {
    position: absolute;
    top: 40%;
    right: 3%;
    z-index: -1;
}

.lg-shape22 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape23 {
    position: absolute;
    top: 46%;
    right: 6%;
    z-index: -1;
}

.lg-shape23 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape24 {
    position: absolute;
    bottom: 2.5%;
    left: 2.5%;
    z-index: -1;
}

.lg-shape24 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape25 {
    position: absolute;
    bottom: 20%;
    left: 32%;
    z-index: -1;
}

.lg-shape25 img {
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}

.lg-shape26 {
    position: absolute;
    bottom: 25%;
    right: 34%;
    z-index: -1;
}

.lg-shape26 img {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}

.lg-shape28 {
    position: absolute;
    top: 7%;
    right: 7.5%;
    z-index: -1;
}

.lg-shape28 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape29 {
    position: absolute;
    bottom: 17.15%;
    left: 27.5%;
    z-index: -1;
}

.lg-shape29 img {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}

.lg-shape30 {
    position: absolute;
    bottom: 17.15%;
    right: 32.5%;
    z-index: -1;
}

.lg-shape30 img {
    -webkit-animation: spinReverse 15s linear infinite;
    animation: spinReverse 15s linear infinite;
}

.lg-shape31 {
    position: absolute;
    bottom: 8%;
    right: 2%;
    z-index: -1;
}

.lg-shape31 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape32 {
    position: absolute;
    bottom: 35.5%;
    left: 13.5%;
}

.testimonials-slider .owl-item:nth-child(1) .lg-shape32,
.testimonials-slider .owl-item:nth-child(4n+4) .lg-shape32 {
    bottom: auto;
    top: 32.5%;
    left: auto;
    right: 13.5%;
}

.testimonials-slider .owl-item:nth-child(3) .lg-shape32,
.testimonials-slider .owl-item:nth-child(3n+3) .lg-shape32 {
    bottom: auto;
    left: 9.5%;
    top: 35%;
}

.lg-shape32 img {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}

.lg-shape33 {
    position: absolute;
    bottom: 35%;
    right: 10%;
}

.testimonials-slider .owl-item:nth-child(3) .lg-shape33,
.testimonials-slider .owl-item:nth-child(3n+3) .lg-shape33 {
    bottom: auto;
    right: 10%;
    top: 35%;
}

.lg-shape33 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.lg-shape34 {
    position: absolute;
    bottom: 50%;
    right: 10%;
}

.testimonials-slider .owl-item:nth-child(3) .lg-shape34,
.testimonials-slider .owl-item:nth-child(3n+3) .lg-shape34 {
    bottom: 30%;
    left: 20%;
    right: auto;
}

.testimonials-slider .owl-item:nth-child(1) .lg-shape34,
.testimonials-slider .owl-item:nth-child(4n+4) .lg-shape34 {
    right: auto;
    left: 10%;
}

.lg-shape34 img {
    -webkit-animation: animationFramesTwo 15s linear infinite;
    animation: animationFramesTwo 15s linear infinite;
}

.lg-shape35 {
    position: absolute;
    bottom: 50%;
    left: 10%;
}

.testimonials-slider .owl-item:nth-child(3) .lg-shape35,
.testimonials-slider .owl-item:nth-child(3n+3) .lg-shape35 {
    left: auto;
    bottom: 32%;
    right: 10%;
}

.testimonials-slider .owl-item:nth-child(1) .lg-shape35,
.testimonials-slider .owl-item:nth-child(4n+4) .lg-shape35 {
    bottom: 30%;
    left: 6%;
}

.lg-shape35 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.lg-shape18two {
    position: absolute;
    bottom: 30%;
    right: 2%;
    z-index: -1;
}
.lg-shape18two img {
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}
.lg-shape19two {
    position: absolute;
    top: 10%;
    right: 2%;
    z-index: -1;
}
.lg-shape19two img {
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite;
}

/*===== // =====*/



/*===== 12. Testimonials Section =====*/

.testimonials-section {
    position: relative;
    overflow: hidden;
}
#testimonials-section {
    background: url(../images/testimonial_bg.jpeg) no-repeat fixed center / cover rgba(0,0,0,0.85);
    background-blend-mode: multiply;
}
.testimonials-slider .owl-stage {
    margin: 16px 0;
}

.testimonials-item {
    text-align: center;
    overflow: hidden;
    display: block;
    width: 100%;
}

.testimonials-item .testimonials-content {
     display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height:350px;
    
    font-family: 'Source Sans Pro', sans-serif;
    font-size:16px;
    padding: 35px 35px 78px;
    position: relative;
    z-index: 0;
    border-radius: 7px;
    background-color: #fff;
    transition: all 400ms ease;
    box-shadow: 0px 5px 40px 0px rgba(33, 68, 98, 0.19);
}

.testimonials-client {
    width: 100%;
    display: block;
    line-height: normal;
    margin-top: -56px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.testimonials-client:after {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: auto;
    border-radius: 100%;
    background-color: #c76a2f;
    color: #fff;
    font-weight: 900;
}

.testimonials-client .img-fluid {
    width: 130px;
    height: 130px;
    border-radius: 100%;
    overflow: hidden;
    margin: auto;
    margin-bottom: 10px;
}

.testimonials-client .img-fluid img {
    width: 100%;
    margin: auto;
}

.testimonials-title h4 {
    margin-bottom: 0;
}

.testimonials-title span {
    margin-bottom: 0;
    font-weight: 500;
    display: block;
}

.rating-star {
    margin-bottom: 0.85rem
}

.rating-star i {
    font-size: 1.188rem;
    color: var(--bs-yellow);
}

.rating-star i:not(:first-child) {
    margin-left: 0.375rem;
}

/*===== // =====*/

.footer-parallax .cozipress-content {
    position: relative;
    margin-bottom: 438px;
    box-shadow: 0 5px 10px 0 rgb(51 51 51 / 50%);
    z-index: 1;
}
.footer-parallax .main-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}


/*===== 18. Footer =====*/

.main-footer {
    background-color: #151822;
    color: #fff;
        padding-top: 20px;
}
#footer-section {
    background: url(../images/foot.png) no-repeat fixed center center / cover rgb(0 0 0 / 0.75);
    background-blend-mode: multiply;
}
.main-footer .gallery-item {
    border: 1px solid #202052;
}

.main-footer .gallery-item figcaption:before {
    font-size: 0.5rem;
}

.footer-main {
    padding-bottom: 5rem;
}

.footer-main .contact-area {
    align-items: baseline;
}

.footer-main .contact-area:not(:last-child) {
    margin-bottom: .75rem;
}

.footer-main .contact-icon {
    width: 16px;
    height: auto;
    font-size: 100%;
    margin-right: 10px;
}

.footer-main .contact-info .text {
    line-height: 1.5;
}

.footer-main .st-grid-dl dt:not(#sunday),
.footer-main .st-grid-dl dd:not(:last-child) {
    border-bottom: 1px solid rgb(171 171 171 / 0.20);
}

.footer-main .st-grid-dl dt#sunday,
.footer-main .st-grid-dl dd#closed {
    color: #c76a1a;
}

.footer-copyright .copyright-text {
    font-size: 1.25rem;
    color: #ffffff6e;
}

.copyright-text a {
    color: #c76a1a;
}

.copyright-text a:not(:hover):not(:focus) {
    text-decoration: none;
}

.footer-copyright .widget_text .textwidget .logo {
    margin-bottom: 0;
}

.footer-copyright .widget-left {
    width: 100%;
    min-height: 110px;
    position: relative;
}

.footer-copyright .col-lg-12 .widget-left .contact-icon-duplicate {
    display: none;
}


.footer-copyright .col-lg-12 .widget-left {
    justify-content: center;
}

.footer-copyright .col-lg-12 .widget-left .widget.widget-contact {
    position: relative;
    z-index: 0;
}

.footer-copyright .col-lg-12 .copyright-text {
    padding: 20px 0;
}

.footer-copyright .contact-area .contact-icon {
    font-size: 1.563rem;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #c76a1a;
    color: #fff;
    position: relative;
}

.footer-copyright .contact-area .contact-icon-duplicate {
    font-size: 4rem;
    color: #c76a1a;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    opacity: 0.15;
}

.footer-copyright .contact-area .contact-icon:after, #cta-section .cta-icon:after, .sliderImg .btn-like-icon:after,
.footer-copyright .contact-area .contact-icon:before, #cta-section .cta-icon:before, .sliderImg .btn-like-icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: #c76a1a;
    opacity: 0.3;
}

.footer-copyright .contact-area .contact-icon:before, #cta-section .cta-icon:before, .sliderImg .btn-like-icon:before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.footer-copyright .contact-area .contact-icon:after, #cta-section .cta-icon:after, .sliderImg .btn-like-icon:after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite;
}

.footer-copyright .contact-area .title {
    font-size: 1.563rem;
    font-weight: 600;
    color: #fff;
}

.footer-copyright .contact-area .text {
    font-size: 2.188rem;
    font-weight: bold;
    color: #fff;
}

.footer-copyright .contact-area a:not(:hover):not(:focus) {
    color: #fff;
}
.contact-corn {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 5px;
}

/*===== // =====*/

/*===== 19. Scrolling Up =====*/

.scrollingUp {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: #c76a1a;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: .9s;
    border-radius: 2px;
    font-size: 20px;
    border: none;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
}

.scrollingUp.is-active {
    visibility: visible;
    opacity: 1;
}

/*===== // =====*/

.search-form {
    max-width: 275px;
    position: relative;
}

.search-form input {
        width: 100%;
    padding: 15px 20px;
    outline: none;
    border: none;
    border-radius: 50px;
}
.search-form button {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 36px;
    height: 36px;
    border: none;
    outline: none;
    background: #c76a2f;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
/* ---//--- */

.widget_media_image .widget-title {
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 100%;
    font-size: 2.5rem;
    color: #fff;
    padding: 11px 20px;
    margin-bottom: 1.375rem;
}
.widget_media_image .widget-title:after, .widget_media_image .widget-title:before {
    content: "";
    position: absolute;
    bottom: 1.875rem;
    height: 3px;
}
.widget_media_image .widget-title:before {
    width: 73%;
    left: 4rem;
    background-color: #fff;
}

.footer-copyright .copyright-text:after {
    content: "";
    position: absolute;
    top: -19px;
    left: -30%;
    width: 200%;
    height: 2px;
    background: #ffffff47;
}
.footerWdt {
    color: #ffffff6e;
}

.new-theme-item {
    height: 100%;
    padding: 3.5rem 1.563rem 2.188rem;
    text-align: left;
    border-radius: 0.313rem;
    box-shadow: 0px 5px 40px 0px rgba(33, 68, 98, 0.19);
    background-color: #fff;
    color: var(--bs-secondary);
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.new-theme-item:after {
    content: '';
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 200px;
    height: 200px;
    background: #000;
    border-radius: 100%;
    opacity: 0.4;
    transform: scale(0);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.new-theme-item:before {
    content: '';
    position: absolute;
    bottom: -165px;
    right: -165px;
    width: 300px;
    height: 300px;
    background: #c76a2f;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

/*.new-theme-item:hover:after {
    transform: scale(1);
    webkit-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}

.new-theme-item:hover:before {
    opacity: 0.4;
    transform: scale(1);
    webkit-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}*/

.new-theme-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.new-theme-item-overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #000;
    opacity: 0.65;
    z-index: 1;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.new-theme-item-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--bs-secondary);
}

.service-section .new-theme-item:hover .new-theme-item-overlay:after,
.service-section .new-theme-item:focus-within .new-theme-item-overlay:after {
    height: 100%;
}

.service-section .new-theme-item:hover .new-theme-item-overlay,
.service-section .new-theme-item:focus-within .new-theme-item-overlay {
    opacity: 1;
}

/*.service-section .new-theme-item:hover,
.service-section .new-theme-item:focus-within {
    color: #fff;
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}*/

.about-title {}
.about-title h1 {color: #535353; font-size:45px;font-weight:600;}
.about-title span {color: #c76a2f; font-size:45px;font-weight:700;}
.about-title h3 {color: #535353; font-size:23px;margin-bottom:24px;}
.about-title p {color: #7a7a7a;line-height: 1.8;margin: 0 0 15px;}

.textcenter {
    text-align: center;
}
.section1 {
    text-align: center;
    display: table;
    width: 100%;
}
.section1 .shtext {
    display: block;
    margin-top: 20px;
}
.section1 .seperator {
    border-bottom:1px solid #a2a2a2;
    width: 35px;
    display: inline-block;
    margin: 20px;
}

.section1 h1 {
    font-size: 40px;
    color: #c76a2f;
    font-weight: normal;
}

.section2 {
    width: 1200px;
    margin: 25px auto;
}
.section2 .col2 {
    width: 48.71%;
}
.section2 .col2.first {
    float: left;
}
.section2 .col2.last {
    float: right;
}
.section2 .col2.column2 {
    padding: 0 30px;
}
.section2 span.collig {
    color: #a2a2a2;
    margin-right: 10px;
    display: inline-block;
}
.section2 .sec2addr {
    display: block;
    line-height: 26px;
}
.section2 .sec2addr p:first-child {
    margin-bottom: 10px;
}
.section2 .sec2contactform input[type="text"], 
.section2 .sec2contactform input[type="email"],
.section2 .sec2contactform textarea {
    padding: 18px;
    /*border: 0;*/
    /*background: #EDEDED;*/
    margin: 7px 0;
}
.section2 .sec2contactform textarea {
    width: 100%;
    display: block;
    color: #666;
  resize:none;
}
.section2 .sec2contactform input[type="submit"] {
    padding: 10px 55px;
    color: #fff;
    border: 0;
    background: #c76a2f;
    font-size: 16px;
    text-transform: uppercase;
    margin: 7px 0;
    cursor: pointer;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #c76a1a96;
}
.section2 .sec2contactform h3 {
    font-weight: normal;
    margin: 20px 0;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 19px;
    color: #c76a2f;
}

/* @media querries */

@media only screen and (max-width: 1266px) {
    .section2 {
        width: 100%;
    }
}
@media only screen and (max-width: 960px) {
    .container {
        padding: 0 30px 70px;
    }
    .section2 .col2 {
        width: 100%;
        display: block;
    }
    .section2 .col2.first {
        margin-bottom: 10px;
    }
    .section2 .col2.column2 {
        padding: 0;
    }
    body .sec2map {
        height: 250px !important;
    }
}
@media only screen and (max-width: 768px) {
    .section2 .sec2addr {
        font-size: 14px;
    }
    .section2 .sec2contactform h3 {
        font-size: 16px;
    }
    .section2 .sec2contactform input[type="text"], .section2 .sec2contactform input[type="email"], .section2 .sec2contactform textarea {
        padding: 10px;
        margin:3px 0;
    }
    .section2 .sec2contactform input[type="submit"] {
        padding: 10px 30px;
        font-size: 14px;
    }
    .main-content.text-left{
        margin-top: 40px;
    }
}
@media only screen and (max-width: 420px) {
    .section1 h1 {
        font-size: 28px;
    }   
}

@media (max-width: 991.98px){
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0!important;
    }
}

  .sticky-container{
        padding: 0px;
        margin: 0px;
        position: fixed;
        right: -119px;
        top: 435px;
        z-index: 122;
        width: 200px;
    }

    .sticky li{
        list-style-type: none;
        background-color: #c76a2f;
        color: #efefef;
        height: 43px;
        padding: 0px;
        margin: 0px 0px 1px 0px;
        -webkit-transition:all 0.25s ease-in-out;
        -moz-transition:all 0.25s ease-in-out;
        -o-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
        cursor: pointer;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: gray; 
    -webkit-filter: grayscale(100%); 
    }

    .sticky li:hover{
        margin-left: -115px;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
    }

    .sticky li img{
        float: left;
        margin: 5px 5px;
        margin-right: 10px;
    }

    .sticky li p{
    float:left;
        padding: 0px;
        margin: 0px;
        text-transform: uppercase;
        line-height: 43px;
    }
/*Right Side Buttons End*/
  
/*Left Side Buttons Start*/
  .sticky-left-container{
    padding: 0px;
    margin: 0px;
    position: fixed;
    left: -158px;
    top:40%;
    width: 200px;
    z-index:2;
  }
  .sticky-left li{
    list-style-type: none;
    background-color: none;
    color: #efefef;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor: pointer; 
  }
  .sticky-left li:hover{
    margin-right: -150px;
    background:#333;
    border-radius: 25px 25px 25px 0;
  }
  .sticky-left li img{
    float: right;
    border-radius:50%; 
    margin: 5px 5px;
    margin-left: 10px;
  }
  .sticky-left li p{
    padding: 0px;
    float:right;
    margin: 0px;
    text-transform: uppercase;
    line-height: 43px;
  }
/*Left Side Buttons End*/

/*Content Start*/
.content{
        margin-top: 150px;
        margin-left: 100px;
        width: 500px;
    }

    /*.sticky li:hover img{
        width: 50px !important;
    }*/
    
    /*demo comment*/
    
    
/*Course Banner*/
.course-banner-section{
    width:100%;
}

.course-banner{
    width:100%;
    height:auto;
    display:block;
}

.bannerbtn{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
    margin:20px 0;
    position:static;
}

@media(max-width:768px){
    .bannerbtn{
        gap:10px;
    }

    .cssbuttons-io-button{
        font-size:12px;
    }
}