@charset "UTF-8";

/*
Theme Name: hetkattenkabinet
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: hetkattenkabinet is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how hetkattenkabinet elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 7.0
Requires PHP: 5.6
Version: 2.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

hetkattenkabinet WordPress Theme, (C) 2020 WordPress.org
hetkattenkabinet is distributed under the terms of the GNU GPL.
*/

body{ padding: 0px; margin: 0px; list-style: none; font: normal 15px/24px var(--Quicksand); color: var(--dark);}

p{padding: 0px; margin: 0px;}

a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}

ul{ list-style: none; padding: 0px; margin: 0px;}

label{ list-style: none; padding: 0px; margin: 0px;}

ul li{ padding: 0px; margin: 0px;}

h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}

input[type="text"]::-webkit-placeholder { opacity: 1;  }

input[type="text"]::-moz-placeholder { opacity: 1;}

input[type="password"]::-webkit-placeholder { opacity: 1;}

input[type="password"]::-moz-placeholder { opacity: 1;}

input[type="search"]::-webkit-placeholder { opacity: 1;}

input[type="search"]::-moz-placeholder { opacity: 1;}

input[type="email"]::-webkit-placeholder { opacity: 1; }

input[type="email"]::-moz-placeholder { opacity: 1;}

input[type="tel"]::-webkit-placeholder { opacity: 1;}

input[type="tel"]::-moz-placeholder { opacity: 1;}

textarea::-moz-placeholder { opacity: 1;  }

textarea::-webkit-placeholder { opacity: 1;}

a:hover{ outline: none; text-decoration: none;}

a:active{ outline: none; text-decoration: none;}

a{ text-decoration: none;}

a, button, input[type="submit"], ::before, ::after{

transition: all 0.35s ease-in-out;

-webkit-transition: all 0.35s ease-in-out;

-o-transition: all 0.35s ease-in-out;

-ms-transition: all 0.35s ease-in-out;

}

input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}



img{max-width: 100%; height: auto;}

p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}

p:last-child{margin-bottom: 0px;}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}

figure{margin: 0px;}

.media{display: flex; align-items: flex-start;}

.media-object{flex: 1;}

h1, h2, h3, h4, h5, h6{color: var(--primary-color); font-weight: 700; font-family: var(--Baloo_2);}



:root {

  /* Colors */

  --primary-color: #CF5863;

  --success-color: #198754;

  --danger-color: #dc3545;

  --dark: #000;

  --light: #FFF;

  --lightRGB: 255, 255, 255;

  --muted: #777;



  /* Font Family */

  --Baloo_2: 'Baloo 2';

  --Quicksand: 'Quicksand';

  --Fredoka: 'FredokaOneRegular';

  --icomoon: 'icomoon';



  /* Heading Font Sizes */

  --heading-xs: 30px;

  --heading-sm: 35px;

  --heading-md: 45px;

  --heading-lg: 60px;

  --heading-xl: 80px;

  --heading-xxl: 100px;

  --heading-lineHeight: 1.1;



  /* Title Font Sizes */

  --title-sm: 22px;

  --title-md: 24px;

  --title-lg: 25px;

  --title-xl: 30px;

  --title-lineHeight: 1.1;



  /* Paragraph Font Sizes */

  --text-xxs: 15px;

  --text-xs: 16px;

  --text-sm: 18px;

  --text-md: 20px;

  --text-lg: 22px;

  --text-lineHeight: 1.6;



  --transition: all 0.3s ease-in-out;

}



/* quicksand-300 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 300;

  src: url('assets/fonts/quicksand-v37-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* quicksand-regular - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 400;

  src: url('assets/fonts/quicksand-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* quicksand-500 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 500;

  src: url('assets/fonts/quicksand-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* quicksand-600 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 600;

  src: url('assets/fonts/quicksand-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* quicksand-700 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Quicksand';

  font-style: normal;

  font-weight: 700;

  src: url('assets/fonts/quicksand-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}





/* baloo-2-regular - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Baloo 2';

  font-style: normal;

  font-weight: 400;

  src: url('assets/fonts/baloo-2-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* baloo-2-500 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Baloo 2';

  font-style: normal;

  font-weight: 500;

  src: url('assets/fonts/baloo-2-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* baloo-2-600 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Baloo 2';

  font-style: normal;

  font-weight: 600;

  src: url('assets/fonts/baloo-2-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* baloo-2-700 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Baloo 2';

  font-style: normal;

  font-weight: 700;

  src: url('assets/fonts/baloo-2-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* baloo-2-800 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Baloo 2';

  font-style: normal;

  font-weight: 800;

  src: url('assets/fonts/baloo-2-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}





@font-face {

    font-family: 'FredokaOneRegular';

    src: url('assets/fonts/FredokaOneRegular.eot');

    src: url('assets/fonts/FredokaOneRegular.eot') format('embedded-opentype'),

         url('assets/fonts/FredokaOneRegular.woff2') format('woff2'),

         url('assets/fonts/FredokaOneRegular.woff') format('woff'),

         url('assets/fonts/FredokaOneRegular.ttf') format('truetype'),

         url('assets/fonts/FredokaOneRegular.svg#FredokaOneRegular') format('svg');

}





/* @font-face {

  font-family: 'icomoon';

  src:  url('assets/fonts/icomoon.eot?th5q3u');

  src:  url('assets/fonts/icomoon.eot?th5q3u#iefix') format('embedded-opentype'),

    url('assets/fonts/icomoon.ttf?th5q3u') format('truetype'),

    url('assets/fonts/icomoon.woff?th5q3u') format('woff'),

    url('assets/fonts/icomoon.svg?th5q3u#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^="icon-"], [class*=" icon-"] {

 

  font-family: 'icomoon' !important;

  speak: never;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;





  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-Vector9:before {

  content: "\e901";

}

.icon-Vector10:before {

  content: "\e902";

}

.icon-Vector11:before {

  content: "\e903";

}

.icon-Vector12:before {

  content: "\e904";

}

.icon-Vector13:before {

  content: "\e905";

}

.icon-Vector14:before {

  content: "\e908";

}

.icon-Vector-9:before {

  content: "\e900";

}

.icon-instagram1:before {

  content: "\e90a";

}

.icon-instagram:before {

  content: "\e907";

}

.icon-linkedin:before {

  content: "\e906";

}

.icon-facebook-logo:before {

  content: "\e91b";

}

.icon-phone-call:before {

  content: "\e918";

}

.icon-email:before {

  content: "\e919";

}

.icon-pinterest:before {

  content: "\e934";

}

.icon-whatsapp:before {

  content: "\ea93";

}

.icon-youtube:before {

  content: "\ea9d";

} */



