/*
    Theme Name: Twenty Twenty-One Child

    Description: Child theme

    Version: 1.0

    Text Domain: twentytwentyone

    Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

    Template: twentytwentyone

*/
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800&family=Jost:wght@100;200;300;400;500;600;700&display=swap');

/* Website Global color 
========================================================== */
:root{    /* Colors: */

  /* Primary colors */
  --unnamed-color-3E4095:#3E4095;
  --unnamed-color-3E4095-OP7:rgb(62, 64, 149,0.7);

  --unnamed-color-ED3237:#ED3237;    

  /* White color shade */
  --unnamed-color-fff:#fff;    

  /* Black color shades */
  --unnamed-color-000:#000;
  --unnamed-color-000-op7:rgba(0,0,0,0.7);
  --unnamed-color-000-op5:rgba(0,0,0,0.5);    

  /* Grey color shade */
  --unnamed-color-BDBDBD:#BDBDBD;
  --unnamed-color-BDBDBD-op1:rgba(189,189,189,0.1);

  --primary-font-family:'Jost',sans-serif;
  --secondary-font-family:'Exo',sans-serif;
}
/* Website Global CSS BOF
========================================================== */
body,
html{height:100%;width:100%;padding:0;margin:0;}
body{background:var(--unnamed-color-fff);font-family:var(--primary-font-family);font-weight:400;font-size:16px;line-height:normal;text-transform:none;}
*,
html{margin:0;padding:0;}
a{color:var(--third-text);display:inline-block;}

/* Common color hyperlink */
a:hover,
a:focus,
a:active{color:var(--primary-text);text-decoration:none;}

/* Common hover color hyperlink */
a,
*:hover,
*:focus,
*:active:focus{text-decoration:none;outline:none!important;outline-offset:0!important;}
a img,
img{border:none;outline:none!important;outline-offset:0!important;}
ul,
ol,
dl{list-style:none;margin:0;padding:0;}
img{height:auto;max-width:100%;vertical-align:middle;line-height:normal;}

/* Transition Effect CSS BOF */
a,
i,
input{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;}

/* Browser Selection CSS BOF */
::selection{background:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);}
::-moz-selection{background:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);}
::-webkit-selection{background:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);}
::-o-selection{background:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);}
::-ms-selection{background:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);}
p a{color:var(--primary-text);}
p a:hover{text-decoration:underline;}

/* Global Classes CSS BOF
==================================================== */
::-webkit-scrollbar{width:0px;}

/* ::-webkit-scrollbar{width:5px;background-color: var(--unnamed-color-BDBDBD);} */

/* ::-webkit-scrollbar-thumb{background-color:var(--unnamed-color-3E4095);-webkit-border-radius:30px;} */

/* Only FireFox */
html{scrollbar-color:var(--primary-text) var(--white);scrollbar-width:thin;scrollbar-border-radius:30px;}

/* Background &amp; Color Style CSS BOF
=================================================== */
.none{display:none!important;}

/* Font family variation */
.exo-font{font-family:var(--secondary-font-family);}
.jost-font{font-family:var(--primary-font-family);}

/* FONT-COLOR
================================================== */
.black-font{color:var(--unnamed-color-000);}
.black-font-op7{color:var(--unnamed-color-000-op7);}
.white-font{color:var(--unnamed-color-fff);}
.primary-font{color:var(--unnamed-color-3E4095);}
.secondary-font{color:var(--unnamed-color-ED3237);}

/* Heading Style CSS BOF
=================================================== */
h1,
h2,
h3,
h4,
h5,
h6{line-height:normal;font-weight:500;font-style:normal;}
h1{font-size:64px;font-weight:600;line-height:80px;}
h2{font-size:48px;line-height:60px;font-weight:bold;}
h3{font-size:36px;line-height:50px;}
h4{font-size:24px;line-height:30px;}
h6{font-size:20px;}
p{font-size:16px;line-height:40px;letter-spacing:0.02em;}
.content-text{font-size:17px;}

/* z-index vaariation css */
.z-index-9{z-index:9;}

/* Font Weight Variation CSS BOF */
.font-we-rg{font-weight:normal;}
.font-we-bl{font-weight:bold;}
.font-we-blk{font-weight:900;}
.font-we-sb{font-weight:600;}
.font-we-nr{font-weight:500;}

/* Font size variation Style */
.font-16{font-size:16px;line-height:24px;}
.font-16-he-30{font-size:16px;line-height:30px;}
.font-18{font-size:18px;}
.font-24{font-size:24px;line-height:30px;}
.font-20{font-size:20px;line-height:30px;}
.cursor-pointer{cursor:pointer;}

