* {

    padding: 0;

    margin: 0;

}

html, body {height: 100%; width: 100%;}



body{  font-family: 'Nunito Sans',sans-serif; font-size:18px; color:#000; line-height: 1.5;}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {	border: 0;	margin: 0;	padding: 0;	font-family:'Nunito Sans',sans-serif; font-weight: normal;}



img, fieldset, abbr, acronym {	border: 0;}



article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}



audio, canvas, video {display: inline-block;



display: inline;



zoom: 1;}



h1, h2, h3, h4, h5, h6 {	font-family: 'Nunito Sans',sans-serif;	font-size: 100%;	font-weight: normal;}



ul li, ol li {list-style: none;}



img {	border: none;	display: block; max-width:100%;}



a, a:link, a:focus {	color: #000 ;	text-decoration: none;	outline: none;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}



a:hover {	color: #5480cd;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}





@font-face {  font-family: 'FontAwesome';



  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');



  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');  font-weight: normal; font-style: normal;}



  .fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {



    content: "\f167";}.fa-instagram::before {  content: "\f16d";}	.fa-angle-right:before { content: "\f105";}



.fa-phone-square:before { content: "\f098";}



.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}



.fa {  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;



  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}



  @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot");  src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),



       url("../fonts/flaticon_flats.woff") format("woff"),  url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");



  font-weight: normal; font-style: normal;}

.fa-x-twitter:before{content:"\e61b"}

  .fa-calendar:before { content: "\f073";}.fa-home:before {  content: "\f015";}

  .fa-slash-forward:before { content: "\2f";}

  .fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before {  content: "\f017";}

.fa-chevron-down:before { content: "\f078";}

.fa-instagram:before {  content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";}  .fa-calendar:before{content:"\f073"} .fa-linkedin:before {  content: "\f0e1";}



.container-area{ max-width:1280px; width:100%; margin:0 auto}

.body-container .wide-slider .owl-carousel .owl-controls { display:none !important;

  position: absolute; 

  bottom:7%; right:44%;

  width: 150px;

}



.wide-slider img {

    height: 700px;

    object-fit: cover;

    object-position: 50% 50%;

}

.body-container .wide-slider.wide-slider-pagination .item .content {

  position: absolute;

  bottom: 110px;

  left: 10%;

}

.body-container .wide-slider.wide-slider-pagination .item .content.content-inline {

  display: inline-block;

  width: auto;

}





.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{ color: #fff; display:inline-block; margin:0 10px;

    width: 44px;

    height: 44px;

    cursor: pointer;

    border-radius: 8px;

    border: 1px solid #FFFFFF;

    -webkit-backdrop-filter: blur(8px);

    backdrop-filter: blur(8px);

    -webkit-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out; font-size:0;

	cursor: pointer;

}

.owl-controls .active { background:#ff834f ;}

.owl-controls .owl-page:hover {  background:#ff834f;}

.owl-pagination{ width:100%; max-width:1180px; margin:0 auto; text-align: center}

@media (max-width: 768px) { .owl-pagination{ text-align: center;} }

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing {

    cursor:url(grabbing.png) 8 8, move;

}

/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}



.body-container .wide-slider .owl-carousel .item img {

    width: 100%;

    display: block;

}.banner-area img {

    height: 700px;

    object-fit: cover;

    object-position: 50% 50%;

	display:flex;

}.body-container .wide-slider .owl-carousel .item .content {

    position: absolute;

    width: 100%;

    top:7%;

    z-index: 99;

}

 .body-container {  overflow:hidden; }

.owl-origin {

	-webkit-perspective: 1200px;

	-webkit-perspective-origin-x : 50%;

	-webkit-perspective-origin-y : 50%;

	-moz-perspective : 1200px;

	-moz-perspective-origin-x : 50%;

	-moz-perspective-origin-y : 50%;

	perspective : 1200px;

}

/* fade */

.owl-fade-out {

  z-index: 10;

  -webkit-animation: fadeOut .7s both ease;

  -moz-animation: fadeOut .7s both ease;

  animation: fadeOut .7s both ease;

}

.owl-fade-in {

  -webkit-animation: fadeIn .7s both ease;

  -moz-animation: fadeIn .7s both ease;

  animation: fadeIn .7s both ease;

}

/* backSlide */

.owl-backSlide-out {

  -webkit-animation: backSlideOut 1s both ease;

  -moz-animation: backSlideOut 1s both ease;

  animation: backSlideOut 1s both ease;

}

.owl-backSlide-in {

  -webkit-animation: backSlideIn 1s both ease;

  -moz-animation: backSlideIn 1s both ease;

  animation: backSlideIn 1s both ease;

}

/* goDown */

.owl-goDown-out {

  -webkit-animation: scaleToFade .7s ease both;

  -moz-animation: scaleToFade .7s ease both;

  animation: scaleToFade .7s ease both;

}

.owl-goDown-in {

  -webkit-animation: goDown .6s ease both;

  -moz-animation: goDown .6s ease both;

  animation: goDown .6s ease both;

}

/* scaleUp */

.owl-fadeUp-in {

  -webkit-animation: scaleUpFrom .5s ease both;

  -moz-animation: scaleUpFrom .5s ease both;

  animation: scaleUpFrom .5s ease both;

}



.owl-fadeUp-out {

  -webkit-animation: scaleUpTo .5s ease both;

  -moz-animation: scaleUpTo .5s ease both;

  animation: scaleUpTo .5s ease both;

}

/* Keyframes */

/*empty*/

@-webkit-keyframes empty {

  0% {opacity: 1}

}

@-moz-keyframes empty {

  0% {opacity: 1}

}

@keyframes empty {

  0% {opacity: 1}

}

@-webkit-keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@-moz-keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@keyframes fadeIn {

  0% { opacity:0; }

  100% { opacity:1; }

}

@-webkit-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-moz-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-webkit-keyframes backSlideOut {

  25% { opacity: .5; -webkit-transform: translateZ(-500px); }

  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }

}

@-moz-keyframes backSlideOut {

  25% { opacity: .5; -moz-transform: translateZ(-500px); }

  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }

}

@keyframes backSlideOut {

  25% { opacity: .5; transform: translateZ(-500px); }

  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }

  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }

}

@-webkit-keyframes backSlideIn {

  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; -webkit-transform: translateZ(-500px); }

  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }

}

@-moz-keyframes backSlideIn {

  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; -moz-transform: translateZ(-500px); }

  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }

}

@keyframes backSlideIn {

  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }

  75% { opacity: .5; transform: translateZ(-500px); }

  100% { opacity: 1; transform: translateZ(0) translateX(0); }

}

@-webkit-keyframes scaleToFade {

  to { opacity: 0; -webkit-transform: scale(.8); }

}

@-moz-keyframes scaleToFade {

  to { opacity: 0; -moz-transform: scale(.8); }

}

@keyframes scaleToFade {

  to { opacity: 0; transform: scale(.8); }

}

@-webkit-keyframes goDown {

  from { -webkit-transform: translateY(-100%); }

}

@-moz-keyframes goDown {

  from { -moz-transform: translateY(-100%); }

}

@keyframes goDown {

  from { transform: translateY(-100%); }

}



@-webkit-keyframes scaleUpFrom {

  from { opacity: 0; -webkit-transform: scale(1.5); }

}

@-moz-keyframes scaleUpFrom {

  from { opacity: 0; -moz-transform: scale(1.5); }

}

@keyframes scaleUpFrom {

  from { opacity: 0; transform: scale(1.5); }

}



@-webkit-keyframes scaleUpTo {

  to { opacity: 0; -webkit-transform: scale(1.5); }

}

@-moz-keyframes scaleUpTo {

  to { opacity: 0; -moz-transform: scale(1.5); }

}

@keyframes scaleUpTo {

  to { opacity: 0; transform: scale(1.5); }

}

