/*
@File: Sanu Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default-Style
** - Header-style
** - Navbar-Style
** - Preloader-Style
** - Sidebar-Style
** - Banner-Style
** - Academics-Style
** - Education-Style
** - Campus-Information-Style
** - Courses-Style
** - Campus-Life-Style
** - Admission-Style
** - Program-Style
** - Health-Care-Style
** - Events-Style
** - Podcasts-Style
** - Stories-Style
** - Latest-News-Style
** - Page-Banner-Style
** - Student life-Style
** - Alumni-Style
** - Contact-Us-Style
** - Faq Area-Style
** - User-Style
** - Privacy-Policy-Style
** - Terms-Condition-Style
** - Error-Style
** - Coming-Soon-Style
** - Footer-Style
*/
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 1px;
}

.pt-2 {
  padding-top: 2px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-6 {
  padding-top: 6px;
}

.pt-7 {
  padding-top: 7px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-9 {
  padding-top: 9px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-11 {
  padding-top: 11px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-13 {
  padding-top: 13px;
}

.pt-14 {
  padding-top: 14px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-17 {
  padding-top: 17px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-19 {
  padding-top: 19px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-21 {
  padding-top: 21px;
}

.pt-22 {
  padding-top: 22px;
}

.pt-23 {
  padding-top: 23px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-26 {
  padding-top: 26px;
}

.pt-27 {
  padding-top: 27px;
}

.pt-28 {
  padding-top: 28px;
}

.pt-29 {
  padding-top: 29px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-31 {
  padding-top: 31px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-33 {
  padding-top: 33px;
}

.pt-34 {
  padding-top: 34px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-36 {
  padding-top: 36px;
}

.pt-37 {
  padding-top: 37px;
}

.pt-38 {
  padding-top: 38px;
}

.pt-39 {
  padding-top: 39px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-41 {
  padding-top: 41px;
}

.pt-42 {
  padding-top: 42px;
}

.pt-43 {
  padding-top: 43px;
}

.pt-44 {
  padding-top: 44px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-46 {
  padding-top: 46px;
}

.pt-47 {
  padding-top: 47px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-49 {
  padding-top: 49px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-51 {
  padding-top: 51px;
}

.pt-52 {
  padding-top: 52px;
}

.pt-53 {
  padding-top: 53px;
}

.pt-54 {
  padding-top: 54px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-56 {
  padding-top: 56px;
}

.pt-57 {
  padding-top: 57px;
}

.pt-58 {
  padding-top: 58px;
}

.pt-59 {
  padding-top: 59px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-61 {
  padding-top: 61px;
}

.pt-62 {
  padding-top: 62px;
}

.pt-63 {
  padding-top: 63px;
}

.pt-64 {
  padding-top: 64px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-66 {
  padding-top: 66px;
}

.pt-67 {
  padding-top: 67px;
}

.pt-68 {
  padding-top: 68px;
}

.pt-69 {
  padding-top: 69px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-71 {
  padding-top: 71px;
}

.pt-72 {
  padding-top: 72px;
}

.pt-73 {
  padding-top: 73px;
}

.pt-74 {
  padding-top: 74px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-76 {
  padding-top: 76px;
}

.pt-77 {
  padding-top: 77px;
}

.pt-78 {
  padding-top: 78px;
}

.pt-79 {
  padding-top: 79px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-81 {
  padding-top: 81px;
}

.pt-82 {
  padding-top: 82px;
}

.pt-83 {
  padding-top: 83px;
}

.pt-84 {
  padding-top: 84px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-86 {
  padding-top: 86px;
}

.pt-87 {
  padding-top: 87px;
}

.pt-88 {
  padding-top: 88px;
}

.pt-89 {
  padding-top: 89px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-91 {
  padding-top: 91px;
}

.pt-92 {
  padding-top: 92px;
}

.pt-93 {
  padding-top: 93px;
}

.pt-94 {
  padding-top: 94px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-96 {
  padding-top: 96px;
}

.pt-97 {
  padding-top: 97px;
}

.pt-98 {
  padding-top: 98px;
}

.pt-99 {
  padding-top: 99px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-9 {
  padding-bottom: 9px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-11 {
  padding-bottom: 11px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-13 {
  padding-bottom: 13px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pb-19 {
  padding-bottom: 19px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-21 {
  padding-bottom: 21px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pb-23 {
  padding-bottom: 23px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-26 {
  padding-bottom: 26px;
}

.pb-27 {
  padding-bottom: 27px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-29 {
  padding-bottom: 29px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-31 {
  padding-bottom: 31px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-33 {
  padding-bottom: 33px;
}

.pb-34 {
  padding-bottom: 34px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-37 {
  padding-bottom: 37px;
}

.pb-38 {
  padding-bottom: 38px;
}

.pb-39 {
  padding-bottom: 39px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-41 {
  padding-bottom: 41px;
}

.pb-42 {
  padding-bottom: 42px;
}

.pb-43 {
  padding-bottom: 43px;
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-46 {
  padding-bottom: 46px;
}

.pb-47 {
  padding-bottom: 47px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-49 {
  padding-bottom: 49px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-51 {
  padding-bottom: 51px;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-53 {
  padding-bottom: 53px;
}

.pb-54 {
  padding-bottom: 54px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pb-57 {
  padding-bottom: 57px;
}

.pb-58 {
  padding-bottom: 58px;
}

.pb-59 {
  padding-bottom: 59px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-61 {
  padding-bottom: 61px;
}

.pb-62 {
  padding-bottom: 62px;
}

.pb-63 {
  padding-bottom: 63px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-66 {
  padding-bottom: 66px;
}

.pb-67 {
  padding-bottom: 67px;
}

.pb-68 {
  padding-bottom: 68px;
}

.pb-69 {
  padding-bottom: 69px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-71 {
  padding-bottom: 71px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pb-73 {
  padding-bottom: 73px;
}

.pb-74 {
  padding-bottom: 74px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-76 {
  padding-bottom: 76px;
}

.pb-77 {
  padding-bottom: 77px;
}

.pb-78 {
  padding-bottom: 78px;
}

.pb-79 {
  padding-bottom: 79px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-81 {
  padding-bottom: 81px;
}

.pb-82 {
  padding-bottom: 82px;
}

.pb-83 {
  padding-bottom: 83px;
}

.pb-84 {
  padding-bottom: 84px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-86 {
  padding-bottom: 86px;
}

.pb-87 {
  padding-bottom: 87px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pb-89 {
  padding-bottom: 89px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-91 {
  padding-bottom: 91px;
}

.pb-92 {
  padding-bottom: 92px;
}

.pb-93 {
  padding-bottom: 93px;
}

.pb-94 {
  padding-bottom: 94px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pb-97 {
  padding-bottom: 97px;
}

.pb-98 {
  padding-bottom: 98px;
}

.pb-99 {
  padding-bottom: 99px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 1px;
}

.pl-2 {
  padding-left: 2px;
}

.pl-3 {
  padding-left: 3px;
}

.pl-4 {
  padding-left: 4px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-6 {
  padding-left: 6px;
}

.pl-7 {
  padding-left: 7px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-9 {
  padding-left: 9px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-11 {
  padding-left: 11px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-13 {
  padding-left: 13px;
}

.pl-14 {
  padding-left: 14px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-17 {
  padding-left: 17px;
}

.pl-18 {
  padding-left: 18px;
}

.pl-19 {
  padding-left: 19px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-21 {
  padding-left: 21px;
}

.pl-22 {
  padding-left: 22px;
}

.pl-23 {
  padding-left: 23px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-26 {
  padding-left: 26px;
}

.pl-27 {
  padding-left: 27px;
}

.pl-28 {
  padding-left: 28px;
}

.pl-29 {
  padding-left: 29px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-31 {
  padding-left: 31px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-33 {
  padding-left: 33px;
}

.pl-34 {
  padding-left: 34px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-36 {
  padding-left: 36px;
}

.pl-37 {
  padding-left: 37px;
}

.pl-38 {
  padding-left: 38px;
}

.pl-39 {
  padding-left: 39px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-41 {
  padding-left: 41px;
}

.pl-42 {
  padding-left: 42px;
}

.pl-43 {
  padding-left: 43px;
}

.pl-44 {
  padding-left: 44px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-46 {
  padding-left: 46px;
}

.pl-47 {
  padding-left: 47px;
}

.pl-48 {
  padding-left: 48px;
}

.pl-49 {
  padding-left: 49px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-51 {
  padding-left: 51px;
}

.pl-52 {
  padding-left: 52px;
}

.pl-53 {
  padding-left: 53px;
}

.pl-54 {
  padding-left: 54px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-56 {
  padding-left: 56px;
}

.pl-57 {
  padding-left: 57px;
}

.pl-58 {
  padding-left: 58px;
}

.pl-59 {
  padding-left: 59px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-61 {
  padding-left: 61px;
}

.pl-62 {
  padding-left: 62px;
}

.pl-63 {
  padding-left: 63px;
}

.pl-64 {
  padding-left: 64px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-66 {
  padding-left: 66px;
}

.pl-67 {
  padding-left: 67px;
}

.pl-68 {
  padding-left: 68px;
}

.pl-69 {
  padding-left: 69px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-71 {
  padding-left: 71px;
}

.pl-72 {
  padding-left: 72px;
}

.pl-73 {
  padding-left: 73px;
}

.pl-74 {
  padding-left: 74px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-76 {
  padding-left: 76px;
}

.pl-77 {
  padding-left: 77px;
}

.pl-78 {
  padding-left: 78px;
}

.pl-79 {
  padding-left: 79px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-81 {
  padding-left: 81px;
}

.pl-82 {
  padding-left: 82px;
}

.pl-83 {
  padding-left: 83px;
}

.pl-84 {
  padding-left: 84px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-86 {
  padding-left: 86px;
}

.pl-87 {
  padding-left: 87px;
}

.pl-88 {
  padding-left: 88px;
}

.pl-89 {
  padding-left: 89px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-91 {
  padding-left: 91px;
}

.pl-92 {
  padding-left: 92px;
}

.pl-93 {
  padding-left: 93px;
}

.pl-94 {
  padding-left: 94px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-96 {
  padding-left: 96px;
}

.pl-97 {
  padding-left: 97px;
}

.pl-98 {
  padding-left: 98px;
}

.pl-99 {
  padding-left: 99px;
}

.pl-100 {
  padding-left: 100px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 1px;
}

.pr-2 {
  padding-right: 2px;
}

.pr-3 {
  padding-right: 3px;
}

.pr-4 {
  padding-right: 4px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-6 {
  padding-right: 6px;
}

.pr-7 {
  padding-right: 7px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-9 {
  padding-right: 9px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-11 {
  padding-right: 11px;
}

.pr-12 {
  padding-right: 12px;
}

.pr-13 {
  padding-right: 13px;
}

.pr-14 {
  padding-right: 14px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-17 {
  padding-right: 17px;
}

.pr-18 {
  padding-right: 18px;
}

.pr-19 {
  padding-right: 19px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-21 {
  padding-right: 21px;
}

.pr-22 {
  padding-right: 22px;
}

.pr-23 {
  padding-right: 23px;
}

.pr-24 {
  padding-right: 24px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-26 {
  padding-right: 26px;
}

.pr-27 {
  padding-right: 27px;
}

.pr-28 {
  padding-right: 28px;
}

.pr-29 {
  padding-right: 29px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-31 {
  padding-right: 31px;
}

.pr-32 {
  padding-right: 32px;
}

.pr-33 {
  padding-right: 33px;
}

.pr-34 {
  padding-right: 34px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-36 {
  padding-right: 36px;
}

.pr-37 {
  padding-right: 37px;
}

.pr-38 {
  padding-right: 38px;
}

.pr-39 {
  padding-right: 39px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-41 {
  padding-right: 41px;
}

.pr-42 {
  padding-right: 42px;
}

.pr-43 {
  padding-right: 43px;
}

.pr-44 {
  padding-right: 44px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-46 {
  padding-right: 46px;
}

.pr-47 {
  padding-right: 47px;
}

.pr-48 {
  padding-right: 48px;
}

.pr-49 {
  padding-right: 49px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-51 {
  padding-right: 51px;
}

.pr-52 {
  padding-right: 52px;
}

.pr-53 {
  padding-right: 53px;
}

.pr-54 {
  padding-right: 54px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-56 {
  padding-right: 56px;
}

.pr-57 {
  padding-right: 57px;
}

.pr-58 {
  padding-right: 58px;
}

.pr-59 {
  padding-right: 59px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-61 {
  padding-right: 61px;
}

.pr-62 {
  padding-right: 62px;
}

.pr-63 {
  padding-right: 63px;
}

.pr-64 {
  padding-right: 64px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-66 {
  padding-right: 66px;
}

.pr-67 {
  padding-right: 67px;
}

.pr-68 {
  padding-right: 68px;
}

.pr-69 {
  padding-right: 69px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-71 {
  padding-right: 71px;
}

.pr-72 {
  padding-right: 72px;
}

.pr-73 {
  padding-right: 73px;
}

.pr-74 {
  padding-right: 74px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-76 {
  padding-right: 76px;
}

.pr-77 {
  padding-right: 77px;
}

.pr-78 {
  padding-right: 78px;
}

.pr-79 {
  padding-right: 79px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-81 {
  padding-right: 81px;
}

.pr-82 {
  padding-right: 82px;
}

.pr-83 {
  padding-right: 83px;
}

.pr-84 {
  padding-right: 84px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-86 {
  padding-right: 86px;
}

.pr-87 {
  padding-right: 87px;
}

.pr-88 {
  padding-right: 88px;
}

.pr-89 {
  padding-right: 89px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-91 {
  padding-right: 91px;
}

.pr-92 {
  padding-right: 92px;
}

.pr-93 {
  padding-right: 93px;
}

.pr-94 {
  padding-right: 94px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-96 {
  padding-right: 96px;
}

.pr-97 {
  padding-right: 97px;
}

.pr-98 {
  padding-right: 98px;
}

.pr-99 {
  padding-right: 99px;
}

.pr-100 {
  padding-right: 100px;
}

/*Default-style
======================================================*/
body {
  background-color: #F5F5F5;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.mr-20 {
  margin-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.mlr-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mlrt-5 {
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 5px;
}

h1, h2, h3, h4, h5, h6 {
  color: #1C345A;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

label {
  color: #1C345A;
}

p {
  margin-bottom: 15px;
  font-size: 15px;
  color: #1C345A;
  line-height: 1.7;
}
p:last-child {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.owl-nav {
  margin-top: 0 !important;
}

.owl-dots {
  margin-top: 0 !important;
}

.form-control {
  border: 2px solid #cacaca;
    width: 100%;
    color:#1c345a;
    border-radius: 11px;
    height: 44px;
}
.form-control:focus {
  border: 1px solid #1C345A;
  box-shadow: none;
}

textarea {
  height: auto !important;
}

.bg-f4f6f9 {
  background-color: #f4f6f9;
}

/*
Top Header Area Style
======================================================*/
.top-header-area {
  background-color: #1C345A;
  border-bottom: 1px solid #F5F5F5;
  padding-top: 15px;
  padding-bottom: 15px;
}
.top-header-area .container-fluid {
  max-width: 1520px;
}

.header-left-content p {
  color: #ffffff;
  font-size: 14px;
}

.header-right-content {
  text-align: right;
}
.header-right-content .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.header-right-content .list ul li {
  display: inline-block;
  margin-right: 25px;
}
.header-right-content .list ul li a {
  color: #ffffff;
  font-size: 14px;
}
.header-right-content .list ul li:last-child {
  margin-right: 0;
}

.filgmit {
  width: 30px;
  margin-bottom: 3px;
}

.filter-preferences i {
  margin-right: 5px;
}

.twopcont {
  margin-top: 10px;
}
.twopcont h2 {
  color: white;
}
.twopcont h3 {
  color: white;
}
.twopcont .d-flex {
  align-items: center;
}

.filter-preferences {
  cursor: pointer;
  color: #ffffff;
  padding-bottom: 5px;
}
.filter-preferences .hcicn {
  fill: #ffffff;
  width: 40px;
}

.centered-image {
  max-width: 100%;
  height: auto;
}

.buy-now-btn {
  right: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #ffffff;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}
.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  transform: translateY(-50%);
}
.buy-now-btn:hover {
  background-color: #1C345A;
  color: #ffffff;
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
  position: relative;
  padding-top: 15px;
}
.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: sticky;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.navbar-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}
.navbar-area .navbar-brand .white-logo {
  display: none;
}
.navbar-area.nav-bg-2 .desktop-nav .navbar-nav .nav-item a {
  color: #1C345A;
}
.navbar-area.nav-bg-2 .desktop-nav .others-options .icon {
  color: #1C345A;
}

.nav-bg-1 {
  background-color: #1C345A;
}

.nav-bg-2 {
  background-color: #ffffff;
}

.desktop-nav {
  padding-top: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar {
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar ul {
  margin-bottom: 0;
    gap: 1rem;
    list-style-type: none;
    padding-top: 1rem;
}
.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  position: relative;
  font-weight: 600;
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
  padding-right: 20px;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
  content: "\ea4e";
  position: absolute;
  top: 0;
  right: 0;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: #F5F5F5;
}
.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}
.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: #F5F5F5;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  position: absolute;
  visibility: hidden;
  border-radius: 0;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #1b2336;
  padding: 15px;
  border-bottom: 1px dashed #ededed;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  display: block;
  position: relative;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before {
  content: "\ea4e";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  right: 250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #1b2336;
  border-bottom: 1px dashed #ededed;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
  content: "\ea4e";
  position: absolute;
  top: 14px;
  right: 13px;
  font-family: remixicon !important;
  line-height: 1;
  font-size: 17px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: 250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: -250px;
  left: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #1b2336;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #1C345A;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: 20px;
  transform: translateY(1);
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover .custom-dropdown-menu {
  display: block;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #F5F5F5;
  width: 300px;
  display: none;
  position: absolute;
  right: 0;
  top: 51px;
  z-index: 1000;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section {
  padding: 15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .user-info {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .user-info .user-icon {
  margin-right: 10px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .user-name {
  font-size: 18px;
  color: #1C345A;
  margin-bottom: 0px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .user-location {
  font-size: 14px;
  color: #1C345A;
  margin-bottom: 0px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .user-description {
  font-size: 12px;
  color: #606060;
  margin-bottom: 10px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .edit-profile-btn {
  background-color: #1C345A !important;
  color: #ffffff !important;
  border: none !important;
  padding: 6px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  border-radius: 25px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  box-shadow: 0 2px 4px 0 rgba(28, 52, 90, 0.2) !important;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .profile-section .edit-profile-btn:hover {
  background-color: #101e33 !important;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items {
  padding: 0 0px 15px 15px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item {
  display: flex;
  align-items: center;
  padding: 11px 15px;
  border-bottom: 1px solid #ddd;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item .menu-link {
  margin-left: 0px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item .menu-link .terms-strok {
  stroke: #1C345A !important;
  fill: none !important;
  stroke-width: 2px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item .menu-link .quiz-stroke {
  width: 30px;
  height: 25px;
  fill: #1C345A;
  stroke: currentColor;
  stroke-width: 2px; /* Adjust as needed */
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item:last-child {
  border-bottom: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item .profile-icon {
  margin-right: 10px;
}
.desktop-nav .navbar .navbar-nav .nav-item .custom-dropdown-menu .menu-items .menu-item span {
  font-size: 14px;
  color: #1C345A;
  margin-left: 10px;
}
.desktop-nav .navbar .others-options {
  padding-left: 40px;
}
.desktop-nav .navbar .others-options .icon {
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
  display: none !important;
}
.others-option-for-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  top: -43px;
}
.others-option-for-responsive .dot-menu .inner {
  display: flex;
  align-items: center;
  height: 30px;
}
.others-option-for-responsive .dot-menu .inner .icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  background-color: #1C345A;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: #e32845;
}
.others-option-for-responsive .container {
  position: relative;
}
.others-option-for-responsive .container .container {
  position: absolute;
  right: -2px;
  top: 15px;
  max-width: 320px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.5s;
  transform: scaleY(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}
.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.others-option-for-responsive .others-options {
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  padding: 10px;
  background-color: #ffffff;
  text-align: center;
}
.others-option-for-responsive .others-options ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  align-items: center !important;
}
.others-option-for-responsive .others-options ul li {
  display: inline-block;
}
.others-option-for-responsive .others-options ul li .call-now {
  position: relative;
  padding-left: 60px;
  top: 8px;
  margin-bottom: 40px !important;
}
.others-option-for-responsive .others-options ul li .call-now i {
  position: absolute;
  font-size: 40px;
  color: #1C345A;
  left: 0;
  top: 3px;
}
.others-option-for-responsive .others-options ul li .call-now p {
  margin-bottom: 8px;
}
.others-option-for-responsive .others-options ul li .call-now a {
  color: #1C345A;
  font-weight: 500;
}
.others-option-for-responsive .others-options ul li .default-btn {
  bottom: 9px;
}

.mobile-responsive-nav {
  display: none;
}
.mobile-responsive-nav .custom-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #F5F5F5;
  width: 300px;
  position: absolute;
  right: 0;
  top: 51px;
  z-index: 1000;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section {
  padding: 15px;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .user-info {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .user-info .user-icon {
  margin-right: 10px;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .user-name {
  font-size: 18px;
  color: #1C345A;
  margin-bottom: 0px;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .user-location {
  font-size: 14px;
  color: #1C345A;
  margin-bottom: 0px;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .user-description {
  font-size: 12px;
  color: #606060;
  margin-bottom: 10px;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .edit-profile-btn {
  background-color: #1C345A !important;
  color: #ffffff !important;
  border: none !important;
  padding: 6px 25px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  border-radius: 25px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  box-shadow: 0 2px 4px 0 rgba(28, 52, 90, 0.2) !important;
}
.mobile-responsive-nav .custom-dropdown-menu .profile-section .edit-profile-btn:hover {
  background-color: #101e33 !important;
}
.mobile-responsive-nav .custom-dropdown-menu .menu-items {
  padding: 0 0px 15px 15px;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.mobile-responsive-nav .custom-dropdown-menu .menu-items .menu-item {
  display: flex;
  align-items: center;
  padding: 11px 15px;
  border-bottom: 1px solid #ddd;
}
.mobile-responsive-nav .custom-dropdown-menu .menu-items .menu-item .menu-link {
  margin-left: 0px;
}
.mobile-responsive-nav .custom-dropdown-menu .menu-items .menu-item:last-child {
  border-bottom: none;
}
.mobile-responsive-nav .custom-dropdown-menu .menu-items .menu-item .profile-icon {
  margin-right: 10px;
}
.mobile-responsive-nav .custom-dropdown-menu .menu-items .menu-item span {
  font-size: 14px;
  color: #1C345A;
  margin-left: 10px;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
/*
Preloader Style
======================================================*/
/*Sidebar Modal
======================================================*/
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 700px;
  max-width: 1000px;
  height: 100%;
  transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  background-color: #F5F5F5;
  border: none;
  border-radius: 0;
}
.modal.right .modal-content button.close {
  position: absolute;
  right: 20px;
  top: 30px;
  background-color: transparent;
  border: none;
  text-shadow: unset;
  box-shadow: unset;
  z-index: 99;
  opacity: 1;
}
.modal.right .modal-content button.close i {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: #1C345A;
  color: #ffffff;
  font-size: 20px;
  transition: all ease 0.5s;
  border-radius: 50%;
}
.modal.right .modal-content button.close i:hover {
  background-color: #1C345A;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
  right: 0;
}

.sidebarModal.modal .modal-body {
  padding: 25px;
  /* Styles for the minimum price range thumb */
  /* Styles for the minimum price range thumb */
  /* Optional: Hide the focus outline when using mouse for cleaner look */
  /* Re-show the focus outline when using keyboard navigation for accessibility */
  /* Select2 basic styling */
  /* Style for individual chips */
  /* Clear button styling */
}
.sidebarModal.modal .modal-body .white-logo {
  display: none;
}
.sidebarModal.modal .modal-body .fltrhead {
  padding: 6px;
  margin-bottom: 15px;
}
.sidebarModal.modal .modal-body .filter-options {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  justify-items: start;
}
.sidebarModal.modal .modal-body .clrmain {
  color: #1C345A;
}
.sidebarModal.modal .modal-body #feeRange::-webkit-slider-thumb {
  background-color: #1C345A;
}
.sidebarModal.modal .modal-body #feeRange::-moz-range-thumb {
  background-color: #1C345A;
}
.sidebarModal.modal .modal-body #feeRange::-ms-thumb {
  background-color: #1C345A;
}
.sidebarModal.modal .modal-body .filter-option-btn {
  display: block;
  text-align: center;
  padding: 4px 6px 4px 6px;
  border-radius: 20px;
  background-color: #F5F5F5;
  color: #1C345A;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebarModal.modal .modal-body .filter-option-btn:hover {
  background-color: #1C345A;
  color: white;
}
.sidebarModal.modal .modal-body .filter-option-btn.active,
.sidebarModal.modal .modal-body .btn-check:checked + .filter-option-btn {
  background-color: #1C345A;
  color: white;
}
.sidebarModal.modal .modal-body .filter-option-btn:focus:not(:focus-visible) {
  outline: none;
}
.sidebarModal.modal .modal-body .filter-option-btn:focus-visible {
  outline: auto;
}
.sidebarModal.modal .modal-body .mdsection {
  padding: 15px;
  background: #ffffff;
  margin-bottom: 15px;
  border-radius: 12px;
}
.sidebarModal.modal .modal-body .select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  height: auto;
  background-color: #fff;
  border-radius: 0.25rem;
}
.sidebarModal.modal .modal-body .selected-countries-cities {
  margin-top: 20px;
}
.sidebarModal.modal .modal-body .selected-countries-cities .chip {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #1C345A;
  border-radius: 16px;
  margin-right: 5px;
  margin-top: 5px;
  font-size: 0.875rem;
  color: #1C345A;
}
.sidebarModal.modal .modal-body .selected-countries-cities .chip .chip-close {
  margin-left: 8px;
  color: red;
  cursor: pointer;
  font-weight: bold;
}
.sidebarModal.modal .modal-body .btn-clear {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  color: #6c757d;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.sidebarModal.modal .modal-body .btn-clear:hover {
  color: #5a6268;
}
.sidebarModal.modal .modal-body .sidebar-content {
  margin-top: 35px;
  margin-bottom: 40px;
}
.sidebarModal.modal .modal-body .sidebar-content p {
  margin-bottom: 40px;
}
.sidebarModal.modal .modal-body .sidebar-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.sidebarModal.modal .modal-body .sidebar-content .sidebar-btn {
  margin-top: 25px;
}
.sidebarModal.modal .modal-body .sidebar-contact-info {
  margin-top: 30px;
}
.sidebarModal.modal .modal-body .sidebar-contact-info h3 {
  font-size: 22px;
  margin-bottom: 0;
}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list {
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 0;
}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list li {
  list-style-type: none;
  font-size: 14px;
  color: #F5F5F5;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  padding-left: 22px;
}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list li:last-child {
  margin-bottom: 0;
}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list li a {
  color: #F5F5F5;
}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list li a:hover {
  color: #1C345A;
}
.sidebarModal.modal .modal-body .sidebar-contact-info .info-list li i {
  position: absolute;
  left: 0;
  top: 2px;
  color: #1C345A;
}
.sidebarModal.modal .modal-body .sidebar-social-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 30px;
}
.sidebarModal.modal .modal-body .sidebar-social-list li {
  display: inline-block;
  margin-right: 8px;
}
.sidebarModal.modal .modal-body .sidebar-social-list li:last-child {
  margin-right: 0;
}
.sidebarModal.modal .modal-body .sidebar-social-list li i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 40px;
  font-size: 16px;
  background: #1C345A;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  transition: all ease 0.5s;
}
.sidebarModal.modal .modal-body .sidebar-social-list li i:hover {
  transform: translateY(-5px);
  background-color: #1C345A;
  color: #ffffff;
}
.sidebarModal.modal .modal-body .contact-form {
  margin-top: 30px;
}
.sidebarModal.modal .modal-body .contact-form h3 {
  font-size: 22px;
  margin-bottom: 25px;
}
.sidebarModal.modal .modal-body .contact-form #contactForm .form-group {
  margin-bottom: 20px;
}
.sidebarModal.modal .modal-body .contact-form #contactForm .form-group .form-control {
  padding: 15px;
}
.sidebarModal.modal .modal-body .contact-form #contactForm .default-btn {
  border: none;
}
.sidebarModal.modal .modal-body .contact-form #contactForm .list-unstyled {
  color: #ee1010;
  font-size: 14px;
  margin-top: 8px;
}
.sidebarModal.modal .modal-body .contact-form #contactForm #msgSubmit {
  font-size: 15px;
}
#mdlgnBio{
    padding:10px 40px 40px 40px;
}
/*Default-btn
======================================================*/
.thmbtn {
  background-color: #00AEEF;
  color: #ffffff;
  font-size: 19px;
  border: 1px solid #F5F5F5;
  border-radius: 0px 14px 10px 0px;
  padding: 0px 35px 0px 35px;
}

.thmbtn:hover {
  background-color: #1C345A;
  border: 1px solid #F5F5F5;
}

.thmbtn:active {
  background-color: #1C345A;
  border: 1px solid #F5F5F5;
}

.default-btn {
  background-color: #1C345A;
  color: #ffffff;
  font-size: 16px;
  padding: 13px 35px;
  border-radius: 0;
  position: relative;
  transition: all ease 0.5s;
  border: 1px solid #1C345A;
  z-index: 1;
}
.default-btn i {
  position: relative;
  top: 3px;
  padding-left: 5px;
}
.default-btn::before {
  position: absolute;
  content: "";
  background-color: #1C345A;
  height: 100%;
  width: 100%;
  border-radius: 30px;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transition: all ease 0.5s;
  z-index: -1;
}
.default-btn:hover {
  color: #ffffff;
}
.default-btn:hover::before {
  transform: scaleX(1);
}
.default-btn:focus {
  box-shadow: none;
}

.read-more-btn {
  color: #1C345A;
  font-weight: 500;
  font-size: 15px;
  transition: all ease 0.5s;
  position: relative;
}
.read-more-btn i {
  position: relative;
  top: 3px;
  padding-left: 7px;
}
.read-more-btn:hover {
  color: #1C345A;
}
.read-more-btn.active {
  color: #1C345A;
  letter-spacing: 0;
}
.read-more-btn.white-color {
  color: #ffffff;
}
.read-more-btn.white-color:hover {
  color: #1C345A;
}

/*Section-title
======================================================*/
.section-title {
  margin: -10px auto 10px;
  position: relative;
}
.section-title.style2 {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}
.section-title h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
}
.section-title h2.white {
  color: #ffffff;
}
.section-title p {
  margin-bottom: 20px;
}
.section-title p:last-child {
  margin-bottom: 0;
}
.section-title.white-title .top-title {
  color: #ffffff;
}
.section-title.white-title h2 {
  color: #ffffff;
}
.section-title.white-title p {
  color: #ffffff;
}

/*
Banner Style
======================================================*/
.banner-area {
  background-color: #1C345A;
  overflow: hidden;
}
.banner-area .container-fluid {
  padding: 0;
  padding-left: 30px;
  max-width: 1720px;
  margin-right: 0;
  margin-left: auto;
}

.slider-item {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 60px;
  overflow: hidden;
}
.slider-item.banner-bg-1 {
  background-image: url(../images/banner/banner-img1.jpg);
}
.slider-item.banner-bg-2 {
  background-image: url(../images/banner/banner-img2.jpg);
}
.slider-item.banner-bg-3 {
  background-image: url(../images/banner/banner-img3.jpg);
}
.slider-item.banner-bg-4 {
  background-image: url(../images/banner/banner-img4.jpg);
}
.slider-item.banner-bg-5 {
  background-image: url(../images/banner/banner-img5.jpg);
}
.slider-item.banner-bg-6 {
  background-image: url(../images/banner/banner-img6.jpg);
}
.slider-item.banner-bg-7 {
  background-image: url(../images/banner/banner-img7.jpg);
}
.slider-item.banner-bg-8 {
  background-image: url(../images/banner/banner-img8.jpg);
}

.slider-content {
  max-width: 740px;
  margin-left: 0;
  margin-right: auto;
}
.slider-content h1 {
  font-size: 65px;
  color: #ffffff;
  margin-bottom: 20px;
}
.slider-content p {
  color: #ffffff;
  margin-bottom: 30px;
}
.slider-content.style2 {
  background-color: #ffffff;
  padding: 50px;
}
.slider-content.style2 h1 {
  color: #1C345A;
}
.slider-content.style2 p {
  color: #F5F5F5;
}

.hero-slider {
  position: relative;
}
.hero-slider.owl-theme .owl-dots {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
}
.hero-slider.owl-theme .owl-dots .owl-dot {
  display: block;
}
.hero-slider.owl-theme .owl-dots .owl-dot span {
  width: 45px;
  height: 45px;
  margin: 5px 0;
  background: transparent;
  display: block;
  transition: 0.5s;
  border-radius: 50%;
  position: relative;
  color: #ffffff;
}
.hero-slider.owl-theme .owl-dots .owl-dot span::before {
  position: absolute;
  content: "01";
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
.hero-slider.owl-theme .owl-dots .owl-dot:hover span, .hero-slider.owl-theme .owl-dots .owl-dot.active span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.hero-slider.owl-theme .owl-dots .owl-dot:hover span::after, .hero-slider.owl-theme .owl-dots .owl-dot.active span::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 40px;
  background-color: #ffffff;
  left: -30px;
  top: 22px;
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(2) span::before {
  content: "02";
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(3) span::before {
  content: "03";
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(4) span::before {
  content: "04";
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(5) span::before {
  content: "05";
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(6) span::before {
  content: "06";
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(7) span::before {
  content: "07";
}
.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(8) span::before {
  content: "08";
}
.hero-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: 30px;
  bottom: -130px;
  transform: translateY(-50%);
  background-color: transparent;
  border: 1px solid #eeeeee;
  color: #ffffff;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.hero-slider.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.hero-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  left: 100px;
}
.hero-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.hero-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}

.hero-slider2 .slider-item {
  padding-left: 0;
}
.hero-slider2.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: 1px solid #dfdbdb;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
  opacity: 0;
  transition: all ease 0.5s;
}
.hero-slider2.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
  color: #ffffff;
}
.hero-slider2.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 100px;
  left: auto;
}
.hero-slider2.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.hero-slider2.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}
.hero-slider2:hover.owl-theme .owl-nav [class*=owl-] {
  opacity: 1;
}
.hero-slider2.style2.owl-theme .owl-nav [class*=owl-] {
  background: rgba(28, 52, 90, 0.15);
}
.hero-slider2.style2.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
}

.owl-thumbs {
  text-align: right;
  position: relative;
  margin-top: -75px;
  z-index: 1;
}
.owl-thumbs button {
  padding: 0;
  border: none;
  transition: all ease 0.5s;
}
.owl-thumbs button:hover, .owl-thumbs button.active {
  filter: blur(2px);
}
.owl-thumbs .owl-thumb-item {
  width: 200px;
  height: 150px;
}

/**/
.banner-area.banner-area-five {
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.banner-area.banner-area-five::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, rgba(9, 0, 51, 0), rgb(8, 1, 77));
}
.banner-area.banner-area-five video {
  width: 100%;
  height: 100%;
}
.banner-area.banner-area-five .slider-item {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 175px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}

/*
Academics Style
======================================================*/
.single-academics-card {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.single-academics-card .academic-top-content {
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
}
.single-academics-card .academic-top-content h3 {
  font-size: 22px;
  transition: all ease 0.5s;
}
.single-academics-card .academic-top-content h3:hover {
  color: #1C345A;
}
.single-academics-card .academic-top-content i {
  font-size: 30px;
  position: absolute;
  color: #1C345A;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-academics-card:hover {
  transform: translateY(-10px);
}
 .default-prf-btn {
    background-image: linear-gradient(to right, #1C345A, #436FB2);
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: inherit;
    border-radius: 12px !important;
    font-size: 15px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.default-prf-btn:hover{
    color:#fff;
}
.single-academics-card2 {
  background-size: cover;
  background-position: center center;
  height: 500px;
  padding: 30px;
  position: relative;
  margin-bottom: 30px;
}
.single-academics-card2::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom, transparent, rgba(17, 29, 94, 0.9));
  left: 0;
  top: 0;
}
.single-academics-card2.bg-1 {
  background-image: url(../images/academics/academic-1.jpg);
}
.single-academics-card2.bg-2 {
  background-image: url(../images/academics/academic-2.jpg);
}
.single-academics-card2.bg-3 {
  background-image: url(../images/academics/academic-3.jpg);
}
.single-academics-card2 .serial {
  position: absolute;
  left: 30px;
  top: 30px;
}
.single-academics-card2 .serial p {
  color: #ffffff;
  font-size: 18px;
}
.single-academics-card2 .academic-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
}
.single-academics-card2 .academic-content .academic-top-content {
  position: relative;
  padding-left: 30px;
}
.single-academics-card2 .academic-content .academic-top-content h3 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 15px;
  transition: all ease 0.5s;
}
.single-academics-card2 .academic-content .academic-top-content h3:hover {
  color: #1C345A;
}
.single-academics-card2 .academic-content .academic-top-content i {
  color: #1C345A;
  font-size: 20px;
  position: absolute;
  left: 0;
}
.single-academics-card2 .academic-content p {
  color: #ffffff;
  margin-bottom: 15px;
}

.single-academics-card3 {
  text-align: center;
  padding: 25px;
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}
.single-academics-card3::before {
  position: absolute;
  content: "";
  height: 100%;
  height: 100%;
  width: 0;
  top: 0;
  right: 0;
  background-color: #1C345A;
  transition: all ease 0.5s;
}
.single-academics-card3 .icon {
  margin-bottom: 20px;
}
.single-academics-card3 .icon i {
  font-size: 35px;
  height: 65px;
  width: 65px;
  line-height: 72px;
  border-radius: 100%;
  border: 1px solid #1C345A;
  display: inline-block;
  color: #1C345A;
  position: relative;
  transition: all ease 0.5s;
}
.single-academics-card3 h3 {
  font-size: 22px;
  margin-bottom: 15px;
  position: relative;
  transition: all ease 0.5s;
}
.single-academics-card3 p {
  position: relative;
  transition: all ease 0.5s;
}
.single-academics-card3:hover::before {
  width: 100%;
  border-radius: 0;
  left: 0;
  right: auto;
}
.single-academics-card3:hover .icon i {
  color: #ffffff;
  border-color: #ffffff;
  transform: rotate(45deg);
}
.single-academics-card3:hover h3 {
  color: #ffffff;
}
.single-academics-card3:hover p {
  color: #ffffff;
}
.single-academics-card3:hover .read-more-btn {
  color: #ffffff;
}

.serch-content {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.serch-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.serch-content .form-group {
  position: relative;
}
.serch-content .form-group .form-control {
  border: none;
  border: 1px solid transparent;
}
.serch-content .form-group .form-control:focus {
  border: 1px solid #1C345A;
}
.serch-content .form-group .src-btn {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 20px;
  background-color: transparent;
  border: none;
}

.category-content {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.category-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.category-content .form-control {
  border: none;
  border: 1px solid transparent;
}
.category-content .form-control:focus {
  border: 1px solid #1C345A;
}

.location-type {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}
.location-type h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.location-type .form-check .form-check-input {
  border-radius: 0;
}
.location-type .form-check .form-check-input:checked {
  background-color: #1C345A;
  border-color: #1C345A;
}
.location-type .form-check .form-check-input:focus {
  box-shadow: none;
}

.program-level {
  margin-bottom: 30px;
}
.program-level h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.program-level .form-check .form-check-input {
  border-radius: 0;
}
.program-level .form-check .form-check-input:checked {
  background-color: #1C345A;
  border-color: #1C345A;
}
.program-level .form-check .form-check-input:focus {
  box-shadow: none;
}

.academics-details .details h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.academics-details .details p {
  margin-bottom: 20px;
}
.academics-details .details .details-images {
  margin-top: 10px;
  display: inline-block;
}
.academics-details .details .details-images img {
  margin-bottom: 30px;
}
.academics-details .regiStartion-and-fee {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}
.academics-details .regiStartion-and-fee h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.academics-details .regiStartion-and-fee p {
  margin-bottom: 20px;
}
.academics-details .regiStartion-and-fee .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.academics-details .regiStartion-and-fee .list ul li {
  margin-bottom: 10px;
  list-style-type: none;
}
.academics-details .regiStartion-and-fee .list ul li:last-child {
  margin-bottom: 0;
}
.academics-details .prepare-exam h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.academics-details .prepare-exam p {
  margin-bottom: 30px;
}
.academics-details .prepare-exam .exam-card {
  margin-bottom: 30px;
  padding-left: 30px;
}
.academics-details .prepare-exam .exam-card h4 {
  font-size: 20px;
  margin-bottom: 15px;
  position: relative;
}
.academics-details .prepare-exam .exam-card h4::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: #1C345A;
  left: -30px;
  top: 5px;
}
.academics-details .prepare-exam .exam-card p {
  margin-bottom: 0;
}

.academics-list {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.academics-list h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.academics-list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.academics-list ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 10px;
}
.academics-list ul li a {
  color: #F5F5F5;
  transition: all ease 0.5s;
}
.academics-list ul li i {
  position: absolute;
  right: 0;
  font-size: 22px;
}
.academics-list ul li:last-child {
  margin-bottom: 0;
}
.academics-list ul li:hover a {
  color: #1C345A;
}

.related-download {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.related-download h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.related-download ul {
  padding-left: 0;
  margin-bottom: 0;
}
.related-download ul li {
  margin-bottom: 10px;
  list-style-type: none;
  background-color: #ffffff;
  padding: 20px;
  padding-left: 70px;
  position: relative;
}
.related-download ul li a {
  color: #F5F5F5;
}
.related-download ul li i {
  position: absolute;
  left: 0;
  background-color: #1C345A;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 24px;
  color: #ffffff;
  padding: 16px;
}
.related-download ul li:last-child {
  margin-bottom: 0;
}

/*
Education Style
======================================================*/
.single-education-card {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 50px 30px;
  margin-bottom: 30px;
  z-index: 1;
}
.single-education-card.bg-1 {
  background-image: url(../images/academics/academic-4.jpg);
}
.single-education-card.bg-2 {
  background-image: url(../images/academics/academic-5.jpg);
}
.single-education-card.bg-3 {
  background-image: url(../images/academics/academic-6.jpg);
}
.single-education-card.bg-4 {
  background-image: url(../images/academics/academic-7.jpg);
}
.single-education-card .edication-content {
  text-align: center;
  position: relative;
}
.single-education-card .edication-content .icon i {
  font-size: 50px;
  margin-bottom: 10px;
  color: #ffffff;
}
.single-education-card .edication-content h3 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 15px;
}
.single-education-card .edication-content .read-more-btn:hover {
  color: #1C345A;
}
.single-education-card::before {
  position: absolute;
  content: "";
  background: rgba(17, 29, 94, 0.6);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.single-education-card::after {
  position: absolute;
  content: "";
  background: #1C345A;
  display: inline-block;
  height: 100%;
  width: 0;
  top: 0;
  right: 0;
  z-index: -1;
  transition: all ease 0.5s;
}
.single-education-card:hover::after {
  width: 100%;
  border-radius: 0;
  left: 0;
  right: auto;
}

/*
Campus Information Style
======================================================*/
.campus-content {
  margin-bottom: 30px;
}
.campus-content .campus-title {
  margin-bottom: 30px;
}
.campus-content .campus-title h2 {
  font-size: 40px;
  margin-bottom: 15px;
}
.campus-content .list {
  margin-bottom: 20px;
}
.campus-content .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.campus-content .list ul li {
  position: relative;
  padding-left: 20px;
  list-style-type: none;
  margin-bottom: 10px;
}
.campus-content .list ul li i {
  position: absolute;
  left: 0;
  color: #1C345A;
}
.campus-content.style-2 {
  padding: 50px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  position: relative;
  margin-left: -100px;
}

.counter-card {
  margin-bottom: 30px;
}
.counter-card h1 {
  font-size: 60px;
  margin-bottom: 5px;
  line-height: 1;
}
.counter-card h1 .target {
  color: #1C345A;
  position: relative;
  top: 4px;
}
.counter-card h1 .target.heading-color {
  color: #1C345A;
  font-size: 60px;
  margin-left: -4px;
}

.campus-image {
  margin-bottom: 30px;
}

.estemate-form {
  padding: 40px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  position: relative;
  margin-top: -200px;
  z-index: 1;
}
.estemate-form h3 {
  font-size: 30px;
  margin-bottom: 30px;
}
.estemate-form .form-group {
  margin-bottom: 25px;
}
.estemate-form .form-group .form-control {
  background-color: #f4f6f9;
  border: 1px solid #f4f6f9;
}
.estemate-form .form-group .form-control:focus {
  border: 1px solid #1C345A;
}
.estemate-form .default-btn {
  display: block;
  width: 100%;
}

/*
Courses Style
======================================================*/
.single-courses-card {
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.single-courses-card .courses-content {
  background-color: #ffffff;
  padding: 30px;
}
.single-courses-card .courses-content .admin-profile {
  position: relative;
  padding-left: 80px;
  padding-bottom: 35px;
  margin-bottom: 20px;
}
.single-courses-card .courses-content .admin-profile img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
}
.single-courses-card .courses-content .admin-profile p a {
  color: #1C345A;
  font-weight: 500;
}
.single-courses-card .courses-content .admin-profile::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #eeeeee;
  right: -30px;
  bottom: 10px;
}
.single-courses-card .courses-content h3 {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 20px;
  transition: all ease 0.5s;
}
.single-courses-card .courses-content h3:hover {
  color: #1C345A;
}
.single-courses-card .courses-content .bottom-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.single-courses-card .courses-content .bottom-content ul li {
  list-style-type: none;
  font-weight: 500;
}
.single-courses-card .courses-content .bottom-content ul li a {
  color: #1C345A;
}
.single-courses-card .courses-content .bottom-content ul li ul li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding-left: 22px;
}
.single-courses-card .courses-content .bottom-content ul li ul li i {
  position: absolute;
  left: 0;
  top: 0;
  color: #1C345A;
}
.single-courses-card.style2 {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-courses-card.style2 .courses-content .admin-profile {
  padding-bottom: 0;
  padding-left: 0;
}
.single-courses-card.style2 .courses-content .admin-profile::before {
  display: none;
}
.single-courses-card.style2 .courses-content .admin-profile img {
  right: 0;
  left: auto;
  top: -60px;
}
.single-courses-card.style2:hover {
  transform: translateY(0);
}
.single-courses-card.style3 .list-1 {
  margin-bottom: 15px;
}
.single-courses-card.style3 .list-1 ul {
  padding-left: 0;
  margin-bottom: 0;
}
.single-courses-card.style3 .list-1 ul li {
  list-style-type: none;
}
.single-courses-card.style3 .list-1 ul li i {
  color: #1C345A;
  margin-right: 7px;
}
.single-courses-card.style3 h3 {
  margin-bottom: 35px;
}
.single-courses-card.style3 .admin-profile {
  padding-bottom: 20px;
  margin-bottom: 45px;
}
.single-courses-card.style3 .admin-profile img {
  top: -15px;
}
.single-courses-card.style3 .admin-profile::before {
  right: 0;
  bottom: -30px;
}
.single-courses-card.style3 .bottom-content ul li ul li {
  margin-right: 0;
  color: #ffc107;
}
.single-courses-card.style3 .bottom-content ul li ul li.blank {
  color: #F5F5F5;
}
.single-courses-card.style3:hover {
  transform: translateY(0);
}
.single-courses-card.style4 .courses-content {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-courses-card:hover {
  transform: translateY(-10px);
}

.courses-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.courses-slider.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.courses-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.courses-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.courses-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}
.courses-slider.owl-theme .owl-dots {
  left: 0;
}
.courses-slider.owl-theme .owl-dots .owl-dot span {
  background-color: #1C345A;
  margin: 10px 10px 0 10px;
  background-color: #dfdbdb;
  height: 18px;
  width: 18px;
}
.courses-slider.owl-theme .owl-dots .owl-dot.active span {
  position: relative;
}
.courses-slider.owl-theme .owl-dots .owl-dot.active span::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1C345A;
  border-radius: 100%;
  top: 4px;
  left: 4px;
}
.courses-slider.style-2.owl-theme .owl-dots {
  display: none;
}

.paginations {
  text-align: center;
  margin-bottom: 30px;
}
.paginations ul {
  padding-left: 0;
  margin-bottom: 0;
}
.paginations ul li {
  display: inline-block;
  padding-right: 10px;
}
.paginations ul li a {
  text-align: center;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 100%;
  border: 1px solid #eeeeee;
  display: inline-block;
  transition: all ease 0.5s;
  color: #1C345A;
  font-size: 18px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.paginations ul li a i {
  position: relative;
  top: 2px;
}
.paginations ul li a:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}
.paginations ul li a.active {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}

.courses-details .courses-card {
  margin-bottom: 40px;
}
.courses-details .courses-card h2 {
  font-size: 36px;
  margin-bottom: 25px;
}
.courses-details .courses-card .img {
  margin-bottom: 50px;
}
.courses-details .courses-card .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.courses-details .courses-card .list ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
}
.courses-details .courses-card .list ul li .teacher {
  position: relative;
  padding-left: 70px;
}
.courses-details .courses-card .list ul li .teacher img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.courses-details .courses-card .list ul li .teacher p a {
  color: #1C345A;
}
.courses-details .courses-card .list ul li span {
  color: #1C345A;
  font-weight: 500;
}
.courses-details .courses-card .list ul li i {
  color: #1C345A;
  position: relative;
  top: 2px;
  padding-right: 7px;
}

.description {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.description .nav-tabs {
  font-size: 18px;
  margin-bottom: 30px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  border: none;
}
.description .nav-tabs .nav-link {
  color: #1C345A;
  padding-bottom: 10px;
  padding: 15px 30px;
  font-weight: 600;
  border: none;
  border-radius: 0;
}
.description .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #1C345A !important;
  border-radius: 0;
  border: none;
  background-color: transparent;
}

.overview .learn {
  margin-bottom: 30px;
}
.overview .learn h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.overview .learn p {
  margin-bottom: 20px;
}
.overview .overview-box {
  padding-left: 30px;
  margin-bottom: 30px;
}
.overview .overview-box h4 {
  font-size: 18px;
  position: relative;
}
.overview .overview-box h4::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: #1C345A;
  left: -30px;
  top: 5px;
}

.curriculum {
  margin-bottom: 30px;
}
.curriculum h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.curriculum p {
  margin-bottom: 20px;
}
.curriculum .curriculum-list {
  padding: 30px;
  background-color: #f4f6f9;
}
.curriculum .curriculum-list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.curriculum .curriculum-list ul li {
  list-style-type: none;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d5d0d0;
  position: relative;
}
.curriculum .curriculum-list ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.curriculum .curriculum-list ul li span {
  position: absolute;
  right: 0;
  top: -5px;
  background-color: #1C345A;
  color: #ffffff;
  padding: 5px 10px;
}

.instructor {
  margin-bottom: 30px;
}
.instructor .instructor-content .name {
  margin-bottom: 25px;
}
.instructor .instructor-content .name h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.instructor .instructor-content .quick-contact {
  margin-bottom: 20px;
}
.instructor .instructor-content .quick-contact h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.instructor .instructor-content .quick-contact ul {
  padding-left: 0;
  margin-bottom: 0;
}
.instructor .instructor-content .quick-contact ul li {
  list-style-type: none;
}
.instructor .instructor-content .quick-contact ul li i {
  color: #1C345A;
  position: relative;
  top: 2px;
  margin-right: 7px;
}
.instructor .instructor-content .quick-contact ul li a {
  color: #1C345A;
}
.instructor .instructor-content .social ul {
  padding-left: 0;
  margin-bottom: 0;
}
.instructor .instructor-content .social ul li {
  display: inline-block;
  list-style-type: none;
  margin-right: 10px;
}
.instructor .instructor-content .social ul li a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 7px;
  text-align: center;
  font-size: 18px;
  background-color: #1C345A;
  color: #ffffff;
  display: inline-block;
  transition: all ease 0.5s;
}
.instructor .instructor-content .social ul li a:hover {
  background-color: #1C345A;
  color: #ffffff;
}

.review-form h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.review-form .form-group {
  margin-bottom: 30px;
}
.review-form .form-group label {
  mn: 7px;
}

.single-reviews-card {
  position: relative;
  padding: 30px;
  padding-left: 140px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.single-reviews-card .date {
  margin-bottom: 20px;
}
.single-reviews-card .icon {
  position: absolute;
  right: 30px;
  top: 60px;
  color: #ffc107;
}
.single-reviews-card h2 {
  font-size: 22px;
  margin-bottom: 10px;
}
.single-reviews-card img {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.comments {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}
.comments h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.comments .single-comments-box {
  padding-left: 110px;
  position: relative;
  margin-bottom: 30px;
}
.comments img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.comments .reply {
  position: absolute;
  right: 0;
  background-color: #f4f6f9;
  padding: 10px 15px;
  top: 15px;
  transition: all ease 0.5s;
}
.comments .reply a {
  color: #F5F5F5;
  transition: all ease 0.5s;
}
.comments .reply:hover {
  background-color: #1C345A;
}
.comments .reply:hover a {
  color: #ffffff;
}
.comments h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.comments .date {
  margin-bottom: 20px;
}

.reply-area {
  margin-bottom: 30px;
}
.reply-area h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.reply-area p {
  margin-bottom: 20px;
}
.reply-area .reply-form .form-group {
  margin-bottom: 25px;
}
.reply-area .reply-form .form-group .form-control {
  background-color: #f4f6f9;
  border: 1px solid transparent;
}
.reply-area .reply-form .form-group .form-control:focus {
  border-color: #1C345A;
}
.reply-area .reply-form .form-check {
  margin-bottom: 30px;
}
.reply-area .reply-form .form-check .form-check-input {
  border-radius: 0;
}
.reply-area .reply-form .form-check .form-check-input:checked {
  background-color: #1C345A;
  border-color: #1C345A;
}
.reply-area .reply-form .form-check .form-check-input:focus {
  box-shadow: none;
}

.enroll-courses {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.enroll-courses .enroll-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.enroll-courses .enroll-img img {
  overflow: hidden;
  transition: all ease 0.5s;
}
.enroll-courses .enroll-img .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 1;
}
.enroll-courses .enroll-img .icon a {
  font-size: 35px;
  background-color: #ffffff;
  color: #1C345A;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 100%;
  transition: all ease 0.5s;
}
.enroll-courses .enroll-img .icon a:hover {
  background-color: #1C345A;
  color: #ffffff;
}
.enroll-courses .enroll-img .icon::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.006);
  animation: ripple 4s linear infinite;
  z-index: -1;
}
.enroll-courses .enroll-img .icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.004);
  animation: ripple 3s linear infinite;
  z-index: -1;
}
.enroll-courses .enroll-img:hover img {
  transform: scale(1.2);
  filter: blur(3px);
}
.enroll-courses .list {
  margin-bottom: 30px;
}
.enroll-courses .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.enroll-courses .list ul li {
  list-style-type: none;
  text-align: right;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e1e1;
}
.enroll-courses .list ul li span {
  position: absolute;
  left: 0;
  color: #1C345A;
  font-weight: 600;
}
.enroll-courses .list ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.enroll-courses .default-btn {
  display: block;
}

/*
Campus Life Style
======================================================*/
.single-campus-card {
  margin-bottom: 30px;
  transition: all ease 0.5s;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-campus-card .campus-content {
  padding: 30px;
  padding-bottom: 26px;
}
.single-campus-card .campus-content span {
  color: #1C345A;
  margin-bottom: 15px;
  display: inline-block;
  font-weight: 500;
}
.single-campus-card .campus-content h3 {
  font-size: 24px;
  margin-bottom: 0;
  line-height: 1.3;
  transition: all ease 0.5s;
}
.single-campus-card .campus-content h3:hover {
  color: #1C345A;
}
.single-campus-card.style2 .campus-content {
  background-color: #ffffff;
}
.single-campus-card.style2 .campus-content span {
  position: relative;
  padding-left: 55px;
}
.single-campus-card.style2 .campus-content span::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 50px;
  background-color: #1C345A;
  left: 0;
  bottom: 5px;
}
.single-campus-card.style2:hover {
  transform: translateY(0);
}
.single-campus-card.style-3 {
  position: relative;
}
.single-campus-card.style-3 .campus-content {
  background-color: #ffffff;
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  transition: all ease 0.5s;
  transform: scaleY(0);
}
.single-campus-card.style-3:hover {
  transform: translateY(0);
}
.single-campus-card:hover {
  transform: translateY(-10px);
}

.campus-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #dfdbdb;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.campus-slider.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.campus-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.campus-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.campus-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}
.campus-slider.owl-theme .owl-dots {
  left: 0;
}
.campus-slider.owl-theme .owl-dots .owl-dot span {
  background-color: #1C345A;
  margin: 10px 10px 0 10px;
  background-color: #bbbaba;
  height: 18px;
  width: 18px;
}
.campus-slider.owl-theme .owl-dots .owl-dot.active span {
  position: relative;
}
.campus-slider.owl-theme .owl-dots .owl-dot.active span::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1C345A;
  border-radius: 100%;
  top: 4px;
  left: 4px;
}

.campus-slider2.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #dfdbdb;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.campus-slider2.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.campus-slider2.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.campus-slider2.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.campus-slider2.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}

.active.center .single-campus-card.style-3 .campus-content {
  transform: scaleY(1);
}

/*
Admission Style
======================================================*/
.admisssion-area.admission-bg {
  background-image: url(../images/admission/admission-3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.admisssion-area.admission-bg::before {
  position: absolute;
  content: "";
  background: rgba(17, 29, 94, 0.75);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.admission-left-content {
  position: relative;
}
.admission-left-content h2 {
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 20px;
}
.admission-left-content p {
  color: #ffffff;
  margin-bottom: 30px;
}

.admission-right-content {
  position: relative;
  text-align: right;
}
.admission-right-content p {
  padding-right: 100px;
  position: relative;
  color: #ffffff;
  top: 20px;
}
.admission-right-content .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.admission-right-content .icon a {
  font-size: 35px;
  background-color: #ffffff;
  color: #1C345A;
  text-align: center;
  height: 60px;
  width: 60px;
  display: inline-block;
  line-height: 60px;
  border-radius: 100%;
  transition: all ease 0.5s;
}
.admission-right-content .icon a:hover {
  background-color: #1C345A;
  color: #ffffff;
}
.admission-right-content .icon::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 100%;
  left: -5px;
  top: -5px;
  background-color: rgba(255, 255, 255, 0.006);
  animation: ripple 4s linear infinite;
  z-index: -1;
}
.admission-right-content .icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  left: -10px;
  top: -10px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.004);
  animation: ripple 3s linear infinite;
  z-index: -1;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 0.6;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.admission-content .admission-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 10px;
}
.admission-content .admission-image img {
  overflow: hidden;
  transition: all ease 0.5s;
}
.admission-content .admission-image .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 1;
}
.admission-content .admission-image .icon a {
  font-size: 35px;
  background-color: #1C345A;
  color: #ffffff;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 100%;
  transition: all ease 0.5s;
}
.admission-content .admission-image .icon a:hover {
  background-color: #1C345A;
  color: #ffffff;
}
.admission-content .admission-image .icon::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background-color: rgba(227, 40, 69, 0.006);
  animation: ripple 4s linear infinite;
  z-index: -1;
}
.admission-content .admission-image .icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  border-radius: 100%;
  background-color: rgba(227, 40, 69, 0.004);
  animation: ripple 3s linear infinite;
  z-index: -1;
}
.admission-content .admission-image:hover img {
  transform: scale(1.2);
  filter: blur(3px);
}
.admission-content .query p {
  margin-bottom: 30px;
}

.how-to-apply h2 {
  font-size: 48px;
  margin-bottom: 20px;
}
.how-to-apply p {
  margin-bottom: 30px;
}
.how-to-apply .apply-list {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
.how-to-apply .apply-list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.how-to-apply .apply-list ul li {
  list-style-type: none;
  margin-bottom: 12px;
  position: relative;
  padding-left: 20px;
}
.how-to-apply .apply-list ul li i {
  position: absolute;
  color: #1C345A;
  left: 0;
}

.submit {
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
.submit h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.submit p {
  margin-bottom: 25px;
}

.financial {
  margin-bottom: 30px;
}
.financial h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.financial p {
  margin-bottom: 25px;
}

.additional-information {
  background-color: #f4f6f9;
  padding: 30px;
  margin-bottom: 30px;
}
.additional-information h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.additional-information .list {
  text-align: center;
}
.additional-information .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.additional-information .list ul li {
  list-style-type: none;
  margin-bottom: 15px;
  padding: 15px;
  background-color: #ffffff;
  transition: all ease 0.5s;
}
.additional-information .list ul li a {
  color: #F5F5F5;
  transition: all ease 0.5s;
}
.additional-information .list ul li:hover {
  background-color: #1C345A;
}
.additional-information .list ul li:hover a {
  color: #ffffff;
}

/*
Program Style
======================================================*/
.single-program-card {
  background-color: #ffffff;
  margin-bottom: 30px;
}
.single-program-card .program-content {
  padding: 30px;
}
.single-program-card .program-content h3 {
  font-size: 22px;
  margin-bottom: 17px;
}
.single-program-card .program-content h3 a {
  color: #1C345A;
  transition: all ease 0.5s;
}
.single-program-card .program-content h3 a:hover {
  color: #1C345A;
}
.single-program-card .program-content p {
  margin-bottom: 17px;
}

/*
Health Care Style
======================================================*/
.single-health-care-card {
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.single-health-care-card .health-care-content {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  padding: 30px;
}
.single-health-care-card .health-care-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
  transition: all ease 0.5s;
  line-height: 1.3;
}
.single-health-care-card .health-care-content p {
  margin-bottom: 15px;
}
.single-health-care-card.style1 {
  position: relative;
}
.single-health-care-card.style1 .health-care-content {
  background-color: #ffffff;
  max-width: 420px;
  margin: auto;
  left: 0;
  right: 0;
  position: absolute;
  bottom: -70px;
}
.single-health-care-card.style2 {
  position: relative;
  padding-top: 150px;
}
.single-health-care-card.style2 .health-care-content {
  background-color: #ffffff;
  max-width: 420px;
  margin: auto;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
}
.single-health-care-card.style-3 {
  position: relative;
}
.single-health-care-card.style-3 .health-care-content {
  background-color: #ffffff;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.single-health-care-card.style-3:hover {
  transform: translateX(0);
}
.single-health-care-card:hover {
  transform: translateX(-10px);
}
.single-health-care-card:hover .health-care-content h3 {
  color: #1C345A;
}

.more-health-care.style2 {
  text-align: right !important;
  padding-right: 200px;
}

.health-care-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #dfdbdb;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.health-care-slider.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.health-care-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.health-care-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.health-care-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}

.health-details .top-content img {
  margin-bottom: 25px;
}
.health-details .top-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
}
.health-details .top-content p {
  margin-bottom: 25px;
}
.health-details .health-care h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.health-details .health-care p {
  margin-bottom: 20px;
}
.health-details .health-care-access {
  margin-bottom: 20px;
}
.health-details .health-care-access h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.health-details .health-care-access p {
  margin-bottom: 20px;
}

.madical-care-content .medical-card {
  margin-bottom: 30px;
}
.madical-care-content .medical-card .content {
  background-color: #1C345A;
  text-align: center;
  padding: 20px 0 15px 0;
}
.madical-care-content .medical-card .content h4 {
  font-size: 22px;
  color: #ffffff;
}
.madical-care-content .medical-care {
  margin-bottom: 30px;
}
.madical-care-content .medical-care h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.madical-care-content .medical-care p {
  margin-bottom: 20px;
}
.madical-care-content .medical-care .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.madical-care-content .medical-care .list ul li {
  margin-bottom: 10px;
  list-style-type: none;
  position: relative;
  padding-left: 20px;
}
.madical-care-content .medical-care .list ul li::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: #1C345A;
  left: 0;
  top: 6px;
}
.madical-care-content .medical-care .list ul li:last-child {
  margin-bottom: 10px;
}

.tranding {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.tranding h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.tranding .tranding-box {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d4d3d3;
}
.tranding .tranding-box .tranding-content {
  position: relative;
  padding-left: 105px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tranding .tranding-box .tranding-content h4 {
  font-size: 16px;
  margin-bottom: 5px;
}
.tranding .tranding-box .tranding-content h4 a {
  color: #F5F5F5;
  transition: all ease 0.5s;
}
.tranding .tranding-box .tranding-content img {
  height: 80px;
  width: 90px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tranding .tranding-box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.tranding .tranding-box:hover .tranding-content h4 a {
  color: #1C345A;
}

/*
Events Style
======================================================*/
.single-events-card {
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.single-events-card .events-image {
  position: relative;
}
.single-events-card .events-image .date {
  background-color: #ffffff;
  position: absolute;
  bottom: -35px;
  left: 30px;
  padding: 15px 25px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  border-radius: 5px;
}
.single-events-card .events-image .date span {
  font-size: 18px;
  color: #1C345A;
  font-weight: 600;
  margin-bottom: 10px;
}
.single-events-card .events-content {
  padding: 30px;
  background-color: #ffffff;
}
.single-events-card .events-content .admin {
  text-align: right;
  margin-bottom: 20px;
}
.single-events-card .events-content .admin p a {
  color: #F5F5F5;
}
.single-events-card .events-content .admin p a i {
  color: #1C345A;
  padding-right: 7px;
}
.single-events-card .events-content h3 {
  font-size: 24px;
  transition: all ease 0.5s;
  list-style: 1.3;
}
.single-events-card:hover {
  transform: translateX(-10px);
}
.single-events-card:hover .events-content h3 {
  color: #1C345A;
}
.single-events-card.style2 .events-content {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-events-card.style2 .events-content h3 {
  margin-bottom: 15px;
}
.single-events-card.style2 .events-content .admin-and-date ul {
  padding-left: 0;
  margin-bottom: 0;
}
.single-events-card.style2 .events-content .admin-and-date ul li {
  list-style-type: none;
}
.single-events-card.style2 .events-content .admin-and-date ul li a {
  color: #F5F5F5;
}
.single-events-card.style2 .events-content .admin-and-date ul li a i {
  color: #1C345A;
  margin-right: 7px;
}
.single-events-card.style2:hover {
  transform: translateX(0);
}
.single-events-card.style-3 .events-content {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-events-card.style-3 .events-content .date-and-read-more ul {
  padding-left: 0;
  margin-bottom: 0;
}
.single-events-card.style-3 .events-content .date-and-read-more ul li {
  list-style-type: none;
}
.single-events-card.style-3 .events-content .date-and-read-more ul li p i {
  color: #1C345A;
  position: relative;
  top: 2px;
  margin-right: 7px;
}
.single-events-card.style-4 .events-content {
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}

.events-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #dfdbdb;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.events-slider.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.events-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.events-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.events-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}
.events-slider.owl-theme .owl-dots {
  left: 0;
}
.events-slider.owl-theme .owl-dots .owl-dot span {
  background-color: #1C345A;
  margin: 10px 10px 0 10px;
  background-color: #dbdada;
  height: 18px;
  width: 18px;
}
.events-slider.owl-theme .owl-dots .owl-dot.active span {
  position: relative;
}
.events-slider.owl-theme .owl-dots .owl-dot.active span::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1C345A;
  border-radius: 100%;
  top: 4px;
  left: 4px;
}

.events-details-left-content .events-image {
  margin-bottom: 30px;
}

.meetings {
  padding-bottom: 15px;
  border-bottom: 1px solid #f4f6f9;
  margin-bottom: 30px;
}
.meetings h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.meetings p {
  margin-bottom: 20px;
}

.about-lecturer h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.about-lecturer img {
  margin-bottom: 30px;
}
.about-lecturer p {
  margin-bottom: 30px;
}
.about-lecturer .address {
  margin-bottom: 15px;
}
.about-lecturer .address h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.about-lecturer .address .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.about-lecturer .address .list ul li {
  margin-bottom: 10px;
  list-style-type: none;
  position: relative;
  padding-left: 20px;
}
.about-lecturer .address .list ul li::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background-color: #1C345A;
  left: 0;
  top: 7px;
}
.about-lecturer .address .list ul li a {
  color: #F5F5F5;
}
.about-lecturer .social-content {
  margin-bottom: 30px;
}
.about-lecturer .social-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.about-lecturer .social-content ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}
.about-lecturer .social-content ul li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100%;
  background-color: #f4f6f9;
  color: #1C345A;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  transition: all ease 0.5s;
}
.about-lecturer .social-content ul li a:hover {
  background-color: #1C345A;
  color: #ffffff;
  transform: translateY(-5px);
}

.next-workshop {
  margin-bottom: 30px;
}
.next-workshop h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.next-workshop .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.next-workshop .list ul li {
  list-style-type: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 120px;
}
.next-workshop .list ul li span {
  position: absolute;
  left: 0;
}
.next-workshop .list ul li:last-child {
  margin-bottom: 0;
}

.brought {
  margin-bottom: 30px;
}
.brought h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.brought p {
  margin-bottom: 20px;
}
.brought .default-btn {
  margin-top: 10px;
}

.counter-area ul {
  padding-left: 0;
  margin-bottom: 0;
}
.counter-area ul li {
  list-style-type: none;
}

/*
Podcasts Care Style
======================================================*/
.single-podcasts-card {
  margin-bottom: 30px;
}
.single-podcasts-card .podcast-content span {
  color: #1C345A;
  display: inline-block;
  margin-bottom: 10px;
}
.single-podcasts-card .podcast-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.3;
}
.single-podcasts-card .podcast-content p {
  margin-bottom: 20px;
}
.single-podcasts-card .podcast-content .play-icon {
  transition: all ease 0.5s;
  padding-top: 5px;
  max-width: 170px;
}
.single-podcasts-card .podcast-content .play-icon i {
  color: #ffffff;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 100%;
  font-size: 24px;
  background-color: #1C345A;
  display: inline-block;
  text-align: center;
  transition: all ease 0.5s;
}
.single-podcasts-card .podcast-content .play-icon span {
  position: relative;
  display: inline-block;
  bottom: 8px;
  padding-left: 7px;
  transition: all ease 0.5s;
}
.single-podcasts-card .podcast-content .play-icon:hover {
  background-color: #1C345A;
  padding-top: 5px;
}
.single-podcasts-card .podcast-content .play-icon:hover span {
  color: #ffffff;
}
.single-podcasts-card.style2 .podcasts-image {
  position: relative;
}
.single-podcasts-card.style2 .podcasts-image .play-btn {
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 100%;
  text-align: center;
  font-size: 24px;
  border: 1px solid #ffffff;
  color: #ffffff;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 1;
  transition: all ease 0.5s;
}
.single-podcasts-card.style2 .podcasts-image .play-btn:hover {
  background-color: #ffffff;
  color: #1C345A;
  border-color: #ffffff;
}
.single-podcasts-card.style2 .podcast-content {
  background-color: #ffffff;
  padding: 30px;
}
.single-podcasts-card.style2 .podcast-content ul {
  padding-left: 0;
  margin-bottom: 15px;
}
.single-podcasts-card.style2 .podcast-content ul li {
  list-style-type: none;
  color: #1C345A;
}
.single-podcasts-card.style2 .podcast-content ul li.date {
  position: relative;
  padding-left: 35px;
}
.single-podcasts-card.style2 .podcast-content ul li.date::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 30px;
  background-color: #1C345A;
  top: 12px;
  left: 0;
}
.single-podcasts-card.style2 .podcast-content h3 {
  margin-bottom: 0;
}
.single-podcasts-card.style3 .podcasts-image {
  position: relative;
}
.single-podcasts-card.style3 .podcasts-image .play-btn {
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 100%;
  text-align: center;
  font-size: 24px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #1C345A;
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 1;
  transition: all ease 0.5s;
}
.single-podcasts-card.style3 .podcasts-image .play-btn:hover {
  background-color: #1C345A;
  color: #ffffff;
}
.single-podcasts-card.style3 .podcasts-image .episodes p {
  background-color: #ffffff;
  color: #1C345A;
  padding: 10px 15px;
  position: absolute;
  top: 30px;
  left: 30px;
  border-radius: 7px;
}
.single-podcasts-card.style3 .podcast-content {
  padding: 30px 30px 0 30px;
}
.single-podcasts-card.style3 .podcast-content .date p {
  color: #1C345A;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}
.single-podcasts-card.style3 .podcast-content .date p::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background-color: #1C345A;
  left: 0;
  top: 7px;
}

.categories {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.categories h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.categories ul {
  padding-left: 0;
  margin-bottom: 0;
}
.categories ul li {
  position: relative;
  list-style-type: none;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.categories ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.categories ul li a {
  color: #F5F5F5;
  transition: all ease 0.5s;
}
.categories ul li i {
  color: #1C345A;
  padding-right: 10px;
}
.categories ul li:hover a {
  color: #1C345A;
}
.categories.style-2 {
  background-color: #ffffff;
}

.subscribe-area {
  background-image: url(../images/subscribe-img.jpg);
  background-size: cover;
  padding: 30px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.subscribe-area::before {
  position: absolute;
  content: "";
  background: rgb(28, 52, 90);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.subscribe-area .top-content {
  position: relative;
}
.subscribe-area .top-content i {
  font-size: 40px;
  color: #ffffff;
}
.subscribe-area .top-content h3 {
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 15px;
}
.subscribe-area .top-content p {
  margin-bottom: 20px;
  color: #ffffff;
}
.subscribe-area .newsletter-form {
  position: relative;
}
.subscribe-area .newsletter-form .form-control {
  margin-bottom: 30px;
}
.subscribe-area .newsletter-form .default-btn {
  width: 100%;
}
.subscribe-area .newsletter-form .validation-danger {
  color: #1C345A;
  margin-top: 5px;
}

/*
Stories Style
======================================================*/
.single-stories-card {
  margin-bottom: 30px;
}
.single-stories-card .stories-content {
  padding: 30px 30px 20px 30px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-stories-card .stories-content h3 {
  font-size: 22px;
}
.single-stories-card iframe {
  height: 234px;
  width: 100%;
}

/*
Latest News Style
======================================================*/
.single-news-card {
  margin-bottom: 30px;
  transition: all ease 0.5s;
  background-color: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.single-news-card .news-img {
  overflow: hidden;
}
.single-news-card .news-img img {
  transition: all ease 0.5s;
}
.single-news-card .news-content {
  padding: 30px;
}
.single-news-card .news-content .list {
  margin-bottom: 15px;
}
.single-news-card .news-content .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.single-news-card .news-content .list ul li {
  display: inline-block;
  margin-right: 15px;
}
.single-news-card .news-content .list ul li i {
  padding-right: 7px;
  color: #1C345A;
}
.single-news-card .news-content .list ul li a {
  color: #1C345A;
}
.single-news-card .news-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
  transition: all ease 0.5s;
  line-height: 1.3;
}
.single-news-card:hover .news-img img {
  transform: scale(1.1);
}
.single-news-card:hover .news-content h3 {
  color: #1C345A;
}
.single-news-card.style2 .news-content {
  background-color: #ffffff;
}
.single-news-card.style3 {
  background-color: #ffffff;
}
.single-news-card.style3 .news-content {
  background-color: #ffffff;
}

.news-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  bottom: 30px;
  left: -80px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px solid #dfdbdb;
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 100%;
  transition: all ease 0.5s;
  font-size: 24px;
}
.news-slider.owl-theme .owl-nav [class*=owl-] i {
  position: relative;
  top: -2px;
  left: -1px;
}
.news-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  right: -80px;
  left: auto;
}
.news-slider.owl-theme .owl-nav [class*=owl-].owl-next i {
  position: relative;
  right: -1px;
  left: auto;
  top: -2px;
}
.news-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #1C345A;
  color: #ffffff;
  border: 1px solid #1C345A;
}
.news-slider.owl-theme .owl-dots {
  left: 0;
}
.news-slider.owl-theme .owl-dots .owl-dot span {
  background-color: #1C345A;
  margin: 0 15px;
  background-color: #ded6d6;
  height: 18px;
  width: 18px;
}
.news-slider.owl-theme .owl-dots .owl-dot.active span {
  position: relative;
}
.news-slider.owl-theme .owl-dots .owl-dot.active span::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1C345A;
  border-radius: 100%;
  top: 4px;
  left: 4px;
}

.latest-news-simple-card {
  background-image: url(../images/news/news-5.jpg);
  background-size: cover;
  background-position: center center;
  height: 450px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.latest-news-simple-card::before {
  position: absolute;
  content: "";
  background: rgb(28, 52, 90);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.latest-news-simple-card .news-content {
  padding: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.latest-news-simple-card .news-content .list {
  margin-bottom: 15px;
}
.latest-news-simple-card .news-content .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.latest-news-simple-card .news-content .list ul li {
  display: inline-block;
  margin-right: 15px;
  color: #ffffff;
}
.latest-news-simple-card .news-content .list ul li i {
  padding-right: 7px;
  color: #1C345A;
}
.latest-news-simple-card .news-content .list ul li a {
  color: #ffffff;
}
.latest-news-simple-card .news-content h3 {
  font-size: 36px;
  margin-bottom: 15px;
  color: #ffffff;
}

.latest-news-card-area h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.category-list {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.category-list h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.category-list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.category-list ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 10px;
}
.category-list ul li a {
  color: #F5F5F5;
  transition: all ease 0.5s;
}
.category-list ul li i {
  position: absolute;
  right: 0;
  font-size: 22px;
}
.category-list ul li:last-child {
  margin-bottom: 0;
}
.category-list ul li:hover a {
  color: #1C345A;
}

.related-post-area {
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.related-post-area h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.related-post-area .related-post-box {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d4d3d3;
}
.related-post-area .related-post-box .related-post-content {
  position: relative;
  padding-left: 105px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.related-post-area .related-post-box .related-post-content h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.related-post-area .related-post-box .related-post-content h4 a {
  color: #F5F5F5;
  transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.related-post-area .related-post-box .related-post-content h4:hover a {
  color: #1C345A;
}
.related-post-area .related-post-box .related-post-content img {
  height: 80px;
  width: 90px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.related-post-area .related-post-box .related-post-content p i {
  color: #1C345A;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.related-post-area .related-post-box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.related-post-area .related-post-box:hover .tranding-content h4 a {
  color: #1C345A;
}

.news-details .news-simple-card img {
  margin-bottom: 20px;
}
.news-details .news-simple-card .list {
  margin-bottom: 15px;
}
.news-details .news-simple-card .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.news-details .news-simple-card .list ul li {
  display: inline-block;
  margin-right: 15px;
}
.news-details .news-simple-card .list ul li i {
  padding-right: 7px;
  color: #1C345A;
}
.news-details .news-simple-card .list ul li a {
  color: #F5F5F5;
}
.news-details .news-simple-card h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.news-details .news-simple-card p {
  margin-bottom: 20px;
}
.news-details .theory .theory-box {
  padding-left: 30px;
  margin-bottom: 30px;
}
.news-details .theory .theory-box h4 {
  font-size: 18px;
  position: relative;
}
.news-details .theory .theory-box h4::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: #1C345A;
  left: -30px;
  top: 5px;
}
.news-details .blog-img-and-content {
  margin-bottom: 30px;
}
.news-details .blog-img-and-content img {
  margin-bottom: 30px;
}

.tags-and-share {
  padding-bottom: 25px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}
.tags-and-share .tags ul {
  padding-left: 0;
  margin-bottom: 0;
}
.tags-and-share .tags ul li {
  margin-right: 10px;
  display: inline-block;
}
.tags-and-share .tags ul li span {
  font-size: 18px;
  font-weight: 500;
  color: #1C345A;
  margin-right: 5px;
}
.tags-and-share .tags ul li a {
  color: #F5F5F5;
  transition: all ease 0.5s;
  position: relative;
}
.tags-and-share .tags ul li a:hover {
  color: #1C345A;
}
.tags-and-share .tags ul li a::before {
  position: absolute;
  content: ",";
  right: -4px;
}
.tags-and-share .tags ul li:last-child a::before {
  display: none;
}
.tags-and-share .share {
  text-align: right;
}
.tags-and-share .share ul {
  padding-left: 0;
  margin-bottom: 0;
}
.tags-and-share .share ul li {
  display: inline-block;
}
.tags-and-share .share ul li span {
  font-size: 18px;
  font-weight: 500;
  color: #1C345A;
  margin-right: 15px;
}
.tags-and-share .share ul li a {
  height: 35px;
  width: 35px;
  line-height: 38px;
  border-radius: 100%;
  background-color: #f4f6f9;
  color: #1C345A;
  display: inline-block;
  text-align: center;
  transition: all ease 0.5s;
}
.tags-and-share .share ul li a:hover {
  background-color: #1C345A;
  color: #ffffff;
}

/*
Footer Style
======================================================*/
.pdz {
  padding: 0px !important;
}

.pdlz {
  padding-left: 0px !important;
}

.pdrz {
  padding-right: 0px !important;
}

.skzfotsocl li {
  font-size: 30px;
}

.footer-area {
  background-color: #1C345A;
  position: relative;
  z-index: 1;
}
.footer-area .shape {
  position: absolute;
  top: 50px;
  margin: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  left: 0;
  right: 0;
  z-index: -1;
}

.footer-logo-area {
  margin-bottom: 30px;
}
.footer-logo-area img {
  margin-bottom: 20px;
}
.footer-logo-area p {
  margin-bottom: 25px;
  color: #ffffff;
}
.footer-logo-area .contact-list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-logo-area .contact-list ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
.footer-logo-area .contact-list ul li:last-child {
  margin-bottom: 0;
}
.footer-logo-area .contact-list ul li a {
  color: #ffffff;
}

.footer-widjet {
  margin-bottom: 30px;
}
.footer-widjet h3 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 30px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}
.footer-widjet h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(to right, #b2b1b2, #b2b1b2, #b2b1b2, #1C345A);
}
.footer-widjet .list ul {
  padding-left: 0;
  margin-bottom: 0;
}
.footer-widjet .list ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
.footer-widjet .list ul li:last-child {
  margin-bottom: 0;
}
.footer-widjet .list ul li a {
  color: #ffffff;
  transition: all ease 0.5s;
}
.footer-widjet .list ul li a:hover {
  color: #1C345A;
}
.footer-widjet img {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}

/*
CopyRight Style
======================================================*/
.copyright-area {
  background-color: #1C345A;
}

.copyright {
  padding: 30px 0;
}
.copyright .copy {
  text-align: right;
}
.copyright .copy p {
  color: #cacaca;
}
.copyright .copy p a {
  color: #1C345A;
}
.copyright .social-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.copyright .social-content ul li {
  display: inline-block;
  margin-right: 10px;
}
.copyright .social-content ul li:last-child {
  margin-right: 0;
}
.copyright .social-content ul li span {
  color: #ffffff;
}
.copyright .social-content ul li a {
  color: #cacaca;
  transition: all ease 0.5s;
}
.copyright .social-content ul li a:hover {
  color: #1C345A;
}


/* 
 Certificate Style 
 =====================================================
 .certificate-container-main {
            margin: 0;
            padding: 0;
            font-family: sans-serif;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #uniranks-blue-logo {
            width: 80%;
        }
        .certificate-container {
            background: #e1e1e1;
            padding: 40px 20px 20px 20px;
            border: 1px solid #ddd;
            width: 64%;
            border-radius: 10px;
            border: 2px solid #1c345a;
            text-align: center;
        }
        .certificate-header {
            display: flex;
            flex-direction: column;
        }
        .certificate-header-logos {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .certificate-title h2 {
            font-size: 1rem;
            font-weight: 500;
            color: #a5a5a5;
            margin-top: 0;
        }
        .certificate-tag-line p {
            color: #1c345a;
        }
        .certificate-title {
            font-size: 24px;
            font-weight: bold;
            margin: 20px 0;
        }
        #certificate-logo {
            width: 60%;
        }
        .color-blue {
            color: #1c345a;
        }
        .certificate-body {
            margin: 20px 0;
        }
        .certificate-footer {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            margin-top: 20px;
        }
        .certificate-footer img {
            height: 100px;
        }
        .certificate-container-main .qr-code {
            height: 60px;
            width: 60px;
        }
        .certificate-container-main .recipent-name {
            font-size: 2.4rem;
            margin: 0.4rem 0;
            text-transform:capitalize;
        }
        .certificate-container-main .recipent-major {
            font-size: 2rem;
            font-weight: 300;
            margin-top: 0;
        }
        .certificate-divider {
            width: 50%;
            margin: 1rem auto;
            height: 1px;
            background: #1c345a;
        }
        .certificate-container-main .self-center {
            text-align: center;
            padding: 0 0.4rem;
            font-size: 15px;
            line-height: 1.2rem;
            font-family: sans-serif;
            font-weight: lighter;
        }
        .certificate-container-main .year-badge-text
        {
                color: #fff;
                background: #1c345a;
                font-size: 1.4rem;
                border-radius: 5px;
                padding: 0.6rem 1rem;
        }
        
        @media(max-width:800px)
        {
            .certificate-container {
            background: #e1e1e1;
            padding: 40px 20px 20px 20px;
            border: 1px solid #ddd;
            width: 80%;
            border-radius: 10px;
            border: 2px solid #1c345a;
            text-align: center;
        }
        }
*/
/*
Page Banner Style
======================================================*/
.page-banner-area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
}
.page-banner-area::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #F5F5F5;
}
.page-banner-area.bg-1 {
  background-image: url(../images/page-banner/page-bnner-1.jpg);
}
.page-banner-area.bg-2 {
  background-image: url(../images/page-banner/page-bnner-2.jpg);
}
.page-banner-area .container-fluid {
  max-width: 1520px;
  margin: auto;
}

.page-banner-content {
  position: relative;
}
.page-banner-content h1 {
  font-size: 50px;
  margin-bottom: 10px;
  color: #1C345A;
}
.page-banner-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.page-banner-content ul li {
  display: inline-block;
  position: relative;
  padding-right: 18px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}
.page-banner-content ul li a {
  text-decoration: none;
  color: #1C345A;
}
.page-banner-content ul li::before {
  position: absolute;
  content: "/";
  right: 2px;
  top: 0;
  color: #1C345A;
}
.page-banner-content ul li:last-child {
  color: #1C345A;
  padding-right: 0;
}
.page-banner-content ul li:last-child::before {
  display: none;
}

/*
Student life Style
======================================================*/
.student-life-card {
  margin-bottom: 30px;
  position: relative;
}
.student-life-card .tags {
  background-color: #1C345A;
  padding: 10px 15px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.student-life-card .tags p {
  color: #ffffff;
}

/*
Alumni life Style
======================================================*/
.alumni-left-content h3 {
  font-size: 30px;
  margin-bottom: 20px;
}

.single-alumni-events-card {
  padding: 10px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.single-alumni-events-card .alumni-img {
  position: relative;
}
.single-alumni-events-card .alumni-img img {
  width: 100%;
}
.single-alumni-events-card .alumni-img .date {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #1C345A;
  padding: 8px 12px;
}
.single-alumni-events-card .alumni-img .date p {
  color: #ffffff;
  font-size: 13px;
}
.single-alumni-events-card .alumni-content .time {
  margin-bottom: 15px;
}
.single-alumni-events-card .alumni-content .time p i {
  color: #1C345A;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.single-alumni-events-card .alumni-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.single-alumni-events-card .alumni-content .location p i {
  color: #1C345A;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.single-alumni-events-card:hover {
  transform: translateY(-10px);
}

.alumni-right-content h3 {
  font-size: 30px;
  margin-bottom: 20px;
}

.single-alumoni-updates-card {
  padding: 10px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 30px;
  transition: all ease 0.5s;
}
.single-alumoni-updates-card .update-image img {
  width: 100%;
}
.single-alumoni-updates-card .updates-content .date {
  margin-bottom: 10px;
}
.single-alumoni-updates-card .updates-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.single-alumoni-updates-card:hover {
  transform: translateY(-10px);
}

.interview-content {
  background-image: url(../images/alumni/alumni-7.jpg);
  background-size: cover;
  background-position: center center;
}
.interview-content .interview {
  max-width: 465px;
  margin-right: 20px;
  margin-left: auto;
}
.interview-content .interview span {
  margin-bottom: 10px;
  display: inline-block;
}
.interview-content .interview h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.interview-content .interview p {
  margin-bottom: 30px;
}

/*
Contact Us Style
======================================================*/
.contacts-form {
  padding: 40px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 30px;
}
.contacts-form h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
.contacts-form .form-group {
  margin-bottom: 25px;
}
.contacts-form .form-group label {
  margin-bottom: 7px;
}
.contacts-form .form-group .form-control {
  background-color: #f4f6f9;
  border: 1px solid transparent;
}
.contacts-form .form-group .form-control:focus {
  border: 1px solid #1C345A;
}
.contacts-form .list-unstyled {
  color: #1C345A;
  margin-top: 7px;
}
.contacts-form .text-danger {
  color: #1C345A;
  font-size: 16px;
  margin-top: 7px;
}
.contacts-form .form-check .form-check-input {
  border-radius: 0;
}
.contacts-form .form-check .form-check-input:checked {
  background-color: #1C345A;
  border-color: #1C345A;
}
.contacts-form .form-check .form-check-input:focus {
  box-shadow: none;
}
.contacts-form .default-btn {
  width: 100%;
}

.contact-and-address h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.contact-and-address p {
  margin-bottom: 20px;
}
.contact-and-address .contact-and-address-content {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.contact-and-address .contact-and-address-content .contact-card {
  text-align: center;
  padding: 30px;
  background-color: #f4f6f9;
  margin-bottom: 30px;
}
.contact-and-address .contact-and-address-content .contact-card .icon {
  font-size: 35px;
  height: 65px;
  width: 65px;
  line-height: 65px;
  border: 1px solid #1C345A;
  color: #1C345A;
  text-align: center;
  border-radius: 100%;
  margin: auto;
  margin-bottom: 15px;
}
.contact-and-address .contact-and-address-content .contact-card h4 {
  font-size: 22px;
  margin-bottom: 15px;
}
.contact-and-address .contact-and-address-content .contact-card p {
  margin-bottom: 10px;
}
.contact-and-address .contact-and-address-content .contact-card p a {
  color: #1C345A;
  transition: all ease 0.5s;
}
.contact-and-address .contact-and-address-content .contact-card p a:hover {
  color: #1C345A;
}
.contact-and-address .social-media {
  margin-bottom: 30px;
}
.contact-and-address .social-media h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.contact-and-address .social-media p {
  margin-bottom: 25px;
}
.contact-and-address .social-media ul {
  padding-left: 0;
  margin-bottom: 0;
}
.contact-and-address .social-media ul li {
  margin-right: 10px;
  list-style-type: none;
  display: inline-block;
}
.contact-and-address .social-media ul li a {
  height: 35px;
  width: 35px;
  line-height: 37px;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  background-color: #eeeeee;
  color: #1C345A;
  transition: all ease 0.5s;
}
.contact-and-address .social-media ul li a:hover {
  background-color: #1C345A;
  color: #ffffff;
  transform: translateY(-5px);
}

/*
Go To Top Style
======================================================*/
/*
Faq Area Style
======================================================*/
.faq-title h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.faq-title p {
  margin-bottom: 30px;
}

.accordion .accordion-item {
  margin-bottom: 20px;
  border: 1px solid rgba(227, 40, 69, 0.4);
  border-radius: 10px;
}
.accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-button {
  border: none;
  background-color: transparent;
  color: #1C345A;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
  outline: none;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: unset;
}
.accordion .accordion-item .accordion-button::after {
  background-image: unset;
  content: "";
  font-size: 20px;
  color: #1C345A;
  text-align: center;
  content: "\ea13";
  font-family: "remixicon" !important;
  position: relative;
  top: -2px;
}
.accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: unset;
  text-align: center;
  content: "\f1af";
  position: relative;
  top: -2px;
}
.accordion .accordion-item .accordion-body {
  padding-top: 0;
  font-size: 15px;
}

/*
Login Area Style
======================================================*/
.login {
  max-width: 860px;
  margin: auto;
  padding: 50px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 30px;
}
.login h3 {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}
.login h3::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 70px;
  background-color: #1C345A;
  top: 43px;
}
.login .form-group {
  margin-bottom: 20px;
}
.login .form-check {
  margin-bottom: 20px;
}
.login .form-check .form-check-input:checked {
  background-color: #1C345A;
}
.login .form-check .form-check-input:focus {
  box-shadow: none;
}
.login .default-btn {
  padding: 15px 40px;
  margin-bottom: 15px;
}
.login a {
  display: inherit;
  color: #1C345A;
  font-weight: 500;
}

/*
Register Area Style
======================================================*/
.register {
  max-width: 860px;
  margin: auto;
  padding: 50px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 30px;
}
.register h3 {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}
.register h3::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 70px;
  background-color: #1C345A;
  top: 43px;
}
.register .form-group {
  margin-bottom: 20px;
}
.register .default-btn {
  padding: 15px 40px;
  margin-top: 10px;
}

/*
Password Area Style
======================================================*/
.password {
  max-width: 650px;
  margin: auto;
  padding: 50px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.password h3 {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
  position: relative;
}
.password h3::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 70px;
  background-color: #1C345A;
  top: 43px;
}
.password .form-group {
  margin-bottom: 20px;
}
.password .default-btn {
  width: 100%;
}

/*
Privacy Policy Style
======================================================*/
.privacy-content {
  margin-bottom: 10px;
}
.privacy-content h2 {
  font-size: 36px;
  margin-bottom: 10px;
}
.privacy-content h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.privacy-content p {
  margin-bottom: 25px;
}
.privacy-content .list ul {
  margin-bottom: 20px;
  padding-left: 0;
}
.privacy-content .list ul li {
  font-weight: 600;
  color: #1C345A;
  position: relative;
  padding-left: 20px;
  list-style-type: none;
  padding-bottom: 15px;
}
.privacy-content .list ul li i {
  position: absolute;
  left: 0;
  color: #1C345A;
}

/*
Terms & Condition Style
======================================================*/
.condition-content {
  margin-bottom: 10px;
}
.condition-content h2 {
  font-size: 36px;
  margin-bottom: 30px;
}
.condition-content h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.condition-content p {
  margin-bottom: 25px;
}
.condition-content .list ul {
  margin-bottom: 20px;
  padding-left: 0;
}
.condition-content .list ul li {
  font-weight: 600;
  color: #1C345A;
  position: relative;
  padding-left: 20px;
  list-style-type: none;
  padding-bottom: 15px;
}
.condition-content .list ul li i {
  position: absolute;
  left: 0;
  color: #1C345A;
}

/*
Error Area Style
======================================================*/
.error-area {
  text-align: center;
}
.error-area .top-content {
  margin-bottom: 10px;
}
.error-area .top-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.error-area .top-content ul li {
  font-size: 200px;
  font-weight: 700;
  display: inline-block;
  line-height: 1;
  margin-right: 30px;
  color: #1C345A;
  font-family: "Inter", sans-serif;
}
.error-area .top-content ul li:first-child {
  color: #1C345A;
}
.error-area .top-content ul li:last-child {
  color: #F5F5F5;
}
.error-area h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.error-area p {
  margin-bottom: 30px;
}

/*
Coming Soon Style
======================================================*/
.coming-soon-area {
  height: 100vh;
  vertical-align: middle;
  position: relative;
}
.coming-soon-area::before {
  position: absolute;
  content: "";
  background: #0e0e0e;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.coming-soon-area .coming-soon {
  text-align: center;
  max-width: 720px;
  margin: auto;
  background-color: #1C345A;
  padding: 40px;
  border-radius: 40px 10px 40px 10px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  z-index: 1;
  position: relative;
}
.coming-soon-area .coming-soon img {
  margin-bottom: 20px;
}
.coming-soon-area .coming-soon h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffffff;
}
.coming-soon-area .coming-soon .list ul {
  margin-bottom: 0;
  padding-left: 0;
}
.coming-soon-area .coming-soon .list ul li {
  margin: 0 20px;
  font-size: 36px;
  font-weight: 700;
  height: 100px;
  width: 100px;
  border: 6px double #1C345A;
  border-radius: 50px 0px 0px 0px;
  margin-bottom: 30px;
  color: #ffffff;
}
.coming-soon-area .coming-soon .list ul li span {
  font-size: 15px;
  font-weight: 500;
  color: #1C345A;
}
.coming-soon-area .coming-soon .newsletter-form {
  position: relative;
}
.coming-soon-area .coming-soon .newsletter-form .form-control {
  border-radius: 30px;
  height: 53px;
  background-color: #0e0e0e;
  color: #ffffff;
}
.coming-soon-area .coming-soon .newsletter-form .form-control::-moz-placeholder {
  color: #ffffff;
}
.coming-soon-area .coming-soon .newsletter-form .form-control::placeholder {
  color: #ffffff;
}
.coming-soon-area .coming-soon .newsletter-form .default-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.coming-soon-area .coming-soon .newsletter-form .validation-danger {
  color: #e60808;
  padding-top: 7px;
}

.user-profile-picture {
  width: 18%;
  border-radius: 15px;
}

.fee-range-min,
.fee-range-max {
  width: 45%;
}

.rbmftr {
  background-color: #1C345A;
  display: inline;
  padding: 12px 0px 0px 0px;
}

.flrslt {
  color: #ffffff;
  text-align: right;
}

.restlnk {
  color: #00AEEF;
  text-decoration: underline;
}

.stddisci {
  display: inline-grid !important;
  gap: 0px !important;
  align-items: end !important;
  /* justify-content: start; */
  align-content: center !important;
  justify-items: start !important;
  grid-template-columns: none !important;
}
.stddisci label {
  margin-bottom: 10px;
}

.noUi-connect {
  background: #1C345A !important;
}

.noUi-horizontal .noUi-handle {
  width: 15px !important;
  height: 15px !important;
  right: -15px !important;
  border-radius: 30px;
  background: #1C345A !important;
}

.noUi-handle:after, .noUi-handle:before {
  content: none !important;
}

.noUi-target {
  background: #F5F5F5 !important;
  border-radius: 4px !important;
  border: 1px solid #F5F5F5 !important;
  height: 5px !important;
}

.noUi-handle {
  box-shadow: none !important;
}

.maincolor {
  color: #1C345A;
}

.supt {
  font-size: smaller;
  font-weight: 500;
}

.fscty {
  text-decoration: underline;
  color: #00AEEF;
}

.frmbtn {
  background-color: #1C345A;
  color: #ffffff;
  border: none;
  padding: 0px;
  width: 17px;
  height: 17px;
  border-radius: 34px;
  font-size: 9px;
  font-weight: 900;
}

.lnkclr {
  color: #00AEEF;
  font-weight: 600;
}

.clrwhite {
  color: #ffffff;
}

.selection-item {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.info {
  flex-grow: 0;
  background-color: #f8f9fa;
  border-radius: 16px;
  padding: 5px 10px;
  margin-right: 10px;
}

.flag-icon {
  width: 30px;
  margin-right: 10px;
}

.remove-btn {
  font-size: 18px;
  border-radius: 54%;
  line-height: 1;
  color: #ffffff;
  border: 1px solid #1C345A;
  background-color: #1C345A;
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.country-city {
  color: #1C345A;
  font-size: medium;
}

.ccty, .major-text {
  color: #00AEEF;
  text-decoration: underline;
  font-weight: 600;
}

#seleConCty {
  margin-top: 12px;
}

.form-select:focus {
  border-color: #1C345A;
  box-shadow: none !important;
}

.clabl {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.search-section {
  position: relative;
  top: 28px;
}

.search-bar .form-floating {
  flex-grow: 1;
  z-index: 1;
}

/* Style for the form-floating label */
/* Style for the form-floating label */
.form-floating > label.clabl {
  padding-left: 0.5rem;
  color: #aaa; /* Placeholder color */
  pointer-events: none;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block; /* Change from flex to block */
  white-space: nowrap; /* Prevents the label from wrapping onto multiple lines */
}

/* Style for the highlighted part of the label */
.form-floating .highlight {
  font-weight: bold;
  color: #1C345A; /* Replace with your main color */
  font-size: 1.25rem;
  /* No need for margin-right as it's now inline */
  display: inline; /* Ensure it's displayed inline */
}

/* Style adjustments for the input field */
.form-floating > input {
  padding-top: 1.75rem; /* Adjust the top padding to align with the label */
  padding-bottom: 1.75rem; /* Adjust the bottom padding for consistent height */
}

.form-floating > label span {
  flex-grow: 1;
}

.form-floating > input {
  z-index: 2;
}

.form-floating > input:not(:-moz-placeholder-shown) + label {
  font-size: 0.75rem;
  background-color: transparent;
  color: #000;
}

.form-floating > input:not(:placeholder-shown) + label,
.form-floating > input:focus + label {
  font-size: 0.75rem;
  background-color: transparent;
  color: #000;
}

/* Ensure the form takes 100% width */
#search-form {
  width: 100%;
}

#search-destination,
#search-destination + .clabl {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.form-floating > input:not(:-moz-placeholder-shown) + label {
  border: none; /* Removes the border when input is not empty */
}

.form-floating > input:not(:placeholder-shown) + label {
  border: none; /* Removes the border when input is not empty */
}

#search-level,
#search-level + .clabl {
  border-radius: 0% !important;
}

#search-subject,
#search-subject + .clabl {
  border-radius: 0% !important;
}

.search-bar button {
  height: 58px;
  font-size: 1.25rem;
  padding: 0.75rem 2.5rem;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  line-height: 1;
  background-color: #00AEEF;
  border: 1px solid #ced4da !important;
}

.search-bar button:focus {
  background-color: #1C345A;
  border: 1px solid #ced4da !important;
}

.search-bar button:hover {
  background-color: #1C345A;
  border: 1px solid #ced4da !important;
}

.form-floating > input:focus + .clabl {
  border: none !important;
}

.customclasskz {
  color: 0;
}

.labdisn {
  color: #1C345A;
  font-weight: 800;
}

.country-dropdown {
  color: grey;
}

.city-dropdown {
  color: grey;
}

.bkthclr {
  background-color: #F5F5F5;
}

.mdbftr {
  background-color: #1C345A;
}

.destination-option.mb-3 {
  padding: 15px;
  background: #ffffff;
  margin-bottom: 15px;
  border-radius: 12px;
}

.study-option.mb-3 {
  padding: 15px;
  background: #ffffff;
  margin-bottom: 15px;
  border-radius: 12px;
}
.study-option.mb-3 label {
  color: #1C345A;
  font-weight: 800;
}

/* Add this to your CSS file or within a <style> tag in the <head> of your HTML */
.chat-icon-light {
  background-image: url("../images/icons/Chate-Light.png");
}

.chat-icon-dark {
  background-image: url("../images/icons/Chate-Dark.png");
}

/* Common styles for the chat icon */
.chat-icon {
  position: fixed;
  bottom: 53px;
  right: 14px;
  width: 50px;
  height: 50px;
  background-size: cover;
  cursor: pointer;
  z-index: 1000;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.crsr {
  cursor: pointer;
}

.chatModal .modal-dialog {
  margin: auto !important;
  width: 350px;
}
.chatModal .modal-content {
  background-color: #1C345A;
  border-radius: 20px;
}
.chatModal .lgmhead {
  border: none;
  padding-top: 10px;
  padding-bottom: 0px;
}
.chatModal .lgmhead .btn-close {
  color: #ffffff;
  filter: invert(1);
}
.chatModal .lgmhead .modal-title {
  margin: 0 auto;
}
.chatModal .lgmhead .btn-close {
  margin-start: auto;
}
.chatModal .lgmbdy {
  padding-top: 0px !important;
}
.chatModal .lgmbdy p {
  color: #F5F5F5;
  margin-bottom: 0;
  line-height: 18px;
}
.chatModal .lgmbdy #chatModalLabel {
  color: white;
  font-size: 25px;
  font-weight: bold;
}
.chatModal .lgmbdy .login_to {
  color: white;
  font-size: 19px;
  font-weight: bold;
}
.chatModal .lgmbdy img {
  max-width: 50%;
  margin-bottom: 8px;
}
.chatModal .lgmbdy .stpapp {
  background-color: #00AEEF;
  border: none;
  color: #F5F5F5;
  padding: 5px 20px 5px 20px;
  margin-top: 10px;
  border-radius: 19px;
}
.chatModal .lgmbdy .stpapp:hover {
  background-color: #0089bc;
}
.chatModal .lgmbdy .expclrs {
  background-color: #00AEEF;
  border: none;
  color: white;
  padding: 5px 38px 5px 38px;
  margin-top: 15px;
  border-radius: 19px;
  margin-bottom: 4px;
}
.chatModal .lgmbdy .expclrs:hover {
  background-color: #0089bc;
}
.chatModal .lgmbdy .losgn {
  background-color: #00AEEF;
  border: none;
  color: white;
  padding: 5px 60px 5px 60px;
  margin-top: 23px;
  border-radius: 19px;
  margin-bottom: 4px;
}
.chatModal .lgmbdy .losgn:hover {
  background-color: #0089bc;
}

#beamModalLabel {
  color: white;
  font-size: 25px;
  font-weight: bold;
}

.bmupr {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  font-size: 14px;
  margin-bottom: 8px !important;
}

.bmuimg {
  max-width: 70% !important;
}

#loginModal .modal-dialog {
  margin: auto !important;
  width: 450px;
}
#loginModal .modal-dialog .modal-content {
  border-radius: 20px;
  background: #F5F5F5;
}
#loginModal .modal-dialog .modal-header {
  display: flex;
  justify-content: center;
  position: relative;
}
#loginModal .modal-dialog .modal-header .modal-title {
  flex-grow: 1;
  text-align: center;
}
#loginModal #mdlgn {
  text-align: center !important; /* Center modal body content */
  padding: 20px 28px 30px 30px;
}
#loginModal #mdlgn .ri-eye-off-line, #loginModal #mdlgn .position-absolute {
  color: #cbcbcb;
  font-weight: 500;
  font-size: 16px;
}
#loginModal #mdlgn .form-label {
  text-align: left;
  display: block;
}
#loginModal #mdlgn input {
  border-radius: 14px;
}
#loginModal #mdlgn input::-moz-placeholder {
  color: #cbcbcb;
}
#loginModal #mdlgn input::placeholder {
  color: #cbcbcb;
}
#loginModal #mdlgn #continueButton {
  background-color: #00AEEF;
  width: 70% !important;
}
#loginModal #mdlgn #passwordFormGroup {
  display: none;
}
#loginModal #mdlgn .btnshap {
  border-radius: 17px;
  border: none;
  width: 60% !important;
}
#loginModal #mdlgn .btn-google {
  background-color: #1C345A;
  color: white;
  border: none;
}
#loginModal #mdlgn .btn-google:hover {
  background-color: #1C345A;
  color: white;
}
#loginModal #mdlgn .divider-or {
  display: flex;
  align-items: center;
  text-align: center;
  color: #606060;
  margin: 14px 0;
}
#loginModal #mdlgn .divider-or::before,
#loginModal #mdlgn .divider-or::after {
  content: "";
  flex: 1;
  border-bottom: 2px solid #cbcbcb;
}
#loginModal #mdlgn .divider-or::before {
  margin-right: 1.7em;
}
#loginModal #mdlgn .divider-or::after {
  margin-left: 1.7em;
}
#loginModal #mdlgn #emailHelp {
  font-size: 15px;
  color: #606060;
  padding: 10px 35px 0px 35px;
}

#signupModal .modal-content {
  background-color: #F5F5F5;
  border-radius: 25px;
}
#signupModal .modal-content .modal-body {
  padding: 45px;
}
#signupModal .modal-content .modal-body p {
  color: #606060;
}
#signupModal .modal-content .modal-body label {
  color: #606060;
}
#signupModal .modal-content .modal-body .dfrmhei {
  height: 55px;
  color: #595c5f;
}
#signupModal .modal-content .modal-body .brsrad {
  border-radius: 20px;
}
#signupModal .modal-content .modal-body .ri-eye-off-line, #signupModal .modal-content .modal-body .position-absolute {
  color: #1C345A;
  font-weight: bolder;
  font-size: 20px;
}
#signupModal .modal-content .modal-body input {
  border: 1px solid #d9d9d9;
}
#signupModal .modal-content .modal-body input::-moz-placeholder {
  color: #cbcbcb;
}
#signupModal .modal-content .modal-body input::placeholder {
  color: #cbcbcb;
}
#signupModal .modal-content .modal-body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #cbcbcb;
}
#signupModal .modal-content .modal-body .select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder {
  color: #cbcbcb;
}
#signupModal .modal-content .modal-body .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: #cbcbcb;
}
#signupModal .modal-content .modal-body #marketingConsent {
  border: 1px solid #1C345A;
  border-radius: 0px;
}
#signupModal .modal-content .modal-body .rbb {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
#signupModal .modal-content .modal-body .rbt {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
#signupModal .modal-content .modal-body a {
  color: #00AEEF;
}
/* --------------------*/
 .default-select {
                padding: 8px;
                background: #F5F5F5;
                border-radius: 12px !important;
            }

            .left-fields .mb-3.align-items-center .input-group, 
            .left-fields .mb-3.align-items-center .form-control, 
            .left-fields .mb-3.align-items-center select.form-select {
                height: auto;
            }
            .left-fields .mb-3.align-items-center select.form-select {
                color: #cacaca;
            }

            .theme-dark .left-fields .mb-3.align-items-center select.form-select {
                color: #1c345a !important;
            }

           

            .payment-rows {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            #payment-model-content
            {
                border-radius:20px;
            }
            .payment-rows input {
                width: 40%;
                padding:10px;
                margin: 0.1rem 0.2rem 0 0;
                border-radius: 10px;
                border: 1px solid #d7d8d7;
            }
            .theme-dark .payment-rows input {
                background: #0F1B2D !important;
                border:2px solid #ccc;
                color:#eee;
            }

            #apply-coupon-code {
                border: none;
                background: #1c345a;
                color: #fff;
                padding: 0.3rem 0.7rem;
            }

            #modal-heading {
                justify-content: center;
            }

            .modal-backdrop {
                display: none;
            }

            .powered-by-stripe {
                display: flex;
                margin-top: 2rem;
                justify-content: space-between;
                align-items: end;
            }
            .modal-header .modal-title {
                    font-size: 23px;
                    flex-grow: 1;
                    text-align: center;
                }
                .modal-content .modal-header {
                    padding: 20px 20px 5px 25px;
                    border-bottom: none;
                    display: flex;
                    justify-content: center;
                    position: relative;
                }

            .powered-by-stripe .lock-icon-container {
                display: flex;
                flex-direction: column;
            }

            .stripe-btn p, #pay-now-button {
                color: #fff;
                background: #1c345a;
                padding: 0.2rem;
            }

            .stripe-btn p {
                border-radius: 5px;
                padding: 0.3rem 0.4rem;
            }

            #pay-now-button {
                align-items: center;
                border: none;
                padding: 0.5rem 0;
                border-radius: 4px;
                margin-top: 0.6rem;
            }

            .payees-icons {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

            .payees-icons-row {
                display: flex;
                width: 100%;
                justify-content: space-between;
            }

            .theme-dark .modal-content {
                background-color: #0e1b2e;
                color: #fff;
                    box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.05);
            }

            .theme-dark .modal label, 
            .theme-dark .modal p, 
            .theme-dark .modal h5 {
                color: white;
            }

            .theme-dark .modal hr {
                border-color: #f5f5f5;
            }

            #paymentForm {
                display: flex;
                flex-direction: column;
                gap: 0.7rem;
            }

            #icons-row-2 {
                justify-content: center;
                gap: 0.8rem;
            }

            .payees-icons .payees-icons-row img {
                height: 48px;
                width: 48px;
            }

            .paymentModel_Top {
                margin-bottom: 5px;
                line-height: 1rem;
                font-size: 0.9rem;
            }

            #modal_content {
                padding: 14px 0 0;
            }

            .divider_line {
                margin: 0.6rem 0;
            }

            .pro-right-section .profile-buttons .default-prf-btn {
                background-image: linear-gradient(to right, #1C345A, #436FB2);
                border: none;
                color: white;
                padding: 8px 16px;
                text-align: center;
                cursor: pointer;
                transition: all 0.3s ease;
                font-weight: inherit;
                border-radius: 12px !important;
                font-size: 15px;
                margin-bottom: 10px;
                margin-right: 5px;
            }

            .profile-completion-container {
                margin-top: 1rem;
            }

            #invoice-card {
                background: #319ce6;
                color: #fff;
                margin-top: 0.4rem;
                padding: 0.6rem 1rem;
                border-radius: 4px;
                text-align: center;
            }

            @media(max-width: 1200px) {
                .paymentModel_Top {
                    margin-bottom: 6px;
                    font-size: 0.8rem;
                }


                .powered-by-stripe {
                    margin-top: 1.6rem;
                }
            }

            @media(max-width: 590px) {
                .payees-icons .payees-icons-row img {
                    height: 34px;
                    width: 34px;
                }

                #profile-btns {
                    display: flex;
                    flex-direction: column;
                }
            }
#signupModal .modal-content .modal-body button {
  border-radius: 17px;
  border: none;
  width: 60% !important;
  background-color: #1C345A;
}
#signupModal .modal-content .modal-body .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent !important;
}
#signupModal .modal-content .modal-body .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent !important;
}
#signupModal .modal-content .modal-body .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  color: #1C345A;
}

/* This styles the Select2 container to be full width */
.select2-container {
  width: 100% !important; /* Make sure Select2 is full width */
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: transparent !important;
  color: #1C345A !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  background-color: transparent;
}

.select2-container--default .select2-results__option--selected {
  background-color: transparent !important;
  color: #1C345A;
}

.select2-results__option--selectable {
  color: #1C345A;
}

#countryDropdown + .select2-container .select2-selection--single {
  height: 46px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom: none !important;
  border: 1px solid #d9d9d9;
}

#countryDropdown + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  right: 15px;
}

#countryDropdown + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 15px;
}

#cityDropdown + .select2-container .select2-selection--single {
  height: 46px !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border: 1px solid #d9d9d9;
}

#cityDropdown + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  right: 15px;
}

#cityDropdown + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 15px;
}

#select2-countryDropdown-results li, #select2-cityDropdown-results li {
  border-bottom: 1px solid gray !important;
  color: #1C345A !important;
}

#signNationality + .select2-container .select2-selection--single {
  height: 46px !important;
  border-bottom-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border: 1px solid #d9d9d9;
}

#signNationality + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  right: 15px;
}

#signNationality + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 15px;
}

#accountModal .modal-dialog {
  margin: auto !important;
  width: 450px;
}
#accountModal .modal-dialog .modal-header {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 10px 15px 0px 0px;
  border-bottom: none;
}
#accountModal .modal-dialog .modal-header .modal-title {
  flex-grow: 1;
  text-align: center;
}
#accountModal #accbdy {
  text-align: center !important; /* Center modal body content */
  padding: 20px 26px 26px 26px;
}
#accountModal #accbdy #accountModalLabel {
  margin-bottom: 5px;
}
#accountModal #accbdy p {
  color: gray;
  font-size: 16px;
}
#accountModal #accbdy .user-info img {
  max-width: 30%;
}
#accountModal #accbdy .form-label {
  text-align: left;
  display: block;
}
#accountModal #accbdy input {
  border-radius: 14px;
}
#accountModal #accbdy #continueButton {
  background-color: #00AEEF;
}
#accountModal #accbdy #passwordFormGroup {
  display: none;
}
#accountModal #accbdy .btnshap {
  border-radius: 17px;
  border: none;
  width: 63% !important;
}
#accountModal #accbdy .btn-google {
  background-color: #1C345A;
  color: white;
  border: none;
  font-weight: bold;
  margin-top: 0px !important;
}
#accountModal #accbdy .btn-google:hover {
  background-color: #1C345A;
  color: white;
}
#accountModal #accbdy .user-email {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
}
#accountModal #accbdy .user-email img {
  width: 20px;
  margin-right: 3px;
}
#accountModal #accbdy .user-email .ri-envelope-fill {
  margin-right: 8px;
  font-size: 1.2em;
}
#accountModal #accbdy .user-email a {
  color: #1C345A;
  text-decoration: none;
}
#accountModal #accbdy .user-email a:hover {
  text-decoration: underline;
}
#accountModal #accbdy .change-user {
  margin-top: 14px;
}
#accountModal #accbdy .change-user span {
  font-size: 17px;
  color: #1C345A;
}
#accountModal #accbdy .change-user span a {
  text-decoration: underline;
  color: #1C345A;
  font-weight: 600;
}

#onboard .modal-dialog {
  width: 400px;
}
#onboard .modal-dialog .modal-content {
  border-radius: 16px !important;
}
#onboard .modal-dialog .modal-content .modal-body p {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  color: #F5F5F5;
  padding: 0px 7px 0px 7px;
}
#onboard .modal-dialog .modal-content .modal-body h5 {
  color: #F5F5F5;
  font-size: 27px;
}
#onboard .modal-dialog .modal-content .legal-section {
  border-top: 1px solid #ccc;
  background: #F5F5F5;
  padding: 20px;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
#onboard .modal-dialog .modal-content .legal-section h6 {
  font-size: 1rem;
  color: #1C345A;
  margin-bottom: 1rem;
  font-weight: 500;
}
#onboard .modal-dialog .modal-content .legal-section .legal-item {
  background-color: #f8f9fa;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  overflow: hidden;
  box-shadow: 0px 8px 16px 0px rgba(28, 52, 90, 0.1);
}
#onboard .modal-dialog .modal-content .legal-section .legal-item .legal-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0.75rem;
  color: #1C345A;
  text-decoration: none;
}
#onboard .modal-dialog .modal-content .legal-section .legal-item .legal-link .icon-left {
  margin-right: 0.5rem;
  max-width: 30px;
}
#onboard .modal-dialog .modal-content .legal-section .legal-item .legal-link .text-content {
  flex: 1;
  text-align: left;
}
#onboard .modal-dialog .modal-content .legal-section .legal-item .legal-link .icon-right {
  margin-left: auto;
  max-width: 15px;
  position: relative;
  left: -47px;
}
#onboard .modal-dialog .modal-content .legal-section .legal-item .legal-link:hover {
  background-color: #e9ecef;
  text-decoration: none;
}