/* Image Style CSS BOF
=================================================== */
img{margin-bottom:0;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input[type=number]{-webkit-appearance:none;margin:0;-moz-appearance:textfield;}

/* : Form &amp; Input Style BOF
==================================================== */
.form-control,
.form-select{background-color:var(--unnamed-color-fff);outline:none;border:1px solid transparent;border-radius:0px;font-size:17px;color:var(--unnamed-color-000-op5);-webkit-appearance:none;font-weight:normal;padding:10px 20px;height:55px;}

/*** Placeholder CSS BOF ***/
.form-control::placeholder,
.form-select::placeholder{color:var(--unnamed-color-000-op5);font-size:16px;font-family:var(--primary-font-family);}
.form-control::-moz-placeholder,
.form-select::-moz-placeholder{color:var(--unnamed-color-000-op5);font-family:var(--primary-font-family);}
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder{color:var(--unnamed-color-000-op5);font-family:var(--primary-font-family);}
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder{color:var(--unnamed-color-000-op5);font-family:var(--primary-font-family);}
.form-control::-o-input-placeholder,
.form-select::-o-input-placeholder{color:var(--unnamed-color-000-op5);font-family:var(--primary-font-family);}

/* Focus State CSS BOF */
.form-control:focus{border-color:var(--unnamed-color-3E4095);box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:var(--unnamed-color-fff);}
.form-select{background:url('../images/select-arrow.png') 93% / 4% no-repeat;background-color:var(--unnamed-color-fff);}
.form-select:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:transparent;border:var(--unnamed-color-3E4095);}

/*** Custom calendar css ***/
button::-moz-focus-inner{border:0;padding:0;}
button:focus{outline:none;}

/* text-area css */
textarea.form-control{min-height:200px;}

/* BACKGROUND COLOR CSS 
===================================================*/
.primary-bg{background-color:var(--unnamed-color-3E4095);}
.grey-shade-bg{background-color:var(--unnamed-color-BDBDBD-op1);}

/* CONTAINER SIZE CSS 
===================================================*/
.inner-container{max-width:1640px;margin:auto;}

/*** Buttton validation CSS BOF ***/
.btn{background-color:transparent;position:relative;z-index:1;padding:10px 10px;font-size:17px;font-weight:400;font-family:var(--primary-font-family);transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;border-radius:0px;border:2px solid #484C6E;text-transform:capitalize;box-shadow:none;min-width:130px;color:var(--primary-text);}
.btn-primary-color{background-color:var(--unnamed-color-3E4095);color:var(--unnamed-color-fff);border-color:var(--unnamed-color-3E4095);}
.btn-secondary-color{background-color:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);border-color:var(--unnamed-color-ED3237);}

/* Hover State CSS BOF */
.btn:focus,
.btn:active{background-color:transparent;box-shadow:none;outline:none;color:var(--unnamed-color-FF6854);}
.btn:hover{color:var(--unnamed-color-fff);}
.btn-primary-color:focus,
.btn-primary-color:active{background-color:var(--unnamed-color-3E4095);box-shadow:none;outline:none;color:var(--unnamed-color-fff);}
.btn-primary-color:hover{color:var(--unnamed-color-fff);background-color:var(--unnamed-color-ED3237);border-color:var(--unnamed-color-ED3237);}
.btn-secondary-color:focus,
.btn-secondary-color:active{background-color:var(--unnamed-color-ED3237);box-shadow:none;outline:none;color:var(--unnamed-color-fff);}
.btn-secondary-color:hover{color:var(--unnamed-color-fff);background-color:var(--unnamed-color-3E4095);border-color:var(--unnamed-color-3E4095);}

/* common spacing class */
.padding-topbottom{padding:70px 0px;}

/*header active start*/
.site-header{height:60px;z-index:9999;}
.header-main.active{box-shadow:0 0 10px rgba(0,0,0,0.4);}

/*header active end*/
.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px;}