.bannertitle{ color:#0f0d31; font-size:51px; line-height:54px;  font-weight:800; margin-bottom:25px;  }

.slider-two_content{   z-index: 150; float:right; width:50%;

    position:relative;}

.slider-two_content-left{ float:left; width:45%; position:relative; text-align:center; padding-top:35px;}

.slider-two_content-left .drname{ position:absolute; bottom:100px; right:0; background:#fff; border:solid 2px #528ef9; border-radius:0 50px 0 50px; padding:12px 25px 20px 25px}

.slider-two_content-left .drname h2{ font-size:28px; line-height:35px; font-weight:800}

.slider-two_content-left .drname p{ line-height:20px; font-size:17px;}

.slider-two_content-left img{ height:500px; border-radius:100%;}

.slider-two_content-left .imagearea{  width:500px; height:500px; border-radius:100%; background:#dce7f8 ; border:solid 20px #fff; box-shadow:0 8px 30px rgb(0 0 0 / 6%)}

.bg2{background:#752771  url(../images/circlebg.png) top cente no-repeat;}

	.clear{ clear:both}

.slider-two_content p{  font-size:18px; font-weight:800}

.appointmentbtn{ margin-top:50px; position:relative; top:13px;}

.bannertitle1{ padding:60px 50px 20px 50px; width:80%; margin:0 auto; font-size:18px; font-weight:700;}

.btn1{ background:#752771; border-radius:40px; color:#fff !important; font-weight:700; padding:16px 35px 16px 35px; border:solid 2px #752771}

.btn1:hover{ background:#fff ; color:#000 !important;  border:solid 2px #752771}



.btn01{ background:#fff; border-radius:40px; color:#000 !important; font-weight:700; padding:16px 35px 16px 35px; border:solid 2px #000}

.btn01:hover{ background:#000 ; color:#fff !important;  border:solid 2px #000}



.btn2{ background:#d6b272; border-radius:40px; color:#000 !important; font-weight:700; padding:12px 35px 12px 35px; border:solid 2px #d6b272}

.btn2:hover{ background:#fff ; color:#000 !important;  border:solid 2px #d6b272}

.btn3{ background:#528ef9; border-radius:40px; color:#fff !important; font-weight:700; padding:12px 35px 12px 35px; border:solid 2px #528ef9}

.btn3:hover{ background:#fff ; color:#000 !important;  border:solid 2px #528ef9}



.banner-area{ background:#f2ebe3;}

.counting-box{ float:left; width:30%; padding:0 1.5%; text-align:center; border-right: solid 1px #898989; margin-bottom:25px;}

.bdright0{ border-right:0 !important}

.counting-box h3{ font-weight:800; font-size:50px; color:#222161; line-height:55px;}

.slider-two_content-left .btn1{ display:inline-block; margin-top:20px;}

.list01 { display:block; padding-bottom:20px;}

.list01 li{ background:url(../images/tick.png) left 6px no-repeat; padding-left:25px; display:block; margin-bottom:10px;}

.tag-box a {
    border-radius: 5px;
    background: #eeeded;
    margin-right: 5px;
    font-size: 15px;
    padding: 5px 10px;
}

.list02 { display:block; padding-bottom:20px;}

.list02 li{ background:url(../images/tick.png) left 6px no-repeat; padding-left:20px;  display:block; margin-bottom:10px; display:flow-root}



.faq-section{ padding:60px 0 60px 0; }

.faq-row{grid-column-gap: 60px;

    grid-template-columns: 2fr 1fr; grid-auto-columns: 1fr;

    display: grid;    grid-row-gap: 16px;}

.faq-left{ background-image: url(../images/img11.jpg); background-size:cover;

    background-position: 50% 0;

    border-radius: 10px;

    width: 100%;

}.faq-right{justify-content: flex-start;

    align-items: flex-start;    display: flex;grid-column-gap: 0px;

    grid-row-gap: 0px;

    flex-direction: column;}

	.faq-right h2{    font-size: 38px; 

    font-weight: 600; color:#222161;

    line-height: 40px; padding-bottom:5px;}

	.toggles{ margin-top:25px; width:100%}





	.toggle { padding: 0px; padding-bottom: 0; margin-bottom:15px; border-top:solid 1px #bababa}







	.bdtop0{ border-top:0 !important}



.toggle-content p{  font-size:16px;}



.toggle-title { position: relative; display: block; color: #000; cursor: pointer; font-size:19px; font-weight:400;  padding: 15px 20px 1px 0px; }







.toggle-title:after { content: '';  position: absolute; top: 67%; right: 0px;  width: 18px; height: 9px;  border: solid #000;







    border-width: 0 0 2px 2px;







    -webkit-transform: rotate(-45deg);







    -ms-transform: rotate(-45deg);







    transform: rotate(-45deg);







    width: 10px;







    height: 10px;







    margin-top: -13px; }







.toggle.active .toggle-title:after { content: '';   border: solid #71689c;







    border-width: 0 0 2px 2px;







    -webkit-transform: rotate(-222deg);







    -ms-transform: rotate(-222deg);







    transform: rotate(-222deg);







    width: 10px;







    height: 10px;







    margin-top: -4px; 







}







.toggle-content { padding-top: 10px; padding: 0px 20px 0px 0px; display: none; }







.toggle.active .toggle-content { display: block !important; color:#000}







.toggle.active .toggle-title {  color:#528ef9; }







.toggle-content:before,







.toggle-content:after {

    content: " ";





    display:table;}



.toggle-content:after {



    clear: both;}

	.welcome-area{ padding:45px 0 45px 0; margin:1px 0}

		.welcome-area h2{ 

    font-size: 41px;

    line-height: 50px;

    font-weight: 800;

    margin-bottom: 10px; }

	.welcome-left{ float:left; width:47%; padding-top:10px;}

	.welcome-right{ float:right; width:45%}

	.welcome-area p{ font-size:20px;}

	

.dr-profile-area { background: linear-gradient(180deg, #e1e9fb 30%, #f0fbfe 100%);



    padding: 50px 0 50px 0;

}



.dr-center-text{

    text-align: center;

    max-width: 850px; width:100%;

    margin: 0 auto;

    padding-bottom: 40px;

}

.dr-center-text h2 {

    text-align: center;

    font-size: 45px;

    line-height: 50px;

    font-weight: 800;

    margin-bottom: 5px;

}

.dr-center-text p {

    text-align: center; 

    font-size: 19px;

    line-height: 30px;  

}





.dr-profile-area .dr-area {

    display: flex;              

    justify-content: center;    

    gap: 40px;                  

}



.dr-profile-area .dr-card {

    width: 45%;                  



    text-align: center;

   

    transition: transform 0.3s;

}

.dr-profile-area .dr-card .dr-img-card{    background-color: #fff; padding:30px 35px 35px 35px; box-shadow:0 8px 30px rgb(0 0 0 / 6%);



    margin-bottom: 15px;

}



.dr-profile-area .dr-card img {

    width: 100%;

    object-fit: cover;

}



.dr-profile-area .dr-card h2 {

    margin: 10px 0 5px;

   font-size: 45px;

   line-height: 50px;

    font-weight: 600;

}



.dr-profile-area .dr-card p {

    font-size: 22px;

    line-height: 25px;

}

.dr-profile-area .dr-card h3 {

    margin: 20px 0 5px; color:#222161;

   font-size: 32px;

   line-height: 35px;

    font-weight: 800;

}



 .swiper{

  border-radius: 20px;

  max-width:1100px;

  margin:0 auto;

}

.card-wrapper {

  margin: 0 auto;

  overflow: hidden;

 

}

.card-list .card-item {

  list-style: none;

 

}







.swiper-button-prev::after,

.swiper-button-next::after {

  display: none;   

}



.swiper-button-prev img,

.swiper-button-next img {

 

  height: auto;

  cursor: pointer;

}

.card-btn{

	text-align:center;

	

}



.card-btn .btn{

    display:inline-block;

    padding:8px 24px;

    margin:8px;

    font-size:18px;

    text-decoration:none;

    border-radius:30px;

    transition:0.3s;

	  background:#2563eb;

	   color:#fff;

  }

.card-btn .btn:hover{

	    background:#1d4ed8;

    border-color:#1d4ed8;

}



  .card-btn.btn-view{

  color:#fff;

    border:2px solid #2563eb;

     background:#2563eb;

  }

  .card-btn.btn-view:hover{

    background:#2563eb;

    color:#fff;

  }





  /*  */







  .swiper {



      margin-left: auto;



      margin-right: auto;



      position: relative;



      overflow: hidden;



      list-style: none;



      padding: 0;



      z-index: 1;



      display: block



  }







  .swiper-vertical>.swiper-wrapper {



      flex-direction: column



  }







  .swiper-wrapper {



      position: relative;



      width: 100%;



      height: 100%;



      z-index: 1;



      display: flex;



      transition-property: transform;



      transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);



      box-sizing: content-box



  }







  .swiper-android .swiper-slide,



  .swiper-ios .swiper-slide,



  .swiper-wrapper {



      transform: translate3d(0px, 0, 0); padding-bottom:30px;



  }







  .swiper-horizontal {



      touch-action: pan-y



  }







  .swiper-vertical {



      touch-action: pan-x



  }







  .swiper-slide {



      flex-shrink: 0;



      width: 100%;



      height: 100%;



      position: relative;



      transition-property: transform;



      display: block



  }







  .swiper-slide-invisible-blank {



      visibility: hidden



  }







  .swiper-autoheight,



  .swiper-autoheight .swiper-slide {



      height: auto



  }







  .swiper-autoheight .swiper-wrapper {



      align-items: flex-start;



      transition-property: transform, height



  }







  .swiper-backface-hidden .swiper-slide {



      transform: translateZ(0);



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden



  }







  .swiper-3d.swiper-css-mode .swiper-wrapper {



      perspective: 1200px



  }







  .swiper-3d .swiper-wrapper {



      transform-style: preserve-3d



  }







  .swiper-3d {



      perspective: 1200px



  }







  .swiper-3d .swiper-cube-shadow,



  .swiper-3d .swiper-slide {



      transform-style: preserve-3d



  }







  .swiper-css-mode>.swiper-wrapper {



      overflow: auto;



      scrollbar-width: none;



      -ms-overflow-style: none



  }







  .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {



      display: none



  }







  .swiper-css-mode>.swiper-wrapper>.swiper-slide {



      scroll-snap-align: start start



  }







  .swiper-css-mode.swiper-horizontal>.swiper-wrapper {



      scroll-snap-type: x mandatory



  }







  .swiper-css-mode.swiper-vertical>.swiper-wrapper {



      scroll-snap-type: y mandatory



  }







  .swiper-css-mode.swiper-free-mode>.swiper-wrapper {



      scroll-snap-type: none



  }







  .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {



      scroll-snap-align: none



  }







  .swiper-css-mode.swiper-centered>.swiper-wrapper::before {



      content: '';



      flex-shrink: 0;



      order: 9999



  }







  .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {



      scroll-snap-align: center center;



      scroll-snap-stop: always



  }







  .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {



      margin-inline-start: var(--swiper-centered-offset-before)



  }







  .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {



      height: 100%;



      min-height: 1px;



      width: var(--swiper-centered-offset-after)



  }







  .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {



      margin-block-start: var(--swiper-centered-offset-before)



  }







  .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {



      width: 100%;



      min-width: 1px;



      height: var(--swiper-centered-offset-after)



  }







  .swiper-3d .swiper-slide-shadow,



  .swiper-3d .swiper-slide-shadow-bottom,



  .swiper-3d .swiper-slide-shadow-left,



  .swiper-3d .swiper-slide-shadow-right,



  .swiper-3d .swiper-slide-shadow-top {



      position: absolute;



      left: 0;



      top: 0;



      width: 100%;



      height: 100%;



      pointer-events: none;



      z-index: 10



  }







  .swiper-3d .swiper-slide-shadow {



      background: rgba(0, 0, 0, .15)



  }







  .swiper-3d .swiper-slide-shadow-left {



      background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))



  }







  .swiper-3d .swiper-slide-shadow-right {



      background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))



  }







  .swiper-3d .swiper-slide-shadow-top {



      background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))



  }







  .swiper-3d .swiper-slide-shadow-bottom {



      background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))



  }







  .swiper-lazy-preloader {



      width: 42px;



      height: 42px;



      position: absolute;



      left: 50%;



      top: 50%;



      margin-left: -21px;



      margin-top: -21px;



      z-index: 10;



      transform-origin: 50%;



      box-sizing: border-box;



      border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));



      border-radius: 50%;



      border-top-color: transparent



  }







  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,



  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {



      animation: swiper-preloader-spin 1s infinite linear



  }







  .swiper-lazy-preloader-white {



      --swiper-preloader-color: #fff



  }







  .swiper-lazy-preloader-black {



      --swiper-preloader-color: #000



  }







  @keyframes swiper-preloader-spin {



      0% {



          transform: rotate(0deg)



      }







      100% {



          transform: rotate(360deg)



      }



  }







  .swiper-virtual .swiper-slide {



      -webkit-backface-visibility: hidden;



      transform: translateZ(0)



  }







  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {



      content: '';



      position: absolute;



      left: 0;



      top: 0;



      pointer-events: none



  }







  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {



      height: 1px;



      width: var(--swiper-virtual-size)



  }







  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {



      width: 1px;



      height: var(--swiper-virtual-size)



  }







  :root {



      --swiper-navigation-size: 44px



  }







  .swiper-button-next,



  .swiper-button-prev {



      position: absolute;



      top: var(--swiper-navigation-top-offset, 100%);



      width: calc(var(--swiper-navigation-size)/ 44 * 27);



      height: var(--swiper-navigation-size);



      /* margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); */



      z-index: 10;



      cursor: pointer;



      display: flex;



      align-items: center;



      justify-content: center;



      color: var(--swiper-navigation-color, var(--swiper-theme-color))



  }







  .swiper-button-next.swiper-button-disabled,



  .swiper-button-prev.swiper-button-disabled {



      opacity: .35;



      cursor: auto;



      pointer-events: none



  }







  .swiper-button-next.swiper-button-hidden,



  .swiper-button-prev.swiper-button-hidden {



      opacity: 0;



      cursor: auto;



      pointer-events: none



  }







  .swiper-navigation-disabled .swiper-button-next,



  .swiper-navigation-disabled .swiper-button-prev {



      display: none !important



  }







  .swiper-button-next svg,



  .swiper-button-prev svg {



      width: 100%;



      height: 100%;



      object-fit: contain;



      transform-origin: center



  }







  .swiper-rtl .swiper-button-next svg,



  .swiper-rtl .swiper-button-prev svg {



      transform: rotate(180deg)



  }







  .swiper-button-prev,



  .swiper-rtl .swiper-button-next {



      left: var(--swiper-navigation-sides-offset, 600px);



      right: auto



  }







  .swiper-button-next,



  .swiper-rtl .swiper-button-prev {



      right: var(--swiper-navigation-sides-offset, 600px);



      left: auto



  }







  .swiper-button-lock {



      display: none



  }







  .swiper-button-next:after,



  .swiper-button-prev:after {



      font-family: swiper-icons;



      font-size: var(--swiper-navigation-size);



      text-transform: none !important;



      letter-spacing: 0;



      font-variant: initial;



      line-height: 1



  }







  .swiper-button-prev:after,



  .swiper-rtl .swiper-button-next:after {



      content: 'prev'



  }







  .swiper-button-next,



  .swiper-rtl .swiper-button-prev {



      right: var(--swiper-navigation-sides-offset, 580px);



      left: auto



  }







  .swiper-button-next:after,



  .swiper-rtl .swiper-button-prev:after {



      content: 'next'



  }







  .swiper-pagination {



      position: absolute;



      text-align: center;



      transition: .3s opacity;



      transform: translate3d(0, 0, 0);



      z-index: 10



  }







  .swiper-pagination.swiper-pagination-hidden {



      opacity: 0



  }







  .swiper-pagination-disabled>.swiper-pagination,



  .swiper-pagination.swiper-pagination-disabled {



      display: none !important



  }







  .swiper-horizontal>.swiper-pagination-bullets,



  .swiper-pagination-bullets.swiper-pagination-horizontal,



  .swiper-pagination-custom,



  .swiper-pagination-fraction {



      bottom: var(--swiper-pagination-bottom, 8px);



      top: var(--swiper-pagination-top, auto);



      left: 0;



      width: 100%



  }







  .swiper-pagination-bullets-dynamic {



      overflow: hidden;



      font-size: 0



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



      transform: scale(.33);



      position: relative



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {



      transform: scale(1)



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {



      transform: scale(1)



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {



      transform: scale(.66)



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {



      transform: scale(.33)



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {



      transform: scale(.66)



  }







  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {



      transform: scale(.33)



  }







  .swiper-pagination-bullet {



      width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));



      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));



      display: inline-block;



      border-radius: var(--swiper-pagination-bullet-border-radius, 50%);



      background: var(--swiper-pagination-bullet-inactive-color, #000);



      opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)



  }







  button.swiper-pagination-bullet {



      border: none;



      margin: 0;



      padding: 0;



      box-shadow: none;



      -webkit-appearance: none;



      appearance: none



  }







  .swiper-pagination-clickable .swiper-pagination-bullet {



      cursor: pointer



  }







  .swiper-pagination-bullet:only-child {



      display: none !important



  }







  .swiper-pagination-bullet-active {



      opacity: var(--swiper-pagination-bullet-opacity, 1);



      background: var(--swiper-pagination-color, var(--swiper-theme-color))



  }







  .swiper-pagination-vertical.swiper-pagination-bullets,



  .swiper-vertical>.swiper-pagination-bullets {



      right: var(--swiper-pagination-right, 8px);



      left: var(--swiper-pagination-left, auto);



       top: 50%;

   transform: translate3d(0px, -50%, 0) 



  }







  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,



  .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {



      margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;



      display: block



  }







  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,



  .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {



      top: 50%;



      transform: translateY(-50%);



      width: 8px



  }







  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,



  .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



      display: inline-block;



      transition: .2s transform, .2s top



  }







  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,



  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {



      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0px)



  }







  .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,



  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {



      left: 50%;



      transform: translateX(-50%);



      white-space: nowrap



  }







  .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,



  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



      transition: .2s transform, .2s left



  }







  .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



      transition: .2s transform, .2s right



  }







  .swiper-pagination-fraction {



      color: var(--swiper-pagination-fraction-color, inherit)



  }







  .swiper-pagination-progressbar {



      background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));



      position: absolute



  }







  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



      background: var(--swiper-pagination-color, var(--swiper-theme-color));



      position: absolute;



      left: 0;



      top: 0;



      width: 100%;



      height: 100%;



      transform: scale(0);



      transform-origin: left top



  }







  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



      transform-origin: right top



  }







  .swiper-horizontal>.swiper-pagination-progressbar,



  .swiper-pagination-progressbar.swiper-pagination-horizontal,



  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,



  .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {



      width: 100%;



      height: var(--swiper-pagination-progressbar-size, 4px);



      left: 0;



      top: 0



  }







  .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,



  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,



  .swiper-pagination-progressbar.swiper-pagination-vertical,



  .swiper-vertical>.swiper-pagination-progressbar {



      width: var(--swiper-pagination-progressbar-size, 4px);



      height: 100%;



      left: 0;



      top: 0



  }







  .swiper-pagination-lock {



      display: none



  }







  .swiper-scrollbar {



      border-radius: var(--swiper-scrollbar-border-radius, 10px);



      position: relative;



      touch-action: none;



      background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))



  }







  .swiper-scrollbar-disabled>.swiper-scrollbar,



  .swiper-scrollbar.swiper-scrollbar-disabled {



      display: none !important



  }







  .swiper-horizontal>.swiper-scrollbar,



  .swiper-scrollbar.swiper-scrollbar-horizontal {



      position: absolute;



      left: var(--swiper-scrollbar-sides-offset, 1%);



      bottom: var(--swiper-scrollbar-bottom, 4px);



      top: var(--swiper-scrollbar-top, auto);



      z-index: 50;



      height: var(--swiper-scrollbar-size, 4px);



      width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))



  }







  .swiper-scrollbar.swiper-scrollbar-vertical,



  .swiper-vertical>.swiper-scrollbar {



      position: absolute;



      left: var(--swiper-scrollbar-left, auto);



      right: var(--swiper-scrollbar-right, 4px);



      top: var(--swiper-scrollbar-sides-offset, 1%);



      z-index: 50;



      width: var(--swiper-scrollbar-size, 4px);



      height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))



  }







  .swiper-scrollbar-drag {



      height: 100%;



      width: 100%;



      position: relative;



      background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));



      border-radius: var(--swiper-scrollbar-border-radius, 10px);



      left: 0;



      top: 0



  }







  .swiper-scrollbar-cursor-drag {



      cursor: move



  }







  .swiper-scrollbar-lock {



      display: none



  }







  .swiper-zoom-container {



      width: 100%;



      height: 100%;



      display: flex;



      justify-content: center;



      align-items: center;



      text-align: center



  }







  .swiper-zoom-container>canvas,



  .swiper-zoom-container>img,



  .swiper-zoom-container>svg {



      max-width: 100%;



      max-height: 100%;



      object-fit: contain



  }







  .swiper-slide-zoomed {



      cursor: move;



      touch-action: none



  }







  .swiper .swiper-notification {



      position: absolute;



      left: 0;



      top: 0;



      pointer-events: none;



      opacity: 0;



      z-index: -1000



  }







  .swiper-free-mode>.swiper-wrapper {



      transition-timing-function: ease-out;



      margin: 0 auto



  }







  .swiper-grid>.swiper-wrapper {



      flex-wrap: wrap



  }







  .swiper-grid-column>.swiper-wrapper {



      flex-wrap: wrap;



      flex-direction: column



  }







  .swiper-fade.swiper-free-mode .swiper-slide {



      transition-timing-function: ease-out



  }







  .swiper-fade .swiper-slide {



      pointer-events: none;



      transition-property: opacity



  }







  .swiper-fade .swiper-slide .swiper-slide {



      pointer-events: none



  }







  .swiper-fade .swiper-slide-active {



      pointer-events: auto



  }







  .swiper-fade .swiper-slide-active .swiper-slide-active {



      pointer-events: auto



  }







  .swiper.swiper-cube {



      overflow: visible



  }







  .swiper-cube .swiper-slide {



      pointer-events: none;



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden;



      z-index: 1;



      visibility: hidden;



      transform-origin: 0 0;



      width: 100%;



      height: 100%



  }







  .swiper-cube .swiper-slide .swiper-slide {



      pointer-events: none



  }







  .swiper-cube.swiper-rtl .swiper-slide {



      transform-origin: 100% 0



  }







  .swiper-cube .swiper-slide-active,



  .swiper-cube .swiper-slide-active .swiper-slide-active {



      pointer-events: auto



  }







  .swiper-cube .swiper-slide-active,



  .swiper-cube .swiper-slide-next,



  .swiper-cube .swiper-slide-prev {



      pointer-events: auto;



      visibility: visible



  }







  .swiper-cube .swiper-cube-shadow {



      position: absolute;



      left: 0;



      bottom: 0px;



      width: 100%;



      height: 100%;



      opacity: .6;



      z-index: 0



  }







  .swiper-cube .swiper-cube-shadow:before {



      content: '';



      background: #000;



      position: absolute;



      left: 0;



      top: 0;



      bottom: 0;



      right: 0;



      filter: blur(50px)



  }







  .swiper-cube .swiper-slide-next+.swiper-slide {



      pointer-events: auto;



      visibility: visible



  }







  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,



  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,



  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,



  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {



      z-index: 0;



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden



  }







  .swiper.swiper-flip {



      overflow: visible



  }







  .swiper-flip .swiper-slide {



      pointer-events: none;



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden;



      z-index: 1



  }







  .swiper-flip .swiper-slide .swiper-slide {



      pointer-events: none



  }







  .swiper-flip .swiper-slide-active,



  .swiper-flip .swiper-slide-active .swiper-slide-active {



      pointer-events: auto



  }







  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,



  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,



  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,



  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {



      z-index: 0;



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden



  }







  .swiper-creative .swiper-slide {



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden;



      overflow: hidden;



      transition-property: transform, opacity, height



  }







  .swiper.swiper-cards {



      overflow: visible



  }







  .swiper-cards .swiper-slide {



      transform-origin: center bottom;



      -webkit-backface-visibility: hidden;



      backface-visibility: hidden;



      overflow: hidden



  }