.mrbz {
  margin-bottom: 0px;
}

.clcard {
  background-color: #fff;
  border: none;
  box-shadow: 0 4px 8px 0 rgba(28, 52, 90, 0.2);
  border-radius: 0.5rem;
  display: flex;
  align-items: stretch;
}
.clcard .card-body {
  padding: 12px;
}
.clcard .card-body .contnt .aranchor {
  display: none;
  position: absolute;
  right: 0px;
}
.clcard .card-body .contnt .aranchor svg {
  width: 20px;
}
.clcard .card-body .contnt h2 {
  color: #1C345A;
  padding-bottom: 13px;
}
.clcard .card-body .contnt p {
  padding-bottom: 13px;
}
.clcard .card-body .contnt p .text-muted {
  color: #1C345A !important;
}
.clcard .card-body .contnt .rmpdmh2 {
  padding-bottom: 10px;
  font-weight: 600;
}
.clcard .card-body .contnt .rmpdmp {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 1px;
}
.clcard .card-body .contnt .d-flex .btn1 {
  background: #1C345A;
  border: none;
}
.clcard .card-body .contnt .d-flex .btn2 {
  background: #00AEEF;
  border: none;
}
.clcard .card-body .contnt .d-flex .btn3 {
  background: #e1e1e1;
  color: #1C345A;
  border: none;
}
.clcard .card-body .contnt .d-flex .recognition-text {
  color: green;
  margin-bottom: 0;
  padding-right: 12px;
}
.clcard .lft-img {
  padding-right: 12px;
}
.clcard .lft-img .university-logo {
  max-height: 126px;
  max-width: 100%;
  padding: 0px 0px 5px 5px;
}
.clcard .elite-badge {
  max-height: 126px;
  max-width: 100%;
  padding: 5px 0px 5px 5px;
}
.clcard .btn-primary {
  background-color: #284a81;
  border-color: #284a81;
}
.clcard .btn-primary:hover {
  background-color: #101e33;
  border-color: #101e33;
}