@font-face {

  font-family: 'icomoon';

  src:  url('assets/fonts/icomoon.eot?gy2iia');

  src:  url('assets/fonts/icomoon.eot?gy2iia#iefix') format('embedded-opentype'),

    url('assets/fonts/icomoon.ttf?gy2iia') format('truetype'),

    url('assets/fonts/icomoon.woff?gy2iia') format('woff'),

    url('assets/fonts/icomoon.svg?gy2iia#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: never;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-correct-pub:before {

  content: "\e909";

  color: #cf5863;

}

.icon-Vector9:before {

  content: "\e901";

  color: #fff;

}

.icon-Vector10:before {

  content: "\e902";

  color: #cf5863;

}

.icon-Vector11:before {

  content: "\e903";

  color: #cf5863;

}

.icon-Vector12:before {

  content: "\e904";

  color: #cf5863;

}

.icon-Vector13:before {

  content: "\e905";

}

.icon-Vector14:before {

  content: "\e908";

  color: #fff;

}

.icon-phone-call:before {

  content: "\e918";

}

.icon-email:before {

  content: "\e919";

}

.icon-pinterest:before {

  content: "\e934";

}

.icon-whatsapp:before {

  content: "\ea93";

}

.icon-youtube:before {

  content: "\ea9d";

}

.icon-Vector-9:before {

  content: "\e900";

  color: #fff;

}

.icon-instagram1:before {

  content: "\e90a";

}

.icon-instagram:before {

  content: "\e907";

}

.icon-linkedin:before {

  content: "\e906";

}

.icon-facebook-logo:before {

  content: "\e91b";

}











.headersec.fixed_header, .navbar-brand{

transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

}

.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;

-moz-box-shadow: 0 0 8px -5px #333;

-webkit-box-shadow: 0 0 8px -5px #333;

box-shadow: 0 0 8px -5px #333;}





@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}

100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

}

@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}

100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}

.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}









.hdrmnu .sub-menu-toggle{display: none;}

ul.slimmenu li .sub-toggle{width: 20px; height: 20px; background: url(assets/images/caret_icon.png) no-repeat center center;

background-size: 25px;top: 14px; right: -4px;}

ul.slimmenu li .sub-toggle i{display: none;}

ul.slimmenu li .sub-toggle::before{content: none;}

ul.slimmenu li > ul{width: 200px; background: var(--light); box-shadow: rgba(var(--dark), 0.24) 0px 3px 8px;

padding: 10px; border-radius: 8px;}

ul.slimmenu li > ul > li{width: 100%; background: transparent; margin: 0;}

ul.slimmenu li > ul > li > a{display: block; text-transform: capitalize; color: var(--secondary-color); width: 100%;

background: transparent; padding: 8px 12px; border-bottom: 1px solid rgba(var(--dark), 0.09) !important; border-radius: 0px !important;}

ul.slimmenu li > ul > li > a:hover{background: var(--primary-color); color: var(--light);

border-color: var(--primary-color) !important;border-radius: 6px !important;}

ul.slimmenu li > ul > li:last-child > a{border: 0 !important;}



