:root{
  --blue: #6FB7F5;
  --red: #ff0000;
  --white: #fff;
  --black: #000;
}


html, body{font-family: "Quicksand", sans-serif; font-weight: 400; scroll-behavior: smooth;}
a, a:hover, a:focus, a:active{text-decoration: none;}
/*a:hover{color: #f64747 !important;}*/
input:focus, select:focus, button:focus{box-shadow: none !important; outline: none !important;}
ul{padding: 0; margin: 0;}
p, li{font-size: 16px; line-height: 1.6}
img{max-width: 100%; width: auto;}
h1, h2, h3,h4,h5,h6{font-family: "Quicksand", sans-serif}

/*--offcanvas-css--*/
#sidebar{opacity: 0;}
#sidebar.sidebar-wrapperd-box{opacity: 1;}
.sidebar-offcanvas-menu .outer {height: 100%; background: #ffffff; overflow: auto; padding: 0 0 20px;}
.sidebar-offcanvas-menu .inner {padding: 0px;}
.sidebar-offcanvas-menu #sidebar {position: fixed; top: 0px; bottom: 0px; width: 300px; left: -300px;}
.sidebar-offcanvas-menu .sidebar-top-header {padding: 15px; border-bottom: rgba(177, 177, 177, 0.29) 1px solid;}
.sidebar-offcanvas-menu .sidebar-top-header:after{content: ''; display: table; width: 100%;}
.sidebar-offcanvas-menu .sidebar-close-btn {text-align: right; float: right; padding:0;}
.sidebar-offcanvas-menu .sidebar-logo {float: left;}
.sidebar-offcanvas-menu .sidebar-logo img {max-width: 152px; margin: 0 auto;}
.sidebar-offcanvas-menu .sidebar-close-btn a {color: #343434; font-size: 30px; text-align: right; padding: 10px 0 0; cursor: pointer;}
.sidebar-offcanvas-menu ul.sidebar-menu, 
.sidebar-offcanvas-menu ul.sidebar-menu ul#menu-sidebar-menu-desktop {padding: 0; margin: 0;}
.sidebar-offcanvas-menu ul.sidebar-menu li {display: block; transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.sidebar-offcanvas-menu ul.sidebar-menu li a {color: var(--black);display: block;text-transform: capitalize; padding: 10px 15px; font-size: 14px;}
ul.sidebar-menu > li {border-bottom: #0000004f 1px dashed;}
ul.sidebar-menu > li a {position: relative;}
ul.sidebar-menu > li > ul {padding: 0; margin: 0; display: none;}
ul.sidebar-menu > li > ul > li a {text-transform: capitalize !important; padding-left: 35px !important; font-size: 14px !important;}
ul.sidebar-menu li.active > a, 
ul.sidebar-menu li:hover > a {background-color: var(--blue);color: var(--white);}
.sidebar-offcanvas-menu .sidebar-wrapper {position: relative; height: 100%; overflow: auto;}
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children {position: relative; }
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children img {position: absolute; right: 0; top: 0;}
/*--offcanvas-css-end--*/

/*--header-css--*/
.mobile-menubtn {display: none; }
.btnmmenu span {width: 30px; height: 2px; background-color: var(--blue); display: block; margin: 6px 0; }
.btnmmenu {max-width: 30px; margin: 0 0 0 auto; }

.logo-boxin {width: 100%;}
.logo-boxin a {display:block; max-width: 250px;}

.desktop-menuboxin{text-align: right; padding: 15px}
.desktop-menuboxin ul li.menu-item ul {display: none; }
.desktop-menuboxin ul li {position: relative; display: inline-block; }
.desktop-menuboxin ul li a {display: block; color: var(--black); padding: 5px 20px; font-size: 16px; font-weight: 600; text-transform: uppercase; transition: all .3s ease; -webkit-transition: all .3s ease; }
.desktop-menuboxin ul li.active > a,
.desktop-menuboxin ul li:hover > a {color: var(--blue)}
.desktop-menuboxin ul li.menu-item ul{position: absolute; width: 300px; text-align: left;background-color: #f3f3f3;z-index: 9999;}
.desktop-menuboxin ul li:nth-child(3) ul, .desktop-menuboxin ul li:last-child ul{right: 0;}
.desktop-menuboxin ul li.menu-item ul li{display: block; padding: 0;}
.desktop-menuboxin ul li.menu-item ul li a{font-size: 14px;}
.desktop-menuboxin ul li:hover > ul{display: block;}

.header-btns {text-align: right; } 
.header-btn-in {padding: 15px 0;}
.header-btn-in a {padding: 8px 15px; color: var(--white); display: inline-block; border:solid 2px var(--blue); border-radius:10px; font-size:15px; font-weight:600; background:var(--blue); border-radius: 40px;}
.header-btn-in a.cart-btn{margin-left: 5px;}
/*--end--*/

@media (max-width: 1199px){
  .desktop-menuboxin ul li a{font-size: 13px; padding: 10px 8px 5px}
} 

@media (max-width: 991px){
  /*--header-css--*/
  .main-navbarbox{position: relative;}
  .desktop-menubox {display: none;}
  .header-btn-in{display: inline-block; padding: 8px 0px;}
  .mobile-menubtn {display: inline-block; padding: 8px 15px; vertical-align: middle;}
  .mobile-menubox div.btnbox {width: 40px; text-align: center; height: 33px; margin: 29px 0 0 auto; cursor: pointer;}
  .mobile-menubox div.btnbox span {display: block; width: 34px; height: 2px; background-color: #393939; margin: 6px auto; }
  .logo-boxin a{max-width: 110px;}
  /*--end--*/

}  

@media (max-width: 767px){
  .header-btn-in a{font-size: 12px; padding: 5px 10px;}
  .mobile-menubtn {padding: 8px 5px;}
}


.section-1{position: relative;}
.section-1 .container{background-color: #F3FAFF; padding: 100px 20px; border-radius: 15px;}
.section-1 .dbl__subtitle{font-size: 35px; color: #6FB7F5;font-family: "Amatic SC", sans-serif; margin: 0px 0px 13px 0px;}
.section-1 .dbl__title-wrapper{font-size: 60px; line-height: 1.1em; color: #232323; font-weight: 700;}
.section-1 .container .wgl-button{display: inline-block; margin-top: 15px; padding: 15px 30px; background: var(--blue); color: var(--white); border-color: #6FB7F5; background-color: #6FB7F5; border-style: solid; border-radius: 40px; font-weight: 600;}

.section-1 .extended-image{top: 64%; left: 37%; z-index: 0;transform: translateY(0px); transition: transform linear; will-change: transform; opacity: 1; visibility: visible; position: absolute;}

.section-1 .wgl-image-layers{position: relative;}
.section-1 .wgl-image-layers > div:nth-child(2){position: absolute; left: 0; top: 0;}
.section-1 .wgl-image-layers > div:nth-child(3){position: absolute; left: 0; top: 0;}

.section-2 {padding: 50px 0;}
.section-2 .container .row{display: flex; align-items: center;}
.section-2 .dbl__subtitle{font-size: 35px; color: var(--blue); font-family: "Amatic SC", sans-serif; margin: 0px 0px 13px 0px;}
.section-2 .dbl__title-wrapper{font-size: 42px; line-height: 1.1em; color: var(--black); font-weight: 700; margin-bottom: 40px; display: block;}

.section-2 .wgl-infobox_wrapper {display: flex; }
.section-2 .wgl-infobox_title{font-size: 20px; color: var(--black); font-weight: 600; margin-bottom: 10px;}
.section-2 .wgl-icon{display: inline-block; width: 70px; height: 70px; font-size: 24px; margin: 8px 25px 0px 0px;background-color: var(--blue); padding: 21.25px 22px 21.24px 22px; border-radius: 50%; color: var(--white);}


.section-3 .container{ background:var(--blue); border-radius:15px;  padding:20px; color:var(--white); }
.section-4{ padding: 40px 0 }

.section-5 .wgl-infobox{margin: 0px 0px 30px 0px; padding: 49px 40px 40px 40px; background-color: #F3FAFF; border-radius: 20px 20px 20px 20px; text-align: center;}
.section-5 .wgl-infobox .wgl-image-box_img{min-height: 190px}
.section-5 .wgl-infobox .content_wrapper{padding: 20px 0 0; text-align: center;}
.section-5 .wgl-infobox h3{font-size: 26px; color: #232323; font-weight: 600; margin: 0 0 20px;}
.section-5 .wgl-infobox .read-more {margin: 15px 0 0; color: var(--blue); font-weight:600; }


.section-6{ padding:50px 0 }
.section-6 .dbl__subtitle{font-size: 35px; color: var(--blue); font-family: "Amatic SC", sans-serif; margin: 0px 0px 13px 0px;}
.section-6 h3{font-size: 36px; color: var(--black); font-weight: 600; margin: 0 0 20px;}
.section-6 .wgl-image-layers{position: relative;}
.section-6 .wgl-image-layers > div:nth-child(2){position: absolute; left: 0; top: 0;}
.section-6 .wgl-image-layers > div:nth-child(3){position: absolute; left: 0; top: 0;}


.section-7{padding: 50px 0;}
.section-7 .container{ background:var(--blue); border-radius:15px;  padding:20px; color:var(--white); }
.section-7 .dbl__subtitle{font-size: 35px; color: var(--white); font-family: "Amatic SC", sans-serif; margin: 0px 0px 13px 0px;}
.section-7 h3{font-size: 36px; color: var(--white); font-weight: 600; margin: 0 0 20px;}

.section-8 {text-align: center; padding: 60px 0 0}
.section-8 .dbl__subtitle{font-size: 35px; color: #6FB7F5; font-family: "Amatic SC", sans-serif; margin: 0px 0px 13px 0px;}
.section-8 .dbl__title-wrapper span{font-size: 42px; line-height: 1.1em; color: #232323; font-weight: 700; margin-bottom: 40px; display: block;}

.section-9 {padding: 0 0 60px;}
.section-9 .wgl-infobox{padding: 20px 20px 50px 20px; background-color: #F3FAFF; border-radius: 20px 20px 20px 20px;}
.section-9 .wgl-infobox .content_wrapper{padding: 20px 0; text-align: center;}
.section-9 .wgl-infobox h3{font-size: 26px; color: #232323; font-weight: 600; margin: 0 0 20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.section-9 .wgl-infobox p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.section-9 .wgl-infobox .info-button {position: absolute; bottom: -5px; left: 0; width: 100%; text-align: center; z-index: 2;}
.section-9 .wgl-infobox .info-button a {padding: 15px 30px; background: var(--blue); color: #ffffff; border-color: #6FB7F5; background-color: #6FB7F5; border-style: solid; border-radius: 40px; font-weight: 600;}


footer{background-color: var(--black); color: var(--white); padding: 80px 0 10px;}
footer h4{font-size: 35px; color: #6FB7F5; font-family: "Amatic SC", sans-serif; margin: 0px 0px 13px 0px;}
footer .footer-top ul li{ list-style: none; margin-bottom: 10px;}
footer .footer-top ul li a{ color: var(--white);}
footer .footer-top .ft-about a{display: inline-block; margin-bottom: 15px;}
footer .footer-top .ft-about a.read-more{padding: 15px 30px; background: var(--blue); color: #ffffff; border-color: #6FB7F5; background-color: #6FB7F5; border-style: solid; border-radius: 40px; font-weight: 600;}

.copyright{padding: 20px 0 10px; margin-top: 60px; border-top: solid 1px #545454;}
.copyright ul li{text-align: center; display: inline-block; list-style: none; margin-right: 10px;}
.copyright ul li a{display: inline-block; width: 36px; height: 36px; border: solid 1px var(--white); color: var(--white); border-radius: 50%; line-height: 36px;}
.copyright ul li a:hover{background: var(--blue); color: var(--white);}
.copyright p{font-size: 15px; margin: 0; padding: 5px 0 0; text-align: right;}


@media (max-width: 767px){
  .section-1 .container{padding: 40px 20px;}
  .section-1 .dbl__title-wrapper{font-size: 36px;}
  .section-1 .container .wgl-button{margin-bottom: 30px;}
  .section-1 .extended-image{text-align: center; position: static;}
  .section-1 .extended-image img{max-width: 100px;}

  .section-2 .container .row{display:block;}
  .section-2 .dbl__title-wrapper{font-size: 24px;}

  .section-6{padding: 0;}
  .section-8 .dbl__title-wrapper span{font-size: 24px;}
  .section-9{padding: 0;}
  .section-9 .wgl-infobox{margin-bottom: 40px;}
}