/**
 * WEBSITE: https://themefisher.com
 * TWITTER: https://twitter.com/themefisher
 * FACEBOOK: https://www.facebook.com/themefisher
 * GITHUB: https://github.com/themefisher/
 */

{"version":3,"sources":["_typography.scss","_variables.scss","style.css","_mixins.scss","_buttons.scss","_common.scss","templates/_navigation.scss","templates/_hero-area.scss","templates/_homepage.scss","templates/_blog.scss","templates/_about.scss","templates/_portfolio.scss"],"names":[],"mappings":"AAAA,gBAAA;AACQ,sFAAA;AAER;EACE,gBAAA;EACA,iCCQa;EDPb,mCAAA;EACA,eAAA;EACA,cCLW;ACKb;;AFGA;EACE,gBAAA;EACA,cCVW;EDWX,eAAA;EACA,gBAAA;EACA,iCCHa;ACGf;AFCE;EACE,eAAA;AECJ;;AFGA;EACE,WCnBgB;EDoBhB,sCCVe;EDWf,gBAAA;AEAF;;AFGA;EACE,eAAA;AEAF;ACbE;EHYF;IAGI,eAAA;EEEF;AACF;;AFCA;EACE,eAAA;AEEF;ACtBE;EHmBF;IAGI,eAAA;EEIF;AACF;;AFDA;EACE,eAAA;AEIF;;AFDA;EACE,eAAA;AEIF;;AFDA;EACE,eAAA;AEIF;;AFDA;EACE,eAAA;AEIF;;AE3DA,iBAAA;AACA;EACE,eAAA;EACA,sCHWe;EGVf,0BAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,SAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;AF8DF;AE5DE;EACE,UAAA;EACA,2BAAA;AF8DJ;AE3DE;EACE,gBAAA;AF6DJ;AE1DE;EACE,eAAA;EACA,kBAAA;AF4DJ;AEzDE;EACE,iBAAA;EACA,eAAA;AF2DJ;;AEvDA;EACE,mBHjCc;EGkCd,WH1BM;ACoFR;AExDE;EACE,8BAAA;AF0DJ;AEvDE;EACE,mBAAA;AFyDJ;AEtDE;EAEE,8BAAA;EACA,2BAAA;AFuDJ;;AElDA;EACE,uBAAA;EACA,cHtDc;EGuDd,iBAAA;AFqDF;AEnDE;EAEE,cH3DY;AC+GhB;;AGhHA;EACE,sBJKW;EIJX,kBAAA;AHmHF;;AGhHA;EACE,mBAAA;EACA,WJEM;ACiHR;;AGrHA;EACE,mBAAA;EACA,WJEM;ACiHR;;AGhHA,cAAA;AAEA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,sBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AHkHF;;AG/GA;;EAEE,qBAAA;EACA,WAAA;AHkHF;;AG/GA;EACE,sBAAA;EACA,SAAA;AHkHF;;AG/GA;;;EAGE,qBAAA;AHkHF;;AG/GA;;;EAGE,eAAA;EACA,qBAAA;AHkHF;AGhHE;;;EACE,UAAA;AHoHJ;;AG/GE;EACE,yBAAA;AHkHJ;;AG9GA;EACE,cJ3Dc;AC4KhB;;AG9GA;EACE,UAAA;AHiHF;;AG9GA;EACE,iBAAA;EACA,oBAAA;AHiHF;AG/GE;EACE,mBAAA;EACA,sCJ3Da;AC4KjB;;AG7GA;EACE,sBAAA;EACA,kCAAA;EACA,4BAAA;AHgHF;;AG7GA,YAAA;AAEA;EACE,kBAAA;AH+GF;AG7GE;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;EACA,MAAA;EACA,OAAA;EACA,gBJvFI;EIwFJ,YAAA;AH+GJ;;AG3GA;EACE,qBAAA;AH8GF;;AG3GA;EACE,yBAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,yBAAA;AH8GF;;AG3GA;EACE,cJtHW;ACoOb;;AG3GA;EACE,sBAAA;AH8GF;;AG3GA;EACE,yBAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,8BAAA;AH8GF;;AG3GA;EACE,+BAAA;AH8GF;;AG3GA;EACE,UAAA;AH8GF;;AG3GA;EACE,mBAAA;AH8GF;;AG3GA;EACE,gBAAA;AH8GF;;AG3GA;EACE,iDAAA;AH8GF;;AG3GA;EACE,iDAAA;AH8GF;;AG3GA;EACE,sEAAA;AH8GF;;AG3GA;EACE,oCAAA;AH8GF;;AG3GA,SAAA;AACA;EACE,eAAA;AH8GF;;AG3GA;EACE,aAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AH8GF;;AG3GA;EACE,cAAA;AH8GF;;AG3GA,UAAA;AAEA,iBAAA;AACA;EACE,kBAAA;EACA,eAAA;AH6GF;AG5GE;EACE,qBAAA;EACA,WAAA;AH8GJ;AG5GM;EACE,gBJ1NA;EI2NA,WAAA;AH8GR;AG3GI;EACE,WAAA;EACA,WAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,qBAAA;EACA,SAAA;AH6GN;;AGzGA,kBAAA;AAEA,SAAA;AACA;EACE,SAAA;EACA,gBAAA;EACA,gCAAA;EACA,YAAA;AH2GF;AG1GE;EACE,qBJ3PY;EI4PZ,UAAA;EACA,2BAAA;AH4GJ;;AGxGA;EACE,aAAA;AH2GF;;AGzGA,UAAA;AAEA,SAAA;AACA;EACE,SAAA;AH2GF;AG1GE;EACE,SAAA;AH4GJ;AG1GE;EACE,SAAA;AH4GJ;;AGzGA,UAAA;ACjRA;EACE,mBAAA;EACA,qBAAA;AJ8XF;AI7XE;EACE,yBLHY;EKIZ,mBAAA;AJ+XJ;ACpXE;EGbA;IAII,kBAAA;EJiYJ;AACF;ACzXE;EGhBF;IAWI,aAAA;IACA,mBLXY;EC6Yd;AACF;;AI7XI;EACE,sCLLW;EKMX,yBAAA;EACA,aAAA;AJgYN;AI9XI;EACE,iBAAA;AJgYN;;AI3XA;EACE,WLrBM;ACmZR;;AK5ZA;EACE,sBAAA;EACA,kBAAA;AL+ZF;ACtZE;EIXF;IAII,sBAAA;IACA,gBAAA;ELiaF;AACF;AKhaE;EACE,kBAAA;EACA,UAAA;ALkaJ;;AK9ZA;EACE,kBAAA;EACA,UAAA;ALiaF;;AK9ZA;EACE,SAAA;EACA,OAAA;ALiaF;;AK9ZA;EACE,UAAA;EACA,YAAA;ALiaF;;AK9ZA;EACE,UAAA;EACA,SAAA;ALiaF;;AK9ZA;EACE,UAAA;EACA,UAAA;ALiaF;;AK9ZA;EACE,UAAA;EACA,aAAA;ALiaF;;AK9ZA;EACE,aAAA;EACA,SAAA;ALiaF;;AK9ZA;EACE,aAAA;EACA,SAAA;ALiaF;;AK9ZA;EACE,aAAA;EACA,UAAA;ALiaF;;AK9ZA;EACE,aAAA;EACA,YAAA;ALiaF;;AK9ZA;EACE,kBAAA;EACA,SAAA;EACA,OAAA;ALiaF;;AMneA,WAAA;AACA;EACE,aAAA;EACA,gBAAA;ANseF;;AMneA;EACE,kBAAA;EACA,WAAA;EACA,YAAA;ANseF;AMpeE;EAEE,WAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;EACA,SAAA;EACA,SAAA;EACA,0CAAA;EACA,kBAAA;EACA,qCAAA;EACA,4CAAA;UAAA,oCAAA;EACA,WAAA;ANqeJ;AMleE;EACE,kBAAA;EACA,0CAAA;EACA,qCAAA;EACA,iDAAA;UAAA,yCAAA;EACA,WAAA;ANoeJ;;AMheA;EACE;IACE,0CAAA;ENmeF;EMheA;IACE,0CAAA;ENkeF;AACF;;AMzeA;EACE;IACE,0CAAA;ENmeF;EMheA;IACE,0CAAA;ENkeF;AACF;AM/dA,YAAA;AAEA,cAAA;AACA;EACE,kBAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;ANgeF;;AM7dA,eAAA;AAEA,YAAA;AACA;EACE,qBAAA;AN+dF;AM7dE;EACE,mBP7DY;AC4hBhB;AM7dI;EACE,WPxDE;ACuhBR;;AM1dA;EACE,qBAAA;EACA,mBPvEc;ACoiBhB;AM3dE;EACE,WPlEI;AC+hBR;;AMzdA;EACE,qBAAA;AN4dF;AM3dE;EACE,kEAAA;AN6dJ;;AMxdA,aAAA;AAEA,cAAA;AACA;EACE,gBAAA;AN0dF;AMxdE;EACE,qBAAA;EACA,qBAAA;AN0dJ;AMtdI;EACE,mBAAA;ANwdN;AMrdI;EACE,UAAA;EACA,mBAAA;ANudN;;AMldA;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,sBAAA;EACA,MAAA;EACA,OAAA;EACA,8BAAA;EACA,UAAA;EACA,kBAAA;EACA,qBAAA;ANqdF;;AMldA;EACE,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,OAAA;EACA,QAAA;EACA,kBAAA;ANqdF;;AMldA,eAAA;AAEA,gBAAA;AAEE;EACE,cPvIc;EOwId,mBAAA;ANmdJ;;AM9cE;EACE,kBAAA;EACA,UAAA;ANidJ;AM9cE;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,gCAAA;ANgdJ;AM7cE;EACE,kBAAA;EACA,WAAA;EACA,UAAA;AN+cJ;AM5cE;EACE,kBAAA;EACA,YAAA;EACA,SAAA;AN8cJ;AM3cE;EACE,kBAAA;EACA,WAAA;EACA,UAAA;AN6cJ;AM1cE;EACE,kBAAA;EACA,WAAA;EACA,aAAA;AN4cJ;AMzcE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AN2cJ;;AMvcA,iBAAA;AAEA,WAAA;AACA;EACE,kBAAA;ANycF;;AMtcA;EACE,qBAAA;ANycF;;AMtcA;EACE,kBAAA;ANycF;AMvcE;EACE,kBAAA;EACA,WAAA;EACA,6DAAA;EACA,YAAA;EACA,WAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;ANycJ;;AMrcA,YAAA;ACpNA;EACE,2BAAA;EACA,mBAAA;AP6pBF;AC/oBE;EMhBF;IAKI,sBAAA;EP8pBF;AACF;;AO3pBA;EACE,qBAAA;EACA,kBAAA;EACA,mBRFK;EQGL,8BAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;AP8pBF;;AO1pBE;EACE,mBAAA;AP6pBJ;AO1pBE;EACE,sCRXa;EQYb,eAAA;EACA,mBAAA;EACA,WRxBc;EQyBd,gBAAA;EACA,gBAAA;AP4pBJ;;AQ1rBA;EACE,qBAAA;AR6rBF;;AQ1rBA;EACE,kBAAA;AR6rBF;;AQ1rBA;EACE,kBAAA;AR6rBF;ACtrBE;EORF;IAGI,aAAA;ER+rBF;AACF;;AQ3rBE;EACE,kBAAA;EACA,UAAA;AR8rBJ;AQ5rBE;EACE,kBAAA;EACA,OAAA;EACA,MAAA;EACA,YAAA;AR8rBJ;AQ5rBE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;AR8rBJ;AQ5rBE;EACE,kBAAA;EACA,SAAA;EACA,SAAA;EACA,yBAAA;AR8rBJ;AQ3rBE;EACE,kBAAA;EACA,WAAA;EACA,aAAA;AR6rBJ;AQ1rBE;EACE,kBAAA;EACA,SAAA;EACA,aAAA;AR4rBJ;AQzrBE;EACE,kBAAA;EACA,aAAA;EACA,aAAA;AR2rBJ;;AShvBA;EACE,sBAAA;ATmvBF;ASjvBE;EACE,kBAAA;EACA,UAAA;ATmvBJ;AShvBE;EACE,kBAAA;EACA,OAAA;EACA,SAAA;EACA,WAAA;ATkvBJ;AS/uBE;EACE,kBAAA;EACA,WAAA;EACA,UAAA;ATivBJ;AS9uBE;EACE,kBAAA;EACA,SAAA;EACA,UAAA;ATgvBJ;AS7uBE;EACE,kBAAA;EACA,SAAA;EACA,UAAA;AT+uBJ;AS5uBE;EACE,kBAAA;EACA,UAAA;EACA,aAAA;EACA,yBAAA;AT8uBJ;AS3uBE;EACE,kBAAA;EACA,UAAA;EACA,aAAA;AT6uBJ;AS1uBE;EACE,kBAAA;EACA,aAAA;EACA,cAAA;AT4uBJ;ACxwBE;EQyBA;IAMI,QAAA;ET6uBJ;AACF;;ASxuBE;EACE,eAAA;AT2uBJ;ASzuBI;EACE,iBAAA;AT2uBN","file":"style.css","sourcesContent":["/*  typography */\n@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|Roboto:400');\n\nbody {\n  line-height: 1.2;\n  font-family: $primary-font;\n  -webkit-font-smoothing: antialiased;\n  font-size: 15px;\n  color: $text-color;\n}\n\np, .paragraph {\n  font-weight: 400;\n  color: $text-color;\n  font-size: 15px;\n  line-height: 1.8;\n  font-family: $primary-font;\n  &-lg{\n    font-size: 22px;\n  }\n}\n\nh1,h2,h3,h4,h5,h6 {\n  color: $text-color-dark;\n  font-family: $secondary-font;\n  line-height: 1.2;\n}\n\nh1, .h1{\n  font-size: 80px;\n  @include desktop {\n    font-size: 65px;\n  }\n}\n\nh2, .h2{\n  font-size: 60px;\n  @include desktop {\n    font-size: 50px;\n  }\n}\n\nh3, .h3{\n  font-size: 40px;\n}\n\nh4, .h4{\n  font-size: 22px;\n}\n\nh5, .h5{\n  font-size: 18px;\n}\n\nh6, .h6{\n  font-size: 14px;\n}\n","// Color Variables\n$primary-color: #41228e;\n$secondary-color: #2bfdff;\n$text-color: #4c4c4c;\n$text-color-dark: #000;\n$text-color-light: #999999;\n$body-color: #fff;\n$border-color: #c7c7c7;\n$black: #000;\n$white: #fff;\n$gray: #eaeaea;\n\n// Font Variables\n$primary-font: 'Roboto', sans-serif;\n$secondary-font: 'Playfair Display', serif;\n$icon-font: 'themify';","/*  typography */\n@import url(\"https://fonts.googleapis.com/css?family=Playfair+Display:700|Roboto:400\");\nbody {\n  line-height: 1.2;\n  font-family: \"Roboto\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  font-size: 15px;\n  color: #4c4c4c;\n}\n\np, .paragraph {\n  font-weight: 400;\n  color: #4c4c4c;\n  font-size: 15px;\n  line-height: 1.8;\n  font-family: \"Roboto\", sans-serif;\n}\np-lg, .paragraph-lg {\n  font-size: 22px;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  color: #000;\n  font-family: \"Playfair Display\", serif;\n  line-height: 1.2;\n}\n\nh1, .h1 {\n  font-size: 80px;\n}\n@media (max-width: 991px) {\n  h1, .h1 {\n    font-size: 65px;\n  }\n}\n\nh2, .h2 {\n  font-size: 60px;\n}\n@media (max-width: 991px) {\n  h2, .h2 {\n    font-size: 50px;\n  }\n}\n\nh3, .h3 {\n  font-size: 40px;\n}\n\nh4, .h4 {\n  font-size: 22px;\n}\n\nh5, .h5 {\n  font-size: 18px;\n}\n\nh6, .h6 {\n  font-size: 14px;\n}\n\n/* Button style */\n.btn {\n  font-size: 22px;\n  font-family: \"Playfair Display\", serif;\n  text-transform: capitalize;\n  padding: 16px 44px;\n  border-radius: 5px;\n  font-weight: 600;\n  border: 0;\n  position: relative;\n  z-index: 1;\n  transition: 0.2s ease;\n}\n.btn:focus {\n  outline: 0;\n  box-shadow: none !important;\n}\n.btn:active {\n  box-shadow: none;\n}\n.btn-sm {\n  font-size: 15px;\n  padding: 10px 30px;\n}\n.btn-xs {\n  padding: 5px 10px;\n  font-size: 15px;\n}\n\n.btn-primary {\n  background: #41228e;\n  color: #fff;\n}\n.btn-primary:active {\n  background: #542cb7 !important;\n}\n.btn-primary:hover {\n  background: #542cb7;\n}\n.btn-primary.focus, .btn-primary.active {\n  background: #542cb7 !important;\n  box-shadow: none !important;\n}\n\n.btn-transparent {\n  background: transparent;\n  color: #41228e;\n  font-weight: bold;\n}\n.btn-transparent:active, .btn-transparent:hover {\n  color: #41228e;\n}\n\nbody {\n  background-color: #fff;\n  overflow-x: hidden;\n}\n\n::selection {\n  background: #542cb7;\n  color: #fff;\n}\n\n/* preloader */\n.preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nol,\nul {\n  list-style-type: none;\n  margin: 0px;\n}\n\nimg {\n  vertical-align: middle;\n  border: 0;\n}\n\na,\na:hover,\na:focus {\n  text-decoration: none;\n}\n\na,\nbutton,\nselect {\n  cursor: pointer;\n  transition: 0.2s ease;\n}\na:focus,\nbutton:focus,\nselect:focus {\n  outline: 0;\n}\n\na.text-dark:hover {\n  color: #41228e !important;\n}\n\na:hover {\n  color: #41228e;\n}\n\n.slick-slide {\n  outline: 0;\n}\n\n.section {\n  padding-top: 80px;\n  padding-bottom: 80px;\n}\n.section-title {\n  margin-bottom: 80px;\n  font-family: \"Playfair Display\", serif;\n}\n\n.bg-cover {\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n\n/* overlay */\n.overlay {\n  position: relative;\n}\n.overlay::before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  background: #000;\n  opacity: 0.5;\n}\n\n.outline-0 {\n  outline: 0 !important;\n}\n\n.d-unset {\n  display: unset !important;\n}\n\n.bg-primary {\n  background: #41228e !important;\n}\n\n.bg-gray {\n  background: #eaeaea !important;\n}\n\n.text-primary {\n  color: #41228e !important;\n}\n\n.text-color {\n  color: #4c4c4c;\n}\n\n.text-dark {\n  color: #000 !important;\n}\n\n.text-light {\n  color: #999999 !important;\n}\n\n.mb-10 {\n  margin-bottom: 10px !important;\n}\n\n.mb-20 {\n  margin-bottom: 20px !important;\n}\n\n.mb-30 {\n  margin-bottom: 30px !important;\n}\n\n.mb-40 {\n  margin-bottom: 40px !important;\n}\n\n.mb-50 {\n  margin-bottom: 50px !important;\n}\n\n.mb-60 {\n  margin-bottom: 60px !important;\n}\n\n.mb-70 {\n  margin-bottom: 70px !important;\n}\n\n.mb-80 {\n  margin-bottom: 80px !important;\n}\n\n.mb-90 {\n  margin-bottom: 90px !important;\n}\n\n.mb-100 {\n  margin-bottom: 100px !important;\n}\n\n.zindex-1 {\n  z-index: 1;\n}\n\n.rounded-lg {\n  border-radius: 15px;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.font-secondary {\n  font-family: \"Playfair Display\", serif !important;\n}\n\n.font-tertiary {\n  font-family: \"Playfair Display\", serif !important;\n}\n\n.shadow {\n  box-shadow: 0px 18px 39.1px 6.9px rgba(224, 241, 255, 0.34) !important;\n}\n\n.bg-dark {\n  background-color: #222222 !important;\n}\n\n/* icon */\n.icon {\n  font-size: 45px;\n}\n\n.icon-bg {\n  height: 100px;\n  width: 100px;\n  line-height: 100px;\n  text-align: center;\n}\n\n.icon-light {\n  color: #c8d5ef;\n}\n\n/* /icon */\n/* slick slider */\n.slick-dots {\n  text-align: center;\n  padding-left: 0;\n}\n.slick-dots li {\n  display: inline-block;\n  margin: 2px;\n}\n.slick-dots li.slick-active button {\n  background: #fff;\n  width: 25px;\n}\n.slick-dots li button {\n  height: 6px;\n  width: 12px;\n  background: rgba(255, 255, 255, 0.5);\n  color: transparent;\n  border-radius: 10px;\n  overflow: hidden;\n  transition: 0.2s ease;\n  border: 0;\n}\n\n/* /slick slider */\n/* form */\n.form-control {\n  border: 0;\n  border-radius: 0;\n  border-bottom: 1px solid #c7c7c7;\n  height: 60px;\n}\n.form-control:focus {\n  border-color: #41228e;\n  outline: 0;\n  box-shadow: none !important;\n}\n\ntextarea.form-control {\n  height: 120px;\n}\n\n/* /form */\n/* card */\n.card {\n  border: 0;\n}\n.card-header {\n  border: 0;\n}\n.card-footer {\n  border: 0;\n}\n\n/* /card */\n.navigation {\n  padding: 40px 130px;\n  transition: 0.3s ease;\n}\n.navigation.nav-bg {\n  background-color: #41228e;\n  padding: 15px 100px;\n}\n@media (max-width: 991px) {\n  .navigation.nav-bg {\n    padding: 15px 20px;\n  }\n}\n@media (max-width: 991px) {\n  .navigation {\n    padding: 20px;\n    background: #41228e;\n  }\n}\n\n.navbar .nav-item .nav-link {\n  font-family: \"Playfair Display\", serif;\n  text-transform: uppercase;\n  padding: 15px;\n}\n.navbar .nav-item.active {\n  font-weight: bold;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n  color: #fff;\n}\n\n.hero-area {\n  padding: 300px 0 200px;\n  position: relative;\n}\n@media (max-width: 767px) {\n  .hero-area {\n    padding: 250px 0 150px;\n    overflow: hidden;\n  }\n}\n.hero-area h1 {\n  position: relative;\n  z-index: 2;\n}\n\n.layer {\n  position: absolute;\n  z-index: 1;\n}\n\n#l1 {\n  bottom: 0;\n  left: 0;\n}\n\n#l2 {\n  top: 190px;\n  left: -250px;\n}\n\n#l3 {\n  top: 200px;\n  left: 40%;\n}\n\n#l4 {\n  top: 200px;\n  right: 40%;\n}\n\n#l5 {\n  top: 100px;\n  right: -150px;\n}\n\n#l6 {\n  bottom: -20px;\n  left: 10%;\n}\n\n#l7 {\n  bottom: 100px;\n  left: 20%;\n}\n\n#l8 {\n  bottom: 160px;\n  right: 45%;\n}\n\n#l9 {\n  bottom: 100px;\n  right: -10px;\n}\n\n.layer-bg {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n/* skills */\n.progress-wrapper {\n  height: 130px;\n  overflow: hidden;\n}\n\n.wave {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.wave::before, .wave::after {\n  content: \"\";\n  position: absolute;\n  width: 800px;\n  height: 800px;\n  bottom: 0;\n  left: 50%;\n  background-color: rgba(255, 255, 255, 0.4);\n  border-radius: 45%;\n  transform: translateX(-50%) rotate(0);\n  animation: rotate 6s linear infinite;\n  z-index: 10;\n}\n.wave::after {\n  border-radius: 47%;\n  background-color: rgba(255, 255, 255, 0.9);\n  transform: translateX(-50%) rotate(0);\n  animation: rotate 10s linear -5s infinite;\n  z-index: 20;\n}\n\n@keyframes rotate {\n  50% {\n    transform: translateX(-50%) rotate(180deg);\n  }\n  100% {\n    transform: translateX(-50%) rotate(360deg);\n  }\n}\n/* /skills */\n/* education */\n.edu-bg-image {\n  position: absolute;\n  left: 0;\n  top: -300px;\n  z-index: -1;\n}\n\n/* /education */\n/* service */\n.hover-bg-primary {\n  transition: 0.3s ease;\n}\n.hover-bg-primary:hover {\n  background: #41228e;\n}\n.hover-bg-primary:hover * {\n  color: #fff;\n}\n\n.active-bg-primary {\n  transition: 0.3s ease;\n  background: #41228e;\n}\n.active-bg-primary * {\n  color: #fff;\n}\n\n.hover-shadow {\n  transition: 0.2s ease;\n}\n.hover-shadow:hover {\n  box-shadow: 0px 18px 40px 8px rgba(224, 241, 255, 0.54) !important;\n}\n\n/* /service */\n/* portfolio */\n.hover-wrapper {\n  overflow: hidden;\n}\n.hover-wrapper img {\n  transition: 0.3s ease;\n  transform: scale(1.1);\n}\n.hover-wrapper:hover img {\n  transform: scale(1);\n}\n.hover-wrapper:hover .hover-overlay {\n  opacity: 1;\n  visibility: visible;\n}\n\n.hover-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: inherit;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.3);\n  opacity: 0;\n  visibility: hidden;\n  transition: 0.3s ease;\n}\n\n.hover-content {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  right: 0;\n  text-align: center;\n}\n\n/* /portfolio */\n/* testimonial */\n.testimonial-content strong {\n  color: #2bfdff;\n  font-weight: normal;\n}\n\n.testimonial-bg-shapes .container {\n  position: relative;\n  z-index: 1;\n}\n.testimonial-bg-shapes .bg-map {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.testimonial-bg-shapes .bg-shape-1 {\n  position: absolute;\n  left: 100px;\n  top: -50px;\n}\n.testimonial-bg-shapes .bg-shape-2 {\n  position: absolute;\n  right: 150px;\n  top: 50px;\n}\n.testimonial-bg-shapes .bg-shape-3 {\n  position: absolute;\n  right: 50px;\n  top: 200px;\n}\n.testimonial-bg-shapes .bg-shape-4 {\n  position: absolute;\n  left: 100px;\n  bottom: 200px;\n}\n.testimonial-bg-shapes .bg-shape-5 {\n  position: absolute;\n  right: 200px;\n  bottom: -50px;\n}\n\n/* /testimonial */\n/* footer */\n.footer-section {\n  padding-top: 200px;\n}\n\n.section-on-footer {\n  margin-bottom: -250px;\n}\n\n.shadow-down {\n  position: relative;\n}\n.shadow-down::before {\n  position: absolute;\n  content: \"\";\n  box-shadow: 0px 0px 80.75px 14.25px rgba(224, 241, 255, 0.34);\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  z-index: -1;\n}\n\n/* /footer */\n.card-lg {\n  flex-direction: row-reverse;\n  align-items: center;\n}\n@media (max-width: 991px) {\n  .card-lg {\n    flex-direction: column;\n  }\n}\n\nblockquote {\n  display: inline-block;\n  padding: 20px 25px;\n  background: #eaeaea;\n  border-left: 3px solid #41228e;\n  font-style: italic;\n  font-size: 22px;\n  line-height: 1.7;\n}\n\n.content * {\n  margin-bottom: 20px;\n}\n.content strong {\n  font-family: \"Playfair Display\", serif;\n  font-size: 22px;\n  font-weight: normal;\n  color: #000;\n  display: inherit;\n  line-height: 1.5;\n}\n\n.page-title-alt {\n  padding: 350px 0 70px;\n}\n\n.border-thick {\n  border: 10px solid;\n}\n\n.drag-lg-top {\n  margin-top: -230px;\n}\n@media (max-width: 991px) {\n  .drag-lg-top {\n    margin-top: 0;\n  }\n}\n\n.page-title-alt .container {\n  position: relative;\n  z-index: 1;\n}\n.page-title-alt .bg-shape-1 {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n}\n.page-title-alt .bg-shape-2 {\n  position: absolute;\n  left: 70px;\n  top: 100px;\n}\n.page-title-alt .bg-shape-3 {\n  position: absolute;\n  left: 30%;\n  top: 50px;\n  transform: rotate(180deg);\n}\n.page-title-alt .bg-shape-4 {\n  position: absolute;\n  left: 100px;\n  bottom: 100px;\n}\n.page-title-alt .bg-shape-5 {\n  position: absolute;\n  left: 40%;\n  bottom: -25px;\n}\n.page-title-alt .bg-shape-6 {\n  position: absolute;\n  bottom: 100px;\n  right: -100px;\n}\n\n.page-title {\n  padding: 250px 0 150px;\n}\n.page-title .container {\n  position: relative;\n  z-index: 1;\n}\n.page-title .bg-shape-1 {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n}\n.page-title .bg-shape-2 {\n  position: absolute;\n  left: -20px;\n  top: -10px;\n}\n.page-title .bg-shape-3 {\n  position: absolute;\n  left: 10%;\n  top: 100px;\n}\n.page-title .bg-shape-4 {\n  position: absolute;\n  left: 50%;\n  top: -20px;\n}\n.page-title .bg-shape-5 {\n  position: absolute;\n  left: 90px;\n  bottom: -50px;\n  transform: rotate(180deg);\n}\n.page-title .bg-shape-6 {\n  position: absolute;\n  right: 20%;\n  bottom: -20px;\n}\n.page-title .bg-shape-7 {\n  position: absolute;\n  right: -220px;\n  bottom: -100px;\n}\n@media (max-width: 1200px) {\n  .page-title .bg-shape-7 {\n    right: 0;\n  }\n}\n\n.filter-controls li {\n  cursor: pointer;\n}\n.filter-controls li.active {\n  font-weight: bold;\n}","@mixin mobile-xs{\n  @media(max-width:400px){\n    @content;\n  }\n}\n@mixin mobile{\n  @media(max-width:575px){\n    @content;\n  }\n}\n@mixin tablet{\n  @media(max-width:767px){\n    @content;\n  }\n}\n@mixin desktop{\n  @media(max-width:991px){\n    @content;\n  }\n}\n@mixin desktop-lg{\n  @media(max-width:1200px){\n    @content;\n  }\n}\n\n@mixin size($size){\n  width: $size; height: $size;\n}","/* Button style */\n.btn {\n  font-size: 22px;\n  font-family: $secondary-font;\n  text-transform: capitalize;\n  padding: 16px 44px;\n  border-radius: 5px;\n  font-weight: 600;\n  border: 0;\n  position: relative;\n  z-index: 1;\n  transition: .2s ease;\n\n  &:focus {\n    outline: 0;\n    box-shadow: none !important;\n  }\n\n  &:active {\n    box-shadow: none;\n  }\n\n  &-sm {\n    font-size: 15px;\n    padding: 10px 30px;\n  }\n\n  &-xs {\n    padding: 5px 10px;\n    font-size: 15px;\n  }\n}\n\n.btn-primary {\n  background: $primary-color;\n  color: $white;\n\n  &:active {\n    background: lighten($color: $primary-color, $amount: 10) !important;\n  }\n\n  &:hover {\n    background: lighten($color: $primary-color, $amount: 10);\n  }\n\n  &.focus,\n  &.active {\n    background: lighten($color: $primary-color, $amount: 10) !important;\n    box-shadow: none !important;\n  }\n}\n\n\n.btn-transparent {\n  background: transparent;\n  color: $primary-color;\n  font-weight: bold;\n\n  &:active,\n  &:hover {\n    color: $primary-color;\n  }\n}","body {\n  background-color: $body-color;\n  overflow-x: hidden;\n}\n\n::selection {\n  background: lighten($color: $primary-color, $amount: 10);\n  color: $white;\n}\n\n/* preloader */\n\n.preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nol,\nul {\n  list-style-type: none;\n  margin: 0px;\n}\n\nimg {\n  vertical-align: middle;\n  border: 0;\n}\n\na,\na:hover,\na:focus {\n  text-decoration: none;\n}\n\na,\nbutton,\nselect {\n  cursor: pointer;\n  transition: .2s ease;\n\n  &:focus {\n    outline: 0;\n  }\n}\n\na.text-dark{\n  &:hover{\n    color: $primary-color !important;\n  }\n}\n\na:hover {\n  color: $primary-color;\n}\n\n.slick-slide {\n  outline: 0;\n}\n\n.section {\n  padding-top: 80px;\n  padding-bottom: 80px;\n\n  &-title {\n    margin-bottom: 80px;\n    font-family: $secondary-font;\n  }\n}\n\n.bg-cover {\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n\n/* overlay */\n\n.overlay {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    content: '';\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    background: $black;\n    opacity: .5;\n  }\n}\n\n.outline-0 {\n  outline: 0 !important;\n}\n\n.d-unset {\n  display: unset !important;\n}\n\n.bg-primary {\n  background: $primary-color !important;\n}\n\n.bg-gray{\n  background: $gray !important;\n}\n\n.text-primary {\n  color: $primary-color !important;\n}\n\n.text-color {\n  color: $text-color;\n}\n\n.text-dark {\n  color: $text-color-dark !important;\n}\n\n.text-light {\n  color: $text-color-light !important;\n}\n\n.mb-10 {\n  margin-bottom: 10px !important;\n}\n\n.mb-20 {\n  margin-bottom: 20px !important;\n}\n\n.mb-30 {\n  margin-bottom: 30px !important;\n}\n\n.mb-40 {\n  margin-bottom: 40px !important;\n}\n\n.mb-50 {\n  margin-bottom: 50px !important;\n}\n\n.mb-60 {\n  margin-bottom: 60px !important;\n}\n\n.mb-70 {\n  margin-bottom: 70px !important;\n}\n\n.mb-80 {\n  margin-bottom: 80px !important;\n}\n\n.mb-90 {\n  margin-bottom: 90px !important;\n}\n\n.mb-100 {\n  margin-bottom: 100px !important;\n}\n\n.zindex-1 {\n  z-index: 1;\n}\n\n.rounded-lg{\n  border-radius: 15px;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.font-secondary {\n  font-family: $secondary-font !important;\n}\n\n.font-tertiary {\n  font-family: $secondary-font !important;\n}\n\n.shadow {\n  box-shadow: 0px 18px 39.1px 6.9px rgba(224, 241, 255, 0.34) !important;\n}\n\n.bg-dark{\n  background-color: #222222 !important;\n}\n\n/* icon */\n.icon {\n  font-size: 45px;\n}\n\n.icon-bg {\n  height: 100px;\n  width: 100px;\n  line-height: 100px;\n  text-align: center;\n}\n\n.icon-light {\n  color: #c8d5ef;\n}\n\n/* /icon */\n\n/* slick slider */\n.slick-dots{\n  text-align: center;\n  padding-left: 0;\n  li{\n    display: inline-block;\n    margin: 2px;\n    &.slick-active{\n      button{\n        background: $white;\n        width: 25px;\n      }\n    }\n    button{\n      height: 6px;\n      width: 12px;\n      background: rgba($color: $white, $alpha: .5);\n      color: transparent;\n      border-radius: 10px;\n      overflow: hidden;\n      transition: .2s ease;\n      border: 0;\n    }\n  }\n}\n/* /slick slider */\n\n/* form */\n.form-control{\n  border: 0;\n  border-radius: 0;\n  border-bottom: 1px solid $border-color;\n  height: 60px;\n  &:focus{\n    border-color: $primary-color;\n    outline: 0;\n    box-shadow: none !important;\n  }\n}\n\ntextarea.form-control{\n  height: 120px;\n}\n/* /form */\n\n/* card */\n.card{\n  border: 0;\n  &-header{\n    border: 0;\n  }\n  &-footer{\n    border: 0;\n  }\n}\n/* /card */",".navigation{\n  padding: 40px 130px;\n  transition: .3s ease;\n  &.nav-bg {\n    background-color: $primary-color;\n    padding: 15px 100px;\n    @include desktop {\n      padding: 15px 20px;\n    }\n  }\n  @include desktop {\n    padding: 20px;\n    background: $primary-color;\n  }\n}\n\n.navbar{\n  .nav-item{\n    .nav-link{\n      font-family: $secondary-font;\n      text-transform: uppercase;\n      padding: 15px;\n    }\n    &.active{\n      font-weight: bold;\n    }\n  }\n}\n\n.navbar-dark .navbar-nav .nav-link{\n  color: $white;\n}",".hero-area {\n  padding: 300px 0 200px;\n  position: relative;\n  @include tablet {\n    padding: 250px 0 150px;\n    overflow: hidden;\n  }\n  h1{\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.layer {\n  position: absolute;\n  z-index: 1;\n}\n\n#l1 {\n  bottom: 0;\n  left: 0;\n}\n\n#l2 {\n  top: 190px;\n  left: -250px;\n}\n\n#l3 {\n  top: 200px;\n  left: 40%;\n}\n\n#l4 {\n  top: 200px;\n  right: 40%;\n}\n\n#l5 {\n  top: 100px;\n  right: -150px;\n}\n\n#l6 {\n  bottom: -20px;\n  left: 10%;\n}\n\n#l7 {\n  bottom: 100px;\n  left: 20%;\n}\n\n#l8 {\n  bottom: 160px;\n  right: 45%;\n}\n\n#l9 {\n  bottom: 100px;\n  right: -10px;\n}\n\n.layer-bg {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}","/* skills */\n.progress-wrapper {\n  height: 130px;\n  overflow: hidden;\n}\n\n.wave {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  &::before,\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 800px;\n    height: 800px;\n    bottom: 0;\n    left: 50%;\n    background-color: rgba(255, 255, 255, .4);\n    border-radius: 45%;\n    transform: translateX(-50%) rotate(0);\n    animation: rotate 6s linear infinite;\n    z-index: 10;\n  }\n\n  &::after {\n    border-radius: 47%;\n    background-color: rgba(255, 255, 255, .9);\n    transform: translateX(-50%) rotate(0);\n    animation: rotate 10s linear -5s infinite;\n    z-index: 20;\n  }\n}\n\n@keyframes rotate {\n  50% {\n    transform: translateX(-50%) rotate(180deg);\n  }\n\n  100% {\n    transform: translateX(-50%) rotate(360deg);\n  }\n}\n\n/* /skills */\n\n/* education */\n.edu-bg-image {\n  position: absolute;\n  left: 0;\n  top: -300px;\n  z-index: -1;\n}\n\n/* /education */\n\n/* service */\n.hover-bg-primary {\n  transition: .3s ease;\n\n  &:hover {\n    background: $primary-color;\n\n    * {\n      color: $white;\n    }\n  }\n}\n\n.active-bg-primary {\n  transition: .3s ease;\n  background: $primary-color;\n\n  * {\n    color: $white;\n  }\n}\n\n.hover-shadow{\n  transition: .2s ease;\n  &:hover{\n    box-shadow: 0px 18px 40px 8px rgba(224, 241, 255, 0.54) !important;\n  }\n}\n\n\n/* /service */\n\n/* portfolio */\n.hover-wrapper {\n  overflow: hidden;\n\n  img {\n    transition: .3s ease;\n    transform: scale(1.1);\n  }\n\n  &:hover {\n    img {\n      transform: scale(1);\n    }\n\n    .hover-overlay {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n}\n\n.hover-overlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: inherit;\n  top: 0;\n  left: 0;\n  background: rgba($color: $black, $alpha: .3);\n  opacity: 0;\n  visibility: hidden;\n  transition: .3s ease;\n}\n\n.hover-content {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  right: 0;\n  text-align: center;\n}\n\n/* /portfolio */\n\n/* testimonial */\n.testimonial-content {\n  strong {\n    color: $secondary-color;\n    font-weight: normal;\n  }\n}\n\n.testimonial-bg-shapes {\n  .container {\n    position: relative;\n    z-index: 1;\n  }\n\n  .bg-map {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .bg-shape-1 {\n    position: absolute;\n    left: 100px;\n    top: -50px;\n  }\n\n  .bg-shape-2 {\n    position: absolute;\n    right: 150px;\n    top: 50px;\n  }\n\n  .bg-shape-3 {\n    position: absolute;\n    right: 50px;\n    top: 200px;\n  }\n\n  .bg-shape-4 {\n    position: absolute;\n    left: 100px;\n    bottom: 200px;\n  }\n\n  .bg-shape-5 {\n    position: absolute;\n    right: 200px;\n    bottom: -50px;\n  }\n}\n\n/* /testimonial */\n\n/* footer */\n.footer-section {\n  padding-top: 200px;\n}\n\n.section-on-footer {\n  margin-bottom: -250px;\n}\n\n.shadow-down {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    box-shadow: 0px 0px 80.75px 14.25px rgba(224, 241, 255, 0.34);\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n    z-index: -1;\n  }\n}\n\n/* /footer */",".card-lg {\n  flex-direction: row-reverse;\n  align-items: center;\n\n  @include desktop {\n    flex-direction: column;\n  }\n}\n\nblockquote {\n  display: inline-block;\n  padding: 20px 25px;\n  background: $gray;\n  border-left: 3px solid $primary-color;\n  font-style: italic;\n  font-size: 22px;\n  line-height: 1.7;\n}\n\n.content {\n  * {\n    margin-bottom: 20px;\n  }\n\n  strong {\n    font-family: $secondary-font;\n    font-size: 22px;\n    font-weight: normal;\n    color: $text-color-dark;\n    display: inherit;\n    line-height: 1.5;\n  }\n}",".page-title-alt{\n  padding: 350px 0 70px;\n}\n\n.border-thick{\n  border: 10px solid;\n}\n\n.drag-lg-top{\n  margin-top: -230px;\n  @include desktop {\n    margin-top: 0;\n  }\n}\n\n.page-title-alt{\n  .container{\n    position: relative;\n    z-index: 1;\n  }\n  .bg-shape-1{\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n  }\n  .bg-shape-2{\n    position: absolute;\n    left: 70px;\n    top: 100px;\n  }\n  .bg-shape-3{\n    position: absolute;\n    left: 30%;\n    top: 50px;\n    transform: rotate(180deg);\n  }\n\n  .bg-shape-4{\n    position: absolute;\n    left: 100px;\n    bottom: 100px;\n  }\n\n  .bg-shape-5{\n    position: absolute;\n    left: 40%;\n    bottom: -25px;\n  }\n\n  .bg-shape-6{\n    position: absolute;\n    bottom: 100px;\n    right: -100px;\n  }\n}",".page-title {\n  padding: 250px 0 150px;\n\n  .container {\n    position: relative;\n    z-index: 1;\n  }\n\n  .bg-shape-1 {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n  }\n\n  .bg-shape-2 {\n    position: absolute;\n    left: -20px;\n    top: -10px;\n  }\n\n  .bg-shape-3 {\n    position: absolute;\n    left: 10%;\n    top: 100px;\n  }\n\n  .bg-shape-4 {\n    position: absolute;\n    left: 50%;\n    top: -20px;\n  }\n\n  .bg-shape-5 {\n    position: absolute;\n    left: 90px;\n    bottom: -50px;\n    transform: rotate(180deg);\n  }\n\n  .bg-shape-6 {\n    position: absolute;\n    right: 20%;\n    bottom: -20px;\n  }\n\n  .bg-shape-7 {\n    position: absolute;\n    right: -220px;\n    bottom: -100px;\n\n    @include desktop-lg{\n      right: 0;\n    }\n  }\n}\n\n.filter-controls {\n  li {\n    cursor: pointer;\n\n    &.active {\n      font-weight: bold;\n    }\n  }\n}"]}