body{background: #FFF8F3;}

p{font-size: var(--text-lg); line-height: var(--text-lineHeight);font-weight: 600; color: var(--primary-color);}

.pagehding h2{font-size: var(--heading-xxl); line-height: var(--heading-lineHeight); margin-bottom: 27px; position: relative;}

.pagehding h2:last-child{margin: 0;}



.bannerSec{padding: 180px 0 0; background-repeat: no-repeat; background-size: cover;}
.innerBanner{background-position: bottom;}
.bnerpnel .media{align-items: center; flex-direction: row-reverse;}

.bnerpnel h1{color: var(--light); font-weight: 700;font-size: 120px;line-height: 120px;}

.innerBanner .bnerpnel h1{font-size: var(--heading-xxl);}
.innerBanner .bnerpnel p{ font-size: var(--text-lg);}
.innerBanner{height:450px;}
.bnerpnel p{color: var(--light); font-family: 'Quicksand';font-weight: 600;}

.headersec{position: absolute; width: 100%; z-index: 99; top: 0; left: 0; width: 100%;}

ul.slimmenu > li{margin-right: 40px;}

ul.slimmenu > li:last-child{margin: 0;}

ul.slimmenu > li > a{display: inline-block; color: var(--light); font-weight: 600;font-size: 26px;line-height: 30px;}

.hdrlgo{position: absolute; left: 50%; transform: translateX(-50%);}

.hderinr{position: relative; display: flex; align-items: center;min-height: 140px;}

ul.slimmenu > li > a::before {position: absolute;content: "";bottom: -4px;left: 0;

width: 0px;transition: var(--transition);border-top: 2px solid var(--light);pointer-events: none;}

ul.slimmenu > li > a:hover::before, ul.slimmenu > li.current-menu-item > a::before {width: 30px;}

ul.slimmenu > li:nth-child(4){margin-left:auto;}

ul.slimmenu{display: flex;}

.hdrmnu{width: 100%;}

.bnersocial{position: absolute; bottom: 44px; left: 0; width: 100%; pointer-events: none; z-index: 5;}

.firstsec .bnersocial{position: static;padding:15px 0;}

.bnersocial li a{display: inline-flex; align-items: center; color: var(--light); font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: 2.4px;text-transform: uppercase; font-family: var(--Fredoka); pointer-events: visible;}

.firstsec {border-bottom: 1px solid #0000001A;}

.firstsec .bnersocial li a {display: inline-flex; align-items: center; color: #2D2D2D; font-weight: 500;font-size: 20px;font-family:var(--Quicksand);line-height: 30px;text-transform: capitalize; letter-spacing: 0;}
.firstsec  .bnersocial li a:hover{color: var(--primary-color); opacity: 1;}
.firstsec  .bnersocial li a.current-menu-item{color: var(--primary-color);font-weight: 600;}

.firstsec  .bnersocial li{  position: relative;}

.firstsec  .bnersocial li:last-child::before {content: "•";left: -26px;font-size: 30px; position: absolute;color:var(--primary-color);top: 3px;}

.bnersocial ul{display: inline-flex; align-items: center; gap: 44px;}

.bannerSec{position: relative;}

.bnersocial li span{display: inline-flex; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.22);

padding-right: 5px; margin-right: 5px;}

.bnersocial li a:hover{opacity: 0.65;}
.firstsec  .bnersocial li a.current-menu-item:hover{color: #2D2D2D; opacity: 1;}
.bnerpnel .media-object{margin-top: -88px;}
.innerBanner .bnerpnel .media-object{margin-top: 0;}
.innerBanner .bnerimge {position: absolute;bottom: 0;}


.organizationpnel{padding: 95px 0 65px;}

.organizationpnel .media{align-items: center; gap: 45px;}

.organizationpnel ul{display: flex; align-items: center; gap: 28px; padding-top: 30px;}

.organizationpnel li a{display: inline-flex; color: #FFF8F3; background: var(--primary-color); border-radius: 55px;

height: 60px; justify-content: center;font-family: var(--Baloo_2);font-weight: 700;font-size: 24px;line-height: 36px;

letter-spacing: 0.64px; align-items: center; width: 100%; border: 2px solid transparent;}

.organizationpnel li a:hover{color: var(--primary-color); background: transparent; border-color: var(--primary-color);}

.organizationpnel li{width: 100%;}

.pagehding h2::before{position: absolute; content: ""; left: 0; top: -50px; width: 61px; height: 61px;

background: url(assets/images/hdeingElmnt.png) no-repeat 0 0;}



.activelySupportpnel{width: 100%; background: var(--primary-color); border-radius: 100px; position: relative;

display: flex; align-items: flex-start; justify-content: space-between; padding: 64px 64px 165px;}

.activelySupportitem h2{color: var(--light);font-size: 80px;line-height: 80px;}

.activelySupportitem p{color: var(--light);}

.activelySupportitem{max-width: 510px; position: relative; width: 100%; z-index: 1;}

.activelySupportimge{position: absolute; bottom: -160px; left: 55%; transform: translateX(-50%);}

.activelySupportitem ul li a{display: inline-flex;color: var(--primary-color);background: var(--light);

border-radius: 55px;height: 60px;justify-content: center;font-family: var(--Baloo_2);font-weight: 700;font-size: 24px;

line-height: 36px;letter-spacing: 0.64px;align-items: center;width: 100%;border: 2px solid transparent; width: 100%;}

.activelySupportitem ul li a:hover{color: var(--light); background: transparent; border-color: var(--light);}

.activelySupportitem ul{display: inline-flex; flex-direction: column; gap: 24px; max-width: 450px; width: 100%;

margin-top: 40px;}

.newsSec{padding: 10px 0 188px; width: 100%;}

.WanneerSec{position: relative; padding-bottom: 227px;}

.WanneerSec::before{position: absolute; content: ""; bottom: 0; left: 0; height: 302px; width: 100%;background: url(assets/images/clud-shap.png) no-repeat 0 0; background-size: 100% 100%;background-color:#FFF8F3;}

.organizationSec{position: relative; padding-bottom: 227px;}

.organizationSec{position: relative; padding-bottom: 227px;}

.organizationSec::before{position: absolute; content: ""; bottom: 0; left: 0; z-index: -1; height: 302px; width: 100%;

background: url(assets/images/circleShpe.png) no-repeat 0 0; background-size: 100% 100%;}



.organizationSec::after{position: absolute; z-index: -1; top: 0; bottom: 300px; left: 0; right: 0; content: "";

background: var(--light);}

.thirdsec .WanneerSec{background-color: var(--light);}

.thirdsec .WanneerSec{padding: 107px 0 150px;}

.thirdsec .WanneerSec .media{gap: 150px;margin-bottom: 150px;}

.forthsec h4 {font-family: var(--Baloo_2);font-weight: 700;font-size: 30px;line-height: 46px;text-align: center;}

.forthsec h3 {font-family: var(--Baloo_2);font-weight: 700;font-size: 50px;line-height: 50px;text-align: center;}

.forthsec ul {display: flex;width: 100%;flex-wrap: wrap;gap: 50px;padding:80px 0;

}



.forthsec ul li {

    position: relative;

    width: calc(50% - 30px); /* adjust for gap */

    font-family: var(--Quicksand);

    font-weight: 600;

    font-size: 22px;

    line-height: 36px;

    color: var(--primary-color);

    text-align: left;

    padding-left: 40px; 

}

.forthsec ul li::before {

    content: "\e909"; /* Replace with your IcoMoon icon code */

    font-family: 'icomoon';

    position: absolute;

    left: 0; /* adjust as needed */

    top: 20px;

    transform: translateY(-50%);

    color: var(--primary-color);

    font-size: 23px;

}

.forthsec .welcomeSec .pagehding{    max-width: 1345px;margin: 0 auto;}

.newsItem{margin-top: 40px;}

.newsimge{overflow: hidden; border-radius: 60px; margin-bottom: 37px;}

.newsimge img{width: 100%; transition: var(--transition);}

.newscont h3{font-size: 30px;line-height: 40px;color: var(--primary-color);letter-spacing: -0.64px;}

.newscont h3 a{color: var(--primary-color);}

.newscont p{font-size: 20px;}

.newscont strong{display: flex; align-items: center; color: #2D2D2D;font-weight: 600;font-size: 18px; margin-bottom: 13px;

line-height: 23px;letter-spacing: -0.32px;}

.newscont strong i{display: inline-flex; margin-right: 6px;}

.themebtn{display: inline-flex; align-items: center; color: var(--light); padding: 0 31px;

border: 2px solid transparent; background: var(--primary-color); border-radius: 55px; height: 60px; justify-content: center;

font-family: var(--Baloo_2);font-weight: 700;font-size: 24px;line-height: 36px;letter-spacing: 0.64px;}

.themebtn:hover{background: transparent; color: var(--primary-color); border-color: var(--primary-color);}

.themebtn:hover span:before {color: var(--primary-color);}

.newsSec .row{margin: 0; gap: 94px; display: grid; grid-template-columns: repeat(3, 1fr);}

.newsSec .row > div{padding: 0; width: auto;}

.newsconttop{width: 100%; min-height: 295px; padding: 0 0 15px;}

.newsItem:hover .newsimge img{transform: scale(1.08) rotate(2deg);}

.txtcenter{text-align: center;}

.pagehding.txtcenter h2::before{left: 50%; transform: translateX(-50%);}



.sponsorSec{width: 100%; padding: 0 0 130px;}

.sponsorlgo{overflow: hidden; border-radius: 60px; display: flex; align-items: center; 

justify-content: center;}

.sponsorlgo img{width: auto !important; display: inline-block !important;}

.sponsorSlder{margin-top: 27px; width: 100%;}



.footerSec{width: 100%; padding-top: 120px; background-repeat: no-repeat; background-size: cover; overflow: hidden;}

.ftrinfo{margin-top: 75px; display: flex; align-items: flex-start; justify-content: space-between;}

.ftrinfo h3{color: var(--light); font-size: 24px;line-height: 30px;letter-spacing: 0.16px;margin-bottom: 25px;}

.ftrlink ul{display: flex; flex-direction: column; gap: 15px;}

.ftrlink li a{color: var(--light); font-weight: 600;font-size: 22px;line-height: 30px;letter-spacing: 0.16px;}

.ftrlink li a:hover{text-decoration: underline;}

.ftertitle{text-align: center; margin-top: 60px; pointer-events: none;}

.ftertitle h2{font-size: 211px;line-height: 138px; white-space: nowrap; padding-top: 20px;

background: linear-gradient(180deg, #FFFFFF -452.3%, rgba(255, 255, 255, 0) 100%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-clip: text;}

.footerSec .container{max-width: 1760px;}

.ftercpy{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; padding: 22px 0;}

.ftercpy p{color: var(--light); margin: 0;}

.ftercpy p a{color: var(--light);}

.ftercpy p a:hover{text-decoration: underline;}

.ftermail{display: inline-flex; align-items: center; height: 67px; color: var(--light); min-width: 540px; border-radius: 55px;

justify-content: center; font-family: var(--Baloo_2);font-weight: 700;font-size: 24px;line-height: 30px; position: relative;

letter-spacing: 0.16px;text-transform: lowercase; border: 1px solid var(--light);}

.ftermail:hover{background: var(--light); color: var(--primary-color);}

.ftermail i{display: inline-flex; font-size: 14px; margin-right: 8px;}

.ftermail::before{position: absolute; content: ""; left: 100%; right: -999%; border-top: 1px solid rgba(255, 255, 255, 0.22);

pointer-events: none;}

.fterpnel{overflow: hidden; width: 100%;}



.adoptionSec{padding: 175px 0 130px; width: 100%;}

.welcomeSec{padding-top: 107px; width: 100%;}

.welcomeSec .pagehding{max-width: 1085px; margin: 0 auto;}

.welcomeSec .pagehding h2{margin-bottom: 20px;}

.welcomeSec .pagehding .themebtn{height: 70px; min-width: 300px; margin-top: 37px;}

.welcomeSec .pagehding .themebtn span{display: inline-flex; margin-left: 11px;}

.welcomeSec .pagehding h2::before{content: none;}

.secondsec .welcomeSec .pagehding {max-width: 100%;text-align: left;}

.secondsec a, .forthsec a{color:#2D2D2D; text-decoration: underline;}

.secondsec a:hover ,.forthsec a:hover{color: var(--primary-color);}

.secondsec .media{gap: 75px;margin-top: 50px;}

.secondsec .welcomeSec{padding-bottom: 107px;}

.forthsec .welcomeSec{padding-bottom: 130px;padding-top:50px;}

.adoptionimge img{width: 100%; transition: var(--transition);}

.adoptionimge{margin-bottom: 30px; overflow: hidden; border-radius: 60px;}

.adoptionCont h3{color: var(--primary-color); font-size: 50px;line-height: 55px;}

.adoptionCont h3 a{color: var(--primary-color);}

.adoptionItem{margin-top: 50px; max-width: 425px; text-align: center;}

.adoptionlist .row{margin: 0; justify-content: space-between;}

.adoptionlist .row > div{width: auto;}

.adoptionItem:hover .adoptionimge img{transform: scale(1.05);}

.adoptionbtn{text-align: right;}

.welcomecont h3{color: var(--primary-color); font-size: 50px;line-height: 55px;}

.welcomecont h3 a{color: var(--primary-color);}

.welcomecont .themebtn{margin-top: 14px;}

.welcomeItem{text-align: center;}

.welcomeimg{position: relative; margin-bottom: 30px; display: inline-flex; align-items: center; justify-content: center;}

.welcomeimg span{position: absolute; color: var(--primary-color); font-size: 100px;}

.welcomelist{margin-top: 85px;}

.welcomelist .row > div:nth-child(2) .welcomeItem{margin-top: 100px;}

.headersec.fixed_header{background: var(--primary-color); padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
.headersec.fixed_header .hdrlgo{max-width: 180px;}
.headersec.fixed_header .hderinr {min-height: 85px;}
.bannerSec.innerBanner { background-position: bottom right 10px;   background-repeat: no-repeat; background-size: 430px; position: relative;}
.bannerSec.innerBanner:before{width: 100%; height: 100%; position: absolute; top: 0; bottom: 0;background: url(assets/images/inner-back.jpg) no-repeat top center; content: ""; z-index: -1;}
.ftermail:hover i:before { color: #cf5863;}



@media screen and (min-width:1600px) {
.container{max-width: 1584px;}
}

@media (min-width: 1700px) and (max-width: 1799px) {

}

@media (min-width: 1600px) and (max-width: 1699px) {
.ftertitle h2 {font-size: 188px;line-height: 118px;}

}


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

.pagehding h2, .innerBanner .bnerpnel h1 {font-size: var(--heading-xl);}

p{font-size: var(--text-md);}

.footerSec .container{max-width: 1320px;}

ul.slimmenu > li > a {font-size: 20px;line-height: 25px;}

.hdrlgo {max-width: 210px;}

.hderinr {min-height: 125px;}

.bnersocial li a {font-size: 15px; line-height: 20px; letter-spacing: 2px;}

.bnersocial ul {gap: 33px;}

.bnersocial {bottom: 33px;}

.bnerimge{max-width: 580px;}

.bnerpnel h1 {font-size: 100px; line-height: 100px;}

.bannerSec {padding: 155px 0 0;}

.welcomeSec .pagehding {max-width: 985px;}

.themebtn {padding: 0 35px; font-size: 20px; line-height: 25px;}

.welcomeSec .pagehding .themebtn {height: 65px;min-width: 255px;margin-top: 25px;}

.adoptionCont h3, .welcomecont h3 {font-size: 40px;line-height: 45px;}

.newscont h3 {font-size: 25px;line-height: 30px;}
.adoptionimge, .newsimge, .sponsorlgo {border-radius: 45px;}

.welcomelist {margin-top: 65px;}

.welcomeimg img{height: 200px;}

.welcomeimg span {font-size: 80px;}

.welcomeSec {padding-top: 90px;}
.secondsec .welcomeSec {padding-bottom: 90px;}
.thirdsec .WanneerSec{padding: 90px 0 90px;}
.adoptionSec {padding: 130px 0 100px;}

.adoptionItem {margin-top: 40px; max-width: 380px;}

.pagehding h2::before{width: 50px; height: 50px; background-size: 50px;}

.organizationpnel .media {gap: 35px;}

.organizationimge{max-width: 550px;}

.organizationpnel li a, .activelySupportitem ul li a {height: 55px;font-size: 20px;line-height: 25px;}

.organizationpnel ul {gap: 22px;padding-top: 20px;}

.organizationpnel {padding: 80px 0 50px;}

.activelySupportitem h2 {font-size: 65px; line-height: 70px;}

.activelySupportitem ul {gap: 20px;max-width: 400px;margin-top: 25px;}

.activelySupportitem {max-width: 465px;}

.activelySupportpnel {border-radius: 70px;padding: 50px 50px 130px;}

.activelySupportimge {max-width: 430px;}

.organizationSec::before , .WanneerSec::before{height: 220px;}

.organizationSec {padding-bottom: 195px;}

.organizationSec::after {bottom: 215px;}

.newscont p {font-size: 18px;}

.newscont strong {font-size: 16px; margin-bottom: 12px; line-height: 20px;}

.newsimge {margin-bottom: 28px;}

.newsItem {margin-top: 30px;}

.newsSec .row {gap: 80px;}

.newsconttop {min-height: 255px;}

.newsSec {padding: 10px 0 150px;}

.sponsorSec {padding: 0px 0 100px;}

.ftrlink li a {font-size: 20px;line-height: 27px;}

.ftrinfo h3 {font-size: 22px; line-height: 28px; margin-bottom: 23px;}

.footerSec {padding-top: 93px;}

.ftertitle h2 {font-size: 156px;line-height: 106px;}

.ftertitle {margin-top: 50px;}

.ftermail {height: 60px;min-width: 440px;font-size: 19px;line-height: 24px;}

.ftrinfo {margin-top: 60px;}
.firstsec .bnersocial li:last-child::before{left: -20px;}
.innerBanner {background-position: right;}
.innerBanner {height: 400px;}
.firstsec .bnersocial li a {font-size: var(--text-sm);}
.thirdsec .WanneerSec .media {gap: 100px;margin-bottom: 125px;}
.forthsec ul {gap: 40px;padding: 60px 0;}
.innerBanner .bnerpnel h1 {font-size: var(--heading-xl);}
.innerBanner .bnerpnel p, .forthsec ul li  {font-size: var(--text-md);}
.forthsec h4 { font-size:26px; line-height: 38px;}
.forthsec h3 { font-size: 40px;line-height: 40px;}
.forthsec .welcomeSec { padding-bottom: 110px;}
.bannerSec.innerBanner {background-position: bottom right 50px; background-repeat: no-repeat; background-size: 380px; position: relative;}
}



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

.pagehding h2 , .innerBanner .bnerpnel h1 {font-size: var(--heading-lg);}

p{font-size: var(--text-sm);}

.footerSec .container{max-width: 1140px;}

.themebtn {padding: 0 30px;font-size: 18px;line-height: 23px;height: 53px;}

.organizationpnel li a, .activelySupportitem ul li a{font-size: 18px;line-height: 23px;height: 53px;}

.adoptionimge, .newsimge, .sponsorlgo {border-radius: 35px;}

.adoptionCont h3, .welcomecont h3 {font-size: 35px;line-height: 40px;}

.welcomeSec .pagehding .themebtn {height: 58px;min-width: 225px;margin-top: 16px;}

.welcomeSec .pagehding {max-width: 855px;}

ul.slimmenu > li > a {font-size: 17px;line-height: 23px;}

ul.slimmenu > li {margin-right: 33px;}

ul.slimmenu > li > a::before{border-width: 1px;}

.hdrlgo {max-width: 185px;}

.hderinr {min-height: 108px;}

.bnersocial li a {font-size: 14px;line-height: 20px;letter-spacing: 1.5px;}

.bnersocial ul {gap: 25px;}

.bnersocial {bottom: 28px;}

.bannerSec {padding: 135px 0 0;}

.bnerimge {max-width: 500px;}

.bnerpnel h1 {font-size: 80px;line-height: 80px;}
.forthsec h3 { font-size:var( --heading-sm); }
.forthsec h4 { font-size:var( --text-lg);}
.welcomeSec .pagehding h2 {margin-bottom: 15px;}
.thirdsec .WanneerSec{padding: 75px 0 75px;}
.welcomeSec {padding-top: 75px;}
.secondsec .welcomeSec {padding-bottom: 75px;}
.adoptionimge {margin-bottom: 25px;}

.adoptionItem {margin-top: 35px;max-width: 325px;}

.pagehding h2::before {width: 40px;height: 40px;background-size: 40px;top: -40px;}

.adoptionSec {padding: 100px 0 80px;}

.welcomeimg img {height: 180px;}

.welcomelist .row > div:nth-child(2) .welcomeItem {margin-top: 75px;}

.welcomelist {margin-top: 58px;}

.organizationpnel ul {gap: 15px;padding-top: 13px;}

.organizationimge {max-width: 500px;}

.organizationpnel {padding: 70px 0px 45px;}

.pagehding h2 {margin-bottom: 23px;}

.activelySupportitem h2 {font-size: 50px;line-height: 55px;}

.newscont p {font-size: 17px;}

.activelySupportpnel {border-radius: 55px;padding: 40px 35px 110px;}

.activelySupportitem {max-width: 410px;}

.activelySupportitem ul {gap: 17px;max-width: 348px;margin-top: 22px;}

.activelySupportimge {max-width: 373px;bottom: -124px;}

.organizationSec::before , .WanneerSec::before{height: 180px;}

.organizationSec {padding-bottom: 150px;}

.organizationSec::after {bottom: 175px;}

.newscont h3 {font-size: 22px;line-height: 28px;}

.newscont strong {font-size: 14px;margin-bottom: 11px;line-height: 19px;}

.newsimge {margin-bottom: 23px;}

.newsSec .row {gap: 60px;}

.newsconttop {min-height: 240px;}

.newsSec {padding: 10px 0 110px;}

.sponsorSec {padding: 0px 0 78px;}

.ftrlink li a {font-size: 17px;line-height: 24px;}

.ftrlink ul {gap: 13px;}

.ftrinfo h3 {font-size: 20px;line-height: 25px;margin-bottom: 19px;}

.footerSec {padding-top: 75px;}

.ftermail {height: 55px;min-width: 360px;font-size: 17px;line-height: 23px;}

.ftermail i {font-size: 12px;}

.ftertitle h2 {font-size: 135px; line-height: 88px;}

.ftertitle {margin-top: 40px;}
.firstsec .bnersocial li:last-child::before{left: -18px;}
.innerBanner {height: 350px;}
.innerBanner .bnerpnel .media-object {margin-top: 15px;}
.thirdsec .WanneerSec .media {margin-bottom: 100px;}
.forthsec ul {gap: 30px;padding: 50px 0;}
.forthsec ul li {font-size: var(--text-md);}
.innerBanner .bnerpnel p, .forthsec ul li {font-size: var(--text-sm);}
.forthsec .welcomeSec { padding-bottom: 90px;}
.bannerSec.innerBanner { background-position: bottom right 75px; background-repeat: no-repeat; background-size: 330px; position: relative;}

}

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

.pagehding h2 , .innerBanner .bnerpnel h1 {font-size: var(--heading-md);}

p{font-size: var(--text-xs);}

.footerSec .container{max-width: 960px;}

ul.slimmenu > li > a {font-size: 16px;line-height: 20px;}

ul.slimmenu > li {margin-right: 20px;}

.hdrlgo {max-width: 160px;}

.hderinr {min-height: 91px;}

.bnerimge {max-width: 430px;}

.bnerpnel h1 {font-size: 65px;line-height: 65px;}

.welcomeSec {padding-top: 60px;}
.thirdsec .WanneerSec{padding: 60px 0 60px;}

.secondsec .welcomeSec {padding-bottom: 60px;}
.adoptionCont h3, .welcomecont h3 {font-size: 30px;line-height: 35px;}

.ftrlink li a {font-size: 15px;line-height: 20px;}

.ftrlink ul {gap: 11px;}

.ftermail {height: 50px;min-width: 315px;font-size: 15px;line-height: 20px;}

.ftertitle h2 {font-size: 112px;line-height: 71px;}

.ftrinfo {margin-top: 48px;}

.sponsorSec {padding: 0px 0 65px;}

.sponsorSec .owl-dots {display: flex !important; align-items: center; justify-content: center; margin-top: 30px; gap: 13px;}

.sponsorSec .owl-dots button{width: 10px; height: 10px; background: var(--primary-color); opacity: 0.45;}

.sponsorSec .owl-dots button.active{opacity: 1;}

.newsSec .row {gap: 24px;}

.newscont h3 {font-size: 21px;line-height: 26px;}

.newscont p {font-size: 15px;}

.pagehding h2::before {width: 34px;height: 34px;background-size: 34px;top: -34px;}

.activelySupportitem h2 {font-size: 40px;line-height: 45px;}

.activelySupportpnel {border-radius: 40px;padding: 30px 25px 95px;}

.activelySupportitem {max-width: 365px;}

.activelySupportitem ul {gap: 15px;max-width: 288px;margin-top: 18px;}

.organizationSec::before , .WanneerSec::before{height: 145px;}

.organizationSec {padding-bottom: 125px;}

.organizationSec::after {bottom: 140px;}

.activelySupportimge {max-width: 310px;bottom: -115px;}

.organizationpnel li a, .activelySupportitem ul li a {font-size: 16px;line-height: 20px;height: 48px;}

.organizationpnel .media {gap: 25px;}

.organizationimge {max-width: 400px;}

.organizationpnel {padding: 63px 0px 38px;}
.adoptionItem {margin-top: 30px;max-width: 285px;}
.adoptionimge {margin-bottom: 20px;}
.adoptionSec {padding: 88px 0 68px;}
.welcomeSec .pagehding {max-width: 755px;}
.welcomeSec .pagehding .themebtn {height: 55px;min-width: 210px;margin-top: 10px;}
.welcomelist {margin-top: 48px;}
.welcomeimg {margin-bottom: 23px;}
.welcomeimg img {height: 160px;}
.welcomeimg span {font-size: 68px;}
.welcomelist .row > div:nth-child(2) .welcomeItem {margin-top: 55px;}
.forthsec h3 { font-size:var( --heading-xs);}
.headersec.fixed_header .hdrlgo {max-width: 160px;}
.headersec.fixed_header .hderinr {min-height: 70px;}
.firstsec .bnersocial li a { font-size: var(--text-xs);}
.thirdsec .WanneerSec .media {gap: 80px;margin-bottom: 80px;}
.innerBanner .bnerpnel p, .forthsec ul li {font-size: var(--text-xs);}
.forthsec h4 {font-size: var( --text-md); line-height: 30px;}
.forthsec .welcomeSec { padding-bottom: 70px;  padding-top: 38px;}

.bannerSec.innerBanner {background-position: bottom right 10px; background-repeat: no-repeat; background-size: 330px; position: relative;}

}

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

.collapse-button{right: 0px; background: transparent !important; border-radius: 0px; padding: 0px; width: auto;justify-content: center;

display: flex;flex-direction: column;align-items: flex-end;}

.collapse-button .icon-bar{background: var(--light); height: 3px; border-radius: 5px; width: 27px; margin: 3px 0;

transition: all 0.45s ease-in-out;}

.collapse-button .icon-bar:first-child{margin-top: 0; width: 22px;}

.collapse-button .icon-bar:last-child{margin-bottom: 0; width: 22px;}

ul.slimmenu{background: var(--primary-color); position: fixed; top: 0; flex-wrap: initial; right: -82%; height: 100vh !important; width: 80%; z-index: 999; padding: 100px 20px 20px;

transition: all 0.45s ease-in-out; overflow-x: auto; display: flex !important; flex-direction: column; justify-content: flex-start;}

body.sideMenu{overflow: hidden;}

.menuOvrly{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(var(--lightRGB), 0.92); z-index: 99;

transition: all 0.45s ease-in-out; opacity: 0; visibility: hidden;}

.sideMenu .menuOvrly{opacity: 1; visibility: visible;}

.sideMenu ul.slimmenu{right: 0;}

ul.slimmenu > li{border-bottom: 1px solid rgba(var(--lightRGB), .1); transition: all 0.75s ease-in-out; padding: 5px 0;

padding-left: 65px;}

ul.slimmenu > li > a{padding: 10px 0; color: var(--light); border: 0 !important;}

ul.slimmenu > li:last-child{border: 0;}

ul.slimmenu li .sub-toggle{background: transparent; height: 43px !important; width: 43px; display: flex; top: 5px;

align-items: center; justify-content: center;}

.sideMenu ul.slimmenu > li{padding-left: 0px; margin: 0;}

.closeMenu{position: absolute; right: 82%; top: 20px; width: 32px; height: 32px; z-index: 999; opacity: 0; visibility: hidden;

transform: rotate(-25deg); transition: all 0.45s ease-in-out; transition-delay: 0.2s;}

.closeMenu::before, .closeMenu::after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;

background-color: var(--dark);}

.closeMenu::before {transform: rotate(45deg);}

.closeMenu::after {transform: rotate(-45deg);}

.sideMenu .closeMenu{transform: rotate(0deg); opacity: 1; visibility: visible;}

ul.slimmenu > li > a:hover{padding-left: 8px; opacity: .6;}

ul.slimmenu li .sub-toggle i{display: none;}

ul.slimmenu li .sub-toggle::before{content: none;}

ul.slimmenu li .sub-toggle::after{border-left: solid 6px transparent; border-right: solid 6px transparent;

border-top: solid 6px var(--light); 

height: 0; width: 0; position: absolute; content: "";}

ul.slimmenu.collapsed li > ul{width: 100%; background: var(--light); float: left;}

ul.slimmenu.collapsed li > ul > li{background: transparent;}

ul.slimmenu.collapsed li > ul > li > a{padding: 10px 12px; color: var(--secondary-color); text-transform: capitalize;}

ul.slimmenu.collapsed li > ul > li i{display: none;}

ul.slimmenu.collapsed li > ul > li > a:hover{background: var(--secondary-color); color: var(--light);}



.pagehding h2 , .innerBanner .bnerpnel h1 {font-size: var(--heading-sm);}

.footerSec .container{max-width: 720px;}

.headersec .container{max-width: 100%;}

.headersec{background: var(--primary-color); padding: 12px 0;}

.hderinr {min-height: auto;}

.hdrlgo {max-width: 125px;position: static;transform: initial;}

.hdrmnu {width: auto;}

.bannerSec {padding: 35px 0 0;margin: 83px 0 0;}

.bnersocial{display: none;}

.bnerpnel .media-object {margin-top: 0;}

.bnerimge {max-width: 350px;}

.bnerpnel h1 {font-size: 48px;line-height: 48px;}

.ftercpy{padding: 14px 0; text-align: center; gap: 8px; flex-direction: column;}

.ftertitle h2 {font-size: 83px;line-height: 52px;}

.ftertitle {margin-top: 33px;}

.footerSec {padding-top: 50px;}

.ftrlink li a {font-size: 14px;line-height: 20px;}

.ftrinfo {margin-top: 40px;display: grid;grid-template-columns: repeat(3, 1fr); gap: 25px;}

.ftrlink ul {gap: 6px;}

.sponsorSec {padding: 0px 0 50px;}

.adoptionimge, .newsimge, .sponsorlgo {border-radius: 25px;}

.newsSec {padding: 10px 0 75px;}

.newsSec .row {gap: 10px;grid-template-columns: repeat(2, 1fr);}

.newsconttop {min-height: 200px;}

.activelySupportitem h2 {font-size: 32px;line-height: 39px;}

.activelySupportpnel {border-radius: 25px;padding: 25px 15px 88px;}

.activelySupportitem {max-width: 290px;}

.organizationpnel li a, .activelySupportitem ul li a {font-size: 14px;line-height: 20px;height: 44px;}

.activelySupportitem ul {gap: 12px;max-width: 232px;margin-top: 14px;}

.activelySupportimge {max-width: 246px;bottom: -88px;}

.organizationSec::before , .WanneerSec::before{height: 110px;}

.organizationSec {padding-bottom: 88px;}

.organizationSec::after {bottom: 80px;}

p{font-size: var(--text-xxs);}

.organizationimge {max-width: 255px;}

.organizationpnel ul {gap: 10px;padding-top: 9px;}

.adoptionItem {margin-top: 28px;max-width: 208px;}

.adoptionCont h3, .welcomecont h3 {font-size: 22px;line-height: 30px;}
.adoptionbtn {text-align: center;margin: 30px 0 0;}
.welcomeItem{margin-top: 30px !important;}
.welcomeSec .row{justify-content: center;}
.welcomelist {margin-top: 20px;}
.themebtn {padding: 0 30px;font-size: 16px;line-height: 20px;height: 48px;}
.welcomeSec .pagehding .themebtn {height: 50px;min-width: 182px;margin-top: 5px;}
.welcomeSec {padding-top: 48px;}
.thirdsec .WanneerSec{padding: 48px 0 48px;}
.secondsec .welcomeSec {padding-bottom: 48px;}
.pagehding h2 {margin-bottom: 14px;}
.headersec.fixed_header .hdrlgo {max-width: 130px;}
.headersec.fixed_header .hderinr {min-height: auto;}
.innerBanner { height: 230px;}
.bannerSec.lazy.innerBanner .bnerpnel {padding-right: 230px;}
.bannerSec.lazy.innerBanner p br { display: none;}
.innerBanner .bnerpnel p, .forthsec ul li {font-size: var(--text-xxs); line-height: 25px;}
.forthsec h3 {font-size: 22px;}
.bannerSec.innerBanner {background-position: bottom right 0; background-repeat: no-repeat; background-size: 270px; position: relative;}

}

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

.pagehding h2 , .innerBanner .bnerpnel h1 {font-size: var(--heading-xs);}



.animated {

-webkit-animation-duration: initial;

animation-duration: initial;

-webkit-animation-fill-mode: initial;

animation-fill-mode: initial;}

.footerSec .container{max-width: 540px;}

.bnerimge {max-width: 260px;}

.bnerpnel h1 {font-size: 38px; line-height: 38px;}

.adoptionItem {margin-top: 26px;max-width: 100%;}

.adoptionlist .row > div {width: 50%;}

.organizationpnel .media {flex-direction: column;}

.activelySupportpnel {border-radius: 20px;padding: 25px; flex-direction: column; gap: 25px;}

.activelySupportimge{display: none;}

.activelySupportitem {max-width: 100%; text-align: center;}

.activelySupportitem ul {gap: 13px;max-width: 100%;}

.organizationSec::before , .WanneerSec::before{height: 75px;}

.organizationSec {padding-bottom: 75px;}

.organizationSec::after {bottom: 66px;}

.ftertitle h2 {font-size: 61px;line-height: 36px;padding-top: 13px;}

.ftermail {height: 47px;min-width: 280px;}

.footerSec {padding-top: 40px;}

section.secondsec .media, .thirdsec .WanneerSec .media { flex-direction: column;  gap: 15px; margin-top: 25px; justify-content: center; align-items: center; }
.organizationimge { max-width: 100%;  text-align: center;}
.organizationimge img { width: 300px; }

.forthsec ul { gap: 15px;  padding: 30px 0;  flex-direction: column;}
.forthsec ul li { width: 100%;  position: relative; padding-left: 30px;}
.forthsec ul li::before { content: "\e909";  font-family: 'icomoon';  position: absolute;  left: 0;  top: 13px;  transform: translateY(-50%); color: var(--primary-color); font-size: 20px;}

.bannerSec.innerBanner .bnerpnel p br { display: none;}

.bannerSec.innerBanner {
    background-position: bottom right 0;
    background-repeat: no-repeat;
    background-size: 210px;
    position: relative;
}

.bannerSec.innerBanner .bnerpnel {
    padding-right: 125px;
}


}

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



.footerSec .container{max-width: 100%;}

.newsSec .row {grid-template-columns: repeat(1, 1fr);}

.newsconttop {min-height: auto;}

.pagehding h2::before {width: 24px;height: 24px;background-size: 24px;top: -24px;}

.ftrinfo {grid-template-columns: repeat(2, 1fr);}

.bnerimge {max-width: 230px;}

.bnerpnel h1 {font-size: 33px;line-height: 33px;}

.ftertitle h2 {font-size: 54px;}



}

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

.activelySupportpnel {border-radius: 14px;padding: 15px;}

.activelySupportitem h2 {font-size: 28px;line-height: 31px;}

.adoptionCont h3, .welcomecont h3 {font-size: 20px;line-height: 25px;}

.adoptionlist .row > div {width: 100%;}

.organizationpnel ul {flex-wrap: wrap;}

.ftertitle h2 {font-size: 46px;white-space: normal;line-height: 40px;}

.ftertitle {margin-top: 24px;}

.bnerimge {max-width: 190px;}

.bnerpnel h1 {font-size: 25px;line-height: 27px;}


.bannerSec.innerBanner {
    background-position: bottom right 0;
    background-repeat: no-repeat;
    background-size: 130px;
    position: relative;
}

.bannerSec.innerBanner .bnerpnel {
    padding-right: 83px;
}

.innerBanner {
    height: 280px;
}

.organizationimge img {
    width: 250px;
}

}