/*@charset "utf-8";
/*..............embedded fonts..............*/
/* font-family: "Poppins", serif; */
@import url('https://fonts.googleapis.com/css2?family=Sree+Krushnadevaraya&display=swap');
/* font-family: "Lexend", serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*..............embedded fonts..............*/

/*..............custom fonts..............*/
/*..............custom fonts..............*/
 
/*..............common styles..............*/
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: "Poppins", serif; font-size: clamp(0.875rem, 0.817rem + 0.154vw, 1rem); font-weight: 400; color:#7F8CA3;overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 24px; padding: 0; color: #1B2D4F; font-family: "Sree Krushnadevaraya", serif; line-height: 1; }
h1{ font-size: clamp(2.125rem, 1.029rem + 2.923vw, 4.5rem); /* 80px */ } 
h2{ font-size: clamp(1.875rem, 1.125rem + 2vw, 3.5rem); /* 56px */ }
h3{ font-size: clamp(1.5rem, 1.096rem + 1.077vw, 2.375rem); /* 38px */ }
h4{ font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); }
/*h5{ font-size: clamp(1.5rem, 1.328rem + 0.458vw, 1.875rem); } */
/* h6{ font-size: clamp(1rem, 1rem + 0vw, 1rem); } */
p{ margin:0 0 24px; line-height: 1.5;}
p:last-child { margin-bottom: 0; }
 
img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #315296
  ; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}