#tsust .tsustcrd {
  background-color: #fff;
  border: none;
  box-shadow: 0 4px 8px 0 rgba(28, 52, 90, 0.2);
  border-radius: 0.5rem;
  display: flex;
  align-items: stretch;
}
#tsust .tsustcrd .card-body {
  padding: 12px;
}
#tsust .tsustcrd .card-body .contnt h2 {
  color: #1C345A;
  padding-bottom: 13px;
}
#tsust .tsustcrd .card-body .contnt p {
  padding-bottom: 13px;
}
#tsust .tsustcrd .card-body .contnt p .text-muted {
  color: #1C345A !important;
}
#tsust .tsustcrd .card-body .contnt .rmpdmh2 {
  padding-bottom: 10px;
  font-weight: 600;
}
#tsust .tsustcrd .card-body .contnt .rmpdmp {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 1px;
}
#tsust .tsustcrd .card-body .contnt .d-flex .btn1 {
  background: #1C345A;
  border: none;
}
#tsust .tsustcrd .card-body .contnt .d-flex .btn2 {
  background: #00AEEF;
  border: none;
}
#tsust .tsustcrd .card-body .contnt .d-flex .btn3 {
  background: #e1e1e1;
  color: #1C345A;
  border: none;
}
#tsust .tsustcrd .card-body .contnt .d-flex .recognition-text {
  display: none;
  color: green;
  margin-bottom: 0;
  padding-right: 12px;
}
#tsust .tsustcrd .lft-img {
  padding-right: 12px;
}
#tsust .tsustcrd .lft-img .university-logo {
  max-height: 126px;
  max-width: 100%;
  padding: 0px 0px 5px 5px;
}
#tsust .tsustcrd .lft-img .lftcont {
  display: none;
}
#tsust .tsustcrd .elite-badge {
  max-height: 126px;
  max-width: 100%;
  padding: 5px 0px 5px 5px;
}
#tsust .tsustcrd .btn-primary {
  background-color: #284a81;
  border-color: #284a81;
}
#tsust .tsustcrd .btn-primary:hover {
  background-color: #101e33;
  border-color: #101e33;
}

