/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
/*======font-family: "Cormorant", serif;======*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*========font-family: "Montserrat", sans-serif;============*/

/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0;font-family: "Montserrat", sans-serif; font-size: clamp(0.938rem, 0.857rem + 0.119vw, 1rem); font-weight: 400; color:#111111; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #000;line-height: 1.1; }
h1{ font-size: clamp(1.875rem, 1.385rem + 2.179vw, 4rem);font-weight: 800; font-family: "Cormorant", serif;}
/*64-30*/
h2{ font-size: clamp(1.563rem, -0.286rem + 2.738vw, 3rem);font-weight: 800; font-family: "Cormorant", serif;}
/*48-25*/
h3{ font-size: clamp(1.375rem, 0.25rem + 1.667vw, 2.25rem); font-family: "Cormorant", serif;}
/*36-22*/
h4{ font-size: clamp(1.25rem, 0.286rem + 1.429vw, 2rem); font-family: "Cormorant", serif;}
/*32-20*/
h5{ font-size:clamp(1.375rem, 1.282rem + 0.494vw, 1.875rem); font-family: "Montserrat", sans-serif;}
/*30-22*/
h6{ font-size:clamp(1.125rem, 1.102rem + 0.123vw, 1.25rem); font-family: "Montserrat", sans-serif;}
/*20-18*/
p{ margin:0 0 15px; line-height: 1.6;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: "Urbanist", sans-serif; font-weight: 300; outline: none;}
input[type="submit"]{font-family: "Urbanist", sans-serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input.form-control,
textarea.form-control {border: 1px solid #C3CAD4 !important;box-shadow: none !important;}
textarea.form-control{height: 170px !important;}
p:last-child{margin-bottom: 0;}




/* --- common background color --- */




/* --- common background color --- */




/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */

.btn {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #D3A86C; letter-spacing: 1px; font-family: "Montserrat", sans-serif; display: inline-block; vertical-align: top; background: #110000; color: #fff !important; padding: 18px 30px; font-size: 20px; line-height: 1; text-transform: inherit; border-radius: 0; position: relative; }
.btn::after {content: ""; position: absolute; top: 6px; left: 6px; width: 100%; height: 100%; background-color: #D3A86C; z-index: -1; transition: all 0.4s ease; }
.btn:hover::after {top: 0px; left: 0px; transition: all 0.4s ease; }
.btn-style{position: relative;z-index: 1;}
.btn:hover {transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #D3A86C; background: #110000; color: #fff !important; }
.btn span {transform: translate(0px, 0px); display: inline-block; transition: all 0.4s ease;}
.btn:hover span {transform: translate(10px, 0px); display: inline-block; transition: all 0.4s ease; }

.linebtn {color: #9F7348 !important; font-weight: 600; }
.linebtn span {transform: translate(6px, 0px); display: inline-block; transition: all 0.4s ease;}
.linebtn:hover span {transform: translate(10px, 0px); display: inline-block; transition: all 0.4s ease; }



/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 70px; padding-bottom: 70px; }
.form-control { height: 50px; padding: 12px 15px; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 700; }

.home-provide-secton-wraper .image-box img{width: 100%;height: 100%;object-fit: contain;}
.home-story-secton .big-img img,
.home-gallery-secton .galary-carasol-box img,
.home-event-secton .single-box .image-box img,
.home-who-we-are-secton .image-box img,
.donate-purpose .image-box img{width: 100%;height: 100%;object-fit: cover;}

/*..............common styles..............*/


/*-----scroll-bar-design----------*/

/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #3B3B3C; border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.main-header {padding: 10px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.9724264705882353) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%);   -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.call-portal { padding: 0 0 18px; margin-right: -20px; display: flex; align-items: center; justify-content: flex-end; }
.call-portal a.call-link { color: #CE222B; font-weight: 900; font-style: italic; margin-right: 10px; }
.call-portal a.call-link svg { color: #686868; }
.call-portal a.portal-btn { background: #CE222B; color: #fff; padding: 9px; line-height: 1; display: block; font-size: 14px; }

.manu-part {display: flex; align-items: center; }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.main-menu ul li { list-style: none;font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 400; text-transform: capitalize;}
.main-menu ul li:not(:last-child) { margin-right: 50px;}
.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;}
.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #D3A86C; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
header.main-header::before {content: ""; width: 67%; height: 1px; position: absolute; bottom: 0; background-color: #ffffff70; right: 0; }

.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a,
.main-menu ul li {cursor: pointer; display: block; color: #ffffff; padding: 8px 0; position: relative; font-size: 20px; font-weight: 400; text-transform: inherit;}
.main-menu li:hover ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu {position: absolute; width: 350px; display: block; background-color: #fff; margin-top: 4px; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }
.main-menu ul.sub-menu li a {color: #000; }
header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }
.main-header.fixed .logo {opacity: 1; max-width: 300px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .logo {opacity: 0; max-width: 400px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }

header ul li.menu-item-has-children::before {box-sizing: border-box; height: 10px; width: 10px; border-style: solid; border-color: white; border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; content: ""; position: absolute; top: 15px; right: -23px; }

.main-header.fixed {background: #000000b5; padding: 10px 0px; left: 0; position: fixed; top: 0; width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(10px);}

/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center; }
.main-header .user-sec {display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: 200px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #000; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 20px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 0px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: -143px; top: 14px; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: #ffffff; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out; left: 0; margin: 0 auto; }


/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


/*=========mobile menu===========*/

.home-team-sec .image-box img,
.about-sec .image-box-wraper img{width: 100%;height: 100%;object-fit: cover;}


/*for header css*/

/*=====home page====*/
.team-sec .container,
.founder-talk-sec .container,
.jurny-sec .container,
.adter-banner-sec .container{position: relative;z-index: 1;}


.banner-sec{overflow: hidden;}
.banner-sec .container-fluid {padding: 0; }
.banner-sec .left-imge-block {width: 100%; min-height: 100vh; overflow: hidden; position: relative; height: 100%; }
.banner-sec .left-imge-block img {width: 100%; object-fit: cover; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.banner-sec .left-imge-block::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #D3A86C 0%, #9F7348 100%); opacity: .6; }
.banner-sec .col-lg-4 {padding-right: 0; }
.banner-sec .col-lg-8 {padding-left: 0; }
.banner-sec .image-box {position: relative; min-height: 100vh; }
.banner-sec .image-box>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-sec .logo-box {flex-direction: column;position: relative; top: 0; width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(270deg, #654321c7 0%, rgb(0 0 0 / 71%) 100%); padding: 100px 15px; }
.banner-sec span.swiper-pagination-bullet::before {transition: all 0.3s ease;opacity: 0; content: ""; position: absolute; top: -3px; left: -3px; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 50px; }
.banner-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {opacity: 1;transition: all 0.3s ease;}
.banner-sec span.swiper-pagination-bullet {position: relative; background-color: #fff; opacity: 1; width: 14px; height: 14px; }
.banner-sec .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 40px; padding: 0 15px; gap: 7px; display: flex ; justify-content: center; }


.adter-banner-sec {background-color: #111111; position: relative;}
.adter-banner-sec .text-wraper {max-width: 1300px; margin: 0 auto; }
.adter-banner-sec .sngl-box {transition: all 0.3s ease;height: 100%; padding: 30px; border: 1px solid #0000; display: flex; flex-wrap: wrap; }
.adter-banner-sec .sngl-box:hover {border: 1px solid #D3A86C;transition: all 0.3s ease;}
.adter-banner-sec .icon-box {width: 50px; height: 50px; background: linear-gradient(270deg, #9F7348 0%, #D3A86C 100%); display: flex; justify-content: center; align-items: center; padding: 10px; }
.adter-banner-sec .content-box {width: calc(100% - 50px); padding-left: 30px; }
.adter-banner-sec .content-box h6 {color: #fff; font-weight: 600; margin-bottom: 15px; }
.adter-banner-sec .content-box p {color: #FFEED5; }
.adter-banner-sec .partical {position: absolute; bottom: 0; right: 0; max-width: 230px; }

.jurny-sec {position: relative; }
.jurny-sec .partical-one {position: absolute; top: 0; right: 0; max-width: 40%; height: 600px; overflow: hidden; }
.jurny-sec .partical-one img {width: 100%; height: 100%; object-fit: cover; }
.jurny-sec .partical-two {position: absolute; bottom: 0; left: 0; max-width: 154px; opacity: .5;}
.jurny-sec .partical-three {position: absolute; bottom: 0; right: 0; }
.jurny-sec .container {position: relative; z-index: 1;}
.jurny-sec .right-box {max-width: 300px; margin: 0 auto; position: relative; padding: 12px; }
.jurny-sec .right-box>img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.jurny-sec .right-box .content-box {background-color: #ffffffdb; position: relative; z-index: 1; padding: 40px 20px; }
.jurny-sec .left-box {padding-left: 80px; }
.jurny-sec .icon-box {background: linear-gradient(90deg, #D3A86C 0%, #6D5738 100%); border: 1px solid #000; width: 60px; height: 60px; border-radius: 60px; display: flex; justify-content: center; align-items: center; padding: 5px; margin-bottom: 20px; }
.jurny-sec .counter-num {font-size: clamp(1.875rem, 0.923rem + 4.231vw, 6rem); font-weight: 800; color: #000; line-height: .3; margin-top: 45px; margin-bottom: 30px; }
.jurny-sec .counter-num span {font-size: 16px; font-weight: 600; display: inline-block;}
.jurny-sec .right-box p {color: #000; font-weight: 500; }
.jurny-sec .content-box ul {padding: 0; margin-bottom: 40px; list-style: none; column-count: 2; margin-top: 25px; color: #000;}
.jurny-sec .content-box ul li {position: relative; padding-left: 35px; padding-right: 15px; min-height: 24px; padding-top: 5px; padding-bottom: 5px; font-weight: 500;}
.jurny-sec .content-box ul li::before {content: ""; position: absolute; top: 0; width: 24px; height: 24px; background-image: url('../images/arrow-yellow.svg'); background-repeat: no-repeat; background-position: center center; background-size: 18px; top: 5px; left: 0; }
.jurny-sec .btn-style {text-align: center; }

.left-head-sec h6 {letter-spacing: 0.15em; color: #9F7348; font-size: 16px; font-weight: 500; margin-bottom: 10px;text-transform: uppercase; }
.left-head-sec h6 span {text-transform: lowercase; }
.left-head-sec h2 {position: relative; text-transform: uppercase;}
.left-head-sec h2::before {content: ""; width: 56px; height: 2px; background-color: #D3A86C; position: absolute; bottom: -10px; }
.left-head-sec {margin-bottom: 40px; }
.left-head-sec.center-heading {text-align: center; margin-bottom: 50px; }
.left-head-sec.center-heading h2::before {left: 0; right: 0; margin: 0 auto; bottom: -20px; }


.area-of-prac{background-image: url('../images/pg-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;}
.area-of-prac .content-box-top {max-width: 800px; }
.area-of-prac .content-box-top h2 {color: #fff; }
.area-of-prac .content-box-top p {color: #fff; }
.area-of-prac .sngl-box {height: 100%; display: flex; flex-direction: column; justify-content: space-between; background-color: #fff; border: 1px solid #d3a86c47;}
.area-of-prac .content-box {background-color: #fff; border-top: 5px solid #D3A86C; padding: 30px; }
.area-of-prac .image-box{position: relative;}
.area-of-prac .banner-iocn{position: absolute; top: -35px; right: 15px; background-color: #110000; width: 76px; height: 76px; z-index: 1; display: flex ; justify-content: center; align-items: center; padding: 5px;}
.area-of-prac .image-box-wraper{width: 100%;height: 280px; overflow:hidden;}
.area-of-prac .image-box-wraper img{width: 100%;height: 100%;object-fit: cover;}
.area-of-prac .content-box h4 {font-weight: 700; color: #9F7348; }
.area-of-prac .area-of-prac-wraper {margin-top: 60px; position:relative; }
.area-of-prac .swiper {height: 100%; }
.area-of-prac .swiper-slide {height: auto !important; }
.area-of-prac .swiper-content {height: 100% !important }
.area-of-prac span.swiper-pagination-bullet {background-color: #D3A86C; opacity: 1; width: 25px; height: 4px; border-radius: 0;transition: all 0.4s ease; }
.area-of-prac span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 50px;transition: all 0.4s ease;}
.area-of-prac .swiper.area-of-prac-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {padding-bottom: 50px; }
.area-of-prac .btn-style {position: absolute; top: -134px; right: 0; }


.founder-talk-sec .image-wraper {width: 100%; height: 700px; overflow: hidden; border-radius: 25px; }
.founder-talk-sec .image-wraper img {width: 100%; height: 100%; object-fit: cover; object-position: top; }
.founder-talk-sec .content-box {padding-left: 40px; }
.founder-talk-sec .image-box {position: relative; }
.founder-talk-sec .image-box::before {content: ""; width: 100%; height: 100%; border: 3px solid #9F7348; position: absolute; border-radius: 24px; top: -24px; left: -24px; }
.founder-talk-sec{position: relative;}
.founder-talk-sec .partical {position: absolute; bottom: 0; right: 0; opacity: .5; max-width: 200px; }


.team-sec-wraper .image-box {width: 100%; height: 500px; overflow: hidden; position: relative;}
.team-sec-wraper .image-box>img{width: 100%;height: 100%;object-fit: cover;object-position: top; transition: all 0.4s ease;}
.team-sec-wraper .content-box h4 {color: #9F7348; text-align: center; margin-bottom: 10px; font-size:25px; font-weight:600; font-family: "Montserrat", sans-serif;}
.team-sec-wraper .content-box h6 {text-transform: uppercase; text-align: center; color: #000; font-weight: 500; }
.team-sec-wraper .content-box {padding: 20px; text-align: center; }
.team-sec-wraper .content-box p{color: #000;}
.team-sec-wraper .btm-sec{padding: 20px 15px; text-align: center; border-top: 1px solid #0000001a;}
.team-sec-wraper {max-width: 1250px; margin: 0 auto; overflow: hidden; padding: 0 40px;}
.team-sec-wraper .sngl-box:hover .image-box>img{ -webkit-filter: unset; filter: unset;transition: all 0.4s ease;}
.team-sec-wraper .media-team ul {opacity: 0; transition: all 0.4s ease;transform: translate(0px, 26px); list-style: none; position: absolute; bottom: 10px; display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 100%; padding: 15px; }
.team-sec-wraper .media-team ul li a {transition: all 0.4s ease;background-color: #9F7348; width: 50px; height: 50px; display: flex ; justify-content: center; align-items: center; padding: 5px; }
.team-sec-wraper .media-team ul li a:hover{background-color: #000;transition: all 0.4s ease;}
.team-sec-wraper .sngl-box:hover .media-team ul {transition: all 0.4s ease;transform: translate(0px, 0px);opacity: 1;}
.team-sec-wraper .swiper-team-next {position: absolute; top: 40%; right: -40px; width: 40px; height: 40px; background-color: #D3A86C; z-index: 1; display: flex; justify-content: center; align-items: center; }
.team-sec-wraper .swiper-team-prev {position: absolute; top: 40%; left: -40px; width: 40px; height: 40px; background-color: #D3A86C; z-index: 1; display: flex; justify-content: center; align-items: center; }
.team-sec{position: relative;}
.team-sec .partical{position: absolute;bottom: 0;right: 0;}

.blog-sec-wraper .sngl-box {border: 1px solid #D9D9D9; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.blog-sec-wraper .content-box h3{padding: 20px;margin: 0; font-weight: 600;transition: all 0.4s ease;}
.blog-sec-wraper .image-box-only{position: relative;}
.blog-sec-wraper .image-box-wraper{width: 100%;height: 430px;overflow: hidden;}
.blog-sec-wraper .image-box-wraper img{width: 100%;height: 100%;object-fit: cover;}
.blog-sec-wraper .banner-iocn a{background-color: #D3A86C;height: 60px;width: 60px;border-radius: 60px;display: flex;justify-content: center; align-items: center;}
.blog-sec-wraper .banner-iocn{transition: all 0.4s ease; width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: absolute; opacity: 0;}
.blog-sec-wraper .sngl-box:hover .banner-iocn{opacity: 1;transition: all 0.4s ease; }
.blog-sec{position: relative;}
.blog-sec::before{content: "";position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #F3F3F3 0%, rgba(255, 243, 219, 0) 100%);width: 100%;height: 150px;}
.blog-sec .image-box a.linebtn {transition: all 0.4s ease; display: flex ; text-align: center; justify-content: center; padding: 20px; background-color: #EDEDE4; }
.blog-sec .image-box:hover a.linebtn {transition: all 0.4s ease; background-color: #D3A86C; color: #fff !important; }
.blog-sec .image-box:hover a.linebtn img{filter: brightness(0) invert(1);transition: all 0.4s ease; }
.blog-sec .image-box a.linebtn img{filter: unset;transition: all 0.4s ease; }
.blog-sec span.swiper-pagination-bullet {background-color: #D3A86C; opacity: 1; width: 25px; height: 4px; border-radius: 0;transition: all 0.4s ease; }
.blog-sec span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 50px;transition: all 0.4s ease;}
.blog-sec .swiper-pagination {bottom: 0px !important; }
.blog-sec .swiper.blog-sec-slider.swiper-initialized.swiper-horizontal.swiper-backface-hidden {padding-bottom: 50px;}
.blog-sec .partical {position: absolute; bottom: 0; right: 0; }
.blog-sec .container{position: relative;z-index: 1;}
.blog-sec .swiper {height: 100%;}
.blog-sec .swiper .swiper-slide {height: auto;}
.blog-sec .content-box::before {transition: all 0.4s ease;content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #111111; z-index: -1; opacity: 0;}
.blog-sec .sngl-box:hover {transition: all 0.4s ease;background-color: #111111;}
.blog-sec-wraper .sngl-box:hover .content-box h3{color: #fff;transition: all 0.4s ease;}
.blog-sec .content-box {position: relative; }


footer{position: relative; padding: 80px 0; position: relative;background-image: url('../images/footer-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;}
footer::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000f0; }
footer .container{position: relative;z-index: 1;}
footer .footer-logo-sec .logo {max-width: 400px; }
footer .footer-logo-sec p{color: #fff;}
footer .footer-logo-sec ul {padding: 0; margin: 1px; list-style: none; display: flex; flex-wrap: wrap; margin-top: 30px; }
footer .footer-logo-sec li a {width: 40px; height: 40px; background-color: #D3A86C; display: flex; border-radius: 40px; padding: 9px; justify-content: center;align-items: center;}
footer .footer-logo-sec li a:hover{background-color: #fff;}
footer .footer-logo-sec li {margin-right: 20px; }
footer .f-menu-box h6 {margin-bottom: 15px; color: #D3A86C; font-weight: 600; }
footer .f-menu-box ul {padding: 0; margin: 0; list-style: none; }
footer .f-menu-box ul li a {color: #fff; margin: 7px 0; display: inline-block; }
footer .f-menu-box {padding: 0 30px; }
footer .f-contact ul {padding: 0; list-style: none; }
footer .f-contact h6 {margin-bottom: 15px; color: #D3A86C; font-weight: 600; }
footer .f-contact p{color: #fff;}
footer .f-contact .content a {color: #fff; display: block; }
footer .f-contact ul li {position: relative; padding-left: 57px; margin-bottom: 20px; }
footer .f-contact ul li span {width: 40px; height: 40px; border-radius: 40px; background-color: #242323; display: flex; justify-content: center; align-items: center; padding: 10px; position: absolute; left: 0; top: -9px; }
.end-sec {background-color: #111111; color: #fff; text-align: center; padding: 18px 0; font-weight: 500; }
footer ul li a:hover{color: #D3A86C !important;}
footer .container{position: relative;z-index: 1;}
footer .partical {position: absolute; bottom: 0; right: 0; }
footer .partical img {filter: brightness(0) invert(1); opacity: .5; }

/*--------area of practic--------*/

.main-header.header-common-all .logo{opacity: 1;}
.main-header.header-common-all::before {width: 100%; }
.main-header.fixed::before{width: 100%;}

.inner-banner {position: relative; }
.inner-banner>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom center; }
.inner-banner .banner-content {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; min-height: 500px; background: linear-gradient(270deg, #654321c2 0%, rgb(0 0 0 / 42%) 100%); }
.inner-banner .banner-text {margin-top: 80px; }
.inner-banner .banner-text h1 {margin-bottom: 10px; color: #fff; }
.inner-banner ul.brdcm {padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; list-style: none; }
.inner-banner ul.brdcm li, 
.inner-banner ul.brdcm li a {font-size: 18px; color: #fff; }
.inner-banner ul.brdcm li {position: relative; margin-right: 30px; }
.inner-banner ul.brdcm li::before {content: ">"; position: absolute; right: -20px; }
.inner-banner ul.brdcm li:last-child{margin: 0}
.inner-banner ul.brdcm li:last-child::before{display: none;}

.area-of-prac-page{background-image: none !important; background: linear-gradient(180deg, #F3F3F3 0%, rgba(255, 243, 219, 0) 100%) !important;}
.area-of-prac.area-of-prac-page .content-box-top h2 {color: #000000;}
.area-of-prac.area-of-prac-page .content-box-top p {color: #111111;}
.area-of-prac.area-of-prac-page .content-box-top {max-width: 100%; }
.area-of-prac-page .left-head-sec.center-heading {max-width: 650px; margin: 0 auto; margin-bottom: 50px; }
.area-of-prac-page .content-box-top p {max-width: 1200px; margin: 0 auto; text-align: center; }
.area-of-prac-page .area-of-prac-wraper .col-lg-4 {margin-bottom: 24px; }
.area-of-prac-page{position: relative;}
.area-of-prac-page .partical{position: absolute;bottom: 0;right: 0;}
.area-of-prac-page .container{position: relative; z-index: 1;}


.contact-info form {background-color: #EBEBEB; border-radius: 20px; padding: 40px; }
.contact-info label.form-label {color: #000000; font-size: 20px; }
.contact-info input:not([type="submit"]) {border: none !important; }
.contact-info .right-box {margin-top: 0px; padding-right: 50px; }
.contact-info .right-box ul {padding: 0; margin: 0; list-style: none; }
.contact-info .right-box ul li {position: relative; padding-left: 80px; margin-bottom: 20px; min-height: 65px; color: #000; display: flex; flex-direction: column; justify-content: center; }
.contact-info .right-box ul li span {background-color: #D3A86C; position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: 60px; display: flex; align-items: center; justify-content: center; }
.contact-info .right-box ul li span img {min-width: 33px; }
.contact-info .right-box ul li a {color: #000; }
.contact-info {position: relative; background-image: url('../images/tribl2.jpg');background-size:cover;background-repeat:no-repeat; }
.contact-info .container{position: relative;z-index: 1;}
.contact-info form {background-color: #fffbf6; border-radius: 20px; padding: 40px; box-shadow: 0 0 15px #d3a86c6e; }
.contact-info{position: relative;}
.contact-info .partical-three{position: absolute; bottom: 0;right: 0;max-width: 160px;}

.open-page-modal .modal-dialog.modal-dialog-centered {max-width: 1100px; text-align: center; }
.open-page-modal h1 {width: 100%;text-align:center; text-transform: uppercase;}
.open-page-modal button.btn-close {position: absolute; top: 12px; right: 12px; }
.open-page-modal .modal-header {border: none; }
.open-page-modal .modal-footer {border: none; justify-content: center; }
.open-page-modal .modal-body {border: 1px solid #D9D9D9; padding: 40px; margin-bottom: 30px; border-radius: 6px; }
.open-page-modal .modal-content {padding: 40px; }

.main-header .logo img,
.footer-logo-sec .logo img {width: 100%; height: 100%; filter: brightness(0) invert(1); }
.banner-sec .logo-box img{max-width: 800px;margin: 0 auto; filter: brightness(0) invert(1); }

.blog-page-area .col-lg-4 {margin-bottom: 24px; }

.no-banner {background-color: #000; }
.media-details {padding-top: 160px; }
.no-banner {background-color: #000; }
.media-details .image-box {width: 100%; position: relative; padding-bottom: 48%; margin-bottom: 15px; }
.media-details .image-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.media-details .left-box ul {padding: 0; list-style: none; display: flex; gap: 10px; flex-wrap: wrap; }
.media-details .left-box ul li {font-size: 14px; }
.media-details .recent-post h4::before {content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #d3a86c; }
.media-details .recent-post h4 {font-size: 25px; font-weight: 600; position: relative; padding-left: 15px; }
.media-details .recent-post ul {padding: 0; }
.media-details .recent-post ul {padding: 0; list-style: none; }
.media-details .sid-content {display: flex; flex-wrap: wrap; border: 1px solid #eaeaea; padding: 7px; }
.media-details .img-box-side {width: 120px; height: 80px; object-fit: inherit; position: relative; }
.media-details .img-box-side img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.media-details .content-text {width: calc(100% - 120px); padding-left: 15px; }
.media-details .content-text p {color: #000; font-size: 16px; }
.media-details .recent-post ul li {margin-bottom: 10px; }

.open-page-modal .modal-body p{text-align: justify;}
.jurny-sec .content-box p,
.area-of-prac .content-box-top p,
.founder-talk-sec .content-box p {text-align: justify; }
.jurny-sec .right-box p{text-align: initial;}
.area-of-prac.area-of-prac-page .content-box-top p{text-align: center;}
.associate-sec .swiper-team-next,
.associate-sec .swiper-team-prev{display: none;}
.associate-sec .swiper-wrapper {justify-content: center; }




.flip-card {
  background-color: transparent;
  height: 592px; /* adjust */
  perspective: 1000px; /* gives 3D effect */
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; /* hides backside when not visible */
  top: 0;
  left: 0;
}

.flip-card-front {
  background: #fff;
}

.flip-card-back {
  background: #f5f5f5;
  transform: rotateY(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.team-sec-wraper .flip-card-back .content-box p {
    color: #000;
    text-align: justify;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

.swiper.team-slider {
    overflow: unset;
}
.sngl-page-content ul li ul {
    margin: 0;
}

.sngl-page-content ul li {
    padding: 7px 0;
}
.sngl-page-content ul {
    margin-bottom: 20px;
}
.sngl-page-content h2,
.sngl-page-content h3{text-transform: uppercase;}
.sngl-page-content h3{margin-bottom: 10px;}

.jurny-sec ul.button-grup-area li::before {display: none; }
.jurny-sec ul.button-grup-area li {padding: 0 !important; width: auto !important; }
.jurny-sec ul.button-grup-area {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px !important; }

.founder-talk-sec.trebute-sec-page .image-wraper {height: 1100px;}















/*Media Query css*/


@media only screen and ( min-width:1700px ) {
    .container { max-width: 1600px !important;}

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

}
@media only screen and ( max-width:1599px ) {
	.adter-banner-sec .partical {max-width: 200px; }

	

}
@media only screen and ( max-width:1439px ) {
	.main-header .logo {max-width: 240px; }
	.main-header.fixed .logo {max-width: 200px;}
	.adter-banner-sec .sngl-box{padding: 10px;}
	.adter-banner-sec .partical {max-width: 150px; }
	.jurny-sec .partical-two {max-width: 150px; }
	.jurny-sec .left-box {padding-left: 35px; }
	.jurny-sec .partical-three {max-width: 150px;}
	.area-of-prac .content-box {background-color: #fff; border-top: 5px solid #D3A86C; padding: 15px; }
	.main-menu ul li a, .main-menu ul li {font-size: 18px;}
	.area-of-prac .banner-iocn {top: -29px; width: 60px; height: 60px; }
	.team-sec .partical,
	.blog-sec .partical,
	footer .partical,
	.founder-talk-sec .partical,
	.contact-info .partical-three {max-width: 150px; }
	.blog-sec-wraper .image-box-wraper {height: 300px; }
	footer .f-menu-box {padding: 0 15px; }
	footer {padding: 60px 0; }



}
@media only screen and ( max-width:1299px ) {
	.team-sec-wraper .content-box h4 {
    font-size: 20px;
}




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

	/*  ===========mobile nav==========  */

    .hamburger-nav{ display: inline-block; margin-left: 20px; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}    
    .hamburger-nav span{background: #fff;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a { font-size: 20px; color: #fff;  text-align: center;  font-weight: 600;} 
    .mobile-menu ul li a:hover{color: #B4975A;}
    .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .main-menu { display: none; }
    header ul li.menu-item-has-children::before{display: none;}

    /*  ===========mobile nav==========  */

    .main-header .logo {opacity: 1; }
    header.main-header::before {width: 100%; }















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

	.common-padd {padding-top: 50px; padding-bottom: 50px; }
	.banner-sec .left-imge-block {min-height: 300px; }
	.adter-banner-sec .sngl-box {margin-bottom: 20px; height: auto;}
	.adter-banner-sec .content-box {width: 100%; padding-left: 0; margin-top: 10px; }
	.adter-banner-sec .sngl-box {border: 1px solid #D3A86C; }
	.jurny-sec .partical-one {position: relative; height: 300px; margin-bottom: 20px; max-width: 100%;}
	.jurny-sec .left-box {padding-left: 0; }
	.jurny-sec .content-box ul {margin-bottom: 30px; }
	.jurny-sec .right-box {max-width: 100%; margin-top: 30px; }
	.jurny-sec .right-box .content-box {padding: 40px 20px; text-align: center; }
	.jurny-sec .counter-num span {display: block; line-height: 64px; }
	.jurny-sec .counter-num {margin-bottom: 0; }
	.jurny-sec .icon-box {margin: 0 auto; }
	.area-of-prac .btn-style {position: relative; top: 0; right: 0; left: 0; margin: 0 auto; display: table; margin-top: 20px; }
	.area-of-prac .area-of-prac-wraper {margin-top: 40px; }
	.founder-talk-sec .image-wraper {height: 500px; margin-bottom: 30px; }
	.founder-talk-sec .content-box {padding-left: 0; }
	footer .footer-logo-sec .logo {max-width: 400px; margin: 0 auto; }
	.footer-logo-sec{text-align: center;}
	footer .footer-logo-sec ul {margin-top: 25px; justify-content: center; margin-bottom: 30px; }
	footer {padding: 40px 0; }
	footer .f-menu-box {padding: 0 0px; margin-bottom: 30px; }
	footer .f-menu-box ul li a {margin: 5px 0; }
	footer .f-menu-box h6 {margin-bottom: 10px; }
	.founder-talk-sec .image-box::before {border: 2px solid #9F7348; top: -9px; left: -7px; }
	.contact-info .right-box {margin-bottom: 30px; padding-right: 0; }
	.contact-info label.form-label {color: #000000; font-size: 18px; }
	.contact-info form {border-radius: 10px; padding: 20px; }
	.open-page-modal .modal-content {padding: 15px; }
	.open-page-modal .modal-body {padding: 15px; margin-bottom: 10px; }
	.media-details .recent-post{margin-top: 30px}
	.team-sec-wraper .content-box h4 {font-size: 19px; }
	.team-sec-wraper .content-box h6 {font-size: 15px; }
	.founder-talk-sec.trebute-sec-page .image-wraper {height: 500px;}






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

	.associate-sec .swiper-team-next,
	.associate-sec .swiper-team-prev{display: flex;}
	.associate-sec .swiper-wrapper {
    justify-content: unset;}



}








}
@media only screen and ( max-width: 575px ) {
	.main-header .logo {max-width: 250px; }
	.main-header.fixed .logo {max-width: 230px; }
	.btn {font-size: 18px; }
	.jurny-sec .content-box ul {column-count: 1; }
	.founder-talk-sec .image-wraper {height: 350px; margin-bottom: 30px; }
	.team-sec-wraper .content-box h6 {margin-bottom: 15px; }
	.inner-banner .banner-content {min-height: 350px; }
	.team-page-sec .sngl-box {margin-bottom: 20px; }
	.contact-info label.form-label {color: #000000; font-size: 15px; }
	.contact-info .right-box ul li span {width: 45px; height: 45px; }
	.contact-info .right-box ul li {padding-left: 55px; }
	.end-sec p {font-size: 12px; }





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


}


/*Media Query css*/