/* css card*/





.options-service-area {

  padding: 70px 0 400px 0;

 background: linear-gradient(180deg, #5480cd 50%, #232464 100%);



}

.treatmenth{ color:#fff; font-size:20px; width:70%; text-align:center; padding-bottom:25px; margin:0 auto}



.swiper1 {



  max-width: 1300px;

  margin: 0 auto;

  display: flex;          

  align-items: flex-start; 

  gap: 3%;  

   margin-top: -390px;              

}



/* .opestin-left {

  width: 25%;

  text-align: left;

} */



.opestin-right {

  width: 100%;

  position: relative;

} 



.card-wrapper1 {

  width: 100%;     

  max-width: 100%; 

  overflow: hidden;

}



.text-options-service h2 {

  font-size: 28px;

  line-height: 38px;

  margin: 20px 0;

 text-align: center; 

   color:#fff;

}



.text-options-service h3 {

  font-size: 20px;

  color: #555;

  text-align: center; 

  color:#fff;

}





  .card-list .card-item {



      list-style: none; 



  }





  .card-list .card-item .card-link { 

      display: block;



      margin: 5px;



      user-select: none;



      border-radius: 20px;



      text-decoration: none;



box-shadow:0 5px 10px rgb(0 0 0 / 25%);



      transition: transform 0.3s ease, box-shadow 0.3s ease;



      overflow: hidden;



     background:#fff;



      position: relative;



  }





  .card-link img {

      transition: transform 0.3s ease-in-out;

      width: 100%;

      height: auto;

      object-fit: cover;

      background-size: cover;

      position: relative;

      display: block;

  }



 .opestion-text{ 

padding:30px;

text-align:center;

}

.opestion-text h2{

	font-size:24px;

	line-height:28px;

	margin-bottom:30px;

	position:relative;

}

.opestion-text h2 a{ color:#222161; font-weight:600} .opestion-text h2 a:hover{ color:#528ef9}

.opestion-text h2:before{

content: "";

    height: 4px;

    background: #528ef9;

    width: 40%;

    position: absolute;

    bottom:-10px;

    left: 50%;

    transform: translateX(-50%);

}



.opestion-text .ful-btn {

    margin: 30px 0 10px;

}

.opestion-text .ful-btn a {

    font-size: 16px;

    text-decoration: none;

    padding: 12px 25px;

    color: #fff;

   background: #042081;

    border-radius: 30px;

    display: inline-block;

}



  .card-wrapper .swiper-pagination-bullet {

      height: 1px;

      width: 200px;

      opacity: 0.5;

      background: #e3dada;

    }





    .card-wrapper .swiper-pagination-bullet-active {



      opacity: 1;



      background: #bff747;



    }







    .card-wrapper .swiper-slide-button {



      color: #333;



      margin-top: 60px;



    } 





.custom-prev,

.custom-next { background:#212161; border-radius:100%; 

  width:50px;

  height:50px;

  cursor: pointer;

  position: absolute;

 bottom: 0%;



  z-index: 10;

}

.custom-prev:hover,

.custom-next:hover { background:#528ef9;



}

.custom-next img {



  height: auto;



}

.font20{ font-size:20px; }



/* .custom-prev { left: -250px; }   

.custom-next { left: -200px; } */

.tab-section{

    padding:70px 0;

}

.tab-section .heading2{text-align: center; color:#222161;

    font-size: 45px;

    line-height: 50px;

    font-weight: 800;

    margin-bottom: 3px;}

	.text-center{ text-align:center}

.options-tabs { position:relative; top:35px;

    display: flex;

    justify-content: center;

    gap: 20px;

}



.tab-btn {

    width: 45%;              /* 👈 50% width */

    padding: 20px 0;

    border: none;

    background: #fff;

    cursor: pointer;

    font-size: 28px;

    border-radius: 40px; color:#000; border:solid 2px #232464;

    font-weight: 600;

    text-align: center;

}



.tab-btn.active {

    background: #d6b272; border:solid 2px #d6b272;

    color: #fff;

}



.tab-content {

    display: none;

}



.tab-content.active {

    display: block;

}

@media (max-width: 768px) {

  .dr-profile-area .dr-card {

    width: 90%;

    margin: 30px 0;

    padding: 20px 10px;   

  }

  .dr-center-text h2 {

    text-align: center;

    font-size: 35px;

    line-height: 40px;

    font-weight: 600;

    margin-bottom: 20px;

}

.dr-profile-area .dr-area {

    display: block;}

    .custom-prev,

.custom-next {

    display: none;

}

.options-tabs {

    gap: 10px;

    margin-bottom: 30px;

    display: block;

}

.dr-profile-area {

    padding: 30px 10px;

}

.dr-profile-area .dr-card h2 {

    margin: 10px 0 5px;

    font-size: 35px;

    line-height: 40px;

    font-weight: 600;

}

.dr-profile-area .dr-card h3 {

    margin: 10px 0 5px;

    font-size: 28px;

    line-height: 30px;

    font-weight: 600;

}

}

.appointment-bg{ background:url(../images/bg2.jpg) center top no-repeat fixed; padding:60px 0 60px 0; position:relative; text-align:center}

.relative{ position:relative}

.appointment-bg img{ margin:0 auto}

.appointment-overly{background-color: #2b2b2b;

    opacity: 0.45;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position:absolute; width:100%; inset:0}

	.appointment-bg p{ color:#fff; font-size:24px; font-weight:800}

.appointment-bg h2 a{ color:#fff; font-weight:800; font-size:55px;}

.appointment-bg h2 a:hover{ color:#fff; text-decoration:underline}



.faq-section1{ padding:10px 0 10px 0; }

.faq-row1{grid-column-gap: 60px;

    grid-template-columns: 1fr 2fr; grid-auto-columns: 1fr;

    display: grid;    grid-row-gap: 16px;}

.faq-left1{ background-image: url(../images/img8.jpg);

    background-position: 50% 0;



    border-radius: 10px;

    width: 100%;

}.faq-right1{justify-content: flex-start;

    align-items: flex-start;    display: flex;grid-column-gap: 0px;

    grid-row-gap: 0px;

    flex-direction: column;}

	.faq-right1 h2{    font-size: 38px; 

    font-weight: 600;

    line-height: 40px; padding-bottom:5px; color:#222161;}

	.footer-bottom-area {

    background-color: #232464; padding:25px 0;

}

.bottom-footer-left {

    width: 50%;

    float: left;

}.bottom-footer-right {

    width: 50%;

    float: right;

    text-align: right;

}.bottom-footer-text p {

    font-size: 16px;

    color: #fff;

}.bottom-footer-text p a{ color:#fff; font-weight:800} .bottom-footer-text p a:hover{ color:#528ef9 }

.footer-area {

    padding: 40px 0px 40px 0;

    overflow: hidden;

    background: #0f0d31;}

	

element.style {

}

.footer-box-area { min-height:658px;

    float: left;

    width: 20.4%;

    padding: 20px 2% 0 2.4%;

    border-right: solid 1px rgba(255,255,255,.3);



}.footer-box-area h3 {

    color: #a0a0a5;

    font-size: 24px;

    font-weight: 800;

    padding-bottom: 20px;

}.footer-box-area p { padding-bottom:20px;

    color: #fff;

}.footer-box-area p a{ color:#fff; } .footer-box-area p a:hover{ color:rgba(255,255,255,.6)}

.footer-box-area ul li{ margin-bottom:16px; line-height:22px; font-size:17px;}

.footer-box-area ul li a{ color:#fff} .footer-box-area ul li a:hover{ color:rgba(255,255,255,.6)}

.vmap a{ border-bottom:solid 1px #fff; padding-bottom:1px;}

.footer-social{ margin-top:30px;} .footer-social li{ display:inline-block; margin-right:25px; font-size:31px !important;}

.nav-area{ background:#5480cd; box-shadow:0px 5px 5px 0px rgb(0 0 0 / 10%); position:relative; z-index:99}

.top-wrapper{ background:#d6b272; padding:5px 0; color:#fff; text-align:center; width:100%}

.welcome-area img{ margin:0 auto;}

.logo-area{ float:left; padding:18px 0}

.top-right{ float:right; padding-top:32px;}

.top-right ul li{ display:inline-block; margin-left:20px; padding-right:20px; border-right:solid 1px #ccc}

.top-right ul li:last-child{ border-right:0; padding-right:0}

.top-right ul li a{ font-size:21px; font-weight:800} .top-right ul li a:hover{ color:#528ef9}

.top-right .fa{ color:#7d7d7d} .top-right .fa:hover{ color:#5480cd }

.top-right ul li img{ display:inline-block; vertical-align:middle}

.blog-section{ padding:60px 0}

.blog-section h2{ text-align: center; color:#222161;

    font-size: 45px;

    line-height: 50px;

    font-weight:800;

    margin-bottom: 5px;}

 .blog-left{

            width: 70%;

            float: left;


          }

          .blog-right{

            width: 27%;

            float: right;

          }

          .blog-left img{ border-radius:10px;



          }

          .blog-post-text{

           padding:10px;

          }

          .blog-post-text h2{

            color: #fff;

            font-size: 29px;

           line-height: 35px; text-align:left;

            padding: 5px 10px 10px 10px;

          }

          .blog-post-text h2 a{

            text-decoration: none; font-weight:600;

            color: #000;

          } .blog-post-text h2 a:hover{ color:#fff; text-decoration:underline}

          .blog-post-text h3{

            color: #000;

            font-size: 18px;

            line-height: 24px;

            padding: 10px 10px 5px 10px;

          }

          .blog-post-text p{

            color: #000;

            font-size: 18px;

            line-height: 25px;

            padding: 0px 10px;

          }

          .post-item-arrow{

            padding:5px 10px 34px 10px;

          }

          .post-item-arrow a.read-more-btn { border-bottom:solid 1px #000;

            position: relative;

            color: #000;

            font-size: 18px;

            font-weight: 600;

            text-transform: capitalize;

 

            transition: 0.5s ease-in-out;

            }

            .post-item-arrow a.read-more-btn:hover {

             color:#000; border-bottom:solid 0px #000;

            }

           .post-item-arrow a {

           text-decoration: none;

           margin: 10px;

           }

           .blog-right-box1{

            margin: 0px 0px 20px 0;

            border:1px solid #232464; 

            border-radius: 10px;

            overflow: hidden;

            padding: 12px;

           }

           .img-box{

            width: 35%;

            float: left;

           }

           .img-box img{

            width:100%; border-radius:10px;

           }

           .text-box{ padding-top:5px; padding-right:1%;

            width: 60%;

            float: right;

           }

           .text-box h2{



            font-size: 29px; line-height:34px; text-align:left;

            padding: 9px 0px 5px 0;

          }

          .text-box h2 a{

            text-decoration: none;

            color: #000;

          } .text-box h2 a:hover{ color:#528ef9; }

          .text-box h3{

            color: #232464;

            font-size: 18px;

            line-height: 24px;

          }

          .text-box p{

            font-size: 18px;

            line-height: 25px;

          }

          .aroow{

            padding: 20px 0px;

            color: black;

          }

          .aroow a{

            padding: 0px;

            color: #000;

          }

          .aroow a.read-more-btn{

            color: #000;

          }



           @media only screen and (max-width : 768px) {

            .blog-area {

              padding: 20px;

               }

            .blog-left{ margin-bottom:20px;

            width: 100%;

          }

          .blog-right{

            width: 100%;

          }

           }

           @media only screen and (max-width : 489px) {

            .img-box{

            width: 100%;



           }

           .text-box{

            width: 100%;

           }

           .blog-text-center h2 {

             font-size: 40px;}

             .blog-text-center p br{

                display: none;

            }

           }

		   

		   .container-area1{ max-width:1030px; width:100%; margin:0 auto}

		   

		   .half-circle { display:inline-block; vertical-align:top;

    width:230px;

    height:230px;

    border-radius: 50%; margin:20px 1%;

    background: linear-gradient(

        to bottom,

        #fff 50%,

        #02bed8 50%

    );

}

 .half-circle1 { display:inline-block; vertical-align:top;

    width:230px;

    height:230px;

    border-radius: 50%;  margin:20px 1%;

    background: linear-gradient(

        to bottom,

        #02bed8 50%,

        #fff 50%

    );

}





.testimonial-area{ padding:60px 0 80px 0;}

.testimonial-area h2{text-align: center; color:#222161;

    font-size: 45px;

    line-height: 50px;

    font-weight: 800;

    margin-bottom: 5px;

}.testimonail-box{ float:left; margin:20px 1.3%; width:30.1%; box-shadow:0 5px 15px rgb(0 0 0 / 10%); background:#fff; border-radius:20px}

.testimonail-box-main{ padding:30px;}

.testimonail-box-main p{ padding:10px 0 20px 0}

.testimonial-author{ border-top:solid 1px #ddd; padding-top:20px; }

.tname{ float:left;}

.tname h3{ font-weight:700; font-size:21px; color:#222161}

.tname h4{ font-size:16px; color:#528ef9}

.timg{ float:right; padding-top:10px;}



 .bdr{margin-left: 12px !important;

    padding-right: 12px !important;

    border-right: 0 !important;

}

.portfolio_container,

.portfolio_gallery,

.blog_container,

.shop_container {

	list-style: none;

}

.gutter_small {

    margin: 0 -7.5px -15px -7.5px;

}



.work_col2 > li {

	width: 50%;

	float: left;

}

.work_col3 > li {

	width: 31%;

	float: left;

}

.work_col4 > li {

    width: 25%;

	float: left;

}

.work_col5 > li {

    width: 20%;

	float: left;

}

.portfolio_item img,

.portfolio-item img {

    width: 100%;

	transition: all 0.5s ease-in-out;

}



.portfolio_hide {

	opacity: 0;

    visibility: hidden;

    height: 0;

	padding-top:0 !important;

	padding-bottom:0 !important

}

.gutter_small > li {

    padding: 0 7.5px 15px 7.5px;

}

.gutter_medium > li {

    padding: 0px 1% 22px 1%;

}

.portfolio_content {

    padding: 15px;

}

.portfolio_item {

    overflow: hidden;

    position: relative;

}

.portfolio_item a {

	display: block;

	overflow: hidden;

}

.portfolio_style1 .portfolio_content {

    bottom: 0;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-flex-flow: column nowrap;

    -ms-flex-flow: column nowrap;

    flex-flow: column nowrap;

    position: absolute;

    top: 60px;

	opacity: 0;

	visibility: hidden;

    right: 0;

    left: 0;

    text-align: center;

	transition: all 0.5s ease-in-out;

	z-index: 3;

}

.portfolio_style1 .portfolio_item::before {

    background-color: rgba(14,147,216,0.80);

    content: "";

    position: absolute;

    left: 0;

    right: 0;

	opacity: 0;

	visibility: hidden;

    top: 0;

    bottom: 0;

	transition: all 0.5s ease-in-out;

	z-index: 2;

}

.portfolio_style1 .portfolio_item:hover .portfolio_content {

	top: 0;

	opacity: 1;

	visibility: visible;

}

.portfolio_style2 .portfolio_content {

	background-color: rgba(14,147,216,0.80);

    bottom: 0;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-flex-flow: column nowrap;

    -ms-flex-flow: column nowrap;

    flex-flow: column nowrap;

    position: absolute;

    top: 0px;

	opacity: 0;

	visibility: hidden;

    right: 0;

    left: 0;

    text-align: center;

	transition: all 0.5s ease-in-out;

}

.portfolio_style1 .portfolio_item:hover:before,

.portfolio_style2 .portfolio_item:hover .portfolio_content,

.portfolio_style3 .portfolio_item:hover .portfolio_content {

	opacity: 1;

	visibility: visible;

}

.portfolio_style2 .portfolio_item:hover img,

.portfolio_style4 .portfolio_item:hover img {

	-moz-transform: scale(1.3);

	-webkit-transform: scale(1.3);

    transform: scale(1.3);

}

.portfolio_style3 .portfolio_content {

	background-color: rgba(14,147,216,0.80);

    bottom: 10px;

	display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-flex-flow: column nowrap;

    -ms-flex-flow: column nowrap;

    flex-flow: column nowrap;

    position: absolute;

    top: 10px;

	opacity: 0;

	visibility: hidden;

    right: 10px;

    left: 10px;

    text-align: center;

	transition: all 0.5s ease-in-out;

}

.portfolio_style4 .portfolio_item .image_link {

    display: block;

    overflow: hidden;

}

.portfolio_style4 .portfolio_content {

	background-color: #0e93d8;

	transition: all 0.5s ease-in-out;

}

.portfolio_style5 .portfolio_content {

	background-color: rgba(14,147,216,0.80);

    bottom: 10px;

	display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-flex-flow: column nowrap;

    -ms-flex-flow: column nowrap;

    flex-flow: column nowrap;

    position: absolute;

    top: 10px;

	opacity: 0;

	visibility: hidden;

    right: 10px;

    left: 10px;

	-moz-transform: scale(1.3);

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

	transition: all 0.5s ease-in-out;

}

.portfolio_style5 .portfolio_item:hover .portfolio_content {

	opacity: 1;

	visibility: visible;

	-moz-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

}

.link_container a {

	background-color: #fff;

	border: 2px solid #fff;

    color: #0e93d8;

    font-size: 22px;

    width: 45px;

    height: 45px;

    display: inline-block;

    border-radius: 100%;

    line-height: 45px;

	margin: 0 2px;

	text-align: center;

}

.link_container a .ion-ios-play {

    position: relative;

    left: 2px;

}

.link_container a:hover {

	background-color: transparent;

	color: #fff;

}

.link_container {

    margin-bottom: 10px;

}

.portfolio_content h5 a,

.portfolio_content p {

	color: #fff;

}

.portfolio_content p {

    margin: 0;

    min-height: 50px;

    overflow: hidden;

    max-height: 50px;

}

.work_col5.portfolio_style3 .portfolio_content,

.work_col5.portfolio_style5 .portfolio_content {

    padding: 5px;

	bottom: 5px;

	top: 5px;

	right: 5px;

	left: 5px;

}

.work_col5.portfolio_style3 .link_container a,

.work_col5.portfolio_style5 .link_container a {

    font-size: 18px;

    width: 35px;

    height: 35px;

    line-height: 35px;

}

.work_col5.portfolio_style3 .portfolio_content p,

.work_col5.portfolio_style5 .portfolio_content p {

    min-height: 40px;

    max-height: 40px;

    font-size: 14px;

}



.portfolio_slider.owl-carousel.owl-theme .owl-dots,

.blog_post .owl-carousel.owl-theme .owl-dots {

    margin: 0 !important;

    position: absolute;

    top: 10px;

	right: 10px;

	z-index: 9;

}

.portfolio_slider.owl-carousel.owl-theme .owl-dots span,

.blog_post .owl-carousel.owl-theme .owl-dots span {

	margin: 5px 2px;

}

.portfolio_slider.owl-carousel {

    z-index: inherit;

}

.portfolio_slider.owl-carousel.owl-drag .owl-item {

	overflow: hidden;

}

.single_post .owl-carousel.owl-theme .owl-dots {

	margin: 0 !important;

	position: absolute;

	bottom: 20px;

	left: 0;

	right: 0;

}

.portfolio-item .owl-carousel {

	display: block;

}

.portfolio-item .owl-carousel a:nth-child(1n+2) {

	display: none;

}

.image_gallery_item {

	position: relative;

}

.gallary_hover_box {

	background-color: rgba(0,0,0,0.50);

    bottom: 0px;

	display: -webkit-flex;

    display: -ms-flexbox;

    display: -ms-flex;

    display: flex;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    -ms-justify-content: center;

    justify-content: center;

    -webkit-flex-flow: column nowrap;

    -ms-flex-flow: column nowrap;

    flex-flow: column nowrap;

    position: absolute;

    top: 0px;

	opacity: 0;

	visibility: hidden;

    right: 0px;

    left: 0px;

	text-align: center;

	transition: all 0.5s ease-in-out;

}

.gallary_hover_box i { width:60px; height:43px; padding-top:17px; margin:0 auto; border-radius:100%;

	color: #fff;

	font-size: 25px;

}

.image_gallery_item:hover .gallary_hover_box {

	opacity: 1;

	visibility: visible;

}

.gallery_img img {

	transition: all 0.5s ease;

}

.gallery_hover_style1 .image_gallery_item,

.gallery_hover_style2 .image_gallery_item {

	overflow: hidden;

}

.gallery_hover_style1 .image_gallery_item:hover .gallery_img img {

	-moz-transform: scale(1.3);

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

}

.gallery_hover_style2 .gallary_hover_box {

	top: 15px;

	left: 15px;

	bottom: 15px;

	right: 15px;

}

.video-wrapper {

  position: relative;

  background-color: #000;

  width: 100%;

  padding-top: 56.25%; /* 16:9 aspect ratio */

  overflow: hidden;

  border-radius: 10px; /* optional: rounded corners */

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* optional: shadow */

}



.responsive-video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover; /* or "contain" if you want full view inside bounds */

  border: none;

}

.gallery_hover_style2 .image_gallery_item:hover .gallery_img img {

	-moz-transform: scale(1.3);

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

	-webkit-filter: blur(5px);

    -moz-filter: blur(5px);

    -ms-filter: blur(5px);

    -o-filter: blur(5px);

     filter: blur(5px);

}

.gallery_hover_style3 .gallary_hover_box::before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0px;

    bottom: 0px;

    border: 2px solid rgba(255,255,255,0.5);

    margin: 10px;

}.ti-zoom-in::before {

    content: "\e611";

}@font-face {

	font-family: 'themify';

	src:url('../fonts/themify9f24.eot?-fvbane');

	src:url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),

		url('../fonts/themify9f24.woff?-fvbane') format('woff'),

		url('../fonts/themify9f24.ttf?-fvbane') format('truetype'),

		url('../fonts/themify9f24.svg?-fvbane#themify') format('svg');

	font-weight: normal;

	font-style: normal;

}

.innerright ul li {

    background: url(../images/tick.png) left 7px no-repeat;

    padding-left: 22px;

    margin-top: 8px;

}



[class^="ti-"], [class*=" ti-"] {

	font-family: 'themify';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;



	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}.ti-arrow-right::before {

    content: "\e628";

}

@media only screen and (max-width : 768px) { .container-area{ width:96%;}

    .logo-area {

    float: left;

    padding: 10px 0;

    width: 75%;

}

.top-right { padding-bottom:15px;

    float: right;

    padding-top: 0px;

}

.btn3 {

    display: none;

}



.slider-two_content-left {



    width: 95%;

  

}

.top-right ul li a {

    font-size: 18px;

    font-weight: 800;

}

.top-right ul li {

    display: inline-block;

    margin-left: 6px;

    padding-right: 6px;

    border-right: solid 1px #ccc;

}



.slider-two_content {



    width: 95%;



}

.slider-two_content-left .imagearea {

    width: 340px;

    height: 340px;

      border: solid 10px #fff;

    margin: 5px;

}

    .slider-two_content-left img {

    height: 350px;}

    .slider-two_content-left .drname {

    position: absolute;

    bottom: 10px;

    left: 20px;

        right: auto;

   

}

.bannertitle {

    font-size: 30px;

    line-height: 35px;

    font-weight: 800;

    margin-bottom: 25px;

    margin-top: 10px;

}

.body-container .wide-slider .owl-carousel .item .content {



    top: 0%;



}

.tab-section .heading2 {



    font-size: 27px;

    line-height: 36px;



}

.options-tabs {

    top: 0px;

  

}

.testimonial-area h2 {

  

    font-size: 27px;

    line-height: 36px;



}

.blog-section h2 {

    font-size: 27px;

    line-height: 36px;

}

.welcome-left {

    float: none;

    width: 95%;

    padding: 10px;

}

.welcome-area h2 {

    font-size: 28px;

    line-height: 35px;

    

}

.welcome-right {

    float: right;

    width: 95%;

    padding: 10px;

}

.dr-profile-area .dr-card {



        margin: 0px 0;

     padding: 10px;

    }

    .dr-center-text {

    padding-bottom: 20px;

    padding: 10px;

    width: 95%;

}

.tab-section {

    padding: 40px 0 0 0;

}

.tab-btn {

    width: 95%; font-size:24px;

    margin: 10px;

    padding: 20px 0;}

    .options-service-area {

    padding: 35px 0 400px 0;



}

.faq-section {

    padding: 0px 0 0px 0;

}

.faq-row, .faq-row1 {

    grid-row-gap: 16px;

    padding: 10px;

    display: block;

}

.testimonail-box {

    float: left;

    margin: 20px 1.3%;

    width: 95%;}

.footer-box-area {

    min-height: auto;

    float: left;

    width: 95%;

    padding: 20px 2% 0 2.4%;

    border-right: solid 1px rgba(255, 255, 255, .2);

}

.bottom-footer-left, .bottom-footer-right{

    width: 95%;

    float: none;

    padding: 10px;

    text-align: center;

}

.text-center {

    text-align: center;

    padding: 10px;

}

.owl-carousel .owl-item {

    float: left;

    height: 1125px;

}

.banner-area img {

    height: auto;

}

.counting-box h3 {

   

    font-size: 30px;

    line-height: 40px;

}

.slider-two_content p {

    font-size: 12px;

    font-weight: 600;

}.testimonial-area{ margin-top:30px;}.blog-section{ padding:40px 0} .footer-area{ padding:20px 0}



 }

 

 .breadcrumb { border-bottom:solid 1px #ddd;

    padding: 10px 0;

    text-align: center;

}



.breadcrumb-list {

    list-style: none;

    padding: 0;

    display: inline-flex; 

    align-items: center;

    gap: 8px;

}



.breadcrumb-list li {

    font-size: 16px;

    color: #5480cd;

}



.breadcrumb-list li a {

    text-decoration: none;

    color: #000;

}

.breadcrumb-list li a:hover {

    color: #5480cd;

}



.breadcrumb-list li:not(:last-child)::after {

    content: "/";

    margin-left: 8px;

    color: #999;

}

.contact-info-area {

    padding: 60px 0;

}



.contact-info-box { text-align:center; margin-top:10px;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}



.contact-info-card { box-shadow:rgba(100,100,111,.1)0 7px 29px; background:#fff6e6;

    align-items: center;

    gap: 15px;

    padding: 30px;

    border: 1px  dashed #232464;

    border-radius: 20px;

    transition: all 0.3s ease;

}





.contact-info-card .icon { text-align:center; margin:0 auto;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #d6b272;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

}





.contact-info-card .icon img {

    width: 25px;

    height: 25px;

    object-fit: contain;

    transition: all 0.3s ease;

}





.contact-info-card:hover .icon {

    background: #5480cd;   

}



.contact-info-card:hover .icon img {

    filter: brightness(0) invert(1); 

}



.contact-info-card h4 {

    margin: 15px 0 0px;

    font-size: 25px;

    font-weight: 700;



}



.contact-info-card p {

    margin: 0;

    font-size: 18px;

}

.contact-form-area {

    width: 100%;

    padding: 0px 0 70px;

   

}

.contact-box{

background-color: #fff; border-radius:20px; box-shadow:rgba(100,100,111,.2)0 7px 29px;

padding: 50px;







}



.contact-form-area h2 {

    text-align: center; 

    font-size: 40px;

    font-weight: 800;

}



.contact-form-area p {

    text-align: center;

    font-size: 18px;

    margin-bottom: 40px;

}



.contact-form {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto;

}



.form-row {

    display: flex;

    gap: 20px;

    margin-bottom: 20px;

}



.form-row input,

.form-row textarea {

    width: 100%;

    padding: 14px;

    font-size: 18px;

    border: 1px solid #c0c0c0;

    border-radius:10px;

    outline: none;

}



.form-row textarea {

    resize: none;

}



.form-row.center {

    justify-content: center;

    margin-top: 30px;

}



.contact-form button {

    padding: 14px 35px;

    font-size: 18px;

    background: #5480cd;

    color: #fff;

    border: none;

    border-radius: 6px;

    cursor: pointer;

}



.contact-form button:hover {

    background: #232464;

}

@media (max-width: 992px) {

    .contact-info-box {

        grid-template-columns: repeat(2, 1fr);

        padding: 10px;

    }

}



@media (max-width: 576px) {

    .contact-info-box {

        grid-template-columns: 1fr;

    }

}

.inner-content-area{ padding:60px 0}

.contact-info-area h1{ text-align:center;     text-align: center;

    color: #222161;   font-size: 45px;  font-weight: 800; line-height:50px; padding-bottom:5px;}

.about-left{ float:left; width:47.5%}	

.about-left img{ border-radius:20px;}

.about-right{ float:right; width:47.5%}	

.about-right h2{  font-size: 41px; line-height: 45px;  font-weight: 800; margin-bottom: 10px;}

.about-right h3{ font-size:24px; font-weight:600; padding-bottom:20px; line-height:28px;}

.inner-banner-area{ position: relative;}



 .inner-banner-area h1{ padding:140px 0; font-size: 45px; line-height: 50px;  font-weight: 800; color:#fff; z-index:999}

.inner-banner-area::before {

    content: "";

    position: absolute;

    background: rgba(0,0,0,.2);

    height: 100%;

    width: 100%;

}

.pb10{ padding-bottom:10px;}

 .bdb{ border-bottom:solid 1px #ccc; padding-bottom:10px;}

 .why-choose-area{ padding:50px 0; background:#edf7ff}

  .why-choose-area h4{font-size:31px; line-height: 36px;  font-weight: 800; margin-bottom: 10px; color:#5480cd}

 .why-choose-area h2{ font-size: 41px; line-height: 45px;  font-weight: 800; margin-bottom: 10px; text-align:center; color:#222161}

 .why-choose-box{ float:left; width:30%; margin:20px 1.5%; background:#fff; box-shadow:rgba(100,100,111,.15)0 7px 29px; border-radius:20px;}

 .why-choose-box-main{ padding:25px; text-align:center; min-height:256px;}

  .why-choose-box-main h3{font-size: 26px; line-height: 32px;  font-weight: 800; margin-bottom: 10px; margin-top:20px;}

    .about-right h4{font-size:31px; line-height: 36px;  font-weight: 800; margin-bottom: 10px; color:#5480cd}

	    .about-right h5{font-size:24px; line-height: 30px;  font-weight: 800; margin-bottom: 5px;}

		.about-right h5 span{ font-size:21px;}

  .why-choose-box-main img{ margin:0 auto}

  .list50 li{ float:left; width:48%}

   .heading5 {font-size:24px; line-height: 30px;  font-weight: 800; margin-bottom: 10px;}

		.heading5 span{ font-size:21px;}

		.inner-content-area .toggle-title { font-weight:600; font-size:24px;}.toggle-content p{ font-size:18px;}

		.head2{

    color: #222161;

    font-size: 37px;

    line-height: 40px;

    font-weight: 800;

    margin-bottom: 10px;}

	.imgleft{ float:left; margin-right:40px; border-radius:20px; margin-bottom:10px;}

		.imgright{ float:right; margin-left:40px; border-radius:20px; margin-bottom:10px;}

	.inner-content-area1 { background:#edf7ff;

    padding: 60px 0;

}

 html {

  scroll-behavior: smooth;

}

.megamemu{ width:650px !important; left:-50px !important}

.megamemu li{ float:left; width:41%; margin-left:2% !important}

.faq-right-area{ float:right; width:47.5%}.faq-left-area{ float:left; width:47.5%}

.blog-area{ padding:50px 0}
.blog5-box{ border:1px solid #232464; float:left; width:28.7%; margin:10px 1%; padding:15px;border-radius:10px}
.blog5-box img{border-radius:10px}
.blog5-cart-title{ padding-top:20px}
.blog5-cart-title h3{ padding:9px 0px 10px 0; font-size:30px; line-height:34px;}
.blog5-cart-title h3 a{ font-weight:600}
.blog-left h1 {
    font-size: 41px;
    line-height: 50px;
    font-weight: 800;
    margin-bottom: 15px;
}
.blog-left h2 { color: #222161; margin-top:15px;
    font-size: 31px;
    line-height: 34px;
    font-weight: 800;
    margin-bottom: 10px;}
	.blog-left h3 { font-size:24px; font-weight:600; padding-bottom:5px}
	.blog-left p{ padding-bottom:20px;}
	.blog-right-box {
    background: #e1e9fb ;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
    transition: transform 0.3s, box-shadow 0.3s;
}.bgc2 {
    background-color: #d6b272 ;
}
.blog-right-box h3 {
    font-size: 25px;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 15px;
    font-weight: 700;
}.blog-right-box ul li {
    margin-bottom: 15px;
}.blog-right-box ul li a {
    text-decoration: none;
    display: block;
    transition: color 0.3s, padding-left 0.3s;
}.blog-right-box ul li a:hover {
  color: #000;
  padding-left: 6px;
}
@media only screen and (max-width : 479px) {.blog-right{ display:none}.bdr{ display:none !important}.top-right{ float:none; text-align:center}.top-right ul li:last-child{ border-right:0 !important}

.faq-right h2 { font-size:31px;}.faq-right1 h2{ font-size:31px;} .contact-box{ padding:20px;} .form-row{ display:block;}.form-row input, .form-row textarea{ width:91%}

.form-row input{ margin-top:10px;} .contact-form-area p{ margin-bottom:20px;}.inner-banner-area h1{ padding:110px 0; font-size:37px; line-height:42px;} .about-left{ width:100%}.about-right{ width:100%; padding-top:30px;}

.about-right h2 { font-size:31px; line-height:35px;} .why-choose-box{ width:97%}.why-choose-area h2{ font-size:32px; line-height:40px;}.container-area1{ width:94%}

.list50 li{ width:95%}.imgleft{ float:none; margin-right:0; margin-bottom:20px;}.head2{ font-size:29px; line-height:34px;} .imgright{ float:none; margin-left:0; margin-bottom:30px;}.container-area{ width:94%}.work_col3 > li{ width:98%}.inner-content-area .toggle-title{ font-size:22px;}.why-choose-box-main h3{ font-size:24px; line-height:30px;}.megamemu{ left:0 !important} .megamemu li{ margin-left:0 !important} .faq-right-area{ width:100%; margin-top:20px;} .faq-left-area{ width:100%}
.blog5-box{ width:90%} .tag-box a{ display:inline-block; margin-bottom:5px;} .blog-left h1

}