.sndlay {
  background-color: #fff;
  border: none;
  box-shadow: 0 4px 8px 0 rgba(28, 52, 90, 0.2);
  border-radius: 0.5rem;
  display: flex;
  align-items: stretch;
}
.sndlay .card-body {
  padding: 12px;
}
.sndlay .card-body .contnt .aranchor {
  display: none;
  position: absolute;
  right: 0px;
}
.sndlay .card-body .contnt .aranchor svg {
  width: 20px;
}
.sndlay .card-body .contnt h2 {
  color: #1C345A;
  padding-bottom: 13px;
}
.sndlay .card-body .contnt p {
  padding-bottom: 13px;
}
.sndlay .card-body .contnt p .text-muted {
  color: #1C345A !important;
}
.sndlay .card-body .contnt .rmpdmh2 {
  padding-bottom: 10px;
  font-weight: 600;
}
.sndlay .card-body .contnt .rmpdmp {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 1px;
}
.sndlay .card-body .contnt .d-flex .btn1 {
  background: #1C345A;
  border: none;
}
.sndlay .card-body .contnt .d-flex .btn2 {
  background: #00AEEF;
  border: none;
}
.sndlay .card-body .contnt .d-flex .btn3 {
  background: #e1e1e1;
  color: #1C345A;
  border: none;
}
.sndlay .card-body .contnt .d-flex .recognition-text {
  color: green;
  margin-bottom: 0;
  padding-right: 12px;
}
.sndlay .lft-img {
  padding-right: 12px;
}
.sndlay .lft-img .university-logo {
  max-height: 126px;
  max-width: 100%;
  padding: 5px 0px 5px 5px;
}
.sndlay .elite-badge {
  max-height: 126px;
  max-width: 100%;
  padding: 5px 0px 5px 5px;
}
.sndlay .btn-primary {
  background-color: #284a81;
  border-color: #284a81;
}
.sndlay .btn-primary:hover {
  background-color: #101e33;
  border-color: #101e33;
}

