@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*..............embedded fonts..............*/

/*font-family: "Poppins", sans-serif;*/

/*..............custom fonts..............*/
/*@font-face {
    font-family: 'clarasansuploaded_file';
    src: url('../fonts/clarasans-webfont.eot');
    src: url('../fonts/clarasans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clarasans-webfont.woff2') format('woff2'),
         url('../fonts/clarasans-webfont.woff') format('woff'),
         url('../fonts/clarasans-webfont.ttf') format('truetype'),
         url('../fonts/clarasans-webfont.svg#clarasansuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../fonts/HvDTrial_BrandonGrotesque-Regular.eot');
    src: url('../fonts/HvDTrial_BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HvDTrial_BrandonGrotesque-Regular.woff2') format('woff2'),
        url('../fonts/HvDTrial_BrandonGrotesque-Regular.woff') format('woff'),
        url('../fonts/HvDTrial_BrandonGrotesque-Regular.ttf') format('truetype'),
        url('../fonts/HvDTrial_BrandonGrotesque-Regular.svg#HvDTrial_BrandonGrotesque-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../fonts/HvDTrial_BrandonGrotesque-Medium.eot');
    src: url('../fonts/HvDTrial_BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HvDTrial_BrandonGrotesque-Medium.woff2') format('woff2'),
        url('../fonts/HvDTrial_BrandonGrotesque-Medium.woff') format('woff'),
        url('../fonts/HvDTrial_BrandonGrotesque-Medium.ttf') format('truetype'),
        url('../fonts/HvDTrial_BrandonGrotesque-Medium.svg#HvDTrial_BrandonGrotesque-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../fonts/HvDTrial_BrandonGrotesque-Bold.eot');
    src: url('../fonts/HvDTrial_BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HvDTrial_BrandonGrotesque-Bold.woff2') format('woff2'),
        url('../fonts/HvDTrial_BrandonGrotesque-Bold.woff') format('woff'),
        url('../fonts/HvDTrial_BrandonGrotesque-Bold.ttf') format('truetype'),
        url('../fonts/HvDTrial_BrandonGrotesque-Bold.svg#HvDTrial_BrandonGrotesque-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*..............custom fonts..............*/

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #A1A1A1;
    --clr-secondary: #343140;
    --clr-blue-deep: #3B4F84;
    --clr-blue-light: #E9EEFA;
    --clr-blue-ftr: #121C36;
    --clr-white: #fff;
    --clr-gray: #F8F9FB;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --button-border-width: 1px;
    --button-border-style: solid;
    --button-broder-radius: 5px;
    --button-broder-color: purple;

    --border-radius-image: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Poppins", sans-serif;
    --ff-title: 'HvDTrial Brandon Grotesque';
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: bold;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 82px;
    --f-size-XXL: 70px;
    --f-size-XL: 56px;
    --f-size-L: 32px;
    --f-size-M: 22px;
    --f-size-S: 18px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body, p{ font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1, h2, h3, h4, h5 { font-family: var(--ff-title); font-weight: var(--fw-bold); color: var(--clr-blue-deep); margin: var(--margin-title);}
h1{ font-size: var(--f-size-XXXL);}
h2{ font-size: var(--f-size-XXL);}
h3{ font-size: var(--f-size-XL);}
h4{ font-size: var(--f-size-L);}
h5{ font-size: var(--f-size-M);}
h6{ font-size: var(--f-size-S); font-family: var(--ff-base); font-weight: var(--fw-medium); color: var(--clr-secondary); margin: var(--margin-title);}
p{ margin: var(--margin-title);}


/*..............common styles..............*/
body { margin: 0; padding: 0; }
/*h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; color: #000;}
h1{ font-size:100px; font-family: 'c Cooking Beef';}
h2{ font-size:100px; font-family: 'c Cooking Beef';}
h3{ font-size:25px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
p{ font-size:24px; color: #000; margin:0 0 20px; padding:0; font-family: 'Josefin Sans', sans-serif;}*/
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none;}


/* --- Button Styles --- */
.btn { border: 0; display: inline-flex; align-items: center; flex-flow: row wrap; justify-content: center; background: transparent; color: var(--clr-secondary); padding: 0px 0px; font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); text-transform: capitalize;}
.btn span{border-bottom: 2px solid var(--clr-secondary); margin-right: 15px; padding: 5px;}
.btn .btn-arrow{width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 100px; border: 1px solid var(--clr-secondary); margin-right: 0px; padding: 0; transition: var(--transition-common);}
.btn-white { color: var(--clr-white);}
.btn-fill{ border: 0; display: inline; color: var(--clr-white); font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); text-transform: capitalize; background-color: var(--clr-blue-deep); padding: 15px 10px; border-radius: 10px;}
.btn-full{width: 100%;}
.btn-fill span{margin-left: 10px;}
.btn-white span{ border-color: var(--clr-white);}
.btn-white .btn-arrow { border-color: var(--clr-white);}
.btn-white .btn-arrow img{ filter: brightness(10);}
.btn-arrow img { width: 11px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:hover .btn-arrow{transform: rotate(25deg);}
.btn-fill:hover{background-color: var(--clr-secondary);}

.btn:focus, button:focus{outline: none;}

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


/*..............common styles..............*/

.click { display:none; /*color: #000; float: right; font-size: 28px;*/ /*position: absolute;
    top: 0;
    right: 0;*/
    background-color: #777575;
    width: 50px;
    height: 50px;}
.main_menu a.closebtn{
    display: none;
    }

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white);}
.common-padding { padding-top: 80px; padding-bottom: 80px;}
.common-padding-md { padding-top: 50px; padding-bottom: 50px;}
.blue-deep-bg{background-color: var(--clr-blue-deep);}
.gray-bg{background-color: var(--clr-gray);}

/*for header css*/
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 6px 0;}
.headerRow{display: flex; justify-content: space-between; align-items: center;}

/*.logo { float: left;}*/
/*.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/

/*.main_menu { float: right; }*/
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 20px; text-transform: capitalize; position: relative; font-size: 18px; font-family: var(--ff-base);}
.main_menu ul li:last-child{margin-right: 0;}
.main_menu ul li a { display: block; padding: 15px 0; color: var(--clr-secondary); font-weight: var(--fw-medium);}
.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: var(--clr-blue-deep);}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 12px; right: -15px; width: 10px; height: 24px;}

/*for header css*/

.slider-wrap { position: relative;}
.slider-wrap>img{width: 100%;}
.slider-wrap:after{width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.43); content: ""; position: absolute;}

.banner-content{max-width: 1060px; margin: 0 auto; position: absolute; bottom: 235px; left: 50%; transform: translateX(-50%); z-index: 1;}
.banner-content h1{text-transform: capitalize;}
.inner-banner .banner-content h1{margin-bottom: 0;}

/*for main sections css*/

/*main.main-section { padding: 80px 0;}*/

