div#taamul, div#taamul span, div#taamul a, div#taamul i, div#taamul input, div#taamul textarea, div#taamul img, div#taamul svg, div#taamul h1, div#taamul h2, div#taamul h3, div#taamul h4, div#taamul h5, div#taamul h6, div#taamul p, div#taamul dl, div#taamul dt, div#taamul dd, div#taamul ol, div#taamul ul, div#taamul li, div#taamul fieldset, div#taamul form, div#taamul label {
position: static;
opacity: 1;
width: auto;
max-width: none;
min-width: auto;
height: auto;
max-height: none;
min-height: auto;
line-height: normal;
background: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
div#taamul *, div#taamul *::before, div#taamul *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"); div#taamul .taamul-popup-trigger {
font-family: "Inter", sans-serif;
top: 50%;
right: 0px;
display: block;
position: fixed;
width: 40px;
height: 40px;
text-align: center;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
border-top-left-radius: 0.25em;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em;
border-bottom-left-radius: 0.25em;
background: #333333;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
transform: translateX(2px);
z-index:9999;
}
div#taamul .taamul-popup-trigger:hover {
transform: translateX(0);
box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.24);
opacity: 1;
}
div#taamul .taamul-popup-trigger svg {
overflow: hidden;
display: inline-block;
cursor: pointer;
width: 30px;
height: 40px;
border: none;
z-index: 2;
}
div#taamul .img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
} div#taamul .taamul-popup {
position: fixed;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: flex-end;
right: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
line-height: normal;
z-index:9999;
}
div#taamul .taamul-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
div#taamul .taamul-popup-container {
display: block;
top: 50%;
margin-right: 50px;
left: auto;
bottom: auto;
width: 100%;
max-width: 320px;
height: auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: rgba(0,0,0,0.35) 0 6px 100px 0;
-webkit-transform: translatex(40px);
-moz-transform: translatex(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px); -webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index:9999;
}
div#taamul .taamul-popup-container p {
font-family: "Inter", sans-serif;
font-size: 17px;
line-height: normal;
font-weight: 400;
padding: 2em 0 1em 0em;
color: #333333;
}
div#taamul .taamul-popup-container .taamul-buttons:after {
content: "";
display: table;
clear: both;
}
div#taamul .taamul-popup-container .taamul-buttons li {
padding: 0 5px;
display: inline-block;
align-items: flex-start;
}
div#taamul .taamul-popup-container .taamul-buttons a {
font-size: inherit;
line-height: normal;
width: 20%;
text-align: center;
background: none !important;
border: none;
cursor: pointer;
outline: none;
box-shadow: none;
display:block;
}
div#taamul .taamul-popup-container .taamul-buttons img {
height: 35px;
width: auto;
max-width: inherit;
transition: 0.2s;
}
div#taamul .taamul-popup-container .taamul-buttons li a {
transition: 0.2s;
}
div#taamul .taamul-popup-container .taamul-buttons li a:hover{
transition: 0.2s;
transform: scale(1.2);
opacity: 1;
}
div#taamul .taamul-popup-container .taamul-buttons li .active, tm:hover{
transform: scale(1.2);
background-color: #333333;
}
div#taamul .taamul-popup-container .taamul-buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
div#taamul .no-touch .taamul-popup-container .taamul-buttons li:first-child a:hover {
background-color: #fc8982;
}
div#taamul .taamul-popup-container .taamul-buttons li:last-child a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
div#taamul .no-touch .taamul-popup-container .taamul-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
div#taamul .taamul-popup-container .taamul-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
div#taamul .taamul-popup-container .taamul-popup-close::before, .taamul-popup-container .taamul-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 1px;
background-color: #8f9cb5;
}
div#taamul .taamul-popup-container .taamul-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
div#taamul .taamul-popup-container .taamul-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
div#taamul .is-visible .taamul-popup-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
} div#taamul .taamul-form {
width: 90%;
max-width: 600px;
margin: 1em auto;
}
div#taamul .taamul-form::after {
clear: both;
content: "";
display: table;
}
div#taamul .taamul-form fieldset {
margin: 1px 0;
border: none;
}
div#taamul .taamul-form legend {
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 2rem;
border-bottom: 1px solid #ecf0f1;
}
div#taamul .taamul-form .taamul-label {
font-size: 0.727rem;
font-size: 16px;
font-weight: 400;
color: #94aab0;
margin-bottom: 15px;
display: block;
}
div#taamul .taamul-form input, .taamul-form textarea, .taamul-form select, .taamul-form label {
font-size: 0.778rem;
font-size: 14px;
font-family: Inter;
}
div#taamul .taamul-form input[type="text"], div#taamul .taamul-form input[type="email"], div#taamul .taamul-form textarea, div#taamul .taamul-form select, div#taamul .taamul-form legend {
display: block;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
div#taamul .taamul-form input[type="text"], div#taamul .taamul-form input[type="email"], div#taamul .taamul-form textarea, div#taamul .taamul-form select { text-transform: none;
font-size: 0.778rem;
font-size: 14px;
font-weight: 400;
padding: 12px;
border: none;
color: #8e8e92;
background-color: #f1f1f1;
border-radius: 4px;
box-shadow: none;
}
div#taamul .taamul-form input[type="text"]:focus, div#taamul .taamul-form input[type="email"]:focus, div#taamul .taamul-form textarea:focus, div#taamul .taamul-form select:focus {
outline: none;
color: #333333;
border-color: #2c97de;
box-shadow: none;
background-color: #f1f1f1;
}
div#taamul .taamul-form .taamul-select { position: relative;
}
div#taamul .taamul-form select {
box-shadow: none;
cursor: pointer;
}
div#taamul .taamul-form select::-ms-expand {
display: none;
}
div#taamul .taamul-form textarea {
min-height: 100px;
height: 100px;
resize: vertical;
overflow: auto;
}
div#taamul .taamul-form input[type="button"] { border: none;
background: #333333;
border-radius: 4px;
text-transform: capitalize;
letter-spacing:0;
line-height: normal;
padding: 7px 10px;
color: #ffffff;
font-weight: 400;
float: right;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-decoration: none;
transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
div#taamul .no-touch .taamul-form input[type="button"]:hover {
color: #ffffff;
background: #343434;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-decoration: none;
transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
div#taamul .taamul-form input[type="button"]:focus {
outline: none;
background: #333333;
}
div#taamul .taamul-form input[type="button"]:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
@media only screen and (min-width: 300px) {
div#taamul .taamul-form div { margin: 20px 0 0 0;
}
div#taamul .taamul-form legend + div { margin-top: 20px;
}
div#taamul .taamul-form .taamul-label {
font-size: 0.727rem;
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
div#taamul .taamul-form input[type="text"], div#taamul .taamul-form input[type="email"], div#taamul .taamul-form textarea, div#taamul .taamul-form select {
padding: 14px;
}
}
div#taamul .add_feed_back{
margin: 0;
padding: 0;
} div#taamul .taamul-poweredby{
font-family: "Inter", sans-serif;
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
bottom: 0px;
left: 0px;
padding: 25px 0px 25px 0px;
position: relative;
max-width: 15px;
height: auto;
color: currentcolor;
display: block;
margin: auto;
width: 50%;
}
div#taamul .taamul-poweredby-tooltip[data-tooltip] {
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
position: relative;
z-index: 2;
cursor: pointer;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:before, [data-tooltip]:after {
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 0px;
margin-left: -63px;
width: max-content;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #333333;
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
font-weight: 400;
max-width: 300px;
transition-property: transform, visibility, opacity;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
word-break: break-word;
white-space: pre-wrap;
overflow-wrap: break-word;
padding: 6px 8px;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:after {
position: absolute;
bottom: 18px;
left: 50%;
margin-left: -7px;
width: 0;
border-top: 5px solid #333333;
border-top: 5px solid #333333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
font-size: inherit;
line-height: 0;
transition-property: transform, visibility, opacity;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:hover:before, [data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
} div#taamul.taamul-popup-trigger-right div#taamul-popup-trigger {
top: 50%;
right: 0;
padding: 13px 19px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
opacity: 1;
width: 40px;
height: 40px;
} div#taamul.taamul-popup-trigger-left div#taamul-popup-trigger {
top: 50%;
left: 0;
padding: 10px 19px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
opacity: 1;
width: 40px;
height: 40px;
} div#taamul.taamul-popup-trigger-text div#taamul-popup-trigger {
font-size: 13px;
}
div#taamul div#taamul-popup-trigger {
position: fixed;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 99999999;
opacity: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 17px 25px;
font-family: "Inter", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
background-color: #3047EB;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: opacity 0.3s, box-shadow 0.3s;
-moz-transition: opacity 0.3s, box-shadow 0.3s;
-ms-transition: opacity 0.3s, box-shadow 0.3s;
-o-transition: opacity 0.3s, box-shadow 0.3s;
transition: opacity 0.3s, box-shadow 0.3s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-filter: blur(0px);
filter: blur(0px);
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
div#taamul div#taamul-popup-trigger:hover {
transform: translateY(-46%) rotate(-90deg);
box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.24);
opacity: 1;
}
div#taamul div#taamul-popup-trigger svg {
overflow: hidden;
display: inline-block;
cursor: pointer;
width: 18px;
height: auto;
border: none;
z-index: 99999999;
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
margin: 9px 8px 0 -3px;
} div#taamul.taamul-popup-trigger-bottom-left div#taamul-popup-trigger {
bottom: 2%;
left: 2%;
} div#taamul.taamul-popup-trigger-bottom-left div#taamul-popup-trigger {
bottom: 2%;
right: 2%;
} div#taamul.taamul-popup-trigger-text div#taamul-popup-trigger-bottom {
padding: 13px 19px;
font-size: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
div#taamul div#taamul-popup-trigger-bottom {
position: fixed;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 99999999;
opacity: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 17px 25px;
font-family: "Inter", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: normal;
letter-spacing: normal;
color: #fff;
background-color: #3047EB;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateY(-50%) rotate(0deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: opacity 0.3s, box-shadow 0.3s;
-moz-transition: opacity 0.3s, box-shadow 0.3s;
-ms-transition: opacity 0.3s, box-shadow 0.3s;
-o-transition: opacity 0.3s, box-shadow 0.3s;
transition: opacity 0.3s, box-shadow 0.3s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-filter: blur(0px);
filter: blur(0px);
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
div#taamul div#taamul-popup-trigger-bottom:hover {
transform: translateY(-46%) rotate(0deg);
box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.24);
opacity: 1;
}
div#taamul div#taamul-popup-trigger-bottom svg {
overflow: hidden;
display: inline-block;
cursor: pointer;
width: 18px;
height: auto;
border: none;
z-index: 99999999;
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
margin: 8px 0px -3px 8px;
} div#taamul.taamul-popup-trigger-icon div#taamul-popup-trigger{
padding: 13px 0px 0px 7px;
}
div#taamul.taamul-popup-trigger-icon div#taamul-popup-trigger svg{
width: 26px;
height: auto;
margin: 8px 7px 0 -3px;
} div#taamul.taamul-popup-trigger-icon div#taamul-popup-trigger-bottom{
padding: 13px 0px 0px 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
div#taamul.taamul-popup-trigger-icon div#taamul-popup-trigger-bottom svg {
width: 26px;
height: auto;
margin: 8px 2px 0 -3px;
} div#taamul .taamul-popup-left {
position: fixed;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: start;
left: 0;
top: 0;
}
div#taamul .taamul-popup-container-left {
top: 50%;
margin-left: 50px;
left: auto;
bottom: auto;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
} div#taamul .taamul-popup-right {
position: fixed;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: flex-end;
right: 0;
top: 0;
}
div#taamul .taamul-popup-container-right {
top: 50%;
margin-right: 50px;
left: auto;
bottom: auto;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
} div#taamul .taamul-popup-bottom-right {
position: fixed;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: end;
align-items: center;
align-content: flex-end;
right: 0;
top: 0;
}
div#taamul .taamul-popup-container-bottom-right {
top: 50%;
margin-bottom: 100px;
margin-right: 50px;
left: auto;
bottom: auto;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
} div#taamul .taamul-popup-bottom-left {
position: fixed;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: end;
align-items: center;
align-content: flex-start;
right: 0;
top: 0;
}
div#taamul .taamul-popup-container-bottom-left {
top: auto;
margin-bottom: 100px;
margin-left: 50px;
right: auto;
bottom: auto;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
} div#taamul .img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
div#taamul .taamul-popup {
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
line-height: normal;
z-index:9999;
}
div#taamul .taamul-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
div#taamul .taamul-popup-container {
display: block;
width: 100%;
max-width: 320px;
height: auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: rgba(0,0,0,0.35) 0 6px 100px 0; -webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index:9999;
}
div#taamul .taamul-popup-container p {
font-family: "Inter", sans-serif;
font-size: 17px;
line-height: normal;
font-weight: 400;
padding: 2em 0 1em 0em;
color: #333333;
}
div#taamul .taamul-popup-container .taamul-buttons:after {
content: "";
display: table;
clear: both;
}
div#taamul .taamul-popup-container .taamul-buttons li {
padding: 0 5px;
display: inline-block;
align-items: flex-start;
}
div#taamul .taamul-popup-container .taamul-buttons a {
font-size: inherit;
line-height: normal;
width: 20%;
text-align: center;
background: none !important;
border: none;
cursor: pointer;
outline: none;
box-shadow: none;
display:block;
}
div#taamul .taamul-popup-container .taamul-buttons img {
height: 35px;
width: auto;
max-width: inherit;
transition: 0.2s;
}
div#taamul .taamul-popup-container .taamul-buttons li a {
transition: 0.2s;
}
div#taamul .taamul-popup-container .taamul-buttons li a:hover{
transition: 0.2s;
transform: scale(1.2);
opacity: 1;
}
div#taamul .taamul-popup-container .taamul-buttons li .active, tm:hover{
transform: scale(1.2);
background-color: #333333;
}
div#taamul .taamul-popup-container .taamul-buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
div#taamul .no-touch .taamul-popup-container .taamul-buttons li:first-child a:hover {
background-color: #fc8982;
}
div#taamul .taamul-popup-container .taamul-buttons li:last-child a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
div#taamul .no-touch .taamul-popup-container .taamul-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
div#taamul .taamul-popup-container .taamul-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
}
div#taamul .taamul-popup-container .taamul-popup-close::before, .taamul-popup-container .taamul-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 1px;
background-color: #8f9cb5;
}
div#taamul .taamul-popup-container .taamul-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
div#taamul .taamul-popup-container .taamul-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
div#taamul .is-visible .taamul-popup-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
} div#taamul .taamul-form {
width: 90%;
max-width: 600px;
margin: 1em auto;
}
div#taamul .taamul-form::after {
clear: both;
content: "";
display: table;
}
div#taamul .taamul-form fieldset {
margin: 1px 0;
border: none;
}
div#taamul .taamul-form legend {
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 2rem;
border-bottom: 1px solid #ecf0f1;
}
div#taamul .taamul-form .taamul-label {
font-size: 0.727rem;
font-size: 16px;
font-weight: 400;
color: #94aab0;
margin-bottom: 15px;
display: block;
}
div#taamul .taamul-form input, .taamul-form textarea, .taamul-form select, .taamul-form label {
font-size: 0.778rem;
font-size: 14px;
font-family: Inter;
}
div#taamul .taamul-form input[type="text"], div#taamul .taamul-form input[type="email"], div#taamul .taamul-form textarea, div#taamul .taamul-form select, div#taamul .taamul-form legend {
display: block;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
div#taamul .taamul-form input[type="text"], div#taamul .taamul-form input[type="email"], div#taamul .taamul-form textarea, div#taamul .taamul-form select { text-transform: none;
font-family: inherit;
font-size: 0.778rem;
font-size: 14px;
font-weight: 400;
padding: 12px;
border: none;
color: #8e8e92;
background-color: #f1f1f1;
border-radius: 4px;
box-shadow: none;
}
div#taamul .taamul-form input[type="text"]:focus, div#taamul .taamul-form input[type="email"]:focus, div#taamul .taamul-form textarea:focus, div#taamul .taamul-form select:focus {
outline: none;
color: #333333;
border-color: #2c97de;
box-shadow: none;
background-color: #f1f1f1;
}
div#taamul .taamul-form .taamul-select { position: relative;
}
div#taamul .taamul-form select {
box-shadow: none;
cursor: pointer;
}
div#taamul .taamul-form select::-ms-expand {
display: none;
}
div#taamul .taamul-form textarea {
min-height: 100px;
height: 100px;
resize: vertical;
overflow: auto;
}
div#taamul .taamul-form input[type="button"] { border: none;
font-family: inherit;
background: #3047EB;
border-radius: 4px;
text-transform: capitalize;
letter-spacing:0;
line-height: normal;
padding: 7px 10px;
color: #ffffff;
font-weight: 400;
float: right;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-decoration: none;
transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
div#taamul .no-touch .taamul-form input[type="button"]:hover {
color: #ffffff;
background: #343434;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-decoration: none;
transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
div#taamul .taamul-form input[type="button"]:focus {
outline: none;
background: #333333;
}
div#taamul .taamul-form input[type="button"]:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
@media only screen and (min-width: 300px) {
div#taamul .taamul-form div { margin: 20px 0 0 0;
}
div#taamul .taamul-form legend + div { margin-top: 20px;
font-family: inherit;
}
div#taamul .taamul-form .taamul-label {
font-size: 0.727rem;
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
font-family: inherit;
}
div#taamul .taamul-form input[type="text"], div#taamul .taamul-form input[type="email"], div#taamul .taamul-form textarea, div#taamul .taamul-form select {
padding: 14px;
}
}
div#taamul .add_feed_back{
margin: 0;
padding: 0;
} div#taamul .taamul-poweredby{
font-family: "Inter", sans-serif;
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
bottom: 0px;
left: 0px;
padding: 25px 0px 25px 0px;
position: relative;
max-width: 15px;
height: auto;
color: currentcolor;
display: block;
margin: auto;
width: 50%;
}
div#taamul .taamul-poweredby-tooltip[data-tooltip] {
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
position: relative;
z-index: 2;
cursor: pointer;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:before, [data-tooltip]:after {
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 0px;
margin-left: -63px;
width: max-content;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #333333;
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 0.545rem;
font-size: 12px;
line-height: normal;
font-weight: 400;
max-width: 300px;
transition-property: transform, visibility, opacity;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
word-break: break-word;
white-space: pre-wrap;
overflow-wrap: break-word;
padding: 6px 8px;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:after {
position: absolute;
bottom: 18px;
left: 50%;
margin-left: -7px;
width: 0;
border-top: 5px solid #333333;
border-top: 5px solid #333333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
font-size: inherit;
line-height: 0;
transition-property: transform, visibility, opacity;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
} div#taamul .taamul-poweredby-tooltip[data-tooltip]:hover:before, [data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
} div#taamul div#taamul-popup-trigger-bottom.taamul-bottom-right{
right: 2%;
bottom: 2%;
opacity: 1;
width: 40px;
height: 40px;
}
div#taamul div#taamul-popup-trigger-bottom.taamul-bottom-left{
left: 2%;
bottom: 2%;
opacity: 1;
width: 40px;
height: 40px;
}
div#taamul div#taamul-popup-trigger.taamul-trigger-right{
right: -35px;
opacity: 1;
width: 110px;
height: 40px;
}
div#taamul div#taamul-popup-trigger.taamul-trigger-left{
left: -35px;
opacity: 1;
width: 110px;
height: 40px;
}
div#taamul div#taamul-popup-trigger-bottom.taamul-trigger-bottom-right{
right: 2%;
bottom: 2%;
opacity: 1;
width: 110px;
height: 40px;
}
div#taamul div#taamul-popup-trigger-bottom.taamul-trigger-bottom-left{
left: 2%;
bottom: 2%;
opacity: 1;
width: 110px;
height: 40px;
}