#un-ri-sts .list-group-item {
  background-color: #fff;
  border: none;
  box-shadow: 0 0.125rem 0.25rem rgba(28, 52, 90, 0.075);
  position: relative;
  padding-right: 2.5rem;
  color: #1C345A;
  border-radius: 8px;
}
#un-ri-sts .list-group-item:not(:last-child) {
  margin-bottom: 0.5rem;
}
#un-ri-sts .list-group-item .badge {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: #1C345A;
  font-size: 1.25rem;
  padding-right: 5px;
}
#un-ri-sts .list-group-item .badge img {
  width: 16px;
}
#un-ri-sts .list-group-item .badge .img {
  width: 16px;
}
#un-ri-sts .list-group-item span {
  color: #1C345A;
  margin-right: auto;
  padding-right: 1rem;
}

#button-group .btn-custom {
  border: 1px solid #00AEEF;
  background-color: white;
  color: #1C345A !important;
}
#button-group .btn-custom:hover, #button-group .btn-custom:focus {
  background-color: #00AEEF;
  color: white !important;
}

.skzcard {
  border: none;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.25rem rgba(28, 52, 90, 0.075);
}
.skzcard .card-img-top {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.skzcard .card-body {
  background-color: #fff;
}
.skzcard .card-body p {
  line-height: 1.2;
  color: #606060;
}
.skzcard .card-title {
  font-size: 1rem;
  color: #1C345A;
}

.lcfltrs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.lcfltrs #custom-select-controls .custom-select {
  border: 2px solid #bcbcbc !important;
  color: #1C345A;
  background-color: #fff !important;
  border-radius: 0.25rem;
  padding-right: 2.5rem;
  border-radius: 16px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23bcbcbc' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 14px 8px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
}
.lcfltrs #custom-select-controls .custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.mobile-search-area, .tsflgo {
  display: none !important;
}
.mobile-search-area .search-input, .tsflgo .search-input {
  flex-grow: 1;
  border-radius: 20px;
}
.mobile-search-area .input-group-text, .tsflgo .input-group-text {
  background: transparent;
  border: none;
}
.mobile-search-area .search-input::-moz-placeholder, .tsflgo .search-input::-moz-placeholder {
  color: #cbcbcb;
  opacity: 1;
}
.mobile-search-area .search-input::placeholder, .tsflgo .search-input::placeholder {
  color: #cbcbcb;
  opacity: 1;
}
.mobile-search-area ::-webkit-input-placeholder, .tsflgo ::-webkit-input-placeholder {
  color: #cbcbcb;
}
.mobile-search-area ::-moz-placeholder, .tsflgo ::-moz-placeholder {
  color: #cbcbcb;
  opacity: 1;
}
.mobile-search-area :-ms-input-placeholder, .tsflgo :-ms-input-placeholder {
  color: #cbcbcb;
}
.mobile-search-area :-moz-placeholder, .tsflgo :-moz-placeholder {
  color: #cbcbcb;
  opacity: 1;
}

#filter-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 5px;
}
#filter-section .left-side-elements {
  display: flex;
  align-items: center;
}
#filter-section .left-side-elements .btn {
  border: none;
  border-radius: 19px;
  padding: 2px 7px 2px 7px;
  color: #1C345A;
}
#filter-section .left-side-elements .btn:hover {
  border: none;
  background-color: #1C345A !important;
  color: #ffffff;
}
#filter-section .left-side-elements .rstacbtn {
  background-color: #1C345A !important;
  color: #ffffff;
  border-radius: 19px;
  padding: 2px 7px 2px 7px;
}
#filter-section .left-side-elements .rstacbtn.results-found {
  background-color: #1C345A !important;
  color: #ffffff;
}
#filter-section .left-side-elements .results-found {
  color: #1C345A;
}
#filter-section .right-side-elements .filter-icon {
  max-width: 30px;
  height: auto;
}
#filter-section .right-side-elements .svgicn {
  max-width: 30px;
  height: 30px;
}
#filter-section .right-side-elements .filter-icon-mobile {
  display: none;
}
#filter-section .right-side-elements .s-filter-preferences {
  padding: 0px 5px;
  color: #1C345A;
  border-radius: 0.25rem;
  text-decoration: none;
}
#filter-section .right-side-elements .s-filter-preferences:hover {
  text-decoration: none;
}

.empty-state {
  text-align: center;
  position: absolute;
  width: 100%;
  margin-top: 70px;
}
.empty-state h3 {
  font-size: 24px;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 33px;
}
.empty-state img {
  max-width: 100%;
  margin-bottom: 1rem;
  max-height: 315px;
}
.empty-state p {
  margin-bottom: 0.5rem;
}
.empty-state .no-records {
  font-size: 18px;
  color: #1C345A;
}

#tsk16 {
  margin-top: 5px;
}
#tsk16 .row .csccl {
  padding: 4px;
}
#tsk16 .tscsix {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(28, 52, 90, 0.1);
  padding: 16px;
  margin: auto;
  border: none !important;
  position: relative;
}
#tsk16 .tscsix h4 {
  color: #1C345A;
  font-size: 16px;
  margin: 0 0 35px;
}
#tsk16 .tscsix p {
  color: #1C345A;
  font-size: 18px;
  margin: 0;
}
#tsk16 .tscsix p a {
  color: #00AEEF;
  text-decoration: underline;
}
#tsk16 .tscsix .rgtaw {
  display: none;
  width: 20px;
  position: absolute;
  right: 5px;
  bottom: 11px;
}

.skblun {
  color: #00AEEF !important;
  text-decoration: underline;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(28, 52, 90, 0.2);
  z-index: 2;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 4px;
}
/* Hide scrollbar for WebKit browsers */
.dropdown-content::-webkit-scrollbar {
    display: none; /* Hide the scrollbar */
}

/* Hide scrollbar for Firefox */
.dropdown-content {
    scrollbar-width: none; /* Hide scrollbar in Firefox */
}
.dropdown-content div {
  color: #1C345A;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content div:hover {
  background-color: #f1f1f1;
}

#country-dropdown .country-option:nth-child(1), #country-dropdown .country-option:nth-child(10) {
  border-bottom: 1px solid #cbcbcb;
}

#city-dropdown .city-option:nth-child(1), #city-dropdown .city-option:nth-child(10) {
  border-bottom: 1px solid #cbcbcb;
}

#nationality-dropdown .nationality-option:nth-child(1), #nationality-dropdown .nationality-option:nth-child(10) {
  border-bottom: 1px solid #cbcbcb;
}

.hsldr {
  padding-bottom: 20px;
}
.hsldr .breadcrumb {
  background: none;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.hsldr .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: none;
}
.hsldr .breadcrumb li a {
  color: #606060;
}
.hsldr .breadcrumb .breadcrumb-separator {
  height: 10px;
  width: 10px;
  margin: 0 5px;
  fill: #606060;
}
.hsldr img {
  border-radius: 20px;
}

.shrrat .button-container {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px 10px 0px;
}
.shrrat .button-container .action-button {
  background-color: #00AEEF;
  color: #fff;
  border: none;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
  border-radius: 21px;
}
.shrrat .button-container .action-button:hover {
  background-color: #0089bc;
}
.shrrat .button-container .stars {
  margin-left: 10px;
  color: #ffffff;
}
.shrrat .button-container .cstmstr {
  width: 88px !important;
  fill: white;
}
.shrrat .icons-container {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}
.shrrat .icons-container .icon {
  display: flex;
  align-items: center;
  margin: 0 15px;
  cursor: pointer;
  color: #1C345A;
}
.shrrat .icons-container .icon .svgicon {
  max-width: 44px;
  width: 25px;
  margin-right: 5px;
  cursor: pointer;
}
.shrrat .icons-container .icon img {
  max-width: 44px;
  width: 25px;
  margin-right: 5px;
  cursor: pointer;
}

.ranking-section {
  border-radius: 5px;
  padding: 20px 0px 0px 0px;
}
.ranking-section .ranking-title {
  display: flex;
  align-items: center;
}
.ranking-section .ranking-title .svgicon {
  max-width: 44px;
  width: 25px;
  margin-right: 5px;
}
.ranking-section .ranking-title .lftimg {
  max-width: 44px;
  width: 25px;
  margin-right: 5px;
}
.ranking-section .ranking-title .rtimg {
  max-width: 150px;
  width: 100px;
  margin-left: 5px;
}
.ranking-section .rank {
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.ranking-section .rank .rank-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ranking-section .rank .rank-text .rank-title {
  color: #1C345A;
}
.ranking-section .rank .rank-text .rank-title span {
  font-weight: 900;
}
.ranking-section .rank .rank-text .rank-title .sub {
  font-weight: 500 !important;
}
.ranking-section .rank .rank-text .rank-info {
  font-size: 0.85rem;
  color: #606060;
}
.ranking-section .rank .rank-text .rank-info .vgbtch {
  color: green;
  font-weight: 500;
}
.ranking-section .rank .rank-text .rank-info .strng {
  font-weight: 700;
}
.ranking-section .rank img {
  max-width: 44px;
  position: relative;
  right: 25px;
  width: 35px;
}
.ranking-section .rank .img {
  max-width: 44px;
  position: relative;
  right: 25px;
  width: 35px;
  height: 35px;
}
.ranking-section .rank .white {
  display: none;
}
.ranking-section .rank .urelb {
  width: 44px;
}
.ranking-section .rank .noramrcl {
  max-width: 83px;
  width: 77px;
  height: 31px;
  top: -2px;
}
.ranking-section .rank .white {
  display: none;
  width: 44px;
}

.rtcont {
  margin-top: 40px;
}
.rtcont .info-list {
  background-color: #f8f8f8;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  border-radius: 10px;
  margin-bottom: 20px;
}
.rtcont .info-list .info-item {
  display: flex;
  align-items: center;
  padding: 10px;
}
.rtcont .info-list .info-item img {
  margin-right: 7px;
  max-width: 26px;
}
.rtcont .info-list .info-item .img {
  margin-right: 7px;
  max-width: 26px;
}
.rtcont .info-list .info-item .info-content .info-title {
  font-weight: bold;
  color: #1C345A;
}
.rtcont .info-list .info-item .info-content .info-subtitle {
  color: #666;
}
.rtcont .info-list hr {
  border: none;
  height: 1px;
  background-color: #606060;
  margin: 0;
}

.intakes-container {
  padding: 15px 0px 15px 0px;
  border-radius: 5px;
}
.intakes-container .intakes-header {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.intakes-container .intakes-header .intakes-icon .prght {
  width: 40px;
  margin-right: 7px;
}
.intakes-container .intakes-header .intakes-icon img {
  width: 25px;
  height: auto;
  margin-right: 7px;
  max-width: 44px;
}
.intakes-container .intakes-header .intakes-icon .img {
  width: 25px;
  height: 25px;
  margin-right: 7px;
  max-width: 44px;
}
.intakes-container .intakes-header .imgtitle {
  font-size: 22px;
  margin-bottom: 0px;
}
.intakes-container .intakes-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.intakes-container .intakes-dates .date {
  background-color: #ffffff;
  padding: 6px 11px;
  border-radius: 16px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  color: #1C345A;
}

.documents-container {
  display: flex;
  justify-content: space-between;
}
.documents-container .document-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 13px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 10px;
  min-width: 32%;
}
.documents-container .document-item .document-title {
  text-align: left;
  flex: 1;
  color: #1C345A;
  font-weight: 600;
}
.documents-container .document-item .document-icon {
  max-width: 25px;
  height: auto;
  margin-left: 10px;
}
.documents-container .document-item .white {
  display: none;
}

.vlprglft {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vlprglft .vlprg a .span {
  color: #1C345A;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 500;
}
.vlprglft .vlprg a .vlimg {
  display: none;
}

.cunpgrm {
  margin-bottom: 18px;
}
.cunpgrm .card {
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  border: none;
  border-radius: 17px;
}
.cunpgrm .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 10px 15px 10px;
}
.cunpgrm .card .card-body .card-title {
  color: #1C345A;
  font-size: 15px;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 5px;
}
.cunpgrm .card .card-body .pcunme {
  display: flex;
}
.cunpgrm .card .card-body .pcunme .university-logo {
  width: 55px;
  height: auto;
  margin-right: 6px;
}
.cunpgrm .card .card-body .pcunme .card-text {
  color: #1C345A;
}
.cunpgrm .card .card-body .cntprc {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #cbcbcb;
  padding-top: 6px;
  margin-bottom: 5px;
}
.cunpgrm .card .card-body .cntprc .card-text:first-child {
  margin-bottom: 0px;
  color: #606060;
}
.cunpgrm .card .card-body .cntprc .card-text:last-child {
  color: #606060;
}
.cunpgrm .card .card-body .fltime a {
  color: #00AEEF;
}

.content-wrapper {
  position: relative;
}
.content-wrapper .content {
  overflow: hidden;
  position: relative;
  max-height: 400px;
  color: #606060;
}
.content-wrapper .content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent, #F5F5F5);
}
.content-wrapper .content.expanded {
  max-height: none;
}
.content-wrapper .content.expanded::after {
  display: none;
}
.content-wrapper .read-more {
  cursor: pointer;
  color: #1C345A;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 10px;
  font-weight: 550;
}

.mobile-nav {
  background-color: #1C345A;
  padding: 10px;
  color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.mobile-nav .nav-item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobile-nav .nav-item .nav-icon {
  width: 24px;
  height: auto;
  margin-bottom: 5px;
}
.mobile-nav .nav-item .icon {
  fill: #ffffff;
  width: 24px;
  height: 24px;
}
.mobile-nav .nav-item .chcst {
  width: 28px;
}
.mobile-nav .nav-item span {
  font-size: 17px;
}
.mobile-nav .nav-button {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-nav .nav-button button, .mobile-nav .nav-button a {
  width: 100%;
  padding: 8px 16px;
  border-radius: 20px;
  background-color: #00AEEF;
  border: none;
  padding: 14px 8px 14px 8px;
  width: 80%;
  font-size: 18px;
}

.custom-container {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 0px;
  margin-top: 4px;
}
.custom-container .start-application-btn {
  background-color: #00AEEF;
  border: none;
  color: white;
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
  font-size: 17px;
  text-align: left;
}
.custom-container .start-application-btn:hover {
  background-color: #0089bc;
}
.custom-container .custom-icons-container {
  display: flex;
  justify-content: flex-end;
}
.custom-container .custom-icons-container .custom-icon {
  display: flex;
  align-items: center;
  margin: 0 15px;
  cursor: pointer;
  color: #1C345A;
}
.custom-container .custom-icons-container .custom-icon img {
  max-width: 44px;
  width: 25px;
  margin-right: 5px;
}

.sndspbtn {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  margin-bottom: 10px;
}
.sndspbtn .start-application-btn {
  background-color: #00AEEF;
  border: none;
  color: white;
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
  font-size: 17px;
  text-align: left;
}
.sndspbtn .start-application-btn:hover {
  background-color: #0089bc;
}

#rsldata .degnme {
  font-size: 19px;
}

.tsporgtwo {
  padding: 15px 0px 5px 0px;
}
.tsporgtwo .intakes-header {
  margin-bottom: 5px;
}

.stdst {
  font-size: 25px;
  margin-bottom: 0px;
}

.border-bottom-wrapper {
  border-bottom: 1px solid #cbcbcb;
}

#cntimsc {
  margin-bottom: 5px;
}
#cntimsc .card {
  margin-bottom: 1rem;
  border: none;
  background-color: #F5F5F5;
  margin-bottom: 0px;
}
#cntimsc .card .card-img-top {
  border: 1.5px solid #606060;
  border-radius: 17px;
}
#cntimsc .card .card-body {
  padding: 0.5rem;
  background-color: #F5F5F5;
  color: #1C345A;
  padding-left: 0px;
}
#cntimsc .card .card-text {
  margin: 0;
  font-size: 17px;
}