.slick-arrow {
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    z-index: 1;
    border: 1px solid var(--clr-secondary);
    transition: all 0.6s ease-in-out 0s;
}
.slick-prev {
    background-image: url(../images/strategic-arrowL.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    left: -85px !important;
}
.slick-next {
    background-image: url(../images/strategic-arrowR.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    right: -85px !important;
}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}

/*for main sections css*/

/*-- featured-hom-sec(Start) --*/
.featured-hom-sec{background-color: #E6EDF9;}
.featured-sec-title{position: relative; margin-bottom: 30px;}
.featured-sec-title:after{position: absolute; content: ""; width: 100%; height: 1px; left: 0; top: 50%; transform: translateY(-50%); /*background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));*/ background: linear-gradient(to right, #ffffff, #8bb6ff, #ffffff);}
.featured-sec-title h6{margin: 0; position: relative; background-color: #E6EDF9; padding: 0 45px; width: auto; display: inline-block; z-index: 1; text-transform: capitalize;}
.featured-sec-title h6:before{position: absolute; content: ""; width: 14px; height: 15px; left: 16px; top: 50%; transform: translateY(-50%); background: url(../images/title-flower.png) no-repeat center center;}
.featured-sec-title h6:after{position: absolute; content: ""; width: 14px; height: 15px; right: 16px; top: 50%; transform: translateY(-50%); background: url(../images/title-flower.png) no-repeat center center;}

.featured-logo-box.slick-slide, .testimonial-box.slick-slide, .love-stories-box.slick-slide, .stories-slider-row.slick-slide, .media-box.slick-slide, .employees-box.slick-slide{margin: 0 12px;}

.featured-logo-box a { width: 150px; display: block; margin: 0 auto;}
/*-- featured-hom-sec(End) --*/

/*-- number-hom-sec(Start) --*/

.number-count{font-size: 6.3vw;}
.number-hom-width{ max-width: 545px; margin: 0 auto;}
.number-hom-row p{color: var(--clr-secondary); font-weight: var(--fw-medium);}
.dot-list ul{padding: 0; margin: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: center;}
.dot-list ul li{position: relative; padding-left: 20px; color: var(--clr-secondary); font-weight: var(--fw-medium);}
.dot-list ul li:not(:last-child) {margin-right: 30px;}
.dot-list ul li:before{position: absolute; left: 0; width: 5px; height: 5px; border-radius: 50px; top: 50%; transform: translateY(-50%); content: ""; background-color: var(--clr-secondary);}

/*-- number-hom-sec(End) --*/


/*-- testimonial-hom-sec(Start) --*/

.testimonial-box{border-radius: 30px; background-color: var(--clr-blue-deep); padding: 24px 42px;}
.quote-icon { margin-bottom: 25px;}
.testimonial-content{padding: 0 30px;}
.testimonial-client{display: flex; flex-flow: row wrap; align-items: center;}
.testimonial-pic{width: 50px; height: 50px; border-radius: 100px; overflow: hidden;}
.testimonial-pic img{width: 100%; height: 100%; object-fit: cover;}
.testimonial-name{width: calc(100% - 50px); padding-left: 15px;}
.testimonial-name p{margin-bottom: 0;}

/*-- testimonial-hom-sec(End) --*/

/*-- works-hom-sec(Start) --*/

.sec-sub-title h6{position: relative; padding-right: 25px; display: inline-block;}
.sec-sub-title h6:after{background: url(../images/title-flower.png) no-repeat center center; width: 14px; height: 15px; right: 0; top: -5px; position: absolute; content: "";}

.works-hom-title-row p{font-weight: var(--fw-medium);}

.work-bg{background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.works-hom-list ul{list-style: none; padding: 0; margin: 0; display: flex; flex-flow: row wrap; /*display: grid;*/}
.works-hom-list ul li{width: 33.33%; padding:0 1.5rem;}
.works-hom-list ul li h2 { font-size: 8.4vw; line-height: 0.6;}
.works-hom-list ul li:first-child{width: 100%;}
.works-hom-list ul li:first-child .works-content-width{width: 33.33%;}
.works-hom-list ul li:first-child p { max-width: 429px;}
.works-hom-list ul li:last-child{margin-left: auto; order: 5;}
.works-hom-list ul li:nth-child(2){order: 4;}
.works-hom-list ul li:nth-child(4){order: 2; margin-top: 400px;}
.works-hom-list ul li:nth-child(3){order: 3; margin-top: 50px;/* position: sticky; top: 0;*/}
/*.works-hom-sec{position: relative;}*/
.circel-pic {
    position: sticky;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
}

/*-- works-hom-sec(End) --*/
/*-- meet-hom-sec(Start) --*/
.meet-hom-form{border-radius: 20px; background-color: #81A3E3; padding: 70px 25px 40px;}
.form-control, .form-select{border: 1px solid #9F9EA1; border-radius: 20px; background-color: var(--clr-white); height: 55px; color: var(--clr-secondary);}
.form-control::placeholder {
  color: var(--clr-secondary);
  opacity: 1;
}
/*-- meet-hom-sec(End) --*/


/*-- love-stories-hom-sec(Start) --*/
.love-stories-top{display: flex; flex-flow: row wrap; align-items: center;}
.love-stories-pic{width: 48px; height: 48px; overflow: hidden; border-radius: 100px;}
.love-stories-pic img{width: 100%; height: 100%; object-fit: cover;}
.couple-name{width: calc(100% - 48px); padding-left: 20px;}
.couple-name p{margin-bottom: 0; color: var(--clr-secondary);}

.love-stories-bottom{display: flex; flex-flow: row wrap; align-items: center;} 
.star-list ul{padding: 0; margin: 0; display: flex; flex-flow: row wrap; list-style: none;}
.star-list ul li{margin-right: 5px; color: #FF9A3D;}
.love-stories-bottom p{margin-bottom: 0; color: var(--clr-secondary);}
.love-stories-box{background-color: var(--clr-blue-light); padding: 35px 75px; border-radius: 20px;}
.love-stories-box.slick-active.slick-center{background-color: var(--clr-blue-deep);}
.love-stories-box.slick-active.slick-center p{color: var(--clr-white);}

.slider-bottom-arrow .slick-prev{left: calc(50% - 53px) !important; top: inherit !important; bottom: 0 !important; transform: inherit !important;}
.slider-bottom-arrow .slick-next{right: calc(50% - 53px)!important; top: inherit !important; bottom: 0 !important; transform: inherit !important;}
.slider-bottom-arrow { margin-bottom: 0px; padding-bottom: 100px;}

/*-- love-stories-hom-sec(End) --*/

/*for footer sections css*/

.footer-bg { background-color :var(--clr-blue-ftr);}
.ftr-top { /*background: #fff;*/ padding: 75px 0;}
.ftr-top-right { text-align: right;}
.ftr-top-left h2{text-transform: capitalize;}
.ftr-content { max-width: 575px;}
.ftr-logo { margin: 0 0 30px;}
.ftr-middle { padding-bottom: 40px;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none;}
.ftr-menu ul li { margin-bottom: 10px; text-transform: capitalize; position: relative; padding-left: 12px;}
.ftr-menu ul li:before{position: absolute; width: 4px; height: 4px; border-radius: 50px; background-color: var(--clr-primary); top: 10px; left: 0; content: "";}
.ftr-menu ul li a { color: var(--clr-primary);}
.ftr-menu ul li a:hover, ul.copyrht-menu li a:hover { color: var(--clr-white);}


.ftr-btm { /*background: #1a1a1a;*/ padding: 35px 0; border-top: 1px solid var(--clr-white); color: #fff;}
.ftr-btm p { margin-bottom: 0px;}
ul.copyrht-menu { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-end;}
ul.copyrht-menu li { list-style: none; /*display: inline-block;*/ border-left: 1px solid #fff; padding: 0 10px; line-height: 16px;}
ul.copyrht-menu li:first-child { border: 0;}
ul.copyrht-menu li a { color: var(--clr-primary);}

.ftr-col h4 { color: var(--clr-white); margin-bottom: 60px;}

ul.ftr-social { margin: 0 0 30px; padding: 0; list-style: none;}
ul.ftr-social li { list-style: none; display: inline-block; font-size: 18px; margin-right: 10px; width: 34px; height: 34px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden;}
ul.ftr-social li:last-child{margin-right: 0;}
ul.ftr-social li a{color: var(--clr-white); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
ul.ftr-social li a:hover{background-color: var(--clr-white); border-color: var(--clr-white); color: var(--clr-blue-deep);}


/*for footer sections css*/

/*-- Inner-pages(Start) --*/

/*-- Services-page(Start) --*/
.inner-banner .banner-content {
    transform: inherit;
    left: inherit;
}
.services-title-row p{font-weight: var(--fw-medium);}
.services-list-row{margin-bottom: 50px;}
.services-list-pic{border-radius: 20px; overflow: hidden; position: relative; padding-top: 75%;}
.services-list-pic img{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
.services-title-row h2, .services-list-content h4{text-transform: capitalize;}
.services-list-content h4 span{font-weight: var(--fw-regular); font-size: 8.6vw; background: linear-gradient(rgba(59,79,132,0.9), rgba(59,79,132,0.3), rgba(59,79,132,0.04), rgba(59,79,132,0));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent; line-height: 0.9;}
.services-list-content p{font-weight: var(--fw-medium);}
.services-list-content { max-width: 641px; margin-left: auto; padding-left: 20px;}


/*-- Services-page(End) --*/

/*-- Stories-page(Start) --*/

.stories-bg{background-repeat: no-repeat; background-position: bottom 140px center; background-size: 100%;}
.stories-slider-wrape{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
.stories-slider-pic{position: relative; padding-top: 50%; /*border-radius: 20px; overflow: hidden;*/ width: 50%; margin-top: 25px;}
.stories-slider-pic>img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.stories-slider-content{border-radius: 20px; border: 1px solid rgba(47,42,54,0.2); background-color: var(--clr-blue-deep); width: calc(50% - 60px); padding: 48px 42px;}

.stories-slider-content>p{position: relative;}
.stories-slider-content>p:before{position: absolute; top: -22px; left: -22px; background: url(../images/quote-icon-slider-left.png) no-repeat left center; background-size: cover; width: 19px; height: 15px; content: "";}
.stories-slider-content>p:after{position: absolute; bottom: 0; right: 0; background: url(../images/quote-icon-slider-right.png) no-repeat left center; background-size: cover; width: 19px; height: 15px; content: "";}

.stories-slider-heart{width: 65px; height: 65px; border-radius: 100%; background-color: var(--clr-white); position: absolute; top: -20px; right: -20px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);}

.stories-slider-bottom{padding-left: 20px; position: relative;}
.stories-slider-bottom:before{left: 0px; top: 0; bottom: 0; width: 4px; content: ""; position: absolute; background-color: var(--clr-white); border-radius: 5px;}
.stories-slider-bottom h4 { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 10px; font-family: var(--ff-base);}
.stories-slider-bottom h4 span{margin: 0 7px;}
.stories-slider-bottom p { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 0px;}
.stories-slider-bottom p span{margin-right: 10px;}
.stories-slider-wrape p{font-weight: var(--fw-medium);}

/*-- Stories-page(End) --*/

/*-- Faq-page(Start) --*/

.faq-accordion .accordion-button{font-size: var(--f-size-L); font-weight: var(--fw-bold); color: var(--clr-secondary); border: none; border-radius: 0; padding-left: 0; padding-right: 0; box-shadow: none;}
.faq-accordion .accordion-button:not(.collapsed){background-color: transparent;}
.faq-accordion .accordion-body{padding-left: 0; padding-right: 0;}
.faq-accordion .accordion-item{ border: none; border-radius: 0; position: relative; padding-bottom: 2px;}

/*.faq-accordion .accordion-collapse.collapse{}*/
.faq-accordion .accordion-item:after{
    background: linear-gradient(to right, transparent, #838282, transparent); position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: "";}

.faq-accordion .accordion-collapse.collapse.show:after{background: linear-gradient(to right, #838282, transparent); position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: "";}



.faq-accordion .accordion-button:not(.collapsed)::after{background-image: url(../images/accordion-arrow-down.png); width: 15px; height: 8px; background-size: 100%;}
.faq-accordion .accordion-button::after{background-image: url(../images/accordion-arrow-down.png); width: 15px; height: 8px; background-size: 100%;}


/*-- Faq-page(End) --*/

/*-- Press Release-page(Start) --*/


.press-release-title-row p{color: var(--clr-secondary);}
.press-release-link{color: #FF1616; text-decoration: underline !important;}
.press-release-link:hover{color: var(--clr-blue-deep);}

/*-- Press Release-page(End) --*/

/*-- About Us-page(Start) --*/

.about-title-row p{font-weight: var(--fw-medium);}
.about-bg{background-repeat: no-repeat; background-position: center bottom; background-size: 100%;}
.about-box{
    border-radius: 20px;
    background-color: var(--clr-blue-deep);
    padding: 100px 110px;
}
.about-content{position: relative;}
.about-content:before{position: absolute; top: -40px; left: 0; content: ""; width: 50px; height: 40px; background-size: 100%; background:url(../images/quote-icon.png) no-repeat left top;}

.team-alternate-row{margin-bottom: 30px;}
.team-pic{border-radius: 20px; border: 1px solid #81A3E3; padding: 22px;}
.team-pic-width{position: relative; padding-top: 72%; border-radius: 20px; overflow: hidden;}
.team-pic-width img{position: absolute; top: 0; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.team-content p:first-child{font-weight: 600;}
.team-content p{font-weight: var(--fw-medium);}
.team-content { padding-left: 20px;}
.team-alternate-row:nth-child(2n + 2) .row{flex-direction: row-reverse;}
.team-alternate-row:nth-child(2n + 2) .row .team-content { padding-left: 0px; padding-right: 20px;}
.ceo-pic{border-radius: 20px; overflow: hidden; position: relative; padding-top: 65%;}
.ceo-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.ceo-sec .about-title-row h4{color: var(--clr-secondary);}

/*-- About Us-page(End) --*/

/*-- Event-page(Start) --*/
.event-pic{border-radius: 20px; max-width: 930px; margin: 0 auto 20px; overflow: hidden; position: relative; padding-top: 27%;}
.event-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.event-sec h6 a{color: var(--clr-secondary);}

/*-- event-tab-css(Start) --*/
.event-tab-row ul.nav{background-color: var(--clr-blue-deep); border-radius: 50px; padding: 14px 35px;}
.event-tab-row .nav-pills .nav-link {
    background-color: var(--clr-white);
    color: var(--clr-secondary);
    border-radius: 50px;
}
.event-tab-row ul.nav-pills li.nav-item:not(:last-child) { margin-right: 5px;}
.event-tab-row .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--clr-white);
    background-color: transparent;
}
.event-tab-row ul.nav {
    background-color: var(--clr-blue-deep);
    border-radius: 50px;
    padding: 14px 15px;
    justify-content: center;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto 40px !important;
    width: auto;
    /*max-width: 360px;*/
    max-width: max-content;
}
.tab-row{display: flex; flex-flow: row wrap; border-radius: 20px; border: 1px solid #81A3E3; overflow: hidden; margin-bottom: 50px;}
.tab-pic-left{width: 40%;}
.tab-content-right{width: 60%; padding: 32px;}
.tab-content-right h3 {margin-bottom: 10px;}
.tab-content-right h5 {color: var(--clr-secondary);}

.date-time-box{border-radius: 16px; margin-bottom: 30px; background-color: var(--clr-blue-light); display: flex; flex-flow: row wrap; overflow: hidden;}
.date-left{background-color: var(--clr-blue-deep); padding: 20px 10px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; text-align: center; width: 100px;}
.date-left p, .date-left h4{margin-bottom: 0;}

.time-right{width: calc(100% - 100px); padding: 20px;}
.time-list ul{padding: 0; margin: 0px 0; list-style: none;}
.time-list ul li{ color: var(--clr-secondary); font-weight: var(--fw-medium); width: 100%; display: flex; flex-flow: row wrap; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 20px; padding-bottom: 15px;}
.time-list ul li:last-child{ border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
.time-list ul li span{ color: var(--clr-blue-deep); width: 15px;}
.time-list ul li p{margin-bottom: 0; color: var(--clr-secondary); width: calc(100% - 15px); padding-left: 20px;}



.tab-content-right p span{color: var(--clr-secondary); font-weight: var(--fw-medium);}
.vacancy-link{color: #E50000;}
.vacancy-link:hover{color: #E50000;}
.tab-btn-row a:first-child{margin-right: 20px;}


/*-- event-tab-css(End) --*/

/*-- Event-page(End) --*/

/*-- Media-page(Start) --*/

.media-box{border-radius: 20px; background-color: var(--clr-gray); overflow: hidden; height: 100%;}
.media-pic{position: relative; padding-top: 60%; overflow: hidden;}
.media-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.hover-pic img{transition: var(--transition-common);}
.hover-pic:hover img{transform: scale(1.1);}
.media-content{padding: 30px 20px;}

.media-content h4{display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; min-height: 80px;}
.media-content p{font-weight: var(--fw-medium);}
.media-content h4 a{color: var(--clr-blue-deep);}
.media-content h4 a:hover{color: var(--clr-secondary);}

/*-- Media-page(End) --*/

/*-- Blog-page(Start) --*/
.blog-time {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.blog-time span{margin-right: 10px;}
.blog-sec .media-box, .related-blog-row .media-box {
    border: 1px solid rgba(47, 42, 54, 0.2);
}

/*-- Blog-page(End) --*/

/*-- Blog-Deatils-page(Start) --*/

.blog-details-pic{ margin-bottom: 30px; border-radius: 20px; position: relative; overflow: hidden; padding-top: 27%;}
.blog-details-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.blog-details-bottom{display: flex; flex-flow: row wrap; justify-content: space-between;}
.blog-details-bottom-left{width: 50%;}
.blog-details-bottom-right{width: 50%;}

.blog-user-list ul{padding-left: 0; margin-bottom: 0; list-style: none; display: flex; flex-flow: row wrap;}
.blog-user-list ul li a{display: flex; flex-flow: row wrap; align-items: center; color: var(--clr-primary);}
.blog-user-list ul li a:hover{ color: var(--clr-secondary);}
.blog-user-list ul li:not(:last-child){margin-right: 20px;}
.blog-user-list ul li span{width: 44px; height: 44px; border-radius: 100px; border: 1px solid #81A3E3; background-color: var(--clr-blue-light); display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin-right: 15px;}

.blog-social-link ul { margin: 0 0 0px; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-end;}
.blog-social-link ul li { list-style: none; font-size: 18px; margin-right: 10px; width: 35px; height: 35px; border-radius: 100px; border: 1px solid #81A3E3; background-color: var(--clr-blue-light); overflow: hidden;}
.blog-social-link ul li:last-child{margin-right: 0;}
.blog-social-link ul li a{color: var(--clr-secondary); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.blog-social-link ul li a:hover{background-color: var(--clr-blue-deep); color: var(--clr-white);}


/*-- Blog-Deatils-page(End) --*/

/*-- Career-page(Start) --*/

.career-row-content{position: relative; padding: 40px 68px;}
.career-row-content:before{position: absolute; left: 0; top: 0; background: url(../images/carrer-quote-left.png) no-repeat left center; width: 51px; height: 40px; background-size: 100%; content: "";}
.career-row-content:after{position: absolute; right: 0; bottom: 0; background: url(../images/carrer-quote-right.png) no-repeat left center; width: 51px; height: 40px; background-size: 100%; content: "";}

.values-box{border-radius: 20px; background-color: var(--clr-blue-deep); padding: 30px 15px;}

.employees-box{border-radius: 20px; background-color: var(--clr-blue-light); padding: 54px 59px;}
.employees-bottom{display: flex; flex-flow: row wrap; align-items: center;}
.employees-content h5{color: var(--clr-secondary); font-weight: var(--fw-regular); font-family: var(--ff-base);}
.employees-pic{ width: 53px; height: 53px; border-radius: 100%; overflow: hidden;}
.employees-name{width: calc(100% - 53px); padding-left: 20px;}
.employees-name p{margin-bottom: 0; color: var(--clr-secondary);}

.welcome-row h4{text-transform: capitalize;}
.latest-resumes p{color: var(--clr-secondary);}
.latest-resumes p a{color: #FF1616;}
.latest-resumes p a:hover{color: var(--clr-blue-deep);}

/*-- Career-page(End) --*/

/*-- Not-found-page(Start) --*/

.not-found-box{border-radius: 20px; background-color: var(--clr-gray); border: 1px solid rgba(47, 42, 54, 0.2); padding: 40px 30px;}
.search-form-row form.search-form {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.not-found-box h1{font-size: var(--f-size-XL);}
.not-found-box h3{font-size: var(--f-size-L);}
.search-form-row form.search-form .form-control{width: calc(100% - 76px); margin-right: 10px;}
.search-form-row form.search-form .search-submit.btn{width: 100px;}
.search-form-row form.search-form .search-submit.btn { width: auto; border-bottom: 1px solid var(--clr-secondary); border-radius: 0; color: var(--clr-secondary);}
.search-form-row form.search-form .search-submit.btn:hover {color: var(--clr-primary); border-color: var(--clr-primary);}

/*-- Not-found-page(End) --*/

/*-- home-page-bannerModal(Start) --*/

.form-check.text-center .form-check-input { float: none;}
.bannerModal-design .modal-content{background-color: var(--clr-blue-light);}
.bannerModal-design .form-check label.form-check-label a{color: var(--clr-primary); border-bottom: 1px solid var(--clr-primary);}
.bannerModal-design .form-check label.form-check-label a:hover{color: var(--clr-blue-deep); border-color: var(--clr-blue-deep);}
.form-control:focus, .form-select:focus{box-shadow: none; outline: none;}

/*-- home-page-bannerModal(End) --*/

.meet-hom-form .wpcf7-spinner{ position: absolute; right: 34px; margin: 11px 0 0 0;}
.wpcf7-response-output{text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ed0c0c;}
.wpcf7 form.sent .wpcf7-response-output { border-color: #65ed71; color: #83ff8e;}
.bannerModal-design .form-check label span.wpcf7-list-item-label { margin-left: 5px;}


/*-- Rotation-design-(Start)--*/
.works-hom-list ul li:nth-child(2) .works-content-width {
    max-width: 320px;
    margin-left: auto;}

.round-main{position: relative; width: 510px; height: 510px;}
.round-lg{position: absolute; top: 0; /*transform: translate(-50%, -50%);*/ left: 0; background-color: rgba(79, 125, 219, 44%); border-radius: 100%; width: 510px; height: 510px;}
.round-md{position: absolute; top: 50px; /*transform: translate(-50%, -50%);*/ left: 0%; right: 0; margin: 0 auto;  background-color: rgba(79, 125, 219, 60%); border-radius: 100%; width: 415px; height: 415px;}
.round-heart{position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 310px;}

.circle-face{width: 82px; height: 82px; border-radius: 100%; overflow: hidden; position: absolute; box-shadow: 0 0 4px 5px rgba(0, 0, 0,0.2);}

.circle-face img{width: 100%; height: 100%; object-fit: cover;}

.circle-lg-face-one{right: 70px; top: -15px;}
.circle-lg-face-two{ left: 50%; bottom: -40px;/* transform: translateX(-50%);*/}
.circle-lg-face-three{left: -40px; top: 135px;}

.circle-md-face-one{ right:-10px; bottom: 80px; z-index: 1;}
.circle-md-face-two{ left: 0; bottom: 50px;}


/*--  --*/

.rotate-lg {
animation: rotate-lg 70s infinite;
}

@keyframes rotate-lg {
   50% {transform: rotate(90deg);} 

}


.rotate-md {
animation: rotate-md 70s infinite;
}

@keyframes rotate-md {
    50% {transform: rotate(-40deg);} 
}

/*--  --*/

/*-- Rotation-design-(End) --*/

/*-- From-AI-(Start) --*/

/* Counter rotation to keep faces still */
.rotate-lg .circle-face {
  animation: counter-rotate-lg 70s infinite;
}

@keyframes counter-rotate-lg {
  50% { transform: rotate(-90deg); } /* opposite direction */
}

.rotate-md .circle-face {
  animation: counter-rotate-md 70s infinite;
}

@keyframes counter-rotate-md {
  50% { transform: rotate(40deg); } /* opposite direction */
}

@keyframes rotate-lg {
  100% { transform: rotate(360deg); }
}
@keyframes counter-rotate-lg {
  100% { transform: rotate(-360deg); }
}
@keyframes rotate-md {
  100% { transform: rotate(-360deg); }
}
@keyframes counter-rotate-md {
  100% { transform: rotate(360deg); }
}
/*-- From-AI-(End) --*/


/********************************************/


/*Media Query css*/

@media only screen and ( min-width: 1401px ) {
    .container { max-width: 1250px;}

}
@media only screen and ( min-width:1501px ) {
    .container { max-width: 1350px;}

}

@media only screen and ( min-width:1601px ) {
    .container { max-width: 1450px;}

}

/*@media only screen and ( min-width:1921px ) {

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}*/

@media only screen and ( max-width:1800px ) {
    .slick-prev { left: -75px !important;}
    .slick-next { right: -75px !important;}
}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 72px;
        --f-size-XXL: 60px;
        --f-size-XL: 46px;
        --f-size-L: 30px;
        --f-size-M: 20px;
        --f-size-S: 17px;
        --f-size-Body: 17px;
        }
        /*--f-size-XXXL: 82px;
        --f-size-XXL: 70px;
        --f-size-XL: 56px;
        --f-size-L: 32px;
        --f-size-M: 22px;
        --f-size-S: 18px;
        --f-size-Body: 18px;*/
        .common-padding { padding-top: 70px; padding-bottom: 70px;}
        .common-padding-md { padding-top: 40px; padding-bottom: 40px;}
        .ftr-top { padding: 65px 0;}
        .ftr-btm { padding: 30px 0;}
        .ftr-middle { padding-bottom: 30px;}
        .btn .btn-arrow { width: 60px; height: 60px;}
        .slick-arrow { width: 45px; height: 45px;}
        .slick-prev { left: -65px !important;}
        .slick-next { right: -65px !important;}
        .main_menu ul li { font-size: 17px;}
        .love-stories-box { padding: 30px 55px;}
        .ftr-col h4 { margin-bottom: 40px;}
        .media-content h4 { min-height: 73px;}
        .employees-box { padding: 44px 49px;}
        .slider-bottom-arrow .slick-prev{left: calc(50% - 50px) !important;}
        .slider-bottom-arrow .slick-next{right: calc(50% - 50px)!important;}

        /*-- Rotation-design-(Start) --*/
.round-main {
    width: 460px;
    height: 460px;
}
.round-lg {
    width: 460px;
    height: 460px;
}
.round-md {
    width: 365px;
    height: 365px;
}
.round-heart {
    width: 250px;
}
.circle-face {
    width: 72px;
    height: 72px;
}
/*-- Rotation-design-(End) --*/
    

}
@media only screen and ( max-width: 1500px ) {
    :root{
        --f-size-XXXL: 52px;
        --f-size-XXL: 45px;
        --f-size-XL: 40px;
        --f-size-L: 28px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;
        }
        /*--f-size-XXXL: 72px;
        --f-size-XXL: 60px;
        --f-size-XL: 46px;
        --f-size-L: 30px;
        --f-size-M: 20px;
        --f-size-S: 17px;
        --f-size-Body: 17px;*/

    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .common-padding-md { padding-top: 30px; padding-bottom: 30px;}
    .ftr-top { padding: 55px 0;}
    .ftr-btm { padding: 25px 0;}
    .ftr-middle { padding-bottom: 30px;}

    .stories-slider-content { width: calc(50% - 40px); padding: 38px 32px;}
    .stories-slider-bottom { padding-left: 15px;}
    .stories-slider-bottom:before { width: 3px;}
    .stories-slider-content>p:before { top: -15px; left: -16px; width: 17px; height: 13px;}
    .stories-slider-content>p:after { width: 17px; height: 13px;}
    .stories-slider-heart { width: 50px; height: 50px;}
    .btn .btn-arrow { width: 50px; height: 50px;}
    .banner-content { bottom: 200px;}
    .main_menu ul li { font-size: 16px;}
    .testimonial-box { border-radius: 20px; padding: 20px 30px;}
    .testimonial-content {padding: 0 20px;}
    .testimonial-pic { width: 40px; height: 40px;}
    .testimonial-name { width: calc(100% - 40px); padding-left: 10px;}
    .meet-hom-form { padding: 40px 20px 20px;}
    .love-stories-box { padding: 25px 35px;}
    .slider-bottom-arrow { padding-bottom: 70px;}
    .ftr-col h4 { margin-bottom: 30px;}
    .about-box { padding: 80px 90px;}
    .media-content h4 { min-height: 68px;}
    .employees-box { padding: 34px 39px;}
    .ftr-logo img { width: 100px;}

    /*-- Rotation-design-(Start) --*/
.round-main {
    width: 410px;
    height: 410px;
}
.round-lg {
    width: 410px;
    height: 410px;
}
.round-md {
    width: 315px;
    height: 315px;
}
.round-heart {
    width: 200px;
}
.circle-face {
    width: 62px;
    height: 62px;
}
.works-hom-list ul li:nth-child(2) .works-content-width {
    max-width: 310px;
}
/*-- Rotation-design-(End) --*/


}
@media only screen and ( max-width: 1400px ) {
    :root{
        --f-size-XXXL: 45px;
        --f-size-XXL: 40px;
        --f-size-XL: 35px;
        --f-size-L: 26px;

        /*--f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/
        --margin-title: 0 0 20px 0;
        }
        /*--f-size-XXXL: 52px;
        --f-size-XXL: 45px;
        --f-size-XL: 40px;
        --f-size-L: 28px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;*/
    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    /*.common-padding-md { padding-top: 30px; padding-bottom: 30px;}*/
    .ftr-top { padding: 45px 0;}
    .ftr-btm { padding: 20px 0;}
    .ftr-middle { padding-bottom: 25px;}

    .team-content { padding-left: 15px;}
    .team-alternate-row:nth-child(2n + 2) .row .team-content { padding-left: 0px; padding-right: 15px;}
    .team-pic { padding: 15px; border-radius: 15px;}
    .team-pic-width { border-radius: 15px;}
    .media-content { padding: 20px 15px;}
    .media-box { border-radius: 15px;}
    .btn .btn-arrow { width: 40px; height: 40px;}
    /*.btn-arrow img { width: 16px;}*/
    .banner-content { bottom: 150px;}
    .slick-arrow { width: 40px; height: 40px; background-size: 14px !important;}
    .slick-prev { left: -40px !important;}
    .slick-next { right: -40px !important;}
    .main_menu ul li { font-size: 15px; margin: 0 15px;}
    .works-hom-list ul li { padding: 0 0.6rem;}
    .featured-logo-box.slick-slide, .testimonial-box.slick-slide, .love-stories-box.slick-slide, .stories-slider-row.slick-slide, .media-box.slick-slide, .employees-box.slick-slide{ margin: 0 9px;}
    .media-content h4 { min-height: 60px;}
    .employees-box { padding: 24px 29px;}
    .services-list-content { padding-left: 10px;}
    .slider-bottom-arrow .slick-prev{left: calc(50% - 45px) !important;}
    .slider-bottom-arrow .slick-next{right: calc(50% - 45px)!important;}

    /*-- Rotation-design-(Start) --*/
.round-main {
    width: 360px;
    height: 360px;
}
.round-lg {
    width: 360px;
    height: 360px;
}
.round-md {
    width: 265px;
    height: 265px;
}
.round-heart {
    width: 150px;
}
.circle-face {
    width: 57px;
    height: 57px;
}
/*.works-hom-list ul li:nth-child(2) .works-content-width {
    max-width: 310px;
}*/
/*-- Rotation-design-(End) --*/


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

}
@media only screen and ( max-width: 1199px ) {
    :root{
        /*--f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 28px;
        --f-size-L: 20px;*/

        --f-size-XXXL: 40px;
        --f-size-XXL: 34px;
        --f-size-XL: 30px;
        --f-size-L: 22px;
        
        /*--f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

        }
        /*--f-size-XXXL: 45px;
        --f-size-XXL: 40px;
        --f-size-XL: 35px;
        --f-size-L: 26px;
        
        /*--f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/
        
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    /*.common-padding-md { padding-top: 30px; padding-bottom: 30px;}*/
    .ftr-top { padding: 40px 0;}
    /*.ftr-btm { padding: 20px 0;}*/

        .stories-slider-content {
        width: calc(50% - 15px);
        padding: 20px 17px;
        border-radius: 10px;}

    .stories-slider-pic { margin-top: 0px;}
    .stories-slider-pic>img{border-radius: 10px;}
    .stories-slider-heart { width: 40px; height: 40px; top: 0px; right: 0px; padding: 7px;}
    .stories-slider-content>p:before { top: -12px; left: -8px; width: 15px; height: 11px;}
    .stories-slider-content>p:after { width: 15px; height: 11px;}
    .stories-slider-bottom h4 span { margin: 0 5px; width: 30px;}
    .team-content { padding-left: 0px;}
    .team-alternate-row:nth-child(2n + 2) .row .team-content { padding-left: 0px; padding-right: 0px;}
    .team-pic { border-radius: 10px; padding: 10px;}
    .team-pic-width { border-radius: 10px;}
    .media-box { border-radius: 10px;}
    .btn .btn-arrow {width: 35px; height: 35px;}
    /*.btn-arrow img { width: 15px;}*/
    .banner-content {bottom: 100px;}

    .slick-arrow { width: 30px; height: 30px; background-size: 11px !important;}
    .slick-prev { left: -27px !important;}
    .slick-next { right: -27px !important;}
    .logo { width: 70px;}
    .testimonial-box { border-radius: 10px; padding: 15px 15px;}
    .quote-icon { margin-bottom: 15px;}
    .quote-icon img { width: 25px;}
    .featured-logo-box.slick-slide, .testimonial-box.slick-slide, .love-stories-box.slick-slide, .stories-slider-row.slick-slide, .media-box.slick-slide, .employees-box.slick-slide{ margin: 0 7px;}
    .love-stories-box { padding: 15px 20px; border-radius: 10px;}
    .meet-hom-form { border-radius: 10px;}
    .couple-name { padding-left: 10px;}
    .slider-bottom-arrow .slick-prev { left: calc(50% - 35px) !important;}
    .slider-bottom-arrow .slick-next { right: calc(50% - 35px) !important;}
    .ftr-top-left { text-align: center; margin-bottom: 20px;}
    .ftr-top-right { text-align: center;}
    .ftr-content { max-width: inherit; text-align: center;}
    .ftr-col h4 { margin-bottom: 20px;}
    .about-box { padding: 60px 50px; border-radius: 10px;}
    .about-content:before { width: 30px; height: 23px; background-size: 100%;}
    .ceo-pic { border-radius: 10px;}
    .media-content h4 { min-height: 49px;}
    .blog-details-pic { margin-bottom: 20px; border-radius: 10px;}
    .career-row-content { padding: 30px 48px;}
    .career-row-content:before, .career-row-content:after{ width: 38px; height: 30px;}
    .career-logo img { width: 60px;}
    .values-box { border-radius: 10px; padding: 20px 10px;}
    .employees-box { padding: 20px 20px; border-radius: 10px;}
    .employees-pic { width: 40px; height: 40px;}
    .employees-name { width: calc(100% - 40px); padding-left: 10px;}
    .ftr-logo img { width: 90px;}
    .ftr-logo { margin: 0 0 20px;}
    .event-tab-row ul.nav { padding: 10px 10px; margin: 0 auto 30px !important;}
    .time-list ul li p { padding-left: 10px;}
    .time-right { width: calc(100% - 80px);padding: 10px;}
    .date-left { padding: 10px 10px; width: 80px;}
    .date-time-box { border-radius: 10px; margin-bottom: 20px;}
    .time-list ul li { margin-bottom: 10px; padding-bottom: 10px;}
    .tab-content-right { padding: 22px;}
    .tab-row { border-radius: 10px; margin-bottom: 30px;}
    .services-list-pic { border-radius: 10px;}
    .not-found-box { border-radius: 10px; padding: 30px 20px;}
    .featured-logo-box img { margin: 0 auto;}


    /*-- Rotation-design-(Start) --*/
.round-main {
    width: 310px;
    height: 310px;
}
.round-lg {
    width: 310px;
    height: 310px;
}
.round-md {
    width: 215px;
    height: 215px;
}
.round-heart {
    width: 100px;
}
.circle-face {
    width: 50px;
    height: 50px;
}
.works-hom-list ul li:nth-child(2) .works-content-width {
    max-width: 260px;
}
/*-- Rotation-design-(End) --*/



}

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

}

@media only screen and ( max-width: 991px ) {
    :root{
        /*--f-size-XXXL: 34px;
        --f-size-XXL: 28px;
        --f-size-XL: 24px;*/

        --f-size-XXXL: 38px;
        --f-size-XXL: 30px;
        --f-size-XL: 26px;
        --f-size-L: 20px;
        
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;

    }
        /*--f-size-XXXL: 38px;
        --f-size-XXL: 32px;
        --f-size-XL: 28px;
        --f-size-L: 20px;
        
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

    .form-control, .form-select{font-size: 15px;}
    .stories-slider-pic { width: 100%;}
    .stories-slider-content { width: 100%; margin-top: 10px;}
    .team-content { padding-top: 20px; text-align: center;}
    .about-title-row{text-align: center;}
    .btn span { border-width: 1px; margin-right: 10px; padding: 4px;}
    .btn .btn-arrow {width: 30px; height: 30px;}
    /*.btn-arrow img { width: 13px;}*/
    .banner-content { bottom: 30px;}
    .logo { width: 60px;}
    .works-hom-list ul li, .works-hom-list ul li:first-child .works-content-width {width: 100%;}
    .works-hom-list ul li{text-align: center; padding: 0 0rem; margin-bottom: 15px;}
    .works-hom-list ul li:nth-child(4) {
    order: 4;
    margin-top: 0px;
}
.works-hom-list ul li:nth-child(3) {
    order: 3;
    margin-top: 0px;
    position: static;
    top: 0;
}
.works-hom-list ul li:nth-child(2) {
    order: 2;
}
/*.works-hom-list ul li img {
    max-width: 300px;
    margin: 0 auto;
}*/
.slider-bottom-arrow {padding-bottom: 50px;}
    .meet-hom-form { padding: 30px 20px 15px;}
    .about-box { padding: 50px 30px;}
    .about-content:before { width: 25px; height: 19px; top: -30px;}
    .blog-user-list ul li span { width: 35px; height: 35px; margin-right: 6px;}
    .blog-user-list ul li:not(:last-child) { margin-right: 10px;}
    .blog-user-list ul li span img { width: 14px;}
    .blog-social-link ul li { font-size: 15px; margin-right: 7px; width: 30px; height: 30px;}
    .event-tab-row ul.nav { margin: 0 auto 20px !important;}
    .faq-accordion .accordion-button, .faq-accordion .accordion-body{ padding: 0.6rem 0;}
    .faq-accordion .accordion-button:not(.collapsed)::after, .faq-accordion .accordion-button::after { width: 12px; height: 6px;}
    .services-list-content { padding-left: 0px; max-width: inherit; margin: 10px 0 0;}
    .works-hom-list ul li:first-child p { max-width: inherit;}
    


    /*-- Rotation-design-(Start) --*/
    .round-main {
        margin: 0 auto;
    }
    .works-hom-list ul li:nth-child(2) .works-content-width {
        max-width: inherit;
        width: 100%;
    }
/*-- Rotation-design-(End) --*/
    

}
/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 767px ) {

    :root{
        /*--f-size-XXXL: 30px;
        --f-size-XXL: 24px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/

        --f-size-XXXL: 34px;
        --f-size-XXL: 28px;
        --f-size-XL: 24px;

        --f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;
        --margin-title: 0 0 15px 0;
    }

    /*--f-size-XXXL: 38px;
        --f-size-XXL: 30px;
        --f-size-XL: 26px;
        --f-size-L: 20px;
        
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

    /*-- toggle-new-menu-icon to cross-icon(Start) --*/
  /*{position: relative;
  padding: 1.5rem;}*/
    .menu-toggle {
        position: relative;
        /*background-color: var(--clr-blue-deep);*/
        background-color: var(--clr-white);
  /*position: absolute;
  right: 0;
  top: 0;*/
  /*transform: translate(0, -50%);*/
  /*height: 26px;
  width: 29px;*/
}
.menu-toggle, .menu-toggle:hover {
  color: #000;
}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 26px;
  height: 3px;
  border-radius: 4px;
  /*background-color: black;*/
  /*background-color: var(--clr-white);*/
  background-color: var(--clr-blue-deep);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -8px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 8px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }
    /*.main_menu{
        display: none;
        width: 100%;
        position: relative;
    }
    .main_menu ul {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    }
    .main_menu ul li{
       display: block;
    }
    .main_menu ul li a {
    padding: 6px 0px;
    }*/

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    min-height: calc(100vh - 70px);
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 70px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    right: -100%;
    }
    body.nav-open .main_menu {
    right: 0 !important;
    }

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
        padding: 12px 0;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    /*body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}*/

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li{display: block; font-size: 14px; }


    /*-- For_mob_menu(End) --*/

    .common-padding { padding-top: 30px; padding-bottom: 30px;}
    .common-padding-md { padding-top: 25px; padding-bottom: 25px;}
    .ftr-top { padding: 30px 0;}
    .ftr-btm { padding: 15px 0;}
    .banner-content { bottom: 0px; position: relative; padding: 30px 15px; background-color: var(--clr-blue-ftr); text-align: center;}
    .sec-sub-title, .meet-hom-content { text-align: center;}
    .slick-arrow { width: 25px; height: 25px; background-size: 11px !important;}
    .slick-prev { left: -23px !important;}
    .slick-next { right: -23px !important;}
    .slider-bottom-arrow .slick-prev { left: calc(50% - 30px) !important;}
    .slider-bottom-arrow .slick-next { right: calc(50% - 30px) !important;}
    .form-control, .form-select{font-size: 14px;}
    .copyrht-text{text-align: center; margin-bottom: 20px;}
    ul.copyrht-menu { justify-content: center;}
    .form-control, .form-select { border-radius: 10px; height: 45px;}
    .meet-hom-form { padding: 20px 15px 15px;}
    .slider-wrap.inner-banner .container { max-width: initial; background-color: var(--clr-blue-ftr); position: relative; z-index: 1;}
    .media-content h4 { min-height: 45px;}
    .media-content { padding: 15px 10px;}
    .blog-details-pic { margin-bottom: 15px;}
    .related-blog-sec .stories-title-row { text-align: center;}
    .career-row-content { padding: 20px 28px;}
    .career-row-content:before, .career-row-content:after { width: 25px; height: 20px;}
    .ftr-logo img { width: 70px;}
    .tab-pic-left { width: 100%; border-radius: 10px; overflow: hidden;}
    .tab-content-right { width: 100%; padding: 15px;}
    .event-tab-row .nav-pills .nav-link { padding: 0.3rem 0.5rem;}
    .not-found-box { padding: 30px 15px;}
    
    
    
    

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

    :root{
        /*--f-size-XXXL: 28px;
        --f-size-XXL: 22px;
        --f-size-XL: 20px;
        --f-size-L: 17px;
        --f-size-M: 15px;*/

        --f-size-XXXL: 30px;
        --f-size-XXL: 25px;
        --f-size-XL: 22px;

        /*--f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/

    }
    /*--f-size-XXXL: 34px;
        --f-size-XXL: 28px;
        --f-size-XL: 24px;

        --f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/

    .slick-prev { left: 0px !important;}
    .slick-next { right: 0px !important;}
    .main_menu { min-height: calc(100vh - 69px); top: 69px; padding-top: 30px;}
    /*.works-hom-list ul li img { max-width: 250px;}*/
    .ftr-col{margin-bottom: 30px;}
    .ftr-col h4{text-align: center;}
    .ftr-menu ul li {
    position: relative;
    padding-left: 0px;
    width: auto;
    display: flex;
    justify-content: center;}
    .ftr-menu ul li:before {
    position: relative;
    top: 8px;
    margin-right: 6px;}
    ul.ftr-social li { font-size: 14px; margin-right: 8px; width: 30px; height: 30px;}
    .about-box { padding: 40px 20px;}
    .about-content:before { width: 20px; height: 16px; top: -22px;}
    .media-content h4 {min-height: auto;}
    .career-row-content { padding: 15px 15px;}
    .career-row-content:before, .career-row-content:after { width: 17px; height: 13px;}
    .date-left { padding: 5px 5px; width: 60px;}
    .time-right { width: calc(100% - 60px); padding: 5px 8px;}
    .time-list ul li { margin-bottom: 7px; padding-bottom: 7px;}
    .time-list ul li p { padding-left: 7px;}
    .sec-sub-title h6 { padding-right: 15px;}
    .sec-sub-title h6:after { width: 11px; height: 13px; background-size: 100%;}
    .form-control, .form-select { border-radius: 6px; height: 38px;}

    .slick-prev { left: calc(50% - 30px) !important;}
    .slick-next { right: calc(50% - 30px) !important;}
    .slick-arrow { top: inherit; bottom: -11px;}
    .slick-slider { padding-bottom: 35px;}
    
    


}
@media only screen and ( max-width: 480px ) {
    :root{
        /*--f-size-XXXL: 24px;
        --f-size-XXL: 20px;
        --f-size-XL: 19px;
        --f-size-L: 16px;

        --f-size-M: 15px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/

        --f-size-XXXL: 26px;
        --f-size-XXL: 23px;
        --f-size-XL: 20px;

        /*--f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/
    }

    /*--f-size-XXXL: 30px;
        --f-size-XXL: 25px;
        --f-size-XL: 22px;

        /*--f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/
    .about-box {padding: 30px 15px;}
    .about-content:before {
        width: 18px;
        height: 14px;
        top: -18px;
    }
    .team-alternate-row { margin-bottom: 20px;}
    .blog-social-link ul li { font-size: 12px; margin-right: 6px; width: 26px; height: 26px;}
    .blog-user-list ul li a{font-size: 13px;}
    .blog-user-list ul li span { width: 28px; height: 28px; margin-right: 3px;}
    .blog-details-bottom-left { width: 64%;}
    .blog-details-bottom-right { width: 35%;}
    .ftr-logo img { width: 60px;}
    .btn span { margin-right: 6px; padding: 2px;}
    .btn .btn-arrow {width: 22px; height: 22px;}
    .btn-arrow img { width: 10px;}
    .featured-logo-box.slick-slide img { margin: 0 auto;}
    .search-form-row form.search-form .form-control { width: calc(100% - 62px); margin-right: 6px;}


    /*-- Rotation-design-(Start) --*/
.round-main {
    width: 260px;
    height: 260px;
}
.round-lg {
    width: 260px;
    height: 260px;
}
.round-md {
    width: 165px;
    height: 165px;
}
.round-heart {
    /*width: 50px;*/
    width: 70px;
}
.circle-face {
    width: 40px;
    height: 40px;
}

.circle-lg-face-two {bottom: -15px;}
.circle-lg-face-three { left: -10px;}
.circle-md-face-two {left: -9px;}
/*-- Rotation-design-(End) --*/
    
    

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

    :root{
        --f-size-XXXL: 23px;
        --f-size-XXL: 21px;
        --f-size-XL: 18px;

        --f-size-L: 17px;
        --f-size-M: 15px;
        --f-size-S: 13px;
        --f-size-Body: 13px;
    }
    /*--f-size-XXXL: 26px;
        --f-size-XXL: 23px;
        --f-size-XL: 20px;

        /*--f-size-L: 18px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;*/
    .form-control, .form-select{font-size: 13px;}
    .team-pic { padding: 5px;}
    .team-content { padding-top: 15px;}
    .blog-details-bottom-left { width: 100%;  margin-bottom: 15px;}
    .blog-details-bottom-right { width: 100%;}
    .blog-social-link ul { justify-content: flex-start;}
    .event-tab-row ul.nav { padding: 7px 7px;}
    .slider-bottom-arrow .slick-prev { left: calc(50% - 29px) !important;}
    .slider-bottom-arrow .slick-next { right: calc(50% - 29px) !important;}

    /*-- Rotation-design-(Start) --*/
.round-main {
    width: 200px;
    height: 200px;
}
.round-lg {
    width: 200px;
    height: 200px;
}
.round-md {
    width: 115px;
    height: 115px;
}
.round-heart {
    /*width: 40px;*/
    width: 50px;
}
.circle-face {
    width: 30px;
    height: 30px;
}

/*.circle-lg-face-two {bottom: -15px;}
.circle-lg-face-three { left: -10px;}
.circle-md-face-two {left: -9px;}*/
/*-- Rotation-design-(End) --*/


    


}

/*Media Query css*/