@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
html,body,h1,h2,h3,h4,h5,h6,p,aside,article,section,div,main,header,footer,form,input,button,img,figure,figcaption,a,span,ul,ol,li,dd,dt,dl,details,summary,audio,video,iframe,embed,object,hr,br{box-sizing:border-box}ul li{list-style: none;font-size: 20px}
a{text-decoration: none}
p{font-size: 20px}
img{width:100%;margin: auto}
.c4rdes-flx{display: flex}.c4rdes-alig{align-items: flex-start}.c4rdes-alig-cen{align-items: center}
*{margin: 0;padding: 0; font-family: 'Roboto', sans-serif;}body{ font-family: 'Roboto', sans-serif;line-height: 1.5} .wapper{max-width: 85%;margin: auto}
.c4rdes-ptb{padding: 30px 0}
.c4rdes-txt{text-align: center}
.c4rdes-cn h1{color: #fff}
.gp{gap:10px}
.top-1{display: flex;justify-content: space-between;align-items: center;padding: 10px} .tops{background-color:#000;color:#fff}
 .blue-btn {border-radius: 5px;color: #fff !important;padding: 14px 40px !important;text-transform: uppercase;
letter-spacing: 2px;font-size: 14px !important;background-color:#d00d0d;}  
.sd{max-width:800px; margin:auto}
.top-1 a{position: relative}
.c4rdes{background-color:#1c4e65;color: #fff}.hd{font-size: 26px;font-weight: 600;color: #a188ff;}
.c4rdes-info{display: flex;padding: 50px;}.c4rdes-cn{width: 50%}.c4rdes-img{width: 50%}.main-btn {color: #fff;font-size: 21px;background: linear-gradient(90deg, rgb(84, 65, 153) 0%, rgb(161, 136, 255) 100%);padding: 22px 169px;border-radius: 5px;}
.c4rdessd{width:33.33%} .sec-1{flex:33.33%;background-color:#efefef;padding:20px 5px; border-radius:10px;} .sec-n{justify-content:space-between; gap:20px;display:flex;}

.c4rdes-3-info  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    box-shadow: rgb(0 0 0 / 70%) 0px 1px 5px;
    column-gap: 20px;
    margin-top:35px;
    background-color: #efefef;
    border-radius: 10px;
    background-image: none;}.c4rdes-3-cn ul{width: 33.3%;}  .c4rdes-3-cnw{width:33.33%;background-color:#228d29; padding: 25px; color: #fff;border-radius:10px;}
	.c4rdesmx{padding: 10px;border-radius: 10px;margin: 20px 10px;}
.bt-wd{margin: auto;text-align: center;margin-top: 20px;padding: 22px;    cursor: pointer;}
.ing-box {width: 50%;}.mb{margin-bottom: 20px}.c4rdes-5-info{padding-top: 20px}
.ing-box-inner img {
     width: 70px;
    height: 70px;
    border: 1px dashed #a188ff;
    padding: 17px;
    border-radius: 50px;
}

/*my cntnt*/
.sec2-img{flex:30%} .sec2-cont{flex:70%;} .sec-1 img{border-radius:50% ;border:10px solid #078893} .c4rdes-5{background-color:#153f67;}
.sstp2{position:relative;z-index:1;}  .tds{max-width:850px; width:100%;margin:auto;text-align:center}
.stp2{position:absolute; max-width:400px; width:100%; height:300px; background-color:#228d29;top:25%; right:0px; z-index:-1;} .sec-2{max-width:900px; width:100%; margin:auto;} .sec2-2{display:flex; justify-content:space-between;align-items:center;}
.sstp{position:relative;z-index:1;}
.stp{position:absolute; max-width:300px; width:100%; height:150px; background-color:#25a017c4;top:35%; z-index:-1;}
footer{background: #1c4e65;color: #fff}.foot-links a{color: #fff}
@media screen and (max-width: 767px){.btn-m{text-align:center} .stp2{display:none;} .stp{display:none;} h1{font-size:25px;}.flx-d{flex-direction: column}.c4rdes-cn { width: 100%;}.c4rdes-img { width: 100%;}.ing-box {width: 100%;}.hd {font-size: 16px;}.c4rdes-cn h1{font-size: 36px !important}.c4rdes-info { padding: 50px 0;}.top-1 {text-align: center;}
	.dd-nn{display:none;}}
@media screen and (min-width: 767px){.bt-wd {
    width: 30%;}}
input[type=text], select, textarea {
  width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
}
input[type=submit] { background-color: #04AA6D; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
input[type=submit]:hover {background-color: #45a049;}