input, textarea, select, .form-control { font-family: "Poppins", serif; font-weight: 300; outline: none; background-color: transparent !important; font-size: clamp(1rem, 0.911rem + 0.238vw, 1.125rem) !important; color: #6A6565 !important; }
input[type="submit"]{font-family: "Poppins", serif; font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
input:not([type="submit"]) { height: 55px !important;}
select { appearance: none; -webkit-appearance: none; height: 56px !important; padding-right: 40px !important; background-image: url(../images/btm-arrow.svg); background-repeat: no-repeat; background-position: 96% center; background-size: 12px;  }
input.form-control, textarea.form-control, select.form-control { border: 1px solid #ffffff !important; box-shadow: none !important; resize: none; background-color: #ffffff !important; padding: 26px 24px 8px !important; font-size: 20px; }
textarea.form-control{ height: 142px !important; }
input.form-control, select.form-control  { border-radius: 50px; } 
textarea.form-control { border-radius: 20px; } 
form label {  transition: all 0.4s; }
.form-floating>label { padding: 0 2px; font-family: "Poppins", serif; font-weight: 300; color: #6A6565; line-height: 1; height: auto; transform: scale(1) translateY(18px) translateX(24px); transition: all 0.4s; background: transparent; overflow: initial; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); }
input[type="checkbox"] { width: 18px; height: 18px !important; border: 1px solid #4D141F !important; border-radius: 3px !important; }
label.form-check-label { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); margin-bottom: 0 !important; }
.form-check-input:checked[type=checkbox] { background-color: #4D141F !important; }

::placeholder { color: #7F8CA3 !important; opacity: 1; display: none; }
::-ms-input-placeholder { color: #7F8CA3 !important; display: none; }
textarea.form-control::placeholder { color: #7F8CA3 !important; display: none; }

/* .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { transform: translateY(7px) translateX(24px); height: auto; line-height: 1; font-size: 14px; }
.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after {  padding: 0 !important; display: none; }  */

/*CF7*/
form .labelanime label{ transform: translateY(7px) translateX(24px); height: auto; line-height: 1; font-size: 14px; }
form .labelanime label::after{  padding: 0 !important; display: none; }
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader { position: absolute; top: 19px; right: -10px; /* bottom: 37%; */ width: 15px; min-width: 15px; height: 15px; z-index: 2; max-height: 20px; max-width: 20px; border: 1px solid #ffffff; opacity: 1 !important; background-color: transparent !important; border-right-color: #00000000 !important; display: unset; transform: unset; }
span.wpcf7-spinner.spinner-border.spinner-border-sm.ajax-loader::before{display: none;}



/* --- 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;}
figcaption { font-size: 12px; color: #061024; margin-top: 5px; }
/* --- only use for wordpress (Image alignment) --- */


/* --- Button Styles --- */
.btn { justify-content: space-between; height: 55px; overflow: hidden; position: relative; z-index: 1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; padding: 14px 40px; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); line-height: 1; text-transform: capitalize; border-radius: 60px; font-weight: 600; border: 2px solid #FFF; font-family: "Poppins", serif; }
.btn::before { width: 100%; height: 100%; left: -100%; content: ""; position: absolute; top: 0; background-color: #FFF; z-index: -1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; border-radius: 50px; }

.btn:hover { transform: translate(0px, 0px); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; box-shadow: 0 12px 10px #0000; color: #315296 !important; border: 2px solid #FFF !important; }
.btn:hover::before { width: 110%; left: 0; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
 
.btn.btn-blue { border: 2px solid #315296; color: #315296 !important; }
.btn.btn-blue:hover { border: 2px solid #315296 !important; color: #FFF !important; }
.btn.btn-blue::before { background-color: #315296;  }

.btn.white { color: #315296 !important; }
.btn.white::before { width: 100%; background-color: #FFF; left: 0; }
.btn.white:hover { color: #FFF !important; }
.btn.white:hover::before { left: -100%; background-color: #FFF; }

.btn.blue-btn { background: #315296; border-color: #315296;}
.btn.blue-btn:hover{border-color: #315296 !important;}

.submit-btn { padding: 0; }
.submit-btn input[type="submit"] { height: 100%; border: none; color: #315296 !important; font-weight: 600; padding: 14px 40px; }
.submit-btn:hover input[type="submit"] { color: #FFF !important;}

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

/* --- 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 styles..............*/
.common-padd { padding-top: 100px; padding-bottom: 100px; } 
.common-padd-bottom {  padding-bottom: 100px; } 
.common-padd-top {  padding-top: 100px; } 

.p-relative { position: relative; }
.grecaptcha-badge { visibility: hidden; }

html:has(body.single.single-post) { overflow-x: initial; }
/*..............common styles..............*/

.swiper-button-next,
.swiper-button-prev {
  user-select: none;
  -webkit-user-select: none; /* For Safari */
  -moz-user-select: none; /* For Firefox */
  -ms-user-select: none; /* For older Edge */
}

/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar { width: 8px; height: 3px; }

/* Track */
::-webkit-scrollbar-track { }
 
/* Handle */
::-webkit-scrollbar-thumb { background: #315296; border-radius: 10px; }
/*-----scroll-bar-design----------*/
 
/*-----Header design----------*/
.main-header { padding: 22px 0px; z-index: 999; top: 0; width: 100%; left: 50%; transform: translateX(-50%); position: fixed; background: #315296; -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; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-bottom: 1px solid #7E96C8; }
.main-header .main-menu { padding-left: 70px; }

.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -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; position: relative; }

.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;} 
.main-menu ul li:not(:last-child) { margin-right: 49px;}
.main-menu ul li a { display: block; color: #BDCEF1; position: relative; -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; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); } 
/* .main-menu ul li.menu-item.current-menu-item a{color: #ffffff;} */
.main-menu ul li ul.sub-menu li a::before{ opacity: 0; content: ""; width: 0%; height: 1px; 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.menu-item-has-children a { opacity: 1; 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; } 

/* .main-menu ul li a::before { content: ''; position: absolute; width: 0%; height: 2px; background-color: #315296; -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; bottom: 0; }
.main-menu ul li a:hover::before { content: ''; position: absolute; width: 100%; height: 2px; background-color: #315296;} */
.main-menu ul li.menu-item.current-menu-item a::before { width: 100% }

.main-menu ul li ul.sub-menu li a::before { background-color: #FFFFFF !important; top: 50%; width: 0 !important; left: 0; border: 1px solid #315296; }
.main-menu ul li ul.sub-menu li a:hover::before { width: 20px !important; opacity: 1; }
.main-menu ul li ul.sub-menu li a:hover{ padding-left: 30px; color: #315296 !important;}
.main-menu ul li a:hover { color: #FFF; }

.main-menu ul li span {margin-left: 10px; }

.main-header.relative_header {background-color: #000000; }

.cart-btn {width: 50px;height: 50px;background: #315296;border-radius: 50px;display: flex;align-items: center;justify-content: center;position: relative;} 
.cart-btn img { max-width: 27px; }
.cart-btn span { position: absolute; width: 24px; height: 24px; background: #FFFFFF; color: #000000; font-weight: 600; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 50px; right: -11px; top: -3px; font-size: 13px; } 

/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a:after { -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; content: ""; position: absolute; top: 45%; box-sizing: border-box; height: 9px; width: 9px; border-style: solid; border-color: #BDCEF1; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -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; right: 4px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children:hover a:after { -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; border-color: #FFF; }
.main-menu ul li.menu-item-has-children a {padding-right: 24px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li { display: flex; justify-content: center; align-items: center; position: relative; perspective: 1000px; z-index: 100; color: #FFFFFF; -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: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: #0F0E0F; padding: 8px 0; } 
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
 
header .main-menu ul>li { position: relative; cursor: pointer }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 30px; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 230px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset; }
header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: #315296; }
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.4s, opacity 0.4s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #FFFFFF; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}

.src-icon { width: 44px; height: 44px; margin-right: 30px; padding: 10px; position: relative; }
.src-icon:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #FFF; border-radius: 50px; transform: scale(.1); opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.src-icon img { width: 100%; height: 100%; object-fit: contain; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; filter: brightness(0) invert(1); opacity: .6; } 
.src-icon:hover:before { transform: scale(1); opacity: 1; }
.src-icon:hover img { opacity: 1; filter: brightness(0); }

/*------css for new dropdown sub-menu end--------*/ 
.main-header.fixed .logo {transform: scale(.85); -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 {transform: scale(1); transform-origin: left center; max-width: 153px; -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: #FFFFFF; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #FFFFFF; }
 
.main-header.fixed { background: #315296; padding: 12px 0; position: fixed; width: 100%; box-shadow: 0 0 12px rgb(0 0 0 / 12%); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(10px); }
.main-header.fixed .main-menu > ul > li.menu-item-has-children > a { padding-right: 24px; }  
.main-header.fixed .mega-menu-wrap .custom-megamenu-wrap > ul.mega-sub-menu { top: 54px !important; }
.main-header.fixed .custom-normal-menu ul.mega-sub-menu { top: 54px !important; }


/*==========mobile menu=========*/        
.main-header .hdr-rt { display: flex; align-items: center; }
.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.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 {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}
 
/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: -6%; right: -6%; background: #315296; height: calc(100vh + 40px); 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-open .mobile-menu-container { top: 0; transform: translateY(0); opacity: 1;  }
.mobile-menu-container .inner-container { padding-top: 100px; padding-bottom: 50px; height: 100vh; overflow-y: auto; position: relative; }
.mobile-menu { max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 0; padding-bottom: 0; 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: 30px; color: #315296; padding: 4px 0;}
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}

.mobile-menu-open .mobile-menu-container::after { content: ''; position: absolute; width: 100%; height: 70px; background: #315296; top: 0; }

/* ===== 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: #FFFFFF;}
/*=========mobile menu===========*/

/*for header css*/
 
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; }

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#ffffff; stroke-width:3.5; stroke-linecap:round; } 
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px);}
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/*when turns close icon*/

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */

/* search modal */
.search-modal .modal-dialog { width: 90%; max-width: 700px; }
.search-bar { background: #EEF4FF; border-radius: 50px; } 
.search-bar input { background: transparent !important; border: 1px solid #eef4fe !important; padding: 10px 20px 10px 10px !important; }
.search-bar .input-group-btn { background: transparent; border: none; padding: 0 10px 0 20px; }
/* search modal */
 
body.home::before { content: ''; position: absolute; width: 100%; height: 200px; top: 0; background: #315296; z-index: 0; }

.all-heading-animation {visibility: hidden; opacity: 0;}


/*===== Home page start ====*/

/* Home Banner */ 
.banner { background: #315296; min-height: calc(100vh - 100px); position: relative; border-radius: 0 0 50px 50px; padding-top: 50px; padding-bottom: 50px; background-repeat: no-repeat; background-size: cover; background-position: top center; display: flex; align-items: center; }

.banner .text-box { position: relative; z-index: 1; color: #CBDCFF; max-width: 593px; margin: 0 146px 0 auto; }
.banner .text-box p { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.banner .text-box h1 { color: #FFFFFF; }

.banner .text-box .swiper-pagination { bottom: -60px; display: flex; align-items: center; }
.banner .text-box .swiper-pagination-bullet { background: #FFFFFF4D; width: 10px; height: 10px; margin: 0 10px 0 0; border-radius: 5px; 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;}
.banner .text-box .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFFFFF;  width: 30px; border-radius: 5px; }

.banner .text-image { padding: 0 0 64%; position: relative; overflow: hidden; border-radius: 30px; }
.banner .text-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

.banner-tag-wrap { display: flex; align-items: center; flex-wrap: wrap;}
.banner-tag-wrap .bn-news-tag { background: #FFF; padding: 10px 30px; border-radius: 50px; color: #315296; font-weight: 600; margin-top: 10px;  margin-left: 10px;}
.banner-tag-wrap .bn-news-date { color: #CBDCFF; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); flex-basis: 100%; margin-top: 10px;}

.banner-tag-wrap .bn-news-tag:first-child {  margin-left: 0;}


/* Home Banner */ 


.flex-news-heading { display: flex; align-items: flex-end; justify-content: space-between; position: relative; z-index: 1; }
.flex-news-heading h2 { margin-bottom: 0; flex: 0 0 auto; }

.latest-news-btns { display: flex; flex-wrap: wrap; }
.news-tab-bnts { border: 1px solid #CBDCFF; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); color: #315296; padding: 10px 36px; border-radius: 50px; background: transparent; position: relative; overflow: hidden; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; margin-left: 15px; margin-top: 15px; flex: 0 0 auto; }
.news-tab-bnts img { margin-left: 5px; width: 12px;}
.news-tab-bnts::before { content: ''; position: absolute; background: #EEF4FF; width: 100%; height: 100%; border-radius: 50px; left: -100%; top: 0; z-index: -1; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }

.latest-news-btns.home-tab { flex-wrap: nowrap; padding: 0 0 30px; margin: 0 0 -32px 12px; } 
.latest-news-btns.home-tab .news-tab-bnts { flex: 0 0 auto; }

.news-tab-bnts.active { -webkit-text-stroke: .7px #315296; }
.news-tab-bnts:hover { color: #315296; }
.news-tab-bnts:hover::before, .news-tab-bnts.active::before { left: 0;width: 110%;}
.news-tab-bnts.dropdown-toggle::after { display: none;}


.common-divider { border-bottom: 1px solid #ECECEC; position: relative; margin: 30px 0; }
.common-divider::after { content: ''; position: absolute; width: 215px; height: 3px; background-color:#315296; top: -1px;}

.common-news-card { border: 1px solid #ECECEC; border-radius: 30px; padding: 30px 30px 0; margin-bottom: 80px; height: calc(100% - 80px); display: flex; flex-direction: column; }
.common-news-card h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0 20px; padding-bottom: 9px; }
.common-news-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #7F8CA3; margin-bottom: 15px; }
.common-news-card a.line-btn { margin-bottom: 30px; }

.common-news-card.top-image-card { margin-bottom: 30px; height: calc(100% - 30px); padding-bottom: 30px; }
.common-news-card.top-image-card .common-card-img { margin: 0 0 30px; }
.common-news-card.top-image-card a.line-btn { margin-bottom: 0px; }

.common-news-card.btm-image-card { margin-bottom: 0px; height: 100%; padding-bottom: 30px; user-select: none; }
.common-news-card.btm-image-card .common-card-img { margin: auto 0 0; } 

.common-news-card-tow { border: 1px solid #ECECEC; border-radius: 30px; padding: 30px 30px 0; margin-bottom: 80px; height: calc(100% - 80px); display: flex; flex-direction: column; }

.common-card-img { position: relative; border-radius: 20px; overflow: hidden; padding: 0 0 64%; margin-bottom: -50px; margin: auto 0 -50px; }
.common-card-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease;}
.common-card-img:hover img{transform: scale(1.1); transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease;}

.tag-wrap { display: flex; align-items: center;  flex-wrap: wrap;}
.tag-wrap .news-tag { background: #315296; padding: 10px 30px; border-radius: 50px; color: #FFF; font-weight: 600; margin-right: 10px;     margin-bottom: 6px;}
.tag-wrap .news-date { color: #7F8CA3; flex-basis: 100%; margin-top: 10px;}
.tag-wrap .news-tag:first-child {  margin-left: 0;}




 
.middle-ads { max-width: 960px; margin: 0 auto; width: 100%;}
.middle-ads img{width: 100%; border-radius: 15px;height: auto;}


.current-issue-card h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0 20px; padding-bottom: 9px; }
.current-issue-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #7F8CA3; margin-bottom: 15px; }
.current-issue-image { position: relative; border-radius: 30px; overflow: hidden; padding: 0 0 56%; margin-bottom: -50px; margin: 0 0 30px; border: 1px solid #F5F5F5; }
.current-issue-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.current-news-btns { display: flex; }
.current-news-btns a.btn:not(:last-child) { margin-right: 15px; }

.articles-tags { background: #EEF4FF; padding: 20px 30px 30px; border-radius: 30px; text-align: center; height: 100%; }
.articles-tags h2 { margin-bottom: 30px; }

.articles-tag-list { padding: 0; list-style: none; flex-wrap: wrap; } 
.articles-tag-list { display: flex; align-items: center; justify-content: center; margin: 0; }
.articles-tag-list li { margin: 0 4px 10px; }
.articles-tag-list li a { background: #FFFFFF; border: 1px solid #CBDCFF; padding: 6px 26px; border-radius: 50px; color: #315296; font-weight: 600; display: block; position: relative; overflow: hidden; z-index: 1; }
.articles-tag-list li a::before { width: 100%; height: 100%; left: -100%; content: ""; position: absolute; top: 0; background-color: #315296; z-index: -1; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; border-radius: 50px;}
.articles-tag-list li a:hover { color: #FFF; }
.articles-tag-list li a:hover::before { left: 0; width: 110%;}

.mt-30 { margin-top: 30px; }

.news-slider-wrapper { position: relative; }
.news-slider-wrapper div#news-slider { overflow: hidden; padding-bottom: 2px; }
.news-slider-wrapper .swiper-slide { height: initial; }

.swiper-button-next, .swiper-button-prev { border: 2px solid #BCC0C8; width: 50px; height: 50px; border-radius: 60px; background: #FFF; z-index: 9; outline: none !important; box-shadow: none !important; position: relative; right: inherit; left: inherit; top: inherit; margin: 0; padding: 10px !important; -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; position: absolute; top: calc(50% - 25px); }
.swiper-button-prev { left: -74px; }
.swiper-button-next { right: -74px; }

.swiper-button-next::after, 
.swiper-button-prev::after { display: none !important; }

.swiper-button-prev img{ transform: rotate(180deg);}
.swiper-button-next img, 
.swiper-button-prev img{ filter: brightness(0); opacity: .4; -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; }

.swiper-button-next:hover, 
.swiper-button-prev:hover { border: 2px solid #315296; }

.news-slider-wrapper .swiper-button-next::before, 
.news-slider-wrapper .swiper-button-prev::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #315296; border-radius: 50px; z-index: -1; transform: scale(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; }

.news-slider-wrapper .swiper-button-next:hover::before, 
.news-slider-wrapper .swiper-button-prev:hover::before { transform: scale(1.1); }
.news-slider-wrapper .swiper-button-next:hover img, 
.news-slider-wrapper .swiper-button-prev:hover img { opacity: 1; filter: brightness(0) invert(1); }


.advertise-box { background: #315296; padding: 0 100px; border-radius: 40px; display: flex; align-items: center; justify-content: space-between; margin-top: 65px; }
.advertise-text { max-width: 638px; }
.advertise-text h2, .advertise-text p{ color: #FFF; margin-bottom: 20px; }

.advertise-img { max-width: 448px; flex: 0 0 auto; } 
.advertise-img img { margin: -65px 0 0 0; }

a.line-btn { color: #315296; font-weight: 600; font-style: italic; position: relative; width: fit-content; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); background-image: linear-gradient(#cf303000 95%, #315296 0, #315296); background-position-y: bottom; background-repeat: no-repeat; background-size: 100% 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s;}
a.line-btn:hover { background-position-x: right; background-position-y: bottom; background-size: 0% 100%; }


/* a.line-btn:after { content: ''; position: absolute; width: 100%; height: 1px; background: #315296; bottom: 1px; left: 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;}
a.line-btn:hover:after { width: 50%; } */

a.line-btn.white { color: #FFF; background-image: linear-gradient(#cf303000 95%, #FFF 0, #FFF); } 
a.line-btn.white:after { background: #FFF; }
/*===== Home page end ====*/


/*===== Articles page start =====*/
.articles-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.articles-breadcrumbs li { margin-right: 10px; margin-bottom: 10px; }
.articles-breadcrumbs li a { display: flex; align-items: center; color: #7F8CA3 ; font-weight: 400; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); }
.articles-breadcrumbs li a::before { content: "/"; margin-right: 10px; }
.articles-breadcrumbs li:first-child a::before { display: none;}
.articles-breadcrumbs li a.active { color:#315296; font-weight: 600; }
.articles-breadcrumbs span {margin-left: 5px;}

.latest-news-btns.articles-news-btns { margin-bottom: 40px; margin-right: -15px; }
.latest-news-btns.articles-news-btns .news-tab-bnts { margin-left: 0; margin-right: 15px; }
 
.pagination { justify-content: center; align-items: center; margin-top: 24px; }
.pagination .page-numbers { color: #7F8CA3; font-weight: 400; display: inline-block; padding: 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0 5px; border-radius: 40px; }
.pagination .page-numbers.current { color: #315296; font-weight: 600; background-color: #EEF4FF; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem);}
.pagination .page-numbers:hover { background-color: #EEF4FF; color: #315296; }

a.next.page-numbers, a.prev.page-numbers { border: 2px solid #BCC0C8; width: 46px; height: 46px; border-radius: 50px; padding: 10px; } 
a.next.page-numbers img, a.prev.page-numbers img { opacity: 0.5; width: 8px; transition: all 0.3s ease 0s; } 
a.prev.page-numbers { margin-left: 0; margin-right: 20px; }
a.next.page-numbers { margin-left: 20px; margin-right: 0; }
a.prev.page-numbers img { transform: rotate(180deg); }

a.next.page-numbers:hover, a.prev.page-numbers:hover { background: #FFF; border: 2px solid #315296; }
a.next.page-numbers:hover img, a.prev.page-numbers:hover img { opacity:1; }


.article-wraper { padding-top: 14px; }
.articles-title { pointer-events: none; }

.article-img { position: relative; overflow: hidden; padding: 0 0 64%; border-radius: 30px; margin-bottom: 40px; }
.article-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.article-wrap { display: flex; align-items: center; flex-wrap: wrap; z-index: 5;position: relative;}
.article-wrap > span { margin-right: 10px; margin-bottom: 10px; }
.article-wrap .article-tag { background: #EEF4FF; padding: 10px 30px; border-radius: 50px; color: #315296; font-weight: 600; display: inline-block; margin-bottom: 10px; margin-right: 10px; }
.article-wrap .article-tag.active { background: #315296; color: #FFF; }
.article-wrap .article-date { color: #7F8CA3; }

 
.related-articles-wrap { border: 1px solid #ECECEC; border-radius: 30px; padding: 30px; }

.sticky-sidebar { position: sticky; top: 120px; }

.related-post-ancer { display: flex; align-items: center; }
.related-post-ancer:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ECECEC; }
.related-post-ancer .related-image-holder { flex: 0 0 150px; position: relative; padding: 0 0 150px; border-radius: 15px; overflow: hidden; }
.related-post-ancer .related-image-holder img { position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; } 

.related-post-ancer .related-content-wrap { flex: 1; padding-left: 20px; } 
.related-post-ancer .related-content-wrap h4 { color: #315296; margin: 0 0 3px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: "Poppins", serif; padding-bottom:2px; line-height:1.2;}
.related-post-ancer .related-content-wrap p { color: #7F8CA3; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px;}
.related-post-ancer .related-content-wrap .related-tag-wrap { background: #EEF4FF; color: #315296; padding: 6px 15px; display: inline-block; border-radius: 20px; margin: 0 5px 5px 0; font-weight: 500; }
.related-post-ancer .related-content-wrap .related-tag-wrap p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.article-search { background: #EEF4FF; border-radius: 30px; padding: 30px; margin-bottom: 30px; }
.articles-src-wrap { display: flex; align-items: stretch; } 
.articles-src-wrap form { display: flex; width: 100%; }

.articles-src-wrap input.form-control { border-radius: 50px 0 0 50px; background-image: url(../images/search.svg); background-size: 24px; background-repeat: no-repeat; background-position: left 20px center; padding: 10px 10px 10px 54px !important; }
.articles-src-wrap input.src-btn { background: #315296 !important; border: none; padding: 14px 40px; border-radius: 0 50px 50px 0; color: #FFF !important; font-weight: 600; }
/*===== Articles page end =====*/


/*===== News page start =====*/
.news-paper-card { border: 1px solid #ECECEC; border-radius: 20px; padding: 15px 15px 20px; position: relative; overflow: hidden; height: calc(100% - 64px); margin-bottom: 64px; }
.news-paper-card::before { content: ''; position: absolute; width: 100%; background-color: #EEF4FF; height: 0; left: 0; bottom: 0; z-index: -1;  transition: all 0.8s ease 0s; border-radius: 50px 50px 0 0; }
.news-paper-card h3 { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 9px; }
.news-paper-img { border: 1px solid #BCC0C8; border-radius: 12px; overflow: hidden; padding: 0 0 125%; position: relative; margin-bottom: 20px; }
.news-paper-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.news-paper-card:hover { border: 1px solid #CBDCFF; }
.news-paper-card:hover::before { height: 100%; border-radius: 20px 20px 0 0;}

.art-content p { font-size: clamp(1rem, 1rem + 0vw, 1rem); }

.article-share { margin-top: 24px; margin-bottom: 20px; z-index: 1; position: relative; }
.article-share a { border: 1px solid #BCC0C8; padding: 8px 8px 8px 32px; border-radius: 50px; font-weight: 600; display: block; width: fit-content; display: flex; align-items: center; } 
.article-share a span { border: 2px solid #315296; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-left: 24px; position: relative; }
.article-share a span::before { content: ''; width: 100%; height: 100%; position: absolute; background-color: #315296; border-radius: 50px; transform: scale(.1); opacity: 0; transition: all .5s ease; }
.article-share a:hover span::before { transform: scale(1.05); opacity: 1; }
.article-share a span img { transition: all .5s ease; }
.article-share a:hover span img { filter: brightness(0) invert(1);}

.share-modal .modal-dialog { max-width: 484px; width: 95%; }
.share-modal .modal-content { border-radius: 30px; }
.share-modal .modal-body { padding: 40px 30px 50px;}

.share-list { list-style: none; padding: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.share-list li { margin: 0 12px; }
.share-list li a{ width: 56px; height: 56px; outline: 2px solid #ECECEC; position: relative; display: flex; align-items: center; justify-content: center; padding: 13px; border-radius: 50px; transition: all .4s ease; }
.share-list li a:hover { outline: 2px solid #315296; }

/*===== News page end =====*/


/*===== contact page start =====*/
.mb-24 { margin-bottom: 24px; }
.contact-form { background: #EEF4FF; padding: 30px; border-radius: 30px; margin-top: 10px; }
/*===== contact page end =====*/



/* Footer Section */    
footer { background-color: #1B2D4F; padding-top: 100px; padding-bottom: 50px; position: relative; border-radius: 50px 50px 0 0; }
footer .footer-logo { margin-bottom: 30px; position: relative; } 
footer .footer-logo-wraper lottie-player { max-width: 131px; margin: 0 auto; }
footer .footer-logo-wraper img { max-width: 131px; margin: 0 auto; }

.foot-email a { display: block; color: #9CBCFF; margin-top: 12px; background-image: linear-gradient(#cf303000 95%, #9CBCFF 0, #9CBCFF); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; width: fit-content; }
.foot-email a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

.foot-email label { color: #FFF; }

footer .social-media ul { display: flex; align-items: center; justify-content: flex-end; list-style: none; margin-bottom: 35px; }
footer .social-media ul li { margin-left: 0px; } 
footer .social-media ul li a { position: relative; width: 40px; height: 40px; padding: 7px; display: flex; align-items: center; justify-content: center; }
footer .social-media ul li a:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #315296; border-radius: 5px; transform: scale(.1); opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
footer .social-media ul li a img { z-index: 1; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } 
footer .social-media ul li a:hover:before { transform: scale(1); opacity: 1; }
footer .social-media ul li a:hover img { filter: brightness(0) invert(1); }


footer .footer-menu ul { display: flex; list-style: none; justify-content: flex-end; padding: 0; margin: 20px 0 0; flex-wrap: wrap; }
footer .footer-menu ul li { padding: 0 25px; }
footer .footer-menu ul li:last-child{ border: none; padding-right: 0;}
footer .footer-menu ul li:first-child{ padding-left: 0;} 
footer .footer-menu ul li a { position: relative; color: #7F8CA3; text-transform: capitalize; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); background-image: linear-gradient(#cf303000 95%, #7F8CA3 0, #7F8CA3); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s;}
footer .footer-menu ul li a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

/* footer .footer-menu ul li a::before {content: ""; width: 0%; height: 2px; background-color: #7F8CA3; position: absolute; bottom: 0px; 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; }
footer .footer-menu ul li a:hover::before{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; }  */

.end-footer { background-color: #1B2D4F; }
.end-footer .container { border-top: 1px solid #5B6884; padding-top: 20px; padding-bottom: 20px; }
.end-footer .lft-box h6 { margin: 0;color: #7F8CA3;font-weight: 300;margin-bottom: 5px; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem);     font-family: "Poppins", serif; }
.end-footer .lft-box p { margin: 0;font-size: 12px;color: #7F8CA3;}
.end-footer .lft-box p a{ color: #7F8CA3; position: relative; background-image: linear-gradient(#cf303000 95%, #7F8CA3 0, #7F8CA3); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.end-footer .lft-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

/* .end-footer .lft-box p a::before {content: ""; width: 0%; height: 1px; background-color: #7F8CA3; position: absolute; bottom: 0; border-radius: 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.end-footer .lft-box p a:hover::before {width: 100%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }  */
 
.end-footer .right-box p { margin: 0; text-align: right; color: #7F8CA3; font-size: clamp(0.875rem, 0.85rem + 0.126vw, 1rem); }
.end-footer .right-box p a {color: #7F8CA3; position: relative; background-image: linear-gradient(#cf303000 95%, #7F8CA3 0, #7F8CA3); background-position-y: bottom; background-repeat: no-repeat; background-size: 0 100%; text-decoration: none; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s; }
.end-footer .right-box p a:hover { background-position-x: right; background-position-y: bottom; background-size: 100% 100%; }

/* .end-footer .right-box p a::before {right: 0; content: ""; width: 0%; height: 2px; background-color: #7F8CA3; position: absolute; bottom: 0; border-radius: 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.end-footer .right-box p a:hover::before {content: ""; width: 100%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }  */
/* Footer Section */ 


/* search */
.multi-text h1 span{color: #315296;}

.search-panel { border-radius: 30px; background: #EEF4FF; max-width: 992px; margin: 6px auto 30px; padding: 30px; } 
.search-panel form { display: flex; } 
.search-panel form input { margin-right: 15px; padding: 14px 30px !important; }
.search-panel form input::placeholder { color: #1B2D4F !important; opacity: 1;  }
.search-panel form input::-ms-input-placeholder { color: #1B2D4F !important;  }
/* search */

/* Advertise */
.contact-form select{background: #fff url(../images/arrow-down.svg) no-repeat; background-position-x: calc(100% - 35px); background-position-y: 50%; padding: 14px 40px 14px 24px !important;}

.adverise-wrap {     border-bottom: 1px solid #ECECEC; margin-top: 100px; margin-bottom: 0;}
.advertising-card { border: 1px solid #ECECEC; border-radius: 20px; padding: 20px;     margin-bottom: 24px;} 
.advertising-card h3 { margin-bottom: 20px; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;*/ overflow: hidden; line-height: 1.5;}
.advertising-card > p { font-weight: 500; color: #315296; } 

.advertising-card {  display: flex;  flex-direction: column;  width: 100%;}
.advertising-card > p {  margin-top: auto;}

.print-advertise-img { border: 1px solid #BCC0C8; border-radius: 12px; padding: 5px; } 
.print-advertise-img figure { margin: 0; position: relative; padding-bottom: 137%; } 
.print-advertise-img figure img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; border-radius: 8px; }

.print-table table { width: 100%; border-collapse: separate; border-spacing: 3px; } 
.print-table { margin-top: 16px; }
.print-table table tr th { background: #CBDCFF; color: #1B2D4F; font-weight: 500; font-size: 16px; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 6px 33px; } 
.print-table table tr th:first-child { background: transparent; }

.print-table table tr td { border: 1px solid #E3E3E3; text-align: center; font-size: 14px; font-weight: 400; padding: 7px 16px;  } 
.print-table table tr td:first-child { background: #EEF4FF; border: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; color: #315296;  padding: 7px 11px; }

/* Advertise */


.digital-card { border-radius: 20px; border: 1px solid #ECECEC; padding: 24px; margin-bottom: 24px;}
.digital-img { border: 1px solid #BCC0C8; padding: 5px; border-radius: 12px; }

.digital-img figure { position: relative; padding-bottom: 118%; margin-bottom: 0; } 
.digital-img figure img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; border-radius: 8px; object-fit: cover; }

.digital-card p { text-align: center; margin-top: 12px; color: #315296; font-weight: 500; }

/*Media Query css*/
.mega-menu-wrap { background: transparent !important; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover { background: transparent !important; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { color: #BDCEF1 !important; -webkit-transition: all 0.4s ease !important; -moz-transition: all 0.4s ease  !important; -ms-transition: all 0.4s ease !important; -o-transition: all 0.4s ease  !important; transition: all 0.4s ease !important; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem) !important; height: inherit !important; line-height: initial !important; padding: 0; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover { color: #FFF !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-child) { margin-right: 50px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { -webkit-transition: all 0.4sease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; top: 11px; box-sizing: border-box; height: 9px; width: 9px; border-style: solid; border-color: #BDCEF1; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -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.4sease; margin: 0 auto; }
  
.mega-menu-wrap .custom-megamenu-wrap > ul.mega-sub-menu { left: -223px !important; top: 63px !important; box-shadow: 0px 10px 30px 0px #0000000A !important; }
.custom-normal-menu ul.mega-sub-menu { top: 63px !important; padding: 20px !important; background: #FFF !important; box-shadow: 0px 10px 30px 0px #0000000A !important; }

.megamenu-image-col ul.mega-sub-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; } 
.megamenu-image-col ul.mega-sub-menu li.mega-menu-item { display: flex !important; flex-direction: column-reverse; align-items: flex-start; padding: 0 12px !important; }
.megamenu-image-col ul.mega-sub-menu li.mega-menu-item .mega-block-title { padding: 0 !important; margin-top: 20px !important; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem) !important; font-weight: 600 !important; font-family: "Poppins", serif !important; text-transform: initial !important; color: #315296 !important; background-image: linear-gradient(#cf303000 95%, currentcolor 0, currentcolor) !important; background-position-y: bottom !important; background-repeat: no-repeat !important; background-size: 0 100% !important; text-decoration: none !important; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s !important; width: max-content !important;
}
.megamenu-image-col ul.mega-sub-menu li.mega-menu-item:hover .mega-block-title { background-position-x: right !important; background-position-y: bottom !important; background-size: 100% 100% !important; }
.megamenu-image-col ul.mega-sub-menu li.mega-menu-item img { height: 249px !important; object-fit: cover; transition: all .4s ease; border: 1px solid #FFF; }
.megamenu-image-col ul.mega-sub-menu li.mega-menu-item:hover img { box-shadow: 3px 5px 15px #3b4e925e; border: 1px solid #315296; }

.megamenu-link-col > .mega-sub-menu > .mega-menu-item > a.mega-menu-link { margin-bottom: 20px !important; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem) !important; font-weight: 600 !important; font-family: "Poppins", serif !important; text-transform: initial !important; color: #315296 !important; } 
.megamenu-link-col a.mega-menu-link { font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem) !important; font-family: "Poppins", serif !important; margin-bottom: 10px !important; font-weight: 400 !important; color: #7F8CA3 !important; line-height: 1.4 !important; background-image: linear-gradient(#cf303000 95%, currentcolor 0, currentcolor) !important; background-position-y: bottom !important; background-repeat: no-repeat !important; background-size: 0 100% !important; text-decoration: none !important; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s !important; width: max-content !important; }
.megamenu-link-col a.mega-menu-link:hover { background-position-x: right !important; background-position-y: bottom !important; background-size: 100% 100% !important; }


.custom-normal-menu ul.mega-sub-menu  a.mega-menu-link { background-color: transparent !important; padding: 0 !important; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem) !important; font-family: "Poppins", serif !important; margin-bottom: 10px !important; font-weight: 400 !important; color: #7F8CA3 !important; line-height: 1.4 !important; background-image: linear-gradient(#cf303000 95%, currentcolor 0, currentcolor) !important; background-position-y: bottom !important; background-repeat: no-repeat !important; background-size: 0 100% !important; text-decoration: none !important; transition: background-size .3s cubic-bezier(.79, .01, .22, .99) 0s, background-position 0s step-end .3s, color .3s !important; width: max-content !important; }

.custom-normal-menu ul.mega-sub-menu  a.mega-menu-link:hover { background-color: transparent !important; background-position-x: right !important; background-position-y: bottom !important; background-size: 100% 100% !important;}


@media only screen and ( min-width:1444px ) {

  .banner .container { padding: 0 50px; width: 100%; max-width: 1920px !important; }

}

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

  .container { max-width: 1340px !important;} 

}

@media only screen and ( min-width:1700px ) {

  .container { max-width: 1524px !important;}  

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

  .print-table table tr th{font-size: 14px; padding: 6px 24px;}   
  .print-table table tr td{ font-size: 14px;   padding: 7px 8px;}
}

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

  .mega-menu-wrap .custom-megamenu-wrap > ul.mega-sub-menu { max-width: 1316px !important; }

}

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

  .mega-menu-wrap .custom-megamenu-wrap > ul.mega-sub-menu { max-width: 1296px !important; }

  .banner .text-box .swiper-pagination { bottom: -40px; }

  .articles-tags { padding: 20px; }
  .articles-tag-list li { margin: 0 4px 8px; }

  .swiper-button-prev { left: -60px; }
  .swiper-button-next {right: -60px;}

  .advertise-text { max-width: 560px; }

  .news-tab-bnts { padding: 10px 25px; margin-left: 10px; margin-top: 10px; }

}

@media only screen and ( max-width:1399px ) { 
 
  .mega-menu-wrap .custom-megamenu-wrap > ul.mega-sub-menu { max-width: 1116px !important; padding: 30px !important; }
  .megamenu-image-col ul.mega-sub-menu li.mega-menu-item img { height: 204px !important; object-fit: cover; }
  .megamenu-image-col ul.mega-sub-menu li.mega-menu-item .mega-block-title { margin-top: 10px !important; }

  /*..............common styles..............*/ 
  h2 { margin: 0 0 20px; }

  .common-padd { padding-top: 80px; padding-bottom: 80px; } 
  .common-padd-bottom { padding-bottom: 80px; }
  .common-padd-top { padding-top: 80px; } 

  .btn { height: 45px; padding: 8px 25px; }
  /*..............common styles..............*/

  .banner .text-box { margin: 0 60px 0 auto; }
  .banner .text-image { border-radius: 20px; }

  .article-search { border-radius: 20px; padding: 20px; }
  .articles-src-wrap input.src-btn { padding: 14px 20px; }

  .related-articles-wrap { border: 1px solid #ECECEC; border-radius: 20px; padding: 20px; }
  .related-post-ancer .related-image-holder { flex: 0 0 120px; padding: 0 0 120px; border-radius: 10px; }
  .related-post-ancer .related-content-wrap { padding-left: 12px; }
  .related-post-ancer .related-content-wrap .related-tag-wrap { padding: 6px 20px; margin: 0 0 8px; }
  .related-post-ancer .related-content-wrap p { margin-bottom: 10px; }
  .related-post-ancer:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; }
  
  .article-wrap .article-tag { padding: 10px 20px; }
  .article-img { margin-bottom: 30px; }

  .news-tab-bnts { padding: 6px 20px; margin-left: 15px; margin-top: 15px; }
  .latest-news-btns.articles-news-btns .news-tab-bnts { margin-left: 0; margin-right: 10px; margin-top: 10px; }
  
  .common-news-card { padding: 20px 20px 0; border-radius: 20px; }
  .common-news-card h3 { margin: 0 0 10px; }

  .common-news-card.top-image-card, .common-news-card.btm-image-card { padding-bottom: 20px; }
  .common-news-card.top-image-card .common-card-img { margin: 0 0 20px; }
  .common-card-img { border-radius: 15px; }

  .articles-tags { padding: 20px 15px; }
  .articles-tags h2 { margin-bottom: 20px; }
  .articles-tag-list li a { padding: 6px 15px; }

  .tag-wrap { display: flex; align-items: center; flex-wrap: wrap; }
  .tag-wrap > span { margin-bottom: 10px; }
  .tag-wrap .news-tag { padding: 7px 20px; }
 
  .swiper-button-next, .swiper-button-prev { width: 40px; height: 40px; } 
  .swiper-button-prev { left: -25px; } 
  .swiper-button-next { right: -25px;}

  .advertise-img { max-width: 380px; flex: 0 0 auto; }
  .advertise-box { padding: 0 60px; }
  .advertise-text { max-width: 550px; }

  .flex-news-heading { align-items: center; } 

  .search-panel input:not([type="submit"]) { height: 45px !important; }
  .advertising-card{padding: 12px;     border-radius: 10px;}
  .print-table table tr td { font-size: 10px;}
  .print-table table tr td:first-child{    padding: 7px 4px;}
  .print-table table tr th { font-size: 10px;}

  .adverise-wrap{margin-top: 80px;}
  .digital-card{padding: 12px;}
  .submit-btn input[type="submit"]{padding: 0px 40px;}


}

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

  /*  ===========mobile nav==========  */  
  .main-header { padding: 15px 0 15px 0; }
  
  .hamburger-nav { display: inline-block; margin: -10px 0; transform: scale(1) translate(0px, 0px); }
  .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
  .mobile-menu-container{display: block;}     
  .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,
  .mobile-menu ul li a, .mobile-menu ul li { font-size: 20px; color: #ffffff; text-align: left; text-transform: uppercase; }
  .mobile-menu ul li a:hover{color: #FFF;}
  .mobile-menu > ul > li > a { border-bottom: 1px solid #ffffff; }

  .mobile-menu ul li ul.sub-menu li {margin: 11px 0;padding: 0 20px;}  
  .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; }
  .mobile-menu ul li span {margin-left: 10px; }
  .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
  .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -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; top: 15px; }
  .mobile-menu ul li a { padding: 8px 0; font-family: "Barlow Condensed", sans-serif; }
    
  header .mobile-menu ul {max-width: 300px;margin: 0 auto;}
  header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px } 
  header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
  header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: 2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }

  .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 3px #ffffff4f; border-radius: 10px; margin-top: 20px; /* padding-bottom: 20px; */ }
  .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 640px; overflow: auto; }
    
  .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 

  .src-icon { margin-right: 20px; }
  /*===========mobile nav==========*/
 
  .banner .text-box { margin: 0 20px 0 auto; }
  .banner-tag-wrap .bn-news-tag { padding: 7px 20px; }
  
  .banner { min-height: 500px; }

  .article-search { margin-top: 30px; }

  .related-articles-wrap { border-radius: 30px; padding: 30px; }
  .related-post-ancer .related-image-holder { flex: 0 0 140px; padding: 0 0 140px; border-radius: 15px; }
  .related-post-ancer .related-content-wrap { padding-left: 15px; }
  .related-post-ancer .related-content-wrap .related-tag-wrap { padding: 8px 30px; margin: 0 0 15px; }
  .related-post-ancer .related-content-wrap p { margin-bottom: 15px; }
  .related-post-ancer:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; }
  
  .article-wrap .article-tag { padding: 10px 20px; }
  .article-img { margin-bottom: 30px; }

  .articles-tags { padding: 20px 20px; height: auto; margin: 30px 0 0; }
  .advertise-text { padding-right: 15px; }
  .advertise-box { padding: 0 50px; border-radius: 30px; }

  .common-divider::after { width: 202px; }

  .news-tab-bnts { padding: 10px 24px; margin-left: 10px; margin-top: 10px; }

  .current-issue-card h3 { margin: 0px 0 10px; }
  .current-issue-image { margin: 0 0 22px; }

  .articles-breadcrumbs { justify-content: center; }
  .articles-title { text-align: center; }
  .latest-news-btns.articles-news-btns { margin-right: 0; justify-content: center; }

  .news-paper-card { height: calc(100% - 24px); margin-bottom: 24px; }

  .latest-news-btns.home-tab { overflow: auto; flex-wrap: nowrap; padding: 0 0 30px; margin: 10px 0 -32px 16px; }

  /* Footer Section */
  footer { padding-top: 50px; padding-bottom: 35px; }
  footer .footer-logo { text-align: center; } 
  footer .foot-email { text-align: center; }
  footer .foot-email a { margin: 12px auto 0;}

  footer .social-media ul { justify-content: center; margin: 20px 0; padding: 0; }
  footer .social-media ul li { margin: 0 5px; }
  footer .footer-menu ul {  justify-content: center;  margin: 10px 0 0; }
  footer .footer-menu ul li { margin-top: 10px;}
  /* Footer Section */

}

@media only screen and ( max-width: 991px ) {  
  
  /*..............common styles..............*/  
  .common-padd { padding-top: 60px; padding-bottom: 60px; }
  .common-padd-bottom { padding-bottom: 60px; }
  .common-padd-top { padding-top: 60px; } 
  /*..............common styles..............*/
 
  .common-news-card { padding: 20px 15px 0; border-radius: 15px; }
  .common-news-card h3 { margin: 0px 0 8px; }
  .common-news-card p { margin-bottom: 10px; }
  .common-news-card a.line-btn { margin-bottom: 20px; }
  .common-card-img { border-radius: 15px; }

  .common-divider::after { width: 178px; }
 
  .banner { min-height: auto; border-radius: 0 0 30px 30px; padding-top: 50px; padding-bottom: 50px; }
  .banner .text-box { margin: 0; padding-bottom: 20px; }
  .banner .text-box h1 { margin-bottom: 16px; }
  .banner .text-box p { margin-bottom: 16px; }
  .banner .text-box .swiper-pagination { bottom: -20px; }
  .banner .text-image { border-radius: 15px; }

  .banner-tag-wrap .bn-news-tag { padding: 4px 15px; }

  .advertise-box { padding: 0 20px; border-radius: 20px; margin-top: 30px; }
  .advertise-img { max-width: 240px; flex: 0 0 auto; }
  .advertise-img img { margin: -30px 0 0 0; }
  .advertise-text h2, .advertise-text p { margin-bottom: 15px; }

  .news-tab-bnts { padding: 7px 20px; margin-left: 4px; margin-right: 4px; margin-top: 10px; }

  .articles-tags { border-radius: 20px; }
  .article-img { border-radius: 20px; }

  .details-breadcrumbs a.active { text-align: center; display: block; } 
  body.single.single-post .articles-breadcrumbs li a.active::before { display: none; } 
  body.single.single-post .articles-breadcrumbs li:has(a.active) { display: block; width: 100%; margin: 0; }

  /* Footer Section */ 
  footer { border-radius: 30px 30px 0 0; }
  .end-footer .lft-box { text-align: center; margin-bottom: 10px; }
  .end-footer .right-box p { text-align: center; }
  /* Footer Section */

  .adverise-wrap{margin-top: 60px;}
  .contact-form{padding: 20px; border-radius: 10px;}
  

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

  /*..............common styles..............*/ 
  h1, h2, h3, h4, h5, h6 { line-height: 1.1; }
  p { margin: 0 0 24px; line-height: 1.3; }

  .container { max-width: 650px; }  
  /*..............common styles..............*/
  .common-divider::after { width: 100px; left: calc(50% - 50px); }

  .main-header { padding: 15px 0 15px 0; }
  .main-header.fixed { padding: 5px 0 5px 0; }
  .main-header .logo { max-width: 120px; } 
  .manu-part a.btn { display: none; }
 
  .hamburger-nav { transform: scale(.8) translate(24px, 0px); margin: -10px 0 -10px -30px; }

  .search-modal .modal-dialog { width: 96%; max-width: 700px; margin: 20px auto 0; }
  .src-icon { margin-right: 0px; }

  .banner { padding-top: 20px; padding-bottom: 30px; }
  .banner .text-box { text-align: center; margin-bottom: 30px; margin-top: 15px; }
  .banner .text-box .swiper-pagination { justify-content: center; }

  .banner-tag-wrap { justify-content: center; margin-bottom: 10px; }
  .banner .row { flex-direction: column-reverse; }

  .related-articles-wrap { border: 1px solid #ECECEC; border-radius: 20px; padding: 20px; }
  .related-post-ancer .related-image-holder { flex: 0 0 100px; padding: 0 0 100px; border-radius: 10px; }
  .related-post-ancer .related-content-wrap { padding-left: 12px; }
  .related-post-ancer .related-content-wrap .related-tag-wrap { padding: 6px 20px; margin: 0 0 8px; }
  .related-post-ancer .related-content-wrap p { margin-bottom: 10px; }
  .related-post-ancer:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; }
  
  .article-wrap .article-tag { padding: 7px 20px; }
  .article-img { margin-bottom: 20px; border-radius: 15px; }
  .articles-tags { padding: 10px 5px; }
  .articles-tags h2 { margin-bottom: 20px; }
  
  .articles-tag-list li { margin: 0px 1px 6px; }
  .articles-tag-list li a { padding: 5px 12px; }

  .latest-news-btns.articles-news-btns { margin-bottom: 20px; margin-right: 0; overflow: auto; flex-wrap: nowrap; padding-bottom: 10px; }
  .latest-news-btns.articles-news-btns .news-tab-bnts { flex: 0 0 auto; margin-left: 0; margin-right: 6px; margin-top: 0px; padding: 9px 15px; }
 
  .latest-news-btns.articles-news-btns::-webkit-scrollbar { width: 2px; height: 2px; }
  .latest-news-btns.articles-news-btns::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #315296; }
  .latest-news-btns.articles-news-btns::-webkit-scrollbar-thumb { background: #315296; border-radius: 2px; }

  .flex-news-heading { align-items: center; flex-direction: column; }
  .latest-news-btns { display: flex; overflow: auto; width: 100%; padding: 0 0 30px; margin: 10px 0 -32px 0; }

  .articles-src-wrap input.form-control { background-size: 20px; background-position: left 13px center; padding: 10px 10px 10px 40px !important; }

  .current-news-btns { margin-top: 20px; }

  .advertise-box { padding: 20px 20px 0;  border-radius: 20px; margin-top: 0; flex-direction: column; text-align: center; }
  .advertise-text { padding-right: 0; }
  .advertise-img img { margin: 30px 0 0 0; }

  .news-slider-wrapper { position: relative; padding-bottom: 60px; }
  .swiper-button-next, .swiper-button-prev { top: inherit; bottom: 0px; }
  .swiper-button-prev { left: calc(50% - 50px); }
  .swiper-button-next { right: calc(50% - 50px); }

  .mob-btn-mt a.btn.btn-blue { margin-top: 20px; }

  .current-issue-image { border-radius: 20px; }
  .latest-news-btns.articles-news-btns { justify-content: flex-start; }

  .pagination { margin-top: 0px; }
  a.next.page-numbers, a.prev.page-numbers { width: 40px; height: 40px; }
  a.prev.page-numbers { margin-left: 0; margin-right: 3px; }
  a.next.page-numbers { margin-right: 0; margin-left: 3px; }
  .pagination .page-numbers { margin: 0px 2px; }
  
  .latest-news-btns.home-tab{margin: 10px 0 -32px 0px;}
  
  .search-panel{padding: 20px; border-radius: 15px;}
  .search-panel form { display: block; }
  .search-panel form input { margin-right: 0;}
  .search-panel form button { width: 100%; margin-top: 15px; }
  .contact-form{padding: 15px;}

  .mb-24 { margin-bottom: 15px; }

  .articles-tags { margin: 30px 0 0; }
  .article-share { margin-top: 6px; margin-bottom: 10px; }
  .article-share a span { width: 45px; height: 45px; margin-left: 15px; }

  /* Footer Section */
  footer .footer-menu ul { flex-direction: column; align-items: center; }
  footer .footer-menu ul li { padding: 5px 0; border-right: none; width: 100%; text-align: center; }
  .footer-icon { max-width: 80px; right: 10px; top: 10px; }
  /* Footer Section */

  
}

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

  /*..............common styles..............*/ 
  .container { max-width: 96%; }
  h2 { margin: 0 0 15px; } 
  /*..............common styles..............*/

  .share-modal .modal-dialog { margin: 0 auto; }
  .share-modal .modal-body { padding: 20px 20px 20px; }
  .share-modal .modal-content { border-radius: 20px; }
  
  .art-content figure { width: 100% !important; margin: 0 0 10px; }
  .art-content figure img { width: 100%; }
} 
@media only screen and ( max-width: 358px ) { 

  a.next.page-numbers, a.prev.page-numbers { width: 38px; height: 38px; }
  .pagination .page-numbers { width: 38px; height: 38px; }

}
/*Media Query css*/