@font-face {
    font-family: 'Euclid Circular A';
    src: url('fonts/euclid-rdsm/EuclidCircularA-Bold.eot');
    src: url('fonts/euclid-rdsm/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/euclid-rdsm/EuclidCircularA-Bold.woff2') format('woff2'),
        url('fonts/euclid-rdsm/EuclidCircularA-Bold.woff') format('woff'),
        url('fonts/euclid-rdsm/EuclidCircularA-Bold.ttf') format('truetype'),
        url('fonts/euclid-rdsm/EuclidCircularA-Bold.svg#EuclidCircularA-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('fonts/euclid-rdsm/EuclidCircularA-Regular.eot');
    src: url('fonts/euclid-rdsm/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/euclid-rdsm/EuclidCircularA-Regular.woff2') format('woff2'),
        url('fonts/euclid-rdsm/EuclidCircularA-Regular.woff') format('woff'),
        url('fonts/euclid-rdsm/EuclidCircularA-Regular.ttf') format('truetype'),
        url('fonts/euclid-rdsm/EuclidCircularA-Regular.svg#EuclidCircularA-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('fonts/euclid-rdsm/EuclidCircularA-Medium.eot');
    src: url('fonts/euclid-rdsm/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/euclid-rdsm/EuclidCircularA-Medium.woff2') format('woff2'),
        url('fonts/euclid-rdsm/EuclidCircularA-Medium.woff') format('woff'),
        url('fonts/euclid-rdsm/EuclidCircularA-Medium.ttf') format('truetype'),
        url('fonts/euclid-rdsm/EuclidCircularA-Medium.svg#EuclidCircularA-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('fonts/euclid-rdsm/EuclidCircularA-SemiBold.eot');
    src: url('fonts/euclid-rdsm/EuclidCircularA-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/euclid-rdsm/EuclidCircularA-SemiBold.woff2') format('woff2'),
        url('fonts/euclid-rdsm/EuclidCircularA-SemiBold.woff') format('woff'),
        url('fonts/euclid-rdsm/EuclidCircularA-SemiBold.ttf') format('truetype'),
        url('fonts/euclid-rdsm/EuclidCircularA-SemiBold.svg#EuclidCircularA-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('fonts/euclid-litr/EuclidCircularA-BoldItalic.eot');
    src: url('fonts/euclid-litr/EuclidCircularA-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/euclid-litr/EuclidCircularA-BoldItalic.woff2') format('woff2'),
        url('fonts/euclid-litr/EuclidCircularA-BoldItalic.woff') format('woff'),
        url('fonts/euclid-litr/EuclidCircularA-BoldItalic.ttf') format('truetype'),
        url('fonts/euclid-litr/EuclidCircularA-BoldItalic.svg#EuclidCircularA-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('fonts/euclid-litr/EuclidCircularA-MediumItalic.eot');
    src: url('fonts/euclid-litr/EuclidCircularA-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/euclid-litr/EuclidCircularA-MediumItalic.woff2') format('woff2'),
        url('fonts/euclid-litr/EuclidCircularA-MediumItalic.woff') format('woff'),
        url('fonts/euclid-litr/EuclidCircularA-MediumItalic.ttf') format('truetype'),
        url('fonts/euclid-litr/EuclidCircularA-MediumItalic.svg#EuclidCircularA-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Geograph Bold";
    src: url("https://db.onlinewebfonts.com/t/4ff133888390ba61763c8885b4a00e1e.eot");
    src: url("https://db.onlinewebfonts.com/t/4ff133888390ba61763c8885b4a00e1e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/4ff133888390ba61763c8885b4a00e1e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/4ff133888390ba61763c8885b4a00e1e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/4ff133888390ba61763c8885b4a00e1e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/4ff133888390ba61763c8885b4a00e1e.svg#Geograph Bold")format("svg");
}
:root {
    --primary-color:#58a4b0; 
    --secondary-color:#383f52;
    --gray-lite-color:#d9dbe2;
    --white-color:#fff;
    --black-color:#000; 
}
.user_inforight span{color: var(--secondary-color);font-family: 'Euclid Circular A';font-weight:bold;font-size: 1.1rem;padding-right: 1px;}
.login_usr{width: 100%;background: var(--gray-lite-color);border: 4px solid var(--secondary-color);border-radius: 25px;padding: 6px 39px;-webkit-transition: 0.5s;transition: 0.5s;outline: none;margin:4px auto;display: block;}
.login_usr:focus{border: 4px solid var(--primary-color);}
.login_pge .row{position: relative;z-index: 5;}
.login_pge span{top: -39px;margin-left: 15px;position: relative;left: 0;display: table;font-size: unset!important;}
.icon_filds i{color: var(--primary-color);}
.alrt_topcustom .alert-danger i{color: #5b151c!important;padding-right:10px;}
.alrt_topcustom .alert-danger i{color: #5b151c!important;padding-right:10px;}
.alrt_topcustom .alert-warning{color: #664d03!important;padding-right:10px;}
.alrt_topcustom .alert-primary i{color:#08479b!important;padding-right:10px;}
.login_pge h1{font-family: 'Euclid Circular A';font-weight:bold;font-size:3rem;color: var(--primary-color);font-style: italic;}

.login_btn_pg button{background-color: var(--primary-color);color: var(--white-color);border-radius: 27px;padding: 4px 33px;position: relative;transition: all 0.5s ease;border:unset;font-family: 'Euclid Circular A';font-weight: 500;text-decoration: none;}
.login_btn_pg button:before{position: absolute;content:'';left:-8px;background-color: var(--white-color);padding: 5px 40px;border-radius: 17px;z-index: -1;height: 100%;top: 0;transition: all 0.5s ease;}
.login_btn_pg button:hover:before{opacity: 0;}
.login_btn_pg button:hover{color: var(--white-color);}
.login_btn_pg:hover{transform: translateX(-10px);}
.login_btn_pg{position: relative;z-index: 7;transition: all 0.5s ease;padding-top:15px;display: inline-block;}
.bg_usrlogin{background-color: var(--gray-lite-color);padding: 20px;width: 35%;margin: auto;}
.bg_userfogt{width: 85%!important;}
.bg_userfogt .password-wrapper #toggle-password{top: 34%;}
.bg_userfogt .password-wrapper #re-toggle-password {top:33%;}
.rgitr_cnfm{width: 88%!important;}
.logout_btn a{display:inline-block;text-decoration: none;background-color: var(--primary-color);border-radius: 17px;color: var(--white-color);width: 100%;padding:2px 1px;transition: all 0.7s ease;text-align: center;padding: 2px 21px;font-family: 'Euclid Circular A';font-weight: 500;}
.logout_btn a:hover{transform: translateX(-10px);background-color: var(--secondary-color);}

/*.bg_usrlogin .alert-danger{background-color:#a6202c;color: var(--white-color);border-color:#a6202c;}*/
.bg_usrlogin .alert{padding: 0.5rem 0.5rem!important;}
/*map design styling strt*/
.map{padding: 10px 10px;}
.states ul{padding: 0;margin: 0;}
.states li{margin: 0;padding: 0;width: 32%;display: inline-block;list-style: none;text-align: center;}
.states li a{ margin: 0;padding: 7px 5px;width: 100%;display: inline-block;color:var(--secondary-color);text-decoration: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;font-family: 'Euclid Circular A';font-size: 1.2rem;font-weight: bold;}
.states li a:hover{background-color:var(--primary-color);color: #fff;}
.detail_map h3{ margin: 0 0 25px 0;padding: 0 20px;color: #000;font-size: 2.5rem;padding-bottom: 10px;line-height: 34px;font-family: var(--heading_font_style);text-align: center;border-bottom: 2px solid #000;}
 .detail_map table{margin: 0;padding: 0;width: 100%;font-size: 14px;border: none;background-color: var(--white-color);}   
.detail_map table thead{background-color: var(--primary-color);}
.detail_map table thead tr th{color: var(--white-color);padding: 5px;font-size: 1rem;text-align: center;font-family: var(--heading_font_style);}
.detail_map table tbody tr td {margin: 0;padding: 7px 10px;text-align: left;vertical-align: middle;border-bottom: 1px solid #eee;font-size:1rem;font-family: var(--heading_font_style);color: #333;}
.text_mobile img{width: 100%;}
.state p{font-family: 'Euclid Circular A';font-weight:bold;font-size:1.7rem;color:var(--secondary-color);letter-spacing:1px;text-align: center;}
/*.svg{animation: rollIn; animation-duration: 2s;}*/


@keyframes flash_custom {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.st0{
fill: var(--primary-color);
stroke: var(--secondary-color);!important;
cursor: pointer!important;
}

.st0:hover{
fill: #636875!important;
stroke: var(--secondary-color);!important;
cursor: pointer!important;
opacity: 1;
}

#DC { fill: red !important; stroke-width: 30px !important; }

/*.st0 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s ease-in-out infinite;
}*/

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}



/*Table*/
.locations .results .state table {
    margin: 0;
    padding: 0;
    width: 87%;
    font-size: 14px;
    border: none;
    margin: auto;
}

.locations .results .state h3 {
    margin: 0 0 25px 0;
    padding: 0 20px;
    color: var(--secondary-color);
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 34px;
   font-family: 'Euclid Circular A'!important;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid var(--secondary-color);
}
.locations .results .state table thead {
    background: var(--primary-color);
}       
.locations .results .state table tbody tr td {
    margin: 0;
    padding: 7px 5px;
    text-align: left;
    vertical-align: middle;
    border: 2px solid var(--gray-lite-color);
   font-family: 'Euclid Circular A'!important;
   font-weight: normal;
   position: relative;
}
.locations .sml_infor{padding-left: 34px;top: -11px;position: relative;}
.locations .results .state table thead tr th {
    color: #fff;
/*    text-align: center;*/
padding-left: 5px;
font-family: font-family: 'Euclid Circular A';
font-weight: bold;
}
.locations .location_details h1 {
    margin: 0;
    padding: 5px 10px;
     width: 80%;
    margin: auto;
  font-family: 'Euclid Circular A';
   font-weight:bold;;
    text-align: center;
    background: var(--primary-color);
    font-size: 25px;
    line-height: 35px;
    color: #fff;
}
.locations .location_details table tr td {
    margin: 0;
    padding: 10px;
    border: 1px solid var(--gray-lite-color);
    border-top: none;
    border-left: none;
   font-family: 'Euclid Circular A'!important;
    font-weight: bold;
}
.locations .location_details table {
    margin: 0;
    padding: 0;
    width: 80%;
    margin: auto;
    border: 1px solid #eee;
    border-top: none;
    border-left: none;
    border-collapse: collapse;
}
.locations .location_details table tr td:first-of-type {
    background: #333;
    color: #fff;
}
.action a {
    text-decoration: none;
    color: var(--primary-color);
    font-size: 1rem;
   font-family: 'Euclid Circular A'!important;
    font-weight: bold;
}
.team_leader{background-color: black;margin-left: 10px;color: #fff;padding:0px 4px;}
.map {width: 100%;margin: auto;}
.map #map{height: auto!important;}
/*map design styling end*/
.min_hght{min-height:calc(100vh - 541px); }
.min_hght_login{min-height:calc(100vh - 301px);display:flex;justify-content: center;align-items: center;}

 
.btn_bckprofile{position: relative;z-index: 7;transition: all 0.5s ease;padding-top:15px;display: inline-block;margin: auto;}
.btn_bckprofile a{background-color: var(--primary-color);color: var(--white-color);border-radius: 27px;padding: 4px 33px;position: relative;transition: all 0.5s ease;border:unset;font-family: 'Euclid Circular A';font-weight: 500;text-decoration: none;}
.btn_bckprofile a:before{position: absolute;content:'';left:-8px;background-color: var(--secondary-color);padding: 5px 40px;border-radius: 17px;z-index: -1;height: 100%;top: 0;transition: all 0.5s ease;}
.btn_bckprofile a:hover:before{opacity: 0;}
.btn_bckprofile a:hover{color: var(--white-color);}
.btn_bckprofile:hover{transform: translateX(-10px);}
.conct_list h1{color:var(--primary-color);text-align: center;font-size: 3rem;font-family: 'Euclid Circular A';font-weight:bold;margin-bottom: 0px;}
.conct_list p{font-family: 'Euclid Circular A';font-weight:normal;color: var(--secondary-color);text-align: center;margin-bottom: 50px;}
/*signup from stlying*/
.top_signup{background-color: var(--gray-lite-color);}
.top_signup h1{color:var(--primary-color);text-align: center;font-size: 3rem;font-family: 'Euclid Circular A';font-weight:bold;margin:0px;padding-top: 5px;}
.top_signup p{font-family: 'Euclid Circular A';font-weight:normal;color: var(--secondary-color);text-align: center;}
.input_top input{width: 100%;display: block;transition: all 0.5s;border-radius: 19px;border:3px solid var(--primary-color);background-color: var(--white-color);}


 
.input_top textarea{width: 100%;display: block;transition: all 0.5s;outline: none;border-radius: 28px;border:3px solid var(--primary-color);background-color: var(--white-color);}
.input_top select{width: 100%;display: block;transition: all 0.5s;outline: none;border-radius: 19px;border:3px solid var(--primary-color);background-color: var(--white-color);display: block;padding:5px;}

/*.input_top input:focus{outline:2px solid var(--primary-color)!important;}*/

/*.input_top input:hover{border-bottom: 4px solid var(--primary-color);}*/
.tooltip-custom{   min-width: 100%;   max-width: 100%;}
.bg_colr .row{background-color: #ececec;padding:20px 15px 10px 15px;}
.input_top span{color:var(--secondary-color);font-size: 1.8rem;font-family: 'Euclid Circular A';font-weight:normal;}
.input_top i{color:var(--secondary-color);}
.input_top label{font-family: 'Euclid Circular A';font-weight:bold;color: var(--secondary-color);}
.input_top p{font-family: 'Euclid Circular A';font-weight:normal;color:var(--secondary-color);font-size: 0.9rem;font-style: italic;text-align:start;}
.form-check input{width: 1rem!important;height: 1rem!important;}

.input_top p {
    opacity: 0;               /* Initially hidden */
    visibility: hidden;       /* Prevents interaction when hidden */
    margin-top: 5px;
    color: #555;
    font-size: 0.9em;
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth animation */
}

.input_top input:hover + p,
.input_top input:focus + p {
    opacity: 1;               /* Fully visible */
    visibility: visible;      /* Allows interaction */
}

.input_top textarea:hover + p,
.input_top textarea:focus + p {
    opacity: 1;               /* Fully visible */
    visibility: visible;      /* Allows interaction */
}

.input_top select:hover + p,
.input_top select:focus + p {
    opacity: 1;               /* Fully visible */
    visibility: visible;      /* Allows interaction */
}
.input_top p {
    opacity: 0;
    visibility: hidden;
    margin-top: 5px;
    color: #555;
    font-size: 0.9em;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.input_top_forgt select:hover + p,
.input_top_forgt select:focus + p {
    opacity: 1;               /* Fully visible */
    visibility: visible;      /* Allows interaction */
}
.input_top_forgt p {
    opacity: 0;
    visibility: hidden;
    margin-top: 5px;
    color: #555;
    font-size: 0.9em;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}


.password-wrapper:hover + p,
.password-wrapper:focus-within + p {
    opacity: 1;
    visibility: visible;
}
.top_signup h3{color: var(--gray-lite-color);font-family: 'Euclid Circular A';font-weight:500;font-size:0.9rem;padding-left: 7px;}


.top_signup .bg_colr{background-color: var(--white-color);padding: 30px 50px;border-radius: 4px;box-shadow: -1px -3px 10px 0px rgba(0,0,0,0.35);}
.password-wrapper {
    position: relative;
}

.password-wrapper #toggle-password {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #666;
    cursor: pointer;
}
.password-wrapper #re-toggle-password {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #666;
    cursor: pointer;
}

fieldset{
      background-color: #383f52;
      border: 2px solid #383f52;
      margin: 30px 0px;
}

legend{
      background-color: #383f52;
      color: white;
      padding: 5px 10px;
      font-family: 'Euclid Circular A';font-weight:500;font-size: 1.5rem;

}
.psd_chnge{background-color: var(--primary-color);color: var(--white-color);}
.psd_chnge h1{color: var(--white-color);margin: 0px;font-family: 'Euclid Circular A';font-weight:bold;font-size:1.8rem;padding:10px;}

.preimsion label{font-family: 'Euclid Circular A';font-weight:bold;color: var(--secondary-color);font-size:1.2rem;margin: 0px;}
.preimsion h3{font-family: 'Euclid Circular A';font-weight:normal;color: var(--secondary-color);font-size:1rem;margin: 0px;}


.agreement p{font-family: 'Euclid Circular A';font-weight:500;color:var(--secondary-color);font-size:1rem;padding:0px!important;text-align: start;}
.agreement_innr h3{font-family: 'Euclid Circular A';font-weight:500;color: var(--secondary-color);font-size:1rem;padding:0px!important; }
.agreement_innr h6{font-family: 'Euclid Circular A';font-weight:bold;color: var(--primary-color);font-size:1.3rem;padding:0px!important;}
.aggrlabel{color: red!important;}

.agreement_innr label{font-family: 'Euclid Circular A';font-weight:bold;color:red;font-size:1.2rem;padding:0px!important;}

 .import_str{color:var(--secondary-color);font-size: 1.8rem;font-family: 'Euclid Circular A';font-weight:normal;}

.subit_signu button{background-color: var(--primary-color);color: var(--white-color);border-radius: 27px;padding: 4px 33px;position: relative;transition: all 0.5s ease;border:unset;font-family: 'Euclid Circular A';font-weight: 500;text-decoration: none;}
.subit_signu button:before{position: absolute;content:'';left:-8px;background-color: var(--secondary-color);padding: 5px 40px;border-radius: 17px;z-index: -1;height: 100%;top: 0;transition: all 0.5s ease;}
.subit_signu button:hover:before{opacity: 0;}
.subit_signu button:hover{color: var(--white-color);}
.subit_signu:hover{transform: translateX(-10px);}
.subit_signu{position: relative;z-index: 7;transition: all 0.5s ease;padding-top:15px;display: inline-block;}

.user_img img{width:200px;}
.form-check-input:active{
    background-color: #f25050;
    border: 2px solid #333;
}
/*signup from stlying end*/


/* about page start *****/
.about_main_wrap{background-color: #ffffff;padding: 50px;}
.about_main_wrap h1{padding: 0px;margin: 0px;text-align: center;color: #58a4b0; font-family: 'Euclid Circular A';font-weight: bold;}
.about_main_wrap span{text-align: center;display: block;margin: -10px auto 0px auto;}
.about_main_wrap span img{width: 80px;}
.about_content_wrap h2{font-family: 'Euclid Circular A';font-weight: bold;color: #383f52;}
.about_content_wrap p{font-family: 'Euclid Circular A';font-weight: normal;color: #383f52;font-size: 1.2rem;line-height: 1.5rem;}
.about_content_wrap strong{background-color: #58a4b0;padding: 10px 30px;border-radius: 24px;color: #ffffff;font-family: 'Euclid Circular A';font-weight: 600;letter-spacing: 0.1rem;margin-bottom: 20px;display: inline-block;margin-top: 50px;}
.about_content_img img{width: 78%;height: 100%;object-fit: cover;}
.about_sec_img img{width: 100%;height: 300px; object-fit: cover;object-position: top;}
.aout_sec_bor{border-radius: 150px;overflow: hidden; border-left: 30px solid #58a4b0;}
.about_second_content a{text-decoration: none;color: #ffffff;background-color: #58a4b0;padding: 10px 30px;border-radius: 24px;display: block;margin-bottom: 20px;width: fit-content;font-family: 'Euclid Circular A';font-weight: 600;transition: all 1s ease;}
.about_second_content a:hover{background-color: #353B4D;}
.white_graphic_wrap img{width: 100%;height: 100%;object-fit: cover;;}
.white_graphic_wrap{width: 100%;margin-top: 0px;position: relative;height: 150px;background-color: #58A4B0;z-index: 1;}
.subscribe_top:before{z-index: 2;}
.subscribe_top:after{z-index: 2;}
.for_about_space{margin-top: -150px;}
.volunteer_anchor_wrap{padding: 0px;margin: 0px 0px 30px 0px;display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.volunteer_filter .volunteer_anchor_wrap li{list-style: none;padding: 0px 0px;width: 15%;}
.volunteer_filter .volunteer_anchor_wrap li a{text-decoration: none;background-color:#58a4b0!important;display: block;color: #ffffff;width: 15.33%;
  width: 100%;text-align: center;  font-family: 'Euclid Circular A';font-weight: 600;font-size: 1rem;border-radius: 16px;transition: all 1s ease;}
  .volunteer_filter .volunteer_anchor_wrap li a:hover{background-color: #383f52!important;}
.volunteer_anchor_main{background-color: #D9DBE2;padding-bottom: 20px;}
.volunteer_img img{width: 95%;object-fit: cover;max-height: 400px;}
.volunter_row{align-items: end;}
.volunteer_img::before{width:89.3%;}
.volunteer_img{padding-right: 30px;margin-top: 0px;}
.volunteer_anchor_main p{font-family: 'Euclid Circular A';font-weight: 600;font-size: 1.1rem;padding-bottom: 0px;margin-bottom: 10px;}
.volunteer_anchor_main strong{color: #383f52;font-family: 'Euclid Circular A';font-weight: 600;font-size: 1.5rem;}
.volunteer_rescue_detail{background-color: #58a4b0;padding: 5px;border-radius: 12px;height: 100%;transition: all 1s ease-out;}
.volunteer_rescue_detail:hover{transform: translateY(-5px);transform-origin: 1;}
.dogs_img::before{transition: all 0.5s ease-in!important;}
.volunteer_rescue_detail h6{color: #ffffff;font-family: 'Euclid Circular A';font-weight:bold;font-size: 1.2rem;padding: 10px 10px 0px 10px;margin-bottom: 10px;}
.volunteer_rescue_detail p{color: #000000;font-family: 'Euclid Circular A';font-weight:600;font-size: 1rem;padding: 0px 10px;line-height:normal;margin-bottom: 0px;}
.volunteer_rescue_detail dl{padding: 0px 10px; margin: 0px;}
.volunteer_rescue_detail dt{color: #000000;font-family: 'Euclid Circular A';font-weight:600;font-size: 1rem;display: flex;flex-wrap: wrap;align-items: start;position: relative;padding-left: 20px;}
.volunteer_rescue_detail dt::before{content: "";background-color: #000000;width: 3px;height: 3px;border-radius: 50%;position: absolute;left: 0;display: flex;top: 12px;}
.volunteer_rescue_detail dd{color: #000000;font-family: 'Euclid Circular A';font-weight:600;font-size: 0.8rem;display: flex;flex-wrap: wrap;align-items: start;position: relative;padding-left: 40px;padding-top: 0px;padding-bottom: 0px;margin: 5px;}
.volunteer_rescue_detail dd::before{content: "";background-color: #000000;width: 3px;height: 3px;border-radius: 50%;position: absolute;left: 30px;display: flex;top: 9px;}
.volunteer_detail{padding: 3px; min-height: 100%;}
.for_volunteer_bottom_para p{color: #383f52;font-family: 'Euclid Circular A';font-weight:bold;text-align: center;}
.for_volunteer_bottom_para{padding: 50px 50px;}
.volunteer_rescue_content{position: relative;}
.volunteer_rescue_content::before{content: "";background-image: url('../images/volunteer_left_paw.png');background-repeat: no-repeat;width: 20%;height: 200px;background-size: contain;position: absolute;bottom: 0;left: 30px;}
.volunteer_rescue_content::after{content: "";background-image: url('../images/volunteer_left_paw.png');background-repeat: no-repeat;width: 20%;height: 200px;background-size: contain;position: absolute;bottom:100px;right: 0px;transform: rotate(-60deg);}
.subscribe_top{overflow: hidden;}
.dog_desc_wrap{background-color: #ffffff;padding: 100px 0px 50px 0px;}
.dog_desc_img img{width: 100%;height: 100%;object-fit: cover;}
.dog_desc_content_head h1{color: #61b4c1;text-align: center;font-family: 'Euclid Circular A';font-weight:bold;font-size:2.5rem;padding-bottom: 10px;
    margin-bottom: 0px;padding-top: 0;margin-top: 0px;position: relative;display: flex;flex-direction: column;justify-content: center;width: fit-content;margin: 0px auto;padding: 10px 30px 30px 30px;}
.dog_desc_content_head h1:after{content: "";background-image: url('../images/dog_desc_line.png');width: 100%;height: 20px;background-repeat: no-repeat;background-size: contain;display: inline-flex;align-items:end;margin-top: 10px;}

.dog_desc_content_head{text-align: center;}
.dog_desc_content_head img{width: 100px;height: 10px;}
.dog_desc_content_app p{padding: 0px;margin: 0px;}


.bg_dtl_red p span{background-color: #ff3a05;text-align: center;font-family: 'Euclid Circular A';font-weight:600;font-size: 1.2rem;padding: 5px 30px;border-radius: 24px;color: #ffffff;}
.bg_dtl_blue p span{background-color: #61b4c1;text-align: center;font-family: 'Euclid Circular A';font-weight:600;font-size: 1.2rem;padding: 5px 30px;border-radius: 24px;color: #ffffff;}
.bg_dtl_green p span{background-color: #289103;text-align: center;font-family: 'Euclid Circular A';font-weight:600;font-size: 1.2rem;padding: 5px 30px;border-radius: 24px;color: #ffffff;}

.dog_des_info ul{padding: 0px 0px 0px 20px;margin: 0px;}
.dog_des_info span{font-weight: bold;}
.dog_des_info ul li{list-style: none;color: #383f52;font-family: 'Euclid Circular A';font-weight:normal;font-size: 1.1rem;}
.dog_detail_Detail{padding-left: 30px;position: unset;display: block;width: 86%;padding-top:20px;}
.dog_detail_Detail p{background-color: #3e455a;padding: 10px 30px;margin: 0px;border-radius: 24px;color: #ffffff;font-family: 'Euclid Circular A';font-weight:600;}
.dog_desc_content{position: relative;}
.dog_other_image_wrap{background-color: #ffffff;padding-bottom: 20px;}
.dog_other_image_wrap h2{font-family: 'Euclid Circular A';font-weight:bold;color: #383f52;font-size: 2.2rem;padding-bottom: 10px;padding-left: 30px;}
.year_glry h2{color: var(--primary-color)!important;padding-top: 70px!important;}
.year_glry .other_single_img{padding: 2px;width:16%;} 
.infro_title h3{font-family: 'Euclid Circular A';font-weight:bold;color: #383f52;font-size:2.2rem;padding-bottom:0px;}
.infro_title h5{font-family: 'Euclid Circular A';font-weight:bold;color: #383f52;font-size:1.5rem;padding-bottom:0px;}
.infro_title p{font-family: 'Euclid Circular A';font-weight:normal;font-size:1rem;}
.image_main_wrap{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.other_single_img{width: 20%;padding: 10px 20px;}
.other_single_img img{width: 100%;height: 242px;object-fit: cover;}
.dog_avail_color .dogs_avabile{background-color: #d9dbe2!important;box-shadow: none!important;}
.about-subscribe .subscribe_top{overflow: visible;}
.h_contct{padding-top: 50px;}
.five_statement_wrap{padding: 50px 0px; background-color: #ececec;}
.five_statement_wrap h1{text-align: center;padding: 0px;margin: 0px;font-family: 'Euclid Circular A';font-weight: bold;color: #61b4c1;}
.line_set img{width: 250px;height: 10px;object-fit: contain;}
.line_set{display: block;text-align: center;padding-bottom: 20px;}
.five_statement_wrap strong{display: inline;margin-left: 10px;color: #58a4b0;}
.five_statement_wrap p,.five_statement_wrap address{display: flex;flex-wrap: wrap;align-items: center;font-family: 'Euclid Circular A';font-weight:600;}
.five_statement_wrap a{color: #61b4c1;transition: all 1s ease;margin-left: 10px;display: inline-block;}
.five_statement_wrap a:hover{color: #000;}


.faqs_title h1{text-align: center;padding: 0px;margin: 0px;font-family: 'Euclid Circular A';font-weight: bold;color: #61b4c1;font-size: 2rem;}
.faqs_title p{font-size: 1.1rem;padding-bottom: 20px;}
.faqs_title h3{font-size: 2rem;font-family: 'Euclid Circular A';font-weight: bold;}

.no-record{text-align: center;font-family: 'Euclid Circular A';font-weight: bold;font-size: 2rem;padding: 20px 0px;color: #333;}

.DC {fill:var(--primary-color)!important; stroke-width: 30px !important;stroke: var(--primary-color) !important;}

.active_map{fill:var(--secondary-color)!important;stroke:var(--secondary-color)!important;}


.search-box{
  position: relative;
  width: 300px;
  max-width: 100%;
  /*margin:50px 0px 50px 61px;*/
  display:inline-block;
}

.search-box input{
  width: 100%;
  padding: 10px 45px 10px 15px;
  border: 1px solid #ccc;
  border-radius: 30px;
  font-size: 16px;
  outline: none;
}

.search-box button{
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background:var(--primary-color);
  color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.search-box button:hover{
  background: var(--primary-color);
  opacity:0.8;
}
.btn_reset{background:var(--primary-color);color: #fff;border-radius: 14%;padding:7px 10px;text-decoration: none;margin: 18px 8px;
    display: inline-block;}
    .btn_reset:hover{color:#fff;}
.all_voluntr_db{width:100%!important;}
.all_vlountr{justify-content:center!important;margin:50px 0px!important;}
.all_vlountr .page-item.active .page-link{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;}
.all_vlountr .page-link{color:#000!important;}