.nacontr .col-8 .text-start {
  color: #1C345A;
  font-weight: bold;
}
.nacontr .text-end a {
  color: #1C345A;
  font-weight: bold;
}
.nacontr .text-end a img {
  display: none;
}
.nacontr .text-end a .img {
  display: none;
}

.gryclr {
  color: #606060 !important;
}

.my-content p {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 10px;
  color: #606060;
  margin-bottom: 0;
}

.urelbcol {
  width: 50px !important;
  max-width: 60px !important;
}

.bgwt {
  background-color: white;
  padding: 18px;
  margin-top: 10px;
  border-radius: 15px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}

.cvrimg img {
  border-radius: 15px;
}

.courses-slider.owl-carousel.tsk26 .owl-next {
  display: none !important;
}

.titleet h2 {
  font-size: 25px;
}

.inspiration-card {
  position: relative;
  overflow: hidden;
}
.inspiration-card img {
  width: 100%;
  display: block;
  border-radius: 15px;
  border: 1.5px solid #606060;
}
.inspiration-card .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(28, 52, 90, 0.6);
  color: white;
  padding: 15px 15px 3px 8px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.inspiration-card .overlay p {
  margin-left: 1rem;
  text-align: left;
  color: white;
}
.inspiration-card .overlay h3 {
  margin-left: 1rem;
  font-size: 15px;
  margin-bottom: 1px;
  font-size: 15px;
}
.inspiration-card .overlay h3 a {
  color: white;
  margin-bottom: 0px;
}
.inspiration-card .overlay h3 a .vlimg {
  display: none;
}

.arcol:nth-child(2), .arcol:nth-child(3) {
  padding-left: 0px !important;
}
.arcol:nth-child(1) {
  padding-left: 0px !important;
}
.arcol .article-section {
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  padding: 30px 24px 24px 24px;
}
.arcol .article-section h3 {
  font-size: 15px;
  color: #1C345A;
  margin-bottom: 30px;
}
.arcol .article-section .text-section p {
  color: #1C345A;
  margin-bottom: 12px;
}
.arcol .article-section .date {
  display: block;
  color: #606060;
}
.arcol .article-section .article-image {
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 136px;
  width: 100%;
  float: right;
}

.svgicon {
  fill: #1C345A;
  width: 25px;
  height: 25px;
}

.approx-annual-fees {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#approx-annual-fees");
}

.trophy {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#trophy");
}

.heart {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#heart");
}

.university {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#university");
}

.world {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#world");
}

.sand-clock {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#sand-clock");
}

.share {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#share");
}

.star-pattern {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#star-pattern");
}

.student-hat {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#student-hat");
}

.north-america {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#north-america");
}

.student {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#student");
}

.uniranks {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#uniranks");
}

.calendar {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#calendar");
}

.upload {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#upload");
}

.right-arrow {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#right-arrow");
}

.file {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#file");
}

.x-terms {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#x-terms");
}

.envalop {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#envalop");
}

.profile {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#profile");
}

.filter {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#filter");
}

.chat {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#chat");
}

.agriculture-forestry {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#agriculture-forestry");
}

.applied-sciences-professions {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#applied-sciences-professions");
}

.business-management {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#business-management");
}

.computer-science-it {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#computer-science-it");
}

.degree-type {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#degree-type");
}

.duration {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#duration");
}

.education-training {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#education-training");
}

.engineering-technology {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#engineering-technology");
}

.environmental-studies-earth-science {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#environmental-studies-earth-science");
}

.discipline {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#discipline");
}

.hospitality-leisure-sports {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#hospitality-leisure-sports");
}

.humanities {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#humanities");
}

.journalism-media {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#journalism-media");
}

.law {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#law");
}

.medicine-health {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#medicine-health");
}

.natural-sciences-mathematics {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#natural-sciences-mathematics");
}

.social-sciences {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#social-sciences");
}

.attendance {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#attendance");
}

.formate {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#formate");
}

.fee {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#fee");
}

.currency {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#currency");
}

.language {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#language");
}

.quiz {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#quiz");
}

.event {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#event");
}

.search {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#search");
}

.qr-code {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#qr-code");
}

.agent {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#agent");
}

.scan {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#scan");
}

.settings {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#settings");
}

.step {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#step");
}

.terms {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#terms");
}

.abcterms {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#abcterms");
}

.check {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#check");
}

.application {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#application");
}

.certificate {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#certificate");
}

.euro-currency {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#euro-currency");
}

.dislike {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#dislike");
}

.like {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#like");
}

.no-session-scheduled {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#no-session-scheduled");
}

.strongly-dislike {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#strongly-dislike");
}

.star {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#star");
}

.strongly-like {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#strongly-like");
}

.unsure-icon {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#unsure-icon");
}

.zoom-icon {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#zoom-icon");
}

.schedule {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#schedule");
}

.video-zoom {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#video-zoom");
}

.back-arrow {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#back-arrow");
}

.plus-icon {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#plus-icon");
}

.send-message {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#send-message");
}

.student-user {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#student-user");
}

.icon-checked {
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  fill: #1C345A;
  background-image: url("../icons.svg#icon-checked");
}

.icon-career-one-stop {
  display: inline-block; /* Make the element a block to apply width and height */
  width: 250px;
  height: 117px;
  background-image: url("../images/icons/career-one-stop.svg");
  background-repeat: no-repeat;
  background-size: contain; /* Make sure the SVG fits within the element */
}

.hidden {
  display: none;
}

.arrow-up {
  transform: rotate(-90deg) !important;
}

