section.contact-sec-hero{padding-top: 120px;padding: 130px 10px 50px 10px;}

section.contact-sec-hero ul{margin:0 0 0 3px;padding:0;list-style-type:none;display:flex;}
section.contact-sec-hero ul li{width: 33.33%;}
section.contact-sec-hero ul li a{color:var(--color-02);text-decoration:none;max-height: calc(100vh - 70px);min-height: calc(100vh - 70px);border: 2px solid #ffffff;background:#fafafa;overflow: hidden;position:relative;gap:30px;display:flex;flex-direction:column;justify-content: space-between;}
section.contact-sec-hero ul li a:before{content:"";width:100%;height:0%;background:linear-gradient(4deg,#d9f6f0 8.39%,#e3ef26 65.69%);position:absolute;bottom:0;left:0;z-index:1;transition:.5s ease-in-out;}
section.contact-sec-hero ul li a .dots{width:30px;height:30px;border-radius:100px;background:#e3ef26;position:relative;z-index:9;transition:.5s ease-in-out;}
section.contact-sec-hero ul li a .mcb_txt{padding: 60px 60px 0px 60px;}
section.contact-sec-hero ul li a .mcb_thumb{text-align: right;position: relative;z-index: 9;transition: .5s ease-in-out;}
section.contact-sec-hero ul li a .mcb_thumb img{max-height: 60vh;transform: scale(1.2) translateX(10%);transition:.5s ease-in-out;}
section.contact-sec-hero ul li a h2,
section.contact-sec-hero ul li a h3{font-weight: 500;line-height:1.3;margin-bottom:0;position:relative;z-index:9;}
section.contact-sec-hero ul li a h2{font-size: var(--rfs-24);margin-bottom:20px;}
section.contact-sec-hero ul li a h3{font-size:var(--rfs-24);margin-bottom:20px;}
section.contact-sec-hero ul li a p{max-width: 300px;position:relative;z-index:9;}
section.contact-sec-hero ul li a:hover:before{bottom:inherit;top:0;height:100%;transition:.5s ease-in-out;}
section.contact-sec-hero ul li a:hover .dots{background:#42cf71;transition:.5s ease-in-out;}
section.contact-sec-hero ul li a:hover .mcb_thumb img{transform: scale(1) translateX(0%);transition:.5s ease-in-out;}

section.contact-sec-01{padding: 50px 0px 100px 0px;position:relative;}
section.contact-sec-01 ul.connecting{margin:0;padding:0;list-style-type:none;gap:1px;display:flex;flex-direction:column;}
section.contact-sec-01 ul.connecting li{color:var(--color-02);text-decoration:none;padding:50px 60px;position:relative;z-index:9;display:flex;justify-content:space-between;}
section.contact-sec-01 ul.connecting li:before{content:"";width:0%;height:100%;background: linear-gradient(83deg, #363636 0, #303030 74%, #d9f6f057 100%);position:absolute;bottom:0;left:0;z-index:-1;transition:.5s ease-in-out;}
section.contact-sec-01 ul.connecting li:after{content:"";width: calc(100% - 100px);border-bottom: 1px solid;position: absolute;bottom: 0px;transition:.5s ease-in-out;}
section.contact-sec-01 ul.connecting li .cc_title{font-size: var(--rfs-21);font-weight: 500;width:250px;display:inline-block;}
section.contact-sec-01 ul.connecting li .cc_details{width:calc(100% - 610px);display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;}
section.contact-sec-01 ul.connecting li .cc_details p{}
section.contact-sec-01 ul.connecting li .cc_details p a{color:var(--color-02);text-decoration: none;padding-bottom: 3px;position:relative;}
section.contact-sec-01 ul.connecting li .cc_details p a:before{content:"";width: 0%;height: 3px;background: #aacc2b;position:absolute;bottom: 0px;left: 0px;z-index: 9;transition:.5s ease-in-out;}
section.contact-sec-01 ul.connecting li .cc_details p a:after{content:"";width: 100%;height: 1px;background: var(--color-02);position:absolute;bottom: 0px;left: 0px;transition:.5s ease-in-out;}


section.contact-sec-01 ul.connecting li:hover > *,
section.contact-sec-01 ul.connecting li:hover .cc_details p a{color:var(--color-01);transition:.5s ease-in-out;}
section.contact-sec-01 ul.connecting li:hover .cc_details p a:after{background:var(--color-01);transition:.5s ease-in-out;}
section.contact-sec-01 ul.connecting li:hover .cc_details p a:hover{color: #aacc2b;transition:.5s ease-in-out;}
section.contact-sec-01 ul.connecting li:hover .cc_details p a:hover:before{width:100%;transition:.5s ease-in-out;}

section.contact-sec-01 ul.connecting li:hover:before{width:150%;}



section.contact-sec-forms{padding: 50px 0px 100px 0px;position:relative;min-height:100vh; background: url("../templates/img/grid-pattern.png") #ffffff repeat center center; background-size: 4vw 2.5vw;}
section.contact-sec-forms .sticky-Thumb1,
section.contact-sec-forms .sticky-Thumb img{position: absolute;right:0px;}
section.contact-sec-forms .start-a-project{}

.mui-style-vg0pgj,
.MuiBox-root.mui-style-39u9tm,
.mui-style-101quam .react-tel-input .form-control{background:transparent !important;}

.MuiContainer-root.mui-style-15paubg{max-width: 760px;padding: 0px !important;}
.formaloo--root-container {max-width: 719px;margin: 0px 20px;backdrop-filter: blur(3px);}
.formaloo__form-container.formaloo_X7WhmRB6__form-container.inheritFont.MuiBox-root.mui-style-16pwkyz{padding:40px !important;backdrop-filter: blur(3px);}


.MuiBox-root{position:relative;}

.mui-style-1di2h0c .MuiOutlinedInput-root input,
.MuiInputBase-multiline,
.mui-style-1js17xr .MuiOutlinedInput-root input{padding-left: 0px !important;padding-right: 0px !important;}

/* Email | Phone | Attachment */

.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedStart.mui-style-1ckt2kt,
.react-tel-input .selected-flag{padding-left: 0px !important;}
.mui-style-101quam .react-tel-input .flag{margin-inline-start: 0px !important;}
.mui-style-101quam .react-tel-input .form-control{padding-left:35px;}
label.MuiBox-root.mui-style-1twf73z {gap: 0px;min-height: auto;padding: 15px 0px 5px 0px;}

/* Email | Phone | Attachment */


label {line-height: 1;/*margin-bottom: 0px !important;*/}
fieldset {background: transparent !important;}
fieldset > div {display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;}
fieldset > div label{width: 31.33% !important;max-width: 100%;flex: auto !important;background: transparent;}
fieldset > div label button{border-bottom: none !important;min-height: 37px !important;padding: 0px !important;background: transparent !important;gap: 10px;display: flex !important;align-items: center !important;}
fieldset > div label button p{font-size: 14px !important;}

.mui-style-l5b33a {/* gap: 15px !important; */}
.mui-style-l5b33a > div:nth-child(1),
.mui-style-l5b33a > div:nth-child(2),
.mui-style-l5b33a > div:nth-child(3),
.mui-style-l5b33a > div:nth-child(4){width: 47%;}
 
span.MuiBox-root.mui-style-0{width:100%;}
span.MuiBox-root.mui-style-0 button{width: 100%;height: auto;padding: 15px;overflow:hidden;position:relative;}
span.MuiBox-root.mui-style-0 button span{color:#000000;font-weight: 200;text-transform: uppercase;position:relative;z-index:9;}
span.MuiBox-root.mui-style-0 button:before{content:"";background: linear-gradient(83deg, #D9F6F0 5.58%, #E3EF26 118.74%);width:100%;height:100%;position:absolute;top:0;right:0;transition:.5s ease-in-out;}
span.MuiBox-root.mui-style-0 button:hover:before{width:500%;transition:.5s ease-in-out;}


ul.MuiList-root.MuiList-padding.mui-style-866d6n {color: #ffffff;font-size: 10px;text-transform: uppercase;background: red;padding: 1px 5px 2px 4px;position: absolute;top: 100%;right: 0px;}
ul.MuiList-root.MuiList-padding.mui-style-866d6n li{gap: 3px;}
ul.MuiList-root.MuiList-padding.mui-style-866d6n li svg{width:12px !important;height:12px !important;}



@media screen and (max-width:1280px){
   section.contact-sec-forms .sticky-Thumb img {
    position: absolute;
    right: 0px;
    top:10vh;
}
}

@media(max-width:1200px){
  .mui-style-l5b33a > div:nth-child(1), .mui-style-l5b33a > div:nth-child(2), .mui-style-l5b33a > div:nth-child(3), .mui-style-l5b33a > div:nth-child(4) {
    width:100%;
  }

}

@media screen and (max-width:768px){

    section.contact-sec-hero{padding-bottom:0px;}
    section.contact-sec-hero ul{gap: 20px;display: flex;flex-direction: column;}
	section.contact-sec-hero ul li{width: 100%;}
	section.contact-sec-hero ul li a{max-height: 100%;min-height: 100%;border: 1px solid var(--color-05);}
    section.contact-sec-hero ul li a .mcb_txt{padding: 35px 30px 0px 30px;}
    section.contact-sec-hero ul li a h2{font-size:var(--rfs-36);}
    section.contact-sec-hero ul li a .mcb_thumb{max-width: 130px;}

    section.contact-sec-01{padding:40px 0px;}
    section.contact-sec-01 ul.connecting li{padding: 30px 30px;display: flex;flex-direction: column;}
    section.contact-sec-01 ul.connecting li .cc_title{font-size:var(--rfs-30);width: 100%;margin-bottom: 10px;}
    section.contact-sec-01 ul.connecting li .cc_details{width: 100%;}

    section.contact-sec-forms{background:var(--color-01);padding: 50px 0px;text-align: center;}
	.formaloo__form-container.formaloo_X7WhmRB6__form-container.inheritFont.MuiBox-root.mui-style-16pwkyz{padding: 0px !important;}
    .mui-style-l5b33a > div:nth-child(1), .mui-style-l5b33a > div:nth-child(2), .mui-style-l5b33a > div:nth-child(3), .mui-style-l5b33a > div:nth-child(4){width:100%}
	
	section.contact-sec-forms .sticky-Thumb1, section.contact-sec-forms .sticky-Thumb img{position:relative;max-width: 170px;margin: auto;}

}

@media screen and (max-width:767px){
     section.contact-sec-forms .sticky-Thumb img{inset:0;}
     section.contact-sec-forms .sticky-Thumb1, section.contact-sec-forms .sticky-Thumb img{position:relative;max-width: 170px;margin: auto;}

}

@media(max-width:480px){
    .formaloo--root-container {margin: 0px 10px;}

   button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-fullWidth.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeMedium.MuiButton-containedSizeMedium.MuiButton-colorPrimary.MuiButton-disableElevation.MuiButton-fullWidth.formaloo__button.formaloo_rIMmMyUq__button.mui-style-vm8gqd {padding-left:0 !important;padding-right:0 !important;}

    .MuiBox-root.mui-style-mvwult {padding: 4px 5px !important;}
 
}