/*index css Start*/
.no-scroll{overflow:hidden;}
.header-main .header-inner-main{position:relative;box-shadow:0px 4px 20px rgba(15,21,37,0.1);background-color:var(--unnamed-color-fff);}
.header-main .header-inner-main .header-inner{width:100%;align-items:center;}
.header-main .header-inner-main nav.navbar{height:60px;padding:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;flex-wrap:nowrap;align-items:center;}
.header-main .header-inner-main .header-inner .header-menu ul > li.nav-item > a{position:relative;font-size:18px;color:var(--unnamed-color-fff);margin:0px 150px 0px 0px;font-weight:500;letter-spacing:0.01em;}
.header-main .header-inner-main .header-inner .header-menu ul > li.nav-item:last-child > a{margin:0;}
.header-main .header-inner-main .header-inner .header-menu ul li.nav-item > a:hover,
.header-main.white-header .header-inner-main .header-inner .header-menu ul li.nav-item > a:hover{color:var(--unnamed-color-ED3237);}
.header-main .header-inner-main .header-inner .header-menu ul li a.active{color:var(--unnamed-color-FF6854);}
.header-main .navbar-container{width:100%;margin-right:auto;margin-left:auto;}
.header-text{font-size:17px;line-height:23px;}
@media(min-width:992px){

  /* header submenu css */
  .submenu{transition:all 500ms ease;opacity:0;z-index:99;visibility:hidden;left:0;right:0;top:calc(100% + 18px);border-bottom:4px solid var(--unnamed-color-3E4095);background:var(--unnamed-color-fff);}
  .submenu > ul{padding:10px 0px;}
  .submenu > ul > li{border-bottom:1px solid var(--unnamed-color-BDBDBD);text-align:center;}
  .submenu > ul > li > a{padding:10px 15px;width:100%;}
  .submenu > ul > li:hover > a{color:var(--unnamed-color-fff);}
  .submenu > ul > li:hover{background-color:var(--unnamed-color-ED3237);}
  .navbar{position:unset;}
  .white-header .submenu{box-shadow:0px 10px 17px -15px #68646480,0 -10px 15px -13px hsl(0deg 2% 40% / 50%);border-top:0;margin-top:20px;}
  .header-main .header-inner-main{background-color:var(--unnamed-color-3E4095);}
  .header-main .header-inner-main .header-inner .header-menu ul > li.having-submenu:hover .submenu{visibility:visible;opacity:1;transition:all 500ms ease;}
  .haeder-bottom-image-sc{position:absolute;right:0;bottom:0;}
  .header-list-wise-ul li:last-child{padding-bottom:0;}
  .header-list-wise-ul li:hover a{color:var(--unnamed-color-0F1525);}
  .having-submenu > a:after{font-family:"bootstrap-icons";font-size:15px;content:'\F229';padding-left:10px;position:absolute;left:100%;top: 0;}
  .header-main .header-inner-main .header-inner .header-menu ul > li.nav-item.active > a{color:var(--unnamed-color-ED3237);}
  .dropdown-menu.on{display:none}
}
.site-header.fixed-header{position:fixed;left:0;right:0;top:0;box-shadow:0px 0px 10px 1px #707072;}
.header-list-wise-ul > li{position:relative;padding-left:20px;padding-bottom:12px;}
.header-list-wise-ul > li:before{content:'';width:10px;height:10px;display:inline-block;position:absolute;left:0;top:11px;border-top:2px solid var(--unnamed-color-ED3237);}

/*toggele switch*/
.header-main button.navbar-toggler{padding:0;border:none;margin:10px 0;top:30px;}
.header-main button.navbar-toggler:focus{box-shadow:none;}
.header-main button.navbar-toggler span.icon-bar:nth-child(2){visibility:hidden;opacity:0;}
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(2){visibility:visible;opacity:1;}
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1){width:20px;}
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(3){width:17px;}
.header-main button.navbar-toggler span.icon-bar:nth-child(1){top:8px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.header-main button.navbar-toggler span.icon-bar:nth-child(3){margin-right:0;margin-left:auto;}
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1),
.header-main .header-inner .header-right button.navbar-toggler.collapsed span.icon-bar:nth-child(3){top:0;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);margin-right:0;}
.header-main button.navbar-toggler span.icon-bar{margin:auto;background-color:var(--unnamed-color-3E4095);border-radius:2px;display:block;height:2px;position:relative;width:24px;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;-ms-transition:all 200ms ease;transition:all 200ms ease;}
.header-main button.navbar-toggler .icon-bar+.icon-bar{margin-top:6px;}
.header-main button.navbar-toggler span.icon-bar:nth-child(3){top:-8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

/*dropdown*/
.header-main.active{position:fixed;width:100%;left:0px;right:0px;top:0px;}

/* .header-main{position:absolute;width:100%;right:0;top:0;left:0px;} */
.header-book:after{width:0;height:0;right:calc(100% + 30px);top:0;position:absolute;content:'';border:90px solid transparent;border-bottom:0;border-right:50px solid var(--primary-text);z-index:-1;}
.header-book{position:relative;height:100%;z-index:9;}
.header-book:before{content:'';background:var(--primary-text);left:-30px;height:100%;width:100%;display:inline-block;position:absolute;z-index:-1;}

/* MOBILE VIEW HEADER CSS */
.mainnav ul{margin:0;padding:0;list-style-type:none;position:relative;}
.mainnav li{display:inline-block;position:relative;}
.mainnav a{position:relative;}
.mainnav ul > ul{position:absolute;top:100%;display:none;}
.mainnav ul ul ul{left:100%;top:0;}
.mainnav ul ul li{display:block;}
.submenu-having:after{top:0;right:0;color:var(--unnamed-color-0F1525-op);border-color:#ccc;}

/* .mainnav li:hover > a:after{border-top-color:transparent;} */
.hasDD.on:after{transform:rotate(180deg);}
.mainnav ul ul .hasDD.on:after{transform:rotate(-180deg);background:rgba(255,255,255,0.2);transition:all .5s ease-in-out;width:24px!important;}
.submenu-having li{padding-top:10px;}

/*index css Start*/

/***************************************************************
SOME COMMON CLASS
************************************************************** */
.common-my{margin:100px 0px;}
.common-py{padding:100px 0px;}
.common-pt{padding-top:120px;}

/* ***********************************************************
BANNER SECTION CSS
*********************************************************** */
.banner-title{top:0;bottom:0;padding-top:180px;text-align:center;max-width:75%;margin:auto;left:0;width:100%;right:0;}

/* .banner-img:after{content:'';position:absolute;left:0;right:0;width:100%;background-image:url('../images/Home/banner-img-shape.png');height:100%; background-repeat: no-repeat;background-position: center;background-size: contain;} */
.banner-img{position:relative;}
.secondary-banner .banner-img img{height:450px;width:100%;object-fit:cover;object-position:center;}

/* *******************************************************
OUR PRODUCT SECTION CSS
******************************************************** */
.product-hover-content{position:absolute;left:0;top:0;bottom:0;right:0;background:rgb(0 0 0 / 70%);border-radius:100%;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:all 500ms ease;}
.product-content-wrapper:hover .product-hover-content{opacity:1;visibility:visible;}

/* *****************************************************
GET TO KNOW SECTION CSS
***************************************************** */
.before-line:before{content:'';border-top:3px solid;width:30px;height:1px;display:inline-block;position:absolute;top:0;bottom:0;margin:auto;left:0;}
.before-line{padding-left:45px;}
.after-arrow:after{content:'';position:absolute;left:100%;top:0;bottom:0;margin:auto;content:'\F138';font-family:"bootstrap-icons";font-weight:500;padding-left:15px;}

/* **************************************************
CONTACT SECTION CSS
************************************************** */
.contacts-icon{background:var(--unnamed-color-fff);opacity:0.6;width:48px;position:absolute;height:48px;border-radius:100%;top:0;left:0;display:inline-block;border:1px solid rgba(62,64,149,0.1);box-shadow:0px 4px 20px rgba(10,27,70,0.1);bottom:0;margin:auto;}
.contact-ul > li{padding-left:65px;}
.contact-ul > li > a:hover{color:var(--unnamed-color-ED3237);}

/* ******************************************************
FOOTER SECTION CSS
****************************************************** */
.media-hover{left:0;top:0;bottom:0;margin:auto;opacity:0;visibility:hidden;transition:all 400ms ease;justify-content:center;}
.media-anchor:hover .media-hover{opacity:1;visibility:visible;transition:all 500ms ease;}
.footer-wrapper{border-top:1px solid rgba(0,0,0,0.2);}
.footer-menu-hover:hover{color:var(--unnamed-color-3E4095);}

/*********************************************************
COMMON PURPLE BANNER SECTION 
*********************************************************/
.banner-purple-shadow:after{content:'';background:var(--unnamed-color-3E4095-OP7);width:100%;position:absolute;left:0;top:0;height:100%;}
.header-text-line:after{content:'';border-bottom:1px solid var(--unnamed-color-fff);width:75%;display:inline-block;position:absolute;top:calc(100% + 10px);left:0;margin:auto;right:0;}

/**********************************************************
SOCIAL MEDIA SECTION 
***********************************************************/
.social-media-cover{background:var(--unnamed-color-fff);width:80px;border-radius:20px 0px;height:80px;border-top-left-radius:10px;border-bottom-right-radius:10px;display:flex;align-items:center;justify-content:center;transition:all 500ms ease;}
.social-media-cover img{max-width:40px;}
.social-media-cover:hover{box-shadow:0px 0px 40px rgb(0 0 0 / 10%);}

/* ********************************************************
TABLE SECTION
******************************************************* */
table{width:100%;}
td,
th{border:1px solid var(--unnamed-color-000);text-align:center;padding:10px 20px;}
tr th{border:1px solid var(--unnamed-color-000);text-align:center;padding:10px 20px;background-color:var(--unnamed-color-ED3237);color:var(--unnamed-color-fff);}
td{vertical-align:baseline;}


/* FOOTER SINCE CONTENT CSS */
.footer-yearly-logo1 {
  -webkit-text-stroke: 1px var(--unnamed-color-3E4095);
  text-stroke: 1px var(--unnamed-color-3E4095);
  color: transparent;
  font-family: var(--secondary-font-family);
  font-size: 33px;
}

.footer-yearly-logo1:hover {
  color: var(--unnamed-color-3E4095);
}
.wpcf7-spinner{display:none}
.dropdown-item{    white-space: unset;}