.mnctcont {
  margin-bottom: 0.5em;
  padding: 9px 14px 14px 14px;
  background-color: white;
}
.mnctcont .filters-all .filter-data {
  background-color: #F5F5F5;
  padding: 4px 6px;
  margin: 4px;
  font-size: 14px;
  color: #1C345A;
  display: inline-block;
}
.mnctcont .filters-all .filter-data .close-filter {
  color: #1C345A;
  cursor: pointer;
  margin-left: 8px;
}
.mnctcont .filters-all .filter-data .close-filter:hover {
  color: #1C345A;
}
.mnctcont .rght-top-filtres {
  display: none;
}
.mnctcont .rght-top-filtres .filtres-right {
  cursor: pointer !important;
  font-size: 12px;
  color: #1C345A;
}
.mnctcont .rght-top-filtres .filtres-right .set-space {
  width: 13px;
  width: 13px;
}
.mnctcont .category-container {
  padding: 8px 0px 8px 0px;
  border-bottom: 1px solid #F5F5F5;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
}
.mnctcont .category-container .ctlfticn {
  width: 20px;
  height: 20px;
  fill: #1C345A;
  margin-right: 5px;
}
.mnctcont .category-container .caticon {
  width: 17px;
  fill: #1C345A;
  transform: rotate(-270deg);
}
.mnctcont .category-container .category-text {
  font-weight: 700;
  font-size: 15px;
  color: #1C345A;
}
.mnctcont .category-container .category-number {
  color: #cbcbcb;
  font-size: 13px;
}
.mnctcont .category-container .category-number .cat-count {
  display: none;
  background-color: #F5F5F5;
  color: #1C345A;
  text-align: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.25);
  margin-right: 2px;
}
.mnctcont .category-container .category-number .icon {
  width: 20px;
}
.mnctcont .ubs-idv {
  background-color: #ffffff;
  margin-top: 10px;
}
.mnctcont .ubs-idv .sub-category-list {
  list-style-type: none;
  padding-left: 0px;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  cursor: pointer;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item .scticon {
  width: 18px;
  fill: #1C345A;
  margin-right: 0px;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item:last-child {
  padding-bottom: 5px;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item .sub-category-text {
  font-size: 13px;
  color: #1C345A;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  max-width: 27ch;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item .sub-category-text input[type=checkbox] {
  margin-right: 3px;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item .sub-category-text label {
  position: relative;
  bottom: 3px;
}
.mnctcont .ubs-idv .sub-category-list .sub-category-item .sub-category-number {
  color: #cbcbcb;
  font-size: 13px;
}
.mnctcont .feesct input[type=text] {
  height: 45px;
}
.mnctcont .feesct #feeRangeSlider2 {
  margin-top: 15px;
}

.biographyModal .modal-dialog .modal-content {
  width: 400px;
  border-radius: 20px;
  background: #F5F5F5;
}
.biographyModal .modal-dialog .modal-content .modal-header {
  padding: 20px 20px 5px 10px;
  border-bottom: none;
  display: flex;
  justify-content: center;
  position: relative;
}
.biographyModal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 23px;
  flex-grow: 1;
  text-align: center;
}
.biographyModal .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.biographyModal .modal-dialog .modal-content .modal-body {
  padding: 10px 40px 40px 40px;
}
.biographyModal .modal-dialog .modal-content .modal-body .modal-para {
  margin-bottom: 12px;
  color: #606060;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form label, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form label {
  margin-bottom: 3px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .input-icon-wrapper, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-icon-wrapper {
  position: relative;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .input-icon-wrapper input, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-icon-wrapper input {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .input-icon-wrapper .date-of-birth, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-icon-wrapper .date-of-birth {
  padding-left: 29px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .input-icon-wrapper .icon, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-icon-wrapper .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  fill: #cacaca;
  z-index: 10;
  width: 14px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-8-form .step-1-form .input-text, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-text {
  border: 2px solid #cacaca;
  width: 100%;
  border-radius: 11px;
  height: 44px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .input-text::-moz-placeholder, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-text::-moz-placeholder {
  color: #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .input-text::placeholder, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .input-text::placeholder {
  color: #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .form-select, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .form-select {
  width: 100%;
  border-radius: 11px;
  height: 44px;
  margin-bottom: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23cacaca" viewBox="0 0 16 16"><path d="M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/></svg>') no-repeat, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-position: right 0.75rem center;
  background-size: 24px 24px;
  padding-right: 2rem;
  color: #cacaca;
  border: 2px solid #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .form-select option, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .form-select option {
  color: #1C345A;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .form-select:focus, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .form-select:focus {
  outline: none;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .form-select.selected-option, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .form-select.selected-option {
  color: #1C345A;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .btn-primary, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .btn-primary {
  background-color: #1C345A;
  border: none;
  color: white;
  padding: 7px 20px;
  border-radius: 11px;
  font-size: 16px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-1-form .btn-primary:hover, .biographyModal .modal-dialog .modal-content .modal-body .step-hobbies-form .btn-primary:hover {
  background-color: #101e33;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form label, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form label {
  margin-bottom: 3px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-icon-wrapper, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-icon-wrapper {
  position: relative;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-icon-wrapper input, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-icon-wrapper input {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-icon-wrapper .date-of-birth, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-icon-wrapper .date-of-birth {
  padding-left: 29px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-icon-wrapper .icon, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-icon-wrapper .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  fill: #cacaca;
  z-index: 10;
  width: 14px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-text, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-text {
  width: 100%;
  border-radius: 11px;
  height: 44px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-text::-moz-placeholder, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-text::-moz-placeholder {
  color: #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .input-text::placeholder, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .input-text::placeholder {
  color: #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .form-select, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .form-select {
  width: 100%;
  border-radius: 11px;
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23cacaca" viewBox="0 0 16 16"><path d="M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/></svg>') no-repeat, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-position: right 0.75rem center;
  background-size: 24px 24px;
  padding-right: 2rem;
  color: #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .form-select option, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .form-select option {
  color: #1C345A;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .form-select:focus, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .form-select:focus {
  outline: none;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .form-select.selected-option, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .form-select.selected-option {
  color: #1C345A;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .rbb, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .rbb {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top: 2px solid #cacaca;
  border-right: 2px solid #cacaca;
  border-left: 2px solid #cacaca;
  border-bottom: 1px solid #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .rbt, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .rbt {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-right: 2px solid #cacaca;
  border-bottom: 2px solid #cacaca;
  border-left: 2px solid #cacaca;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .btn-primary, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .btn-primary {
  background-color: #1C345A;
  border: none;
  color: white;
  padding: 4px 20px;
  border-radius: 11px;
  font-size: 16px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-2-form .btn-primary:hover, .biographyModal .modal-dialog .modal-content .modal-body .step-3-form .btn-primary:hover {
  background-color: #101e33;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .sbmt-step-5 {
  background-color: #1C345A;
  border: none;
  color: #ffffff;
  padding: 4px 20px;
  border-radius: 11px;
  font-size: 16px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .top-fee-range {
  border-top: 1px solid #cbcbcb;
  padding-top: 10px !important;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection {
  padding: 0px 0px 15px 0px;
  margin-bottom: 7px;
  border-bottom: 1px solid #cbcbcb;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection #feeRangeSlider-step-5 {
  padding: 0px 25px 0px 10px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection .justify-content-between {
  margin-top: 10px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection .justify-content-between input[type=text] {
  height: 45px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection .justify-content-between .fee-range-min label {
  margin-bottom: 0px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection .justify-content-between .fee-range-max label {
  margin-bottom: 0px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .mdsection h6 {
  color: #1C345A !important;
  font-size: 16px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .filter-options {
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  align-items: stretch;
  justify-items: start;
  flex-wrap: wrap;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .filter-option-btn {
  display: block;
  text-align: center;
  padding: 4px 6px;
  border-radius: 20px;
  background-color: #ffffff !important;
  color: #1C345A;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #cbcbcb;
  margin-right: 6px;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .filter-option-btn:hover, .biographyModal .modal-dialog .modal-content .modal-body .step-5-form .filter-option-btn:focus {
  background-color: #1C345A !important;
  color: #ffffff;
}
.biographyModal .modal-dialog .modal-content .modal-body .step-5-form .filter-option-btn:active, .biographyModal .modal-dialog .modal-content .modal-body .step-5-form .filter-option-btn.active {
  background-color: #1C345A !important;
  color: #FFF;
}

.left-fields .profile-head {
  font-size: 24px;
  margin-bottom: 10px;
}
.left-fields .mb-3.align-items-center {
  border-bottom: 1px solid #1c345a;
  padding-bottom: 5px;
  margin-bottom: 15px;
  position: relative;
}
.left-fields .mb-3.align-items-center .button-group {
  position: absolute;
  right: 0;
}
.left-fields .mb-3.align-items-center .custom-flex {
  justify-content: space-between;
  align-items: center;
}
.left-fields .mb-3.align-items-center .custom-flex label {
  font-weight: 800;
}
.left-fields .mb-3.align-items-center .content {
  display: block;
  color: #1C345A;
}
.left-fields .mb-3.align-items-center .input-group,
.left-fields .mb-3.align-items-center .form-control,
.left-fields .mb-3.align-items-center select.form-select {
  display: none;
  color: #1C345A;
  height: 50px;
}
.left-fields .mb-3.align-items-center .save-btn {
  background: #00AEEF;
  background: #00AEEF;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 5px;
  text-decoration: inherit;
}
.left-fields .mb-3.align-items-center .edit-btn, .left-fields .mb-3.align-items-center .change-password {
  padding: 0;
  margin-left: 10px;
  color: #1C345A;
  text-decoration: inherit;
}

#resetPasswordModal .modal-dialog .modal-content {
  width: 400px;
  border-radius: 20px;
  background: #F5F5F5;
}
#resetPasswordModal .modal-dialog .modal-content .modal-header {
  padding: 20px 20px 5px 10px;
  border-bottom: none;
  display: flex;
  justify-content: center;
  position: relative;
}
#resetPasswordModal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 23px;
  flex-grow: 1;
  text-align: center;
}
#resetPasswordModal .modal-dialog .modal-content .modal-header .btn-close, .modal-header .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body {
  padding-top: 0px;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body p {
  margin-bottom: 10px;
  text-align: center;
  margin-top: 3px;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .form-group {
  position: relative;
  margin-bottom: 16px;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .form-group .form-control {
  padding-right: 40px;
  height: 50px;
  color: #1C345A;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
  color: #1C345A;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .form-group .form-control::placeholder {
  color: #1C345A;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .form-group .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #1C345A;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .rest-now-pass {
  padding: 10px 25px;
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 25px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .rest-now-pass:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
#resetPasswordModal .modal-dialog .modal-content .modal-body .rest-now-pass:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}

.pro-right-section {
  margin-bottom: 30px;
}
.pro-right-section .profile-completion-container {
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: auto;
}
.pro-right-section .profile-completion-container h2 {
  color: #1C345A;
  font-size: 20px;
  margin-bottom: 15px;
}
.pro-right-section .profile-completion-container p {
  color: #1C345A;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.pro-right-section .profile-completion-container .prof-quiz-btn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pro-right-section .profile-completion-container .prof-quiz-btn:hover {
  background-image: linear-gradient(to left, #1C345A, #4c6080);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.pro-right-section .profile-completion-container .prof-quiz-btn:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.pro-right-section .show-quizzes .quiz-options {
  margin-bottom: 20px;
}
.pro-right-section .show-quizzes .quiz-options .heading {
  font-size: 17px;
  color: #1C345A;
}
.pro-right-section .show-quizzes .quiz-options .para {
  color: #1C345A;
}
.pro-right-section .show-quizzes .main-head-para .heading {
  font-size: 18px;
  color: #1C345A;
}
.pro-right-section .show-quizzes .main-head-para .para {
  color: #1C345A;
}
.pro-right-section .show-quizzes .retak-btn-qz {
  padding: 10px 30px;
  background-color: #00AEEF;
  color: white;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  margin-top: 25px;
}
.pro-right-section .show-quizzes .retak-btn-qz:hover {
  background-color: #00AEEF;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.pro-right-section .show-quizzes .retak-btn-qz:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.generalModal {
  margin: 0 auto;
}
.generalModal .modal-dialog .modal-content {
  width: 400px;
  border-radius: 20px;
  background: #F5F5F5;
}
.generalModal .modal-dialog .modal-content .modal-header {
  padding: 20px 20px 5px 10px;
  border-bottom: none;
  display: flex;
  justify-content: center;
  position: relative;
}
.generalModal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 23px;
  flex-grow: 1;
  text-align: center;
}
.generalModal .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.generalModal .modal-dialog .modal-content .logout-svg {
  max-height: 220px;
  width: 100%;
}
.generalModal .modal-dialog .modal-content .currency-md-body .counselors-popup {
    padding-top: 20px;  /* Add this to control the padding from top */
    padding-bottom: 20px;  /* Add this to control the padding from bottom */
  text-align: center;
}
.generalModal .modal-dialog .modal-content .currency-md-body .counselors-popup h3 {
  color: #1C345A;
}
.generalModal .modal-dialog .modal-content .currency-md-body .counselors-popup p {
  color: #606060;
  margin-bottom: 6px;
}
.generalModal .modal-dialog .modal-content .currency-md-body .counselors-popup .okbtn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 30%;
}
.generalModal .modal-dialog .modal-content .currency-md-body .counselors-popup .okbtn:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.generalModal .modal-dialog .modal-content .currency-md-body .counselors-popup .okbtn:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 300px;
  overflow-y: auto;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list .selected {
  color: #00AEEF !important;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list .selected .currency-icon {
  fill: #00AEEF;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list .selected .active-icon {
  fill: #00AEEF;
  stroke: #00AEEF;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list li {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  color: #1C345A;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list li .currency-icon {
  margin-right: 10px;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list li span {
  flex-grow: 1;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list li .active-icon {
  visibility: hidden;
}
.generalModal .modal-dialog .modal-content .currency-md-body .currency-list li.selected .active-icon {
  visibility: visible;
}
.generalModal .modal-dialog .modal-content .currency-footer {
  border: 1px sodli #606060;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px 20px;
  display: none;
}
.generalModal .modal-dialog .logout-md-content {
  width: 320px;
}
.generalModal .modal-dialog .logout-md-content .center-stuff {
  padding: 10px;
}
.generalModal .modal-dialog .logout-md-content h3 {
  font-size: 18px;
  width: 56%;
  margin: auto;
}
.generalModal .modal-dialog .logout-md-content .logout-footer {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px 20px;
  justify-content: space-between;
  display: none;
}
.generalModal .modal-dialog .logout-md-content .logout-footer .btn {
  border: none;
  border-radius: 16px;
  padding: 7px 25px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.generalModal .modal-dialog .logout-md-content .logout-footer .confirm {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  color: white;
}
.generalModal .modal-dialog .logout-md-content .logout-footer .cancel {
  background-color: #ffffff;
  color: red;
}
.generalModal .modal-dialog .logout-md-content .showfooter {
  display: flex;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.settings-container {
  margin: 0 auto;
  padding: 16px 16px 16px 0px;
  border-radius: 8px;
}
.settings-container h2, .settings-container h3 {
  color: #1C345A;
}
.settings-container h2 {
  font-size: 22px;
}
.settings-container h3 {
  font-size: 18px;
}
.settings-container .email-section,
.settings-container .notifications-section {
  margin-bottom: 2rem;
}
.settings-container .email-section hr,
.settings-container .notifications-section hr {
  border: none;
  height: 1.5px;
  background-color: #606060;
  margin-top: 16px;
}
.settings-container .notifications-section .notification-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1px;
}
.settings-container .notifications-section p {
  font-size: 14px;
  color: #1C345A;
}
.settings-container .notifications-section .left-label {
  font-weight: 800;
  color: #1C345A;
  font-size: 12px;
}
.settings-container .custom-switch .form-check-input:checked {
  background-color: #1C345A !important;
  border-color: #1C345A !important;
}

.item-groups .title {
  font-size: 16px;
}
.item-groups .education-list .list-group {
  border: 0.3px solid #606060;
  border-radius: 25px;
  overflow: hidden;
}
.item-groups .education-list .list-group-item {
  color: #1C345A;
  border: none;
  padding: 10px 15px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.item-groups .education-list .list-group-item .arrow-icon {
  width: 12px;
  height: 12px;
}
.item-groups .education-list .list-group-item:last-child {
  border-bottom: none;
}
.item-groups .education-list .list-group-item:hover, .item-groups .education-list .list-group-item:focus {
  background-color: #f8f9fa;
  text-decoration: none;
}
.item-groups .education-list .list-group-item:active {
  background-color: #e9ecef;
  color: #495057;
}

.docmnt-cont {
  margin-bottom: 20px;
}
.docmnt-cont h2, .docmnt-cont p {
  color: #1C345A;
}
.docmnt-cont h2 {
  font-size: 18px;
}
.docmnt-cont p {
  font-size: 14px;
}

.test-quetion .dynamic-content {
  margin-top: 10px;
}
.test-quetion .dynamic-content .extra-curi-titl {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  height: 40px;
  margin-bottom: 16px;
  color: #cacaca;
  border: 1px solid #cbcbcb;
}
.test-quetion .dynamic-content .extra-curi-desc {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  margin-bottom: 16px;
  color: #cacaca;
  border: 1px solid #cbcbcb;
}
.test-quetion .dynamic-content .current-dynmc-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.test-quetion .dynamic-content .current-dynmc-images .img-container {
  position: relative;
  display: inline-block;
}
.test-quetion .dynamic-content .current-dynmc-images .img-container .uploaded-image {
  max-width: 100px;
  max-height: 100px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.test-quetion .dynamic-content .current-dynmc-images .img-container .delete-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: rgba(255, 0, 0, 0.6);
  color: white;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.test-quetion .dynamic-content p.mt-2, .test-quetion .dynamic-content .form-check-label {
  color: #606060;
}
.test-quetion .dynamic-content .upload-btn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.test-quetion .dynamic-content .upload-btn:hover {
  background-image: linear-gradient(to left, #1C345A, #4c6080);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.test-quetion .dynamic-content .upload-btn:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.test-quetion .dynamic-content .two-btns {
  border: none;
  border-radius: 16px;
  color: white;
  width: 80%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
}
.test-quetion .dynamic-content .upload-discard {
  background-color: #ffffff;
  color: #1C345A;
}
.test-quetion .dynamic-content .upload-save {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
}
.test-quetion .dynamic-content .upload-docs-edu p.mt-2, .test-quetion .dynamic-content .upload-docs-edu .form-check-label {
  color: #606060;
}
.test-quetion .dynamic-content .upload-docs-edu .form-select, .test-quetion .dynamic-content .upload-docs-edu .up-doc-org, .test-quetion .dynamic-content .upload-docs-edu .form-control {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  height: 40px;
  margin-bottom: 16px;
  color: #cacaca;
  border: 1px solid #cbcbcb;
}
.test-quetion .dynamic-content .upload-docs-edu .form-select option, .test-quetion .dynamic-content .upload-docs-edu .up-doc-org option, .test-quetion .dynamic-content .upload-docs-edu .form-control option {
  color: #1C345A;
}
.test-quetion .dynamic-content .upload-docs-edu .form-select:focus, .test-quetion .dynamic-content .upload-docs-edu .up-doc-org:focus, .test-quetion .dynamic-content .upload-docs-edu .form-control:focus {
  outline: none;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.25);
}
.test-quetion .dynamic-content .upload-docs-edu .form-select::-moz-placeholder, .test-quetion .dynamic-content .upload-docs-edu .up-doc-org::-moz-placeholder, .test-quetion .dynamic-content .upload-docs-edu .form-control::-moz-placeholder {
  color: #cacaca;
}
.test-quetion .dynamic-content .upload-docs-edu .form-select::placeholder, .test-quetion .dynamic-content .upload-docs-edu .up-doc-org::placeholder, .test-quetion .dynamic-content .upload-docs-edu .form-control::placeholder {
  color: #cacaca;
}
.test-quetion .dynamic-content .upload-docs-edu .upload-btn {
  width: 100%;
}
.test-quetion .custom-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  position: relative;
}
.test-quetion .custom-section .text-content {
  flex-grow: 1;
}
.test-quetion .custom-section .text-content h3 {
  font-size: 16px;
  color: #1C345A;
  margin: 0;
}
.test-quetion .custom-section .text-content p {
  font-size: 13px;
  color: #606060;
  margin: 0;
}
.test-quetion .custom-section .plus-icon {
  font-size: 32px;
  color: #1C345A;
  cursor: pointer;
}
.test-quetion .custom-section:not(:last-child) .divider {
  border-top: 0.5px solid #606060;
  margin-top: 0.5rem;
  width: 76%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.document-left h2 {
  font-size: 18px;
}
.document-left .upload-docs-edu input[type=text], .document-left .upload-docs-edu input[type=date] {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  height: 40px;
  margin-bottom: 16px;
  color: #cacaca;
  border: 1px solid #cbcbcb;
}
.document-left .upload-docs-edu .upload-btn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.document-left .upload-docs-edu .upload-btn:hover {
  background-image: linear-gradient(to left, #1C345A, #4c6080);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.document-left .upload-docs-edu .upload-btn:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.document-left .upload-docs-edu .two-btns {
  border: none;
  border-radius: 16px;
  color: white;
  width: 80%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.document-left .upload-docs-edu .upload-save {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
}
.document-left .upload-docs-edu .upload-discard {
  background-color: #ffffff;
  color: #1C345A;
}

.current-document .justify-content-between {
  border: 1px solid #606060;
  padding: 5px 8px;
  border-radius: 15px;
  margin-bottom: 10px;
}
.current-document h3 {
  font-size: 1rem;
  color: #1C345A;
  margin-bottom: 5px;
}
.current-document .document-icon {
  width: 18px;
  height: 18px;
}

.current-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.current-images .img-container {
  position: relative;
  display: inline-block;
}
.current-images .img-container .uploaded-image {
  max-width: 100px;
  max-height: 100px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.current-images .img-container .delete-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: rgba(255, 0, 0, 0.6);
  color: white;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.pasp-visa p.mb-4, .pasp-visa p.mt-2 {
  color: #606060;
}

.eng-main-content .row-dyn-count {
  margin-top: 10px;
  padding-bottom: 10px;
}
.eng-main-content .row-dyn-count:not(:last-child) {
  border-bottom: 1px solid #606060;
}
.eng-main-content .row-dyn-count .row {
  align-items: end;
}
.eng-main-content .row-dyn-count input[type=text] {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  height: 40px;
  color: #cacaca;
  border: 1px solid #cbcbcb;
}
.eng-main-content .row-dyn-count input[type=text]::-moz-placeholder {
  color: #cbcbcb;
}
.eng-main-content .row-dyn-count input[type=text]::placeholder {
  color: #cbcbcb;
}
.eng-main-content .row-dyn-count .add-both, .eng-main-content .row-dyn-count .remove-section, .eng-main-content .row-dyn-count .addnew, .eng-main-content .row-dyn-count .entrance-addnew {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.eng-main-content .row-dyn-count .eng-dyn-cont, .eng-main-content .row-dyn-count .entrance-dyn-cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.entrance-main-content .entrance-row-dyn-count {
  margin-top: 10px;
  padding-bottom: 10px;
}
.entrance-main-content .entrance-row-dyn-count:not(:last-child) {
  border-bottom: 1px solid #606060;
}
.entrance-main-content .entrance-row-dyn-count .row {
  align-items: end;
}
.entrance-main-content .entrance-row-dyn-count input[type=text] {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  height: 40px;
  color: #cacaca;
  border: 1px solid #cbcbcb;
}
.entrance-main-content .entrance-row-dyn-count input[type=text]::-moz-placeholder {
  color: #cbcbcb;
}
.entrance-main-content .entrance-row-dyn-count input[type=text]::placeholder {
  color: #cbcbcb;
}
.entrance-main-content .entrance-row-dyn-count .add-both, .entrance-main-content .entrance-row-dyn-count .remove-section, .entrance-main-content .entrance-row-dyn-count .addnew, .entrance-main-content .entrance-row-dyn-count .entrance-addnew {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.entrance-main-content .entrance-row-dyn-count .eng-dyn-cont, .entrance-main-content .entrance-row-dyn-count .entrance-dyn-cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.entrance-main-content .entrance-row-dyn-count .two-fields-dynmc {
  justify-content: flex-start !important;
}
.entrance-main-content .entrance-row-dyn-count .two-fields-dynmc .mb-3 {
  padding-right: 10px;
  width: 40%;
}

.twobtn-test .two-btns {
  border: none;
  border-radius: 16px;
  color: #ffffff;
  width: 25%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.twobtn-test .upload-save, .twobtn-test .entrance-save {
  margin-left: 20px;
  background-image: linear-gradient(to right, #1C345A, #4c6080);
}
.twobtn-test .upload-discard, .twobtn-test .entrance-discard {
  margin-right: 20px;
  background-color: #ffffff;
  color: #1C345A;
}

.head-para .heading {
  font-size: 22px;
  margin-bottom: 0px;
}
.head-para .para {
  color: #606060;
}

.scan-qr-code .qr-code-button {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.scan-qr-code .qr-code-button:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.scan-qr-code .qr-code-button:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}
.scan-qr-code .qr-code-button .qr-icon {
  fill: #ffffff;
  margin-right: 0.5rem;
}
.scan-qr-code .qr-code-button:hover {
  background-color: #162947;
}

.review p {
  color: #606060;
}
.review textarea {
  border-radius: 15px;
  background: #F5F5F5;
}
.review textarea::-moz-placeholder {
  color: #606060;
}
.review textarea::placeholder {
  color: #606060;
}
.review textarea:focus {
  background: #F5F5F5;
}
.review .review-stars {
  margin-bottom: 8px;
}
.review .review-stars .star-icon {
  fill: #bcbcbc;
}
.review .review-stars .star-icon:hover, .review .review-stars .star-icon.active {
  fill: #FED500;
}
.review .review-btn-contain .send-review {
  margin-top: 10px;
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.review .review-btn-contain .send-review:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.review .review-btn-contain .send-review:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}

.event-listing .event-card {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 18px 18px 15px;
  position: relative;
  margin-bottom: 23px;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.event-listing .event-card .card-image img {
  width: 80px;
  height: auto;
  border-radius: 10px;
}
.event-listing .event-card .card-content {
  margin-left: 10px;
  flex-grow: 1;
}
.event-listing .event-card .card-content h2 {
  margin: 0;
  color: #00AEEF;
  font-size: 24px;
  font-weight: 500;
}
.event-listing .event-card .card-content p {
  margin: 5px 0;
  color: #1C345A;
  font-size: 18px;
  margin: 0px;
}
.event-listing .event-card .card-content .card-tags {
  font-size: 12px;
  color: #606060;
}
.event-listing .event-card .card-content .card-tags span {
  font-weight: bold;
  font-size: 14px;
}
.event-listing .event-card .card-arrow {
  display: none;
  position: absolute;
  right: 12px;
  top: 24%;
  transform: translateY(-50%);
}
.event-listing .event-card .card-arrow .arrow-icon {
  width: 20px;
  height: 20px;
}
.event-listing .event-card .card-arrow span {
  font-size: 24px;
  color: #1C345A;
}

.uni-review .uni-colum {
  padding-left: 0px;
}
.uni-review .uni-colum .university-name {
  margin-left: 0px;
}
.uni-review .docmnt-cont {
  margin-bottom: 0px;
}
.uni-review .docmnt-cont h1 {
  font-size: 22px;
  color: #1C345A;
}
.uni-review .logo {
  /* Adjust width and height as needed based on the actual size of your logo */
  width: 100px;
  height: auto;
  max-width: 55px;
  max-height: 55px;
}
.uni-review .university-name {
  /* If you have specific fonts or styles for the university name, apply them here */
  font-size: 20px;
  color: #00274C; /* Navy blue color, adjust if you have the exact hex value */
  margin-left: 10px; /* Adjust spacing between logo and text as needed */
}
.uni-review .university-para {
  color: #606060;
  font-size: 14px;
  margin-top: 10px;
}
.uni-review .custom-hr {
  border: 0;
  height: 1px;
  background-color: #606060;
  margin: 15px 8%;
}
.uni-review textarea {
  background: white;
  border-radius: 14px;
}
.uni-review .send-review {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.uni-review .send-review:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.uni-review .send-review:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}
.uni-review .rating-system {
  margin-bottom: 25px;
}
.uni-review .rating-system h2 {
  font-size: 18px;
  font-weight: 500;
}
.uni-review .rating-system p {
  font-size: 16px;
  margin-bottom: 10px;
  color: #606060;
}
.uni-review .rating-system .buttons {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
.uni-review .rating-system .buttons button {
  background-color: #fff;
  border: 1px solid #1C345A;
  border-radius: 50%;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
  flex: 0 0 auto;
}
.uni-review .rating-system .buttons button:last-child {
  margin-right: 0;
}
.uni-review .rating-system .buttons button.active {
  background-color: #1C345A;
  color: #ffffff;
}
.uni-review .rating-system .buttons button:hover {
  background-color: #1C345A;
  color: #ffffff;
}
.uni-review .rating-system .progress-bar {
  height: 10px;
  width: calc(100% - 28px);
  border: 1px solid #1C345A;
  position: relative;
  margin-top: 10px;
  margin-left: 0px;
}
.uni-review .rating-system .progress-bar .fill {
  height: 100%;
  width: 0%;
  background-color: #1C345A;
  position: absolute;
  transition: width 0.3s;
}

.agent-listing .event-card {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 0px 10px 10px;
  position: relative;
  margin-bottom: 23px;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.agent-listing .event-card .card-image img {
  max-width: 80px;
  max-height: 80px;
}
.agent-listing .event-card .card-content {
  margin-left: 10px;
  flex-grow: 1;
}
.agent-listing .event-card .card-content p {
  margin: 5px 0;
  color: #1C345A;
  font-size: 18px;
  margin: 0px;
}
.agent-listing .event-card .card-arrow {
  display: none;
  position: absolute;
  right: 12px;
  top: 30%;
  transform: translateY(-50%);
}
.agent-listing .event-card .card-arrow .arrow-icon {
  width: 20px;
  height: 20px;
}
.agent-listing .event-card .card-arrow span {
  font-size: 24px;
  color: #1C345A;
}

.step1-quiz h1 {
  font-size: 22px;
  color: #1C345A;
}
.step1-quiz h5 {
  font-size: 15px;
  color: #606060;
  margin-bottom: 0px;
}
.step1-quiz .para {
  color: #606060;
  font-size: 14px;
}
.step1-quiz .red {
  color: red;
  font-size: 14px;
  margin-top: 10p;
}
.step1-quiz .career-logo {
  margin-top: 100px;
  margin-bottom: 50px;
}
.step1-quiz .career-logo .career-img {
  width: 35%;
  height: 35%;
}
.step1-quiz .defaul-gradiendt {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.step1-quiz .defaul-gradiendt:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.step1-quiz .defaul-gradiendt:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}

.feedback-icons .icon-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.feedback-icons .icon-item span {
  color: #1C345A;
}
.feedback-icons .icon-item svg {
  margin-right: 10px !important;
  width: 45px;
  height: 45px;
}
.feedback-icons .icon-item .with-stroke {
  stroke: white;
}

.partnre-logo {
  margin-top: 10px;
  margin-bottom: 50px;
}
.partnre-logo .career-img {
  width: 35%;
  height: 35%;
}

.note-img {
  width: 100px;
  height: 100px;
}

.quiz-section .quiz-header {
  margin-bottom: 20px;
}
.quiz-section .quiz-header .carer-apptite {
  font-size: 17px;
  margin-bottom: 0px;
}
.quiz-section .quiz-header .intj-archi {
  font-size: 24px;
  color: #1C345A;
  margin-top: 12px;
}
.quiz-section .quiz-header h1 {
  font-size: 22px;
  color: #1C345A;
}
.quiz-section .quiz-header .carer-apptite {
  font-size: 17px;
  margin-bottom: 0px;
}
.quiz-section .quiz-header .second-head-quiz {
  font-size: 20px;
  color: #1C345A;
}
.quiz-section .quiz-header .second-head-quiz .highlight-heading {
  font-size: 24px;
  font-weight: 900;
}
.quiz-section .quiz-header .para {
  color: #606060;
  font-size: 15px;
  margin-top: 15px;
}
.quiz-section .extra-quiz-haed {
  margin-bottom: 10px !important;
}
.quiz-section .extra-quiz-haed .para {
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}
.quiz-section .quiz-category {
  background: white;
  padding: 15px;
  border-radius: 11px;
}
.quiz-section .quiz-category:not(:last-child) {
  margin-bottom: 20px;
}
.quiz-section .quiz-category .quiz-image {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quiz-section .quiz-category .quiz-image .quize-imag-career {
  width: 100%;
}
.quiz-section .quiz-category h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.quiz-section .quiz-category h2 .quiz-category-span {
  font-weight: 800;
}
.quiz-section .quiz-category .icon-row {
  display: flex;
}
.quiz-section .quiz-category .icon-row .question-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin-right: 7px;
  stroke: #ffffff;
}
.quiz-section .quiz-category .icon-row .question-icon.icon-strongly-dislike {
  background-image: url("../images/icons/strongly-dislike.svg");
  background-repeat: no-repeat;
}
.quiz-section .quiz-category .icon-row .question-icon.icon-strongly-dislike.quiz-active {
  background-image: url("../images/icons/strongly-dislike-blue.svg");
}
.quiz-section .quiz-category .icon-row .question-icon.icon-strongly-like {
  background-image: url("../images/icons/strongly-like.svg");
  background-repeat: no-repeat;
}
.quiz-section .quiz-category .icon-row .question-icon.icon-strongly-like.quiz-active {
  background-image: url("../images/icons/strongly-like-blue.svg");
}
.quiz-section .quiz-category .icon-row .question-icon.icon-like {
  background-image: url("../images/icons/like.svg");
  background-repeat: no-repeat;
}
.quiz-section .quiz-category .icon-row .question-icon.icon-like.quiz-active {
  background-image: url("../images/icons/like-blue.svg");
}
.quiz-section .quiz-category .icon-row .question-icon.icon-unsure {
  background-image: url("../images/icons/unsure.svg");
  background-repeat: no-repeat;
}
.quiz-section .quiz-category .icon-row .question-icon.icon-unsure.quiz-active {
  background-image: url("../images/icons/unsure-blue.svg");
}
.quiz-section .quiz-category .icon-row .question-icon.icon-dislike {
  background-image: url("../images/icons/dislike.svg");
  background-repeat: no-repeat;
}
.quiz-section .quiz-category .icon-row .question-icon.icon-dislike.quiz-active {
  background-image: url("../images/icons/dislike-blue.svg");
}
.quiz-section .quiz-category .icon-row .with-stroke {
  stroke: #ffffff;
  stroke-width: 1.9px;
}
.quiz-section .quiz-category .icon-row .with-link-color {
  fill: #00AEEF !important;
}
.quiz-section .quiz-category .iq-test-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.quiz-section .quiz-category .iq-test-row .iq-frst-mrg {
  margin-bottom: 20px;
}
.quiz-section .quiz-category .iq-test-row .iq-test-icon {
  margin-right: 20px;
  border-radius: 10px;
  border: 1px solid #bcbcbc;
  width: calc(33.3333333333% - 20px);
  cursor: pointer;
}
.quiz-section .quiz-category .iq-test-row .iq-test-icon:hover {
  border: 1px solid #00AEEF;
}
.quiz-section .quiz-category .quiz-career {
  justify-content: space-between;
}
.quiz-section .quiz-category .quiz-career .question-icon {
  margin-right: 0px !important;
  cursor: pointer;
}
.quiz-section .quiz-category .two-icon-quiz {
  flex-wrap: wrap;
  justify-content: space-between;
}
.quiz-section .intj-extra {
  background: #F5F5F5;
  padding: 0;
}
.quiz-section .intj-extra:not(:last-child) {
  margin-bottom: 0px;
}
.quiz-section .intj-extra .intj-botom-para {
  font-size: 16px;
  font-weight: 600;
}
.quiz-section .environmeental-btns .environ-btns {
  border: none;
  border-radius: 16px;
  color: white;
  background: #00AEEF;
  padding: 8px 10px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 5px;
}
.quiz-section .upside-icons {
  background: #F5F5F5 !important;
  margin-bottom: 0px !important;
}
.quiz-section .remove-white-back {
  background: #F5F5F5 !important;
}
.quiz-section .extra-iq-test {
  background: inherit;
}
.quiz-section .extra-quiz {
  padding: 10px !important;
}
.quiz-section .extra-quiz-career {
  padding-bottom: 0px !important;
}
.quiz-section .two-quiz-btn-extra {
  display: flex !important;
  justify-content: space-between;
}
.quiz-section .iq-test-two-btns {
  margin-bottom: 15px !important;
}
.quiz-section .iq-test-two-btns .two-btns {
  padding: 15px 20px !important;
  border-radius: 13px !important;
}
.quiz-section .twobtn-test {
  margin-bottom: 10px;
}
.quiz-section .twobtn-test .two-btns {
  width: 40%;
}
.quiz-section .twobtn-test .quiz-discard {
  background: white;
  color: #1C345A;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.quiz-section .twobtn-test .quiz-save {
  margin-left: 20px;
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.quiz-section .note-img {
  width: 130px;
  height: 130px;
}
.quiz-section .question-column {
  margin-bottom: 18px;
  padding: 15px;
  text-align: center;
}
.quiz-section .question-column img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.quiz-section .custom-width-quiz {
  width: 85%;
  margin: auto;
}

.quest-bar {
  height: 7px;
  width: calc(100% - 0px);
  border: 1px solid #1C345A;
  position: relative;
  margin-top: 10px;
  margin-left: 0px;
  border-radius: 0px;
}
.quest-bar .progress-bar {
  height: 100%;
  width: 0%;
  background-color: #1C345A;
  position: absolute;
  transition: width 0.3s;
}

.iq-test-bar .progress-bar {
  background-color: #00AEEF !important;
}

.custom-hr {
  border: 0;
  height: 1px;
  background-color: #606060;
  margin: 15px 8%;
}

.assessment .graph {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.assessment .graph canvas {
  background: #ffffff;
  padding: 15px;
  border-radius: 15px;
}
.assessment .main-para {
  margin-top: 20px;
}
.assessment .info-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  padding: 1em;
  margin-bottom: 18px;
}
.assessment .info-card h2 {
  color: #1C345A;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.assessment .info-card p {
  color: #1C345A;
  margin-bottom: 1em;
  line-height: 1.4;
}
.assessment .btn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.assessment .btn:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.assessment .btn:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}
.assessment .btn:hover {
  background-color: #003366;
}
.assessment .last-remember {
  margin-bottom: 20px;
  margin-top: 10px;
}
.assessment .last-remember .remember-heading {
  font-size: 18px;
  color: #1C345A;
}
.assessment .last-remember .remember-para {
  color: #1C345A;
  font-size: 14px;
}
.assessment .assessment-detail .asst-det-head {
  font-size: 18px;
  color: #1C345A;
}
.assessment .assessment-detail .progress-bar {
  color: #1C345A;
  font-size: 14px;
}
.assessment .suggestion .sug-heading {
  font-size: 18px;
  color: #1C345A;
}
.assessment .suggestion .sug-para {
  color: #1C345A;
  font-size: 14px;
}

#loggedInUserDropdown {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-qr-code {
  margin-top: 10px;
}
.show-qr-code .profile-section {
  padding: 15px;
  background: white;
  border: 1px solid #606060;
  border-radius: 15px;
  margin-bottom: 10px;
}
.show-qr-code .profile-section .user-info {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.show-qr-code .profile-section .user-info .user-icon {
  margin-right: 10px;
}
.show-qr-code .profile-section .user-name {
  font-size: 18px;
  color: #1C345A;
  margin-bottom: 0px;
}
.show-qr-code .profile-section .user-location {
  font-size: 14px;
  color: #1C345A;
  margin-bottom: 0px;
}
.show-qr-code .profile-section .user-description {
  font-size: 12px;
  color: #606060;
  margin-bottom: 10px;
}
.show-qr-code .cities-country .info {
  display: inline-table !important;
  background: #F5F5F5 !important;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  margin-bottom: 10px;
  padding: 5px 5px;
}
.show-qr-code .qr-institutions.c80 {
  width: 100%;
}
.show-qr-code .qr-institutions.c80 .clcard {
  background: #F5F5F5 !important;
}
.show-qr-code .qr-institutions.c80 .clcard .university-logo {
  max-height: 75px;
  max-width: 100%;
  border-radius: 0px;
}
.show-qr-code .qr-institutions.c80 .clcard .card-body {
  padding: 8px;
}
.show-qr-code .qrcode .qr-icon {
  width: 100px;
  height: 100px;
  padding: 10px;
  background: linear-gradient(to right, #1C345A 2px, transparent 2px) 0 0, linear-gradient(to right, #1C345A 2px, transparent 2px) 0 100%, linear-gradient(to left, #1C345A 2px, transparent 2px) 100% 0, linear-gradient(to left, #1C345A 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, #1C345A 2px, transparent 2px) 0 0, linear-gradient(to bottom, #1C345A 2px, transparent 2px) 100% 0, linear-gradient(to top, #1C345A 2px, transparent 2px) 0 100%, linear-gradient(to top, #1C345A 2px, transparent 2px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.show-qr-code .qrcode .qr-icon:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.show-qr-code .study-decipline .decipline-options, .show-qr-code .study-decipline .study-options, .show-qr-code .study-option .decipline-options, .show-qr-code .study-option .study-options {
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  justify-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.show-qr-code .study-decipline .decipline-options .decipline-option-btn, .show-qr-code .study-decipline .decipline-options .study-option-btn, .show-qr-code .study-decipline .study-options .decipline-option-btn, .show-qr-code .study-decipline .study-options .study-option-btn, .show-qr-code .study-option .decipline-options .decipline-option-btn, .show-qr-code .study-option .decipline-options .study-option-btn, .show-qr-code .study-option .study-options .decipline-option-btn, .show-qr-code .study-option .study-options .study-option-btn {
  display: block;
  text-align: center;
  padding: 4px 6px 4px 6px;
  border-radius: 20px;
  background-color: #F5F5F5;
  color: #1C345A;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-qr-code .study-decipline .decipline-options .decipline-option-btn.active, .show-qr-code .study-decipline .decipline-options .study-option-btn.active, .show-qr-code .study-decipline .study-options .decipline-option-btn.active, .show-qr-code .study-decipline .study-options .study-option-btn.active, .show-qr-code .study-option .decipline-options .decipline-option-btn.active, .show-qr-code .study-option .decipline-options .study-option-btn.active, .show-qr-code .study-option .study-options .decipline-option-btn.active, .show-qr-code .study-option .study-options .study-option-btn.active {
  background: #1C345A;
  color: #ffffff;
}
.show-qr-code .parent-white {
  padding: 0px;
}
.show-qr-code .white-second {
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.show-qr-code h2 {
  font-size: 18px;
}
.show-qr-code h3 {
  font-size: 20px;
}

.status-container .heading-1 {
  font-size: 25px;
  margin-bottom: 10px;
}
.status-container .status-card {
  background: #ffffff;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.status-container .status-card .status-content h2, .status-container .status-card .status-content p, .status-container .status-card .status-content .status {
  margin: 0;
}
.status-container .status-card .status-content .status-heading {
  font-size: 18px;
}
.status-container .status-card .status-content .status {
  display: block;
  color: #00AEEF;
}
.status-container .status-card .status-content .status .evrify-status {
  color: gold;
}
.status-container .status-card .arrow-icon {
  display: none;
  position: absolute;
  top: 15px;
  right: 6px;
  width: 18px;
  height: 18px;
}

.common-select {
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
  width: 100%;
  border-radius: 11px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23cacaca" viewBox="0 0 16 16"><path d="M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/></svg>') no-repeat, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-position: right 0.75rem center;
  background-size: 24px 24px;
  padding-right: 2rem;
  color: #cbcbcb;
  border: 1px solid #cbcbcb;
}
.common-select option {
  color: #1C345A;
}
.common-select:focus {
  outline: none;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.25);
  color: #cbcbcb;
  border: 1px solid #cbcbcb;
}

.program-detail .uni-row {
  margin-bottom: 15px;
}
.program-detail .uni-row .main-heeading {
  font-size: 25px;
  margin-bottom: 0px;
}
.program-detail .uni-row .col-auto {
  padding-right: 5px;
}
.program-detail .uni-row .uni-colum {
  padding-left: 0px;
}
.program-detail .uni-row .uni-colum h2 {
  font-size: 18px;
  margin-bottom: 0px;
}
.program-detail .rtcont {
  margin-top: 0px;
}
.program-detail .form-data {
  padding: 10px;
}
.program-detail .form-data .button-arrow {
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
}
.program-detail .form-data .continue-button {
  margin-top: 10px;
}
.program-detail .form-data .continue-button .contiue-btn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.program-detail .form-data .continue-button .contiue-btn:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.program-detail .form-data .continue-button .contiue-btn:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}
.program-detail .form-check-input {
  box-shadow: none !important;
  border-radius: 0 !important;
  border-color: #1C345A !important;
}
.program-detail .form-check-input:checked {
  background-color: #1C345A !important;
  border-color: #1C345A !important;
}
.program-detail .form-check-input:not(:checked) {
  background-color: transparent !important;
}

.progress-indicator {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.progress-indicator .progress-step {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}
.progress-indicator .progress-step .progress-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: grey;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  z-index: 2;
}
.progress-indicator .progress-step .progress-label {
  display: block;
  font-size: 14px;
  margin-left: 10px;
}
.progress-indicator .progress-step.done .progress-number {
  background-color: green;
}
.progress-indicator .progress-step.done .progress-number .done-icon {
  fill: #ffffff;
}
.progress-indicator .progress-step.current .progress-number {
  background-color: gold;
}
.progress-indicator .connector {
  flex-grow: 1;
  height: 2px;
  background-color: grey;
  margin: 15px 0;
  z-index: 1;
}
.progress-indicator .connector.done {
  background-color: green;
}

.content-stepe-form {
  margin-top: 10px;
}
.content-stepe-form .upload-container .upload-instructions {
  margin-bottom: 8px;
}
.content-stepe-form .upload-container .upload-instructions .link-offer {
  color: #00AEEF;
}
.content-stepe-form .upload-container .upload-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: aliceblue;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
}
.content-stepe-form .upload-container .upload-box .icon-here {
  margin-right: 10px;
}
.content-stepe-form .upload-container .upload-box .document-type {
  flex-grow: 1;
  margin-right: 10px;
  margin-left: 10px;
}
.content-stepe-form .upload-container .upload-box .upload-button {
  color: #00AEEF;
  cursor: pointer;
}
.content-stepe-form .upload-container .upload-box .document-icon {
  width: 25px;
  height: 25px;
}
.content-stepe-form .upload-container .upload-box .white-image {
  display: none;
}

.counselor-section .head-para-main h1 {
  font-size: 21px;
  color: #1C345A;
  margin-bottom: 0px;
}
.counselor-section .head-para-main p {
  color: #606060;
}
.counselor-section .profile-card {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-bottom: 12px;
  background: white;
}
.counselor-section .profile-card .card-header {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.counselor-section .profile-card .card-header .profile-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.counselor-section .profile-card .card-header .profile-details {
  flex-grow: 1;
}
.counselor-section .profile-card .card-header .profile-details h2 {
  margin: 0;
  font-size: 18px;
}
.counselor-section .profile-card .card-header .profile-details p {
  padding: 5px;
  margin: 0;
  font-size: 0.9rem;
}
.counselor-section .profile-card .card-header .header-icons .chat-icon-collape {
  display: grid;
  position: relative;
  right: 15px;
}
.counselor-section .profile-card .card-header .header-icons .chat-icon-collape:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 16px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: red;
}
.counselor-section .profile-card .card-header .header-icons .chat-icon-collape.online:after {
  background-color: green;
  border: 1px solid #ffffff;
  width: 7px;
  box-shadow: 0 0 2px rgb(28, 52, 90);
  height: 7px;
}
.counselor-section .profile-card .card-header .collapse-icon {
  cursor: pointer;
  transform: rotate(-270deg);
  width: 15px;
  height: 15px;
}
.counselor-section .profile-card .card-header .icon-rotate {
  transform: rotate(-90deg);
}
.counselor-section .profile-card .card-body {
  display: none;
}
.counselor-section .profile-card .card-body .session-info h3 {
  margin-bottom: 0;
  font-size: 18px;
  color: #1C345A;
}
.counselor-section .profile-card .card-body .session-info .session-date {
  font-size: 16px;
  color: #606060;
}
.counselor-section .profile-card .card-body .icon-btn-zoom-right {
  width: 40px;
  height: 40px;
}
.counselor-section .profile-card .card-body p {
  margin: 0px 0px 10px 0px;
  color: #606060;
}
.counselor-section .profile-card .card-footer .chat-session-section {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.counselor-section .profile-card .card-footer .chat-session-section .chat-icon-cons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: 30px;
}
.counselor-section .profile-card .card-footer .chat-session-section .chat-icon-cons i {
  margin-right: 5px;
}
.counselor-section .profile-card .card-footer .chat-session-section .chat-icon-cons span {
  color: #1C345A;
}
.counselor-section .profile-card .card-footer .chat-session-section .chat-icon-cons:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 19px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: red;
}
.counselor-section .profile-card .card-footer .chat-session-section .chat-icon-cons.online:after {
  background-color: green;
  border: 1px solid #ffffff;
  width: 7px;
  box-shadow: 0 0 2px rgb(28, 52, 90);
  height: 7px;
}
.counselor-section .profile-card .card-footer .chat-session-section .session-button {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  border: none;
  border-radius: 16px;
  color: white;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 10px 20px;
}
.counselor-section .profile-card .card-footer .chat-session-section .session-button:hover {
  background-image: linear-gradient(to right, #101e33, #394860);
  box-shadow: 0 6px 12px rgba(28, 52, 90, 0.3);
}
.counselor-section .profile-card .card-footer .chat-session-section .session-button:active {
  background-image: linear-gradient(to right, #284a81, #5f78a0);
  box-shadow: 0 2px 5px rgba(28, 52, 90, 0.1);
}
.counselor-section .profile-card .card-footer .chat-session-section .session-button .icon-btn-zoom {
  fill: #ffffff;
}
.counselor-section .profile-card .card-footer .chat-session-section .session-button:hover {
  background-color: #006fe6;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container {
  background: #F5F5F5;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  font-family: Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  font-size: 1.2em;
  font-weight: bold;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .calendar-header .prev-month,
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .calendar-header .next-month {
  cursor: pointer;
  font-size: 1.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-header {
  display: flex;
  justify-content: space-between;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-header .day-header {
  width: 14.28%;
  text-align: center;
  margin: 5px 0;
  font-weight: bold;
  color: #555;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-row {
  display: flex;
  justify-content: space-around;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-row .date-cell {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  padding: 0;
  margin: 5px 0;
  border-radius: 55%;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-row .date-cell:hover, .counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-row .date-cell.selected {
  background-color: #1C345A;
  color: white;
}
.counselor-section .profile-card .card-footer .booking-panel .calendar-container .week-row .date-cell.empty {
  background-color: transparent;
  cursor: default;
}
.counselor-section .profile-card .card-footer .booking-panel .time-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Adjust gap as needed */
  justify-content: center; /* Center the time slots */
  padding: 10px;
}
.counselor-section .profile-card .card-footer .booking-panel .time-slot {
  padding: 5px 5px; /* Adjust padding as needed */
  background-color: #F5F5F5; /* Use your desired color */
  color: #1C345A;
  border-radius: 20px; /* Adjust for rounded corners */
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Prevent text selection */
  box-shadow: 0 2px 4px rgba(28, 52, 90, 0.2); /* Optional: add shadow for depth */
}
.counselor-section .profile-card .card-footer .booking-panel .time-slot:hover {
  background: #1C345A;
  color: #ffffff;
}
.counselor-section .profile-card .card-footer .booking-panel .time-slot.selected {
  background-color: #1C345A; /* Darker shade when selected */
  color: #ffffff;
}
.counselor-section .profile-card .card-footer .booking-panel .para-date {
  text-align: center;
}
.counselor-section .profile-card .card-footer .booking-panel .para-date p {
  color: #606060;
}
.counselor-section .profile-card .card-footer .booking-panel .para-date h2 {
  font-size: 21px;
  color: #1C345A;
}
.counselor-section .profile-card .card-footer .navigation-buttons {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
}
.counselor-section .profile-card .card-footer .navigation-buttons button {
  width: 15%;
  margin-right: 25px;
  border: none;
  border-radius: 16px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease;
}
.counselor-section .profile-card .card-footer .navigation-buttons .cancel-button, .counselor-section .profile-card .card-footer .navigation-buttons .back-button {
  background: #F5F5F5;
  color: #1C345A;
}
.counselor-section .profile-card .card-footer .navigation-buttons .next-button, .counselor-section .profile-card .card-footer .navigation-buttons .confirm-button {
  background-color: #1C345A;
  color: #ffffff;
}
.counselor-section .profile-card .progress-done .circle-container {
  background-color: green;
}
.counselor-section .profile-card .progress-active .circle-container {
  background-color: gold;
}
.counselor-section .profile-card .progress-upcoming .circle-container {
  background-color: grey;
}

/* Mobile styles */
.chat-container {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 350px;
  height: 400px;
  display: flex;
  flex-direction: column;
  background-color: #F5F5F5;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(28, 52, 90, 0.2);
  overflow: hidden;
  z-index: 1031;
}
.chat-container .chat-icons {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.chat-container .chat-header {
  padding: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.chat-container .chat-header .user-info {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.chat-container .chat-header .user-info .user-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}
.chat-container .chat-header .user-info .user-details h5, .chat-container .chat-header .user-info .user-details p {
  margin: 0;
}
.chat-container .chat-messages {
  flex-grow: 1;
  overflow-y: auto;
  padding: 10px;
  background: #ffffff;
}
.chat-container .chat-messages::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 10px;
}
.chat-container .chat-messages::-webkit-scrollbar-thumb {
  background: #606060;
  border-radius: 10px;
}
.chat-container .chat-messages::-webkit-scrollbar-thumb:hover {
  background: #1C345A;
}
.chat-container .chat-messages::-webkit-scrollbar {
  width: 8px;
}
.chat-container .chat-messages .date-separator {
  text-align: center;
  color: #999;
  margin: 10px 0;
}
.chat-container .chat-messages .message {
  display: flex;
  margin-bottom: 10px;
}
.chat-container .chat-messages .message .received-itmes {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  color: #606060;
}
.chat-container .chat-messages .message .sent-itmes {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  color: #ffffff;
}
.chat-container .chat-messages .message .sent-itmes .sent-time {
  color: #ffffff;
}
.chat-container .chat-messages .message.received .profile-pic {
  order: 1;
}
.chat-container .chat-messages .message.received .text {
  order: 2;
  background-color: #F5F5F5;
}
.chat-container .chat-messages .message.received .timestamp {
  order: 3;
}
.chat-container .chat-messages .message.received .receiv-time {
  color: #1C345A;
}
.chat-container .chat-messages .message.sent {
  flex-direction: row-reverse;
}
.chat-container .chat-messages .message.sent .profile-pic {
  order: 1;
}
.chat-container .chat-messages .message.sent .text {
  order: 2;
  background-color: #1C345A;
}
.chat-container .chat-messages .message.sent .timestamp {
  order: 3;
}
.chat-container .chat-messages .message .profile-pic {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 10px;
}
.chat-container .chat-messages .message .text {
  padding: 10px;
  max-width: 60%;
}
.chat-container .chat-messages .message .timestamp {
  font-size: 0.75rem;
  color: #999;
  align-self: flex-end;
}
.chat-container .chat-footer {
  padding: 10px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
}
.chat-container .chat-footer .plus-icon-extra {
  stroke-width: 5px;
  stroke: #1C345A;
}
.chat-container .chat-footer input[type=text] {
  flex-grow: 1;
  border: 1px solid #606060;
  padding: 10px;
  margin: 0 10px;
  border-radius: 13px;
  height: 35px;
}
.chat-container .chat-footer input[type=text]:focus {
  border: 1px solid #606060;
}
.chat-container .chat-footer input[type=text]:active {
  border: 1px solid #606060;
}
.remote-counseling-container {
  background: #ffffff;
  padding: 10px;
}
.remote-counseling-container .cancel-dynamic-section {
  padding: 15px 15px 8px 15px;
  background: #F5F5F5;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  margin-bottom: 10px;
}
.remote-counseling-container .cancel-dynamic-section .cancel-heading {
  font-size: 20px;
}
.remote-counseling-container .cancel-dynamic-section .dyn-text-reason {
  color: #606060;
}
.remote-counseling-container .cancel-dynamic-section .dyn-text-reason::-moz-placeholder {
  color: #606060;
}
.remote-counseling-container .cancel-dynamic-section .dyn-text-reason::placeholder {
  color: #606060;
}
.remote-counseling-container .cancel-dynamic-section .discard-dynamic-counseling {
  color: red !important;
  background: #ffffff !important;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.remote-counseling-container .cancel-dynamic-section .twobtn-counseling {
  border: none;
}
.remote-counseling-container .no-session {
  text-align: center !important;
}
.remote-counseling-container .no-session .no-session-image, .remote-counseling-container .no-session .no-session-image-white {
  width: 22%;
  height: 22%;
}
.remote-counseling-container .no-session .no-session-image-white {
  display: none;
}
.remote-counseling-container .no-session .no-session-heading {
  font-size: 18px;
}
.remote-counseling-container .head-stats h2 {
  color: #1C345A;
  font-size: 20px;
  margin-bottom: 15px !important;
}
.remote-counseling-container .nav-tabs {
  margin-bottom: 25px;
  border: none;
}
.remote-counseling-container .nav-tabs .nav-link {
  margin-right: 25px;
  border: none;
  border-radius: 16px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease;
  background: #F5F5F5;
  color: #1C345A;
}
.remote-counseling-container .nav-tabs .nav-link:hover {
  color: #ffffff;
  background: #1C345A;
}
.remote-counseling-container .nav-tabs .nav-link.active {
  border: none !important;
  background: #1C345A;
  color: #ffffff;
}
.remote-counseling-container .appointment-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #F5F5F5;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(28, 52, 90, 0.1);
  padding: 15px 15px 8px 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.remote-counseling-container .appointment-card .appointment-info {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.remote-counseling-container .appointment-card .appointment-info .bi {
  margin-right: 8px;
  font-size: 1.25rem;
}
.remote-counseling-container .appointment-card .appointment-info .appointment-name {
  font-weight: bold;
  margin-right: 16px;
  color: #1C345A;
}
.remote-counseling-container .appointment-card .appointment-info .appointment-time {
  color: #606060;
}
.remote-counseling-container .appointment-card .appointment-actions {
  display: flex;
  justify-content: center;
}
.remote-counseling-container .appointment-card .appointment-actions .btn-reschedule {
  background: none;
  color: #1C345A;
  text-decoration: underline;
  border: none;
  border-radius: 16px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.remote-counseling-container .appointment-card .appointment-actions .btn-reschedule:hover {
  background: none;
}
.remote-counseling-container .appointment-card .appointment-actions .btn-cancel {
  background: none;
  color: red;
  text-decoration: underline;
  border: none;
  border-radius: 16px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.remote-counseling-container .appointment-card .appointment-actions .btn-cancel:hover {
  background: none;
}
.remote-counseling-container .twobtn-counseling {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-top: 20px;
}
.remote-counseling-container .twobtn-counseling button {
  border: none;
  border-radius: 16px;
  color: #ffffff;
  width: 25%;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}
.remote-counseling-container .twobtn-counseling .back-counseling {
  background: #F5F5F5;
  color: #1C345A;
}
.remote-counseling-container .twobtn-counseling .back-session {
  background: #1C345A;
}

.expand-profile .profile-head {
  font-size: 22px;
}
.expand-profile .profile-head-border {
  font-size: 20px;
  position: relative;
  display: inline-block;
}
.expand-profile .profile-head-border:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #707070;
}
.expand-profile .profile-buttons .default-prf-btn {
  background-image: linear-gradient(to right, #1C345A, #436FB2);
  border: none;
  color: white;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: inherit;
  border-radius: 12px !important;
  font-size: 18px;
  margin-bottom: 20px;
  margin-right: 5px;
}
.expand-profile .profile-buttons {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.expand-profile .completed-profile {
  margin-top: 20px;
}
.expand-profile .completed-profile .default-prf-btn-gray {
  padding: 10px 20px !important;
  border-radius: 12px;
  background: #606060;
  color: #ffffff;
  font-weight: inherit;
  font-size: 18px !important;
  margin-bottom: 20px !important;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: inherit;
  margin-right: 5px;
}
.expand-profile .back-to-profile {
  background-color: #eeeeee;
  padding: 15px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: 1px solid #eeeeee;
  margin-top: 15px;
}
.expand-profile .back-to-profile .back-buttn {
  background-color: #F5F5F5;
  border: none;
  box-shadow: 0 2px 4px rgba(28, 52, 90, 0.1);
  padding: 7px 15px 7px 15px;
  width: 20%;
  font-size: 14px;
  border-radius: 10px;
}
.expand-profile .subject-list {
  margin-top: 15px;
  margin-bottom: 15px;
}
.expand-profile .subject-list .subject {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.expand-profile .subject-list .subject .grade-select {
  background: #F5F5F5;
}
.expand-profile .subject-list .subject .form-select {
  width: 33%;
  margin-left: 10px;
  padding: 8px 10px 8px 10px;
  border-radius: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23bcbcbc' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 8px 8px !important;
  color: #bcbcbc;
}
.expand-profile .subject-list .subject .form-select:focus {
  outline: none;
  border: 1px solid #bcbcbc !important;
}
.expand-profile .subject-list .subject .form-select option {
  color: #bcbcbc !important;
}
.expand-profile .subject-list .subject .subject-checkbox {
  display: none;
}
.expand-profile .subject-list .subject .subject-checkbox:checked + .subject-button .icon {
  fill: #00AEEF;
}
.expand-profile .subject-list .subject .subject-button {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 8px 10px 8px 10px;
  border-radius: 12px;
  cursor: pointer;
  color: #1C345A;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.expand-profile .subject-list .subject .subject-button .icon {
  margin-left: auto;
}
.expand-profile .subject-list .subject .subject-button .svgicon.icon.with-stroke-width-checked {
  stroke-width: 5px;
  stroke: #00AEEF;
  fill: #00AEEF;
}
.expand-profile .subject-list .subject .score-input {
  margin-left: 10px;
  padding: 8px 10px 8px 10px;
  border-radius: 12px;
  border: 1px solid #ccc;
  color: #00AEEF;
  background: #F5F5F5;
  width: 27%;
}
.expand-profile .subject-list .subject .score-input:focus {
  outline: none;
}
.expand-profile .subject-list .subject .score-input::-moz-placeholder {
  color: #bcbcbc;
}
.expand-profile .subject-list .subject .score-input::placeholder {
  color: #bcbcbc;
}
.expand-profile .savebutton {
  margin-top: 30px;
    display: flex;
    margin-bottom: 1.5rem;
    gap: 40px;

}
.expand-profile .savebutton .save-my-score {
  background-image: linear-gradient(to right, #1C345A, #436FB2);
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: inherit;
  font-size: 18px;
  width: 100%;
}
.expand-profile .selec-rading {
  margin-bottom: 23px;
}
.expand-profile .selec-rading .form-select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23bcbcbc' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 8px 8px !important;
  color: #bcbcbc;
}
.expand-profile .selec-rading .form-select:focus {
  outline: none;
  border: 1px solid #bcbcbc !important;
}
.expand-profile .selec-rading .first-curriculum {
  padding: 8px;
  border-bottom: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #F5F5F5;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.expand-profile .selec-rading .first-gradingSystem {
  padding: 8px;
  background: #F5F5F5;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.left-nav-bar .dvidr-close {
  margin-bottom: 20px;
}
.left-nav-bar .top-nav {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.left-nav-bar .top-nav .left-aligned button.menu-toggle {
  background-color: transparent;
  color: white;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.left-nav-bar .top-nav .left-aligned button.menu-toggle:focus {
  outline: none;
}
.left-nav-bar .top-nav .left-aligned img.logo {
  position: relative;
  bottom: 4px;
}
.left-nav-bar .top-nav .right-aligned button.sign-up-btn {
  background-color: #00AEEF;
  color: white;
  border: 1px solid #ffffff;
  padding: 10px 20px;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 10px;
}
.left-nav-bar .top-nav .right-aligned button.sign-up-btn:focus {
  outline: none;
}
.left-nav-bar .top-nav .right-aligned button.sign-up-btn:hover {
  background-color: #162947;
}
.left-nav-bar .top-nav .right-aligned i.search-icon {
  height: 38px;
  cursor: pointer;
  color: #1C345A;
  font-size: 18px;
  background: #F5F5F5;
  padding: 11px;
  border-radius: 25px;
  position: relative;
  right: 3px;
}
.left-nav-bar .menu-toggle {
  left: 15px;
  top: 15px;
  z-index: 1001;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 24px;
}
.left-nav-bar .main-content.blur {
  filter: blur(5px);
}
.left-nav-bar .active {
  left: 0;
  height: 100%; /* Adjust as needed */
  overflow-y: auto; /* Enable vertical scrolling */
  scrollbar-width: thin;
  scrollbar-color: #1C345A #ccc;
}
.left-nav-bar .active::-webkit-scrollbar {
  width: 10px;
}
.left-nav-bar .active::-webkit-scrollbar-track {
  background: #1C345A;
  border-radius: 10px;
}
.left-nav-bar .active::-webkit-scrollbar-thumb {
  background: #1C345A;
  border-radius: 10px;
}
.left-nav-bar .active::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.left-nav-bar .legaldiv, .left-nav-bar .logout-profile {
  padding: 10px 0px 15px 15px;
}
.left-nav-bar .legaldiv .legal, .left-nav-bar .logout-profile .legal {
  color: #1C345A;
  font-size: 15px;
}
.left-nav-bar .logout-profile a {
  color: #1C345A;
  font-weight: 800;
  text-decoration: underline;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.close-menu {
  display: none;
  position: fixed;
  top: 0px;
  right: calc(100% - 350px - 40px);
  background: none;
  border: none;
  font-size: 35px;
  cursor: pointer;
  color: white;
  z-index: 1001;
  transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.side-menu {
  position: fixed;
  left: -350px;
  top: 0;
  width: 350px;
  height: 100%;
  background: white;
  color: #1C345A;
  transition: left 0.3s;
  z-index: 1000;
}
.side-menu .dvidr-close {
  margin-bottom: 10px;
}
.side-menu.active {
  left: 0 !important;
  left: 0;
  height: 100%; /* Adjust as needed */
  overflow-y: auto; /* Enable vertical scrolling */
  scrollbar-width: thin;
  scrollbar-color: #1C345A #ccc;
}
.side-menu.active::-webkit-scrollbar {
  width: 10px;
}
.side-menu.active::-webkit-scrollbar-track {
  background: #1C345A;
  border-radius: 10px;
}
.side-menu.active::-webkit-scrollbar-thumb {
  background: #1C345A;
  border-radius: 10px;
}
.side-menu.active::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.side-menu .profile-information {
  border: 1px solid #ccc;
  border-radius: 18px;
  margin: 10px;
  padding: 0;
  box-shadow: 0 4px 8px rgba(28, 52, 90, 0.1);
}
.side-menu .profile-information .profile-section .profile-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
}
.side-menu .profile-information .profile-section .profile-item .expand-profile-main {
  transition: transform 0.3s ease-in-out;
}
.side-menu .profile-information .profile-section .profile-item .expand-profile-main.expanded {
  transform: rotate(90deg);
}
.side-menu .profile-information .profile-section .profile-item .user-info .user-name-addr .user-name {
  font-size: 18px;
  color: #1C345A;
  margin-bottom: 0px;
}
.side-menu .profile-information .profile-section .profile-item .user-info .user-name-addr .user-name .user-location {
  font-size: 14px;
  color: #1C345A;
}
.side-menu .profile-information .profile-section .profile-item .logout {
  color: #1C345A;
  text-decoration: underline;
  font-weight: 800;
}
.side-menu .profile-information .profile-section .profile-item .icons-left-bar {
  width: 20px;
  height: 20px;
}
.side-menu .profile-information .profile-section .profile-item .extra-usre-icon {
  width: 30px;
  height: 30px;
}
.side-menu .profile-information .profile-section .profile-item .terms-strok {
  stroke-width: 7px;
  stroke: #1C345A;
}
.side-menu .profile-information .profile-section .profile-item .quiz-extra-icon {
  stroke-width: 6px;
  stroke: #ffffff;
  width: 26px;
}
.side-menu .profile-information .profile-section .profile-item .right-arrow-extra {
  width: 15px !important;
  height: 15px !important;
}
.side-menu .profile-information .profile-section .profile-item span {
  flex-grow: 1;
  margin-left: 10px;
  color: #1C345A;
}
.side-menu .profile-information .profile-section .profile-item .right-arrow {
  display: inline-block;
  background-color: #ccc;
  border-radius: 50%;
}
.side-menu .profile-information .profile-section .hidden-content {
  display: none;
  padding: 10px;
}
.side-menu .profile-information .profile-section .hidden-content .address {
  color: #1C345A;
  font-size: 14px;
}
.side-menu .profile-information .profile-section .hidden-content .edit-pro-btn {
  background: #1C345A;
  color: #ffffff;
  border: none;
  padding: 7px 20px;
  border-radius: 19px;
}
.side-menu .profile-information .profile-section:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.side-menu .reduce-terems-radius {
  border-radius: 6px !important;
}
.side-menu .legaldiv, .side-menu .logout-profile {
  padding: 10px 0px 15px 15px;
}
.side-menu .legaldiv .legal, .side-menu .logout-profile .legal {
  color: #1C345A;
  font-size: 15px;
}
.side-menu .logout-profile a {
  color: #1C345A;
  font-weight: 800;
  text-decoration: underline;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 52, 90, 0.9);
  z-index: 999;
}

.icon-back {
  width: 35px;
  height: 35px;
}
.icon-back.icon-strongly-dislike {
  background-image: url("../images/icons/strongly-dislike.svg");
  background-repeat: no-repeat;
}
.icon-back.icon-strongly-dislike.quiz-active {
  background-image: url("../images/icons/strongly-dislike-blue.svg");
}
.icon-back.icon-strongly-like {
  background-image: url("../images/icons/strongly-like.svg");
  background-repeat: no-repeat;
}
.icon-back.icon-strongly-like.quiz-active {
  background-image: url("../images/icons/strongly-like-blue.svg");
}
.icon-back.icon-like {
  background-image: url("../images/icons/like.svg");
  background-repeat: no-repeat;
}
.icon-back.icon-like.quiz-active {
  background-image: url("../images/icons/like-blue.svg");
}
.icon-back.icon-unsure {
  background-image: url("../images/icons/unsure.svg");
  background-repeat: no-repeat;
}
.icon-back.icon-unsure.quiz-active {
  background-image: url("../images/icons/unsure-blue.svg");
}
.icon-back.icon-dislike {
  background-image: url("../images/icons/dislike.svg");
  background-repeat: no-repeat;
}
.icon-back.icon-dislike.quiz-active {
  background-image: url("../images/icons/dislike-blue.svg");
}

.environmentModal .modal-content {
  background-color: #F5F5F5 !important;
  border-radius: 25px !important;
}
.environmentModal .modal-header {
  border-bottom: none;
  padding: 22px 22px 0px 0px;
}
.environmentModal .quiz-header {
  margin-bottom: 10px !important;
  text-align: center;
}
.environmentModal .quiz-header .carer-apptite {
  font-size: 17px;
  margin-bottom: 0px;
  color: #1C345A;
}
.environmentModal .quiz-header .para {
  color: #606060;
  font-size: 15px;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}
.environmentModal .quiz-header h1 {
  font-size: 22px;
  color: #1C345A;
}
.environmentModal .environment-container .quiz-category .quiz-career {
  display: flex;
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin-right: 7px;
}
.environmentModal .environment-container .quiz-category .quiz-career .custom-icons {
  width: 55px;
  height: 55px;
  cursor: pointer;
}
.environmentModal .environment-container .environmeental-btns {
  width: 94%;
  margin: auto;
  margin-top: 10px;
}
.environmentModal .environment-container .environmeental-btns .environ-btns {
  border: none;
  border-radius: 16px;
  color: white;
  background: #00AEEF;
  padding: 8px 10px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 5px;
}
.environmentModal .environment-container .quiz-category:not(:last-child) {
  margin-bottom: 10px;
}
.environmentModal .environment-container .quiz-category:not(:last-child) .quiz-image {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.environmentModal .environment-container .quiz-nevironm {
  width: 91%;
  margin: auto;
}
.environmentModal .modal-body {
  background: #F5F5F5;
}
.environmentModal .modal-footer {
  background: #F5F5F5;
  display: block;
  border-radius: 25px;
}
.environmentModal .modal-footer .quiz-modal-btn {
  display: flex;
  justify-content: space-between;
}
.environmentModal .modal-footer .quiz-modal-btn button {
  border: none;
  border-radius: 16px;
  color: #ffffff;
  padding: 10px 20px;
  width: 35%;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.environmentModal .modal-footer .quiz-modal-btn .next-quiz-btn {
  background-image: linear-gradient(to right, #1C345A, #4c6080);
  box-shadow: 0px 2px 4px rgba(28, 52, 90, 0.1);
}
.environmentModal .modal-footer .quiz-modal-btn .back-btn-quiz {
  background: #ffffff !important;
  color: #1C345A !important;
}

.uniTabsContain {
  position: relative;
  background: url("../images/innreuni.png") no-repeat center center;
  background-size: cover;
  padding: 20px 0;
  height: 380px;
  margin-top: 5px;
}
.uniTabsContain .center-stuff {
  width: 50%;
  margin: 35px auto;
}
.uniTabsContain .center-stuff .uninavbar .nav-item {
  position: relative;
}
.uniTabsContain .center-stuff .uninavbar .nav-item:nth-child(2)::after, .uniTabsContain .center-stuff .uninavbar .nav-item:nth-child(3)::after, .uniTabsContain .center-stuff .uninavbar .nav-item:nth-child(4)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  width: 1px;
  background-color: #606060;
}
.uniTabsContain .center-stuff .uninavbar .nav-item .nav-link {
  background: #1C345A;
  color: white;
  border-radius: 0;
  padding: 3px 10px 3px 10px;
  border: none;
  font-size: 14px;
}
.uniTabsContain .center-stuff .uninavbar .nav-item .nav-link.active {
  background: #00AEEF;
}
.uniTabsContain .center-stuff .uninavbar .nav-item:first-child .nav-link {
  border-top-left-radius: 5px;
}
.uniTabsContain .center-stuff .uninavbar .nav-item:last-child .nav-link {
  border-top-right-radius: 5px;
}
.uniTabsContain .center-stuff .uni-tab {
  background: white;
  padding: 12px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.uniTabsContain .center-stuff .uni-tab .uni-share-section {
  display: flex;
  margin-top: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
}
.uniTabsContain .center-stuff .uni-tab .uni-share-section .leftbtn .view-ranking {
  background: #00AEEF;
  color: #ffffff;
  padding: 7px 15px 7px 15px;
  border-radius: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: inherit;
  font-size: 14px;
  margin-right: 10px;
}
.uniTabsContain .center-stuff .uni-tab .uni-share-section .rigt-btns {
  margin-left: 10px;
}
.uniTabsContain .center-stuff .uni-tab .uni-share-section .rigt-btns .btn-uni-profile {
  color: #606060;
  border: 1px solid #606060;
  padding: 5px 7px 5px 7px;
  margin-right: 5px;
  border-radius: 12px;
}
.uniTabsContain .center-stuff .uni-tab .uni-share-section .rigt-btns .btn-uni-profile .uni-profile-icons {
  fill: #606060;
  width: 15px;
  height: 15px;
}
.uniTabsContain .center-stuff .overview-tab .tab-uni-name {
  font-size: 23px;
}
.uniTabsContain .center-stuff .overview-tab .main-centr-cont {
  display: flex;
}
.uniTabsContain .center-stuff .overview-tab .main-centr-cont .left-pro-img img {
  max-height: 125px;
}
.uniTabsContain .center-stuff .overview-tab .main-centr-cont .left-pro-img {
  margin-right: 12px;
}
.uniTabsContain .center-stuff .overview-tab .stars-review {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 6px;
}
.uniTabsContain .center-stuff .overview-tab .stars-review .stars-container {
  display: flex;
}
.uniTabsContain .center-stuff .overview-tab .stars-review .stars-container .uni-star-icon {
  fill: gold;
  width: 20px;
  height: 20px;
}
.uniTabsContain .center-stuff .overview-tab .stars-review .logo .elite-logo {
  width: 100px;
  height: 20px;
  margin-left: 5px;
}
.uniTabsContain .center-stuff .overview-tab .address-established {
  font-size: 13px;
  margin-bottom: 0;
}
.uniTabsContain .center-stuff .overview-tab .address-established .address .addr-est-icon {
  fill: #00AEEF;
  width: 15px;
  height: 15px;
}
.uniTabsContain .rankings-section {
  background: white;
  position: absolute;
  width: 80%;
  bottom: -24px;
  padding: 8px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 0 20px 3px rgba(28, 52, 90, 0.05);
}
.uniTabsContain .rankings-section .uni-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 0px 0px 8px;
}
.uniTabsContain .rankings-section .uni-info h3 {
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 0px;
}
.uniTabsContain .rankings-section .uni-info .uni-stars {
  display: flex;
}
.uniTabsContain .rankings-section .uni-info .uni-stars .uni-star-cons {
  fill: gold;
  width: 20px;
  height: 20px;
}
.uniTabsContain .rankings-section .ranking-box {
  text-align: center;
  margin-right: 10px;
}
.uniTabsContain .rankings-section .ranking-box p {
  font-size: 0.9rem;
  color: #1C345A;
  margin-bottom: 0px;
  font-weight: 700;
}
.uniTabsContain .rankings-section .ranking-box h4 {
  font-size: 1.2rem;
  color: #1C345A;
  margin-bottom: 0px;
}
.uniTabsContain .rankings-section .uni-profile-stats .ranking-box:nth-child(1), .uniTabsContain .rankings-section .uni-profile-stats .ranking-box:nth-child(2), .uniTabsContain .rankings-section .uni-profile-stats .ranking-box:nth-child(3) {
  border-left: 1px solid #ccc;
}

.mbl_class {
    width: 405px !important;
}