@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('css/ma5-menu.min.css');
@import url('css/animate.css');
/* Global */
:root{--BrownColor: #004173; --OrangeColor: #f47123; --LoraFamily: "Lora", serif; --Popines: "Poppins", sans-serif; --Caveat: "Caveat", cursive;}
html{scroll-behavior: smooth;}
::selection {color: #fff; background: var(--OrangeColor);}
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;   font-family: var(--LoraFamily);}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: var(--Popines);}
a{font-size: 15px; font-family: var(--Popines); text-decoration: none   ;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: var(--Popines);}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: var(--Popines);}
input,textarea,select,option,button{font-family: var(--Popines);}
input:focus{outline: none;}
select:focus{outline: none;}
textarea:focus{outline: none;}
/* Start CSS */
header{background-color: var(--BrownColor);}
.social_media-design ul{width: 65%;}
.social_media-design ul li a i{font-size: 14px;}
.social_media-design ul {    background-color: var(--OrangeColor);    padding: 5px 0;    text-align: center;}
/* Navigation */
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: normal;    color: #000;    text-transform: capitalize;    padding: 20px 12px;    position: relative;    z-index: 1;    margin: 0;    font-size: 16px; font-weight: 400;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background: var(--OrangeColor); position: absolute;  border: none;  top: 50px;  left: 0;  width: 350px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px; padding-bottom: 15px; border-radius: 20px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;   font-size: 14px;  font-weight: 400;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #fff; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 50%;  margin-top: 0;}
.navbar{padding: 0px;}
img.set-center {padding: 5px;}
.fennec-nav {height: 65px;}
.rotate {  animation: rotateAnim 100s linear infinite; -webkit-animation: rotateAnim 100s linear infinite; -moz-animation: rotateAnim 100s linear infinite;}
@keyframes rotateAnim {
from {transform: rotate(0deg);}
to {    transform: rotate(360deg);}
}
.sitkcy {    z-index: 99;    position: relative;}
img.set-center {  background: #fff;  margin-top: 10px;}
.hexagon-shape img {    object-fit: cover;    object-position: center center;}
.hexagon-shape figure {    transform: rotate(-90deg);}
.shape-box {    position: relative;}
.hexagon-shape {    width: 550px;    height: 500px;    background-color: #000000;    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);    transform: rotate(90deg);}
.hexa-02 {    width: 70px;    height: 60px;    background-color: var(--OrangeColor);    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);    transform: rotate(90deg);    position: absolute;    top: -35px;    left: 85px;}
.hexa-03 {    width: 90px;    height: 80px;    background-color: var(--OrangeColor);    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);    transform: rotate(90deg);    position: absolute;    bottom: 60px;   right: 50px;}
.circle-01 {    width: 160px;    height: 160px;    background-color: var(--OrangeColor);    border-radius: 50%;    position: absolute;    bottom: -50px;    left: 50px;   border: 10px solid #fff;    text-align: center;    color: #fff;    display: flex;    flex-direction: column;    align-self: center;    justify-content: center;    animation-name: floating;    animation-duration: 3s;    animation-iteration-count: infinite;    animation-timing-function: ease-in-out;    box-shadow: 0px 5px 5px #afafaf;}
.mod-card img {    width: 60px;    height: 60px;    object-fit: cover;    margin-right: 20px;}
@keyframes floating {
0% {transform: translate(0, 0px);}
50% {transform: translate(0, 20px);}
100% {transform: translate(0, -0px);}
}
div.sub-heading{font-family: var(--Caveat); font-size: 20px;}
.circle-01 {    font-weight: 700; font-family: var(--Popines);}
p.text-ji {    text-align: justify;    line-height: 25px;}

a.theme-btn {    background: var(--OrangeColor);    padding: 10px 30px; transition: 0.5s;}
a.theme-btn:hover{background-color: var(--BrownColor);}
.our-products{background: url(img/product-bg.jpg); background-size: cover; background-position: 50% 50%;     background-attachment: fixed;}
small{font-family: var(--Caveat); font-size: 20px;}
.our-products .title span{font-family: var(--LoraFamily); font-size: 30px;}

/* gallery-style-two */
.gallery-style-two {position: relative; z-index: 1; overflow: hidden;}
.gallery-style-one-area .carousel-stage-right {padding-bottom: 5px;}
.gallery-style-two::after {position: absolute; left: 0; bottom: 0; content: ""; height: 40%; width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 110%) repeat scroll 0 0; }
.gallery-style-two .overlay-design {position: absolute; left: 30px; bottom: 30px; z-index: 1;}
.gallery-style-two h4 {margin: 0;}
.gallery-style-two h4 a {color: #fff; font-size: 22px;}
.gallery-style-two span {color: #fff; font-family: "Playfair Display", serif; font-weight: 900; margin-bottom: 8px;display: block; border-bottom: 1px solid #fff; font-size: 15px;}
.gallery-style-two  img {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; height: 420px;     clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);}
.gallery-style-two:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);}
.gallery-style-two .number {position: absolute;right: 30px;bottom: 30px;z-index: 1;color: #fff;font-weight: 900;margin-bottom: 8px;opacity: 0.2;}
.gallery-style-two .link {position: absolute;right: 30px;bottom: 55px;color: #fff;-index: 1;transform: rotate(-45deg);font-size: 26px;display: inline-block;opacity: 1; z-index: 99;}
.gallery-style-two .link i {-webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);color: transparent;font-size: 45px;font-weight: 900;}
.gallery-style-two:hover .link {transform: rotate(0);}
.more-products-box {    margin-bottom: 30px;}
.product_box {    margin-bottom: 30px;}

.phone_lefts-side a {    position: fixed;    bottom: 232px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background-color: var(--OrangeColor);    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.phone_lefts-side a:hover{color: #fff;}
/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {    border: none;    outline: none;}
#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 141px;    left: 25px;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;   width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}
/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 45px;   left: 25px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}
.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;   line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: var(--BrownColor);    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong {    background-color: #0680ce;    line-height: 28px;    color: #000;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;   margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.modal-header {    background-color: var(--BrownColor);    border-bottom: 1px solid #02345b;}
.modal-body {    background-color: var(--BrownColor);}
.modal-body input {    height: 45px;    background-color: transparent;    border: none;    color: #fff;    border-bottom: 1px solid #02345b;   margin-bottom: 10px;}
.modal-body select {    height: 45px;    background-color: transparent;    border: none;    color: #fff;    border-bottom: 1px solid #02345b;    margin-bottom: 10px;}
.modal-body select option {    color: #000;}
.modal-body select:focus {    outline: none;}
.modal-body textarea {    height: 100px;    background-color: transparent;    border: none;    color: #fff;    border-bottom: 1px solid #02345b;}
.modal-body input::placeholder {    color: #fff;}
.modal-body textarea::placeholder {    color: #fff;}
.modal-body input:focus {    outline: none;}
.modal-body textarea:focus {    outline: none;}
.modal-body button {    width: 100%;    border: none;    padding: 10px 0;    background-color: var(--OrangeColor);}
.modal-header span {    font-size: 25px;    font-family: var(--Popines);}

#toTop {    position: fixed;    bottom: 10px;    right: 15px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}

.why-choose-us-content{background: url(img/col-bg-ten.jpg) no-repeat; padding: 100px;}
.why-choose-us-content span{font-size: 30px; font-family: var(--LoraFamily);}
.why-choose-us-content ul{padding-left: 15px;}
.why-choose-us-content ul li {    line-height: 34px;    list-style-type: disc;}
.why-choose-us-content p {    text-align: justify;}


/*style2*/
.featured-icon-box.style2{padding: 20px 0;}
.featured-icon-box.style2 .process-num {    margin-right: 5px;    font-size: 13px;    font-weight: 500;    background-color: 182333;   color: #fff;    width: 30px;    height: 30px;    line-height: 31px;    border-radius: 50%;    border: none;    display: block;    text-align: center;   position: absolute;    right: -20px;    bottom: -20px;    z-index: 1;}
.featured-icon-box.style2 .featured-content{padding: 20px 30px;}
.featured-icon-box.style2 .featured-content .featured-title{margin: 25px 0 10px;}
.featured-icon-box.style2 .featured-icon:before{    display: block;    content: '';    position: absolute;    left: 55%;    top: 15px;    width: 100%;    height: 50px;    background-repeat: no-repeat;}
.featured-icon-row-wrapper [class*="col-"]:first-child .featured-icon-box.style2 .featured-icon:before{    background: url(img/download.png) center center no-repeat;}
.featured-icon-row-wrapper [class*="col-"]:nth-child(2) .featured-icon-box.style2 .featured-icon:before{    background: url(img/download1.png) center center no-repeat; top: 40px;}
.featured-icon-row-wrapper [class*="col-"]:nth-child(2) .featured-icon-box.style2 .process-num{bottom: auto;top: -20px}
.featured-icon-box.style2 .ttm-icon:before {    content: '';    left: -17px;    top: -17px;    position: absolute;    display: inline-block;    width: 125px;    height: 125px;    border: 2px dashed #dbe1ee;    border-radius: 50%;    -webkit-transition: 0.3s ease-in-out;    -ms-transition: 0.3s ease-in-out;    -moz-transition: 0.3s ease-in-out;    -o-transition: 0.3s ease-in-out;    transition: 0.3s ease-in-out;}
@-webkit-keyframes processrotate{
    0%{-webkit-transform:rotate(0deg);opacity:1}
    50%{-webkit-transform:rotate(180deg);opacity:.7}
    100%{-webkit-transform:rotate(360deg);opacity:1}
}
@-moz-keyframes processrotate{
    0%{-moz-transform:rotate(0deg);opacity:1}
    50%{-moz-transform:rotate(180deg);opacity:.7}
    100%{-moz-transform:rotate(360deg);opacity:1}
}
@-o-keyframes processrotate{
    0%{-o-transform:rotate(0deg);opacity:1}
    50%{-o-transform:rotate(180deg);opacity:.7}
    100%{-o-transform:rotate(360deg);opacity:1}
}
@keyframes processrotate{    0%{transform:rotate(0deg);opacity:1}    50%{transform:rotate(180deg)}    100%{transform:rotate(360deg);opacity:1}}
.featured-icon-box.style2:hover .ttm-icon:before{    animation-name: processrotate;    animation-duration: 14s;    animation-iteration-count: infinite;    animation-timing-function: linear;    -webkit-animation-name: processrotate;    -webkit-animation-duration: 14s;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;}
.ttm-bgcolor-white, .ttm-bgcolor-white > .ttm-bg-layer, .ttm-bgcolor-white > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, .ttm-bgcolor-skincolor ul.title-shape li, .ttm-icon_element-fill.ttm-icon_element-color-white, .ttm-btn-style-fill.ttm-btn-color-white, .ttm-pricing-plan:hover .ttm-p_table-body, .ttm-bgcolor-darkgrey .row > [class*='col-'] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover:before, .ttm-pagination .page-numbers, #site-header-menu #site-navigation .menu ul li > ul li > a:hover, #site-header-menu #site-navigation .menu ul li > ul li.active > a, .ttm-stickable-header.fixed-header, .header-btn .ttm-btn.ttm-btn-size-md:hover {    background-color: #fff;}
.ttm-bgcolor-grey {   background-color: #f4f7fe;}
.ttm-textcolor-skincolor, .ttm-textcolor-skincolor h1, .ttm-textcolor-skincolor h2, .ttm-textcolor-skincolor h3, .ttm-textcolor-skincolor h4, .ttm-textcolor-skincolor h5, .ttm-textcolor-skincolor h6, h2.ttm-textcolor-skincolor, h5.ttm-textcolor-skincolor, .ttm-list-icon-color-skincolor li i, .ttm-bgcolor-darkgrey a:hover, .ttm-icon_element-border.ttm-icon_element-color-skincolor, .ttm-btn-style-border.ttm-btn-color-skincolor, .ttm-icon_element-fill.ttm-icon_element-color-white, .ttm-icon_element-fill.ttm-icon_element-color-white i, .copyright a.ttm-textcolor-skincolor, .second-footer .widget_text a.ttm-color-skincolor, .ttm-icon_element-color-skincolor, a:hover, .ttm-bgcolor-darkgrey a:hover, a.ttm-btn.btn-inline:hover, .title-box .breadcrumb-wrapper span:last-child, .featured-imagebox-services.style2 .ttm-bgcolor-skincolor .ttm-icon.ttm-icon_element-size-xs i, .widget-Categories ul li a:hover:before, #site-header-menu #site-navigation .menu > ul > li.active > a, #site-header-menu #site-navigation .menu > ul > li > ul > li.active > a, #site-header-menu #site-navigation .menu > ul > li a:hover, .featured-icon-box.style2:hover .featured-content .featured-title h5, .footer .social-icons li>a, ul.ttm-recent-post-list > li > a:hover, .team-media-block ul li a, .footer .featured-desc p a:hover, .widget.widget-download ul li a:hover, #site-header-menu #site-navigation .menu ul li:hover > ul, .breadcrumb-wrapper span a:hover {    color: var(--OrangeColor);}
.featured-title h5 {    font-size: 24px;    line-height: 30px;    margin-bottom: 0;    font-weight: 400;}
.ttm-bgcolor-skincolor, .ttm-btn-bgcolor-skincolor, .ttm-btn:not(.btn-inline):before, 
.ttm-bgcolor-skincolor > .ttm-bg-layer, 
.ttm-bgcolor-skincolor > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, 
.ttm-icon_element-fill.ttm-icon_element-color-skincolor, 
.ttm-btn-style-fill.ttm-btn-color-skincolor, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after, 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):after, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):after, 
.ttm-bgcolor-darkgrey .tooltip:after, .ttm-bgcolor-darkgrey [data-tooltip]:after, 
.ttm-bgcolor-grey .tooltip:after, .ttm-bgcolor-grey [data-tooltip]:after, 
.ttm-tabs.tabs-style-01 ul.tabs li.active a, .ttm-tabs.tabs-style-01 ul.tabs li:hover a, .ttm-tabs.tabs-style-01 ul.tabs li.active, .ttm-blogbox-footer-readmore, .ttm-blog-classic .ttm-postcategory .ttm-meta-line a, .widget .tagcloud a:hover, .footer .social-icons li > a:hover, .ttm-pagination .page-numbers.current, .ttm-pagination .page-numbers:hover, .ttm-tabs.tabs-style-02 > ul li:hover, .ttm-tabs.tabs-style-02 > ul li.active, .widget.widget-nav-menu ul li:hover a, .widget.widget-nav-menu ul li.active a, .ttm-tabs.tabs-style-03 > ul.tabs li:hover a, .ttm-tabs.tabs-style-03 > ul.tabs li.active a, .featured-imagebox-services.style4 .ttm-bgcolor-darkgrey .ttm-icon.ttm-icon_element-size-xs.ttm-bgcolor-white:hover, .featured-imagebox-team.style1 .featured-content:before, .featured-imagebox-team.style1 .featured-content:after, .featured-icon-box.style2 .process-num, .featured-icon-row-wrapper [class*="col-"]:nth-child(2) .featured-icon-box.style2:hover .process-num, #totop.top-visible, .ttm-progress-bar .progress-bar, .ttm-list.ttm-list-style-icon.style3 li:before, .team-media-block ul li a:hover, .tooltip:after, [data-tooltip]:after, .ttm-quotestyle-row:after, 
.ttm-border-seperator:after, 
.ttm-blog-classic .post-meta .ttm-meta-line:not(:first-child):after, 
.ttm-blog-single-content .post-meta .ttm-meta-line:not(:first-child):after{        background-color: var(--BrownColor);}
.ttm-bgcolor-darkgrey, .ttm-bgcolor-darkgrey > .ttm-bg-layer, .ttm-bgcolor-darkgrey > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, .ttm-bgcolor-skincolor .tooltip:after, .ttm-bgcolor-skincolor [data-tooltip]:after, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark, .ttm-icon_element-fill.ttm-icon_element-color-darkgrey, .ttm-btn-color-darkgrey, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):after, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after, .ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):after, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover, .ttm-btn.ttm-btn-bgcolor-skincolor:hover:before, article.ttm-blog-classic:hover .ttm-blogbox-footer-readmore, .featured-imagebox-services.style4 .ttm-bgcolor-skincolor .ttm-icon.ttm-icon_element-size-xs.ttm-bgcolor-white:hover, .featured-imagebox-portfolio .featured-content-portfolio:before, .featured-icon-row-wrapper [class*="col-"]:nth-child(2) .featured-icon-box.style2 .process-num, .ttm-btn.ttm-btn-color-skincolor:not(.btn-inline):before, .ttm-btn.ttm-btn-bgcolor-skincolor:not(.btn-inline):before{    background-color: #222a3e;}
.featured-icon-row-wrapper [class*="col-"]:nth-child(2) .featured-icon-box.style2 .process-num {    bottom: auto;    top: -20px;}
.ttm-icon.ttm-icon_element-size-lg {    height: 90px;    width: 90px;    line-height: 90px;}
.ttm-icon.ttm-icon_element-style-rounded {    border-radius: 50%;}
.featured-icon-box .ttm-icon {    margin-bottom: 0;}
.ttm-icon.ttm-icon_element-fill {    color: #fff;}
.ttm-bgcolor-white, .ttm-bgcolor-white > .ttm-bg-layer, .ttm-bgcolor-white > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner, .ttm-bgcolor-skincolor ul.title-shape li, .ttm-icon_element-fill.ttm-icon_element-color-white, .ttm-btn-style-fill.ttm-btn-color-white, .ttm-pricing-plan:hover .ttm-p_table-body, .ttm-bgcolor-darkgrey .row > [class*='col-'] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover:before, .ttm-pagination .page-numbers, #site-header-menu #site-navigation .menu ul li > ul li > a:hover, #site-header-menu #site-navigation .menu ul li > ul li.active > a, .ttm-stickable-header.fixed-header, .header-btn .ttm-btn.ttm-btn-size-md:hover {    background-color: #fff;}
.ttm-textcolor-skincolor, .ttm-textcolor-skincolor h1, .ttm-textcolor-skincolor h2, .ttm-textcolor-skincolor h3, .ttm-textcolor-skincolor h4, .ttm-textcolor-skincolor h5, .ttm-textcolor-skincolor h6, h2.ttm-textcolor-skincolor, h5.ttm-textcolor-skincolor, .ttm-list-icon-color-skincolor li i, .ttm-bgcolor-darkgrey a:hover, .ttm-icon_element-border.ttm-icon_element-color-skincolor, .ttm-btn-style-border.ttm-btn-color-skincolor, .ttm-icon_element-fill.ttm-icon_element-color-white, .ttm-icon_element-fill.ttm-icon_element-color-white i, .copyright a.ttm-textcolor-skincolor, .second-footer .widget_text a.ttm-color-skincolor, .ttm-icon_element-color-skincolor, a:hover, .ttm-bgcolor-darkgrey a:hover, a.ttm-btn.btn-inline:hover, .title-box .breadcrumb-wrapper span:last-child, .featured-imagebox-services.style2 .ttm-bgcolor-skincolor .ttm-icon.ttm-icon_element-size-xs i, .widget-Categories ul li a:hover:before, #site-header-menu #site-navigation .menu > ul > li.active > a, #site-header-menu #site-navigation .menu > ul > li > ul > li.active > a, #site-header-menu #site-navigation .menu > ul > li a:hover, .featured-icon-box.style2:hover .featured-content .featured-title h5, .footer .social-icons li>a, ul.ttm-recent-post-list > li > a:hover, .team-media-block ul li a, .footer .featured-desc p a:hover, .widget.widget-download ul li a:hover, #site-header-menu #site-navigation .menu ul li:hover > ul, .breadcrumb-wrapper span a:hover{color: var(--OrangeColor);}
.ttm-icon.ttm-icon_element-fill {    margin: 0px auto;}
.ttm-icon {    margin-bottom: 35px;    display: inline-block;    vertical-align: middle;    text-align: center;    border: 1px solid transparent;    position: relative;    transition: all .4s ease-in-out;    -moz-transition: all .4s ease-in-out;    -webkit-transition: all .4s ease-in-out;    -o-transition: all .4s ease-in-out;    box-sizing: content-box;    position: relative;}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:hover, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor, .ttm-tabs.tabs-style-01 ul.tabs li:hover, .widget .tagcloud a:hover, .ttm-tabs.tabs-style-01 ul.tabs li, .ttm-tabs.tabs-style-01 ul.tabs li:first-child, .ttm-tabs.tabs-style-01 ul.tabs li:last-child, .ttm-tabs.tabs-style-03 > ul.tabs li:hover, .ttm-tabs.tabs-style-03 > ul.tabs li.active, #site-header-menu #site-navigation .menu ul li:hover > ul, .featured-imagebox-services.style1:hover .ttm-post-thumbnail img, .featured-icon-box.style2:hover .ttm-icon:before, .about-image-wrapper:after, .menicure-section-wrapper:after, #site-header-menu #site-navigation .menu ul li:hover > ul, .ttm-border-seperator:before{border-color: var(--BrownColor);}
.process-section {    overflow: hidden;}
.ttm-icon i {    font-size: 35px;    line-height: 90px;}
.providing-quality-one {    position: relative;   display: block; background: var(--BrownColor); z-index: 1;    overflow: hidden;}
.providing-quality-one__content-box {      position: relative;    display: block;    max-width: 570px;    padding-top: 20px;    padding-bottom: 0;    padding-left: 0;    height: 100%;}
.providing-quality-one__content-box-list-item .text h3 {    color: #ffffff;    font-size: 20px;    line-height: 34px;   letter-spacing: -0.02em;    margin-bottom: 11px;}
.providing-quality-one__content-box-list-item .text p {    text-align: justify;    color: #dbe6d2;}
.providing-quality-one__content-box-list-item .text {    position: relative;   display: block;    padding-left: 20px;}
.providing-quality-one__content-box .sec-title__title { color: #ffffff;  font-size: 25px;    line-height: 35px;  text-align: justify;}
.sec-title__tagline {    position: relative;    display: inline-block;    color: #ffb755;    font-size: 14px;    line-height: 20px;    font-weight: 500;    text-transform: uppercase;    letter-spacing: 0.1em;}
.providing-quality-one__content-box-list {    position: relative;    display: block;    padding-left: 15px;}
.providing-quality-one__bg {    position: absolute;    bottom: 0px;    right: 0;    opacity: 0.04;    z-index: -1;}
.providing-quality-one__content-box-list-item {    position: relative;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;   align-items: center;    border-bottom: 1px solid rgba(255, 255, 255, 0.2);    margin-top: 30px;    padding-bottom: 30px;}
.providing-quality-one__content-box-list-item:hover .icon {    -webkit-transform: rotateY(180deg);    transform: rotateY(180deg);    -webkit-transition-delay: 0.1s;    transition-delay: 0.1s;}
.providing-quality-one__content-box-list-item .icon {    position: relative;    display: block;    color: var(--primary-color);    font-size: 60px;   -webkit-transition-delay: 0.1s;    transition-delay: 0.1s;    -webkit-transition: all 500ms ease;    transition: all 500ms ease;    background-color: #ffb755;    width: 110px;    height: 110px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    text-align: center;    -ms-flex-negative: 0;    flex-shrink: 0;    border-radius: 50%;}
ul.providing-quality-one__content-box-list li {    margin-bottom: 20px;    list-style-type: disc;}
.providing-quality-one__content-box p {    text-align: justify;}
.form-design-under {     border-top: 2px solid var(--OrangeColor);    padding: 30px;    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;    z-index: 999;    position: relative;     background: #fff;}
.home_input input{    width: 100%;    margin-bottom: 15px;    box-sizing: border-box;    font-size: 14px;    padding-left: 15px;    background: #faf9f9;    height: 40px;    border: 1px solid #ccc;}
.home_input select{    color: #878787;    width: 100%;    margin-bottom: 15px;    box-sizing: border-box;    font-size: 14px;    padding-left: 15px;   background: #faf9f9;    height: 40px;    border: 1px solid #ccc;}
.home_input input:focus{outline: none;}
.home_input-textarea textarea{width: 100%; height: 100px;  border: 1px solid #ccc; font-size: 14px; padding-left: 15px; padding-top: 10px; background: #faf9f9;}
.home_input-button button { font-size: 14px;   background-color: var(--OrangeColor);    border: none;    padding: 10px 30px; transition: 0.5s;}
.home_input-button button:hover{background-color: var(--BrownColor);}
.form-design-under .title-header span{font-size: 30px; font-family: var(--LoraFamily);}
.contact_information span{font-size: 20px;}
span.style-name {font-size: 15px;  font-weight: 500;  display: block; margin-bottom: 2px;}
.style-icon i {    background: var(--BrownColor);    width: 45px;    height: 45px;    text-align: center;    line-height: 42px;    font-size: 17px;    border-radius: 50px;}
.div-style p {    font-size: 14px;    margin-top: 0;    font-weight: 300;}
.div-style a {    font-weight: 300;}
.contact_information span{font-family: var(--LoraFamily);}
.form-design{background: url(img/mapBgTrns.webp) no-repeat; background-position: right;}
.orange-layer:after{position: absolute; content: ''; width: 30%; height: 560px; background-color: var(--OrangeColor); top: 0px;     height: 100vh;}

.under-bg-white{transition: 0.5s;}
.under-bg-white img {    min-height: 165px;    object-fit: scale-down;  background-color: #fff;  transition: 0.5s;}
.logos-certificate { margin-bottom: 30px;}
.certificate-logos .title-header span{   font-size: 30px;    font-family: var(--LoraFamily);}
.under-bg-white:hover{ border: 1px solid var(--OrangeColor);    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);}
.under-bg-white{transition: 0.5s;}
.news-letter-design{background: url(img/newsletter-bg.png) no-repeat;  padding-bottom: 4.5pc; padding-top: 3.0pc; background-repeat: no-repeat;     background-size: 100%;    background-position: bottom;}
.inner-newsletter {    padding-left: 180px;}
.inner-newsletter-btn a {    background: var(--BrownColor);    padding: 10px 30px;}
.inner-newsletter small{color: var(--OrangeColor); font-size: 25px; font-weight: 600;}
.inner-newsletter p{font-family: var(--LoraFamily); font-size: 30px; color: var(--BrownColor);}
.inner-newsletter-btn a{transition: 0.5s;}
.inner-newsletter-btn a:hover{background-color: var(--OrangeColor);}
footer{position: relative;  overflow: hidden;}
.footer-bottom{    content: "";    position: absolute;    display: block;       top: 50%;    left: 50%;    width: 110%;    height: 100%;    background-size: 12px 12px;   background-position: center;    transform: translate(-50%, -50%);    background-image: radial-gradient(rgba(0, 0, 0, 0.17) 13%, transparent 14%);    -webkit-mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);    mask-image: radial-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0) 100%);    z-index: -1;}
ul.whatsapp_icon i{color: green; font-size: 25px;}
.footer-widget {       background: linear-gradient(to right, #f47123 0%, #004173 100%);   padding: 5px;}
img.footer-img {    position: absolute;    bottom: -45px;}
.widget-links ul{padding-left: 15px;}
.widget-links ul li {    line-height: 30px;    list-style-type: square;}
.widget-links ul li a{color: var(--BrownColor); transition: 0.5s;}
.widget-links ul li a:hover{color: var(--OrangeColor);}
.widget-links span {    font-size: 17px;    font-weight: 500;}

.float-left-design ul li {    display: flex;}
.float-left-design ul li i{margin-right: 15px;   margin-top: 8px;}
.copy-right {background-color: var(--BrownColor);}
.footer-widget i {    position: relative;    z-index: 99;}

.under-width span {    font-size: 30px;    text-transform: uppercase;    color: #fff;    margin-bottom: 20px;   display: block;}
img.set-design {    position: absolute;    width: 40%;    right: 0;    top: 8%;   opacity: 0.8;}
img.set-design-right {    position: absolute;    top: 20%;    opacity: 0.8;}
.under-width {    width: 700px;    /* padding-right: 100px; */    padding-left: 150px;    position: relative;    top: 150px;   display: block;}
.company-name-design{background: url(img/1care-green-bottom-min.png) no-repeat; padding: 350px 0px; background-position: center;}
img.simple-design{height: 377px;}

img.sky-manage {    height: 300px;}
span.front-text {    width: 100%; color:var(--BrownColor);   display: block;    text-align: center; z-index: 9;}
span.back-text {  color: transparent;
    -webkit-text-stroke: 1px #90c8f9;  width: 100%;    display: block;    text-align: center;}
.text-animate span {    font-size: 95px;   font-family: "Montserrat", sans-serif; font-weight: 900; letter-spacing: 4px;}

h2.outlined-heading.word-animate.split-line {  left: 0px;  position: absolute;    bottom: 0;   text-align: center;    width: 100%;}
img.big-img-manage {    margin-top: -15px;}

span.front-text {    position: absolute;   top: 5px;    left: -7px;}
.bird {    background-image: url(img/bird-cells-new.svg);    background-size: auto 100%;    width: 88px;    height: 125px;    will-change: background-position;    -webkit-animation-name: fly-cycle;    animation-name: fly-cycle;    -webkit-animation-timing-function: steps(10);    animation-timing-function: steps(10);   -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    transform: scale(0.5);}
.bird-container--one {    -webkit-animation-duration: 15s;    animation-duration: 15s;    -webkit-animation-delay: 0;    animation-delay: 0;}
.bird-container--two {    -webkit-animation-duration: 16s;    animation-duration: 16s;    -webkit-animation-delay: 1s;    animation-delay: 1s;}
.bird-container--three {    -webkit-animation-duration: 14.6s;    animation-duration: 14.6s;    -webkit-animation-delay: 9.5s;    animation-delay: 9.5s;}
.bird-container--four {    -webkit-animation-duration: 16s;    animation-duration: 16s;    -webkit-animation-delay: 10.25s;    animation-delay: 10.25s;}
.bird--one {    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-delay: -0.5s;    animation-delay: -0.5s;}
.bird--two {    -webkit-animation-duration: 0.9s;    animation-duration: 0.9s;    -webkit-animation-delay: -0.75s;    animation-delay: -0.75s;}
.bird--three {    -webkit-animation-duration: 1.25s;    animation-duration: 1.25s;    -webkit-animation-delay: -0.25s;    animation-delay: -0.25s;}
.bird--four {    -webkit-animation-duration: 1.1s;    animation-duration: 1.1s;   -webkit-animation-delay: -0.5s;    animation-delay: -0.5s;}
@-webkit-keyframes fly-cycle {    
100% {background-position: -900px 0;}
}
@keyframes fly-cycle {
100% {background-position: -900px 0;}
}
@-webkit-keyframes fly-right-one {
0% {        transform: scale(0.3) translateX(-10vw);    }
10% {        transform: translateY(2vh) translateX(10vw) scale(0.4);    }
20% {        transform: translateY(0vh) translateX(30vw) scale(0.5);    }
30% {        transform: translateY(4vh) translateX(50vw) scale(0.6);    }
40% {        transform: translateY(2vh) translateX(70vw) scale(0.6);    }
50% {        transform: translateY(0vh) translateX(90vw) scale(0.6);    }
60% {        transform: translateY(0vh) translateX(110vw) scale(0.6);    }
100% {        transform: translateY(0vh) translateX(110vw) scale(0.6);    }
}

@keyframes fly-right-one {
0% {transform: scale(0.3) translateX(-10vw);}
10% {transform: translateY(2vh) translateX(10vw) scale(0.4);}
20% {transform: translateY(0vh) translateX(30vw) scale(0.5);}
30% {transform: translateY(4vh) translateX(50vw) scale(0.6);}
40% {transform: translateY(2vh) translateX(70vw) scale(0.6);}
50% {transform: translateY(0vh) translateX(90vw) scale(0.6);}
60% {transform: translateY(0vh) translateX(110vw) scale(0.6);}
100% {transform: translateY(0vh) translateX(110vw) scale(0.6);}
}

@-webkit-keyframes fly-right-two {
0% {transform: translateY(-2vh) translateX(-10vw) scale(0.5);}
10% {transform: translateY(0vh) translateX(10vw) scale(0.4);}
20% {transform: translateY(-4vh) translateX(30vw) scale(0.6);}
30% {transform: translateY(1vh) translateX(50vw) scale(0.45);}
40% {transform: translateY(-2.5vh) translateX(70vw) scale(0.5);}
50% {transform: translateY(0vh) translateX(90vw) scale(0.45);}
51% {transform: translateY(0vh) translateX(110vw) scale(0.45);}
100% {transform: translateY(0vh) translateX(110vw) scale(0.45);}
}
@keyframes fly-right-two {
0% {transform: translateY(-2vh) translateX(-10vw) scale(0.5);}
10% {transform: translateY(0vh) translateX(10vw) scale(0.4);}
20% {transform: translateY(-4vh) translateX(30vw) scale(0.6);}
30% {transform: translateY(1vh) translateX(50vw) scale(0.45);}
40% {transform: translateY(-2.5vh) translateX(70vw) scale(0.5);}
50% {transform: translateY(0vh) translateX(90vw) scale(0.45);}
51% {transform: translateY(0vh) translateX(110vw) scale(0.45);}
100% {        transform: translateY(0vh) translateX(110vw) scale(0.45);    }
}
.bird-container {    position: absolute;    top: 20%;    left: -10%;    transform: scale(0) translateX(-10vw);    will-change: transform;    -webkit-animation-name: fly-right-one;   animation-name: fly-right-one;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
.bird-type {    overflow: hidden;}
.btn-close{background: url(img/corss.png) no-repeat;}

.breadcumb{background: url(img/breadcumb.jpg) no-repeat; padding: 150px 0px;  background-size: cover; background-position: 50% 100%;}

.index__service.inner__service {    background: transparent;}

.index__service-item {    background-color: #fff;    padding: 10px !important;    margin-bottom: 30px;    transition: all linear 0.3s;    position: relative;}
.index__service-thumb {    margin-bottom: 20px;    position: relative;}
.index__service-thumb img {    width: 100%;}
.index__service-tringle {    display: inline-block;    background-color: var(--BrownColor);    width: 50px;    height: 20px;    clip-path: polygon(37% 88%, 0 0, 82% 0);    position: absolute;   left: 60px;    bottom: -19px;    z-index: 9;}
.index__service-arrow {    display: inline-block;    font-size: 30px;    background-color: var(--BrownColor);    width: 56px;    height: 50px;    text-align: center;    color: #fff;    position: absolute;    bottom: 0;    right: 0;    line-height: 50px;    z-index: 3;    visibility: hidden;    transition: all 0.3s;}
.index__service-counter{    background-color: var(--OrangeColor);    position: absolute;    width: 64px;    height: 64px;    display: inline-block;    text-align: center;    font-family: var(--Popines);    line-height: 64px;    font-size: 30px;    color: #fff;    border-radius: 0px 0px 30px 30px;    right: 40px;    top: 0;    opacity: 0;    visibility: hidden;   transition: all 0.3s;    z-index: 3;}
.index__service-item:hover .index__service-counter {    visibility: visible;    opacity: 1;}
.index__service-content {  background-color: #f5f5f5; padding: 15px;}
.index__service-content span {    color: var(--OrangeColor);    font-size: 15px;    display: block;    margin-bottom: 10px;    font-style: italic;}
.index__service-header {    display: flex;    gap: 20px;    align-items: center;    margin-bottom: 20px;}
.index__service-icon {    border-radius: 50%;    background-color: rgb(3, 44, 91);    width: 52px;    height: 52px;    display: flex;    justify-content: center;    align-items: center;}
.index__service-item .newServicesItemImg {    position: absolute;    bottom: 0;    right: 0;    visibility: hidden;}
.index__service-header h3 {    font-weight: 700;    font-size: 22px;    color: #333333;    transition: all 0.3s;    cursor: pointer;}

p.service_P {    text-align: justify;}
p.related-heading {    background-color: var(--BrownColor);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    background: var(--OrangeColor);    padding: 7px 15px;    color: #fff;    transition: 0.5s;}
.related_img img {    width: 100%;    object-fit: cover;    height: 250px;    margin: 10px 0px;    border: 1px solid #f1f1f1;  padding: 2px;}
.read-btn a:hover{background-color: var(--BrownColor);}
.white-wrap .form {    background-color: var(--BrownColor);    padding: 1px 20px 1px 20px;    position: relative;}
.inputBox button {    padding: 10px 0px;    background: var(--OrangeColor);}
.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}
.datails-content p{text-align: justify;}
.inputBox input {    height: 40px;    padding-left: 10px;}
.inputBox select {    height: 40px;    padding-left: 10px;}
.inputBox textarea {    height: 100px;    padding-left: 10px;}
.color-site {    background: var(--BrownColor);}
.skin-color {    background-color: var(--OrangeColor);}
.sitema-links-item h2 {    font-size: 25px;}
.sitema-links-item h3 {    font-size: 25px;}

.full-width-type {    background-color: var(--OrangeColor);    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}
.hvr-radial-out {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;    overflow: hidden;   background-color: var(--BrownColor);    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
ul.stlyed-exporter li {    width: 32%;}
ul.stlyed-exporter li a {    background: #000;    padding: 10px 30px;}
.page-error a {    background-color: var(--OrangeColor);    padding: 15px 30px;    transition: 0.5s;}
.page-error a:hover {    background-color: var(--BrownColor);    padding: 15px 30px;    transition: 0.5s;}
.contact-info-one__single {	text-align: center;    min-height: 325px;	background-color: white;	-webkit-box-shadow: 0px 12px 39px 0px rgba(8, 18, 109, 0.08);	box-shadow: 0px 12px 39px 0px rgba(8, 18, 109, 0.08);	padding-top: 78px;	padding-bottom: 78px;	margin-bottom: 30px;}
.contact-info-one [class*=indext-icon-] {	font-size: 62px;	color: #ff5860;}
.contact-info-one__title {    margin: 0;   font-size: 20px;    font-weight: 500;    color: #222222;    margin-top: 10px;}
.contact-info-one__text {    margin: 0;    color: #333;    font-size: 15px;   line-height: 26px;    padding-left: 25px;    padding-right: 25px;}
.contact-form-one__img {	width: 100%;	height: 758px;	background-position: center center; background-repeat: no-repeat;	background-size: cover;}
.contact-form-one__form-wrap {	width: 100%;	max-width: 660px;	margin-left: auto;	margin-right: auto;}
@media (max-width: 1440px) {
.contact-form-one__form-wrap {		padding-left: 50px;		padding-right: 50px;}
}

@media (max-width: 991px) {
.contact-form-one__form-wrap {		padding-left: 15px;		padding-right: 15px;		padding-top: 50px;		padding-bottom: 50px;	}
}

.contact-form-one__form>.row>[class*=col-lg-] {	padding-left: 10px;	padding-right: 10px;}
.contact-form-one__form input,
.contact-form-one__form textarea {	border: none;	outline: none;	display: block;	background-color: #fff;	width: 100%;	height: 60px;color: #848484;	font-size: 15px;	padding-left: 15px;	margin-bottom: 20px;}
.contact-form-one__form select {	border: none;	outline: none;	display: block;	background-color: #fff;	width: 100%;height: 60px;	color: #848484;	font-size: 15px;	padding-left: 15px;	margin-bottom: 20px;}
.contact-form-one__form input::-webkit-input-placeholder,
.contact-form-one__form textarea::-webkit-input-placeholder {color: #848484;}
.contact-form-one__form input::-moz-placeholder,
.contact-form-one__form textarea::-moz-placeholder {	color: #848484;}
.contact-form-one__form input:-ms-input-placeholder,
.contact-form-one__form textarea:-ms-input-placeholder {	color: #848484;}
.contact-form-one__form input:-moz-placeholder,
.contact-form-one__form textarea:-moz-placeholder {		color: #848484;}
.contact-form-one__form textarea {	height: 150px;	padding-top: 10px;}
.contact-form-one__form-btn {	margin-top: 30px;}
.google-map__contact {	width: 100%;	height: 758px;	border: none;	display: block;}
.contact-form-one {    overflow: hidden;    background-color: var(--BrownColor);}
button.contact-form-one__form-btn {    width: 100%;    border: none;    background-color: var(--OrangeColor);    padding: 10px 0;}
p.contact-info-one__text a {    color: #333;}
.mobile-menu {    position: relative;}
/* Mobile Three Item */
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;    width: 32%;}
.mobile-three-item li:nth-child(1) {    background-color: var(--OrangeColor);}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: var(--BrownColor);}
.mobile-three-item li a { font-size: 13px;   padding: 5px 0;    color: #fff;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;   z-index: 1000;    background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}

.content-side h1 {    font-size: 29px;}
.contact-btn a {    background: var(--OrangeColor);    padding: 10px 30px;}
.metter-type ul {display: flex;}
.metter-type ul li img{width: 80%;}
.metter-type ul li {    background: #f9dfce;    margin: 15px; padding: 15px; border-radius: 15px;}

.widget-links p {    color: var(--BrownColor);}

.full-content-plain{background: var(--OrangeColor);}

.midd-insfastructure span{font-size: 30px; font-family: var(--LoraFamily);}

.midd-insfastructure p {    text-align: justify;    line-height: 22px;    margin-bottom: 15px;}

.key-featrued span{font-size: 18px;}
.key-featrued ul {column-count: 2;}
.key-featrued ul li{line-height: 25px; list-style-type: disc;}
.easy-to-install_box span {    font-size: 22px;    font-weight: 600;    display: block;    margin-bottom: 12px;}
.easy-to-install_box p {    text-align: justify;}
.content-bg {    min-height: 400px;}